/* CUSTOM STYLES */
body {
    font-family: Verdana, Geneva, sans-serif;
    background: #ffffff;
}
.ambanner-slider-container {
    max-width: 100% !important;
}
.ambanner-slider-wrap {
    margin-top: 0 !important;
}
.btn-primary, .actions-toolbar .primary button {
    background-color: #0F1B2D;
}
.btn-primary:hover, .actions-toolbar .primary button:hover, .btn:hover, .bg-black:hover {
    background-color: #1B2941;
}
.bg-white:hover {
background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.customer-account-login .form-input, .customer-account-create .form-input {
    min-width: 90%;
}
.customer-account-create #password, .customer-account-create #password-confirmation {
    min-width: 35%;
}
.bg-black-light {
    background-color: rgb(60 60 60/var(--tw-bg-opacity));
}
.bg-purple {
    background-color: #8981f9;
}
.bg-nice-blue {
    background-color: #007fb6;
}
.bg-green {
    background-color: #15ab67;
}
.bg-pink {
    background-color: #c53279;
}
.header-slider__text-wrapper, .header-slider__double-text-wrapper {
    min-height: 1.75rem;
}
.header-slider__text {
	display: flex;
	margin: 0 3.5rem;
    margin-left: calc(.02564* 100vw + 20px);
}
.header-slider__item img, .header-slider__item svg {
    width: 40px;
    height: 40px;
}
.header-slider .cmsb3-gap-4 {
gap: 0.5rem;
}
.header-slider .cmsb3-my-4 {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.header_cat_bar img {
    border-radius: 50% !important;
    border: 1px #333333 solid;
    width: 100%;
    max-width: 100px !important;
margin-left: auto;
margin-right: auto;
}
.header_cat_bar a {
    display: block;
    padding: 0 8px 20px;
}
.header_cat_bar figcaption {
    width: 100%;
    text-align: center;
    position: relative;
    top: -20px;
    pointer-events: none;
}

.header_cat_bar .pagebuilder-column {
    flex-basis: auto;
}
.header-cat-bar-row {
    overflow-x: auto;
}
.header_cat_bar .pagebuilder-column-group {
    min-width: 800px;
}
.home-cat-block, .trending-block, .trending-brands-block, .pagebuilder-slider {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.home-cat-block a {
    display: block;
    padding: 0 0 30px;
}
.home-cat-block figcaption {
    width: 100%;
    text-align: center;
    position: relative;
    top: -20px;
    pointer-events: none;
    font-size: 20px;
}

.trending-fragrance-row [data-content-type="image"] a {
    display: block;
    padding: 0 0 30px;
}
.trending-fragrance-row figcaption {
    width: 100%;
    text-align: center;
    position: relative;
    top: -20px;
    pointer-events: none;
    font-size: 20px;
}

.section-title h3 {
    text-align: center;
font-size: 30px;
}
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
    background-color: #0F1B2D;
}
a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
    background-color: #1B2941;
}

/* product swatches styles */
.product-swatches .swatch-size {
    display: inline-flex;
    border: 1px solid #E8E4DD;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    height: 38.4px;
    min-width: 56px;
}
.product-swatches .swatch-size.active {
    cursor: default;
}
.product-swatches .swatch-size.active, .product-swatches .swatch-size:hover {
    border-color: #0F1B2D;
}
/* END product swatches styles */
.sale-note {
padding-left: 5px;
font-weight: 500;
}
.product-info-main section[id$="attributes"] {
    display: none !important;
}
.product-description {
margin-left: auto;
margin-right: auto;
}
.product-note {
font-size: 18px;
font-weight: 500;
}

#mirasvitSearchResults .lg\:grid-cols-6 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.cmsp2-text-4xl {
font-size: 2.5rem;
line-height: 2.5rem;
}

.contact-index-index address {
    font-style: normal;
    margin-bottom: 15px;
}

.page-with-filter .product-item .btnblock {
    display: block;
}

.page-with-filter .product-item .addtobasket {
    margin-bottom: 15px;
}

.product-item .old-price .price-container {
color: #6B7585;
}

.product-item .old-price .price-container .price {
    text-decoration: line-through;
}

.page-with-filter .product-item .old-price .price-container {
    display: block;
}

.page-with-filter .filter-content .filter-option .filter-options-content {
max-height: 213px;
overflow: auto;
overflow-y: scroll;
}

.catalog-product-view .action-buttons {
    display: block;
}
.catalog-product-view .action-button-text {
    color: rgb(107 114 128/var(--tw-text-opacity)) !important;
    position: relative;
    top: -5px;
}

.wishlist-wrap {
    position: relative;
}

.button-wrap {
    position: absolute;
    right: 0;
}

.header-cat-bar-row {
    display: none !important;
}

.cms-home .header-cat-bar-row {
    display: flex !important;
}

