/* Generated by deployment/build-home-css.py from static-preview/css. Do not edit by hand. */
/* tokens.css */
.wk-home{--surface-100: #FBF9F4;
  --surface-200: #FFFFFF;
  --surface-300: #EAECEF;
  --surface-inverse: #0B1626;
  --on-inverse: #FBF9F4;
  --ink: #101826;
  --ink-muted: #4F5968;
  --hairline: #DCDFE4;
  --border-strong: #7A8497;
  --brand: #0F2A4D;
  --on-brand: #FBF9F4;
  --accent: #7A1427;
  --on-accent: #FFFFFF;
  --silver: #7B8699;
  --sale: #C8102E;
  --on-sale: #FFFFFF;
  --success: #0B5D3B;
  --warning: #8A5700;
  --glass-fill: rgba(255,255,255,0.42);
  --glass-fill-lite: rgba(255,255,255,0.62);
  --glass-rim: rgba(255,255,255,0.95);
  --glass-window: rgba(255,255,255,0.6);
  --focus-ring: #1A6FD6;
  --shadow-card: 0 1px 2px rgba(16,24,38,0.08), 0 4px 12px rgba(16,24,38,0.06);
  --glass-lift: 0 14px 36px rgba(15,42,77,0.12);
  --shadow-pop: 0 8px 32px rgba(16,24,38,0.18);}
html[data-theme="dark"] .wk-home{--surface-100: #0B1220;
  --surface-200: #141C2D;
  --surface-300: #070C16;
  --surface-inverse: #18233A;
  --on-inverse: #FBF9F4;
  --ink: #F3F0E8;
  --ink-muted: #A9B2C2;
  --hairline: #27314A;
  --border-strong: #6F7B93;
  --brand: #9DB9EC;
  --on-brand: #0B1830;
  --accent: #E58A98;
  --on-accent: #2A0710;
  --silver: #9AA5B8;
  --sale: #FF8A95;
  --on-sale: #2B0509;
  --success: #6FCB9E;
  --warning: #E8B65A;
  --glass-fill: rgba(24,34,54,0.46);
  --glass-fill-lite: rgba(24,34,54,0.72);
  --glass-rim: rgba(255,255,255,0.35);
  --glass-window: rgba(255,255,255,0.14);
  --focus-ring: #7DB7F2;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 4px 12px rgba(0,0,0,0.35);
  --glass-lift: 0 14px 36px rgba(0,0,0,0.5);
  --shadow-pop: 0 8px 32px rgba(0,0,0,0.6);}
.wk-home{--space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --tap-target: 44px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 28px;
  --radius-2xl: 44px;
  --radius-pill: 999px;
  --glass-blur: 14px;
  --glass-blur-refract: 3px;
  --font-wordmark: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;}
