/* Quiet section boundaries: white stays dominant; tone and spacing establish hierarchy. */
.hero { border-bottom-color: #dedee3; }
.search-band {
    background: #fafafa;
    border-bottom-color: #dedee3;
    box-shadow: inset 0 1px 0 #fff;
}
.home-collections { padding-top: 48px; padding-bottom: 52px; }
.home-collections .category { border: 1px solid #e9e9ed; }
.home-featured {
    padding-top: 52px;
    padding-bottom: 58px;
    border-top: 1px solid #dedee3;
    background: linear-gradient(180deg, #f8f8fa 0, #fdfdfd 140px, #fff 100%);
}
.home-featured .product-photo { border: 1px solid #ebebee; }
.home-studio { position: relative; padding-top: 46px; padding-bottom: 46px; }
.home-studio::before {
    content: "";
    position: absolute;
    top: 0;
    left: max(48px, calc((100% - 1224px) / 2));
    right: max(48px, calc((100% - 1224px) / 2));
    height: 1px;
    background: #dedee3;
}
.home-studio .feature-band { border-color: #f2d9d3; }
.home-social {
    border-top: 1px solid #dedee3;
    padding-top: 48px;
    padding-bottom: 48px;
    background: linear-gradient(180deg, #fafafa, #fff 170px);
}
.site-footer { border-top-color: #dcdce2; }
@media (min-width: 1500px) {
    .home-studio::before {
        left: max(48px, calc((100% - 1344px) / 2));
        right: max(48px, calc((100% - 1344px) / 2));
    }
}
@media (max-width: 1120px) {
    .home-studio::before { left: 30px; right: 30px; }
}
@media (max-width: 650px) {
    .home-collections { padding: 32px 0 36px; }
    .home-featured { padding: 34px 0 38px; }
    .home-studio { padding: 32px 0; }
    .home-studio::before { left: 20px; right: 20px; }
    .home-social { padding: 34px 0; }
}
@media (max-width: 370px) {
    .home-studio::before { left: 15px; right: 15px; }
}
/* Landmarks remain visible on white screens and at mobile sizes. */
.search-band { border-top:1px solid #d2d3d8;border-bottom:1px solid #cfd0d6;background:#f1f2f5; }
.home-collections { border-bottom:1px solid #d5d6db;background:#fff; }
.home-collections .category { border-color:#d4d5dc;box-shadow:0 3px 9px #23232b05; }
.home-featured { border-top:0;background:#f5f5f7;border-bottom:1px solid #d5d6db; }
.home-campaigns.section { border-top:0;border-bottom:1px solid #d5d6db;background:#fff; }
.home-studio { background:#f5f5f7;border-bottom:1px solid #d5d6db; }
.home-studio::before { display:none; }
.home-social { border-top:0;background:#fff; }
/* Compact Instagram cards: preserve the full artwork rather than cropping reels. */
.home-social .instagram-heading-label{display:flex;align-items:center;gap:8px;color:#b93228;font-size:12px;margin-bottom:12px}
.instagram-heading-label svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.home-social .section-header{align-items:end;margin-bottom:28px}
.home-social .social-row{gap:24px;padding:3px 2px 18px;align-items:stretch;scroll-padding-inline:2px}
.home-social .social-card{flex:0 0 calc((100% - 96px)/5);min-width:0;border:1px solid #d9d9df;border-radius:10px;background:#fff;box-shadow:0 3px 10px #24242b06;display:flex;flex-direction:column;overflow:hidden}
.home-social .social-card img{display:block;width:100%;height:250px;object-fit:contain;background:#f5f5f7;padding:8px;border-bottom:1px solid #e2e2e7}
.home-social .social-card>span{padding:13px 14px;font-size:11px;line-height:1.65;min-height:76px;display:block;white-space:normal;overflow-wrap:anywhere;color:#55555d}
.home-social .social-card:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:1120px){.home-social .social-card{flex-basis:calc((100% - 72px)/4)}.home-social .social-card img{height:230px}}
@media(max-width:900px){.home-social .social-card{flex-basis:calc((100% - 48px)/3)}.home-social .social-card img{height:220px}}
@media(max-width:650px){.home-social .section-header{align-items:start;gap:18px}.home-social .instagram-heading-label{font-size:11px}.home-social .social-row{gap:18px}.home-social .social-card{flex-basis:calc((100% - 18px)/2);min-width:145px}.home-social .social-card img{height:210px;padding:6px}.home-social .social-card>span{font-size:10px;padding:10px;min-height:70px}.home-social .section-header h2{font-size:32px}.home-social .section-header>.text-link{white-space:nowrap;font-size:10px}}
@media(max-width:370px){.home-social .social-card img{height:190px}.home-social .section-header{flex-wrap:wrap}}
/* Category introduction and search share one clear navigation band. */
.search-band{padding:30px 0;background:#f1f2f5}
.collection-search-layout{display:grid;grid-template-columns:1fr minmax(320px,460px);align-items:center;gap:48px}
.collection-search-intro h2{font-size:36px;line-height:1.15;margin:0 0 9px}
.collection-search-intro p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.collection-search-intro .text-link{font-size:11px}
.search-band .search-form{display:flex;gap:0;width:100%;padding:0 5px 0 18px;min-height:56px;border:1px solid #c9cad2;border-radius:9px;background:#fff;box-shadow:0 3px 9px #20202c05}
.search-band .search-form:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #fc2e1c13}
.search-band .search-form input{min-width:0;flex:1;width:100%;padding:14px 0;background:transparent;font-size:12px;border:0;outline:0}
.search-band .search-form button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:5px 0;border:0;border-radius:6px;background:#fff3f0;color:#c93728;cursor:pointer}
.search-band .search-form button .icon{width:21px;height:21px}
.search-band .search-form button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.home-collections.section{padding-top:30px}
@media(max-width:900px){.collection-search-layout{grid-template-columns:1fr minmax(280px,40%);gap:25px}.collection-search-intro h2{font-size:30px}}
@media(max-width:650px){.search-band{padding:25px 0}.collection-search-layout{grid-template-columns:1fr;gap:20px}.collection-search-intro h2{font-size:32px}.search-band .search-form{min-height:52px;padding-left:14px}.search-band .search-form button{height:42px;flex-basis:42px;margin:4px 0}.search-band .search-form input{font-size:12px}.home-collections.section{padding-top:25px}}
/* Compact collection toolbar. */
.search-band{padding:18px 0}
.collection-search-layout{grid-template-columns:1fr minmax(280px,360px);gap:32px}
.collection-search-intro{display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:22px;row-gap:5px}
.collection-search-intro h2{font-size:29px;margin:0}
.collection-search-intro p{grid-column:1/-1;grid-row:2;margin:0;font-size:11px}
.collection-search-intro .text-link{grid-column:2;grid-row:1;justify-self:start;font-size:10px}
.search-band .search-form{min-height:46px;padding-left:14px}
.search-band .search-form input{padding:11px 0;font-size:11px}
.search-band .search-form button{height:36px;min-height:36px;flex-basis:36px;width:36px;margin:4px 0}
.search-band .search-form button .icon{width:19px;height:19px}
@media(max-width:900px){.collection-search-layout{grid-template-columns:1fr minmax(260px,38%);gap:22px}.collection-search-intro{column-gap:14px}.collection-search-intro h2{font-size:25px}}
@media(max-width:650px){.search-band{padding:17px 0}.collection-search-layout{grid-template-columns:1fr;gap:14px}.collection-search-intro{grid-template-columns:1fr auto;column-gap:14px}.collection-search-intro h2{font-size:26px}.collection-search-intro p{font-size:10px}.search-band .search-form{min-height:46px}}
@media(max-width:370px){.collection-search-intro h2{font-size:23px}.collection-search-intro .text-link{font-size:9px}}
/* Halve whitespace around the introduction and category row. */
.hero{margin-bottom:16px}
.search-band{padding-top:9px;padding-bottom:9px}
.home-collections.section{padding-top:15px;padding-bottom:26px}
@media(max-width:650px){.hero{margin-bottom:12px}.search-band{padding-top:9px;padding-bottom:9px}.collection-search-layout{gap:7px}.home-collections.section{padding-top:13px;padding-bottom:18px}}
/* Platinum grey for the configurator invitation: neutral glass/metal palette. */
.home-studio .feature-band{background:#edf0f3;border:1px solid #cbd2da;box-shadow:inset 0 1px 0 #ffffffb3}
.home-studio .feature-band h2{color:#303944}
.home-studio .feature-band p{color:#626d79}
/* AKSA signature palette: red identity with petrol and champagne display surfaces. */
:root{--aksa-petrol:#244D55;--aksa-petrol-soft:#E5EFEF;--aksa-champagne:#EFE7DA;--aksa-ink:#28383C}
.search-band{background:#e5efef;border-color:#bdced0}
.collection-search-intro h2{color:#244d55}
.home-collections.section{background:#fffdf9}
.home-collections .category{background:#f3eee5;border-color:#d9cebc}
.home-collections .category h3{color:#244d55}
.home-featured{background:#f3f6f5;border-color:#cbd7d6}
.home-featured .section-header h2{color:#244d55}
.home-featured .product-photo{background:#fff;border-color:#d7dfdc}
.home-campaigns.section{background:#fffdf9;border-color:#d8d0c3}
.home-campaigns .section-header h2{color:#244d55}
.home-studio{background:#fffdf9;border-color:#cbd7d6}
.home-studio .feature-band{background:#244d55;border-color:#244d55;box-shadow:none}
.home-studio .feature-band h2{color:#fffdf8}
.home-studio .feature-band p{color:#d8e5e5}
.home-social{background:#f1f5f4}
.home-social h2{color:#244d55}
.home-social .social-card{border-color:#ccd8d5}
.home-social .social-card img{background:#faf8f3}
.site-footer{background:#e7eeeb;border-top-color:#becdc7}
/* White photographic surfaces with a restrained raised frame. */
.product-photo,.home-featured .product-photo{background:#fff;border:1px solid #d4e1df;box-shadow:0 3px 0 #e5efed,0 7px 16px #244d550b}
.product-photo img{background:#fff}
.home-collections .category{background:#fff;border:1px solid #dfd5c4;box-shadow:0 3px 0 #eee7dc,0 7px 16px #55452b08}
.home-collections .category img{background:#fff}
/* Equal-height product information keeps request actions aligned in each grid row. */
.products-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column}
.product-card .product-photo{flex-shrink:0;border-radius:12px}
.product-card .product-info{display:flex;flex-direction:column;flex:1;min-width:0}
.product-card .add-button{margin-top:auto}
.product-card .product-meta{margin-bottom:12px}
.product-card .supply-caption{margin-top:0;margin-bottom:12px}
.product-card .product-photo:focus-visible{outline:2px solid var(--red);outline-offset:3px}
/* Fit the complete product inside the frame; alternate photo responds to hover/focus. */
.product-card .product-photo{padding:16px;isolation:isolate}
.product-card .product-photo>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none!important;transition:opacity .35s ease;}
.product-card .product-photo>.product-photo-alternate{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);opacity:0;z-index:1;pointer-events:none}
.product-card .product-photo .tag{z-index:4}
.product-card .product-photo:has(.product-photo-alternate)::after{content:"";position:absolute;inset:-35%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff00 43%,#ffffffa6 50%,#ffffff00 57%,transparent 60%);transform:translateX(-120%) skewX(-12deg);transition:transform .7s ease;}
@media(hover:hover){.product-card .product-photo:hover>.product-photo-alternate{opacity:1}.product-card .product-photo:hover::after{transform:translateX(120%) skewX(-12deg)}}
.product-card .product-photo:focus-visible>.product-photo-alternate{opacity:1}
.product-card .product-photo:focus-visible::after{transform:translateX(120%) skewX(-12deg)}
.dialog-photo{background:#fff;padding:20px;border:1px solid #d4e1df;border-radius:12px}
.dialog-photo img{object-fit:contain;mix-blend-mode:normal}
.product-thumbnails{display:flex;gap:9px;overflow-x:auto;padding:12px 2px 4px}
.product-thumbnails button{flex:0 0 60px;height:66px;padding:5px;background:#fff;border:1px solid #d4e1df;border-radius:7px;cursor:pointer}
.product-thumbnails button[aria-pressed=true]{border-color:var(--red)}
.product-thumbnails img{width:100%;height:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.product-card .product-photo::after{display:none}.product-card .product-photo>img{transition:none}}
/* Continuous announcement ribbon in the signature petrol colour. */
.notice-strip{display:flex;align-items:center;gap:0;background:#244d55;color:#fff;min-height:34px;padding:0;border-bottom:1px solid #1c4047;font-size:11px;overflow:hidden}
.announcement-window{min-width:0;flex:1;overflow:hidden}
.announcement-track{display:flex;width:max-content;animation:ag-announcement-flow 38s linear infinite}
.announcement-group{display:flex;align-items:center;flex-shrink:0;gap:0;width:max-content}
.announcement-group>span,.announcement-group>a{display:inline-flex;align-items:center;white-space:nowrap;padding:9px 38px;color:#fff;line-height:16px}
.announcement-group>span::after,.announcement-group>a::after{content:"";width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:#d6c3a1;margin-left:76px}
.announcement-group a:hover{text-decoration:underline;text-underline-offset:3px}
.announcement-toggle{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:#1c4047;border:0;border-left:1px solid #ffffff25;color:#fff;cursor:pointer;font-size:12px}
.announcement-toggle:focus-visible,.announcement-group a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.notice-strip:hover .announcement-track,.notice-strip:focus-within .announcement-track,.notice-strip.announcement-paused .announcement-track{animation-play-state:paused}
@keyframes ag-announcement-flow{to{transform:translateX(-50%)}}
@media(max-width:650px){.notice-strip{font-size:10px}.announcement-group>span,.announcement-group>a{padding:9px 24px}.announcement-group>span::after,.announcement-group>a::after{margin-left:48px}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none}.announcement-window{overflow-x:auto}.announcement-group[aria-hidden=true]{display:none}.announcement-toggle{display:none}}
/* Wholesale notice matches the announcement ribbon. */
.wholesale-note{background:#244d55;color:#fff;border-left-color:var(--red)}
/* Readable supporting type without expanding section spacing. */
.collection-search-intro p{font-size:14px;color:#52666a;line-height:1.5}
.collection-search-intro .text-link{font-size:13px}
.search-band .search-form input{font-size:14px}
.home-collections .category span{font-size:14px;color:#53636a;line-height:1.5}
.product-card .product-code{font-size:12px;color:#68757a}
.product-card .product-meta,.product-card .supply-caption{font-size:14px;line-height:1.5}
.product-card .add-button{font-size:14px}
.section-header>div>p{font-size:14px;line-height:1.6}
@media(max-width:650px){.collection-search-intro p{font-size:13px}.collection-search-intro .text-link{font-size:12px}.search-band .search-form input{font-size:16px}.home-collections .category span{font-size:12px}.product-card .product-meta,.product-card .supply-caption,.product-card .add-button{font-size:13px}.section-header>div>p{font-size:13px}}
/* Slightly larger collection names. */
.home-collections .category h3{font-size:30px;line-height:1.15}
@media(max-width:900px){.home-collections .category h3{font-size:27px}}
@media(max-width:650px){.home-collections .category h3{font-size:24px}}
@media(max-width:370px){.home-collections .category h3{font-size:22px}}
/* Keep bottle, cap and pump collections distinct in the all-products view. */
.catalog-product-group{margin:0 0 42px;min-width:0}
.catalog-product-group+.catalog-product-group{padding-top:26px;border-top:1px solid #cbd7d6}
.catalog-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.catalog-group-heading h2{margin:0;font-size:34px;line-height:1.2;color:#244d55}
.catalog-group-heading>span{font-size:13px;color:#627277;white-space:nowrap}
@media(max-width:650px){.catalog-product-group{margin-bottom:30px}.catalog-product-group+.catalog-product-group{padding-top:22px}.catalog-group-heading{margin-bottom:16px}.catalog-group-heading h2{font-size:30px}}
/* A clearer lower boundary for the main navigation band. */
.site-header{border-bottom:1px solid #b8c8cb;box-shadow:0 3px 9px #244d5510}