.category-cms p a, .amshopby-filters-bottom-cms p a, .brand-description p a, .category-description p a, .amblog-post-content p a, .contact-index-index .flex-columns-wrapper p a, .actions-toolbar p a {
    color: #0F1B2D;
    text-decoration: underline;
}

.category-cms p a:hover, .amshopby-filters-bottom-cms p a:hover, .brand-description p a:hover, .category-description p a:hover, .amblog-post-content p a:hover, .contact-index-index .flex-columns-wrapper p a:hover, .actions-toolbar p a:hover {
    color: #FF6B5B;
    text-decoration: underline;
}

.brand-description p, .category-description p, .contact-index-index .flex-columns-wrapper p {
    margin-bottom: 12px;
}

#header .minisearch #search {
    border: #bbb solid 1px !important;
    border-radius: 8px 0px 0px 8px;
}

.pagebuilder-slider .pagebuilder-slide-wrapper {
    background-position: center top;
    background-size: 100% auto;
}

div[x-ref="searchContainerMobile"] .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slider-height {
height: 500px;
}

div[x-ref="searchContainerMobile"] .container {
padding-left: 0 !important;
padding-right: 0 !important;
}

.block-brand-list ul.brand-options {
justify-content: space-evenly !important;
display: flex;
flex-wrap: wrap;
}

.page-with-filter .filter-content .filter-option .filter-options-content {
max-height: 329px;
overflow: auto;
overflow-y: scroll;
}

.sidebar .last\:border-b-0:last-child {
 border-bottom-width: 1px !important;
}

.checkout-onepage-success hr.border-slate-200 {
	display: none;
}
.thankyou-wrapper .btn-primary {
	background-color: rgb(29 125 169 / var(--tw-bg-opacity));
}
.thankyou-wrapper .btn-primary:hover {
    background-color: rgb(29 125 169/var(--tw-bg-opacity));
	box-shadow: var(--tw-ring-offset-shadow,0 0 #1d7da9),var(--tw-ring-shadow,0 0 #1d7da9),var(--tw-shadow)
}

.checkout-cart-index .cart-payment-methods a.btn {
	width: fit-content;
	display: block;
	margin-left: auto;
}

.checkout-cart-index #discount-coupon-form {
	display: block !important;
}

.product-note-wrap {
    margin-top: 16px;
}

h2#filters-heading .btn:hover {
background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
}

button.ambar-action-btn {
    background: #367A2D !important;
    color: #ffffff;
    font-size: 16px;
}

#cookiebar-groups button.btn {
    display: none !important;
}

.subscribe button.btn {
    background-color: #0F1B2D;
}

.subscribe button.btn:hover {
    background-color: #1B2941;
}

/*#desktop-menu-category-11 li.break-inside-avoid a.level-1 {
    pointer-events: none !important;
}*/

.card-interactive:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
}

.amblog-post-container [data-content-type=row][data-appearance=contained] {
padding-right: 0 !important;
padding-left: 0 !important;
}

.amblog-post-content [data-content-type=row]>div {
padding: 0 !important;
}

.amblog-post-container {
    padding: 0 !important;
    box-shadow: none !important;
    --tw-shadow: none;
}

.catalogsearch-result-index .page-main .text-3xl {
    display: none !important;
}

.toolbar-top .col-span-3 {
grid-column: span 8/span 8;
}

.brand-description {
    position: relative;
margin-bottom: 40px;
}

.brand-btn {
    text-decoration: underline;
    font-weight: 500;
    position: absolute;
    bottom: -25px;
}

#category-view-container {
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.catalog-category-view .page-main,
.mpbrand-index-view .page-main {
	margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.category-description [data-appearance=contained], .category-description [data-content-type=row]>div, .product-description [data-content-type=row][data-appearance=contained], .product-description [data-content-type=row][data-appearance=contained]>div{
    padding: 0 !important;
}

.rating-summary .text-yellow-500, .product-review-table .text-yellow-500, #product-review-table .text-yellow-400, .mw-review-rating .text-yellow-400, .mw-reviews-card .text-yellow-400 {
color: #0F1B2D !important;
}

.mw-reviews-card .bg-yellow-400 {
background-color: #0F1B2D !important;
}

.mpbrand-index-view .product-info .text-lg {
    font-size: 1rem !important;
line-height: 1.5rem !important;
}