.wk-home .display-xl{font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 500; letter-spacing: -1.5px;}
.wk-home .display-lg{font-family: var(--font-display); font-size: 44px; line-height: 48px; font-weight: 500; letter-spacing: -1px;}
.wk-home .display-md{font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 500; letter-spacing: -0.5px;}
.wk-home .wordmark{font-family: var(--font-wordmark); font-size: 24px; line-height: 24px; font-weight: 600; letter-spacing: 0.12em;}
.wk-home .display-sm{font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 500;}
.wk-home .title{font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 600;}
.wk-home .body{font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400;}
.wk-home .body-sm{font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400;}
.wk-home .caption{font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400;}
.wk-home .label{font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 1px;}
.wk-home .button{font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0.2px;}
.wk-home .price{font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 700;}
/* bundle.css */
.wk-home{margin:0;background:var(--surface-100);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:24px}
.wk-home, .wk-home *{box-sizing:border-box}
.wk-home .wk-stage{padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}
.wk-home :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.wk-home .wk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font:600 15px/20px var(--font-sans);letter-spacing:.2px;cursor:pointer;text-decoration:none}
.wk-home .wk-btn--primary{background:var(--brand);color:var(--on-brand)}
.wk-home .wk-btn--accent{background:var(--accent);color:var(--on-accent)}
.wk-home .wk-btn--secondary{background:transparent;color:var(--ink);border-color:var(--border-strong)}
.wk-home .wk-btn--ghost{background:transparent;color:var(--brand);padding:0 var(--space-3);text-decoration:underline;text-underline-offset:3px}
.wk-home .wk-btn--sm{min-height:36px;padding:0 var(--space-4);font-size:13px}
.wk-home .wk-btn--lg{min-height:52px;padding:0 var(--space-6);font-size:16px}
.wk-home .wk-btn--block{display:flex;width:100%}
.wk-home .wk-btn[disabled]{background:var(--surface-300);color:var(--ink-muted);border-color:var(--hairline);cursor:not-allowed}
.wk-home .wk-field{display:flex;flex-direction:column;gap:var(--space-1);width:260px}
.wk-home .wk-field label{font:600 14px/20px var(--font-sans)}
.wk-home .wk-field input{min-height:var(--tap-target);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-200);color:var(--ink);font:400 16px/24px var(--font-sans)}
.wk-home .wk-field .wk-hint{font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
.wk-home .wk-field--error input{border-color:var(--sale);border-width:2px}
.wk-home .wk-field--error .wk-hint{color:var(--sale)}
.wk-home .wk-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-200);color:var(--ink);font:500 14px/20px var(--font-sans);cursor:pointer}
.wk-home .wk-chip[aria-pressed="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.wk-home .wk-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font:700 12px/16px var(--font-sans);letter-spacing:1px;text-transform:uppercase}
.wk-home .wk-badge--new{background:var(--accent);color:var(--on-accent)}
.wk-home .wk-badge--sale{background:var(--sale);color:var(--on-sale)}
.wk-home .wk-badge--low{background:var(--surface-200);color:var(--sale);border:1px solid var(--sale)}
.wk-home .wk-badge--original{background:var(--surface-inverse);color:var(--on-inverse)}
.wk-home .wk-badge--partner{background:transparent;color:var(--ink);border:1px solid var(--border-strong)}
.wk-home .wk-badge svg{width:12px;height:12px}
.wk-home .wk-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}
.wk-home .wk-price__now{font:700 20px/24px var(--font-sans)}
.wk-home .wk-price__mrp{font:400 14px/20px var(--font-sans);color:var(--ink-muted);text-decoration:line-through}
.wk-home .wk-price__off{font:700 14px/20px var(--font-sans);color:var(--sale)}
.wk-home .wk-price--lg .wk-price__now{font-size:24px;line-height:28px}
.wk-home .wk-tax{flex-basis:100%;font:400 12px/16px var(--font-sans);color:var(--ink-muted)}
.wk-home .wk-rating{display:inline-flex;align-items:center;gap:var(--space-1);font:600 14px/20px var(--font-sans)}
.wk-home .wk-rating svg{width:14px;height:14px;fill:var(--silver)}
.wk-home .wk-rating small{font:400 12px/16px var(--font-sans);color:var(--ink-muted)}
.wk-home .wk-swatches{display:flex;gap:var(--space-2)}
.wk-home .wk-swatch{width:var(--tap-target);height:var(--tap-target);border-radius:var(--radius-pill);border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.wk-home .wk-swatch i{display:block;width:28px;height:28px;border-radius:var(--radius-pill);border:1px solid var(--border-strong)}
.wk-home .wk-swatch[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
.wk-home .wk-size{width:320px;font-family:var(--font-sans)}
.wk-home .wk-size__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}
.wk-home .wk-size__head b{font:600 16px/24px var(--font-sans)}
.wk-home .wk-size__head a{font:500 14px/20px var(--font-sans);color:var(--brand);text-underline-offset:3px}
.wk-home .wk-size__units{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}
.wk-home .wk-size__units button{min-height:36px;padding:0 var(--space-3);border:0;background:transparent;color:var(--ink);font:600 13px/20px var(--font-sans);cursor:pointer}
.wk-home .wk-size__units button[aria-pressed="true"]{background:var(--ink);color:var(--surface-100)}
.wk-home .wk-size__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.wk-home .wk-size__tile{min-height:var(--tap-target);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-200);color:var(--ink);font:600 15px/20px var(--font-sans);cursor:pointer}
.wk-home .wk-size__tile[aria-pressed="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.wk-home .wk-size__tile[disabled]{background:var(--surface-300);color:var(--ink-muted);border-style:dashed;text-decoration:line-through;cursor:not-allowed}
.wk-home .wk-size__note{margin:var(--space-3) 0 0;font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
.wk-home .wk-size__note b{color:var(--success)}
.wk-home .wk-card{width:240px;background:var(--glass-fill-lite);border-radius:var(--radius-xl);overflow:hidden;position:relative;font-family:var(--font-sans)}
.wk-home .wk-card:hover{box-shadow:var(--shadow-card)}
.wk-home .wk-card__img{aspect-ratio:3/4;overflow:hidden;background:var(--surface-300);display:grid;place-items:center;color:var(--ink-muted);font:500 13px/16px var(--font-sans);position:relative}
.wk-home .wk-card__flag{position:absolute;top:var(--space-3);left:var(--space-3)}
.wk-home .wk-card__wish{position:absolute;top:var(--space-1);right:var(--space-1);width:var(--tap-target);height:var(--tap-target);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.wk-home .wk-card__wish svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75}
.wk-home .wk-card__body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}
.wk-home .wk-card__brand{font:700 12px/16px var(--font-sans);letter-spacing:1px;text-transform:uppercase}
.wk-home .wk-card__name{font:400 14px/20px var(--font-sans);color:var(--ink-muted);margin:0}
.wk-home .wk-card__meta{font:400 12px/16px var(--font-sans);color:var(--ink-muted)}
.wk-home .wk-promo{background:var(--surface-inverse);color:var(--on-inverse);display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-2) var(--space-4);font:500 13px/20px var(--font-sans);width:100%}
.wk-home .wk-promo span{display:inline-flex;align-items:center;gap:var(--space-2)}
.wk-home .wk-promo svg{width:14px;height:14px;stroke:var(--silver);fill:none;stroke-width:2}
.wk-home .wk-brand{width:200px;background:var(--surface-200);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-sans);color:var(--ink);text-decoration:none}
.wk-home .wk-brand__mark{height:72px;border-radius:var(--radius-md);background:var(--surface-300);display:grid;place-items:center;font:500 22px/26px var(--font-display);letter-spacing:-.3px}
.wk-home .wk-brand__name{font:600 16px/22px var(--font-sans)}
.wk-home .wk-brand__meta{font:400 13px/18px var(--font-sans);color:var(--ink-muted)}
.wk-home .wk-brand__go{font:600 14px/20px var(--font-sans);color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.wk-home .wk-h{font-family:var(--font-display)}
.wk-home .wk-card__img img, .wk-home .wk-tile__img img{width:100%;height:100%;object-fit:cover;display:block}
.wk-home .wk-glass{position:relative;isolation:isolate;border-radius:var(--radius-xl);background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.7);backdrop-filter:blur(var(--glass-blur)) saturate(1.7);box-shadow:var(--glass-lift);color:var(--ink)}
.wk-home .wk-glass--lite{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-fill-lite)}
.wk-home .wk-glass--pill{border-radius:var(--radius-pill)}
.wk-home .wk-glass::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--glass-rim) 0%,transparent 34%,transparent 62%,var(--glass-window) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.wk-home .wk-glass::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;overflow:hidden;background:radial-gradient(120% 90% at 22% 0%,var(--glass-window),transparent 46%);opacity:.55}
.wk-home @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.wk-glass{background:var(--surface-200)}}
@media (prefers-reduced-transparency:reduce){
.wk-home .wk-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-200)}
.wk-home .wk-glass::after{display:none}
}
.wk-home .wk-backdrop{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface-100),var(--surface-300))}
.wk-home .wk-backdrop i{position:absolute;border-radius:50%;pointer-events:none}
.wk-home .wk-tile{position:relative;display:block;width:200px;color:var(--ink);text-decoration:none}
.wk-home .wk-tile__img{aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-300)}
.wk-home .wk-tile__label{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 16px;text-align:center;font:600 14px/20px var(--font-sans)}
.wk-home .wk-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;font-family:var(--font-sans);color:var(--ink);padding:var(--space-5)}
.wk-home .wk-hero__stack{display:grid}
.wk-home .wk-hs{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.23,1,.32,1),visibility 0s .5s}
.wk-home .wk-hs.is-active{opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,0s}
.wk-home .wk-eyebrow{font:700 12px/16px var(--font-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}
.wk-home .wk-hs h1{margin:12px 0 10px;font:500 56px/54px var(--font-display);letter-spacing:-2px;color:var(--brand)}
.wk-home .wk-hs .wk-sub{margin:0 0 10px;font:600 20px/28px var(--font-sans);color:var(--brand)}
.wk-home .wk-hs .wk-lede{margin:0 0 24px;font:400 16px/24px var(--font-sans);color:var(--ink-muted);max-width:440px;min-height:72px}
.wk-home .wk-hero__photos{position:relative;width:100%;aspect-ratio:3/4;max-width:380px;margin-left:auto;border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface-300);box-shadow:var(--glass-lift)}
.wk-home .wk-hero__photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s ease,transform 1.2s cubic-bezier(.23,1,.32,1)}
.wk-home .wk-hero__photos img.is-active{opacity:1;transform:none}
.wk-home .wk-hero__ctl{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.wk-home .wk-dots{display:flex;gap:4px;align-items:center}
.wk-home .wk-dot{width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.wk-home .wk-dot i{display:block;width:10px;height:10px;border-radius:999px;background:var(--border-strong);opacity:.5;position:relative;overflow:hidden;transition:width .35s cubic-bezier(.23,1,.32,1)}
.wk-home .wk-dot.is-active i{width:36px;opacity:1;background:var(--hairline)}
.wk-home .wk-dot.is-active i::after{content:"";position:absolute;inset:0;background:var(--brand);transform-origin:left;transform:scaleX(var(--p,0))}
.wk-home .wk-arrow{width:44px;height:44px;border:0;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink);padding:0}
.wk-home .wk-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wk-home .wk-count{font:600 13px/16px var(--font-sans);letter-spacing:1px;color:var(--ink-muted);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
.wk-home .wk-hs, .wk-home .wk-hero__photos img{transition:none}
}
.wk-home .wk-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.wk-home .wk-logo img{height:40px;width:auto;display:block}
.wk-home .wk-wordmark{font:600 22px/1 var(--font-wordmark);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
/* premium.css */
.wk-home, .wk-home *{box-sizing:border-box}
.wk-home{margin:0;background:var(--surface-100);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
.wk-home img{display:block;max-width:100%}
.wk-home a{color:inherit;text-decoration:none}
.wk-home button{font:inherit;color:inherit;cursor:pointer}
.wk-home :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.wk-home .pm-wrap{width:min(1280px,100% - 32px);margin-inline:auto}
.wk-home .pm-page{position:relative;overflow:hidden}
.wk-home .pm-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.wk-home .pm-bg i{position:absolute;border-radius:50%;filter:blur(70px)}
.wk-home .pm-bg .b1{width:620px;height:620px;left:-180px;top:40px;background:color-mix(in srgb,var(--brand) 26%,transparent)}
.wk-home .pm-bg .b2{width:520px;height:520px;right:-120px;top:520px;background:color-mix(in srgb,var(--accent) 20%,transparent)}
.wk-home .pm-bg .b3{width:560px;height:560px;left:20%;top:1500px;background:color-mix(in srgb,var(--success) 16%,transparent)}
.wk-home .pm-bg .b4{width:640px;height:640px;right:-160px;top:2300px;background:color-mix(in srgb,var(--brand) 22%,transparent)}
.wk-home .pm-bg .r{filter:none;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);background:none}
.wk-home .pm-bg .r1{width:420px;height:420px;right:6%;top:90px}
.wk-home .pm-bg .r2{width:760px;height:760px;left:-240px;top:1180px}
.wk-home main, .wk-home header, .wk-home footer, .wk-home section{position:relative;z-index:1}
.wk-home .pm-promo{background:var(--surface-inverse);color:var(--on-inverse);font-size:13px;line-height:20px;text-align:center;padding:8px 16px;letter-spacing:.02em}
.wk-home .pm-promo b{font-weight:600}
.wk-home .pm-nav{position:sticky;top:12px;z-index:20;margin:12px auto 0;width:min(1280px,100% - 24px);display:flex;align-items:center;gap:20px;padding:10px 12px 10px 24px}
.wk-home .pm-nav .wordmark{font-size:22px}
.wk-home .pm-links{display:flex;gap:4px;margin-left:12px}
.wk-home .pm-links a{padding:10px 14px;border-radius:var(--radius-pill);font-size:15px;font-weight:500;color:var(--ink-muted);transition:background .18s,color .18s}
.wk-home .pm-links a:hover{background:var(--glass-fill-lite);color:var(--ink)}
.wk-home .pm-search{flex:1;max-width:340px;margin-left:auto;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-pill);background:var(--glass-fill-lite);border:1px solid var(--hairline);color:var(--ink-muted);font-size:15px}
.wk-home .pm-icons{display:flex;gap:4px}
.wk-home .pm-ic{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center}
.wk-home .pm-ic:hover{background:var(--glass-fill-lite)}
.wk-home .pm-ic svg, .wk-home .pm-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wk-home .pm-ic em{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--brand);color:var(--on-brand);font:600 11px/18px var(--font-sans);text-align:center;font-style:normal}
.wk-home .pm-hero{padding:48px 0 24px}
.wk-home .pm-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.wk-home .pm-eyebrow{font:600 12px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.wk-home .pm-hero h1{margin:16px 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.035em;color:var(--brand)}
.wk-home .pm-hero h1 span{display:block;color:var(--ink)}
.wk-home .pm-sub{margin:20px 0 0;font:600 20px/28px var(--font-sans);color:var(--brand)}
.wk-home .pm-copy{margin:12px 0 0;max-width:46ch;font-size:17px;line-height:26px;color:var(--ink-muted)}
.wk-home .pm-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.wk-home .pm-stats{display:flex;gap:28px;margin-top:36px;color:var(--ink-muted);font-size:14px}
.wk-home .pm-stats b{display:block;font:500 28px/32px var(--font-display);color:var(--ink)}
.wk-home .pm-stage{position:relative;aspect-ratio:4/5;max-height:640px;justify-self:center;width:100%}
.wk-home .pm-stage__frame{position:absolute;inset:0;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--glass-lift);background:var(--surface-300)}
.wk-home .pm-stage__frame img{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .8s ease}
.wk-home .pm-stage__frame img.is-out{opacity:0;transform:scale(1.03)}
.wk-home .pm-float{position:absolute;padding:14px 18px}
.wk-home .pm-float--price{left:-28px;bottom:48px;min-width:210px}
.wk-home .pm-float--price small{display:block;font:600 11px/14px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.wk-home .pm-float--price strong{display:block;font:500 22px/28px var(--font-display);margin-top:4px}
.wk-home .pm-float--price .wk-price{margin-top:6px}
.wk-home .pm-float--chip{right:-18px;top:44px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.wk-home .pm-float--chip svg{width:20px;height:20px;fill:none;stroke:var(--success);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wk-home .pm-thumbs{position:absolute;right:20px;bottom:20px;display:flex;gap:8px;padding:8px}
.wk-home .pm-thumbs button{width:52px;height:64px;padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:none}
.wk-home .pm-thumbs button[aria-pressed="true"]{border-color:var(--brand)}
.wk-home .pm-thumbs img{width:100%;height:100%;object-fit:cover}
.wk-home .pm-trust{padding:24px 0 8px}
.wk-home .pm-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wk-home .pm-trust__item{display:flex;gap:14px;align-items:center;padding:18px 20px}
.wk-home .pm-trust__item svg{flex:none;width:28px;height:28px;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wk-home .pm-trust__item b{display:block;font-size:15px;line-height:20px}
.wk-home .pm-trust__item span{font-size:13px;line-height:18px;color:var(--ink-muted)}
.wk-home .pm-sec{padding:72px 0 0}
.wk-home .pm-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.wk-home .pm-head h2{margin:8px 0 0;font:500 clamp(32px,4vw,48px)/1.05 var(--font-display);letter-spacing:-.025em}
.wk-home .pm-link{font-weight:600;color:var(--brand);border-bottom:1.5px solid currentColor;padding-bottom:2px}
.wk-home .pm-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.wk-home .pm-cat{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.wk-home .pm-cat__img{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--surface-300);border:1px solid var(--hairline);box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease}
.wk-home .pm-cat__img img{width:100%;height:100%;object-fit:cover}
.wk-home .pm-cat:hover .pm-cat__img{transform:translateY(-4px);box-shadow:var(--glass-lift)}
.wk-home .pm-cat b{font-size:15px}
.wk-home .pm-cat span{font-size:13px;color:var(--ink-muted);margin-top:-8px}
.wk-home .pm-tabs{display:flex;gap:8px;flex-wrap:wrap}
.wk-home .pm-tab{min-height:44px;padding:0 20px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:transparent;font-weight:500;font-size:15px}
.wk-home .pm-tab[aria-pressed="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.wk-home .pm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.wk-home .pm-grid .wk-card{position:relative;transition:transform .25s ease,box-shadow .25s ease}
.wk-home .pm-grid .wk-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.wk-home .pm-grid .wk-card[hidden]{display:none}
.wk-home .pm-quick{position:absolute;left:12px;right:12px;bottom:12px;padding:10px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.wk-home .wk-card:hover .pm-quick, .wk-home .wk-card:focus-within .pm-quick{opacity:1;transform:none}
.wk-home .pm-quick span{font-size:13px;font-weight:600;padding-left:6px}
.wk-home .pm-quick .wk-btn{min-height:44px}
.wk-home .pm-card__img{position:relative}
@media(hover:none){
.wk-home .pm-quick{opacity:1;transform:none}
}
.wk-home .pm-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface-200);border:1px solid var(--hairline);box-shadow:var(--shadow-card)}
.wk-home .pm-feature__img{min-height:520px;position:relative}
.wk-home .pm-feature__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wk-home .pm-feature__img .pm-float{left:20px;bottom:20px}
.wk-home .pm-feature__body{padding:56px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.wk-home .pm-feature__body h2{margin:0;font:500 clamp(32px,3.6vw,46px)/1.06 var(--font-display);letter-spacing:-.025em;color:var(--brand)}
.wk-home .pm-feature__body p{margin:0;font-size:17px;line-height:26px;color:var(--ink-muted);max-width:46ch}
.wk-home .pm-spec{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px;font-size:15px}
.wk-home .pm-spec li{display:flex;gap:10px;align-items:center}
.wk-home .pm-spec li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--silver)}
.wk-home .pm-finder{padding:40px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}
.wk-home .pm-finder h2{margin:8px 0 0;font:500 clamp(28px,3vw,40px)/1.1 var(--font-display);letter-spacing:-.02em}
.wk-home .pm-finder p{color:var(--ink-muted);margin:12px 0 0;line-height:24px}
.wk-home .pm-sizes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.wk-home .pm-sizes button{min-height:56px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-200);font:600 17px var(--font-sans)}
.wk-home .pm-sizes button[aria-pressed="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.wk-home .pm-finder__out{margin-top:16px;min-height:24px;font-size:15px;color:var(--ink-muted)}
.wk-home .pm-edit{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}
.wk-home .pm-edit figure{position:relative;margin:0;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:3/4;background:var(--surface-300)}
.wk-home .pm-edit img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.wk-home .pm-edit figure:hover img{transform:scale(1.04)}
.wk-home .pm-edit figcaption{position:absolute;left:14px;bottom:14px;padding:10px 16px;font-size:14px;font-weight:600}
.wk-home .pm-news{padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.wk-home .pm-news h2{margin:0;font:500 clamp(28px,3vw,40px)/1.1 var(--font-display);letter-spacing:-.02em}
.wk-home .pm-news p{margin:8px 0 0;color:var(--ink-muted)}
.wk-home .pm-form{display:flex;gap:8px;flex:1;min-width:280px;max-width:480px}
.wk-home .pm-form input{flex:1;min-height:52px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-200);padding:0 20px;font:16px var(--font-sans);color:var(--ink)}
.wk-home .pm-foot{margin-top:88px;background:var(--surface-inverse);color:var(--on-inverse);padding:64px 0 32px}
.wk-home .pm-foot__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.wk-home .pm-foot h3{margin:0 0 14px;font:600 12px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.wk-home .pm-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.wk-home .pm-foot p{opacity:.8;line-height:24px;max-width:36ch}
.wk-home .pm-foot__legal{margin-top:48px;padding-top:20px;border-top:1px solid rgba(251,249,244,.18);font-size:13px;opacity:.7;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wk-home .pm-tabbar{display:none}
@media(max-width:1020px){
.wk-home .pm-links, .wk-home .pm-search{display:none}
.wk-home .pm-nav{justify-content:space-between}
.wk-home .pm-icons{margin-left:auto}
.wk-home .pm-hero__grid{grid-template-columns:1fr;gap:36px}
.wk-home .pm-trust__grid{grid-template-columns:repeat(2,1fr)}
.wk-home .pm-cats{grid-template-columns:repeat(3,1fr)}
.wk-home .pm-grid{grid-template-columns:repeat(3,1fr)}
.wk-home .pm-feature{grid-template-columns:1fr}
.wk-home .pm-feature__img{min-height:380px}
.wk-home .pm-finder{grid-template-columns:1fr}
.wk-home .pm-edit{grid-template-columns:1fr 1fr}
.wk-home .pm-edit figure:first-child{grid-column:1/-1;aspect-ratio:4/3}
.wk-home .pm-foot__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
.wk-home .pm-wrap{width:calc(100% - 32px)}
.wk-home .pm-hero{padding-top:28px}
.wk-home .pm-float--price{left:12px;bottom:12px;min-width:0}
.wk-home .pm-float--chip{right:12px;top:12px}
.wk-home .pm-thumbs{display:none}
.wk-home .pm-stats{gap:20px}
.wk-home .pm-trust__grid{grid-template-columns:1fr}
.wk-home .pm-cats{grid-template-columns:repeat(2,1fr)}
.wk-home .pm-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.wk-home .pm-feature__body{padding:28px}
.wk-home .pm-finder, .wk-home .pm-news{padding:24px}
.wk-home .pm-sizes{grid-template-columns:repeat(4,1fr)}
.wk-home .pm-sec{padding-top:56px}
.wk-home .pm-foot__grid{grid-template-columns:1fr}
.wk-home .pm-foot{padding-bottom:96px}
.wk-home .pm-tabbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;justify-content:space-around;padding:6px}
.wk-home .pm-tabbar a{display:grid;justify-items:center;gap:2px;min-width:64px;min-height:48px;padding:4px 8px;font-size:11px;font-weight:600;color:var(--ink-muted)}
.wk-home .pm-tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}
@media(prefers-reduced-motion:reduce){

.wk-home, .wk-home *, .wk-home *::before, .wk-home *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
@media(max-width:1020px){
.wk-home .pm-float--chip{right:12px}
.wk-home .pm-float--price{left:12px}
}
/* overrides */
.wk-home .pm-grid > *, .wk-home .pm-cats > *, .wk-home .pm-feature > *, .wk-home .pm-hero__grid > * { min-width: 0; }
.wk-home .pm-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wk-home .pm-cats { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1020px) { .wk-home .pm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .wk-home .pm-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 640px) { .wk-home .pm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wk-home .pm-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wk-home .pm-card__img { display: block; }
.wk-home .pm-card__img img, .wk-home .pm-cat__img img { width: 100%; height: 100%; object-fit: cover; }

/* extra home sections */
.wk-home .wkx-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wk-home .wkx-tile { position: relative; display: block; border-radius: 20px; overflow: hidden; aspect-ratio: 16 / 9; background: var(--surface-300); border: 1px solid var(--hairline); }
.wk-home .wkx-tile__img, .wk-home .wkx-tile__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.wk-home .wkx-tile:hover .wkx-tile__img img { transform: scale(1.04); }
.wk-home .wkx-tile__txt { position: absolute; left: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 2px; padding: 12px 18px; border-radius: 14px; background: rgba(255, 255, 255, .9); color: #111; }
.wk-home .wkx-tile__txt b { font: 500 24px/30px var(--font-display); }
.wk-home .wkx-tile__txt small { font: 500 13px/18px var(--font-sans); color: #444; }
.wk-home .wkx-colours { display: flex; flex-wrap: wrap; gap: 12px; }
.wk-home .wkx-colour { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 10px; border-radius: 999px; border: 1px solid var(--hairline); color: var(--ink); transition: border-color .2s; }
.wk-home .wkx-colour:hover, .wk-home .wkx-colour:focus-visible { border-color: var(--ink); }
.wk-home .wkx-colour small { color: var(--ink-muted); }
.wk-home .wkx-dot { width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(128, 128, 128, .55); }
.wk-home .wkx-rail__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1020px) { .wk-home .wkx-rail__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .wk-home .wkx-tile { aspect-ratio: 4 / 3; } }
.wk-home .wkx-bands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.wk-home .wkx-band { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: 18px; border: 1px solid var(--hairline); color: var(--ink); transition: border-color .2s, transform .2s; }
.wk-home .wkx-band:hover, .wk-home .wkx-band:focus-visible { border-color: var(--ink); transform: translateY(-2px); }
.wk-home .wkx-band b { font: 500 22px/28px var(--font-display); }
.wk-home .wkx-band span { font: 600 13px/18px var(--font-sans); color: var(--ink-muted); }
@media (max-width: 800px) { .wk-home .wkx-bands { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wk-home .wkx-steps { list-style: none; counter-reset: s; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; }
.wk-home .wkx-steps li { counter-increment: s; display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: 18px; border: 1px solid var(--hairline); }
.wk-home .wkx-steps li::before { content: counter(s); display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ink); color: var(--surface-100, #fff); font: 600 15px/1 var(--font-sans); margin-bottom: 6px; }
.wk-home .wkx-steps b { font: 500 20px/26px var(--font-display); }
.wk-home .wkx-steps span { color: var(--ink-muted); }
@media (max-width: 800px) { .wk-home .wkx-steps { grid-template-columns: 1fr; } }
.wk-home .wkx-narrow { max-width: 820px; }
.wk-home .wkx-faq details { border-bottom: 1px solid var(--hairline); padding: 4px 0; }
.wk-home .wkx-faq summary { cursor: pointer; padding: 16px 0; font: 600 17px/24px var(--font-sans); color: var(--ink); list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.wk-home .wkx-faq summary::-webkit-details-marker { display: none; }
.wk-home .wkx-faq summary::after { content: "+"; font-size: 22px; line-height: 24px; }
.wk-home .wkx-faq details[open] summary::after { content: "\2212"; }
.wk-home .wkx-faq p { margin: 0 0 16px; color: var(--ink-muted); }
.wk-home .wkx-faq a, .wk-home .wkx-care a { text-decoration: underline; text-underline-offset: 3px; }
.wk-home .wkx-care { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; padding: 32px; border-radius: 24px; align-items: center; }
.wk-home .wkx-care h2 { margin: 6px 0 8px; }
.wk-home .wkx-care ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.wk-home .wkx-care li a { display: flex; align-items: center; gap: 12px; padding: 8px 0; color: var(--ink); font-weight: 600; text-decoration: none; }
.wk-home .wkx-care li a svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
@media (max-width: 800px) { .wk-home .wkx-care { grid-template-columns: 1fr; padding: 22px; } }

/* header, footer and mobile bar on every page */
.wk-home.wk-chrome { display: contents; }
.wk-home .wk-header { position: sticky; top: 0; z-index: 50; padding-top: 12px; pointer-events: none; }
.wk-home .wk-header .pm-nav { position: relative; top: 0; margin-top: 0; pointer-events: auto; }
.wk-home .pm-search { flex: 1; }
.wk-home .pm-search input { flex: 1; min-width: 0; height: 42px; border: 0; background: transparent; color: inherit; font: inherit; outline: none; }
.wk-home .pm-search:focus-within { box-shadow: 0 0 0 2px var(--focus-ring); }
.wk-home .wk-cart-count[hidden] { display: none; }
.wk-home .wk-menu-toggle { display: none; }
.wk-home .wk-mobile-panel { position: absolute; left: 12px; right: 12px; top: calc(100% + 8px); padding: 12px; border-radius: var(--radius-lg, 20px); display: grid; gap: 4px; pointer-events: auto; }
.wk-home .wk-mobile-panel[hidden] { display: none; }
.wk-home .wk-mobile-panel { background: rgba(251, 249, 244, .94); }
.wk-home .wk-mobile-panel a { padding: 12px 14px; border-radius: 12px; font-weight: 600; }
.wk-home .wk-mobile-panel a:hover { background: var(--glass-fill-lite); }
.wk-home .pm-links a { display: inline-flex; align-items: center; gap: 8px; }
.wk-home .pm-links a svg, .wk-home .wk-mobile-panel a svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.wk-home .wk-mobile-panel a { display: flex; align-items: center; gap: 12px; }
.wk-home .wk-mobile-panel a svg { flex-basis: 20px; width: 20px; height: 20px; }

.wk-home .wk-mobile-panel input { width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid var(--hairline); border-radius: 999px; background: var(--glass-fill-lite); font: inherit; margin-bottom: 6px; }
.wk-home .pm-brand { display: flex; align-items: center; gap: 10px; }
.wk-home .pm-brand img { height: 36px; width: auto; }
.wk-home .pm-chip { display: inline-block; background: #fff; border-radius: 20px; padding: 12px; }
.wk-home .pm-chip img { height: 120px; width: auto; }
.wk-home .wk-theme-toggle .i-sun { display: none; }
html[data-theme="dark"] .wk-home .wk-theme-toggle .i-sun { display: block; }
html[data-theme="dark"] .wk-home .wk-theme-toggle .i-moon { display: none; }
.wk-home .wk-chrome .wk-glass, .wk-home.wk-chrome .wk-glass { }


/* header sits on top of the home page background (as in the preview) instead of on a flat strip */
body.home .wk-home .wk-header { margin-bottom: -76px; }
body.home .wk-home .wkh.pm-hero { padding-top: 124px; }
body.admin-bar .wk-home .wk-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .wk-home .wk-header { top: 46px; } }
@media (max-width: 640px) { body.home .wk-home .wkh.pm-hero { padding-top: 104px; } }


/* small screens: keep the header pill inside the screen */
@media (max-width: 640px) {
	.wk-home .wk-header .pm-nav { gap: 6px; padding: 8px 8px 8px 14px; width: calc(100% - 24px); }
	.wk-home .pm-nav .wordmark { font-size: 18px; }
	.wk-home .pm-brand { gap: 6px; min-width: 0; }
	.wk-home .pm-brand img { height: 30px; }
	.wk-home .pm-icons { gap: 0; margin-left: auto; }
	.wk-home .pm-ic { width: 40px; height: 40px; }
	.wk-home .pm-icons a[aria-label="My account"] { display: none; }
}


/* quick add on cards */
.wk-home .wk-cardmedia { position: relative; }
.wk-home .pm-quick { flex-wrap: wrap; row-gap: 6px; }
.wk-home .pm-quick__label { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-muted); }
.wk-home .wk-qa-sizes { display: flex; flex-wrap: wrap; gap: 6px; }
.wk-home .wk-qa { min-width: 38px; height: 38px; padding: 0 8px; border-radius: 10px; border: 1px solid var(--hairline); background: var(--surface-200); color: var(--ink); font: 600 13px/1 var(--font-sans); cursor: pointer; }
.wk-home .wk-qa:hover { border-color: var(--brand); background: var(--brand); color: var(--on-brand); }
.wk-home .wk-qa.is-busy { opacity: .5; cursor: progress; }

/* bag drawer */
.wk-home .wk-drawer-overlay { position: fixed; inset: 0; background: rgba(11, 22, 38, .45); z-index: 90; opacity: 0; transition: opacity .2s ease; }
.wk-home .wk-drawer-overlay.is-open { opacity: 1; }
.wk-home .wk-drawer-overlay[hidden], .wk-home .wk-drawer[hidden], .wk-home .wk-toast[hidden] { display: none; }
.wk-home .wk-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100%); z-index: 100; background: var(--surface-100); color: var(--ink); border-left: 1px solid var(--hairline); box-shadow: var(--shadow-pop); transform: translateX(100%); transition: transform .22s ease; display: flex; flex-direction: column; }
.wk-home .wk-drawer.is-open { transform: none; }
.wk-home .wk-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--hairline); }
.wk-home .wk-drawer__head h2 { margin: 0; font: 500 24px/30px var(--font-display); }
.wk-home .wk-drawer__close { width: 44px; height: 44px; border-radius: 50%; border: 0; background: transparent; color: var(--ink); display: grid; place-items: center; cursor: pointer; }
.wk-home .wk-drawer__close:hover { background: var(--glass-fill-lite); }
.wk-home .wk-drawer__close svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.wk-home .wk-drawer__body { flex: 1; overflow: auto; padding: 8px 18px 18px; }
.wk-home .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; }
.wk-home .woocommerce-mini-cart-item { position: relative; display: block; padding: 14px 28px 14px 0; border-bottom: 1px solid var(--hairline); min-height: 92px; }
.wk-home .woocommerce-mini-cart-item a:not(.remove) { display: block; font-weight: 600; color: var(--ink); line-height: 20px; }
.wk-home .woocommerce-mini-cart-item img { float: left; width: 64px; height: 80px; object-fit: cover; border-radius: 10px; margin: 0 12px 0 0; }
.wk-home .woocommerce-mini-cart-item .variation { margin: 4px 0 0; font-size: 13px; color: var(--ink-muted); }
.wk-home .woocommerce-mini-cart-item .variation dt, .wk-home .woocommerce-mini-cart-item .variation dd, .wk-home .woocommerce-mini-cart-item .variation p { display: inline; margin: 0; }
.wk-home .woocommerce-mini-cart-item .quantity { display: block; margin-top: 6px; color: var(--ink-muted); font-size: 14px; }
.wk-home .woocommerce-mini-cart-item a.remove { position: absolute; top: 12px; right: 0; width: 24px; height: 24px; line-height: 22px; text-align: center; border-radius: 50%; color: var(--ink-muted); font-size: 20px; }
.wk-home .woocommerce-mini-cart-item a.remove:hover { background: var(--glass-fill-lite); color: var(--sale); }
.wk-home .woocommerce-mini-cart__total { display: flex; justify-content: space-between; margin: 16px 0 12px; font-size: 18px; font-weight: 600; }
.wk-home .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 0; }
.wk-home .woocommerce-mini-cart__buttons a { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 12px; border: 1px solid var(--border-strong); font-weight: 600; color: var(--ink); }
.wk-home .woocommerce-mini-cart__buttons a.checkout { background: var(--brand); border-color: var(--brand); color: var(--on-brand); }
.wk-home .woocommerce-mini-cart__empty-message { padding: 28px 0; text-align: center; color: var(--ink-muted); }
.wk-home .wk-toast { position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%); z-index: 110; max-width: calc(100% - 32px); padding: 12px 18px; border-radius: 999px; background: var(--surface-inverse); color: var(--on-inverse); font-size: 14px; font-weight: 600; box-shadow: var(--shadow-pop); }
.wk-home .wk-toast.is-bad { background: var(--sale); color: var(--on-sale); }


/* bag drawer: lay out Wolmart's mini cart markup */
.wk-home .wk-drawer .cart-header { display: none; }
.wk-home .wk-drawer .mini-list { max-height: none; overflow: visible; }
.wk-home .wk-drawer .woocommerce-mini-cart-item { display: grid; grid-template-columns: 72px minmax(0, 1fr) 28px; grid-template-areas: "img meta rm"; column-gap: 12px; align-items: start; padding: 14px 0; min-height: 0; }
.wk-home .wk-drawer .woocommerce-mini-cart-item > a[aria-label="Product Permalink"] { grid-area: img; display: block; }
.wk-home .wk-drawer .woocommerce-mini-cart-item img { float: none; width: 72px; height: 90px; margin: 0; object-fit: cover; border-radius: 10px; }
.wk-home .wk-drawer .cart-item-meta { grid-area: meta; }
.wk-home .wk-drawer .cart-item-meta a { font-weight: 600; color: var(--ink); line-height: 20px; }
.wk-home .wk-drawer .cart-item-meta .quantity { display: block; margin-top: 6px; color: var(--ink-muted); font-size: 14px; }
.wk-home .wk-drawer .cart-item-meta .amount { color: var(--ink); font-weight: 600; }
.wk-home .wk-drawer a.remove { grid-area: rm; position: static; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--ink-muted); font-size: 12px; }
.wk-home .wk-drawer a.remove:hover { background: var(--glass-fill-lite); color: var(--sale); }
.wk-home .wk-drawer .woocommerce-mini-cart__buttons a.button { background: transparent !important; color: var(--ink) !important; border: 1px solid var(--border-strong) !important; }
.wk-home .wk-drawer .woocommerce-mini-cart__buttons a.button.checkout { background: var(--brand) !important; border-color: var(--brand) !important; color: var(--on-brand) !important; }
body.admin-bar .wk-home .wk-drawer { top: 32px; }
@media (max-width: 782px) { body.admin-bar .wk-home .wk-drawer { top: 46px; } }


/* header: switch to the menu button earlier so the links never wrap; 404 page */
.wk-home .pm-links a { white-space: nowrap; }
@media (max-width: 1180px) {
	.wk-home .pm-links, .wk-home .pm-search { display: none; }
	.wk-home .wk-menu-toggle { display: grid; }
	.wk-home .pm-nav { justify-content: space-between; }
	.wk-home .pm-icons { margin-left: auto; }
}
.wk-home.wk-notfound { padding: 56px 0 24px; }
.wk-home .wk-notfound__title { margin: 14px 0 0; font-family: var(--font-display); font-weight: 500; font-size: clamp(40px, 6vw, 76px); line-height: 1; letter-spacing: -.03em; color: var(--brand); }
.wk-home .wk-notfound__title span { display: block; color: var(--ink); }
.wk-home .wk-notfound__search { display: flex; gap: 10px; max-width: 520px; margin-top: 24px; }
.wk-home .wk-notfound__search input { flex: 1; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid var(--hairline); border-radius: 999px; background: var(--glass-fill-lite); color: var(--ink); font: inherit; }
.wk-home .wk-notfound__search .wk-btn { border-radius: 999px; }
.wk-home .wk-notfound .pm-cta { margin-top: 22px; }
.wk-home .wk-notfound__cats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.wk-home .wk-notfound__cats a { padding: 8px 16px; border: 1px solid var(--hairline); border-radius: 999px; font-weight: 600; }
.wk-home .wk-notfound__cats a:hover { border-color: var(--brand); color: var(--brand); }

/* hero slider */
.wk-home .wkh__slides { display: grid; grid-template-columns: minmax(0, 1fr); }
.wk-home .wk-slide { min-width: 0; width: 100%; }
.wk-home .wk-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.wk-home .wk-slide.is-active { opacity: 1; visibility: visible; transition: opacity .6s ease; }
.wk-home .wk-slide__text > * { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.wk-home .wk-slide.is-active .wk-slide__text > * { opacity: 1; transform: none; }
.wk-home .wk-slide.is-active .wk-slide__text > :nth-child(2) { transition-delay: .06s; }
.wk-home .wk-slide.is-active .wk-slide__text > :nth-child(3) { transition-delay: .12s; }
.wk-home .wk-slide.is-active .wk-slide__text > :nth-child(4) { transition-delay: .18s; }
.wk-home .wk-slide.is-active .wk-slide__text > :nth-child(5) { transition-delay: .24s; }
.wk-home .wk-slide .pm-stage__frame img { transform: scale(1.04); transition: transform 1.2s ease; }
.wk-home .wk-slide.is-active .pm-stage__frame img { transform: scale(1); }
.wk-home .wk-slide__title { margin: 16px 0 0; font-family: var(--font-display); font-weight: 500; font-size: clamp(46px, 7vw, 88px); line-height: .98; letter-spacing: -.035em; color: var(--brand); }
.wk-home .wk-slide__title span { display: block; color: var(--ink); }
.wk-home .wkh__controls { display: flex; align-items: center; gap: 10px; margin-top: 22px; }
.wk-home .wkh__btn { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; padding: 0; border: 1px solid var(--hairline); background: var(--glass-fill-lite); color: var(--ink); cursor: pointer; }
.wk-home .wkh__btn:hover { border-color: var(--brand); }
.wk-home .wkh__btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wk-home .wkh__pause .i-play { display: none; }
.wk-home .wkh__pause.is-paused .i-play { display: block; }
.wk-home .wkh__pause.is-paused .i-pause { display: none; }
.wk-home .wkh__dots { display: flex; align-items: center; gap: 2px; padding: 0 6px; }
.wk-home .wkh__dots button { position: relative; width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; }
.wk-home .wkh__dots button::before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 99px; background: var(--border-strong); opacity: .55; transition: width .25s ease, margin .25s ease, opacity .25s ease, background .25s ease; }
.wk-home .wkh__dots button[aria-pressed="true"]::before { width: 26px; margin-left: -13px; background: var(--brand); opacity: 1; }
.wk-home .wkh .pm-stats { margin-top: 28px; }
@media (max-width: 1020px) { .wk-home .wkh__controls { justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .wk-home .wk-slide, .wk-home .wk-slide__text > *, .wk-home .wk-slide .pm-stage__frame img { transition: none !important; transform: none !important; } }
.wk-home .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 1020px) { .wk-home .wk-menu-toggle { display: grid; } }

