.jak-store-details { color: var(--jak-muted, #aeb0b6); font-size: 14px; line-height: 1.6; }
.jak-store-details p { margin: 0 0 8px; }
.jak-store-details strong,
.jak-store-details a { color: var(--jak-ink, #f7f4ee); }

.jak-panel-kicker { margin: 0 0 13px; color: var(--jak-pink, #ff2c91); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.jak-store-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.jak-store-card,
.jak-map-panel,
.jak-info-grid > section,
.jak-information-page > header,
.jak-information-cards article { border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: var(--jak-radius, 18px); background: var(--jak-card, #15171c); }
.jak-store-card { padding: clamp(30px,5vw,64px); }
.jak-store-card h2,
.jak-information-page > header h2 { max-width: 760px; margin: 0; font-size: clamp(48px,6vw,82px); line-height: .86; text-transform: uppercase; }
.jak-store-card dl { margin: 35px 0; }
.jak-store-card dl > div { min-height: 62px; display: grid; grid-template-columns: 110px 1fr; gap: 22px; align-items: center; border-top: 1px solid var(--jak-line, rgba(255,255,255,.11)); }
.jak-store-card dt { color: var(--jak-muted, #aeb0b6); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.jak-store-card dd { margin: 0; color: var(--jak-ink, #f7f4ee); font-size: 16px; }
.jak-store-card a { color: inherit; }
.jak-store-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.jak-map-panel { min-height: 540px; display: grid; grid-template-rows: 1fr auto; overflow: hidden; }
.jak-map-panel iframe { width: 100%; height: 100%; min-height: 455px; border: 0; filter: grayscale(1) invert(.91) contrast(.88) hue-rotate(175deg); transition: filter .25s ease; }
.jak-map-panel:hover iframe { filter: grayscale(.45) invert(.9) contrast(.9) hue-rotate(175deg); }
.jak-map-panel > div { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 22px; border-top: 1px solid var(--jak-line, rgba(255,255,255,.11)); background: var(--jak-card, #15171c); }
.jak-map-panel > div span { display: flex; flex-direction: column; gap: 3px; }
.jak-map-panel strong { color: var(--jak-ink, #f7f4ee); font-size: 14px; }
.jak-map-panel small { color: var(--jak-muted, #aeb0b6); font-size: 11px; }
.jak-map-panel a { color: var(--jak-green, #b8ff36); font-size: 11px; font-weight: 800; text-decoration: none; text-transform: uppercase; white-space: nowrap; }

.jak-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.jak-info-grid > section { min-height: 250px; padding: clamp(28px,4vw,50px); }
.jak-info-grid > section:first-child { grid-column: 1 / -1; min-height: 360px; background: var(--jak-pink, #ff2c91); color: #090a0c; }
.jak-info-grid > section:first-child .jak-panel-kicker,
.jak-info-grid > section:first-child h2 { color: #090a0c; }
.jak-info-grid h2 { margin: 0 0 22px; font-size: clamp(48px,6vw,82px); line-height: .86; text-transform: uppercase; }
.jak-info-grid h3 { margin: 0 0 14px; font-size: 34px; text-transform: uppercase; }
.jak-info-grid p { margin: 0 0 22px; color: var(--jak-muted, #aeb0b6); font-size: 16px; line-height: 1.65; }
.jak-info-grid > section:first-child p { max-width: 780px; color: rgba(9,10,12,.82); }
.jak-info-grid .jak-shipping-progress { max-width: 600px; color: #090a0c; }
.jak-info-grid .jak-shipping-progress > i { background: rgba(9,10,12,.2); }

.jak-information-page { display: grid; gap: 18px; }
.jak-information-page > header { min-height: 300px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(32px,5vw,64px); }
.jak-information-page > header > p:last-child { max-width: 820px; margin: 26px 0 0; color: var(--jak-muted, #aeb0b6); font-size: 18px; line-height: 1.65; }
.jak-information-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.jak-information-cards article { min-height: 230px; padding: clamp(26px,4vw,44px); }
.jak-information-cards h3 { margin: 0 0 15px; font-size: 36px; text-transform: uppercase; }
.jak-information-cards p { margin: 0; color: var(--jak-muted, #aeb0b6); font-size: 16px; line-height: 1.65; }
.jak-policy-number { display: inline-flex; margin-bottom: 22px; color: var(--jak-pink, #ff2c91); font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.jak-policy-links { padding: clamp(24px,4vw,40px); border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: var(--jak-radius, 18px); background: var(--jak-card, #15171c); }
.jak-policy-links > p { margin: 0 0 16px; color: var(--jak-muted, #aeb0b6); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.jak-policy-links > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.jak-policy-links a { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 17px; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: 13px; color: var(--jak-ink, #f7f4ee); font-size: 13px; font-weight: 800; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.jak-policy-links a:hover { transform: translateY(-2px); border-color: var(--jak-pink, #ff2c91); }
.jak-policy-links svg { width: 18px; height: 18px; flex: 0 0 auto; }
.jak-draft-note { margin: 4px 0 0; color: #777a82; font-size: 11px; }
.jak-faq-page .jak-information-cards { display: block; overflow: hidden; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: 20px; background: var(--jak-card, #15171c); }
.jak-faq-page details { border-bottom: 1px solid var(--jak-line, rgba(255,255,255,.11)); }
.jak-faq-page details:last-child { border-bottom: 0; }
.jak-faq-page summary { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 clamp(22px,4vw,42px); color: var(--jak-ink, #f7f4ee); font-family: var(--jak-heading, sans-serif); font-size: 24px; font-weight: 800; line-height: 1; text-transform: uppercase; cursor: pointer; list-style: none; }
.jak-faq-page summary::-webkit-details-marker { display: none; }
.jak-faq-page summary span { width: 32px; height: 32px; display: grid; flex: 0 0 32px; place-items: center; border-radius: 50%; background: var(--jak-pink, #ff2c91); color: #090a0c; font-family: sans-serif; font-size: 21px; transition: transform .2s ease; }
.jak-faq-page details[open] summary span { transform: rotate(45deg); }
.jak-faq-page details > div { max-width: 900px; padding: 0 clamp(22px,4vw,42px) 32px; }
.jak-faq-page details p { margin: 0 0 18px; color: var(--jak-muted, #aeb0b6); font-size: 16px; line-height: 1.65; }
.jak-faq-page details a { color: var(--jak-pink, #ff2c91); font-size: 11px; font-weight: 800; text-decoration: none; text-transform: uppercase; }

.jak-shipping-progress { display: grid; gap: 7px; min-width: min(320px, 100%); color: var(--jak-ink, #f7f4ee); font-size: 11px; font-weight: 700; }
.jak-shipping-progress > i { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.14); }
.jak-shipping-progress > i > b { display: block; height: 100%; border-radius: inherit; background: var(--jak-green, #b8ff36); transition: width .25s ease; }

.jak-content-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.jak-content-card { min-width: 0; overflow: hidden; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: var(--jak-radius, 18px); background: var(--jak-card, #15171c); transition: transform .2s ease, border-color .2s ease; }
.jak-content-card:hover { transform: translateY(-4px); border-color: rgba(255,44,145,.5); }
.jak-content-card__media { position: relative; display: block; aspect-ratio: 4/3; overflow: hidden; background: radial-gradient(circle at 60% 35%, rgba(255,44,145,.16), transparent 44%), #1a1d22; }
.jak-content-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.jak-content-card:hover .jak-content-card__media img { transform: scale(1.04); }
.jak-content-card__body { display: grid; gap: 10px; padding: 22px; }
.jak-content-card__body > p { margin: 0; color: var(--jak-pink, #ff2c91); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.jak-content-card__body h3 { margin: 0; font-size: 30px; text-transform: uppercase; }
.jak-content-card__body h3 a { text-decoration: none; }
.jak-content-card__body > div { color: var(--jak-muted, #aeb0b6); font-size: 14px; line-height: 1.5; }
.jak-content-card__body > strong { color: var(--jak-ink, #f7f4ee); font-size: 18px; }
.jak-content-card__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--jak-ink, #f7f4ee); font-size: 12px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-content-card__link span { color: var(--jak-pink, #ff2c91); transition: transform .2s ease; }
.jak-content-card__link:hover span { transform: translateX(4px); }
.jak-empty { padding: 30px; border: 1px dashed var(--jak-line, rgba(255,255,255,.11)); border-radius: var(--jak-radius, 18px); color: var(--jak-muted, #aeb0b6); text-align: center; }

/* Editorial hub: category-led, compact and deliberately product-card-like. */
.jak-blog-hub { display: grid; gap: clamp(68px,8vw,112px); }
.jak-blog-category-section > header,
.jak-blog-archive > header,
.jak-booking-services > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; margin-bottom: 34px; }
.jak-blog-category-section > header > p,
.jak-blog-archive > header > p { width: min(520px,100%); margin: 0; color: var(--jak-muted); font-size: 16px; line-height: 1.6; }
.jak-blog-category-section h2,
.jak-blog-archive h2,
.jak-booking-services h2 { margin: 0; font-size: clamp(48px,5.5vw,80px); line-height: .86; text-transform: uppercase; }
.jak-blog-category-cards,
.jak-faq-category-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.jak-blog-category-cards > a,
.jak-faq-category-cards > a,
.jak-booking-services > div > a { min-width: 0; min-height: 112px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); color: var(--jak-ink); text-decoration: none; transition: transform .2s ease,border-color .2s ease,background-color .2s ease; }
.jak-blog-category-cards > a:hover,
.jak-blog-category-cards > a.is-active,
.jak-faq-category-cards > a:hover,
.jak-booking-services > div > a:hover,
.jak-booking-services > div > a.is-active { transform: translateY(-3px); border-color: rgba(255,44,145,.58); background: var(--jak-card-raised); }
.jak-blog-category-cards > a > span,
.jak-faq-category-cards > a > span,
.jak-booking-services > div > a > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,44,145,.13); color: var(--jak-pink); }
.jak-blog-category-cards svg,
.jak-faq-category-cards svg,
.jak-booking-services svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.jak-blog-category-cards > a > svg,
.jak-faq-category-cards > a > svg,
.jak-booking-services > div > a > svg { width: 17px; color: var(--jak-pink); }
.jak-blog-category-cards strong,
.jak-faq-category-cards strong,
.jak-booking-services strong { display: block; font-family: var(--jak-heading); font-size: 23px; line-height: 1; text-transform: uppercase; }
.jak-blog-category-cards small,
.jak-faq-category-cards small,
.jak-booking-services small { display: block; margin-top: 6px; color: var(--jak-muted); font-size: 11px; line-height: 1.4; }
.jak-blog-archive > header { align-items: end; }
.jak-blog-archive > header nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.jak-blog-archive > header nav a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 15px; border: 1px solid var(--jak-line); border-radius: 999px; color: var(--jak-muted); font-size: 10px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-blog-archive > header nav a:hover,
.jak-blog-archive > header nav a.is-active { border-color: var(--jak-pink); background: var(--jak-pink); color: #090a0c; }
.jak-content-cards--blog { grid-template-columns: repeat(3,minmax(0,1fr)); }
.jak-content-cards--blog .jak-content-card { display: grid; grid-template-rows: auto 1fr; }
.jak-content-cards--blog .jak-content-card__media { aspect-ratio: 16/9; }
.jak-content-cards--blog .jak-content-card__body { align-content: start; min-height: 245px; }
.jak-content-cards--blog .jak-content-card__body h3 { font-size: clamp(26px,2.2vw,34px); }
.jak-content-card__meta { display: flex; flex-wrap: wrap; gap: 8px 13px; color: var(--jak-muted) !important; font-size: 10px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

/* Organised FAQ with customer-facing policy paths. */
.jak-faq-page { gap: clamp(40px,5vw,68px); }
.jak-faq-category-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
.jak-faq-groups { display: grid; gap: 26px; }
.jak-faq-groups > section { scroll-margin-top: 24px; }
.jak-faq-groups > section > header { display: flex; align-items: center; gap: 17px; margin-bottom: 14px; padding-inline: 8px; }
.jak-faq-groups > section > header > span { width: 48px; height: 48px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 12px; background: var(--jak-pink); color: #090a0c; }
.jak-faq-groups > section > header svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.jak-faq-groups > section > header p { margin: 0 0 3px; color: var(--jak-pink); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.jak-faq-groups > section > header h3 { margin: 0; font-size: 32px; text-transform: uppercase; }
.jak-faq-groups > section > header small { color: var(--jak-muted); }
.jak-faq-actions { display: flex; flex-wrap: wrap; gap: 11px 22px; }
.jak-faq-actions a { display: inline-flex; align-items: center; gap: 7px; }
.jak-faq-actions a svg { width: 16px; height: 16px; fill: none; stroke: currentColor; }

/* Booking bridge: service selection works now; a GHL URL fills the embed later. */
.jak-booking-page { display: grid; gap: clamp(54px,7vw,94px); }
.jak-booking-intro { min-height: 360px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px; align-items: stretch; }
.jak-booking-intro > div,
.jak-booking-intro > aside,
.jak-booking-selected > div,
.jak-booking-placeholder,
.jak-booking-embed { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,64px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-booking-intro h2 { max-width: 850px; margin: 0; font-size: clamp(54px,6vw,88px); line-height: .84; text-transform: uppercase; }
.jak-booking-intro > div > p:last-child { max-width: 680px; margin: 24px 0 0; color: var(--jak-muted); font-size: 17px; line-height: 1.6; }
.jak-booking-intro > aside { background: var(--jak-pink); color: #090a0c; }
.jak-booking-intro > aside > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 13px; background: #090a0c; color: var(--jak-pink); }
.jak-booking-intro > aside svg { width: 27px; height: 27px; fill: none; stroke: currentColor; }
.jak-booking-intro > aside strong { margin: 28px 0 8px; color: #090a0c; font-family: var(--jak-heading); font-size: 34px; line-height: .95; text-transform: uppercase; }
.jak-booking-intro > aside small { font-size: 13px; }
.jak-booking-selected { display: grid; grid-template-columns: .72fr 1.28fr; gap: 18px; }
.jak-booking-selected h3,
.jak-booking-placeholder h3 { margin: 0; font-size: clamp(38px,4vw,58px); text-transform: uppercase; }
.jak-booking-selected dl { width: 100%; margin: 27px 0; }
.jak-booking-selected dl > div { min-height: 53px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--jak-line); }
.jak-booking-selected dt { color: var(--jak-muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.jak-booking-selected dd { margin: 0; font-weight: 800; text-align: right; }
.jak-booking-selected > div > a { color: var(--jak-pink); font-size: 11px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-booking-placeholder { min-height: 470px; background: var(--jak-page); }
.jak-booking-placeholder > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 14px; background: var(--jak-green); color: #090a0c; }
.jak-booking-placeholder > span svg { width: 28px; height: 28px; fill: none; stroke: currentColor; }
.jak-booking-placeholder > p:not(.jak-panel-kicker) { max-width: 650px; margin: 22px 0 28px; color: var(--jak-muted); }
.jak-booking-placeholder > div { display: flex; flex-wrap: wrap; gap: 10px; }
.jak-booking-embed { min-height: 680px; padding: 10px; overflow: hidden; }
.jak-booking-embed iframe { width: 100%; min-height: 660px; border: 0; border-radius: calc(var(--jak-radius-lg) - 8px); background: #fff; }
.jak-booking-services > header > a { color: var(--jak-pink); font-size: 11px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-booking-services > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }

/* Searchable editorial archive. */
.jak-blog-tools { margin-bottom: 36px; padding: clamp(22px,3vw,34px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-blog-search { max-width: 880px; margin-inline: auto; }
.jak-blog-search > label { display: block; margin-bottom: 10px; color: var(--jak-muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.jak-blog-search > div { min-height: 58px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; overflow: hidden; border: 1px solid var(--jak-line); border-radius: 14px; background: var(--jak-page); }
.jak-blog-search span { display: grid; place-items: center; color: var(--jak-muted); }
.jak-blog-search svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.jak-blog-search input[type='search'] { min-width: 0; min-height: 56px; padding: 0 8px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.jak-blog-search button { align-self: stretch; min-height: 56px; padding-inline: 27px; border: 0; border-radius: 0 13px 13px 0; background: var(--jak-pink); color: #090a0c; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }

/* Editable local keeper directory. */
.jak-directory { display: grid; gap: clamp(34px,5vw,68px); }
.jak-directory-intro { min-height: 380px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); gap: 18px; }
.jak-directory-intro > div,
.jak-directory-intro > aside { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,66px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-directory-intro > div { background: radial-gradient(circle at 90% 10%,rgba(184,255,54,.12),transparent 35%),var(--jak-card); }
.jak-directory-intro h2 { max-width: 760px; margin: 0; font-size: clamp(58px,6.4vw,94px); line-height: .83; text-transform: uppercase; }
.jak-directory-intro > div > p:last-child { max-width: 690px; margin: 25px 0 0; color: var(--jak-muted); font-size: 17px; line-height: 1.6; }
.jak-directory-intro > aside { border-color: rgba(255,44,145,.45); background: linear-gradient(145deg,rgba(255,44,145,.11),transparent 72%),var(--jak-card); }
.jak-directory-intro aside strong { max-width: 390px; font-family: var(--jak-heading); font-size: 36px; line-height: .95; text-transform: uppercase; }
.jak-directory-intro aside p { margin: 18px 0 25px; color: var(--jak-muted); line-height: 1.55; }
.jak-directory-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.jak-directory-filters a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 16px; border: 1px solid var(--jak-line); border-radius: 999px; color: var(--jak-muted); font-size: 10px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-directory-filters a:hover,
.jak-directory-filters a.is-active { border-color: var(--jak-pink); background: var(--jak-pink); color: #090a0c; }
.jak-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.jak-directory-grid > article { min-height: 330px; display: flex; align-items: flex-start; flex-direction: column; padding: 27px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); transition: transform .2s ease,border-color .2s ease; }
.jak-directory-grid > article:hover { transform: translateY(-3px); border-color: rgba(255,44,145,.55); }
.jak-directory-grid article > div:first-child > p { margin: 0 0 10px; color: var(--jak-pink); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.jak-directory-grid h3 { margin: 0 0 14px; font-size: 32px; text-transform: uppercase; }
.jak-directory-grid article > div:first-child > span { display: inline-flex; align-items: center; gap: 7px; color: var(--jak-muted); font-size: 11px; }
.jak-directory-grid article > div:first-child svg { width: 15px; height: 15px; fill: none; stroke: var(--jak-pink); }
.jak-directory-grid article > p { margin: 24px 0 13px; color: var(--jak-muted); line-height: 1.6; }
.jak-directory-grid article > small { display: block; padding: 10px 12px; border-radius: 9px; background: var(--jak-card-raised); color: var(--jak-ink); font-size: 11px; line-height: 1.45; }
.jak-directory-grid article > footer { width: 100%; display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: auto; padding-top: 25px; border-top: 1px solid var(--jak-line); }
.jak-directory-grid article > footer a { color: var(--jak-pink); font-size: 10px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-directory-note { margin: 0; padding: 18px 22px; border-radius: 12px; background: var(--jak-card); color: var(--jak-muted); font-size: 12px; line-height: 1.5; }

.jak-home-hero { position: relative; height: clamp(650px, 52vw, 760px); min-height: 650px; overflow: hidden; background: #08090b; color: #fff; }
.jak-home-hero__track,
.jak-home-hero__slide { min-height: inherit; }
.jak-home-hero__slide { position: absolute; inset: 0; visibility: hidden; opacity: 0; transition: opacity .65s ease, visibility .65s ease; }
.jak-home-hero__slide.is-active { position: relative; visibility: visible; opacity: 1; }
.jak-home-hero__slide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.jak-home-hero__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,6,8,.95) 0%, rgba(5,6,8,.87) 33%, rgba(5,6,8,.38) 63%, rgba(5,6,8,.2) 100%), linear-gradient(0deg, rgba(5,6,8,.7), transparent 46%); }
.jak-home-hero__inner { width: min(var(--jak-content, 1420px), calc(100% - (var(--jak-gutter, 64px) * 2))); min-height: inherit; display: flex; align-items: center; margin-inline: auto; padding-block: 80px 125px; }
.jak-home-hero__inner { position: relative; z-index: 2; justify-content: space-between; }
.jak-home-hero__copy { width: min(690px, 62%); }
.jak-home-hero__copy > p { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--jak-pink, #ff2c91); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.jak-home-hero__copy > p::before { width: 30px; height: 2px; content: ''; background: currentColor; }
.jak-home-hero__copy h1 { max-width: 690px; margin: 0; color: #fff; font-size: clamp(66px, 7vw, 108px); letter-spacing: -.045em; line-height: .79; text-transform: uppercase; }
.jak-home-hero__copy > div { width: min(540px, 100%); margin-top: 24px; color: #d3d4d7; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.48; }
.jak-home-hero__copy nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.jak-home-hero__note { position: absolute; right: 0; bottom: 122px; width: 255px; display: flex; align-items: center; gap: 13px; padding: 17px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(8,18,13,.78); backdrop-filter: blur(12px); }
.jak-home-hero__note i { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 9px; background: var(--jak-green,#b8ff36); color: #111; }.jak-home-hero__note svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.jak-home-hero__note span { display: flex; flex-direction: column; gap: 3px; }.jak-home-hero__note strong { color: #fff; font-size: 12px; }.jak-home-hero__note small { color: #b7bab9; font-size: 9px; line-height: 1.35; }
.jak-home-hero__controls { position: absolute; right: max(var(--jak-gutter, 64px), calc((100% - var(--jak-content, 1420px))/2)); bottom: 36px; left: max(var(--jak-gutter, 64px), calc((100% - var(--jak-content, 1420px))/2)); z-index: 5; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.jak-home-hero__controls > div,
.jak-home-hero__controls > nav { display: flex; align-items: center; gap: 10px; pointer-events: auto; }
.jak-home-hero__controls button { border: 0; background: transparent; color: #fff; }
.jak-home-hero__controls > div button { width: 42px; height: 16px; padding: 6px 0; }
.jak-home-hero__controls > div span { display: block; height: 2px; background: rgba(255,255,255,.35); }
.jak-home-hero__controls > div button.is-active span { background: var(--jak-pink, #ff2c91); }
.jak-home-hero__controls > nav button { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }
.jak-home-hero__controls > nav span { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.jak-home-service-strip { min-height: 94px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; overflow-x: auto; border-bottom: 1px solid var(--jak-line, rgba(255,255,255,.11)); background: var(--jak-page-alt, #101216); scrollbar-width: none; }
.jak-home-service-strip::-webkit-scrollbar { display: none; }
.jak-home-service-strip > div { min-height: 48px; display: flex; align-items: center; gap: 14px; padding: 0 24px; border-right: 1px solid var(--jak-line, rgba(255,255,255,.11)); }
.jak-home-service-strip > div:first-child { padding-left: max(var(--jak-gutter, 64px), calc((100vw - var(--jak-content, 1420px))/2)); }
.jak-home-service-strip > div:last-child { padding-right: max(var(--jak-gutter, 64px), calc((100vw - var(--jak-content, 1420px))/2)); border-right: 0; }
.jak-home-service-strip i { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: var(--jak-pink, #ff2c91); font-style: normal; }
.jak-home-service-strip i svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.jak-home-service-strip span { display: flex; flex-direction: column; gap: 3px; }
.jak-home-service-strip strong { color: var(--jak-ink, #f7f4ee); font-size: 12px; }
.jak-home-service-strip small { color: var(--jak-muted, #aeb0b6); font-size: 10px; }

.jak-departments-home > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }.jak-departments-home > header > div > p { margin: 0 0 12px; color: var(--jak-pink); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }.jak-departments-home > header h2 { margin: 0; font-size: clamp(46px,5.3vw,78px); letter-spacing: -.035em; line-height: .86; text-transform: uppercase; }.jak-departments-home > header > p { width: min(480px,100%); margin: 0; color: var(--jak-muted); font-size: 17px; line-height: 1.55; }
.jak-department-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 340px; gap: 16px; }
.jak-department-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: var(--jak-radius, 18px); background: var(--jak-card, #15171c); color: #fff; }
.jak-department-card.wide { grid-column: span 2; }
.jak-department-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) contrast(1.05); transition: transform .45s ease, filter .3s ease; }
.jak-department-card:hover img { transform: scale(1.05); filter: saturate(1.08) contrast(1.05); }
.jak-department-card > span { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,8,10,.96), rgba(7,8,10,.08) 74%); }
.jak-department-card > i { position: absolute; z-index: 2; top: 16px; left: 16px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: var(--jak-pink); color: #090a0c; }.jak-department-card > i svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.jak-department-card > div { position: absolute; right: 19px; bottom: 19px; left: 19px; display: flex; flex-direction: column; gap: 4px; }
.jak-department-card strong { font-family: var(--jak-heading, sans-serif); font-size: 31px; line-height: 1; text-transform: uppercase; }
.jak-department-card small { padding-right: 28px; color: #c9c9cc; font-size: 10px; line-height: 1.4; text-transform: uppercase; }
.jak-department-card > b { position: absolute; right: 20px; bottom: 24px; color: var(--jak-pink, #ff2c91); font-size: 20px; transform: translateX(-6px); opacity: 0; transition: .2s ease; }
.jak-department-card:hover > b { transform: translateX(0); opacity: 1; }

.jak-brand-rail { overflow: hidden; padding: 30px 0; mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.jak-brand-rail > div { width: max-content; display: flex; align-items: center; gap: 62px; animation: jak-brand-scroll 28s linear infinite; }
.jak-brand-rail a,
.jak-brand-rail span { color: var(--jak-ink, #f7f4ee); font-family: var(--jak-heading, sans-serif); font-size: 25px; font-weight: 800; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; white-space: nowrap; opacity: .75; }
@keyframes jak-brand-scroll { to { transform: translateX(-50%); } }

.jak-promo-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.jak-promo-grid article { min-height: 400px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 68px); border-radius: 24px; }
.jak-promo-grid article:first-child { background: var(--jak-pink, #ff2c91); color: #090a0c; }
.jak-promo-grid article:last-child { border: 1px solid var(--jak-line, rgba(255,255,255,.11)); background: var(--jak-card, #15171c); color: var(--jak-ink, #f7f4ee); }
.jak-promo-grid p { margin: 0 0 13px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.jak-promo-grid h2 { margin: 0; color: inherit; font-size: clamp(54px, 6vw, 86px); line-height: .82; text-transform: uppercase; }
.jak-promo-grid article > div { width: min(500px, 90%); margin: 24px 0 30px; font-size: 15px; line-height: 1.55; }

.jak-preview-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.jak-preview-products article { overflow: hidden; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: var(--jak-radius, 18px); background: var(--jak-card, #15171c); }
.jak-preview-products article > div { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--jak-card-raised, #1a1d22); }
.jak-preview-products img { width: 100%; height: 100%; object-fit: cover; }
.jak-preview-products article > div span { position: absolute; top: 13px; left: 13px; padding: 6px 9px; border-radius: 999px; background: var(--jak-green, #b8ff36); color: #090a0c; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.jak-preview-products section { display: grid; gap: 9px; padding: 20px; }
.jak-preview-products p { margin: 0; color: var(--jak-muted, #aeb0b6); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.jak-preview-products h3 { min-height: 48px; margin: 0; font-size: 25px; text-transform: uppercase; }
.jak-preview-products strong { color: var(--jak-ink, #f7f4ee); font-size: 18px; }
.jak-preview-products button { min-height: 44px; border: 0; border-radius: 9px; background: var(--jak-pink, #ff2c91); color: #090a0c; font-size: 10px; font-weight: 800; text-transform: uppercase; opacity: .9; }
.jak-product-showcase > nav { display: flex; gap: 34px; margin-bottom: 28px; border-bottom: 1px solid var(--jak-line, rgba(255,255,255,.11)); overflow-x: auto; }
.jak-product-showcase > nav button { min-height: 52px; padding: 0; border: 0; background: transparent; color: var(--jak-muted, #aeb0b6); font-size: 12px; font-weight: 800; letter-spacing: .08em; white-space: nowrap; text-transform: uppercase; }
.jak-product-showcase > nav button[aria-selected='true'] { color: var(--jak-ink, #f7f4ee); box-shadow: inset 0 -3px var(--jak-pink, #ff2c91); }
.jak-product-showcase [hidden] { display: none !important; }

.jak-department-page { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(64px, 6.5vw, 94px); overflow-x: clip; }
.jak-department-feature { width: 100%; min-width: 0; height: clamp(360px, 27vw, 430px); min-height: 360px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); overflow: hidden; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: 24px; background: var(--jak-card, #15171c); }
.jak-department-feature > img { width: 100%; min-width: 0; height: 100%; min-height: 0; object-fit: cover; }
.jak-department-feature > div { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(32px, 4.2vw, 58px); }
.jak-department-feature h1,
.jak-department-feature h2,
.jak-department-shop h2,
.jak-department-help h2 { margin: 0; color: var(--jak-ink, #f7f4ee); font-size: clamp(48px, 5.5vw, 82px); line-height: .86; text-transform: uppercase; }
.jak-department-feature h1 { max-width: 720px; font-size: clamp(48px, 4.7vw, 70px); }
.jak-department-feature > div > p:not(.jak-panel-kicker),
.jak-department-help > div > p:not(.jak-panel-kicker) { max-width: 570px; margin: 20px 0 26px; color: var(--jak-muted, #aeb0b6); font-size: 16px; line-height: 1.6; }
.jak-department-path-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.jak-department-path-grid > a { min-height: 250px; display: flex; align-items: flex-start; flex-direction: column; padding: 28px; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: 18px; background: var(--jak-card, #15171c); color: var(--jak-ink, #f7f4ee); text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.jak-department-path-grid > a:hover { transform: translateY(-4px); border-color: rgba(255,44,145,.55); background: var(--jak-card-raised, #1a1d22); }
.jak-department-path-grid span { margin-bottom: auto; color: var(--jak-pink, #ff2c91); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.jak-department-path-grid h3 { margin: 38px 0 10px; color: inherit; font-size: 29px; line-height: 1; text-transform: uppercase; }
.jak-department-path-grid p { margin: 0 0 22px; color: var(--jak-muted, #aeb0b6); font-size: 14px; line-height: 1.5; }
.jak-department-path-grid b { color: var(--jak-pink, #ff2c91); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.jak-department-shop { min-width: 0; }
.jak-department-shop > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.jak-department-shop > header > a { color: var(--jak-ink, #f7f4ee); font-size: 12px; font-weight: 800; text-decoration: none; }
.jak-department-shop .woocommerce { width: 100%; }
.jak-product-rail { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; padding: 2px 2px 18px; scrollbar-color: var(--jak-pink, #ff2c91) var(--jak-card, #15171c); scrollbar-width: thin; }
.jak-product-rail .products { width: max-content; min-width: 100%; display: flex !important; flex-wrap: nowrap !important; gap: 16px; margin: 0 !important; }
.jak-product-rail .products > .product { width: clamp(255px, 22vw, 330px) !important; min-width: clamp(255px, 22vw, 330px); margin: 0 !important; scroll-snap-align: start; }
.jak-product-rail { scroll-snap-type: x proximity; }
.jak-department-promo { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.jak-department-promo > div,
.jak-department-promo > aside { min-height: 390px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(36px, 5vw, 68px); border-radius: 24px; }
.jak-department-promo > div { position: relative; overflow: hidden; background-color: var(--jak-pink, #ff2c91); background-image: linear-gradient(rgba(9,10,12,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(9,10,12,.045) 1px,transparent 1px); background-size: 34px 34px; color: #090a0c; }
.jak-department-promo > div::after { position: absolute; right: -42px; bottom: -115px; width: 280px; height: 280px; border: 14px solid rgba(9,10,12,.16); border-radius: 50%; content: ''; }
.jak-department-promo > div::before { position: absolute; right: 62px; bottom: -28px; width: 22px; height: 185px; border-radius: 12px 12px 0 0; background: rgba(9,10,12,.16); box-shadow: -82px -28px 0 -7px rgba(9,10,12,.16),-112px 70px 0 -7px rgba(9,10,12,.16); content: ''; }
.jak-department-promo > div > * { position: relative; z-index: 1; }
.jak-department-promo h2 { max-width: 780px; margin: 0; color: #090a0c; font-size: clamp(50px, 5.5vw, 82px); line-height: .86; text-transform: uppercase; }
.jak-department-promo > div > p:not(.jak-panel-kicker) { max-width: 640px; margin: 24px 0 30px; font-size: 16px; line-height: 1.55; }
.jak-department-promo > aside { border: 1px solid var(--jak-line, rgba(255,255,255,.11)); background: var(--jak-card, #15171c); }
.jak-department-promo aside span { color: var(--jak-green, #b8ff36); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.jak-department-promo aside strong { max-width: 430px; margin: 22px 0 36px; color: var(--jak-ink, #f7f4ee); font-family: var(--jak-heading, sans-serif); font-size: clamp(34px, 3.3vw, 52px); line-height: .95; text-transform: uppercase; }
.jak-department-promo aside a { color: var(--jak-pink, #ff2c91); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.jak-department-guides > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.jak-department-guides h2 { margin: 0; color: var(--jak-ink, #f7f4ee); font-size: clamp(48px, 5.5vw, 82px); line-height: .86; text-transform: uppercase; }
.jak-department-guides > header > a { color: var(--jak-ink, #f7f4ee); font-size: 12px; font-weight: 800; text-decoration: none; }
.jak-department-guides > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.jak-department-guides > div > a { min-height: 285px; display: flex; align-items: flex-start; flex-direction: column; padding: 28px; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: 18px; background: var(--jak-card, #15171c); color: var(--jak-ink, #f7f4ee); text-decoration: none; }
.jak-department-guides span { margin-bottom: auto; color: var(--jak-green, #b8ff36); font-size: 12px; font-weight: 900; }
.jak-department-guides p { margin: 25px 0 8px; color: var(--jak-pink, #ff2c91); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.jak-department-guides h3 { margin: 0 0 24px; color: inherit; font-size: 30px; line-height: 1; text-transform: uppercase; }
.jak-department-guides b { color: var(--jak-muted, #aeb0b6); font-size: 10px; text-transform: uppercase; }
.jak-department-help { min-height: 330px; display: flex; align-items: center; justify-content: space-between; gap: 42px; padding: clamp(38px, 6vw, 78px); border-radius: 24px; background: var(--jak-pink, #ff2c91); color: #090a0c; }
.jak-department-help h2,
.jak-department-help .jak-panel-kicker,
.jak-department-help > div > p:not(.jak-panel-kicker) { color: #090a0c; }
.jak-department-help .jak-button--green { flex: 0 0 auto; background: var(--jak-green, #b8ff36); color: #090a0c; }
body.jonaths-coming-soon-template { margin: 0; min-height: 100svh; overflow-x: hidden; background: #050607; color: var(--jak-ink,#f7f4ee); }
body.jonaths-coming-soon-template .jak-coming-shell { min-height: 100svh; display: grid; place-items: center; padding: clamp(18px,2.4vw,34px); }
.jak-coming-login { position: fixed; top: 18px; right: 18px; z-index: 30; padding: 10px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(5,6,7,.78); color: #f7f4ee; font-size: 11px; font-weight: 800; text-decoration: none; backdrop-filter: blur(10px); }
.jak-coming-login:hover { border-color: var(--jak-pink,#ff2c91); color: var(--jak-pink,#ff2c91); }
.jak-coming-soon-stage { width: min(1760px,100%); }
.jak-coming-brand { display: block; width: min(370px,65vw); max-height: 145px; margin: 0 auto 18px; object-fit: contain; filter: drop-shadow(0 16px 30px rgba(0,0,0,.5)); animation: jak-logo-float 7s ease-in-out infinite; }
.jak-coming-soon { width: 100%; min-height: min(780px,calc(100svh - 205px)); display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); overflow: hidden; border: 1px solid var(--jak-line, rgba(255,255,255,.11)); border-radius: 26px; background: var(--jak-card, #15171c); }
.jak-coming-soon__hero { position: relative; min-height: 700px; display: flex; align-items: flex-end; overflow: hidden; }
.jak-coming-soon__hero > img,
.jak-coming-soon__scrim { position: absolute; inset: 0; width: 100%; height: 100%; }
.jak-coming-soon__hero > img { object-fit: cover; object-position: 58% center; transform: scale(1.03); animation: jak-animal-drift 24s ease-in-out infinite alternate; }
.jak-coming-soon__scrim { background: linear-gradient(90deg,rgba(6,8,10,.96) 0%,rgba(6,8,10,.78) 45%,rgba(6,8,10,.08) 100%),linear-gradient(0deg,rgba(6,8,10,.78),transparent 52%); }
.jak-coming-soon__hero > div { position: relative; z-index: 1; width: 100%; padding: clamp(38px,6vw,86px); }
.jak-coming-soon__logo { width: min(420px, 70vw); height: auto; max-height: 170px; object-fit: contain; object-position: left center; margin: 0 0 28px; filter: drop-shadow(0 18px 34px rgba(0,0,0,.42)); }
.jak-coming-soon__hero h1 { max-width: 820px; margin: 0; color: var(--jak-ink,#f7f4ee); font-size: clamp(52px,5.4vw,84px); line-height: .88; letter-spacing: -.025em; text-transform: uppercase; text-wrap: balance; }
.jak-coming-soon__hero > div > p:not(.jak-panel-kicker) { max-width: 640px; margin: 28px 0; color: #d7d8dc; font-size: 17px; line-height: 1.65; }
.jak-coming-soon__hero nav { display: flex; flex-wrap: wrap; gap: 10px; }
.jak-coming-soon__hero nav .jak-button { min-width: 190px; padding-inline: 22px; white-space: nowrap; }
.jak-coming-soon__hero nav .jak-button svg { width: 18px; height: 18px; flex: 0 0 18px; }
.jak-coming-soon__hero nav .jak-button--outline { background: rgba(8,9,11,.55); }
.jak-coming-soon__socials { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.jak-coming-soon__socials a { min-height: 42px; display: inline-flex; align-items: center; gap: 9px; padding: 0 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(8,9,11,.42); color: var(--jak-ink,#f7f4ee); font-size: 10px; font-weight: 900; letter-spacing: .08em; line-height: 1; text-decoration: none; text-transform: uppercase; }
.jak-coming-soon__socials a:hover { border-color: var(--jak-pink,#ff2c91); color: var(--jak-pink,#ff2c91); }
.jak-coming-soon__socials svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.jak-coming-soon > aside { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(34px,4.5vw,66px); background: linear-gradient(160deg,rgba(255,44,145,.09),transparent 45%),var(--jak-card,#15171c); }
.jak-coming-soon > aside > .jak-panel-kicker { color: var(--jak-pink,#ff2c91); }
.jak-countdown { width: 100%; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 12px 0 18px; }
.jak-countdown > div { min-height: 108px; display: flex; align-items: center; flex-direction: column; justify-content: center; border: 1px solid var(--jak-line,rgba(255,255,255,.11)); border-radius: 15px; background: #0c0e12; }
.jak-countdown strong { color: var(--jak-ink,#f7f4ee); font-family: var(--jak-heading,sans-serif); font-size: 44px; line-height: 1; }
.jak-countdown span { margin-top: 7px; color: var(--jak-muted,#aeb0b6); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.jak-coming-soon__date { margin: 0 0 28px; color: var(--jak-muted,#aeb0b6); font-size: 12px; line-height: 1.55; }
.jak-coming-soon aside hr { width: 100%; margin: 0 0 28px; border: 0; border-top: 1px solid var(--jak-line,rgba(255,255,255,.11)); }
.jak-coming-soon aside > span { color: var(--jak-green,#b8ff36); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.jak-coming-soon aside > strong { margin: 20px 0 24px; color: var(--jak-ink,#f7f4ee); font-family: var(--jak-heading,sans-serif); font-size: 30px; line-height: 1.05; text-transform: uppercase; }
.jak-coming-soon dl { width: 100%; margin: 0 0 24px; }
.jak-coming-soon dl > div { min-height: 54px; display: grid; grid-template-columns: 82px 1fr; gap: 12px; align-items: center; border-top: 1px solid var(--jak-line,rgba(255,255,255,.11)); }
.jak-coming-soon dt { color: var(--jak-muted,#aeb0b6); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.jak-coming-soon dd { margin: 0; color: var(--jak-ink,#f7f4ee); font-size: 12px; font-weight: 800; }
.jak-coming-soon__aside-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.jak-coming-soon__aside-actions .jak-button { min-height: 48px; padding-inline: 18px; white-space: nowrap; }
.jak-coming-soon__aside-actions svg { width: 18px; height: 18px; flex: 0 0 18px; }

@keyframes jak-logo-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes jak-animal-drift { 0% { transform: scale(1.03) translate3d(0,0,0); } 100% { transform: scale(1.075) translate3d(-1.2%,.6%,0); } }
@media (prefers-reduced-motion: reduce) {
  .jak-coming-brand,
  .jak-coming-soon__hero > img { animation: none; }
}

@media (max-width: 1024px) {
	.jak-policy-links > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jak-content-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jak-department-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jak-preview-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jak-department-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jak-department-guides > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jak-blog-category-cards,
  .jak-booking-services > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jak-booking-selected { grid-template-columns: 1fr; }
  .jak-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Square-first livestock marketplace. These records render as premium listings,
   while Square remains the intended operational catalogue. */
.jak-livestock-market { display: grid; gap: clamp(34px,5vw,66px); }
.jak-livestock-market__intro { min-height: 330px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.jak-livestock-market__intro > div,
.jak-livestock-market__intro > aside { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,64px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg,24px); background: var(--jak-card); }
.jak-livestock-market__intro > aside { background: linear-gradient(145deg,rgba(184,255,54,.12),transparent 72%),var(--jak-card); }
.jak-livestock-market__intro h2 { max-width: 850px; margin: 0; font-size: clamp(48px,5vw,72px); line-height: .88; text-transform: uppercase; }
.jak-livestock-market__intro p:not(.jak-panel-kicker) { max-width: 720px; margin: 22px 0 0; color: var(--jak-muted); font-size: 16px; line-height: 1.62; }
.jak-livestock-market__intro aside strong { font-family: var(--jak-heading); font-size: 31px; text-transform: uppercase; }
.jak-livestock-market__intro aside p { margin-top: 15px !important; }
.jak-livestock-filters { min-height: 104px; display: flex; align-items: flex-end; gap: 12px; padding: 18px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-livestock-filters label { min-width: min(260px,100%); display: grid; gap: 7px; }
.jak-livestock-filters label span { color: var(--jak-muted); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.jak-livestock-filters select { min-height: 48px; padding-inline: 14px; border: 1px solid var(--jak-line); border-radius: 11px; background: var(--jak-page,#090a0c); color: var(--jak-ink); }
.jak-livestock-filters > a { min-height: 48px; display: inline-flex; align-items: center; padding-inline: 13px; color: var(--jak-muted); font-size: 10px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.jak-content-cards--livestock-market { grid-template-columns: repeat(3,minmax(0,1fr)); }
.jak-content-cards--livestock-market .jak-content-card__media { aspect-ratio: 1; }
.jak-content-cards--livestock-market .jak-content-card__body { min-height: 310px; align-content: start; }
.jak-content-cards--livestock-market .jak-content-card__body h3 { font-size: clamp(28px,2.4vw,36px); }
.jak-livestock-chips { display: flex !important; flex-wrap: wrap; gap: 6px; }
.jak-livestock-chips span { display: inline-flex; align-items: center; min-height: 28px; padding: 0 9px; border: 1px solid var(--jak-line); border-radius: 999px; color: var(--jak-ink); font-size: 9px; font-weight: 800; line-height: 1.2; }
.jak-listing-code { color: var(--jak-green); font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }

/* Faster search feedback without introducing layout movement. */
.jak-search-suggestions.is-loading::before { position: absolute; z-index: 3; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--jak-pink),transparent); content: ''; animation: jak-search-progress .7s linear infinite; }
@keyframes jak-search-progress { from { transform: translateX(-60%); } to { transform: translateX(60%); } }

/* Editorial display should be premium and readable, not billboard-sized. */
.jak-blog-category-section h2,
.jak-blog-archive h2 { font-size: clamp(42px,4.5vw,64px); }

@media (max-width: 767px) {
	.jak-policy-links { padding: 20px; }
	.jak-policy-links > div { grid-template-columns: 1fr; }
  .jak-livestock-market { gap: 30px; }
  .jak-livestock-market__intro { min-height: 0; grid-template-columns: 1fr; gap: 12px; }
  .jak-livestock-market__intro > div,
  .jak-livestock-market__intro > aside { min-height: 250px; padding: 28px 22px; border-radius: 16px; }
  .jak-livestock-market__intro h2 { font-size: 47px; }
  .jak-livestock-filters { align-items: stretch; flex-direction: column; padding: 14px; }
  .jak-livestock-filters label { width: 100%; }
  .jak-livestock-filters .jak-button { width: 100%; }

  /* Swipeable rails for compact mobile browsing. The WooCommerce shop keeps its
     dedicated two-column/filter layout because none of these selectors target it. */
  .jak-content-cards,
  .jak-blog-category-cards,
  .jak-faq-category-cards,
  .jak-booking-services > div,
  .jak-directory-grid,
  .jak-department-guides > div,
  .jak-preview-products { display: flex; overflow-x: auto; gap: 12px; padding: 2px 2px 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .jak-content-cards::-webkit-scrollbar,
  .jak-blog-category-cards::-webkit-scrollbar,
  .jak-faq-category-cards::-webkit-scrollbar,
  .jak-booking-services > div::-webkit-scrollbar,
  .jak-directory-grid::-webkit-scrollbar,
  .jak-department-guides > div::-webkit-scrollbar,
  .jak-preview-products::-webkit-scrollbar { display: none; }
  .jak-content-cards > *,
  .jak-blog-category-cards > *,
  .jak-faq-category-cards > *,
  .jak-booking-services > div > *,
  .jak-directory-grid > *,
  .jak-department-guides > div > *,
  .jak-preview-products > * { width: min(78vw,310px); min-width: min(78vw,310px); flex: 0 0 min(78vw,310px); scroll-snap-align: start; }
  .jak-content-cards--livestock-market .jak-content-card__body { min-height: 285px; }
}
@media (max-width: 767px) {
	.jak-store-contact,
	.jak-info-grid,
	.jak-information-cards { grid-template-columns: 1fr; }
	.jak-information-page > header { min-height: 0; padding: 32px 24px; }
	.jak-information-page > header h2 { font-size: 48px; }
	.jak-information-page > header > p:last-child { margin-top: 18px; font-size: 15px; }
	.jak-information-cards article { min-height: 0; padding: 28px 24px; }
	.jak-information-cards h3 { font-size: 29px; }
	.jak-faq-page summary { min-height: 68px; font-size: 20px; }
	.jak-info-grid > section:first-child { grid-column: auto; }
	.jak-map-panel { min-height: 420px; }
	.jak-map-panel iframe { min-height: 340px; }
	.jak-store-card dl > div { grid-template-columns: 82px 1fr; }
  .jak-content-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .jak-content-card__body { padding: 16px; }
  .jak-content-card__body h3 { font-size: 24px; }
  .jak-blog-category-section > header,
  .jak-blog-archive > header,
  .jak-booking-services > header { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 24px; }
  .jak-blog-archive > header nav { justify-content: flex-start; }
  .jak-blog-category-cards,
  .jak-faq-category-cards,
  .jak-booking-services > div,
  .jak-content-cards--blog { grid-template-columns: 1fr; }
  .jak-content-cards--blog .jak-content-card__body { min-height: 0; }
  .jak-faq-groups > section > header small { display: block; line-height: 1.4; }
  .jak-booking-intro { min-height: 0; grid-template-columns: 1fr; }
  .jak-booking-intro > div,
  .jak-booking-intro > aside,
  .jak-booking-selected > div,
  .jak-booking-placeholder { padding: 30px 22px; border-radius: 16px; }
  .jak-booking-placeholder { min-height: 430px; }
  .jak-blog-search > div { grid-template-columns: 44px minmax(0,1fr); overflow: visible; }
  .jak-blog-search button { grid-column: 1/-1; min-height: 50px; border-radius: 0 0 13px 13px; }
  .jak-directory-intro { min-height: 0; grid-template-columns: 1fr; }
  .jak-directory-intro > div,
  .jak-directory-intro > aside { padding: 30px 22px; border-radius: 16px; }
  .jak-directory-grid { grid-template-columns: 1fr; }
  .jak-home-hero { height: 660px; min-height: 660px; }
  .jak-home-hero__slide { min-height: 660px; display: block; padding-top: 245px; background: #08090b; }
  .jak-home-hero__slide > img { height: 270px; object-position: center !important; }
  .jak-home-hero__overlay { height: 271px; bottom: auto; background: linear-gradient(0deg, #08090b 0%, rgba(8,9,11,.18) 38%, rgba(8,9,11,.08) 100%); }
  .jak-home-hero__inner { width: calc(100% - 28px); min-height: 415px; align-items: flex-start; padding: 42px 0 100px; }
  .jak-home-hero__copy { width: 100%; }
  .jak-home-hero__copy h1 { max-width: 100%; font-size: clamp(50px, 15.6vw, 68px); line-height: .8; }
  .jak-home-hero__copy > p { margin-bottom: 13px; font-size: 10px; }
  .jak-home-hero__copy > div { max-width: 570px; margin-top: 20px; font-size: 14px; line-height: 1.42; }
  .jak-home-hero__copy nav { margin-top: 25px; }
  .jak-home-hero__note { display: none; }
  .jak-home-hero__controls { right: 18px; bottom: 28px; left: 18px; }
  .jak-home-service-strip { min-height: 84px; display: flex; scroll-snap-type: x mandatory; }
  .jak-home-service-strip > div { min-width: 82vw; padding: 0 20px !important; scroll-snap-align: start; }
  .jak-department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 230px; gap: 12px; }
  .jak-department-card.wide { grid-column: span 2; }
  .jak-department-card strong { font-size: 25px; }
  .jak-departments-home > header { align-items: flex-start; flex-direction: column; gap: 20px; }.jak-departments-home > header > p { width: 100%; font-size: 15px; }
  .jak-promo-grid { grid-template-columns: 1fr; }
  .jak-promo-grid article { min-height: 360px; }
  .jak-preview-products { gap: 12px; }
  .jak-preview-products section { padding: 15px; }
  .jak-preview-products h3 { font-size: 21px; }
  .jak-department-page { gap: 48px; }
  .jak-department-feature { height: auto; min-height: 0; grid-template-columns: minmax(0, 1fr); }
  .jak-department-feature > img { min-height: 0; aspect-ratio: 16 / 10; }
  .jak-department-feature > div { padding: 28px 22px 32px; }
  .jak-department-feature h1,
  .jak-department-feature h2,
  .jak-department-shop h2,
  .jak-department-help h2 { font-size: 45px; }
  .jak-department-feature > div > p:not(.jak-panel-kicker) { margin: 16px 0 22px; font-size: 15px; }
  .jak-department-path-grid { grid-template-columns: 1fr; gap: 12px; }
  .jak-department-path-grid > a { min-height: 220px; }
  .jak-department-shop > header { align-items: flex-start; flex-direction: column; }
  .jak-department-promo { grid-template-columns: 1fr; }
  .jak-department-promo > div,
  .jak-department-promo > aside { min-height: 350px; }
  .jak-department-promo h2 { font-size: 48px; }
  .jak-product-rail .products > .product { width: 78vw !important; min-width: 78vw; }
  .jak-department-guides > header { align-items: flex-start; flex-direction: column; }
  .jak-department-guides > div { grid-template-columns: 1fr; }
  .jak-department-help { align-items: flex-start; flex-direction: column; }
  .jak-coming-soon { min-height: 0; grid-template-columns: 1fr; border-radius: 18px; }
  .jak-coming-brand { width: min(310px,72vw); max-height: 118px; margin-bottom: 14px; }
  .jak-coming-soon__hero { min-height: 630px; align-items: flex-end; }
  .jak-coming-soon__hero > img { object-position: 66% center; }
  .jak-coming-soon__scrim { background: linear-gradient(0deg,rgba(6,8,10,.98) 0%,rgba(6,8,10,.68) 58%,rgba(6,8,10,.12) 100%); }
  .jak-coming-soon__hero > div,
  .jak-coming-soon > aside { padding: 34px 22px; }
  .jak-coming-soon__logo { width: min(330px, 82vw); max-height: 130px; margin-bottom: 22px; }
  .jak-coming-soon__hero h1 { font-size: clamp(44px,12vw,58px); line-height: .9; }
  .jak-coming-soon__hero > div > p:not(.jak-panel-kicker) { margin: 20px 0; font-size: 15px; }
  .jak-coming-soon__socials { gap: 8px; margin-top: 20px; }
  .jak-coming-soon__socials a { min-height: 38px; padding-inline: 11px; font-size: 9px; }
  .jak-coming-soon__aside-actions { width: 100%; }
  .jak-coming-soon__aside-actions .jak-button { flex: 1 1 150px; justify-content: center; }
  .jak-countdown > div { min-height: 92px; }
  .jak-countdown strong { font-size: 36px; }
}