.product-item .price-container .price {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.discount-percentage {
    color: #FF6B5B !important;
}
.price-container .old-price .price, .price-container .old-price .line-through,
.price-box .old-price .price, .price-box .old-price .line-through {
    color: #6B7585 !important;
}

.break-all .post-title {
word-break: normal;
}

.block-brand-search .block-title {
font-size: 2.5em !important;
}

.toolbar-top nav.modes {
    display: none !important;
}

.cms-home .glider-track .product-item-photo {
    margin: 0 !important;
    width: 100% !important;
}

.cms-home .glider-track .product-item-photo img.product-image-photo {
    margin: auto !important;
}

.cms-home .glider-track .product-item-photo .amlabel-text {
    text-align: left !important;
}

.amblog-post-content p {
    margin-bottom: 20px;
}

.amblog-post-content h2 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.amblog-post-content ul {
    list-style: square;
margin-left: 20px;
}

.amblog-post-content ul li {
    margin-bottom: 20px;
}

.amblog-content h2 {
    font-weight: 500;
}

.product-col-logo img {
    max-height: 50px;
}

.recaptcha-message p.text-sm {
    text-align: center !important;
}

.trustpilot-top .trustpilot-widget {
    margin-left: -58px;
}

@media (max-width: 480px) {
    svg.pacoperfumerias-logo {
        max-width: 225px;
    }
    .amblog-index-index .text-2xl, .amblog-index-post .text-2xl {
font-size: 1.25rem !important;
line-height: 1.5rem !important;
}
}

@media (max-width: 430px) {
    .customer-account-create h1.title-font, .customer-account-login h1.title-font {
        font-size: 22px;
    }
    .block-products-list .addtobasket button, .products .addtobasket button {
        font-size: 15px;
        padding: 12px 0;
    }
}

@keyframes slidingText1 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}
@keyframes slidingText2 {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}
@media (min-width: 1601px) {
	.header-slider__double-text-wrapper {
		display: none !important;
	}
}
@media (max-width: 1600px) {
	.header-slider--with-animation .header-slider__text-wrapper {
		animation-name: slidingText1;
		animation-duration: 25s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	} 
	.header-slider--with-animation .header-slider__double-text-wrapper {
		animation-name: slidingText2;
		animation-duration: 25s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-fill-mode: forwards
	}
    .slider-height {
height: 400px;
}
}
@media (max-width: 1400px) {
    .slider-height {
height: 300px;
}
}
@media (min-width: 1920px) {
    .header-slider__text-wrapper, .header-slider__double-text-wrapper {
        padding-right: 3rem;
        padding-left: 3rem;
    }
	.header-slider__double-text-wrapper {
		display: none;
	}
}
@media (min-width: 1536px) {
    .header-slider__container {
        max-width: 1536px;
		margin-right: auto;
        margin-left: auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}
@media (max-width: 1023px) {
nav.breadcrumbs {
    display: none;
}
.product-note-wrap {
    display: block;
}
.product-note-wrap .justify-end, .wishlist-wrap {
    justify-content: flex-start;
}
.catalog-product-view .product-info-main #add-to-wishlist {
    margin-left: 0;
}
.product-note {
    margin-bottom: 10px;
}
.product-description {
max-width: 100%;
}
.slider-height {
height: 250px;
}
div[x-ref="searchContainerMobile"] {
    padding-top: 0 !important;
}
}
@media (max-width: 768px) {
    .home-cat-block [data-content-type=column], .trending-fragrance-row [data-content-type=column] {
max-width: 50%;
width: 50%;
}
.trending-brands-block [data-content-type=column] {
max-width: 33.333%;
width: 33.333%;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.button-wrap {
position: relative;
}
.slider-height {
height: 900px;
}
.gallery-wrap {
margin-bottom: 20px;
}
.product-info-main h1.text-2xl {
font-size: 1.2rem;
line-height: 1.5rem;
}
div[x-ref="am-cookie-bar"] button {
    width: 45% !important;
    padding-top: 7px;
    padding-bottom: 7px;
}
.text-ambar-policy-text {
    text-align: center;
}
.product-info-main h1.text-2xl {
text-align: center;
}
.description-wrap {
    margin-top: 0px !important;
}

.facebook-link, .instagram-link {
    margin-left: auto !important;
    margin-right: auto !important;
}
}

@media (max-width:640px) {
.stockstatus {
flex-direction: row;
}
.btnblock {
    display: block;
}
.addtobasket {
    margin-bottom: 15px;
}
#mirasvitSearchResults .lg\:grid-cols-6 {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.addtocart-wrap {   
align-items: flex-start;
}
.addtocart-wrap .ml-auto {
margin-left: 0;
}
.checkout-cart-index .cart-payment-methods a.btn {
margin-right: auto;
}
.toolbar-products .col-span-2 {
grid-column: span 4/span 4;
}
.toolbar-products .col-span-4 {
    grid-column: span 8/span 8;
}
}

@media (min-width: 1400px) and (max-width: 1680px) {
.cms-home .block-products-list .addtobasket button {
    flex: fill-available;
    flex: -moz-available;
}
}

@media (min-width: 1400px) and (max-width: 1535px) {
.page-with-filter .products .addtobasket button {
    font-size: 15px;
padding: 12px 0;
}
}

