:root { --ak-navy:#102649; --ak-blue:#08a7dc; --ak-cyan:#b8edfa; --ak-gold:#eec44b; --ak-muted:#637085; }
.ak-store { color:var(--ak-navy); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.ak-store * { box-sizing:border-box; }
.ak-store a { text-decoration:none; }
.ak-store a:focus-visible,.ak-store button:focus-visible,.ak-store input:focus-visible { outline:3px solid #e1af27; outline-offset:4px; }
.ak-shell { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
.ak-topbar { background:var(--ak-navy); color:#dde9f5; font-size:11px; letter-spacing:.035em; }
.ak-topbar .ak-shell { display:flex; justify-content:space-between; padding-block:10px; gap:15px; }
.ak-topbar strong { color:var(--ak-gold); margin-left:8px; }
/* Bagisto nests mobile drawers inside its z-index:10 filter toolbar. */
.ak-header { background:#fff; position:relative; z-index:5; }
.ak-header-main { display:flex; align-items:center; gap:52px; padding-block:23px; }
.ak-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.ak-brand img { border-radius:50%; width:54px; height:54px; }
.ak-brand span { font-family:Georgia,serif; font-size:32px; font-weight:900; letter-spacing:4px; line-height:1; }
.ak-brand small { display:block; font:9px Arial,sans-serif; letter-spacing:3px; margin-top:9px; }
.ak-search { display:flex; background:#f3f6fa; border:1px solid #e1e6ee; border-radius:4px; flex:1; height:47px; overflow:hidden; }
.ak-search input { background:transparent; border:0; min-width:0; width:100%; padding:14px 18px; font-size:12px; }
.ak-search button { width:52px; flex-shrink:0; background:var(--ak-navy); color:white; font-size:22px; }
.ak-header-actions { display:flex; align-items:center; gap:24px; }
.ak-header-actions a { display:flex; align-items:center; gap:8px; font-size:12px; }
.ak-header-actions [class^=icon] { font-size:25px; }
.ak-nav { border-top:1px solid #edf0f4; border-bottom:1px solid #e4e9f0; }
.ak-nav .ak-shell { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.ak-nav a { padding-block:17px; font-size:11px; font-weight:600; white-space:nowrap; }
.ak-nav a:hover { color:#0087b7; }
.ak-nav-all { display:flex; align-items:center; gap:10px; padding-right:30px; border-right:1px solid #edf0f4; }
.ak-hero { background:var(--ak-navy); color:#fff; overflow:hidden; position:relative; }
.ak-hero::after { content:''; position:absolute; width:180px; height:180px; border:1px solid var(--ak-gold); transform:rotate(45deg); right:-115px; top:75px; pointer-events:none; }
.ak-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:70px; padding-block:62px 50px; align-items:center; }
.ak-eyebrow { text-transform:uppercase; font-size:10px; letter-spacing:2.3px; font-weight:700; margin:0 0 21px; }
.ak-hero .ak-eyebrow { color:var(--ak-gold); display:flex; gap:12px; align-items:center; }
.ak-eyebrow span:empty { width:22px; height:1px; background:var(--ak-gold); }
.ak-hero h1 { font-size:clamp(40px,4.5vw,66px); line-height:1.08; letter-spacing:-2.6px; font-weight:700; margin-bottom:25px; }
.ak-hero h1 em { color:#7dd9f3; font-style:normal; }
.ak-hero-description { max-width:435px; color:#bbc9dc; font-size:13px; line-height:1.9; }
.ak-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:30px; }
.ak-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; padding:17px 23px; border-radius:3px; font-weight:700; font-size:12px; }
.ak-button-gold { background:var(--ak-gold); color:var(--ak-navy); }
.ak-button-gold:hover { background:#f7d975; }
.ak-hero-contact { font-size:12px; display:flex; gap:12px; align-items:center; }
.ak-hero-bottom { display:flex; align-items:center; gap:20px; font-size:9px; letter-spacing:1px; color:#adbed5; margin-top:50px; }
.ak-hero-bottom>span:first-child { color:var(--ak-gold); }
.ak-line { height:1px; flex:1; background:#3d506d; }
.ak-hero-visual { background:linear-gradient(130deg,#29b6e2,#b9ecf5); padding:20px; color:var(--ak-navy); position:relative; }
.ak-visual-label { display:flex; justify-content:space-between; align-items:center; font-size:9px; font-weight:bold; letter-spacing:1.2px; margin-bottom:16px; }
.ak-visual-label>span:last-child { font-size:25px; line-height:1; }
.ak-hero-mosaic { display:grid; grid-template-columns:1.35fr 1fr; gap:10px; }
.ak-hero-mosaic a { position:relative; background:#c4ecf4; min-width:0; overflow:hidden; }
.ak-hero-mosaic img { width:100%; height:150px; object-fit:contain; padding:13px 8px 30px; mix-blend-mode:multiply; transition:transform .3s; }
.ak-hero-mosaic a:hover img { transform:scale(1.04); }
.ak-hero-mosaic .ak-mosaic-main { grid-row:span 2; }
.ak-mosaic-main img { height:310px; padding:22px 18px 40px; object-fit:contain; object-position:center; }
.ak-hero-mosaic a>span { position:absolute; left:12px; bottom:12px; font-size:7px; font-weight:bold; letter-spacing:.7px; }
.ak-visual-caption { display:flex; justify-content:space-between; align-items:center; font-size:10px; padding-top:15px; }
.ak-gold-star { font-size:28px; }
.ak-benefits { border-bottom:1px solid #e2e8ef; background:#f7f9fb; }
.ak-benefits .ak-shell { display:grid; grid-template-columns:repeat(3,1fr); padding-block:27px; gap:35px; }
.ak-benefits .ak-shell>div { display:flex; align-items:center; gap:16px; }
.ak-benefits .ak-shell>div>span { color:#0099c9; font-family:Georgia,serif; font-size:25px; }
.ak-benefits p { font-size:12px; font-weight:bold; }
.ak-benefits small { display:block; font-size:10px; font-weight:normal; color:var(--ak-muted); margin-top:5px; }
.ak-section { padding-block:65px; }
.ak-section-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:30px; }
.ak-section-heading .ak-eyebrow,.ak-about .ak-eyebrow { color:#008fbd; margin-bottom:12px; }
.ak-store h2 { font-family:Arial,Helvetica,sans-serif; font-weight:700; letter-spacing:-.7px; }
.ak-section h2,.ak-about h2,.ak-cta h2 { font-size:32px; line-height:1.2; }
.ak-text-link { display:inline-flex; align-items:center; gap:18px; font-size:11px; font-weight:600; padding-bottom:5px; border-bottom:1px solid #b8c9d9; }
.ak-category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.ak-category-image { height:245px; position:relative; overflow:hidden; background:#c0edfa; }
.ak-category-image img { width:100%; height:100%; object-fit:contain; object-position:center; mix-blend-mode:multiply; transition:transform .3s; }
.ak-category:hover img { transform:scale(1.04); }
.ak-category-number { position:absolute; top:12px; left:12px; z-index:1; background:var(--ak-navy); color:white; width:27px; height:27px; display:grid; place-items:center; font-size:10px; }
.ak-category-copy { display:flex; justify-content:space-between; align-items:center; margin-top:16px; gap:5px; }
.ak-category h3 { font-size:14px; font-weight:bold; }
.ak-category p { font-size:10px; color:var(--ak-muted); margin-top:7px; line-height:1.6; }
.ak-featured { background:#f4f7fa; padding-block:42px 30px; }
.ak-featured>.container,.ak-featured>div>.container { margin-top:0!important; }
.ak-featured .container { max-width:1320px; width:calc(100% - 96px); padding-inline:0; }
.ak-featured .container h2 { font-size:30px; }
.ak-price-note { color:var(--ak-muted); font-size:10px; line-height:1.7; margin-top:25px; }
.ak-about { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; padding-block:75px; }
.ak-about-art { position:relative; overflow:hidden; background:#d2e9f4; }
.ak-about-art img { width:100%; height:335px; object-fit:cover; opacity:.7; }
.ak-about-art>span { position:absolute; left:28px; bottom:25px; font:900 42px Georgia,serif; letter-spacing:4px; }
.ak-about-art small { display:block; font:9px Arial,sans-serif; letter-spacing:2px; margin-top:10px; }
.ak-about h2 { margin-bottom:20px; }
.ak-about p:not(.ak-eyebrow) { color:var(--ak-muted); font-size:12px; line-height:1.9; }
.ak-about blockquote { border-left:3px solid var(--ak-gold); padding-left:17px; font:italic 19px Georgia,serif; margin-block:24px; line-height:1.5; }
.ak-cta { background:var(--ak-navy); color:white; padding:38px 44px; display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:65px; border-top:3px solid var(--ak-gold); }
.ak-cta .ak-eyebrow { color:var(--ak-gold); margin-bottom:12px; }
.ak-cta p:last-child { font-size:12px; color:#bdccdf; margin-top:12px; }
.ak-cta .ak-button { flex-shrink:0; }
.ak-footer { background:#0c203f; color:#c7d3e4; padding-top:48px; }
.ak-footer .ak-brand { color:#fff; margin-bottom:21px; }
.ak-footer-grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:80px; padding-bottom:40px; }
.ak-footer h2 { font-size:12px; color:#fff; letter-spacing:0; margin-bottom:20px; }
.ak-footer p,.ak-footer-grid>div>a:not(.ak-brand) { font-size:11px; line-height:1.9; display:block; margin-bottom:9px; }
.ak-footer-motto { color:#80d6f1; margin-top:16px; }
.ak-footer-bottom { border-top:1px solid #2b3f5b; padding-block:21px; display:flex; justify-content:space-between; gap:20px; font-size:9px; letter-spacing:.6px; }
.ak-store .primary-button { background:var(--ak-navy); border-color:var(--ak-navy); border-radius:4px; }
.ak-store .secondary-button { color:var(--ak-navy); border-color:var(--ak-navy); border-radius:4px; }
.ak-store .font-dmserif { font-family:Arial,Helvetica,sans-serif; }
/* Shared Bagisto product cards: grid/carousel roots and list-view roots. */
.ak-store .group.w-full,
.ak-store div.grid-cols-2:has(> .group) { border:1px solid #d4deea; border-radius:8px; background:#fff; }
.ak-store .group.w-full { min-width:0; overflow:hidden; }
.ak-store .group.w-full:hover,
.ak-store div.grid-cols-2:has(> .group):hover { border-color:#8aa4bf; }
.ak-store .group.w-full > div { max-width:100%; }
.ak-store .group.w-full > div + div { min-width:0; padding-inline:12px; padding-bottom:12px; }
.ak-store div.grid-cols-2:has(> .group) { padding:12px; }
/* Both category and search pages share the filters panel. */
.ak-store #main:has(.panel-side, .icon-filter-1) { padding-bottom:48px; }
@media(max-width:767px) {
    .ak-store #main:has(.panel-side, .icon-filter-1) { padding-bottom:32px; }
    .ak-store .group.w-full > div + div { padding-inline:10px; }
    .ak-store .group.w-full p { max-width:100%; }
    .ak-store:has(.icon-filter-1) .ak-footer { padding-bottom:64px; }
}
@media(min-width:1500px) { .ak-hero-grid { gap:90px; } }
@media(max-width:1100px) { .ak-shell { width:calc(100% - 48px); } .ak-header-main { gap:25px; } .ak-nav .ak-shell { gap:20px; overflow:auto; } .ak-hero-grid { gap:30px; } .ak-header-actions a>span:last-child { display:none; } .ak-category-image { height:205px; } .ak-featured .container { width:calc(100% - 48px); } .ak-footer-grid { gap:35px; } }
@media(max-width:760px) { .ak-shell { width:calc(100% - 32px); } .ak-topbar { font-size:9px; } .ak-topbar .ak-shell>span { display:none; } .ak-topbar .ak-shell { justify-content:center; } .ak-header-main { flex-wrap:wrap; padding-block:16px; gap:17px; justify-content:space-between; } .ak-brand span { font-size:27px; } .ak-brand img { width:43px; height:43px; } .ak-search { order:3; flex-basis:100%; height:42px; } .ak-header-actions a>span:last-child { display:none; } .ak-nav a { font-size:10px; padding-block:14px; } .ak-nav-all { padding-right:20px; } .ak-hero-grid { grid-template-columns:1fr; padding-block:36px 28px; gap:30px; } .ak-hero h1 { font-size:48px; letter-spacing:-2px; } .ak-hero-description { font-size:12px; } .ak-hero-bottom { margin-top:28px; } .ak-hero-visual { max-width:520px; width:100%; margin-inline:auto; } .ak-hero-mosaic img { height:125px; } .ak-mosaic-main img { height:260px; } .ak-benefits .ak-shell { grid-template-columns:1fr; gap:18px; padding-block:24px; } .ak-benefits .ak-shell>div { gap:20px; } .ak-benefits small { font-size:11px; } .ak-section { padding-block:40px; } .ak-section-heading { align-items:start; } .ak-section h2,.ak-about h2,.ak-cta h2 { font-size:26px; } .ak-section-heading .ak-text-link { font-size:10px; max-width:95px; flex-shrink:0; } .ak-category-grid { grid-template-columns:repeat(2,1fr); gap:22px 14px; } .ak-category-image { height:200px; } .ak-category h3 { font-size:12px; } .ak-featured { padding-block:30px 22px; } .ak-featured .container { width:calc(100% - 32px); } .ak-featured .container h2 { font-size:25px; } .ak-about { grid-template-columns:1fr; padding-block:40px; gap:28px; } .ak-about-art img { height:260px; } .ak-cta { padding:28px 24px; flex-direction:column; align-items:start; margin-bottom:40px; } .ak-footer-grid { grid-template-columns:1fr 1fr; gap:28px; } .ak-footer-grid>div:first-child { grid-column:span 2; } .ak-footer-bottom { font-size:8px; flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .ak-store * { scroll-behavior:auto!important; transition:none!important; } }