.ak{--ak-black:#0b0b0b;--ak-off:#f4f1ea;--ak-white:#fff;--ak-accent:#0b0b0b;font-family:inherit;color:var(--ak-black)}
.ak *{box-sizing:border-box}
.ak-wrap{max-width:1400px;margin:0 auto;padding:0 20px}
.ak-sec{padding:56px 0;background:var(--ak-off)}
.ak-sec--dark{background:var(--ak-black);color:var(--ak-white)}
.ak-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
.ak-h{font-size:clamp(28px,5vw,56px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;font-weight:800;margin:0}
.ak-sub{margin:8px 0 0;opacity:.75}
.ak-btn{display:inline-block;padding:14px 26px;min-height:44px;background:var(--ak-black);color:var(--ak-white);border:2px solid var(--ak-black);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:13px;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.ak-btn:hover{background:transparent;color:var(--ak-black)}
.ak-btn--light{background:var(--ak-white);color:var(--ak-black);border-color:var(--ak-white)}
.ak-btn--light:hover{background:transparent;color:var(--ak-white)}
.ak-btn--off{opacity:.5;cursor:default}
.ak-sec--dark .ak-btn{background:var(--ak-white);color:var(--ak-black);border-color:var(--ak-white)}
.ak-sec--dark .ak-btn:hover{background:transparent;color:var(--ak-white)}
/* hero and banner */
.ak-hero{position:relative;min-height:min(80vh,760px);display:flex;align-items:flex-end;background:var(--ak-black);color:var(--ak-white);overflow:hidden}
.ak-hero picture,.ak-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ak-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.05) 60%)}
.ak-hero__body{position:relative;z-index:1;padding:48px 20px;max-width:1400px;margin:0 auto;width:100%}
.ak-hero__body p{max-width:520px;font-size:18px}
.ak-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
/* grids */
.ak-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}
@media(min-width:750px){.ak-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.ak-grid{grid-template-columns:repeat(4,1fr)}}
.ak-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0 0 12px;-webkit-overflow-scrolling:touch}
.ak-carousel>li{flex:0 0 70%;scroll-snap-align:start}
@media(min-width:750px){.ak-carousel>li{flex-basis:32%}}
@media(min-width:1100px){.ak-carousel>li{flex-basis:23.5%}}
/* product card */
.ak-card{position:relative;display:flex;flex-direction:column}
.ak-card__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#e7e3d9}
.ak-card__media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .4s}
.ak-card__media img+img{position:absolute;inset:0;opacity:0}
.ak-card__media:hover img+img{opacity:1}
.ak-card__media:hover img:first-child{transform:scale(1.03)}
.ak-badge{position:absolute;top:10px;left:10px;z-index:1;background:var(--ak-accent);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 9px;text-transform:uppercase}
.ak-card__title{margin:12px 0 4px;font-size:15px;font-weight:600}
.ak-card__title a{color:inherit;text-decoration:none}
.ak-price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-weight:700}
.ak-price s{font-weight:400;opacity:.6}
.ak-off{color:var(--ak-accent);font-size:13px;font-weight:700}
.ak-rating{font-size:13px;opacity:.8}
.ak-card__form{margin-top:10px}
.ak-card .ak-btn{width:100%;text-align:center;margin-top:10px}
/* editorial cards */
.ak-cards{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:1000px){.ak-cards{grid-template-columns:repeat(var(--ak-cols,3),1fr)}}
.ak-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff;text-decoration:none;background:var(--ak-black)}
.ak-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ak-tile:hover img{transform:scale(1.05)}
.ak-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 55%)}
.ak-tile__body{position:absolute;left:16px;right:16px;bottom:16px;z-index:1}
.ak-tile__body h3{margin:0 0 4px;font-size:clamp(18px,2.4vw,28px);text-transform:uppercase}
.ak-tile__body p{margin:0 0 10px;font-size:14px;opacity:.9}
.ak-trust{background:var(--ak-black);color:#fff;padding:14px 0}
.ak-trust ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px;list-style:none;margin:0;padding:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
@media(prefers-reduced-motion:reduce){.ak *{transition:none!important}}