@media (min-width: 1024px) and (max-width: 1399px) { 
    .cms-home .sm\:grid-cols-2 form.product-item:nth-last-child(-n+2) {
    display: none !important;
}
/*.cms-home .sm\:grid-cols-2 form.product-item:nth-last-child(-n+2), .page-products .products-grid ul.sm\:grid-cols-2 li:nth-last-child(-n+2) {
    display: none !important;
}*/
}

@media (min-width: 1024px) and (max-width: 1280px) {
.page-with-filter .products .addtobasket button {
    font-size: 15px;
padding: 12px 0;
}
nav.navigation .columns-xs {
-moz-columns: 12rem;
columns: 12rem;
}
}

@media (min-width: 1281px) and (max-width: 1424px) {
nav.navigation .columns-xs {
-moz-columns: 16rem;
columns: 16rem;
}
}

@media (min-width: 1024px) and (max-width: 1140px) {
    #mirasvitSearchResults .lg\:grid-cols-6 {
grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (min-width: 768px) {
    [data-content-type=image] .pagebuilder-mobile-hidden {
        display: block;
    }
    .footer-wrap .payment-icons {
        width: 300px;
    }

}

@media (max-width: 767px) {
    .footer-wrap {
        flex-direction: column;
        text-align: center;
    }
    .footer-wrap .payment-icons {
        justify-content: center;
    }

}

/* Product page title */
.catalog-product-view h1.page-title {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.35;
    font-weight: 500;
    color: #0F1B2D;
}
@media (min-width: 768px) {
    .catalog-product-view h1.page-title {
        font-size: 1.375rem;
    }
}

/* Product page title: align with image and panel on mobile */
.catalog-product-view .body-font .grid > .container {
    padding-left: 0;
    padding-right: 0;
}

/* Product page: keep the out-of-stock button visible (Google Merchant Center) */
.addtocart-wrap .btn[disabled] {
    display: flex;
    opacity: 1;
}

/* Product page: discount in red */
.catalog-product-view .price-box .discount-percentage {
    color: #DC2626;
}

/* Product page sections: near full width on mobile */
@media (max-width: 767px) {
    .catalog-product-view #product-details-section {
        width: auto;
        margin-left: calc(50% - 50vw + 8px);
        margin-right: calc(50% - 50vw + 8px);
    }
    .catalog-product-view #product-details-section .section-item {
        padding-left: 12px;
        padding-right: 12px;
    }
    .catalog-product-view #product-details-section .section-item + .section-item {
        margin-top: 24px !important;
    }
    .catalog-product-view #reviewUpdate,
    .catalog-product-view #reviewUpdate + div {
        width: auto;
        margin-left: calc(50% - 50vw + 8px);
        margin-right: calc(50% - 50vw + 8px);
    }
    .catalog-product-view #reviewUpdate .card,
    .catalog-product-view #reviewUpdate + div > .card {
        padding-left: 12px;
        padding-right: 12px;
    }
    .catalog-product-view #reviewUpdate,
    .catalog-product-view #reviewUpdate + div {
        width: auto;
        margin-left: calc(50% - 50vw + 8px);
        margin-right: calc(50% - 50vw + 8px);
    }
    .catalog-product-view #reviewUpdate .card,
    .catalog-product-view #reviewUpdate + div > .card {
        padding-left: 12px;
        padding-right: 12px;
    }
    .catalog-product-view #product-details-section [data-content-type="row"],
    .catalog-product-view #product-details-section [data-element="inner"] {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Product page: grey background and cards (matches Fragrance Click) */
body.catalog-product-view {
    background-color: #F8FAFC;
}
.catalog-product-view #product-details-section .section-item,
.catalog-product-view #reviewUpdate .card,
.catalog-product-view #reviewUpdate + div > .card {
    background-color: #F3F4F6;
    box-shadow: none;
}

/* Product page: title + purchase panel as one white card (matches Fragrance Click) */
.catalog-product-view .body-font .grid > .container,
.catalog-product-view .body-font .grid > .container + div {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    padding-left: 16px;
    padding-right: 16px;
}
.catalog-product-view .body-font .grid > .container {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding-top: 16px;
    margin-bottom: 0;
}
.catalog-product-view .body-font .grid > .container + div {
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding-bottom: 16px;
}
@media (max-width: 767px) {
    .catalog-product-view .body-font .grid > .container {
        margin-top: 16px;
    }
}

/* Product page: even 16px spacing down the purchase card */
.catalog-product-view .body-font .grid > .container + div > div:first-child {
    margin-top: 16px;
    margin-bottom: 16px;
}
.catalog-product-view #product_addtocart_form {
    margin-bottom: 0;
}
.catalog-product-view .addtocart-wrap > div.gap-3 {
    row-gap: 16px;
}

/* Product page: title + purchase panel as one white card (matches Fragrance Click) */
.catalog-product-view .body-font .grid > .container,
.catalog-product-view .body-font .grid > .container + div {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
    padding-left: 16px;
    padding-right: 16px;
}
.catalog-product-view .body-font .grid > .container {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding-top: 16px;
    margin-bottom: 0;
}
.catalog-product-view .body-font .grid > .container + div {
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding-bottom: 16px;
}
@media (max-width: 767px) {
    .catalog-product-view .body-font .grid > .container {
        margin-top: 16px;
    }
}

/* Product page: even 16px spacing down the purchase card */
.catalog-product-view .body-font .grid > .container + div > div:first-child {
    margin-top: 16px;
    margin-bottom: 16px;
}
.catalog-product-view #product_addtocart_form {
    margin-bottom: 0;
}
.catalog-product-view .addtocart-wrap > div.gap-3 {
    row-gap: 16px;
}

/* Product page: title + purchase card near full width on mobile */
@media (max-width: 767px) {
    .catalog-product-view .body-font .grid > .container,
    .catalog-product-view .body-font .grid > .container + div {
        width: auto;
        max-width: none;
        margin-left: calc(50% - 50vw + 8px);
        margin-right: calc(50% - 50vw + 8px);
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Product page: pull the image up on mobile */
@media (max-width: 767px) {
    .catalog-product-view .gallery-wrap {
        padding-top: 0;
    }
}

/* Product page desktop: image card matches the right-hand card height */
@media (min-width: 768px) {
    .catalog-product-view .body-font .grid > .container {
        margin-top: 0;
    }
    .catalog-product-view .body-font .grid > .container + div {
        margin-bottom: 0;
    }
    .catalog-product-view .gallery-wrap {
        background-color: #FFFFFF;
        border: 1px solid #E5E7EB;
        border-radius: 4px;
        padding: 16px;
        display: flex;
        align-items: center;
    }
    .catalog-product-view .gallery-wrap > #gallery {
        width: 100%;
    }
}

/* Product description text: consistent on every product (matches footer text) */
.catalog-product-view .product-description,
.catalog-product-view .product-description *,
.catalog-product-view #product-attributes th,
.catalog-product-view #product-attributes td {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #475569 !important;
}
.catalog-product-view .product-description strong,
.catalog-product-view .product-description b {
    font-weight: 500 !important;
}

/* Footer: social icons side by side on mobile, payment icons below */
@media (max-width: 767px) {
    .footer-wrap {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 24px;
        row-gap: 24px;
    }
    .footer-wrap .facebook-link,
    .footer-wrap .instagram-link {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .footer-wrap .payment-icons {
        flex-basis: 100%;
    }
}

/* ===== Information pages (About us, Delivery, Returns, Warranty) ===== */
body:has(.pm-page) .page-title-wrapper { display: none; }
body:has(.pm-page) { background-color: #EEF2F7; }

.pm-page { color: #475569; font-size: 16px; line-height: 1.6; padding-bottom: 48px; }
.pm-page p { margin: 0 0 16px; }
.pm-page p:last-child { margin-bottom: 0; }
.pm-page a:not(.pm-btn) { color: #1D4ED8; text-decoration: underline; }

/* Page heading */
.pm-head { margin: 24px 0 20px; }
.pm-head h1 { color: #0F1B2D; font-size: 28px; font-weight: 500; line-height: 1.25; margin: 0 0 6px; }
.pm-head p { color: #6B7585; font-size: 16px; margin: 0; }

/* Old navy hero block: delete once Delivery, Returns and Warranty use .pm-head */
.pm-hero { background-color: #0F1B2D; color: #FFFFFF; text-align: center; padding: 40px 16px; border-radius: 4px; margin-top: 16px; margin-bottom: 24px; }
.pm-hero h1 { color: #FFFFFF; font-size: 28px; font-weight: 500; line-height: 1.3; margin: 0 0 8px; }
.pm-hero p { color: #E8E4DD; font-size: 17px; margin: 0; }

/* Cards */
.pm-card { background-color: #FFFFFF; border: 1px solid #D3DCE8; border-top: 6px solid #0F1B2D; border-radius: 4px; padding: 24px 20px; margin-bottom: 24px; }
.pm-card h2 { color: #0F1B2D; font-size: 20px; font-weight: 500; margin: 0 0 14px; }
.pm-card.pm-card--key { padding: 0; border-top: 1px solid #D3DCE8; overflow: hidden; }
.pm-card-band { display: flex; align-items: center; gap: 12px; background-color: #0F1B2D; color: #FFFFFF; padding: 14px 32px; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
.pm-card-band svg { width: 22px; height: 22px; flex: none; }
.pm-card-body { padding: 32px; }
.pm-card.pm-card--inverse { background-color: #0F1B2D; color: #E8E4DD; border: 0; }
.pm-card--inverse h2 { color: #FFFFFF; }
.pm-card--inverse h2::after { content: ""; display: block; width: 44px; height: 3px; background-color: #FF6B5B; margin-top: 12px; }

/* Tiles */
.pm-tiles { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px; }
.pm-tile { background-color: #FFFFFF; border: 1px solid #D3DCE8; border-radius: 4px; padding: 20px; text-align: center; }
.pm-tile-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background-color: #0F1B2D; color: #FFFFFF; margin-bottom: 12px; }
.pm-tile-icon svg { width: 24px; height: 24px; }
.pm-tile h3 { color: #0F1B2D; font-size: 17px; font-weight: 500; margin: 0 0 6px; }
.pm-tile p { font-size: 15px; margin: 0; }
.pm-tile-price { color: #0F1B2D; font-size: 22px; font-weight: 500; margin: 4px 0 8px; }

/* Lists, steps, tables, address */
.pm-list { list-style: disc; padding-left: 20px; margin: 0 0 16px; }
.pm-list li { margin-bottom: 6px; }
.pm-steps { list-style: decimal; padding-left: 20px; margin: 0 0 16px; }
.pm-steps li { margin-bottom: 10px; padding-left: 4px; }
.pm-table { width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 15px; }
.pm-table th,
.pm-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #E8E4DD; vertical-align: top; }
.pm-table th { color: #0F1B2D; font-weight: 500; }
.pm-table tr:last-child td { border-bottom: 0; }
.pm-address { font-style: normal; color: #0F1B2D; line-height: 1.7; }

/* Closing panel */
.pm-cta { background-color: #0F1B2D; color: #E8E4DD; border-radius: 4px; text-align: center; padding: 32px 20px; }
.pm-cta h2 { color: #FFFFFF; font-size: 22px; font-weight: 500; margin: 0 0 8px; }
.pm-cta p { margin: 0 0 20px; }
.pm-btn { display: inline-block; background-color: #FFFFFF; color: #0F1B2D; font-weight: 500; padding: 12px 28px; border-radius: 4px; text-decoration: none; }
.pm-btn:hover { background-color: #E8E4DD; color: #0F1B2D; }

/* Tablet and up */
@media (min-width: 768px) {
    .pm-hero { padding: 64px 24px; }
    .pm-hero h1 { font-size: 36px; }
    .pm-card { padding: 32px; }
    .pm-tiles { grid-template-columns: repeat(2, 1fr); }
    .pm-cta { padding: 48px 32px; }
}

/* Desktop */
@media (min-width: 1024px) {
    .pm-tiles { grid-template-columns: repeat(4, 1fr); }
    .pm-tiles.pm-tiles--3 { grid-template-columns: repeat(3, 1fr); }
    .pm-tiles.pm-tiles--2 { grid-template-columns: repeat(2, 1fr); }
    .pm-page-inner,
    .pm-hero { max-width: 1000px; margin-left: auto; margin-right: auto; }
}

/* Phone: near full width, matching the product page cards */
@media (max-width: 767px) {
    .pm-hero,
    .pm-page-inner { width: auto; margin-left: calc(50% - 50vw + 8px); margin-right: calc(50% - 50vw + 8px); }
    .pm-head { margin: 16px 0; padding: 0 4px; }
    .pm-head h1 { font-size: 24px; }
    .pm-card,
    .pm-tile { padding: 20px 12px; }
    .pm-card-band { padding: 12px; }
    .pm-card-body { padding: 20px 12px; }
    .pm-cta { padding: 28px 12px; }
}

/* ===== Homepage: let Page Builder rows follow the site container ===== */
.cms-index-index .column.main [data-content-type="row"][data-appearance="contained"],
.cms-index-index .column.main .home-cat-block {
    max-width: none !important;
}

/* ===== Homepage mobile: categories and carousels near full width ===== */
@media (max-width: 767px) {
    .cms-index-index .page-main > .columns {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .cms-index-index .column.main [data-content-type="row"],
    .cms-index-index .column.main [data-content-type="row"] > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cms-index-index .home-cat-block [data-content-type="column"] {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .cms-index-index .widget-product-carousel .glider-slide {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

/* ===== Category and search pages mobile: wider product cards ===== */
@media (max-width: 767px) {
    .catalog-category-view .page-main > .columns,
    .catalogsearch-result-index .page-main > .columns {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .catalog-category-view .products-grid > .grid,
    .catalogsearch-result-index .products-grid > .grid {
        gap: 8px !important;
    }
    .catalog-category-view .products-grid .product-item form.card,
    .catalogsearch-result-index .products-grid .product-item form.card {
        padding: 8px !important;
    }
}

/* ===== Site-wide body text colour (matches product description) ===== */
:where(.page-main) :where(p, li, label, td, th, dd, dt, address, legend) {
    color: #475569;
}

/* Keep text on navy blocks white */
.pm-card--inverse p,
.pm-card--inverse li,
.pm-card--inverse address,
.pm-cta p,
.pm-hero p {
    color: #FFFFFF;
}

/* ===== FAQ accordions (.pm-faq) ===== */
.pm-faq details {
    border-top: 1px solid #E8E4DD;
}
.pm-faq details:first-of-type {
    border-top: 0;
}
.pm-faq summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    font-size: 16px;
    font-weight: 500;
    color: #0F1B2D;
}
.pm-faq summary::-webkit-details-marker {
    display: none;
}
.pm-faq summary::after {
    content: "+";
    flex-shrink: 0;
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
    color: #0F1B2D;
}
.pm-faq details[open] summary::after {
    content: "\2212";
}
.pm-faq .pm-faq-answer {
    padding: 0 0 16px;
}
.pm-faq .pm-faq-answer p {
    margin: 0 0 12px;
}
.pm-faq .pm-faq-answer p:last-child {
    margin-bottom: 0;
}
.pm-faq .pm-faq-answer a {
    color: #0F1B2D;
    text-decoration: underline;
}

/* Homepage category tiles */
.pm-cat-tiles{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;max-width:1536px;margin:0 auto}
.pm-cat-tile{position:relative;display:block;overflow:hidden;background:#F8F6F2;aspect-ratio:16/10;text-decoration:none}
.pm-cat-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-cat-tile__panel{position:absolute;left:12px;bottom:12px;background:#0F1B2D;padding:12px 16px}
.pm-cat-tile__title{display:block;margin:0;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:18px;line-height:1.3;color:#FFFFFF}
.pm-cat-tile__cta{display:block;margin-top:4px;font-family:Verdana,Geneva,sans-serif;font-weight:400;font-size:13px;color:#E8E4DD}
.pm-cat-tile:hover .pm-cat-tile__cta,.pm-cat-tile:focus-visible .pm-cat-tile__cta{text-decoration:underline}
.pm-cat-tile:focus-visible{outline:2px solid #0F1B2D;outline-offset:2px}
@media (min-width:768px){
  .pm-cat-tiles{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}
  .pm-cat-tile{aspect-ratio:4/5}
  .pm-cat-tile__panel{left:16px;bottom:16px;padding:14px 20px}
  .pm-cat-tile__title{font-size:20px}
}

/* Homepage hero banner */
.cms-index-index{overflow-x:clip}
.cms-index-index .page-main{margin-top:0}
[data-content-type="html"]:has(> .pm-banner){margin:0 !important;padding:0 !important}
.pm-banner{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:#FFFFFF}
.pm-banner__media,.pm-banner__media img{display:block;width:100%;height:auto}
.pm-banner__content{padding:24px 16px 32px;text-align:center}
.pm-banner__title{margin:0;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:24px;line-height:1.25;color:#0F1B2D}
.pm-banner__text{margin:10px auto 0;max-width:32em;font-family:Verdana,Geneva,sans-serif;font-weight:400;font-size:15px;line-height:1.6;color:#0F1B2D}
.pm-banner__btn{display:block;width:86%;max-width:360px;margin:20px auto 0;padding:14px 32px;background:#0F1B2D;color:#FFFFFF;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:15px;line-height:1;text-align:center;text-decoration:none;border-radius:2px}
.pm-banner__btn:hover{background:#24324A;color:#FFFFFF;text-decoration:none}
.pm-banner__btn:focus-visible{outline:2px solid #0F1B2D;outline-offset:3px}
@media (min-width:1024px){
  .pm-banner__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:45%;padding:0 0 0 6.25vw;text-align:left}
  .pm-banner__title{max-width:720px;font-size:30px}
  .pm-banner__text{max-width:560px;margin:10px 0 0;font-size:16px}
  .pm-banner__btn{display:inline-block;width:auto;margin:20px 0 0;padding:14px 48px}
  .pm-banner{margin-bottom:40px}
}
@media (min-width:1280px){
  .pm-banner__title{font-size:36px}
  .pm-banner__text{margin-top:12px;font-size:17px}
  .pm-banner__btn{margin-top:24px}
}
@media (min-width:1536px){
  .pm-banner__title{font-size:42px}
  .pm-banner__text{font-size:18px}
}

/* Homepage category tiles */
.pm-cat-tiles{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;max-width:1536px;margin:0 auto}
.pm-cat-tile{position:relative;display:block;overflow:hidden;background:#F8F6F2;aspect-ratio:16/10;text-decoration:none}
.pm-cat-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-cat-tile__panel{position:absolute;left:12px;bottom:12px;background:#0F1B2D;padding:12px 16px}
.pm-cat-tile__title{display:block;margin:0;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:18px;line-height:1.3;color:#FFFFFF}
.pm-cat-tile__cta{display:block;margin-top:4px;font-family:Verdana,Geneva,sans-serif;font-weight:400;font-size:13px;color:#E8E4DD}
.pm-cat-tile:hover .pm-cat-tile__cta,.pm-cat-tile:focus-visible .pm-cat-tile__cta{text-decoration:underline}
.pm-cat-tile:focus-visible{outline:2px solid #0F1B2D;outline-offset:2px}
@media (min-width:768px){
  .pm-cat-tiles{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}
  .pm-cat-tile{aspect-ratio:4/5}
  .pm-cat-tile__panel{left:16px;bottom:16px;padding:14px 20px}
  .pm-cat-tile__title{font-size:20px}
}

/* Homepage about us */
[data-content-type="html"]:has(> .pm-about){margin:0 !important;padding:0 !important}
.pm-about{width:100vw;margin-left:calc(50% - 50vw);margin-bottom:40px;background:#F8F6F2;padding:40px 8px}
.pm-about__inner{max-width:1280px;margin:0 auto}
.pm-about__label{margin:0 0 8px;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B7585}
.pm-about__title{margin:0;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:22px;line-height:1.3;color:#0F1B2D}
.pm-about__lead{margin:12px 0 0;max-width:720px;font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.7;color:#4A5567}
.pm-about__points{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.pm-about__point{margin:0;padding:16px;background:#FFFFFF;border:1px solid #E8E4DD;border-radius:4px}
.pm-about__point-title{display:block;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:15px;color:#0F1B2D}
.pm-about__point-text{display:block;margin-top:4px;font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:1.6;color:#4A5567}
.pm-about__more{margin-top:24px}
.pm-about__more summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:12px 24px;border:1px solid #0F1B2D;border-radius:2px;background:transparent;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:14px;line-height:1;color:#0F1B2D}
.pm-about__more summary::-webkit-details-marker{display:none}
.pm-about__more summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.pm-about__more[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.pm-about__more summary:hover{background:#0F1B2D;color:#FFFFFF}
.pm-about__more summary:focus-visible{outline:2px solid #0F1B2D;outline-offset:3px}
.pm-about__less,.pm-about__more[open] .pm-about__readmore{display:none}
.pm-about__more[open] .pm-about__less{display:inline}
.pm-about__body{max-width:720px;padding-top:8px}
.pm-about__body h3{margin:24px 0 0;font-family:Verdana,Geneva,sans-serif;font-weight:500;font-size:16px;color:#0F1B2D}
.pm-about__body p{margin:8px 0 0;font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.7;color:#4A5567}
.pm-about__body a{color:#0F1B2D;text-decoration:underline}
.pm-about__body a:hover{color:#FF6B5B}
@media (max-width:767px){
  .pm-about__label,.pm-about__title,.pm-about__lead,.pm-about__more{padding-left:8px;padding-right:8px}
}
@media (min-width:768px){
  .pm-about{padding:56px 24px}
  .pm-about__title{font-size:28px}
  .pm-about__lead{font-size:16px}
  .pm-about__points{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (min-width:1024px){
  .pm-about{padding:64px 6.25vw}
  .pm-about__points{grid-template-columns:repeat(4,1fr)}
  .pm-about__point{padding:20px}
}

/* Brand pages: match category page grid spacing on mobile */
@media (max-width: 767px) {
    .mpbrand-index-view .page-main > .columns {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .mpbrand-index-view .products-grid > .grid {
        gap: 8px !important;
    }
    .mpbrand-index-view .products-grid form.product-item.card {
        padding: 8px !important;
    }
    .mpbrand-index-view .products-grid form.product-item.card .btn-primary {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Category & search pages: keep basket button inside tighter mobile cards */
@media (max-width: 767px) {
    .catalog-category-view .products-grid .product-item form.card .btn-primary,
    .catalogsearch-result-index .products-grid .product-item form.card .btn-primary {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Product cards: keep add to basket visible (showing its loader) while adding */
.product-item .btn[disabled],
.product_addtocart_form.card .btn[disabled] {
    display: flex !important;
}

/* Product cards: image runs edge to edge (no white frame) */
.product-item form.card .product-item-photo,
form.product-item.card .product-item-photo {
    margin: -1rem -1rem 0.5rem !important;
    width: calc(100% + 2rem) !important;
    max-width: none !important;
}
.product-item form.card,
form.product-item.card {
    overflow: hidden;
}
@media (max-width: 767px) {
    .catalog-category-view .product-item form.card .product-item-photo,
    .catalogsearch-result-index .product-item form.card .product-item-photo,
    .mpbrand-index-view form.product-item.card .product-item-photo {
        margin: -8px -8px 0.5rem !important;
        width: calc(100% + 16px) !important;
    }
}

/* Product cards: no extra space above the title */
.product-item .product-info > .text-left:first-child {
    margin-top: 0 !important;
}

/* Less white space above the footer */
.page-main {
    margin-bottom: 0.5rem !important;
}
.page-layout-1column .columns {
    row-gap: 0 !important;
}
.page-products .column.main section.py-8 {
    padding-bottom: 1rem !important;
}
.page-footer .footer-subscribe {
    padding-top: 1rem !important;
}
@media (min-width: 768px) {
    .page-footer .footer-subscribe {
        padding-top: 1.5rem !important;
    }
}