/* Generated by build-storefront-assets.mjs. Edit the source files, not this bundle. */
/* theme.css */
:root {
  --jak-page: #090a0c;
  --jak-page-alt: #101216;
  --jak-card: #15171c;
  --jak-card-raised: #1a1d22;
  --jak-ink: #f7f4ee;
  --jak-muted: #aeb0b6;
  --jak-line: rgba(255,255,255,.11);
  --jak-pink: #ff2c91;
  --jak-green: #b8ff36;
  --jak-warning: #ffb020;
  --jak-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --jak-body: 'Barlow', Arial, sans-serif;
  --jak-radius-sm: 10px;
  --jak-radius: 18px;
  --jak-radius-lg: 24px;
  --jak-shadow: 0 24px 80px rgba(0,0,0,.32);
  --jak-content: 1420px;
  --jak-gutter: clamp(18px, 4vw, 64px);
  --jak-section: clamp(72px, 8vw, 112px);
}

/* Livestock marketplace detail: one image-led WYSIWYG record or one batch listing. */
.jak-livestock-detail { padding-bottom: var(--jak-section); background: var(--jak-page); color: var(--jak-ink); }
.jak-livestock-detail__hero { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr); gap: 18px; padding-block: 54px 18px; }
.jak-livestock-detail__media,
.jak-livestock-detail__summary,
.jak-livestock-detail__body > article,
.jak-livestock-detail__body > aside { border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-livestock-detail__media { position: relative; min-height: 660px; margin: 0; overflow: hidden; }
.jak-livestock-detail__media img { width: 100%; height: 100%; min-height: 660px; object-fit: cover; }
.jak-livestock-detail__media.is-placeholder { display: grid; place-items: center; background: radial-gradient(circle at 65% 30%,rgba(184,255,54,.18),transparent 36%),var(--jak-card); }
.jak-livestock-detail__media.is-placeholder > div { display: grid; gap: 7px; text-align: center; }.jak-livestock-detail__media.is-placeholder strong { font-family: var(--jak-heading); font-size: 40px; text-transform: uppercase; }.jak-livestock-detail__media.is-placeholder span { color: var(--jak-muted); }
.jak-livestock-detail__mode { position: absolute; top: 18px; left: 18px; padding: 9px 12px; border-radius: 999px; background: var(--jak-pink); color: #090a0c; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.jak-livestock-detail__summary { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(32px,5vw,68px); }
.jak-livestock-detail__topline { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 42px; }
.jak-livestock-detail__topline span { padding: 8px 11px; border-radius: 999px; background: var(--jak-green); color: #090a0c; font-size: 9px; font-weight: 900; text-transform: uppercase; }.jak-livestock-detail__topline small { color: var(--jak-green); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.jak-livestock-detail__summary h1 { max-width: 760px; margin: 0; font-size: clamp(50px,5.8vw,84px); line-height: .84; text-transform: uppercase; }
.jak-livestock-detail__scientific { margin: 17px 0 0; color: var(--jak-muted); font-size: 20px; font-style: italic; }
.jak-livestock-detail__lead { max-width: 650px; margin-top: 24px; color: var(--jak-muted); font-size: 16px; line-height: 1.62; }.jak-livestock-detail__lead p { margin: 0; }
.jak-livestock-detail__price { margin-top: 26px; color: var(--jak-ink); font-family: var(--jak-heading); font-size: 38px; }
.jak-livestock-detail__notice { display: grid; gap: 6px; margin-top: 28px; padding: 20px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-sm); background: var(--jak-page); }.jak-livestock-detail__notice b { color: var(--jak-ink); }.jak-livestock-detail__notice span { color: var(--jak-muted); font-size: 12px; line-height: 1.55; }
.jak-livestock-detail__actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.jak-livestock-detail__body { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.65fr); gap: 18px; }
.jak-livestock-detail__body > article,
.jak-livestock-detail__body > aside { padding: clamp(30px,4.5vw,60px); }
.jak-livestock-detail__body article h2 { margin: 1.3em 0 .42em; font-size: clamp(34px,3.8vw,50px); text-transform: uppercase; }.jak-livestock-detail__body article h2:first-of-type { margin-top: 0; }.jak-livestock-detail__body article p,.jak-livestock-detail__body article li { color: var(--jak-muted); font-size: 16px; line-height: 1.7; }
.jak-livestock-detail__body aside dl { margin: 0; }.jak-livestock-detail__body aside dl > div { min-height: 54px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 20px; border-top: 1px solid var(--jak-line); }.jak-livestock-detail__body aside dt { color: var(--jak-muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.jak-livestock-detail__body aside dd { margin: 0; color: var(--jak-ink); font-size: 13px; font-weight: 700; text-align: right; }

/* Compact premium editorial scale. */
.jak-editorial-detail--post .jak-detail-copy { min-height: 360px; padding: clamp(34px,5vw,62px); }
.jak-editorial-detail--post .jak-detail-copy h1 { max-width: 920px; font-size: clamp(46px,5.3vw,76px); line-height: .88; }
.jak-editorial-detail--post .jak-detail-media,
.jak-editorial-detail--post .jak-detail-media img { min-height: 310px; }
.jak-editorial-detail--post .jak-detail-article h2 { font-size: clamp(30px,3.1vw,43px); }
.jak-editorial-detail--post .jak-detail-article h3 { font-size: 25px; }
.jak-editorial-detail--post .jak-detail-article p,
.jak-editorial-detail--post .jak-detail-article li { font-size: 16px; line-height: 1.72; }
.jak-editorial-detail--post .jak-detail-article blockquote { font-size: 23px; }
.jak-related-articles > header h2 { font-size: clamp(38px,4.4vw,58px); }
.jak-related-articles h3 { font-size: 24px; }
.jak-guide-hero__copy,
.jak-guide-hero__media { min-height: 460px; }
.jak-guide-hero h1 { font-size: clamp(44px,5vw,72px); line-height: .87; }
.jak-guide-summary aside h2 { font-size: clamp(30px,3.2vw,43px); }
.jak-guide-facts strong { font-size: 22px; }
.jak-guide-article h2 { font-size: clamp(31px,3.5vw,45px); }
.jak-guide-article h3 { font-size: 25px; }
.jak-guide-article p,
.jak-guide-article li { font-size: 16px; line-height: 1.72; }
.jak-guide-sidebar h2 { font-size: 31px; }

@media (max-width: 980px) {
  .jak-livestock-detail__hero,
  .jak-livestock-detail__body { grid-template-columns: 1fr; }
  .jak-livestock-detail__media { min-height: 0; aspect-ratio: 4/3; }
  .jak-livestock-detail__media img { min-height: 0; }
}
@media (max-width: 590px) {
  .jak-livestock-detail__hero { gap: 12px; padding-block: 24px 12px; }
  .jak-livestock-detail__media,
  .jak-livestock-detail__summary,
  .jak-livestock-detail__body > article,
  .jak-livestock-detail__body > aside { border-radius: 16px; }
  .jak-livestock-detail__media { aspect-ratio: 1; }
  .jak-livestock-detail__summary,
  .jak-livestock-detail__body > article,
  .jak-livestock-detail__body > aside { padding: 26px 20px; }
  .jak-livestock-detail__summary h1 { font-size: clamp(44px,13vw,59px); }
  .jak-livestock-detail__topline { align-items: flex-start; flex-direction: column; gap: 10px; margin-bottom: 28px; }
  .jak-livestock-detail__actions { width: 100%; }.jak-livestock-detail__actions .jak-button { width: 100%; }
  .jak-livestock-detail__body aside dl > div { align-items: flex-start; grid-template-columns: 1fr; gap: 5px; padding-block: 13px; }.jak-livestock-detail__body aside dd { text-align: left; }
  .jak-editorial-detail--post .jak-detail-copy { min-height: 300px; }
  .jak-editorial-detail--post .jak-detail-copy h1 { font-size: clamp(39px,12vw,52px); }
  .jak-editorial-detail--post .jak-detail-media,
  .jak-editorial-detail--post .jak-detail-media img { min-height: 220px; }
  .jak-related-articles > div { display: flex; overflow-x: auto; gap: 12px; padding-bottom: 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .jak-related-articles > div::-webkit-scrollbar { display: none; }
  .jak-related-articles article { width: min(78vw,310px); min-width: min(78vw,310px); flex: 0 0 min(78vw,310px); scroll-snap-align: start; }
  .jak-guide-hero h1 { font-size: clamp(39px,12vw,54px); }
  .jak-guide-article h2 { font-size: 32px; }
}

/* Reusable archives and information modules. */
.jak-blog-hub,
.jak-guide-hub,
.jak-species-hub,
.jak-directory,
.jak-information-page,
.jak-shipping-page { width: min(var(--jak-content),calc(100% - 2 * var(--jak-gutter))); margin-inline: auto; padding-block: clamp(54px,7vw,96px); color: var(--jak-ink); }
.jak-blog-category-section > header,
.jak-blog-archive > header,
.jak-guide-hub__hero,
.jak-guide-hub__tools,
.jak-species-hub > header,
.jak-directory-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.jak-blog-category-section h2,
.jak-blog-archive h2,
.jak-guide-hub h1,
.jak-species-hub h1,
.jak-directory h2,
.jak-information-page > header h2 { max-width: 930px; margin: 4px 0 0; font-family: var(--jak-heading); font-size: clamp(42px,5vw,72px); line-height: .9; text-transform: uppercase; }
.jak-blog-category-section > header > p,
.jak-guide-hub__hero > div > p,
.jak-species-hub > header > p,
.jak-information-page > header > p { max-width: 690px; color: var(--jak-muted); font-size: 16px; line-height: 1.65; }

.jak-blog-category-cards,
.jak-guide-hub__categories,
.jak-faq-category-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 28px 0 clamp(52px,7vw,88px); }
.jak-blog-category-cards > a,
.jak-guide-hub__categories > a,
.jak-faq-category-cards > a { min-height: 112px; display: flex; 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; }
.jak-blog-category-cards > a:hover,
.jak-guide-hub__categories > a:hover,
.jak-faq-category-cards > a:hover { transform: translateY(-3px); border-color: rgba(255,44,145,.65); }
.jak-blog-category-cards > a.is-active,
.jak-guide-hub__categories > a.is-active { border-color: var(--jak-pink); box-shadow: inset 0 0 0 1px var(--jak-pink); }
.jak-blog-category-cards > a > span,
.jak-faq-category-cards > a > span { width: 48px; height: 48px; display: grid; flex: 0 0 48px; place-items: center; border-radius: 14px; background: var(--jak-pink); color: #090a0c; }
.jak-blog-category-cards svg,
.jak-faq-category-cards svg { width: 22px; height: 22px; }
.jak-blog-category-cards > a > svg,
.jak-faq-category-cards > a > svg { width: 18px; margin-left: auto; }
.jak-blog-category-cards strong,
.jak-faq-category-cards strong,
.jak-guide-hub__categories strong { display: block; font-size: 16px; }
.jak-blog-category-cards small,
.jak-faq-category-cards small { display: block; margin-top: 5px; color: var(--jak-muted); font-size: 12px; line-height: 1.35; }

.jak-blog-search,
.jak-guide-hub__tools form { flex: 1; max-width: 760px; }
.jak-blog-search label,
.jak-guide-hub__tools label { display: block; margin-bottom: 8px; color: var(--jak-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.jak-blog-search > div,
.jak-guide-hub__tools form > div { min-height: 58px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; overflow: hidden; border: 1px solid var(--jak-line); border-radius: 16px; background: var(--jak-card); }
.jak-blog-search svg,
.jak-guide-hub__tools svg { width: 20px; height: 20px; margin-inline: auto; }
.jak-blog-search input,
.jak-guide-hub__tools input { height: 56px; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--jak-ink); font: inherit; }
.jak-blog-search button,
.jak-guide-hub__tools button { align-self: stretch; min-width: 126px; border: 0; background: var(--jak-pink); color: #090a0c; font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.jak-blog-archive > header nav,
.jak-species-hub > nav { display: flex; flex-wrap: wrap; gap: 8px; }
.jak-blog-archive > header nav a,
.jak-species-hub > nav a { padding: 10px 14px; border: 1px solid var(--jak-line); border-radius: 999px; color: var(--jak-muted); font-size: 12px; font-weight: 800; text-decoration: none; }
.jak-blog-archive > header nav a.is-active,
.jak-species-hub > nav a.is-active { border-color: var(--jak-pink); background: var(--jak-pink); color: #090a0c; }

.jak-content-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.jak-content-card { min-width: 0; overflow: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-content-card__media { display: block; overflow: hidden; aspect-ratio: 4/3; background: var(--jak-page); }
.jak-content-card__media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.jak-content-card:hover .jak-content-card__media img { transform: scale(1.025); }
.jak-content-card__body { display: flex; min-height: 270px; flex-direction: column; align-items: flex-start; padding: 22px; }
.jak-content-card__body > p { margin: 0 0 10px; color: var(--jak-pink); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.jak-content-card__meta { width: 100%; display: flex; justify-content: space-between; gap: 14px; color: var(--jak-muted); font-size: 10px; text-transform: uppercase; }
.jak-content-card h3 { margin: 12px 0; font-family: var(--jak-heading); font-size: clamp(25px,2.2vw,32px); line-height: .98; }
.jak-content-card h3 a { color: inherit; text-decoration: none; }
.jak-content-card__body > div:not(.jak-content-card__meta):not(.jak-livestock-chips) { color: var(--jak-muted); font-size: 14px; line-height: 1.55; }
.jak-content-card__link { margin-top: auto; padding-top: 20px; color: var(--jak-ink); font-size: 12px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.jak-content-card__link span { color: var(--jak-pink); }

.jak-guide-hub__hero { align-items: stretch; }
.jak-guide-hub__hero > div,
.jak-guide-hub__hero > aside { padding: clamp(28px,4vw,48px); border-radius: var(--jak-radius-lg); }
.jak-guide-hub__hero > div { flex: 1.35; background: var(--jak-pink); color: #090a0c; }
.jak-guide-hub__hero > aside { flex: .65; border: 1px solid var(--jak-line); background: var(--jak-card); color: var(--jak-muted); }
.jak-guide-hub__hero > div p { color: rgba(9,10,12,.78); }
.jak-guide-hub__categories { grid-template-columns: repeat(4,minmax(0,1fr)); }
.jak-guide-hub__categories > a { align-items: flex-start; flex-direction: column; }
.jak-guide-hub__categories span { color: var(--jak-pink); font-family: var(--jak-heading); font-size: 30px; }
.jak-guide-hub__tools { align-items: flex-end; margin-bottom: 26px; }
.jak-guide-hub__tools > a { color: var(--jak-ink); font-weight: 800; text-decoration: none; }

.jak-species-hub > header { align-items: flex-end; }
.jak-species-hub > nav { margin: 28px 0; }
.jak-content-cards--species .jak-content-card__media { aspect-ratio: 1/1; }

.jak-directory-intro > div,
.jak-directory-intro > aside { padding: clamp(26px,4vw,44px); border-radius: var(--jak-radius-lg); }
.jak-directory-intro > div { flex: 1.2; background: var(--jak-pink); color: #090a0c; }
.jak-directory-intro > aside { flex: .8; border: 1px solid var(--jak-line); background: var(--jak-card); }
.jak-directory-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0; }
.jak-directory-filters a { padding: 10px 14px; border: 1px solid var(--jak-line); border-radius: 999px; color: var(--jak-muted); text-decoration: none; }
.jak-directory-filters a.is-active { 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 { padding: 24px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-directory-grid h3 { margin: 8px 0; font-size: 26px; }
.jak-directory-grid p,
.jak-directory-grid small,
.jak-directory-note { color: var(--jak-muted); line-height: 1.55; }

.jak-information-page > header { max-width: 920px; margin-bottom: 34px; }
.jak-faq-category-cards { margin-bottom: 54px; }
.jak-faq-groups { display: grid; gap: 44px; }
.jak-faq-groups > section > header { display: flex; align-items: center; gap: 16px; margin-bottom: 15px; }
.jak-faq-groups > section > header > span { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; background: var(--jak-pink); color: #090a0c; }
.jak-faq-groups h3 { margin: 2px 0; font-size: 30px; }
.jak-information-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.jak-information-cards details,
.jak-information-cards article { border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-information-cards summary { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; cursor: pointer; font-weight: 800; list-style: none; }
.jak-information-cards summary::-webkit-details-marker { display: none; }
.jak-information-cards details > div,
.jak-information-cards article { padding: 0 22px 22px; color: var(--jak-muted); line-height: 1.6; }
.jak-information-cards article { padding-top: 22px; }
.jak-faq-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; }
.jak-faq-actions a { color: var(--jak-pink); font-size: 12px; font-weight: 800; text-decoration: none; }

@media (max-width: 980px) {
  .jak-blog-category-cards,
  .jak-faq-category-cards,
  .jak-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jak-guide-hub__categories { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .jak-content-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .jak-blog-category-section > header,
  .jak-blog-archive > header,
  .jak-guide-hub__hero,
  .jak-guide-hub__tools,
  .jak-species-hub > header,
  .jak-directory-intro { align-items: stretch; flex-direction: column; }
  .jak-blog-category-cards,
  .jak-faq-category-cards,
  .jak-guide-hub__categories,
  .jak-information-cards,
  .jak-directory-grid { grid-template-columns: 1fr; }
  .jak-blog-category-cards > a,
  .jak-faq-category-cards > a { min-height: 90px; }
  .jak-content-cards { display: flex; overflow-x: auto; gap: 12px; padding: 0 2px 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .jak-content-cards::-webkit-scrollbar { display: none; }
  .jak-content-card { width: min(82vw,320px); min-width: min(82vw,320px); flex: 0 0 min(82vw,320px); scroll-snap-align: start; }
  .jak-blog-search > div,
  .jak-guide-hub__tools form > div { grid-template-columns: 42px minmax(0,1fr); overflow: visible; }
  .jak-blog-search button,
  .jak-guide-hub__tools button { grid-column: 1/-1; min-height: 48px; border-radius: 0 0 14px 14px; }
  .jak-guide-hub__hero > div,
  .jak-guide-hub__hero > aside,
  .jak-directory-intro > div,
  .jak-directory-intro > aside { padding: 26px 22px; border-radius: 18px; }
}

/* Single-source care guides: restrained editorial scale, complete content and
   the same rounded dark/pink system used on the homepage. */
.jak-guide-layout--structured { grid-template-columns: minmax(0,1fr) 330px; align-items: start; }
.jak-guide-layout--structured .jak-guide-article { padding: clamp(28px,4vw,54px); }
.jak-guide-layout--structured .jak-guide-sidebar { position: sticky; top: 122px; }
.jak-care-guide-source { display: grid; gap: clamp(34px,5vw,64px); }
.jak-care-toc { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 24px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-md); background: var(--jak-surface); }
.jak-care-toc p { grid-column: 1/-1; margin: 0 0 6px; color: var(--jak-pink); font-family: var(--jak-font-display); font-size: 20px !important; text-transform: uppercase; }
.jak-care-toc a { display: flex; align-items: center; min-height: 42px; padding: 10px 12px; border-radius: 10px; background: var(--jak-card); color: var(--jak-text); font-size: 13px; line-height: 1.25; }
.jak-care-toc a:hover { background: var(--jak-pink); color: #090a0c; }
.jak-care-expert { padding: clamp(26px,4vw,46px); border-radius: var(--jak-radius-md); background: var(--jak-pink); color: #090a0c; }
.jak-care-expert .jak-kicker { color: #090a0c; }
.jak-care-expert h2 { max-width: 960px; margin: 8px 0 16px; color: #090a0c; font-size: clamp(28px,3vw,42px) !important; line-height: 1; }
.jak-care-expert p { max-width: 900px; color: #090a0c; font-size: 16px !important; }
.jak-care-fact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.jak-care-fact-grid > div { min-height: 130px; padding: 22px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-md); background: var(--jak-surface); }
.jak-care-fact-grid small { display: block; margin-bottom: 10px; color: var(--jak-pink); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.jak-care-fact-grid strong { display: block; font-size: 17px; line-height: 1.35; }
.jak-care-owner-tips { padding: clamp(26px,4vw,44px); border-radius: var(--jak-radius-md); background: var(--jak-surface); border: 1px solid var(--jak-line); }
.jak-care-owner-tips h2,
.jak-care-section h2,
.jak-care-fun h2,
.jak-care-essentials h2,
.jak-care-sources h2 { margin: 5px 0 20px; font-size: clamp(30px,3.2vw,43px) !important; line-height: 1; }
.jak-care-owner-tips ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.jak-care-owner-tips li { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; }
.jak-care-owner-tips li span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--jak-pink); color: #090a0c; font-family: var(--jak-font-display); font-size: 17px; }
.jak-care-owner-tips li p { margin: 7px 0 0; }
.jak-care-section { scroll-margin-top: 130px; }
.jak-care-section + .jak-care-section { padding-top: clamp(30px,4vw,48px); border-top: 1px solid var(--jak-line); }
.jak-care-section p,
.jak-care-owner-tips p,
.jak-care-sources p,
.jak-care-essentials li { font-size: 16px !important; line-height: 1.72 !important; }
.jak-care-fun > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.jak-care-fun article { padding: 24px; border-radius: var(--jak-radius-md); background: var(--jak-pink); color: #090a0c; }
.jak-care-fun article span { font-family: var(--jak-font-display); font-size: 25px; }
.jak-care-fun article p { margin: 16px 0 0; color: #090a0c; font-size: 15px !important; line-height: 1.55 !important; }
.jak-care-essentials { padding: clamp(28px,4vw,46px); border-radius: var(--jak-radius-md); background: var(--jak-surface); border: 1px solid var(--jak-line); }
.jak-care-essentials ul { columns: 2; column-gap: 38px; margin: 0 0 28px; padding: 0; list-style: none; }
.jak-care-essentials li { break-inside: avoid; position: relative; margin: 0 0 10px; padding-left: 30px; }
.jak-care-essentials li::before { content: ''; position: absolute; top: .42em; left: 0; width: 15px; height: 15px; border: 2px solid var(--jak-pink); border-radius: 4px; }
.jak-care-sources { padding-top: 32px; border-top: 1px solid var(--jak-line); }
.jak-care-sources ul { display: grid; gap: 8px; margin: 0 0 20px; padding-left: 20px; }
.jak-care-sources a { color: var(--jak-pink); }

.jak-ghl-form { display: grid; grid-template-columns: minmax(0,.85fr) minmax(430px,1.15fr); gap: 18px; margin-top: clamp(48px,7vw,90px); padding: clamp(26px,4vw,48px); border-radius: var(--jak-radius-lg); background: var(--jak-card); border: 1px solid var(--jak-line); }
.jak-ghl-form > div:first-child { padding: clamp(8px,2vw,24px); }
.jak-ghl-form h2 { margin: 6px 0 18px; font-size: clamp(36px,4vw,58px); }
.jak-ghl-form li { margin-bottom: 8px; color: var(--jak-muted); }
.jak-ghl-form__embed { min-height: 500px; overflow: hidden; border-radius: var(--jak-radius); background: var(--jak-page); }
.jak-ghl-form__embed iframe { display: block; width: 100%; min-height: 620px; border: 0; }
.jak-ghl-form-placeholder { display: grid; align-content: center; min-height: 500px; padding: clamp(28px,5vw,54px); }
.jak-ghl-form-placeholder > span { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 22px; border-radius: 16px; background: var(--jak-green); color: #090a0c; }
.jak-ghl-form-placeholder svg { width: 25px; height: 25px; }
.jak-ghl-form-placeholder h3 { margin: 5px 0 12px; font-size: clamp(27px,3vw,39px); }

@media (max-width: 980px) {
  .jak-guide-layout--structured { grid-template-columns: 1fr; }
  .jak-guide-layout--structured .jak-guide-sidebar { position: static; }
  .jak-care-toc { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jak-ghl-form { grid-template-columns: 1fr; }
}

@media (max-width: 590px) {
  .jak-guide-hero__copy,
  .jak-guide-hero__media { min-height: 0; }
  .jak-guide-hero h1 { font-size: clamp(36px,11vw,48px); }
  .jak-guide-layout--structured .jak-guide-article { padding: 24px 19px; }
  .jak-care-guide-source { gap: 34px; }
  .jak-care-toc,
  .jak-care-fact-grid,
  .jak-care-fun > div { grid-template-columns: 1fr; }
  .jak-care-toc { padding: 18px; }
  .jak-care-fact-grid > div { min-height: 0; }
  .jak-care-owner-tips h2,
  .jak-care-section h2,
  .jak-care-fun h2,
  .jak-care-essentials h2,
  .jak-care-sources h2 { font-size: 30px !important; }
  .jak-care-essentials ul { columns: 1; }
  .jak-ghl-form { padding: 18px; border-radius: 18px; }
  .jak-ghl-form__embed,
  .jak-ghl-form-placeholder { min-height: 430px; }
}

html { background: var(--jak-page); scroll-behavior: smooth; }
body.jonaths-site { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--jak-page); color: var(--jak-ink); font-family: var(--jak-body); font-size: 16px; line-height: 1.6; }
body.jonaths-site * { box-sizing: border-box; }
body.jonaths-site img { max-width: 100%; height: auto; }
body.jonaths-site a { color: inherit; }
body.jonaths-site h1,
body.jonaths-site h2,
body.jonaths-site h3,
body.jonaths-site h4,
body.jonaths-site h5,
body.jonaths-site h6 { color: var(--jak-ink); font-family: var(--jak-heading); font-weight: 800; letter-spacing: -.025em; line-height: .95; }

.jak-width,
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con-boxed > .e-con-inner { width: min(var(--jak-content), calc(100% - (var(--jak-gutter) * 2))); max-width: none; margin-inline: auto; }
.jak-section { padding-block: var(--jak-section); }
.jak-kicker { margin: 0 0 12px; color: var(--jak-pink); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.jak-display { margin: 0; font-size: clamp(48px, 6vw, 88px); text-transform: uppercase; }
.jak-muted { color: var(--jak-muted); }

body.jonaths-site .elementor-button,
body.jonaths-site .button,
body.jonaths-site button.button,
body.jonaths-site input[type='submit'],
.jak-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border: 1px solid transparent; border-radius: var(--jak-radius-sm); background: var(--jak-pink); color: #090a0c; font-family: var(--jak-body); font-size: 12px; font-weight: 800; letter-spacing: .07em; line-height: 1; text-decoration: none; text-transform: uppercase; transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease; }
body.jonaths-site .elementor-button:hover,
body.jonaths-site .button:hover,
body.jonaths-site button.button:hover,
body.jonaths-site input[type='submit']:hover,
.jak-button:hover { transform: translateY(-2px); background: #ff5aaa; color: #090a0c; }
.jak-button--green { background: var(--jak-green); color: #090a0c; }
.jak-button--outline { border-color: var(--jak-line); background: transparent; color: var(--jak-ink); }
.jak-button--outline:hover { border-color: var(--jak-pink); background: rgba(255,44,145,.08); color: var(--jak-pink); }

.jak-card { overflow: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); box-shadow: 0 0 0 rgba(0,0,0,0); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.jak-card:hover { transform: translateY(-4px); border-color: rgba(255,44,145,.5); box-shadow: 0 18px 55px rgba(0,0,0,.22); }

/* Elementor global surfaces */
body.jonaths-site .elementor-location-header { position: relative; z-index: 100; }
body.jonaths-site .elementor-location-footer { background: #07080a; }
body.jonaths-site .elementor-widget-text-editor { color: var(--jak-muted); }
body.jonaths-site .elementor-widget-heading .elementor-heading-title { color: var(--jak-ink); font-family: var(--jak-heading); }
body.jonaths-site input:not([type='checkbox']):not([type='radio']),
body.jonaths-site select,
body.jonaths-site textarea { min-height: 50px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-sm); background: var(--jak-card); color: var(--jak-ink); font-family: var(--jak-body); }
body.jonaths-site textarea { min-height: 130px; }
body.jonaths-site input:focus,
body.jonaths-site select:focus,
body.jonaths-site textarea:focus { border-color: var(--jak-pink); outline: 2px solid rgba(255,44,145,.16); }
body.jonaths-site :where(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid var(--jak-green); outline-offset: 3px; }
body.jonaths-site ::selection { background: var(--jak-pink); color: #090a0c; }

/* Header classes assigned in Elementor */
.jak-announcement { background: var(--jak-pink); color: #090a0c; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.jak-header { border-bottom: 1px solid var(--jak-line); background: rgba(9,10,12,.96); backdrop-filter: blur(16px); }
.jak-header-main { min-height: 88px; }
.jak-header-nav { border-top: 1px solid var(--jak-line); }
.jak-header-nav .elementor-nav-menu a { min-height: 50px; color: var(--jak-ink); font-size: 12px; font-weight: 700; }
.jak-header-nav .elementor-nav-menu a:hover,
.jak-header-nav .elementor-nav-menu a.elementor-item-active { color: var(--jak-pink); }
/* Approved homepage-prototype header: values intentionally match the signed-off concept. */
.jak-prototype-width { width: min(1420px, calc(100% - (var(--jak-gutter) * 2))); margin-inline: auto; }
.announcement { min-height: 37px; display: flex; align-items: center; background: var(--jak-pink); color: #090a0c; }
.announcement-inner { min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.announcement-inner > span { display: flex; align-items: center; gap: 8px; }.announcement svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.announcement-links { gap: 22px !important; }.announcement a { color: #090a0c; text-decoration: none; }.announcement a:hover { text-decoration: underline; }
.site-header { position: relative; z-index: 50; border-bottom: 1px solid var(--jak-line); background: rgba(9,10,12,.96); color: var(--jak-ink); backdrop-filter: blur(16px); }
.header-main { min-height: 91px; display: grid; grid-template-columns: 245px minmax(260px,1fr) auto; align-items: center; gap: 38px; }
.wordmark { display: inline-flex; width: max-content; flex-direction: column; color: var(--jak-pink); line-height: 1; text-decoration: none; }
.wordmark > span { color: var(--jak-pink); font-family: var(--jak-heading); font-size: 31px; font-weight: 800; letter-spacing: -.025em; }.wordmark small { margin-top: 4px; color: var(--jak-ink); font-size: 8px; font-weight: 800; letter-spacing: .24em; }
.site-search { height: 46px; display: flex; align-items: center; gap: 12px; padding-left: 16px; border: 1px solid var(--jak-line); border-radius: 10px; background: var(--jak-card); }
.site-search { position: relative; }
.site-search > svg { width: 18px; flex: 0 0 auto; fill: none; stroke: var(--jak-muted); stroke-width: 1.8; }.site-search input[type=search] { min-width: 0; min-height: 44px; height: 44px; flex: 1; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0; appearance: none; background: transparent !important; color: var(--jak-ink); box-shadow: none !important; font-size: 13px; }.site-search input[type=search]:focus { border: 0 !important; outline: 0; box-shadow: none !important; }.site-search input[type=search]::placeholder { color: #7f8188; }.site-search > button { align-self: stretch; min-width: 83px; min-height: 44px; padding: 0 21px; border: 0; border-radius: 0 9px 9px 0; background: var(--jak-card-raised); color: var(--jak-ink); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.site-search > button:hover { transform: none; background: #22252b; color: var(--jak-ink); }
.header-actions { display: flex; align-items: center; gap: 22px; }.header-actions a,.header-actions button { position: relative; display: flex; align-items: center; flex-direction: column; gap: 5px; padding: 0; border: 0; background: transparent; color: var(--jak-muted); font-size: 9px; font-weight: 700; text-decoration: none; text-transform: uppercase; }.header-actions svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; }.header-actions a:hover,.header-actions button:hover { color: var(--jak-pink); transform: none; background: transparent; }
.cart-link b { position: absolute; top: -8px; right: -2px; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: var(--jak-pink); color: #090a0c; font-size: 9px; }
.jak-search-suggestions { position: absolute; z-index: 120; top: calc(100% + 10px); right: 0; left: 0; overflow: hidden; padding: 8px; border: 1px solid var(--jak-line); border-radius: 14px; background: rgba(15,17,21,.985); box-shadow: var(--jak-shadow); backdrop-filter: blur(18px); }
.jak-search-suggestions[hidden] { display: none; }
.jak-search-suggestions > a { min-height: 67px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 8px; border-radius: 10px; color: var(--jak-ink); text-decoration: none; }
.jak-search-suggestions > a:hover,
.jak-search-suggestions > a.is-active { background: var(--jak-card-raised); }
.jak-search-suggestions img,
.jak-search-suggestions .is-placeholder { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 9px; background: var(--jak-card-raised); object-fit: cover; }
.jak-search-suggestions strong { display: block; overflow: hidden; font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.jak-search-suggestions small { display: block; margin-top: 4px; color: var(--jak-muted); font-size: 10px; line-height: 1.3; }
.jak-search-suggestions > a > em { color: var(--jak-pink); font-size: 9px; font-style: normal; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.jak-search-suggestions > p { margin: 0; padding: 18px; color: var(--jak-muted); font-size: 12px; text-align: center; }
.mobile-menu-button { display: none; border: 0; background: transparent; color: var(--jak-ink); }.desktop-nav { border-top: 1px solid var(--jak-line); }.nav-row { width: min(1420px, calc(100% - (var(--jak-gutter) * 2))); min-height: 50px; display: flex; align-items: center; gap: clamp(20px,2.6vw,42px); margin-inline: auto; }.nav-row > a { display: inline-flex; min-height: 50px; align-items: center; gap: 6px; color: var(--jak-ink); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }.nav-row > a svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }.nav-row > a:hover { color: var(--jak-pink); }.nav-row .nav-sale { margin-left: auto; color: var(--jak-pink); }.nav-pill { padding: 3px 6px; border-radius: 999px; background: var(--jak-green); color: #111; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.header-actions > a:first-child svg { width: 24px; height: 24px; }
.jak-site-header { border-bottom: 1px solid var(--jak-line); background: rgba(9,10,12,.97); color: var(--jak-ink); backdrop-filter: blur(16px); }
.jak-announcement { min-height: 31px; display: flex; align-items: center; justify-content: center; gap: 34px; padding: 5px 24px; background: var(--jak-pink); color: #090a0c; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.jak-announcement a { color: #090a0c; }
.jak-header-shell { width: min(1420px, calc(100% - 48px)); min-height: 88px; display: grid; grid-template-columns: 245px minmax(280px,1fr) auto; align-items: center; gap: 34px; margin-inline: auto; }
.jak-logo { display: inline-flex; align-items: flex-start; flex-direction: column; color: var(--jak-pink); text-decoration: none; }
.jak-logo span { font-family: var(--jak-display); font-size: 32px; font-weight: 800; letter-spacing: -.03em; line-height: .85; }
.jak-logo small { margin-top: 6px; color: var(--jak-ink); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.jak-logo .custom-logo-link { display: block; }
.jak-logo .custom-logo { width: auto; max-width: 225px; height: 66px; object-fit: contain; object-position: left center; }
.jak-site-search .dgwt-wcas-search-wrapp { max-width: none; margin: 0; }
.jak-site-search input[type=search], .jak-site-search .dgwt-wcas-search-input { min-height: 48px; border: 1px solid var(--jak-line) !important; border-radius: 12px !important; background: var(--jak-card) !important; color: var(--jak-ink) !important; }
.jak-header-actions { display: flex; align-items: center; gap: 20px; }
.jak-header-actions a, .jak-header-actions button { border: 0; background: transparent; color: var(--jak-muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.jak-header-actions button b { display: inline-grid; min-width: 20px; height: 20px; margin-left: 5px; place-items: center; border-radius: 50%; background: var(--jak-pink); color: #090a0c; }
.jak-desktop-nav { border-top: 1px solid var(--jak-line); }
.jak-desktop-nav > ul { width: min(1420px, calc(100% - 48px)); min-height: 52px; display: flex; align-items: center; gap: clamp(20px,3vw,48px); margin: auto; padding: 0; list-style: none; }
.jak-desktop-nav a { color: var(--jak-ink); font-size: 11px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.jak-desktop-nav a:hover { color: var(--jak-pink); }
.jak-menu-toggle, .jak-mobile-menu { display: none; }
.jak-site-footer { background: #07080a; color: var(--jak-ink); }
.jak-footer-grid { width: min(1420px, calc(100% - 48px)); display: grid; grid-template-columns: 1.7fr repeat(3,.8fr); gap: 64px; margin: auto; padding: 74px 0 62px; }
.jak-footer-grid > div { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; }
.jak-footer-brand p { max-width: 430px; margin: 20px 0 4px; color: var(--jak-muted); font-size: 13px; line-height: 1.65; }
.jak-footer-grid strong { margin-bottom: 8px; color: var(--jak-green); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.jak-footer-grid a, .jak-footer-grid span { color: var(--jak-muted); font-size: 11px; line-height: 1.55; }
.jak-footer-grid a:hover { color: var(--jak-pink); }
.jak-footer-bottom { width: min(1420px, calc(100% - 48px)); min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: auto; border-top: 1px solid var(--jak-line); color: #73757b; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.jak-search .dgwt-wcas-search-input { min-height: 46px !important; border-color: var(--jak-line) !important; border-radius: var(--jak-radius-sm) !important; background: var(--jak-card) !important; color: var(--jak-ink) !important; }

/* Hero and horizontal rails */
.jak-hero { position: relative; min-height: clamp(560px, 68vw, 760px); overflow: hidden; background: #08090b; }
.jak-hero::after { position: absolute; inset: 0; z-index: 1; content: ''; background: linear-gradient(90deg, rgba(5,6,8,.95) 0%, rgba(5,6,8,.86) 34%, rgba(5,6,8,.36) 65%, rgba(5,6,8,.14) 100%), linear-gradient(0deg, rgba(5,6,8,.72), transparent 46%); pointer-events: none; }
.jak-hero > .e-con-inner,
.jak-hero > .elementor-container { position: relative; z-index: 2; }
.jak-hero h1 { max-width: 760px; margin: 0; font-size: clamp(66px, 8vw, 122px); letter-spacing: -.045em; line-height: .78; text-transform: uppercase; }
.jak-service-rail { border-bottom: 1px solid var(--jak-line); background: var(--jak-page-alt); }
.jak-service-rail .e-con-inner { min-height: 92px; }
.jak-scroll-rail { display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-snap-type: x mandatory; }
.jak-scroll-rail::-webkit-scrollbar { display: none; }
.jak-scroll-rail > * { scroll-snap-align: start; }

/* WooCommerce archives */
body.jonaths-commerce main#content,
body.jonaths-commerce .site-main { width: min(var(--jak-content), calc(100% - (var(--jak-gutter) * 2))); max-width: none; margin-inline: auto; padding-block: clamp(42px, 6vw, 82px); }
body.jonaths-commerce .woocommerce-breadcrumb { margin: 0 0 28px; color: var(--jak-muted); font-size: 12px; }
body.jonaths-commerce .woocommerce-products-header__title.page-title { margin: 0 0 38px; font-size: clamp(52px, 6vw, 82px); text-transform: uppercase; }
body.jonaths-commerce .woocommerce-result-count,
body.jonaths-commerce .woocommerce-ordering { margin-bottom: 28px; color: var(--jak-muted); }
body.jonaths-commerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; }
body.jonaths-commerce ul.products::before,
body.jonaths-commerce ul.products::after { display: none; }
body.jonaths-commerce ul.products li.product { width: auto !important; min-width: 0; margin: 0 !important; overflow: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); transition: transform .2s ease, border-color .2s ease; }
body.jonaths-commerce ul.products li.product:hover { transform: translateY(-4px); border-color: rgba(255,44,145,.5); }
body.jonaths-commerce ul.products li.product a img { aspect-ratio: 1; margin: 0; object-fit: cover; background: var(--jak-card-raised); }
body.jonaths-commerce ul.products li.product .woocommerce-loop-product__title { padding: 20px 20px 4px; font-size: 24px; line-height: 1; }
body.jonaths-commerce ul.products li.product .price { padding: 0 20px; color: var(--jak-ink); font-size: 16px; font-weight: 700; }
body.jonaths-commerce ul.products li.product .button { width: calc(100% - 40px); margin: 15px 20px 20px; }
.jak-quick-view { width: calc(100% - 40px); min-height: 42px; margin: 14px 20px 0; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-sm); background: transparent; color: var(--jak-ink); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; transition: border-color .18s ease, color .18s ease, background .18s ease; }
.jak-quick-view:hover { border-color: var(--jak-pink); background: rgba(255,44,145,.08); color: var(--jak-pink); }
body.jonaths-commerce span.onsale { min-width: 0; min-height: 0; margin: 14px !important; padding: 8px 11px; border-radius: 999px; background: var(--jak-green); color: #090a0c; font-size: 10px; line-height: 1; text-transform: uppercase; }

/* WooCommerce single product */
body.single-product div.product { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: clamp(36px, 5vw, 76px); }
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .summary { width: auto !important; float: none !important; margin: 0 !important; }
body.single-product div.product .woocommerce-product-gallery__wrapper { overflow: hidden; border-radius: var(--jak-radius-lg); background: var(--jak-card); }
body.single-product div.product .woocommerce-product-gallery__image img { aspect-ratio: 1; object-fit: cover; }
body.single-product div.product .product_title { margin: 4px 0 20px; font-size: clamp(48px, 5vw, 76px); text-transform: uppercase; }
body.single-product div.product p.price { margin: 24px 0; color: var(--jak-ink); font-size: 34px; font-weight: 800; }
body.single-product div.product .woocommerce-product-details__short-description { color: var(--jak-muted); font-size: 17px; }
body.single-product div.product form.cart { display: flex; gap: 12px; margin: 28px 0; }
body.single-product div.product .quantity .qty { width: 80px; }
body.single-product div.product .product_meta { display: grid; gap: 10px; padding-top: 24px; border-top: 1px solid var(--jak-line); color: var(--jak-muted); font-size: 12px; }
body.single-product div.product .woocommerce-tabs,
body.single-product div.product .related,
body.single-product div.product .upsells { grid-column: 1 / -1; }
body.single-product .woocommerce-tabs { margin-top: 70px; }
body.single-product .woocommerce-tabs ul.tabs { display: flex; gap: 28px; padding: 0 !important; border-bottom: 1px solid var(--jak-line); }
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; }
body.single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.single-product .woocommerce-tabs ul.tabs li a { padding: 18px 0 !important; color: var(--jak-muted) !important; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
body.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--jak-ink) !important; box-shadow: inset 0 -3px var(--jak-pink); }
body.single-product .woocommerce-Tabs-panel { color: var(--jak-muted); }

/* Cart, checkout and account */
body.jonaths-commerce table.shop_table,
body.jonaths-commerce .cart_totals,
body.jonaths-commerce .woocommerce-checkout-review-order,
body.jonaths-commerce .woocommerce-MyAccount-content { overflow: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
body.jonaths-commerce table.shop_table th,
body.jonaths-commerce table.shop_table td { border-color: var(--jak-line); }
body.jonaths-commerce .woocommerce-info,
body.jonaths-commerce .woocommerce-message { border: 1px solid var(--jak-line); border-top-color: var(--jak-pink); border-radius: var(--jak-radius-sm); background: var(--jak-card); color: var(--jak-ink); }
body.jonaths-commerce .woocommerce-info::before,
body.jonaths-commerce .woocommerce-message::before { color: var(--jak-pink); }

/* Quick view and slide-out cart */
html.jak-panel-open { overflow: hidden; }
.jak-overlay { position: fixed; inset: 0; z-index: 9997; border: 0; background: rgba(0,0,0,.66); backdrop-filter: blur(5px); }
.jak-floating-cart { position: fixed; right: 18px; bottom: 18px; z-index: 9995; min-height: 48px; display: inline-flex; align-items: center; gap: 10px; padding: 0 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(9,10,12,.92); box-shadow: 0 14px 45px rgba(0,0,0,.36); color: var(--jak-ink); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; backdrop-filter: blur(15px); transition: right .2s ease, bottom .2s ease, opacity .2s ease; }
.jak-ghl-chat-ready .jak-floating-cart { right: 94px; }
.jak-ghl-chat-open .jak-floating-cart { opacity: 0; pointer-events: none; }
.jak-chat-trigger { cursor: pointer; }
.jak-chat-trigger svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; }
.header-actions .jak-chat-trigger svg { width: 24px; height: 24px; }

.jak-care-shop-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 18px; }
.jak-care-shop-links p { width: 100%; margin: 0 0 4px; color: var(--jak-muted); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.jak-care-shop-links a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--jak-line); border-radius: 999px; color: var(--jak-ink); font-size: 11px; font-weight: 800; text-decoration: none; }
.jak-care-shop-links a:hover { border-color: var(--jak-pink); color: var(--jak-pink); }
.jak-floating-cart b { display: grid; min-width: 23px; height: 23px; place-items: center; padding-inline: 5px; border-radius: 999px; background: var(--jak-pink); color: #090a0c; font-size: 10px; }
.jak-cart-drawer { position: fixed; z-index: 9999; top: 0; right: 0; width: min(440px, 94vw); height: 100dvh; display: flex; flex-direction: column; overflow: hidden; transform: translateX(102%); border-left: 1px solid var(--jak-line); background: var(--jak-page); box-shadow: -24px 0 80px rgba(0,0,0,.42); transition: transform .25s ease; }
.jak-cart-drawer[aria-hidden='false'] { transform: translateX(0); }
.jak-cart-drawer > header { display: flex; align-items: center; justify-content: space-between; padding: 25px 26px 20px; border-bottom: 1px solid var(--jak-line); }
.jak-cart-drawer > header p { margin-bottom: 4px; }
.jak-cart-drawer > header h2 { margin: 0; font-size: 42px; text-transform: uppercase; }
.jak-cart-drawer > header > button,
.jak-quick-view-modal > button { width: 42px; height: 42px; border: 1px solid var(--jak-line); border-radius: 50%; background: transparent; color: var(--jak-ink); font-size: 26px; line-height: 1; }
#jak-cart-drawer-content { min-height: 0; display: flex; flex: 1; flex-direction: column; gap: 22px; overflow-y: auto; padding: 24px 26px 28px; }
#jak-cart-drawer-content .woocommerce-mini-cart { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
#jak-cart-drawer-content .woocommerce-mini-cart-item { position: relative; min-height: 82px; padding: 12px 34px 12px 92px; border: 1px solid var(--jak-line); border-radius: 14px; background: var(--jak-card); color: var(--jak-muted); }
#jak-cart-drawer-content .woocommerce-mini-cart-item img { position: absolute; top: 11px; left: 11px; width: 60px; height: 60px; border-radius: 10px; object-fit: cover; }
#jak-cart-drawer-content .remove_from_cart_button { position: absolute; top: 9px; right: 10px; color: var(--jak-muted) !important; font-size: 20px; text-decoration: none; }
#jak-cart-drawer-content .woocommerce-mini-cart__total { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--jak-line); color: var(--jak-ink); font-size: 17px; }
#jak-cart-drawer-content .woocommerce-mini-cart__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
#jak-cart-drawer-content .woocommerce-mini-cart__buttons .button { width: 100%; margin: 0; }
.jak-quick-view-modal { position: fixed; z-index: 9999; top: 50%; left: 50%; width: min(980px, calc(100vw - 36px)); max-height: calc(100dvh - 36px); overflow-y: auto; transform: translate(-50%, -46%) scale(.98); visibility: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-page-alt); box-shadow: var(--jak-shadow); opacity: 0; transition: .2s ease; }
.jak-quick-view-modal[aria-hidden='false'] { transform: translate(-50%, -50%) scale(1); visibility: visible; opacity: 1; }
.jak-quick-view-modal > button { position: absolute; z-index: 2; top: 16px; right: 16px; background: rgba(9,10,12,.78); }
.jak-quick-view__grid { display: grid; grid-template-columns: 1.05fr .95fr; }
.jak-quick-view__image { min-height: 540px; background: var(--jak-card); }
.jak-quick-view__image img { width: 100%; height: 100%; min-height: 540px; object-fit: cover; }
.jak-quick-view__summary { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; gap: 18px; padding: clamp(36px, 5vw, 68px); }
.jak-quick-view__summary h2 { margin: 0; font-size: clamp(46px, 5vw, 72px); text-transform: uppercase; }
.jak-quick-view__price { color: var(--jak-ink); font-size: 30px; font-weight: 800; }
.jak-quick-view__copy { color: var(--jak-muted); }
.jak-quick-view__summary .button,
.jak-quick-view__summary .jak-button { width: 100%; margin: 0 !important; }
.jak-quick-view__loading { display: grid; min-height: 420px; place-items: center; color: var(--jak-muted); }

/* Structured content surfaces */
.jak-record { padding: clamp(22px, 3vw, 34px); border: 1px solid var(--jak-line); border-left: 3px solid var(--jak-green); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-record dl { margin: 0; }
.jak-record dl > div { display: grid; grid-template-columns: minmax(120px, .7fr) 1.3fr; gap: 20px; padding: 11px 0; border-bottom: 1px solid var(--jak-line); }
.jak-record dl > div:last-child { border-bottom: 0; }
.jak-record dt { color: var(--jak-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.jak-record dd { margin: 0; color: var(--jak-ink); font-weight: 600; text-align: right; }
.jak-status { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 0 11px; border-radius: 999px; background: var(--jak-green); color: #090a0c; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.jak-status--pink { background: var(--jak-pink); }
.jak-status--warning { background: var(--jak-warning); }

@media (max-width: 1024px) {
  body.jonaths-commerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.single-product div.product { grid-template-columns: 1fr 1fr; gap: 34px; }
  .jak-hero h1 { font-size: clamp(62px, 10vw, 94px); }
}

@media (max-width: 767px) {
	.jak-prototype-width { width: calc(100% - 28px); }
	.announcement { min-height: 30px; }.announcement-inner { justify-content: center; font-size: 8px; }.announcement-inner > span:first-child { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.announcement-links { display: none !important; }
	.header-main { min-height: 72px; grid-template-columns: 42px 1fr auto; gap: 10px; }.mobile-menu-button { width: 40px; height: 40px; display: grid; place-items: center; padding: 9px; }.mobile-menu-button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }.header-main > .wordmark { justify-self: center; }.wordmark > span { font-size: 26px; }.wordmark small { font-size: 6px; }.site-search,.header-actions a,.desktop-nav { display: none; }.header-actions { gap: 0; }.header-actions button span { display: none; }.header-actions button { font-size: 0; }.header-actions button svg { width: 22px; height: 22px; }.cart-link b { right: -5px; }
	.jak-announcement { min-height: 28px; justify-content: center; gap: 0; font-size: 9px; }
	.jak-announcement span, .jak-announcement a:last-child { display: none; }
	.jak-header-shell { width: calc(100% - 28px); min-height: 72px; grid-template-columns: 40px 1fr auto; gap: 10px; }
	.jak-menu-toggle { width: 40px; height: 40px; display: grid; align-content: center; gap: 5px; padding: 10px; border: 1px solid var(--jak-line); border-radius: 10px; background: transparent; }
	.jak-menu-toggle span { height: 2px; display: block; background: var(--jak-ink); }
	.jak-logo { justify-self: center; }.jak-logo span { font-size: 26px; }.jak-logo small { font-size: 6px; }
	.jak-logo .custom-logo { max-width: 155px; height: 54px; }
	.jak-site-search, .jak-header-actions a, .jak-desktop-nav { display: none; }
	.jak-header-actions { gap: 0; }.jak-header-actions button { font-size: 0; }.jak-header-actions button b { font-size: 9px; }
	.jak-mobile-menu { max-height: calc(100dvh - 100px); overflow-y: auto; padding: 10px 14px 22px; border-top: 1px solid var(--jak-line); background: var(--jak-page); }
	.jak-mobile-menu:not([hidden]) { display: block; }
	.jak-mobile-menu ul { margin: 0 0 16px; padding: 0; list-style: none; }
	.jak-mobile-menu li { border-bottom: 1px solid var(--jak-line); }
	.jak-mobile-menu li a { min-height: 52px; display: flex; align-items: center; padding: 0 4px; color: var(--jak-ink); font-size: 12px; font-weight: 800; text-transform: uppercase; }
	.jak-footer-grid { width: calc(100% - 32px); grid-template-columns: 1fr 1fr; gap: 38px 22px; padding-block: 52px; }
	.jak-footer-brand { grid-column: 1 / -1; }.jak-footer-grid > div:last-child { grid-column: 1 / -1; }
	.jak-footer-bottom { width: calc(100% - 32px); align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 18px; }
  :root { --jak-gutter: 18px; --jak-section: 72px; }
  body.jonaths-site { font-size: 16px; }
  .jak-header-main { min-height: 70px; }
  .jak-hero { min-height: 520px; }
  .jak-hero::after { background: linear-gradient(0deg, rgba(5,6,8,.96) 0%, rgba(5,6,8,.82) 52%, rgba(5,6,8,.34) 100%); }
  .jak-hero h1 { max-width: 100%; font-size: clamp(54px, 16vw, 76px); line-height: .82; }
  .jak-service-rail .e-con-inner { width: 100%; display: flex; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; }
  .jak-service-rail .e-con-inner > * { min-width: 78vw; scroll-snap-align: start; }
  body.jonaths-commerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.jonaths-commerce ul.products li.product .woocommerce-loop-product__title { padding: 15px 14px 4px; font-size: 21px; }
  body.jonaths-commerce ul.products li.product .price { padding-inline: 14px; }
  body.jonaths-commerce ul.products li.product .button { width: calc(100% - 28px); min-height: 44px; margin: 12px 14px 14px; padding-inline: 10px; font-size: 10px; }
  .jak-quick-view { width: calc(100% - 28px); min-height: 40px; margin: 10px 14px 0; }
  body.single-product div.product { grid-template-columns: 1fr; }
  body.single-product div.product .woocommerce-tabs,
  body.single-product div.product .related,
  body.single-product div.product .upsells { grid-column: auto; }
  body.single-product .woocommerce-tabs ul.tabs { gap: 18px; overflow-x: auto; white-space: nowrap; }
  .jak-record dl > div { grid-template-columns: 1fr; gap: 3px; }
  .jak-record dd { text-align: left; }
  .jak-floating-cart { right: 12px; bottom: 12px; }
  .jak-ghl-chat-ready .jak-floating-cart { right: 14px; bottom: 88px; }
  .jak-quick-view__grid { grid-template-columns: 1fr; }
  .jak-quick-view__image,
  .jak-quick-view__image img { min-height: 300px; max-height: 42vh; }
  .jak-quick-view__summary { padding: 28px 22px; }
  .jak-quick-view__summary h2 { padding-right: 42px; font-size: 44px; }
}

@media (max-width: 390px) {
  body.jonaths-commerce ul.products { gap: 10px; }
  body.jonaths-commerce ul.products li.product .woocommerce-loop-product__title { font-size: 19px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Phase 2 commerce — exact continuation of the approved prototype language. */
body.jonaths-commerce {
  --c-page: #090a0c; --c-page-2: #0f1115; --c-panel: #15171c; --c-panel-2: #1a1d22;
  --c-ink: #f7f4ee; --c-muted: #a2a4aa; --c-line: rgba(255,255,255,.11);
  --c-accent: #ff2c91; --c-pink: #ff2c91; --c-green: #b8ff36; --c-accent-ink: #090a0c;
}
body.jonaths-commerce .concept-content-page { min-height: 70vh; padding-bottom: 90px; background: var(--c-page); color: var(--c-ink); }
body.jonaths-commerce .concept-width { width: min(1420px, calc(100% - 64px)); margin-inline: auto; }
body.jonaths-commerce .woocommerce-breadcrumb { min-height: 54px; display: flex; align-items: center; margin: 0; border-bottom: 1px solid var(--c-line); color: var(--c-muted); font-size: 10px; }
body.jonaths-commerce .concept-page-intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 55px; padding-block: 62px; }
body.jonaths-commerce .concept-page-intro p { margin: 0 0 9px; color: var(--c-accent); font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
body.jonaths-commerce .concept-page-intro h1 { margin: 0; color: var(--c-ink); font-family: var(--jak-heading); font-size: clamp(56px,6vw,88px); line-height: .84; text-transform: uppercase; }
body.jonaths-commerce .concept-page-intro > span { align-self: end; color: var(--c-muted); font-size: 14px; line-height: 1.55; }
body.jonaths-commerce .concept-page-intro > span p { margin: 0; color: inherit; font-size: inherit; font-weight: 400; letter-spacing: 0; text-transform: none; }

body.jonaths-commerce .archive-layout { align-items: start; }
body.jonaths-commerce .archive-results { min-width: 0; padding: 0 24px 28px; }
body.jonaths-commerce .archive-toolbar { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--c-line); color: var(--c-muted); font-size: 10px; }
body.jonaths-commerce .archive-toolbar .woocommerce-result-count,
body.jonaths-commerce .archive-toolbar .woocommerce-ordering { margin: 0; }
body.jonaths-commerce .archive-toolbar .orderby { min-height: 36px; height: 36px; padding: 0 34px 0 10px; border: 1px solid var(--c-line); border-radius: 0; background: var(--c-page); color: var(--c-ink); font-size: 10px; }
body.jonaths-commerce .archive-active-filters { min-height: 50px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid var(--c-line); }
body.jonaths-commerce .archive-active-filters span { padding: 7px 9px; background: var(--c-page); color: var(--c-ink); font-size: 9px; }
body.jonaths-commerce .archive-active-filters a { margin-left: auto; color: var(--c-accent); font-size: 9px; font-weight: 800; text-transform: uppercase; }
body.jonaths-commerce .archive-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); }
body.jonaths-commerce .archive-product-card { position: relative; margin: 0; overflow: hidden; border-radius: 0; }
body.jonaths-commerce .archive-product-image > a { width: 100%; height: 100%; display: block; }
body.jonaths-commerce .archive-product-image > a > img { width: 100%; height: 100%; margin: 0; object-fit: cover; filter: saturate(.78) brightness(.82); transition: .35s ease; }
body.jonaths-commerce .archive-product-card:hover .archive-product-image > a > img { transform: scale(1.035); filter: saturate(.95) brightness(.9); }
body.jonaths-commerce .archive-product-image > .archive-quick-view { position: absolute; right: 12px; bottom: 12px; top: auto; width: auto; height: 36px; min-height: 36px; display: inline-flex; align-items: center; gap: 9px; margin: 0; padding: 0 12px; border: 1px solid rgba(255,255,255,.24); border-radius: 0; background: rgba(8,9,11,.82); color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
body.jonaths-commerce .archive-product-image > .archive-quick-view i { color: var(--c-accent); font-size: 17px; font-style: normal; line-height: 1; }
body.jonaths-commerce .archive-product-copy > p { min-height: 28px; margin: 0; color: var(--c-muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
body.jonaths-commerce .archive-product-copy h3 { min-height: 48px; margin: 4px 0 7px; color: var(--c-ink); font-family: var(--jak-heading); font-size: 22px; line-height: 1; text-transform: uppercase; }
body.jonaths-commerce .archive-product-copy > span { color: var(--c-green); font-size: 8px; font-weight: 800; text-transform: uppercase; }
body.jonaths-commerce .archive-product-copy > span.low { color: #ffb020; }
body.jonaths-commerce .archive-product-price { min-height: 49px; display: flex; align-items: center; gap: 8px; padding-top: 8px; color: var(--c-ink); font-size: 21px; font-weight: 800; }
body.jonaths-commerce .archive-product-price del { color: var(--c-muted); font-size: 11px; }
body.jonaths-commerce .archive-product-actions .button { width: 100%; min-height: 43px; margin: 0; border-radius: 0; font-family: var(--jak-heading); font-size: 12px; }
body.jonaths-commerce .archive-pagination { padding-top: 28px; }
body.jonaths-commerce .archive-pagination .woocommerce-pagination { margin: 0; }
body.jonaths-commerce .archive-pagination ul.page-numbers { display: flex; justify-content: center; gap: 7px; margin: 0; border: 0; }
body.jonaths-commerce .archive-pagination ul.page-numbers li { border: 0; }
body.jonaths-commerce .archive-pagination .page-numbers a,
body.jonaths-commerce .archive-pagination .page-numbers span { min-width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--c-line); background: transparent; color: var(--c-ink); }
body.jonaths-commerce .archive-pagination .page-numbers .current { border-color: var(--c-accent); background: var(--c-accent); color: var(--c-accent-ink); }
body.jonaths-commerce .archive-apply-filters { width: 100%; min-height: 43px; margin-top: 20px; border: 0; border-radius: 0; background: var(--c-accent); color: var(--c-accent-ink); font-size: 10px; font-weight: 900; text-transform: uppercase; }
body.jonaths-commerce .archive-clear-filters { min-height: 38px; display: flex; align-items: center; justify-content: center; color: var(--c-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
body.jonaths-commerce .archive-price-filter > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
body.jonaths-commerce .archive-price-filter label { display: grid; gap: 5px; color: var(--c-muted); font-size: 8px; text-transform: uppercase; }
body.jonaths-commerce .archive-price-filter input { min-width: 0; min-height: 38px; padding: 7px; border-radius: 0; font-size: 10px; }

/* Repair the homepage card footer shown in review: compact controls and preserved hierarchy. */
.product-media .product-quick-view { position: absolute; right: 16px; bottom: 16px; z-index: 3; width: auto; min-height: 34px; margin: 0; padding: 0 13px; border: 1px solid rgba(255,255,255,.25); border-radius: 0; background: rgba(8,9,11,.82); color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
.product-media .product-quick-view:hover { border-color: var(--accent); background: var(--accent); color: var(--accent-ink); }

/* Product detail */
body.single-product .product-detail-page { padding-bottom: 100px; }
body.single-product .product-detail-shell { padding: 0; }
body.single-product .product-main-image > img { width: 100%; height: 100%; object-fit: cover; }
body.single-product .product-thumbnails { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; margin-top: 8px; }
body.single-product .product-thumbnails button { height: 88px; min-height: 0; padding: 0; overflow: hidden; border: 1px solid var(--c-line); border-radius: 0; background: var(--c-panel-2); }
body.single-product .product-thumbnails button.active { border-color: var(--c-accent); }
body.single-product .product-thumbnails img { width: 100%; height: 100%; object-fit: cover; }
body.single-product .product-price .price { margin: 0; color: var(--c-ink); font-size: 30px; font-weight: 800; }
body.single-product .product-lead p { margin: 0; }
body.single-product .product-native-cart form.cart { display: flex; gap: 10px; margin: 0 0 20px; }
body.single-product .product-native-cart .quantity .qty { width: 76px; min-height: 49px; border-radius: 0; text-align: center; }
body.single-product .product-native-cart .single_add_to_cart_button { min-height: 49px; flex: 1; border-radius: 0; }
body.single-product .product-native-cart table.variations { border: 0; background: transparent; }
body.single-product .product-native-cart table.variations th,
body.single-product .product-native-cart table.variations td { padding: 6px 0; border: 0; background: transparent; }
body.single-product .product-native-cart table.variations select { border-radius: 0; }
body.single-product .product-specs { margin-top: 0; }
body.single-product .product-information [hidden] { display: none !important; }
body.single-product .product-info-grid { min-height: 290px; }
body.single-product .product-info-grid > div > h2:first-child { margin-top: 0; }
body.single-product .related-guide { justify-content: flex-end; min-height: 170px; padding: 24px; border: 1px solid var(--c-line); background: var(--c-page-2); }
body.single-product .pairs-section .archive-product-grid { display: contents; }

/* Cart drawer */
#jak-cart-drawer-content .woocommerce-mini-cart-item { min-height: 118px; padding: 13px 38px 13px 92px; }
#jak-cart-drawer-content .jak-mini-cart-product { color: var(--jak-ink); font-size: 13px; line-height: 1.2; text-decoration: none; }
#jak-cart-drawer-content .jak-mini-cart-product strong { display: block; }
#jak-cart-drawer-content .jak-mini-cart-price { display: block; margin-top: 7px; color: var(--jak-ink); font-size: 12px; font-weight: 700; }
.jak-mini-quantity { width: 94px; height: 30px; display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; margin-top: 9px; border: 1px solid var(--jak-line); }
.jak-mini-quantity button { width: 30px; height: 28px; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--jak-ink) !important; font-size: 16px !important; }
.jak-mini-quantity span { text-align: center; color: var(--jak-ink); font-size: 11px; }
.jak-commerce-progress { margin-bottom: 25px; padding: 18px; border: 1px solid var(--jak-line); background: var(--jak-card); }

/* Cart, checkout and account — same visual system, no generic white Woo panels. */
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-account .woocommerce { color: var(--jak-muted); }
body.jonaths-commerce table.shop_table { border-collapse: separate; }
body.jonaths-commerce table.shop_table thead { background: var(--jak-page-alt); color: var(--jak-ink); text-transform: uppercase; }
body.jonaths-commerce table.shop_table td { padding: 18px 14px; }
body.jonaths-commerce table.shop_table img { width: 76px; border-radius: 9px; }
body.jonaths-commerce .cart_totals { padding: 24px; }
body.jonaths-commerce .cart_totals h2,
body.jonaths-commerce #customer_details h3,
body.jonaths-commerce #order_review_heading,
body.jonaths-commerce .woocommerce-MyAccount-content h2 { font-size: 34px; text-transform: uppercase; }
body.jonaths-commerce .woocommerce-checkout-review-order { padding: 22px; }
body.jonaths-commerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; border: 1px solid var(--jak-line); background: var(--jak-card); list-style: none; }
body.jonaths-commerce .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--jak-line); }
body.jonaths-commerce .woocommerce-MyAccount-navigation li:last-child { border: 0; }
body.jonaths-commerce .woocommerce-MyAccount-navigation a { min-height: 48px; display: flex; align-items: center; padding: 0 16px; color: var(--jak-muted); text-decoration: none; }
body.jonaths-commerce .woocommerce-MyAccount-navigation .is-active a { color: var(--jak-pink); }
body.jonaths-commerce .woocommerce-MyAccount-content { padding: 24px; }

/* Premium two-column cart and checkout flow. */
body.woocommerce-cart main#content > .woocommerce,
body.woocommerce-cart .site-main > .woocommerce,
body.woocommerce-cart .page-content > .woocommerce {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(340px,.5fr);
  align-items: start;
  gap: 24px;
}
body.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-cart .woocommerce > .jak-commerce-progress,
body.woocommerce-cart .woocommerce > .woocommerce-message,
body.woocommerce-cart .woocommerce > .woocommerce-info { grid-column: 1 / -1; }
body.woocommerce-cart .woocommerce-cart-form { width: 100%; grid-column: 1; }
body.woocommerce-cart .cart-collaterals { width: 100%; grid-column: 2; }
body.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; position: sticky; top: 24px; }
body.woocommerce-cart .cart-collaterals .cross-sells { width: 100%; float: none; margin-bottom: 24px; }
body.woocommerce-cart .cart-collaterals .cross-sells ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }

body.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 0 24px;
}
body.woocommerce-checkout form.checkout #customer_details {
  grid-column: 1;
  grid-row: 1 / span 2;
  overflow: hidden;
  padding: clamp(24px,3vw,38px);
  border: 1px solid var(--jak-line);
  border-radius: var(--jak-radius);
  background: var(--jak-card);
}
body.woocommerce-checkout form.checkout #customer_details .col-1,
body.woocommerce-checkout form.checkout #customer_details .col-2 { width: 100%; float: none; }
body.woocommerce-checkout form.checkout #order_review_heading {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  padding: 24px 24px 14px;
  border: 1px solid var(--jak-line);
  border-bottom: 0;
  border-radius: var(--jak-radius) var(--jak-radius) 0 0;
  background: var(--jak-card);
}
body.woocommerce-checkout form.checkout #order_review {
  grid-column: 2;
  grid-row: 2;
  position: sticky;
  top: 24px;
  border: 1px solid var(--jak-line);
  border-top: 0;
  border-radius: 0 0 var(--jak-radius) var(--jak-radius);
  background: var(--jak-card);
}
body.woocommerce-checkout form.checkout #payment { border-radius: var(--jak-radius-sm); background: var(--jak-page-alt); color: var(--jak-muted); }
body.woocommerce-checkout form.checkout #payment div.payment_box { border-radius: var(--jak-radius-sm); background: var(--jak-card-raised); color: var(--jak-muted); }
body.woocommerce-checkout form.checkout #payment div.payment_box::before { border-bottom-color: var(--jak-card-raised); }
body.woocommerce-checkout .select2-container .select2-selection--single { min-height: 50px; display: flex; align-items: center; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-sm); background: var(--jak-card-raised); color: var(--jak-ink); }
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--jak-ink); }
body.woocommerce-checkout #place_order,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 58px; border-radius: var(--jak-radius-sm); background: var(--jak-pink); color: #090a0c; font-size: 13px; }

/* WooCommerce block equivalents retain the same two-column hierarchy. */
body.woocommerce-cart .wc-block-components-sidebar-layout,
body.woocommerce-checkout .wc-block-components-sidebar-layout { gap: 24px; }
body.jonaths-commerce .wc-block-components-sidebar,
body.jonaths-commerce .wc-block-cart-items,
body.jonaths-commerce .wc-block-checkout__main { border-radius: var(--jak-radius); }
body.jonaths-commerce .wc-block-components-sidebar { padding: 24px; border: 1px solid var(--jak-line); background: var(--jak-card); }
body.jonaths-commerce .wc-block-components-button { min-height: 56px; border-radius: var(--jak-radius-sm); background: var(--jak-pink); color: #090a0c; font-weight: 800; text-transform: uppercase; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.jonaths-site *,
  body.jonaths-site *::before,
  body.jonaths-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 1180px) {
  body.jonaths-commerce .archive-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
	body.woocommerce-cart main#content > .woocommerce,
	body.woocommerce-cart .site-main > .woocommerce,
	body.woocommerce-cart .page-content > .woocommerce,
	body.woocommerce-checkout form.checkout.woocommerce-checkout { grid-template-columns: 1fr; }
	body.woocommerce-cart .woocommerce-cart-form,
	body.woocommerce-cart .cart-collaterals,
	body.woocommerce-checkout form.checkout #customer_details,
	body.woocommerce-checkout form.checkout #order_review_heading,
	body.woocommerce-checkout form.checkout #order_review { grid-column: 1; grid-row: auto; }
	body.woocommerce-cart .cart-collaterals .cart_totals,
	body.woocommerce-checkout form.checkout #order_review { position: static; }
	body.woocommerce-checkout form.checkout #order_review_heading { margin-top: 24px; }
  body.jonaths-commerce .concept-width { width: calc(100% - 34px); }
  body.jonaths-commerce .concept-page-intro { grid-template-columns: 1fr; gap: 18px; }
  body.jonaths-commerce .archive-results { padding: 0 16px 20px; }
  body.jonaths-commerce .filter-backdrop:not([hidden]) { display: block; }
}
@media (max-width: 590px) {
  body.jonaths-commerce .concept-width { width: calc(100% - 24px); }
  body.jonaths-commerce .concept-page-intro { padding-block: 42px; }
  body.jonaths-commerce .concept-page-intro h1 { font-size: 52px; }
  body.jonaths-commerce .archive-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.jonaths-commerce .archive-results { padding: 0 10px 16px; }
  body.jonaths-commerce .archive-product-image { height: 180px; }
  body.jonaths-commerce .archive-product-copy { padding: 12px; }
  body.jonaths-commerce .archive-product-copy h3 { min-height: 52px; font-size: 18px; }
  body.jonaths-commerce .archive-product-image > .archive-quick-view { right: 8px; bottom: 8px; height: 32px; min-height: 32px; padding-inline: 9px; }
  body.jonaths-commerce .archive-product-price { min-height: 42px; font-size: 18px; }
  body.single-product .product-thumbnails { grid-template-columns: repeat(4,1fr); }
  body.single-product .product-summary h1 { font-size: 48px; }
  body.single-product .product-info-grid { display: block; padding: 24px 18px; }
  body.single-product .related-guide { margin-top: 28px; }
  body.single-product .pairs-section > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-media .product-quick-view { right: 10px; bottom: 10px; }
}

/* Editable guide, livestock, service and journal detail pages. */
.jak-editorial-detail { padding-bottom: 110px; background: var(--jak-page, #090a0c); color: var(--jak-ink, #f7f4ee); }
.jak-detail-breadcrumb { min-height: 56px; display: flex; align-items: center; gap: 9px; overflow: hidden; border-bottom: 1px solid var(--jak-line); color: var(--jak-muted); font-size: 12px; white-space: nowrap; }
.jak-detail-breadcrumb a { color: var(--jak-muted); text-decoration: none; }.jak-detail-breadcrumb strong { overflow: hidden; color: var(--jak-ink); text-overflow: ellipsis; }
.jak-detail-hero { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; padding-block: 54px 26px; }
.jak-detail-copy,
.jak-detail-media,
.jak-detail-article,
.jak-detail-facts,
.jak-detail-cta { border: 1px solid var(--jak-line); border-radius: var(--jak-radius, 18px); background: var(--jak-card, #15171c); }
.jak-detail-copy { min-height: 520px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(34px,5vw,72px); }
.jak-detail-copy .jak-kicker,
.jak-detail-facts .jak-kicker,
.jak-detail-cta .jak-kicker { margin: 0 0 16px; color: var(--jak-pink); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.jak-detail-copy h1 { margin: 0; font-family: var(--jak-heading); font-size: clamp(58px,6.2vw,96px); letter-spacing: -.04em; line-height: .82; text-transform: uppercase; }
.jak-detail-lead { margin-top: 26px; color: var(--jak-muted); font-size: 18px; line-height: 1.6; }.jak-detail-lead p { margin: 0; }
.jak-detail-status { margin-top: 28px; padding: 9px 13px; border-radius: 999px; background: var(--jak-green); color: #090a0c; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.jak-detail-media { position: relative; min-height: 520px; overflow: hidden; }
.jak-detail-media img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
.jak-detail-media.is-placeholder { display: grid; place-items: center; align-content: center; gap: 8px; background: radial-gradient(circle at 70% 30%, rgba(255,44,145,.18), transparent 38%), var(--jak-card); color: var(--jak-ink); }
.jak-detail-media.is-placeholder span { font-family: var(--jak-heading); font-size: 38px; text-transform: uppercase; }.jak-detail-media.is-placeholder small { color: var(--jak-muted); font-size: 13px; }
.jak-detail-body { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(320px,.65fr); gap: 24px; padding-top: 24px; }
.jak-detail-article { min-height: 520px; padding: clamp(32px,4vw,60px); color: var(--jak-muted); font-size: 17px; line-height: 1.75; }
.jak-detail-article h2,
.jak-detail-article h3 { color: var(--jak-ink); font-family: var(--jak-heading); line-height: .95; text-transform: uppercase; }.jak-detail-article h2 { margin: 45px 0 16px; font-size: clamp(38px,4vw,58px); }.jak-detail-article h2:first-child { margin-top: 0; }.jak-detail-article h3 { margin: 32px 0 12px; font-size: 30px; }
.jak-detail-article a { color: var(--jak-pink); }.jak-detail-article img { border-radius: var(--jak-radius-sm, 12px); }
.jak-detail-sidebar { display: grid; align-content: start; gap: 24px; }
.jak-detail-facts,
.jak-detail-cta { padding: 28px; }
.jak-detail-facts dl { margin: 0; }.jak-detail-facts dl > div { min-height: 48px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 18px; border-top: 1px solid var(--jak-line); }.jak-detail-facts dt { color: var(--jak-muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.jak-detail-facts dd { margin: 0; color: var(--jak-ink); font-size: 13px; font-weight: 700; text-align: right; }
.jak-detail-cta { background: var(--jak-pink); color: #090a0c; }.jak-detail-cta .jak-kicker { color: #090a0c; }.jak-detail-cta h2 { margin: 0; color: inherit; font-family: var(--jak-heading); font-size: 40px; line-height: .9; text-transform: uppercase; }.jak-detail-cta > p:not(.jak-kicker) { margin: 18px 0 24px; font-size: 14px; line-height: 1.55; }.jak-detail-cta .jak-button { border-radius: var(--jak-radius-sm); background: #090a0c; color: #fff; }

@media (max-width: 900px) {
  .jak-detail-hero { grid-template-columns: 1fr; }
  .jak-detail-copy { min-height: 420px; }
  .jak-detail-media,
  .jak-detail-media img { min-height: 480px; }
  .jak-detail-body { grid-template-columns: 1fr; }
  .jak-detail-sidebar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 590px) {
  .jak-detail-breadcrumb { font-size: 10px; }
  .jak-detail-hero { gap: 14px; padding-block: 24px 14px; }
  .jak-detail-copy { min-height: 360px; padding: 28px 20px; }
  .jak-detail-copy h1 { font-size: clamp(49px,15vw,68px); }
  .jak-detail-lead { font-size: 15px; }
  .jak-detail-media,
  .jak-detail-media img { min-height: 110vw; }
  .jak-detail-body { gap: 14px; padding-top: 0; }
  .jak-detail-article { min-height: 0; padding: 28px 20px; font-size: 15px; }
  .jak-detail-sidebar { grid-template-columns: 1fr; gap: 14px; }
  .jak-detail-facts,
  .jak-detail-cta { padding: 24px 20px; }
}

/* Curved commerce language — deliberately matches the approved homepage cards. */
body.jonaths-commerce .archive-layout {
  gap: 24px;
  border: 0;
  background: transparent;
}
body.jonaths-commerce .archive-filters {
  position: sticky;
  top: 18px;
  overflow: hidden;
  padding: 24px 20px;
  border: 1px solid var(--c-line);
  border-radius: var(--jak-radius);
  background: var(--c-panel);
}
body.jonaths-commerce .archive-results { padding: 0; }
body.jonaths-commerce .archive-toolbar {
  min-height: 68px;
  padding: 0 18px;
  border: 1px solid var(--c-line);
  border-radius: var(--jak-radius);
  background: var(--c-panel);
}
body.jonaths-commerce .archive-toolbar .orderby { border-radius: var(--jak-radius-sm); }
body.jonaths-commerce .archive-view-switcher {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3px;
  padding: 4px;
  border: 1px solid var(--c-line);
  border-radius: 999px;
  background: var(--c-page);
}
body.jonaths-commerce .archive-view-switcher button {
  width: 34px;
  height: 30px;
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--c-muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}
body.jonaths-commerce .archive-view-switcher button:hover,
body.jonaths-commerce .archive-view-switcher button.active {
  background: var(--c-accent);
  color: var(--c-accent-ink);
}
body.jonaths-commerce .archive-view-switcher button[data-product-layout="list"] { gap: 3px; align-content: center; }
body.jonaths-commerce .archive-view-switcher button[data-product-layout="list"] span {
  width: 13px;
  height: 1px;
  display: block;
  background: currentColor;
}
body.jonaths-commerce .archive-active-filters {
  margin-top: 12px;
  padding: 8px 14px;
  border: 1px solid var(--c-line);
  border-radius: var(--jak-radius-sm);
  background: var(--c-panel);
}
body.jonaths-commerce .archive-active-filters span { border-radius: 999px; }
body.jonaths-commerce .archive-product-grid {
  gap: 18px;
  margin-top: 18px;
  border: 0;
}
body.jonaths-commerce .archive-product-grid[data-layout="3"] { grid-template-columns: repeat(3,minmax(0,1fr)); }
body.jonaths-commerce .archive-product-grid[data-layout="4"] { grid-template-columns: repeat(4,minmax(0,1fr)); }
body.jonaths-commerce .archive-product-grid[data-layout="5"] { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
body.jonaths-commerce .archive-product-grid[data-layout="5"] .archive-product-copy { padding: 14px; }
body.jonaths-commerce .archive-product-grid[data-layout="5"] .archive-product-copy h3 { font-size: 18px; }
body.jonaths-commerce .archive-product-grid[data-layout="5"] .archive-product-image > .archive-quick-view span { display: none; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] { grid-template-columns: 1fr; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-card {
  display: grid;
  grid-template-columns: minmax(220px,32%) 1fr;
  min-height: 250px;
}
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-image { height: 100%; min-height: 250px; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-image { border-radius: calc(var(--jak-radius) - 1px) 0 0 calc(var(--jak-radius) - 1px); }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy {
  display: grid;
  align-content: center;
  grid-template-columns: 1fr auto;
  column-gap: 28px;
  padding: clamp(22px,4vw,44px);
}
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy > p,
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy > a,
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy > span { grid-column: 1; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy > p,
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy h3 { min-height: 0; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy h3 { font-size: clamp(25px,3vw,38px); }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-price,
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-actions { grid-column: 2; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-price { grid-row: 1 / 3; justify-content: flex-end; font-size: 25px; }
body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-actions { grid-row: 3 / 5; align-self: end; min-width: 180px; }
body.jonaths-commerce .archive-product-card {
  overflow: hidden;
  border: 1px solid var(--c-line);
  border-radius: var(--jak-radius);
  background: var(--c-panel);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.jonaths-commerce .archive-product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,44,145,.5);
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
}
body.jonaths-commerce .archive-product-image { border-radius: calc(var(--jak-radius) - 1px) calc(var(--jak-radius) - 1px) 0 0; }
body.jonaths-commerce .archive-product-image { height: auto; aspect-ratio: 1 / 1; background: var(--c-panel-2); }
body.jonaths-commerce .archive-product-image > a { position: absolute; inset: 0; width: 100%; height: 100%; }
body.jonaths-commerce .archive-product-image > a > img,
body.jonaths-commerce .archive-product-image img.wp-post-image { position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100% !important; display: block; margin: 0 !important; object-fit: cover !important; object-position: center; }
body.jonaths-commerce .archive-product-image > span { top: 12px; left: 12px; border-radius: 999px; }
body.jonaths-commerce .archive-product-image > .archive-quick-view,
.product-media .product-quick-view { border-radius: var(--jak-radius-sm); }
body.jonaths-commerce .archive-product-actions .button,
body.jonaths-commerce .archive-apply-filters,
body.jonaths-commerce .archive-price-filter input { border-radius: var(--jak-radius-sm); }

body.single-product .product-detail-shell {
  align-items: start;
  gap: 24px;
  border: 0;
  background: transparent;
}
body.single-product .product-gallery,
body.single-product .product-summary {
  border: 1px solid var(--c-line);
  border-radius: var(--jak-radius);
  background: var(--c-panel);
}
body.single-product .product-gallery { padding: 24px; }
body.single-product .product-summary { padding: clamp(26px,3vw,42px); }
body.single-product .product-main-image { overflow: hidden; border-radius: calc(var(--jak-radius) - 4px); }
body.single-product .product-thumbnails button,
body.single-product .product-native-cart .quantity .qty,
body.single-product .product-native-cart .single_add_to_cart_button,
body.single-product .product-native-cart table.variations select { border-radius: var(--jak-radius-sm); }
body.single-product .fulfilment-panel,
body.single-product .before-buy { border-radius: var(--jak-radius-sm); }
body.single-product .product-information {
  overflow: hidden;
  margin-top: 0;
  border: 1px solid var(--c-line);
  border-radius: var(--jak-radius);
  background: var(--c-panel);
}
body.single-product .product-information > nav { padding-inline: 12px; }
body.single-product .related-guide { border-radius: var(--jak-radius-sm); }
body.single-product .pairs-section > div { gap: 18px; border: 0; }

.jak-quick-view-modal { border-radius: var(--jak-radius-lg); }
.jak-cart-drawer { border-radius: var(--jak-radius-lg) 0 0 var(--jak-radius-lg); }
.jak-mini-quantity { overflow: hidden; border-radius: 8px; }

@media (max-width: 900px) {
  body.jonaths-commerce .archive-filters {
    position: fixed;
    top: 0;
    border-radius: 0 var(--jak-radius) var(--jak-radius) 0;
  }
  body.single-product .product-detail-shell { gap: 18px; }
  body.jonaths-commerce .archive-product-grid[data-layout="3"],
  body.jonaths-commerce .archive-product-grid[data-layout="4"],
  body.jonaths-commerce .archive-product-grid[data-layout="5"] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  body.jonaths-commerce .archive-view-switcher button[data-product-layout="4"],
  body.jonaths-commerce .archive-view-switcher button[data-product-layout="5"] { display: none; }
}
@media (max-width: 590px) {
  body.jonaths-commerce .archive-layout { gap: 16px; }
  body.jonaths-commerce .archive-product-grid { gap: 12px; }
  body.jonaths-commerce .archive-toolbar { padding-inline: 12px; }
  body.single-product .product-gallery,
  body.single-product .product-summary,
  body.single-product .product-information { border-radius: 14px; }
  body.single-product .product-gallery { padding: 12px; }
  body.single-product .pairs-section > div { gap: 12px; }
  body.jonaths-commerce .archive-toolbar { flex-wrap: wrap; padding-block: 10px; }
  body.jonaths-commerce .archive-view-switcher { order: 3; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-card { grid-template-columns: 112px 1fr; min-height: 190px; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-image { min-height: 190px; border-radius: 13px 0 0 13px; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-image > .archive-quick-view { display: none; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy { display: block; padding: 14px; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy h3 { min-height: 0; font-size: 19px; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-copy > p { min-height: 0; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-price { min-height: 36px; padding-top: 5px; font-size: 18px; }
  body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-actions .button { min-height: 38px; }
}

/* Product page polish — the approved homepage palette and readable type scale. */
body.single-product .product-gallery > p {
  margin: 13px 0 0;
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.5;
}
body.single-product .product-main-image {
  height: auto;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  background: var(--c-panel-2);
}
body.single-product .product-main-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single-product .product-thumbnails {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scroll-snap-type: x proximity;
  margin-top: 12px;
  gap: 10px;
	padding: 0 0 4px;
}
body.single-product .product-thumbnails button {
	flex: 0 0 88px;
	scroll-snap-align: start;
  aspect-ratio: 1 / 1;
  height: auto;
  border-radius: 12px;
}
body.single-product .product-thumbnails img { object-fit: cover; }
body.single-product .product-eyebrow {
  color: var(--c-accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.single-product .product-lead {
  margin-block: 22px;
  font-size: 16px;
  line-height: 1.65;
}
body.single-product .product-price {
  margin-bottom: 22px;
  padding-block: 20px;
  border-block: 1px solid var(--c-line);
}
body.single-product .product-price .price,
body.single-product .product-price .woocommerce-Price-amount {
  padding: 0;
  background: transparent;
  color: var(--c-ink);
  font-family: var(--jak-heading);
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}
body.single-product .fulfilment-panel { padding: 21px; }
body.single-product .fulfilment-panel strong { font-size: 20px; }
body.single-product .fulfilment-panel > div span { color: var(--c-accent); font-size: 10px; }
body.single-product .fulfilment-panel p { margin: 10px 0; font-size: 13px; line-height: 1.45; }
body.single-product .product-native-cart form.cart { align-items: stretch; gap: 12px; }
body.single-product .product-native-cart .quantity .qty {
  min-height: 54px;
  border: 1px solid var(--c-line);
  background: var(--c-page-2);
  color: var(--c-ink);
  font-size: 15px;
}
body.single-product .product-native-cart .single_add_to_cart_button,
body.single-product .product-native-cart .single_add_to_cart_button:hover,
body.single-product .product-native-cart .single_add_to_cart_button:focus {
  min-height: 54px;
  border: 0;
  background: var(--c-accent);
  color: var(--c-accent-ink);
  font-family: var(--jak-heading);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.single-product .product-native-cart .stock { color: var(--c-green); font-size: 14px; font-weight: 700; }
body.single-product .product-specs > div { min-height: 43px; }
body.single-product .product-specs dt { font-size: 10px; }
body.single-product .product-specs dd { color: var(--c-ink); font-size: 12px; }
body.single-product .before-buy { margin-top: 22px; padding: 22px; }
body.single-product .before-buy strong { color: var(--c-accent); font-size: 10px; }
body.single-product .before-buy p { font-size: 13px; line-height: 1.6; }
body.single-product .before-buy a { color: var(--c-accent); font-size: 10px; }
body.single-product .product-information > nav button { min-height: 62px; font-size: 14px; }
body.single-product .product-info-grid { padding: clamp(28px,3vw,44px); }
body.single-product .product-info-grid h2 { font-size: 31px; }
body.single-product .product-info-grid p,
body.single-product .product-info-grid li { font-size: 15px; line-height: 1.7; }
body.single-product .related-guide strong { font-size: 25px; }

/* Reusable premium editorial post template. */
.jak-editorial-detail--post .jak-detail-hero { grid-template-columns: 1fr; }
.jak-editorial-detail--post .jak-detail-copy { min-height: 460px; align-items: flex-start; justify-content: flex-end; padding: clamp(38px,6vw,76px); background: var(--c-panel); }
.jak-editorial-detail--post .jak-detail-copy h1 { max-width: 1000px; font-size: clamp(58px,7vw,104px); }
.jak-editorial-detail--post .jak-detail-lead { max-width: 760px; }
.jak-editorial-detail--post .jak-detail-media { aspect-ratio: 16 / 7; min-height: 360px; }
.jak-editorial-detail--post .jak-detail-media img { min-height: 360px; }
.jak-article-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 21px 0 0; color: var(--c-muted); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.jak-article-meta a { color: var(--c-accent); text-decoration: none; }
.jak-editorial-detail--post .jak-detail-body { grid-template-columns: minmax(0,1fr) 320px; }
.jak-editorial-detail--post .jak-detail-article { padding: clamp(34px,5vw,72px); }
.jak-editorial-detail--post .jak-detail-article > :first-child { margin-top: 0; }
.jak-editorial-detail--post .jak-detail-article h2 { margin: 1.4em 0 .45em; font-size: clamp(34px,4vw,52px); text-transform: uppercase; }
.jak-editorial-detail--post .jak-detail-article h3 { margin: 1.35em 0 .45em; font-size: 30px; text-transform: uppercase; }
.jak-editorial-detail--post .jak-detail-article p,
.jak-editorial-detail--post .jak-detail-article li { font-size: 17px; line-height: 1.75; }
.jak-editorial-detail--post .jak-detail-article blockquote { margin: 34px 0; padding: 28px 32px; border: 0; border-left: 5px solid var(--c-accent); border-radius: 0 var(--jak-radius) var(--jak-radius) 0; background: var(--c-panel-2); color: var(--c-ink); font-family: var(--jak-heading); font-size: 28px; line-height: 1.15; }
.jak-related-articles { padding-bottom: var(--jak-section); }
.jak-related-articles > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.jak-related-articles > header h2 { margin: 0; font-size: clamp(46px,5vw,72px); text-transform: uppercase; }
.jak-related-articles > header > a { color: var(--c-accent); font-size: 11px; font-weight: 800; text-decoration: none; text-transform: uppercase; }
.jak-related-articles > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.jak-related-articles article { overflow: hidden; border: 1px solid var(--c-line); border-radius: var(--jak-radius); background: var(--c-panel); }
.jak-related-articles__media { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--c-panel-2); }
.jak-related-articles__media img { width: 100%; height: 100%; object-fit: cover; }
.jak-related-articles article > div { padding: 20px; }
.jak-related-articles article p { margin: 0 0 10px; color: var(--c-muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.jak-related-articles h3 { margin: 0 0 20px; font-size: 28px; text-transform: uppercase; }
.jak-related-articles h3 a,
.jak-related-articles article > div > a { text-decoration: none; }
.jak-related-articles article > div > a { color: var(--c-accent); font-size: 10px; font-weight: 800; text-transform: uppercase; }

/* Reusable service, guide, species and mixed-search templates. */
.jak-service-detail,
.jak-guide-detail,
.jak-species-detail,
.jak-search-page { padding-bottom: var(--jak-section); background: var(--jak-page); }
.jak-service-hero,
.jak-guide-hero,
.jak-species-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr); gap: 18px; }
.jak-service-hero__media,
.jak-service-hero__copy,
.jak-guide-hero__copy,
.jak-guide-hero__media,
.jak-species-hero > div,
.jak-species-hero figure { min-height: 620px; overflow: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-service-hero__media img,
.jak-guide-hero__media img,
.jak-species-hero figure img { width: 100%; height: 100%; object-fit: cover; }
.jak-service-hero__media.is-placeholder,
.jak-guide-hero__media.is-placeholder,
.jak-species-hero figure.is-placeholder { display: grid; place-items: center; background: radial-gradient(circle at 70% 25%,rgba(184,255,54,.2),transparent 34%),linear-gradient(145deg,#1a1d22,#090a0c); color: var(--jak-pink); font-family: var(--jak-heading); font-size: 64px; font-weight: 800; line-height: .82; text-align: center; text-transform: uppercase; }
.jak-service-hero__copy,
.jak-guide-hero__copy,
.jak-species-hero > div { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(34px,5vw,72px); }
.jak-service-hero h1,
.jak-guide-hero h1,
.jak-species-hero h1 { margin: 0; font-size: clamp(58px,6.5vw,96px); line-height: .82; text-transform: uppercase; }
.jak-service-lead,
.jak-species-lead { max-width: 650px; margin: 27px 0; color: var(--jak-muted); font-size: 18px; line-height: 1.6; }
.jak-service-hero dl { width: 100%; margin: 0 0 28px; }
.jak-service-hero dl > div { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-top: 1px solid var(--jak-line); }
.jak-service-hero dt { color: var(--jak-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.jak-service-hero dd { margin: 0; font-weight: 700; text-align: right; }
.jak-service-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.jak-service-body { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.72fr); gap: 18px; margin-top: 18px; }
.jak-service-body > article,
.jak-service-body > aside { padding: clamp(32px,5vw,66px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-service-body article h2 { max-width: 750px; margin: 0 0 28px; font-size: clamp(46px,5vw,72px); text-transform: uppercase; }
.jak-service-body article p,
.jak-service-body article li { color: var(--jak-muted); font-size: 16px; line-height: 1.7; }
.jak-service-body aside { display: grid; gap: 28px; }
.jak-service-body aside > div { padding-bottom: 26px; border-bottom: 1px solid var(--jak-line); }
.jak-service-body aside > div:last-child { border-bottom: 0; padding-bottom: 0; }
.jak-service-body aside span { display: inline-grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: var(--jak-pink); color: #090a0c; font-size: 10px; font-weight: 900; }
.jak-service-body aside h3 { margin: 14px 0 7px; font-size: 28px; text-transform: uppercase; }
.jak-service-body aside p { margin: 0; color: var(--jak-muted); }
.jak-service-final { min-height: 230px; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 18px; padding: clamp(30px,5vw,62px); border-radius: var(--jak-radius-lg); background: var(--jak-pink); color: #090a0c; }
.jak-service-final .jak-kicker,
.jak-service-final h2 { color: #090a0c; }
.jak-service-final h2 { margin: 0; font-size: clamp(48px,5vw,72px); text-transform: uppercase; }
.jak-service-final p:last-child { margin: 10px 0 0; }
.jak-service-final .jak-button { background: #090a0c; color: #fff; }

.jak-guide-hero { grid-template-columns: minmax(0,1.12fr) minmax(420px,.88fr); }
.jak-guide-hero__copy { min-height: 520px; }
.jak-guide-hero__media { min-height: 520px; }
.jak-guide-scientific,
.jak-species-scientific { margin: 18px 0 0; color: var(--jak-muted); font-size: 22px; font-style: italic; }
.jak-guide-summary { display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; margin-top: 18px; }
.jak-guide-summary > aside { padding: clamp(30px,4vw,52px); border: 1px solid rgba(255,44,145,.45); border-radius: var(--jak-radius-lg); background: linear-gradient(145deg,rgba(255,44,145,.12),transparent 70%),var(--jak-card); }
.jak-guide-summary aside h2 { margin: 0 0 24px; font-size: clamp(34px,3.6vw,50px); text-transform: uppercase; }
.jak-guide-summary aside > p:last-child { margin: 0; color: var(--jak-muted); }
.jak-guide-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.jak-guide-facts > div { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 25px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-guide-facts span { display: grid; width: 32px; height: 32px; margin-bottom: 27px; place-items: center; border-radius: 9px; background: var(--jak-green); color: #090a0c; font-size: 9px; font-weight: 900; }
.jak-guide-facts small { color: var(--jak-pink); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.jak-guide-facts strong { margin-top: 8px; font-family: var(--jak-heading); font-size: 26px; line-height: 1; text-transform: uppercase; }
.jak-guide-layout { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 18px; margin-top: 18px; }
.jak-guide-article { padding: clamp(32px,5vw,72px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-guide-article > :first-child { margin-top: 0; }
.jak-guide-article h2 { margin: 1.45em 0 .45em; font-size: clamp(38px,4.5vw,58px); text-transform: uppercase; }
.jak-guide-article h3 { margin: 1.35em 0 .45em; font-size: 30px; text-transform: uppercase; }
.jak-guide-article p,
.jak-guide-article li { color: var(--jak-muted); font-size: 17px; line-height: 1.75; }
.jak-guide-article ul,
.jak-guide-article ol { padding-left: 1.35em; }
.jak-guide-sidebar { display: grid; align-content: start; gap: 18px; }
.jak-guide-sidebar > section { padding: 30px; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-guide-sidebar > section:first-child { position: sticky; top: 24px; }
.jak-guide-sidebar h2 { margin: 0; font-size: 36px; text-transform: uppercase; }
.jak-guide-sidebar p:not(.jak-kicker) { margin: 18px 0 24px; color: var(--jak-muted); }
.jak-guide-sidebar .jak-button { width: 100%; }
.jak-guide-detail--buying .jak-guide-summary > aside { border-color: rgba(184,255,54,.4); background: linear-gradient(145deg,rgba(184,255,54,.1),transparent 70%),var(--jak-card); }

.jak-species-hero figure { margin: 0; }
.jak-species-facts { margin-top: 18px; padding: clamp(30px,4vw,54px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-species-facts header { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.jak-species-facts h2 { max-width: 760px; margin: 0; font-size: clamp(46px,5vw,72px); text-transform: uppercase; }
.jak-species-facts > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.jak-species-facts article { min-height: 140px; display: flex; flex-direction: column; justify-content: center; padding: 20px; border-radius: 14px; background: var(--jak-card-raised); }
.jak-species-facts small { color: var(--jak-pink); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.jak-species-facts strong { margin-top: 10px; font-family: var(--jak-heading); font-size: 24px; line-height: 1.05; text-transform: uppercase; }
.jak-species-layout { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 18px; margin-top: 18px; }
.jak-species-layout > article,
.jak-species-layout > aside { padding: clamp(32px,5vw,66px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-species-layout article h2 { margin: 1.4em 0 .45em; font-size: clamp(38px,4vw,56px); text-transform: uppercase; }
.jak-species-layout article p,
.jak-species-layout article li { color: var(--jak-muted); font-size: 16px; line-height: 1.75; }
.jak-species-layout aside { align-self: start; }
.jak-species-layout aside h2 { margin: 0; font-size: 42px; text-transform: uppercase; }
.jak-species-layout aside p { color: var(--jak-muted); }
.jak-species-layout aside .jak-button { width: 100%; margin-top: 10px; }

.jak-search-hero { padding-top: clamp(44px,7vw,92px); }
.jak-search-hero h1 { margin: 0; font-size: clamp(62px,8vw,112px); text-transform: uppercase; }
.jak-search-page__form { max-width: 920px; display: grid; grid-template-columns: minmax(0,1fr) auto; margin-top: 34px; }
.jak-search-page__form input { min-height: 62px; padding-inline: 20px; border-radius: 14px 0 0 14px !important; }
.jak-search-page__form button { min-height: 62px; padding-inline: 32px; border: 0; border-radius: 0 14px 14px 0; background: var(--jak-pink); color: #090a0c; font-weight: 900; text-transform: uppercase; }
.jak-search-summary { color: var(--jak-muted); }
.jak-search-results { padding-top: 36px; }
.jak-search-results__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.jak-search-results__grid article { overflow: hidden; border: 1px solid var(--jak-line); border-radius: var(--jak-radius); background: var(--jak-card); }
.jak-search-result__media { aspect-ratio: 16/10; display: grid; place-items: center; overflow: hidden; background: var(--jak-card-raised); color: var(--jak-pink); font-family: var(--jak-heading); font-size: 42px; font-weight: 800; text-decoration: none; }
.jak-search-result__media img { width: 100%; height: 100%; object-fit: cover; }
.jak-search-results__grid article > div { padding: 23px; }
.jak-search-results__grid article p { margin: 0 0 10px; color: var(--jak-pink); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.jak-search-results__grid h2 { margin: 0 0 14px; font-size: 32px; text-transform: uppercase; }
.jak-search-results__grid h2 a,
.jak-search-results__grid article > div > a { text-decoration: none; }
.jak-search-results__grid article > div > div { min-height: 64px; color: var(--jak-muted); font-size: 14px; }
.jak-search-results__grid strong { display: block; margin-top: 18px; }
.jak-search-results__grid article > div > a { display: inline-block; margin-top: 20px; color: var(--jak-pink); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.jak-search-empty { min-height: 340px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(32px,5vw,66px); border: 1px solid var(--jak-line); border-radius: var(--jak-radius-lg); background: var(--jak-card); }
.jak-search-empty h2 { margin: 0; font-size: clamp(48px,5vw,72px); text-transform: uppercase; }

@media (max-width: 590px) {
  body.single-product .product-main-image { height: auto; aspect-ratio: 1 / 1; }
  body.single-product .product-thumbnails { gap: 8px; }
  body.single-product .product-thumbnails button { flex-basis: 72px; }
  body.single-product .product-eyebrow { font-size: 10px; }
  body.single-product .product-lead { font-size: 15px; }
  body.single-product .fulfilment-panel p,
  body.single-product .before-buy p { font-size: 12px; }
  body.single-product .product-information > nav button { min-height: 56px; padding-inline: 17px; font-size: 12px; }
  body.single-product .product-info-grid p,
  body.single-product .product-info-grid li { font-size: 14px; }
  .jak-search-suggestions { position: fixed; top: 118px; right: 14px; left: 14px; }
  .jak-editorial-detail--post .jak-detail-copy { min-height: 400px; padding: 34px 22px; }
  .jak-editorial-detail--post .jak-detail-copy h1 { font-size: clamp(50px,14vw,66px); }
  .jak-editorial-detail--post .jak-detail-media { min-height: 240px; aspect-ratio: 4/3; }
  .jak-editorial-detail--post .jak-detail-media img { min-height: 240px; }
  .jak-editorial-detail--post .jak-detail-body { grid-template-columns: 1fr; }
  .jak-editorial-detail--post .jak-detail-article p,
  .jak-editorial-detail--post .jak-detail-article li { font-size: 15px; }
  .jak-related-articles > header { align-items: flex-start; flex-direction: column; }
  .jak-related-articles > div { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .jak-service-hero,
  .jak-guide-hero,
  .jak-species-hero { grid-template-columns: 1fr; }
  .jak-service-hero__media,
  .jak-guide-hero__media,
  .jak-species-hero figure { min-height: 0; aspect-ratio: 4/3; order: -1; }
  .jak-service-hero__copy,
  .jak-guide-hero__copy,
  .jak-species-hero > div { min-height: 0; }
  .jak-service-body,
  .jak-guide-summary,
  .jak-guide-layout,
  .jak-species-layout { grid-template-columns: 1fr; }
  .jak-guide-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .jak-guide-sidebar > section:first-child { position: static; }
  .jak-species-facts > div,
  .jak-search-results__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 590px) {
  .jak-service-hero,
  .jak-guide-hero,
  .jak-species-hero { gap: 12px; }
  .jak-service-hero__copy,
  .jak-guide-hero__copy,
  .jak-species-hero > div { padding: 30px 22px; border-radius: 16px; }
  .jak-service-hero__media,
  .jak-guide-hero__media,
  .jak-species-hero figure { border-radius: 16px; }
  .jak-service-hero h1,
  .jak-guide-hero h1,
  .jak-species-hero h1 { font-size: clamp(50px,15vw,68px); }
  .jak-service-body > article,
  .jak-service-body > aside,
  .jak-guide-article,
  .jak-guide-summary > aside,
  .jak-species-facts,
  .jak-species-layout > article,
  .jak-species-layout > aside { padding: 28px 22px; border-radius: 16px; }
  .jak-service-final { align-items: flex-start; flex-direction: column; border-radius: 16px; }
  .jak-guide-facts,
  .jak-species-facts > div,
  .jak-search-results__grid { grid-template-columns: 1fr; }
  .jak-guide-article p,
  .jak-guide-article li { font-size: 15px; }
  .jak-search-page__form { grid-template-columns: 1fr; }
  .jak-search-page__form input,
  .jak-search-page__form button { border-radius: 12px !important; }
  .jak-search-page__form button { margin-top: 8px; }
}

/* Final editorial scale overrides: intentionally last so shared legacy rules cannot
   inflate guide and article typography. */
.jak-editorial-detail--post .jak-detail-copy { min-height: 360px; padding: clamp(34px,5vw,62px); }
.jak-editorial-detail--post .jak-detail-copy h1 { max-width: 920px; font-size: clamp(46px,5.3vw,76px); line-height: .88; }
.jak-editorial-detail--post .jak-detail-media,
.jak-editorial-detail--post .jak-detail-media img { min-height: 310px; }
.jak-editorial-detail--post .jak-detail-article h2 { font-size: clamp(30px,3.1vw,43px); }
.jak-editorial-detail--post .jak-detail-article h3 { font-size: 25px; }
.jak-editorial-detail--post .jak-detail-article p,
.jak-editorial-detail--post .jak-detail-article li { font-size: 16px; line-height: 1.72; }
.jak-editorial-detail--post .jak-detail-article blockquote { font-size: 23px; }
.jak-related-articles > header h2 { font-size: clamp(38px,4.4vw,58px); }
.jak-related-articles h3 { font-size: 24px; }
.jak-guide-hero__copy,
.jak-guide-hero__media { min-height: 460px; }
.jak-guide-hero h1 { font-size: clamp(44px,5vw,72px); line-height: .87; }
.jak-guide-summary aside h2 { font-size: clamp(30px,3.2vw,43px); }
.jak-guide-facts strong { font-size: 22px; }
.jak-guide-article h2 { font-size: clamp(31px,3.5vw,45px); }
.jak-guide-article h3 { font-size: 25px; }
.jak-guide-article p,
.jak-guide-article li { font-size: 16px; line-height: 1.72; }
.jak-guide-sidebar h2 { font-size: 31px; }

@media (max-width: 590px) {
  .jak-editorial-detail--post .jak-detail-copy { min-height: 300px; }
  .jak-editorial-detail--post .jak-detail-copy h1 { font-size: clamp(36px,10.5vw,48px); }
  .jak-editorial-detail--post .jak-detail-media,
  .jak-editorial-detail--post .jak-detail-media img { min-height: 220px; }
  .jak-related-articles > div { display: flex; overflow-x: auto; gap: 12px; padding-bottom: 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .jak-related-articles > div::-webkit-scrollbar { display: none; }
  .jak-related-articles article { width: min(78vw,310px); min-width: min(78vw,310px); flex: 0 0 min(78vw,310px); scroll-snap-align: start; }
  .jak-guide-hero__media { min-height: 0; aspect-ratio: 16/10; }
  .jak-guide-hero__media.is-placeholder { padding: 28px; font-size: clamp(36px,11vw,48px); }
  .jak-guide-hero h1 { font-size: clamp(34px,10vw,44px); }
  .jak-guide-article h2 { font-size: 29px; }
}

/* prototype-home.css */
/* Approved ChatGPT homepage prototype styles, ported to WordPress. */

:root {
  --page: #090a0c;
  --page-alt: #101216;
  --card: #15171c;
  --card-2: #1a1d22;
  --ink: #f7f4ee;
  --muted: #a2a4aa;
  --line: rgba(255,255,255,.11);
  --accent: #ff2c91;
  --accent-ink: #090a0c;
  --signal: #b8ff36;
  --heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --body: 'Barlow', Arial, sans-serif;
  --shadow: 0 24px 80px rgba(0,0,0,.32);
  --radius: 18px;
  --background: #090a0c;
  --foreground: #f7f4ee;
  --primary: #ff2c91;
  --primary-foreground: #090a0c;
  --secondary: #1a1d22;
  --secondary-foreground: #f7f4ee;
  --muted-foreground: #a2a4aa;
  --border: rgba(255,255,255,.11);
  --input: rgba(255,255,255,.16);
  --ring: #ff2c91;
  --popover: #15171c;
  --popover-foreground: #f7f4ee;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; background: #090a0c; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: #090a0c; color: var(--ink); font-family: var(--body); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }

.site-shell { min-height: 100vh; overflow: hidden; background: var(--page); color: var(--ink); transition: background .25s ease, color .25s ease; }
.elementor-widget-shortcode > .elementor-widget-container > .elementor-shortcode { width: 100%; }
.hero-track { position: relative; min-height: clamp(610px, 69vw, 755px); }
.hero-slide { position: absolute; inset: 0; visibility: hidden; opacity: 0; transition: opacity .55s ease, visibility .55s ease; }
.hero-slide.is-active { position: relative; visibility: visible; opacity: 1; }
.nav-mega.is-open .mega-panel { visibility: visible; transform: translate(-50%,0); opacity: 1; }
.department-arrow svg { width: 20px; height: 20px; }
.promo-icon svg { width: 100%; height: 100%; }
.product-tabs-list button[aria-selected='true'] { color: var(--ink) !important; box-shadow: inset 0 -3px var(--accent); }
.product-tabs [hidden] { display: none !important; }
.product-buy .icon-cart { display: grid; place-items: center; }
.site-shell + .site-footer { margin-top: 0; }
.site-shell[data-theme='pink'] { --accent: #ff2c91; --signal: #b8ff36; }
.site-shell[data-theme='acid'] { --accent: #b8ff36; --signal: #ff2c91; }
.site-shell[data-theme='light'] { --page: #f4f0e8; --page-alt: #ece6dc; --card: #fffdf8; --card-2: #e6dfd5; --ink: #111216; --muted: #64656a; --line: rgba(17,18,22,.14); --accent: #f32188; --accent-ink: #fff; --signal: #7cc600; --shadow: 0 22px 60px rgba(28,21,15,.14); --background: #f4f0e8; --foreground: #111216; --secondary: #e6dfd5; --secondary-foreground: #111216; --muted-foreground: #64656a; --border: rgba(17,18,22,.14); --input: rgba(17,18,22,.15); --popover: #fffdf8; --popover-foreground: #111216; }

.page-width { width: min(1420px, calc(100% - 64px)); margin-inline: auto; }
.section { padding-block: 110px; }
.kicker { margin: 0 0 12px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }
.section-heading h2, .livestock-header h2, .services-content h2, .lead-inner h2 { margin: 0; font-family: var(--heading); font-size: clamp(46px, 5.3vw, 78px); font-weight: 800; letter-spacing: -.035em; line-height: .86; text-transform: uppercase; }
.split-heading > p { width: min(480px, 100%); margin: 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.text-link { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; }
.text-link svg { width: 17px; transition: transform .2s ease; }
.text-link:hover svg { transform: translateX(4px); }

.theme-switcher { position: fixed; z-index: 90; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 6px; padding: 6px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(8,9,11,.88); box-shadow: 0 14px 45px rgba(0,0,0,.35); backdrop-filter: blur(16px); color: #fff; }
.theme-switcher > span { padding: 0 8px; color: #b7b8bb; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.theme-switcher button { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 0; border-radius: 999px; background: transparent; color: #b7b8bb; font-size: 11px; font-weight: 700; }
.theme-switcher button:hover, .theme-switcher button.active { background: rgba(255,255,255,.11); color: #fff; }
.swatch { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); }
.swatch-pink { background: #ff2c91; }.swatch-acid { background: #b8ff36; }.swatch-light { background: #eee5d8; }

.announcement { background: var(--accent); color: var(--accent-ink); }
.announcement-inner { min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.announcement-inner span { display: inline-flex; align-items: center; gap: 8px; }
.announcement-inner svg { width: 14px; height: 14px; }
.announcement-links { gap: 22px !important; }
.announcement-links a:hover { text-decoration: underline; }

.site-header { position: relative; z-index: 50; display: block; background: color-mix(in srgb, var(--page) 95%, transparent); border-bottom: 1px solid var(--line); }
.header-main { min-height: 91px; display: grid; grid-template-columns: 245px minmax(260px, 1fr) auto; align-items: center; gap: 38px; }
.wordmark { display: inline-flex; width: max-content; flex-direction: column; line-height: 1; }
.wordmark > span { color: var(--accent); font-family: var(--heading); font-size: 31px; font-weight: 800; letter-spacing: -.025em; }
.wordmark small { margin-top: 4px; color: var(--ink); font-size: 8px; font-weight: 800; letter-spacing: .24em; }
.wordmark-compact > span { font-size: 26px; }
.site-search { height: 46px; display: flex; align-items: center; gap: 12px; padding-left: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); }
.site-search svg { width: 18px; color: var(--muted); }
.site-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 13px; }
.site-search input::placeholder { color: color-mix(in srgb, var(--muted) 82%, transparent); }
.site-search button { height: 100%; padding: 0 21px; border: 0; border-radius: 0 9px 9px 0; background: var(--card-2); color: var(--ink); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.header-actions { display: flex; align-items: center; gap: 22px; }
.header-actions a { position: relative; display: flex; align-items: center; flex-direction: column; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.header-actions a:hover { color: var(--accent); }
.header-actions svg { width: 21px; height: 21px; }
.cart-link b { position: absolute; top: -8px; right: 0; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: var(--accent); color: var(--accent-ink); font-size: 9px; }
.mobile-menu-button { display: none; border: 0; background: transparent; color: var(--ink); }

.desktop-nav { border-top: 1px solid var(--line); }
.nav-row { min-height: 50px; display: flex; align-items: center; gap: clamp(20px, 2.6vw, 42px); }
.nav-row > a, .nav-mega > button { display: inline-flex; min-height: 50px; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--ink); font-size: 12px; font-weight: 700; white-space: nowrap; }
.nav-row > a:hover, .nav-mega > button:hover { color: var(--accent); }
.nav-mega > button svg { width: 14px; }
.nav-pill { padding: 3px 6px; border-radius: 999px; background: var(--signal); color: #111; font-size: 8px; font-weight: 900; }
.nav-sale { margin-left: auto; color: var(--accent) !important; }
.nav-mega { position: static; }
.mega-panel { position: absolute; z-index: 40; top: 100%; left: 50%; width: min(1200px, calc(100% - 64px)); display: grid; grid-template-columns: 260px 1fr; gap: 42px; padding: 36px; transform: translate(-50%, 12px); visibility: hidden; border: 1px solid var(--line); border-radius: 0 0 18px 18px; background: var(--card); box-shadow: var(--shadow); opacity: 0; transition: .18s ease; }
.nav-mega:hover .mega-panel, .nav-mega:focus-within .mega-panel { visibility: visible; transform: translate(-50%, 0); opacity: 1; }
.mega-panel h3 { margin: 0 0 10px; font-family: var(--heading); font-size: 32px; text-transform: uppercase; }
.mega-panel p { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.mega-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mega-links a { display: flex; align-items: center; gap: 13px; padding: 15px; border-radius: 12px; background: var(--page-alt); }
.mega-links a:hover { background: color-mix(in srgb, var(--accent) 12%, var(--page-alt)); }
.mega-links svg { width: 22px; color: var(--accent); }
.mega-links span { display: flex; flex-direction: column; gap: 3px; }
.mega-links strong { font-size: 13px; }.mega-links small { color: var(--muted); font-size: 10px; }

.hero-section { position: relative; background: #08090b; color: #fff; }
.hero-track { margin-left: 0 !important; }
.hero-item { padding-left: 0 !important; }
.hero-slide { position: relative; min-height: clamp(610px, 69vw, 755px); display: flex; align-items: center; overflow: hidden; }
.hero-slide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.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%); }
.hero-content { position: relative; z-index: 2; min-height: inherit; display: flex; align-items: center; justify-content: space-between; padding-block: 100px 135px; }
.hero-copy { width: min(700px, 63%); }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow span { width: 30px; height: 2px; background: var(--accent); }
.hero-copy h1, .hero-copy h2 { margin: 0; color: var(--ink); font-family: var(--heading); font-size: clamp(64px, 8.2vw, 122px); font-weight: 800; letter-spacing: -.045em; line-height: .77; text-transform: uppercase; }
.hero-lead { width: min(570px, 100%); margin: 28px 0 0; color: #d4d4d6; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.48; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.btn { min-height: 51px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border: 1px solid transparent; border-radius: 9px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: transform .18s ease, background .18s ease, border .18s ease; }
.btn:hover { transform: translateY(-2px); }.btn svg { width: 17px; }
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { background: color-mix(in srgb, var(--accent) 88%, white); }
.btn-glass { border-color: rgba(255,255,255,.35); background: rgba(8,9,11,.22); color: #fff; backdrop-filter: blur(10px); }
.btn-glass:hover { border-color: #fff; background: rgba(255,255,255,.12); }
.btn-dark { background: #0b0c0f; color: #fff; }.btn-outline { border-color: var(--line); color: var(--ink); }
.btn-outline:hover { border-color: var(--accent); color: var(--accent); }
.hero-note { align-self: flex-end; width: 280px; display: flex; align-items: center; gap: 13px; padding: 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(8,9,11,.5); backdrop-filter: blur(12px); cursor: pointer; transition: border-color .2s ease, transform .2s ease; }
.hero-note:hover { transform: translateY(-2px); border-color: var(--accent); }
.hero-note > span { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: var(--signal); color: #0c0d0f; }
.hero-note svg { width: 21px; }.hero-note div { display: flex; flex-direction: column; gap: 4px; }.hero-note strong { font-size: 12px; }.hero-note small { color: #b9b9bd; font-size: 10px; line-height: 1.35; }
.hero-controls { position: absolute; z-index: 5; right: 0; bottom: 38px; left: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.hero-controls button { pointer-events: auto; }
.hero-dots { display: flex; align-items: center; gap: 8px; }
.hero-dots button { width: 42px; height: 14px; display: grid; place-items: center; border: 0; background: transparent; }
.hero-dots span { width: 100%; height: 2px; background: rgba(255,255,255,.35); }.hero-dots button.active span { background: var(--accent); }
.hero-arrows { display: flex; align-items: center; gap: 14px; }
.hero-arrows button { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: rgba(8,9,11,.24); color: #fff; }
.hero-arrows button:hover { border-color: var(--accent); color: var(--accent); }.hero-arrows svg { width: 17px; }.hero-arrows span { font-size: 10px; font-weight: 800; letter-spacing: .12em; }

.service-strip { border-bottom: 1px solid var(--line); background: var(--page-alt); }
.service-strip-grid { min-height: 94px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; }
.service-strip-grid > div { min-height: 46px; display: flex; align-items: center; gap: 13px; padding-inline: 25px; border-right: 1px solid var(--line); }
.service-strip-grid > .jak-chat-trigger { border-radius: 12px; transition: background-color .2s ease; }
.service-strip-grid > .jak-chat-trigger:hover { background: rgba(255,44,145,.08); }
.service-strip-grid > div:first-child { padding-left: 0; }.service-strip-grid > div:last-child { padding-right: 0; border-right: 0; }
.service-strip-grid svg { width: 25px; color: var(--accent); }.service-strip-grid span { display: flex; flex-direction: column; gap: 4px; }.service-strip-grid strong { font-size: 12px; }.service-strip-grid small { color: var(--muted); font-size: 10px; }

.departments-section { padding-bottom: 92px; }
.department-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 310px 235px; gap: 16px; }
.department-card { position: relative; min-width: 0; display: block; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.department-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(1.05); transition: transform .45s ease, filter .3s ease; }
.department-card:hover img { transform: scale(1.05); filter: saturate(1.08) contrast(1.05); }
.department-scrim { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,8,10,.94), rgba(7,8,10,.08) 72%); }
.department-icon { position: absolute; top: 18px; left: 18px; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: var(--accent); color: var(--accent-ink); box-shadow: 0 10px 25px rgba(0,0,0,.25); }
.department-icon svg { width: 22px; }
.department-copy { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; flex-direction: column; gap: 4px; color: #fff; }
.department-copy strong { font-family: var(--heading); font-size: 31px; font-weight: 700; line-height: 1; text-transform: uppercase; }.department-copy small { color: #c7c7ca; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.department-arrow { position: absolute; right: 18px; bottom: 24px; width: 20px; color: var(--accent); transform: translateX(-5px); opacity: 0; transition: .2s ease; }.department-card:hover .department-arrow { transform: translateX(0); opacity: 1; }
.department-card:hover .department-copy { padding-right: 28px; }

.brand-section { padding: 28px 0 36px; border-block: 1px solid var(--line); background: var(--card); }
.brand-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.brand-heading > span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }.brand-heading a { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; }.brand-heading svg { width: 15px; }
.brand-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.brand-track { width: max-content; display: flex; align-items: center; gap: 60px; animation: brand-scroll 26s linear infinite; }
.brand-track span { color: var(--ink); font-family: var(--heading); font-size: 24px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; opacity: .76; }
@keyframes brand-scroll { to { transform: translateX(-50%); } }

.promo-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.promo-card { position: relative; min-height: 400px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; overflow: hidden; padding: clamp(34px, 5vw, 68px); border-radius: 24px; }
.promo-card h2 { position: relative; z-index: 2; margin: 0; font-family: var(--heading); font-size: clamp(54px, 6vw, 87px); font-weight: 800; letter-spacing: -.04em; line-height: .81; }
.promo-card > p:not(.kicker) { position: relative; z-index: 2; width: min(500px, 78%); margin: 22px 0 30px; font-size: 15px; line-height: 1.55; }
.promo-card .btn, .promo-card .kicker { position: relative; z-index: 2; }
.promo-primary { background: var(--accent); color: var(--accent-ink); }.promo-primary .kicker { color: var(--accent-ink); }.promo-primary h2 { max-width: 670px; }.promo-primary .promo-artwork { position: absolute; z-index: 1; right: -2px; bottom: -2px; width: min(32%,320px); height: auto; display: block; opacity: .34; pointer-events: none; }.promo-gridlines { position: absolute; inset: 0; background-image: linear-gradient(rgba(8,9,11,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(8,9,11,.08) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(120deg, #000, transparent 72%); }
.promo-secondary { border: 1px solid var(--line); background: var(--card); }.promo-secondary > p:not(.kicker) { width: min(420px, 75%); color: var(--muted); }.promo-secondary h2 { font-size: clamp(52px, 5vw, 72px); }
.advisor-badge { position: absolute; right: 40px; bottom: 36px; display: flex; align-items: center; gap: 11px; transform: rotate(-5deg); }.advisor-badge > span { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 50%; background: var(--signal); color: #111; font-family: var(--heading); font-size: 23px; font-weight: 800; }.advisor-badge small { color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }

.product-section { background: var(--page-alt); }
.product-section > .page-width { display: grid; gap: 0; }
.product-heading { align-items: flex-end; margin-bottom: 18px; }
.product-heading > div { display: grid; align-content: end; }
.product-heading .text-link { align-self: flex-end; margin-bottom: 5px; }
.product-tabs { display: grid; gap: 0; }
.product-tabs-list { height: auto !important; gap: 34px !important; margin: 0 0 4px !important; padding: 0 !important; border-bottom: 1px solid var(--line); }
.woo-source { display: inline-flex; align-items: center; gap: 8px; margin: 17px 0 0; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.woo-source > span { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent); }
.woo-source.woo-live > span { background: var(--signal); box-shadow: 0 0 0 4px color-mix(in srgb, var(--signal) 14%, transparent); }
.product-tabs-list button { min-height: 50px; padding-inline: 0 !important; color: var(--muted) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; }.product-tabs-list button[data-active] { color: var(--ink) !important; }.product-tabs-list button::after { bottom: -1px !important; height: 3px !important; background: var(--accent) !important; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--card); transition: transform .2s ease, border .2s ease; }.product-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); }
.product-media { position: relative; height: auto; aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 60% 35%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 43%), linear-gradient(135deg, var(--card-2), var(--page)); }
.product-media-2 { background: radial-gradient(circle at 45% 45%, color-mix(in srgb, var(--signal) 17%, transparent), transparent 46%), linear-gradient(145deg, var(--card-2), var(--page)); }.product-media-3 { background: radial-gradient(circle at 55% 45%, rgba(30,144,255,.25), transparent 47%), linear-gradient(135deg, var(--card-2), var(--page)); }.product-media-4 { background: radial-gradient(circle at 45% 40%, rgba(232,177,94,.22), transparent 45%), linear-gradient(145deg, var(--card-2), var(--page)); }
.product-symbol { position: relative; z-index: 2; width: 92px; height: 92px; color: var(--ink); stroke-width: 1; opacity: .9; }.product-orbit { position: absolute; width: 180px; height: 180px; border: 1px solid var(--line); border-radius: 50%; box-shadow: inset 0 0 45px rgba(255,255,255,.025); }.product-orbit::after { position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); content: ''; }
.product-photo,
.woocommerce .product-media img.product-photo { position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100% !important; display: block; margin: 0 !important; object-fit: cover !important; object-position: center; transition: transform .35s ease; }
.product-card:hover .product-photo { transform: scale(1.035); }
.product-tag { position: absolute; z-index: 3; top: 16px; left: 16px; padding: 6px 9px; border-radius: 999px; background: var(--accent); color: var(--accent-ink); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.wishlist { position: absolute; z-index: 3; top: 13px; right: 13px; width: 38px; height: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: color-mix(in srgb, var(--card) 70%, transparent); color: var(--ink); line-height: 0; }.wishlist:hover { color: var(--accent); }.wishlist svg { width: 17px; height: 17px; display: block; margin: 0; transform: translateY(.25px); }
.product-body { padding: 20px; }.product-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.product-body h3 { min-height: 44px; margin: 10px 0 8px; font-size: 18px; line-height: 1.25; }.product-rating { color: var(--accent); font-size: 10px; letter-spacing: 1px; }.product-rating small { color: var(--muted); letter-spacing: 0; }
.product-buy { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }.product-buy > strong { font-family: var(--heading); font-size: 23px; }.icon-cart { width: 42px !important; height: 42px !important; padding: 0 !important; border-radius: 10px !important; background: var(--accent) !important; color: var(--accent-ink) !important; }.icon-cart:hover { filter: brightness(1.08); }.icon-cart svg { width: 18px; }
.icon-enquiry { display: grid; place-items: center; background: var(--signal) !important; color: #111 !important; }
.fulfilment { display: flex; align-items: center; gap: 7px; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; line-height: 1.3; }.fulfilment svg { width: 14px; flex: 0 0 auto; color: var(--signal); }
.catalogue-note { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 26px 0 0; color: var(--muted); font-size: 11px; text-align: center; }.catalogue-note svg { width: 15px; color: var(--signal); }

.livestock-section { background: var(--page); }
.livestock-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 42px; }.livestock-intro { width: min(520px, 100%); display: flex; gap: 12px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); }.livestock-intro p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.live-dot { width: 9px; height: 9px; flex: 0 0 auto; margin-top: 4px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 5px color-mix(in srgb, var(--signal) 15%, transparent); }
.livestock-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.livestock-card { overflow: hidden; border-radius: 16px; background: var(--card); }.livestock-image { position: relative; height: 360px; overflow: hidden; }.livestock-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.88); transition: .4s ease; }.livestock-card:hover img { transform: scale(1.04); filter: saturate(1.06); }
.stock-badge { position: absolute; top: 15px; left: 15px; padding: 7px 10px; border-radius: 999px; color: #111; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }.stock-green { background: var(--signal); }.stock-pink { background: var(--accent); color: var(--accent-ink); }.stock-neutral { background: #fff; }
.livestock-body { padding: 19px; }.livestock-body p { margin: 0 0 7px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.livestock-body h3 { margin: 0 0 18px; font-family: var(--heading); font-size: 27px; line-height: 1; }.livestock-body a { display: inline-flex; align-items: center; gap: 7px; color: var(--accent); font-size: 11px; font-weight: 800; text-transform: uppercase; }.livestock-body svg { width: 15px; }.livestock-actions { display: flex; justify-content: center; gap: 12px; margin-top: 34px; }

.services-section { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(55px, 7vw, 110px); align-items: center; }
.services-visual { position: relative; min-height: 730px; overflow: hidden; border-radius: 24px; background: var(--card); }.services-visual > img { width: 100%; height: 100%; min-height: 730px; object-fit: cover; filter: saturate(.85) contrast(1.04); }.services-stamp { position: absolute; top: 28px; right: 28px; display: flex; align-items: center; gap: 9px; padding: 15px 17px; transform: rotate(4deg); background: var(--signal); color: #111; }.services-stamp svg { width: 24px; }.services-stamp span { font-family: var(--heading); font-size: 16px; font-weight: 800; line-height: .85; }.services-caption { position: absolute; right: 25px; bottom: 25px; left: 25px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(8,9,11,.65); backdrop-filter: blur(12px); color: #fff; }.services-caption span { color: #c8c8ca; font-size: 10px; font-weight: 700; text-transform: uppercase; }.services-caption strong { max-width: 260px; font-size: 11px; text-align: right; }
.services-lead { width: min(590px, 100%); margin: 26px 0 32px; color: var(--muted); font-size: 17px; line-height: 1.58; }.services-list { margin-bottom: 30px; border-top: 1px solid var(--line); }.services-list article { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }.services-list article > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 12px; background: var(--card); color: var(--accent); }.services-list article > span svg { width: 23px; }.services-list h3 { margin: 0 0 5px; font-size: 15px; }.services-list p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }.services-list article > svg { width: 18px; color: var(--muted); }

.guides-section { background: var(--page-alt); }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.guide-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--card); }.guide-image { position: relative; height: 310px; display: block; overflow: hidden; }.guide-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); transition: .4s ease; }.guide-card:hover img { transform: scale(1.04); filter: saturate(1); }.guide-image::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,9,11,.55), transparent 55%); content: ''; }.guide-image span { position: absolute; z-index: 2; left: 16px; bottom: 16px; padding: 7px 10px; border-radius: 999px; background: var(--accent); color: var(--accent-ink); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.guide-body { padding: 22px; }.guide-body small { color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.guide-body h3 { margin: 10px 0 22px; font-family: var(--heading); font-size: clamp(26px, 2.4vw, 35px); line-height: 1.03; }.guide-body > a { display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-size: 11px; font-weight: 800; text-transform: uppercase; }.guide-body svg { width: 15px; }

.lead-section { padding-block: 85px; background: var(--accent); color: var(--accent-ink); }.lead-inner { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }.lead-inner .kicker { color: var(--accent-ink); }.lead-form-wrap > p { max-width: 650px; margin: 0 0 24px; font-size: 16px; line-height: 1.55; }.lead-form { height: 62px; display: flex; align-items: center; gap: 12px; padding-left: 18px; background: #fff; border-radius: 10px; }.lead-form > svg { width: 20px; color: #696a70; }.lead-form input { min-width: 0; flex: 1; border: 0; outline: 0; color: #111; }.lead-form button { align-self: stretch; display: flex; align-items: center; gap: 9px; padding: 0 23px; border: 0; border-radius: 0 9px 9px 0; background: #0a0b0d; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.lead-form button:hover { background: #22242a; }.lead-form button svg { width: 16px; }.lead-form-wrap > small { display: block; margin-top: 11px; font-size: 9px; line-height: 1.4; opacity: .78; }

.site-footer { padding-top: 75px; background: #07080a; color: #f7f4ee; }.footer-main { display: grid; grid-template-columns: 1.7fr repeat(3, .75fr); gap: 65px; padding-bottom: 65px; }.footer-brand .wordmark small { color: #f7f4ee; }.footer-brand > p { max-width: 460px; margin: 24px 0; color: #9b9da3; font-size: 13px; line-height: 1.6; }.footer-contact { display: flex; flex-wrap: wrap; gap: 16px 22px; }.footer-contact a, .footer-contact span { display: inline-flex; align-items: center; gap: 7px; color: #c2c3c6; font-size: 10px; }.footer-contact svg { width: 15px; color: var(--accent); }.footer-main > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.footer-main h3 { margin: 0 0 8px; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.footer-main > div:not(.footer-brand) a { color: #9b9da3; font-size: 11px; }.footer-main > div:not(.footer-brand) a:hover { color: var(--accent); }.footer-bottom { min-height: 61px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); color: #707278; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.footer-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 20px 0 0; }
.footer-actions a { min-height: 43px; display: inline-flex; align-items: center; gap: 8px; padding: 0 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: var(--accent); color: #090a0c; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.footer-actions a:last-child { background: transparent; color: #f7f4ee; }
.footer-actions svg { width: 16px; height: 16px; }

/* Elementor's reset is loaded after component styles. Keep the approved prototype
   authoritative inside the single homepage shortcode. */
.elementor .site-shell svg,
.elementor-location-header svg,
.elementor-location-footer svg { fill: none !important; stroke: currentColor !important; }
.elementor-location-header .site-header,
.elementor-location-footer .site-footer { width: 100% !important; max-width: none !important; margin: 0 !important; padding-inline: 0 !important; }
.elementor .hero-slide { position: absolute !important; inset: 0; min-height: clamp(610px, 69vw, 755px); }
.elementor .hero-slide.is-active { position: relative !important; display: flex !important; visibility: visible !important; opacity: 1 !important; }
.elementor .hero-slide > img { position: absolute !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; }
.elementor .hero-content,
.elementor .hero-copy { position: relative !important; z-index: 3 !important; visibility: visible !important; opacity: 1 !important; }
.elementor .hero-copy h1, .elementor .hero-copy h2 { color: #fff !important; }
.elementor .hero-lead { color: #d4d4d6 !important; }
.elementor .service-strip-grid svg { width: 25px !important; height: 25px !important; color: var(--accent) !important; }
.elementor .department-icon svg { width: 22px !important; height: 22px !important; }
.elementor .promo-primary,
.elementor .promo-primary h2,
.elementor .promo-primary .kicker,
.elementor .promo-primary > p { color: #090a0c !important; }
.elementor .promo-primary h2,
.elementor .promo-secondary h2 { text-transform: uppercase; }
.elementor .promo-primary .btn-dark { color: #fff !important; }
.elementor .promo-primary .promo-artwork { position: absolute !important; right: -2px !important; bottom: -2px !important; width: min(32%,320px) !important; height: auto !important; }
.elementor .product-tabs-list { display: flex !important; gap: 34px !important; }
.elementor .product-tabs-list button { flex: 0 0 auto !important; width: auto !important; min-height: 50px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.elementor .product-tabs-list button[aria-selected='true'] { color: var(--ink) !important; box-shadow: inset 0 -3px var(--accent) !important; }
.elementor .lead-section,
.elementor .lead-inner,
.elementor .lead-inner h2,
.elementor .lead-inner .kicker,
.elementor .lead-form-wrap > p,
.elementor .lead-form-wrap > small { color: #090a0c !important; }
.elementor .lead-form { background: #fff !important; }
.elementor .lead-form input { background: transparent !important; color: #111 !important; box-shadow: none !important; }
.elementor .lead-form button { background: #0a0b0d !important; color: #fff !important; }
.elementor .lead-form button svg { color: #fff !important; }
.elementor .lead-section { background: #ff2c91 !important; background-image: none !important; }

.mobile-sheet { background: var(--page) !important; color: var(--ink) !important; width: min(430px, 92vw) !important; padding: 25px !important; border-color: var(--line) !important; }.sheet-close { position: absolute; top: 21px; right: 21px; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); }.sheet-close svg { width: 18px; }.mobile-search { height: 48px; display: flex; align-items: center; gap: 10px; margin-top: 25px; padding-inline: 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--card); }.mobile-search svg { width: 18px; color: var(--muted); }.mobile-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); }.mobile-nav-links { margin-top: 12px; }.mobile-nav-links a { display: grid; grid-template-columns: 25px 1fr auto; align-items: center; gap: 12px; padding: 16px 3px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 700; }.mobile-nav-links a > svg:first-child { color: var(--accent); }.mobile-nav-links a > svg:last-child { width: 16px; color: var(--muted); }.mobile-secondary-links { display: grid; gap: 13px; margin-top: 25px; }.mobile-secondary-links a { color: var(--muted); font-size: 12px; }

@media (max-width: 1120px) {
  .header-main { grid-template-columns: 210px 1fr auto; gap: 22px; }
  .header-actions a:nth-child(1) { display: none; }
  .desktop-nav .nav-row { gap: 20px; }
  .nav-row > a, .nav-mega > button { font-size: 10px; }
  .hero-copy { width: 72%; }
  .hero-note { display: none; }
  .department-grid { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 250px); }
  .department-card:last-child { grid-column: span 2; }
  .product-grid, .livestock-grid { grid-template-columns: repeat(2, 1fr); }
  .product-media { height: 320px; }
  .footer-main { grid-template-columns: 1.5fr repeat(3, .8fr); gap: 35px; }
}

@media (max-width: 860px) {
  .page-width { width: min(100% - 36px, 720px); }
  .section { padding-block: 78px; }
  .theme-switcher { right: 10px; bottom: 10px; }
  .theme-switcher > span, .theme-switcher button { font-size: 0; }
  .theme-switcher button { width: 32px; padding: 0; justify-content: center; }
  .swatch { width: 12px; height: 12px; }
  .announcement-inner { justify-content: center; text-align: center; }
  .announcement-links { display: none !important; }
  .header-main { min-height: 72px; grid-template-columns: 42px 1fr auto; gap: 10px; }
  .mobile-menu-button { display: grid; width: 38px; height: 38px; place-items: center; }
  .header-main > .wordmark { justify-self: center; }
  .wordmark > span { font-size: 25px; }
  .wordmark small { font-size: 6px; }
  .site-search, .header-actions a:not(.cart-link), .desktop-nav { display: none; }
  .header-actions { gap: 0; }
  .cart-link span { display: none; }
  .cart-link svg { width: 23px; height: 23px; }
  .hero-track { min-height: 720px; }
  .hero-slide.is-active { min-height: 720px; display: block; padding-top: 320px; background: #08090b; }
  .hero-slide > img { height: 345px; object-position: center !important; }
  .hero-content { min-height: 400px; align-items: flex-start; padding-block: 54px 112px; }
  .hero-copy { width: 100%; }
  .hero-overlay { height: 346px; bottom: auto; background: linear-gradient(0deg, #08090b 0%, rgba(8,9,11,.18) 38%, rgba(8,9,11,.08) 100%); }
  .hero-copy h1, .hero-copy h2 { font-size: clamp(58px, 13vw, 84px); }
  .hero-lead { max-width: 570px; font-size: 16px; }
  .hero-controls { bottom: 28px; }
  .service-strip { overflow: hidden; }
  .service-strip-grid { width: 100%; display: flex; gap: 0; overflow-x: auto; padding: 12px 18px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .service-strip-grid::-webkit-scrollbar { display: none; }
  .service-strip-grid > div { min-width: min(340px, 62vw); flex: 0 0 min(340px, 62vw); padding: 12px 22px; border-right: 1px solid var(--line); scroll-snap-align: start; }
  .service-strip-grid > div:first-child { padding-left: 12px; }
  .service-strip-grid > div:last-child { padding-right: 22px; border-right: 0; }
  .section-heading, .livestock-header { align-items: flex-start; flex-direction: column; gap: 20px; }
  .split-heading > p { width: 100%; }
  .department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; }
  .department-card { aspect-ratio: 1 / 1; }
  .department-card:last-child { grid-column: auto; }
  .promo-grid { grid-template-columns: 1fr; }
  .promo-card { min-height: 380px; }
  .promo-secondary > p:not(.kicker) { width: 70%; }
  .services-section { grid-template-columns: 1fr; }
  .services-visual { min-height: 560px; }
  .services-visual > img { min-height: 560px; }
  .guide-grid { grid-template-columns: 1fr; }
  .guide-card { display: grid; grid-template-columns: .8fr 1.2fr; }
  .guide-image { height: 250px; }
  .lead-inner { grid-template-columns: 1fr; gap: 35px; }
  .footer-main { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .page-width { width: calc(100% - 28px); }
  .section { padding-block: 64px; }
  .announcement-inner { min-height: 42px; font-size: 9px; line-height: 1.25; }
  .wordmark > span { font-size: 22px; }
  .hero-track { min-height: 660px; }
  .hero-slide.is-active { min-height: 660px; padding-top: 245px; }
  .hero-slide > img { height: 270px; }
  .hero-overlay { height: 271px; }
  .hero-content { min-height: 415px; padding-block: 42px 100px; }
  .hero-copy h1, .hero-copy h2 { font-size: clamp(50px, 15.6vw, 68px); line-height: .8; }
  .hero-lead { margin-top: 20px; font-size: 14px; }
  .hero-buttons { margin-top: 25px; }
  .btn { min-height: 48px; padding-inline: 17px; font-size: 10px; }
  .hero-dots button { width: 26px; }
  .hero-arrows span { display: none; }
  .service-strip-grid { padding-inline: 12px; }
  .service-strip-grid > div { min-width: 78vw; flex-basis: 78vw; min-height: 62px; padding: 8px 17px; border-bottom: 0; }
  .service-strip-grid > div:first-child { padding-left: 8px; }
  .section-heading h2, .livestock-header h2, .services-content h2, .lead-inner h2 { font-size: clamp(45px, 16vw, 65px); }
  .department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; gap: 10px; }
  .department-card { aspect-ratio: 1 / 1; }
  .department-icon { top: 10px; left: 10px; width: 34px; height: 34px; border-radius: 9px; }
  .department-icon svg { width: 18px; }
  .department-copy { right: 10px; bottom: 11px; left: 10px; }
  .department-copy strong { font-size: clamp(20px, 6vw, 27px); }
  .department-copy small { max-width: 92%; font-size: 7px; line-height: 1.3; }
  .brand-heading a { display: none; }
  .promo-card { min-height: 420px; padding: 32px 26px; }
  .promo-card h2 { font-size: 56px; }
  .promo-card > p:not(.kicker), .promo-secondary > p:not(.kicker) { width: 100%; }
  .promo-primary .promo-artwork { width: 190px; }
  .advisor-badge { right: 25px; bottom: 25px; }
  .product-heading .text-link { display: none; }
  .product-tabs-list { gap: 20px !important; width: 100% !important; overflow-x: auto; }
  .product-tabs-list button { flex: 0 0 auto !important; }
  .product-grid, .livestock-grid { grid-template-columns: 1fr; }
  .product-media { height: 285px; }
  .livestock-image { height: 360px; }
  .livestock-actions { align-items: stretch; flex-direction: column; }
  .livestock-actions .btn { width: 100%; }
  .services-visual, .services-visual > img { min-height: 490px; }
  .services-caption { align-items: flex-start; flex-direction: column; }
  .services-caption strong { text-align: left; }
  .services-list article { grid-template-columns: 48px 1fr; }
  .services-list article > svg { display: none; }
  .guide-card { display: block; }
  .guide-image { height: 270px; }
  .lead-section { padding-block: 65px; }
  .lead-form { height: auto; flex-wrap: wrap; padding: 14px; }
  .lead-form input { min-height: 40px; }
  .lead-form button { width: 100%; min-height: 48px; justify-content: center; border-radius: 8px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 40px 25px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-main > div:last-child { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 18px; }
  .catalogue-note { align-items: flex-start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 620px) {
  /* Homepage-only card rails. The WooCommerce shop grid intentionally remains unchanged. */
  .site-shell .product-grid,
  .site-shell .livestock-grid,
  .site-shell .guide-grid { display: flex; overflow-x: auto; gap: 12px; padding: 2px 2px 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .site-shell .product-grid::-webkit-scrollbar,
  .site-shell .livestock-grid::-webkit-scrollbar,
  .site-shell .guide-grid::-webkit-scrollbar { display: none; }
  .site-shell .product-grid > *,
  .site-shell .livestock-grid > *,
  .site-shell .guide-grid > * { width: min(78vw,310px); min-width: min(78vw,310px); flex: 0 0 min(78vw,310px); scroll-snap-align: start; }
  .site-shell .product-media,
  .site-shell .livestock-image { height: auto; aspect-ratio: 1; }
  .site-shell .guide-image { height: auto; aspect-ratio: 4/3; }
  .footer-actions a { flex: 1 1 132px; justify-content: center; }
}

/* Coming soon route */
.coming-page { min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; background: #08090b; color: #f7f4ee; font-family: var(--body); }
.coming-header { position: relative; z-index: 5; width: min(1540px, calc(100% - 72px)); min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-inline: auto; border-bottom: 1px solid rgba(255,255,255,.13); }
.coming-wordmark { display: inline-flex; flex-direction: column; line-height: 1; }
.coming-wordmark span { color: #ff2c91; font-family: var(--heading); font-size: 31px; font-weight: 800; letter-spacing: -.025em; }
.coming-wordmark small { margin-top: 4px; color: #f7f4ee; font-size: 8px; font-weight: 800; letter-spacing: .24em; }
.coming-header-contact { display: flex; align-items: center; gap: 26px; }
.coming-header-contact a { display: inline-flex; align-items: center; gap: 8px; color: #b3b4b8; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.coming-header-contact a:hover { color: #b8ff36; }
.coming-header-contact svg { width: 16px; }
.coming-layout { width: min(1540px, calc(100% - 72px)); display: grid; grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr); gap: clamp(45px, 6vw, 110px); align-items: center; margin: 34px auto; }
.coming-copy { position: relative; z-index: 2; padding-block: 45px; }
.coming-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #b8ff36; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.coming-kicker svg { width: 16px; }
.coming-copy h1 { margin: 0; font-family: var(--heading); font-size: clamp(72px, 8vw, 128px); font-weight: 800; letter-spacing: -.052em; line-height: .77; }
.coming-lead { width: min(670px, 100%); margin: 30px 0 26px; color: #c0c1c5; font-size: clamp(16px, 1.3vw, 20px); line-height: 1.55; }
.coming-departments { display: flex; flex-wrap: wrap; gap: 8px; }
.coming-departments span { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #d0d1d4; font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.coming-departments svg { width: 14px; color: #ff2c91; }
.coming-signup { width: min(670px, 100%); margin-top: 34px; padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: #121419; }
.coming-signup > div { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.coming-signup strong { font-size: 13px; }.coming-signup small { color: #8f9197; font-size: 10px; }
.coming-signup form { min-height: 56px; display: flex; align-items: center; gap: 11px; padding-left: 15px; border-radius: 9px; background: #fff; }
.coming-signup form > svg { width: 18px; color: #676970; }
.coming-signup input { min-width: 0; flex: 1; border: 0; outline: 0; color: #111; font-size: 13px; }
.coming-signup button { align-self: stretch; display: inline-flex; align-items: center; gap: 8px; padding: 0 19px; border: 0; border-radius: 0 8px 8px 0; background: #ff2c91; color: #08090b; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.coming-signup button:hover { background: #b8ff36; }.coming-signup button svg { width: 15px; }
.coming-form-note { display: block; margin-top: 10px; line-height: 1.4; }
.coming-store-note { width: min(670px, 100%); display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; color: #92949a; font-size: 10px; }
.coming-store-note a { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: #b8ff36; font-weight: 800; text-transform: uppercase; }
.coming-store-note svg { width: 14px; }
.coming-visual { position: relative; min-height: min(730px, calc(100svh - 180px)); overflow: hidden; border-radius: 25px; background: #15171c; }
.coming-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.92) contrast(1.05); }
.coming-image-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,8,10,.88), transparent 50%), linear-gradient(110deg, rgba(7,8,10,.18), transparent 55%); }
.coming-visual::before { position: absolute; z-index: 2; top: 0; right: 0; width: 130px; height: 130px; background: #ff2c91; clip-path: polygon(100% 0, 100% 100%, 0 0); content: ''; }
.coming-visual-label { position: absolute; z-index: 3; right: 32px; bottom: 30px; left: 32px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.coming-visual-label span { color: #c7c8cb; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.coming-visual-label strong { max-width: 310px; font-family: var(--heading); font-size: clamp(30px, 3vw, 48px); line-height: .9; text-align: right; text-transform: uppercase; }
.coming-status { position: absolute; z-index: 3; top: 25px; left: 25px; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(8,9,11,.55); backdrop-filter: blur(12px); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.coming-status i { width: 8px; height: 8px; border-radius: 50%; background: #b8ff36; box-shadow: 0 0 0 4px rgba(184,255,54,.16); }
.coming-watermark { position: absolute; z-index: 2; right: -8px; bottom: 54px; color: rgba(255,255,255,.1); font-family: var(--heading); font-size: clamp(140px, 18vw, 280px); font-weight: 800; line-height: .6; }
.coming-footer { width: min(1540px, calc(100% - 72px)); min-height: 57px; display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-inline: auto; border-top: 1px solid rgba(255,255,255,.13); color: #696b71; font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }

@media (max-width: 1050px) {
  .coming-layout { grid-template-columns: 1fr; }
  .coming-copy { padding-bottom: 10px; }
  .coming-visual { min-height: 620px; }
}

@media (max-width: 620px) {
  .coming-header, .coming-layout, .coming-footer { width: calc(100% - 28px); }
  .coming-header { min-height: 76px; }
  .coming-wordmark span { font-size: 23px; }.coming-wordmark small { font-size: 6px; }
  .coming-header-contact a { font-size: 0; }.coming-header-contact a:last-child { display: none; }.coming-header-contact svg { width: 21px; height: 21px; }
  .coming-layout { gap: 28px; margin-block: 16px 28px; }
  .coming-copy { padding-block: 32px 0; }
  .coming-copy h1 { font-size: clamp(61px, 19vw, 86px); }
  .coming-lead { margin-top: 24px; font-size: 15px; }
  .coming-departments { gap: 6px; }.coming-departments span { min-height: 31px; padding-inline: 9px; font-size: 8px; }
  .coming-signup { padding: 14px; }.coming-signup > div { align-items: flex-start; flex-direction: column; gap: 4px; }
  .coming-signup form { flex-wrap: wrap; padding: 12px; }.coming-signup input { min-height: 38px; }.coming-signup button { width: 100%; min-height: 47px; justify-content: center; border-radius: 8px; }
  .coming-store-note { align-items: flex-start; flex-direction: column; gap: 9px; }
  .coming-visual { min-height: 470px; border-radius: 18px; }
  .coming-visual-label { right: 18px; bottom: 18px; left: 18px; align-items: flex-start; flex-direction: column; gap: 8px; }.coming-visual-label strong { font-size: 35px; text-align: left; }
  .coming-status { top: 16px; left: 16px; }
  .coming-footer { min-height: 78px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 7px; }
}

/* Expanded client concept routes */
.concept-site {
  --c-page: #090a0c;
  --c-page-2: #0f1115;
  --c-panel: #15171c;
  --c-panel-2: #1a1d22;
  --c-ink: #f7f4ee;
  --c-muted: #9ea0a7;
  --c-line: rgba(255,255,255,.12);
  --c-pink: #ff2c91;
  --c-green: #b8ff36;
  --c-accent: var(--c-pink);
  --c-accent-ink: #090a0c;
  min-height: 100vh;
  overflow: hidden;
  background: var(--c-page);
  color: var(--c-ink);
}
.concept-site[data-theme='acid'] { --c-accent: var(--c-green); }
.concept-site[data-theme='light'] { --c-page: #f2eee7; --c-page-2: #e9e3da; --c-panel: #fffdf9; --c-panel-2: #e7dfd4; --c-ink: #111216; --c-muted: #65666b; --c-line: rgba(17,18,22,.16); --c-accent: #ed2a80; --c-green: #75bd00; --c-accent-ink: #fff; }
.concept-site button, .concept-site input, .concept-site textarea, .concept-site select { font: inherit; }
.concept-width { width: min(1450px, calc(100% - 64px)); margin-inline: auto; }
.concept-theme-control { position: fixed; z-index: 120; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 5px; padding: 6px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(8,9,11,.9); box-shadow: 0 16px 45px rgba(0,0,0,.4); backdrop-filter: blur(14px); color: #fff; }
.concept-theme-control > span { padding-inline: 8px; color: #a7a8ad; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.concept-theme-control button { min-height: 32px; display: flex; align-items: center; gap: 6px; padding-inline: 10px; border: 0; border-radius: 999px; background: transparent; color: #aaa; font-size: 10px; font-weight: 700; }
.concept-theme-control button.active { background: rgba(255,255,255,.12); color: #fff; }
.review-bar { min-height: 48px; background: #08090b; color: #fff; border-bottom: 1px solid rgba(255,255,255,.13); }
.review-bar-inner { width: min(1540px, calc(100% - 40px)); min-height: 48px; display: flex; align-items: center; gap: 22px; margin-inline: auto; }
.review-label { display: inline-flex; align-items: center; gap: 7px; color: #b8ff36; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.review-label svg { width: 14px; }
.review-bar nav { min-width: 0; display: flex; align-items: center; align-self: stretch; overflow-x: auto; scrollbar-width: none; }
.review-bar nav::-webkit-scrollbar { display: none; }
.review-bar nav a { min-height: 48px; display: inline-flex; align-items: center; padding-inline: 14px; border-bottom: 2px solid transparent; color: #9d9fa5; font-family: var(--heading); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.review-bar nav a:hover, .review-bar nav a.active { border-color: #ff2c91; color: #fff; }
.review-note { margin-left: auto; color: #6e7077; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.concept-announcement { background: var(--c-accent); color: var(--c-accent-ink); }
.concept-announcement > div { min-height: 36px; display: flex; align-items: center; justify-content: space-between; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.concept-announcement span { display: inline-flex; align-items: center; gap: 7px; }
.concept-announcement svg { width: 14px; }
.concept-header { position: relative; z-index: 60; background: var(--c-page); border-bottom: 1px solid var(--c-line); }
.concept-header-main { min-height: 90px; display: grid; grid-template-columns: 245px minmax(300px, 1fr) auto; align-items: center; gap: 35px; }
.concept-wordmark { display: inline-flex; width: max-content; flex-direction: column; line-height: 1; }
.concept-wordmark span { color: var(--c-accent); font-family: var(--heading); font-size: 31px; font-weight: 800; letter-spacing: -.025em; }
.concept-wordmark small { margin-top: 4px; color: var(--c-ink); font-size: 7px; font-weight: 800; letter-spacing: .24em; }
.concept-search { height: 48px; display: flex; align-items: center; gap: 12px; padding-left: 15px; border: 1px solid var(--c-line); border-radius: 2px; background: var(--c-panel); }
.concept-search svg { width: 17px; color: var(--c-muted); }
.concept-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--c-ink); font-size: 12px; }
.concept-search button { align-self: stretch; padding-inline: 22px; border: 0; background: var(--c-panel-2); color: var(--c-ink); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.concept-header-actions { display: flex; align-items: center; gap: 22px; }
.concept-header-actions a { position: relative; display: flex; align-items: center; flex-direction: column; gap: 4px; color: var(--c-muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.concept-header-actions a:hover { color: var(--c-accent); }
.concept-header-actions svg { width: 20px; }
.concept-header-actions b { position: absolute; top: -8px; right: 0; display: grid; width: 16px; height: 16px; place-items: center; background: var(--c-accent); color: var(--c-accent-ink); font-size: 8px; }
.concept-mobile-trigger { display: none; border: 0; background: transparent; color: var(--c-ink); }
.concept-main-nav { border-top: 1px solid var(--c-line); }
.concept-main-nav > .concept-width { min-height: 50px; display: flex; align-items: center; gap: clamp(18px, 2.5vw, 40px); }
.concept-main-nav a, .concept-main-nav button { min-height: 50px; display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--c-ink); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.concept-main-nav a:hover, .concept-main-nav button:hover, .concept-main-nav button.active { color: var(--c-accent); }
.concept-main-nav button svg { width: 14px; }
.concept-main-nav i { padding: 3px 5px; background: var(--c-green); color: #0b0c0e; font-size: 7px; font-style: normal; }
.concept-mega { position: absolute; z-index: 60; right: 0; left: 0; border-top: 2px solid var(--c-accent); background: var(--c-panel); box-shadow: 0 28px 70px rgba(0,0,0,.5); }
.concept-mega-inner { display: grid; grid-template-columns: repeat(5, 1fr) 1.25fr; gap: 28px; padding-block: 34px; }
.concept-mega h3 { min-height: 50px; display: flex; align-items: flex-start; gap: 9px; margin: 0 0 12px; border-bottom: 1px solid var(--c-line); font-family: var(--heading); font-size: 17px; line-height: 1; text-transform: uppercase; }
.concept-mega h3 svg { width: 18px; flex: 0 0 auto; color: var(--c-accent); }
.concept-mega div > a { min-height: 32px; display: flex; justify-content: space-between; color: var(--c-muted); font-size: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.concept-mega div > a svg { width: 13px; }
.concept-mega-feature { position: relative; min-height: 210px !important; display: flex !important; align-items: flex-start !important; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 18px; color: #fff !important; white-space: normal !important; }
.concept-mega-feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.concept-mega-feature::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,8,10,.95), rgba(7,8,10,.1)); content: ''; }
.concept-mega-feature > *:not(img) { position: relative; z-index: 2; }
.concept-mega-feature span { color: var(--c-green); font-size: 8px; letter-spacing: .12em; }
.concept-mega-feature strong { margin-block: 5px 10px; font-family: var(--heading); font-size: 24px; line-height: .9; text-transform: uppercase; }
.concept-mega-feature small { display: inline-flex; align-items: center; gap: 6px; font-size: 8px; }
.concept-mega-feature svg { width: 13px; }
.concept-drawer-backdrop { position: fixed; z-index: 150; inset: 0; background: rgba(0,0,0,.65); }
.concept-drawer { width: min(390px, 94vw); height: 100%; overflow-y: auto; background: var(--c-page); color: var(--c-ink); box-shadow: 20px 0 70px rgba(0,0,0,.55); }
.concept-drawer-head { min-height: 82px; display: flex; align-items: center; justify-content: space-between; padding-inline: 20px; border-bottom: 1px solid var(--c-line); }
.concept-drawer-head button { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--c-line); background: transparent; color: var(--c-ink); }
.concept-drawer-search { min-height: 48px; display: flex; align-items: center; gap: 10px; margin: 14px; padding-inline: 13px; border: 1px solid var(--c-line); background: var(--c-panel); }
.concept-drawer-search svg { width: 17px; color: var(--c-muted); }
.concept-drawer-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--c-ink); font-size: 12px; }
.concept-drawer nav > a, .concept-mobile-group > button { width: 100%; min-height: 51px; display: flex; align-items: center; justify-content: space-between; padding-inline: 17px; border: 0; border-bottom: 1px solid var(--c-line); background: transparent; color: var(--c-ink); font-family: var(--heading); font-size: 14px; font-weight: 800; text-transform: uppercase; }
.concept-mobile-group > div a { min-height: 45px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px 0 28px; border-bottom: 1px solid var(--c-line); color: var(--c-muted); font-size: 11px; }
.concept-mobile-group > div svg { width: 14px; }
.concept-drawer-actions { display: grid; gap: 8px; padding: 18px; }
.concept-drawer-actions a { min-height: 48px; display: grid; place-items: center; background: var(--c-accent); color: var(--c-accent-ink); font-family: var(--heading); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.concept-drawer-actions a:last-child { border: 1px solid var(--c-line); background: transparent; color: var(--c-ink); }
.concept-breadcrumbs { min-height: 55px; display: flex; align-items: center; gap: 9px; overflow-x: auto; border-bottom: 1px solid var(--c-line); color: var(--c-muted); font-size: 9px; white-space: nowrap; scrollbar-width: none; }
.concept-breadcrumbs a:last-child { color: var(--c-ink); font-weight: 700; }
.concept-page-intro { display: grid; grid-template-columns: 1fr minmax(350px, .7fr); align-items: end; gap: 40px; padding-block: 54px; }
.concept-page-intro p, .animal-kicker { margin: 0 0 10px; color: var(--c-accent); font-size: 9px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.concept-page-intro h1 { grid-column: 1; margin: 0; font-family: var(--heading); font-size: clamp(60px, 6.5vw, 94px); font-weight: 800; letter-spacing: -.045em; line-height: .8; text-transform: uppercase; }
.concept-page-intro > span { grid-column: 2; grid-row: 1 / 3; color: var(--c-muted); font-size: 15px; line-height: 1.6; }
.concept-footer { margin-top: 100px; border-top: 1px solid var(--c-line); background: #08090b; color: #f7f4ee; }
.concept-footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 65px; padding-block: 70px; }
.concept-footer-grid > div { display: flex; align-items: flex-start; flex-direction: column; gap: 11px; }
.concept-footer-grid p { width: min(350px, 100%); color: #97999f; font-size: 12px; line-height: 1.55; }
.concept-footer-grid strong { margin-bottom: 7px; color: #b8ff36; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.concept-footer-grid a, .concept-footer-grid span { color: #a9aab0; font-size: 11px; line-height: 1.5; }

/* Showcase overview */
.concept-showcase-page { padding-bottom: 10px; }
.concept-showcase-hero { min-height: 470px; display: grid; grid-template-columns: 1fr 360px; align-items: center; gap: 80px; padding-block: 70px; }
.concept-showcase-hero > div > p { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; color: var(--c-green); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.concept-showcase-hero > div > p svg { width: 15px; }
.concept-showcase-hero h1 { margin: 0; font-family: var(--heading); font-size: clamp(72px, 8vw, 122px); font-weight: 800; letter-spacing: -.05em; line-height: .76; text-transform: uppercase; }
.concept-showcase-hero h1 em { color: var(--c-accent); font-style: normal; }
.concept-showcase-hero > div > span { width: min(680px, 100%); display: block; margin-top: 28px; color: var(--c-muted); font-size: 17px; line-height: 1.55; }
.concept-showcase-hero aside { display: flex; align-items: stretch; flex-direction: column; padding: 24px; border: 1px solid var(--c-line); background: var(--c-panel); }
.concept-showcase-hero aside strong { margin-bottom: 16px; font-family: var(--heading); font-size: 25px; text-transform: uppercase; }
.concept-showcase-hero aside span { display: flex; align-items: center; gap: 10px; padding-block: 12px; border-top: 1px solid var(--c-line); color: var(--c-muted); font-size: 10px; text-transform: uppercase; }
.concept-showcase-hero aside i { width: 28px; height: 28px; border: 1px solid var(--c-line); }
.colour-pink { background: #ff2c91; }.colour-green { background: #b8ff36; }.colour-cream { background: #f7f4ee; }
.concept-showcase-hero aside small { margin-top: 15px; color: var(--c-green); font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.concept-showcase-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
.concept-showcase-card { position: relative; min-height: 420px; display: flex; align-items: flex-end; grid-column: span 4; overflow: hidden; padding: 26px; border: 1px solid var(--c-line); background: var(--c-panel); color: #fff; }
.concept-showcase-card:nth-child(1), .concept-showcase-card:nth-child(2) { min-height: 500px; grid-column: span 6; }
.concept-showcase-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.8); transition: transform .45s ease, filter .35s ease; }
.concept-showcase-card:hover img { transform: scale(1.04); filter: saturate(1); }
.concept-showcase-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,8,10,.96), rgba(7,8,10,.06) 75%); }
.concept-showcase-card > small { position: absolute; z-index: 2; top: 19px; left: 19px; color: var(--c-green); font-size: 8px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.concept-showcase-card > div { position: relative; z-index: 2; }
.concept-showcase-card h2 { margin: 0; font-family: var(--heading); font-size: 45px; line-height: .87; text-transform: uppercase; }
.concept-showcase-card p { max-width: 420px; margin-block: 12px 18px; color: #b7b8bd; font-size: 12px; line-height: 1.55; }
.concept-showcase-card b { display: inline-flex; align-items: center; gap: 8px; color: var(--c-accent); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.concept-showcase-card b svg { width: 14px; }
.concept-principles { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 15px; border: 1px solid var(--c-line); }
.concept-principles > div { display: grid; grid-template-columns: 42px 1fr; gap: 5px 15px; padding: 28px; border-right: 1px solid var(--c-line); }
.concept-principles > div:last-child { border-right: 0; }
.concept-principles span { grid-row: span 2; color: var(--c-accent); font-family: var(--heading); font-size: 29px; }
.concept-principles strong { font-family: var(--heading); font-size: 20px; text-transform: uppercase; }
.concept-principles p { margin: 0; color: var(--c-muted); font-size: 11px; line-height: 1.5; }

/* WooCommerce archive */
.concept-content-page { min-height: 100vh; }
.archive-layout { display: grid; grid-template-columns: 270px 1fr; border: 1px solid var(--c-line); background: var(--c-panel); }
.archive-filters { padding: 26px 20px; border-right: 1px solid var(--c-line); background: var(--c-page-2); }
.archive-filter-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.archive-filter-head strong { font-family: var(--heading); font-size: 20px; text-transform: uppercase; }
.archive-filter-head button { display: none; border: 0; background: transparent; color: var(--c-ink); }
.archive-filter-group { padding-block: 20px; border-top: 1px solid var(--c-line); }
.archive-filter-group h3 { display: flex; justify-content: space-between; margin: 0 0 15px; font-family: var(--heading); font-size: 14px; letter-spacing: .05em; text-transform: uppercase; }
.archive-filter-group label { min-height: 31px; display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 8px; color: var(--c-muted); font-size: 10px; cursor: pointer; }
.archive-filter-group input { position: absolute; opacity: 0; }
.archive-filter-group label i { width: 15px; height: 15px; border: 1px solid var(--c-line); background: var(--c-panel); }
.archive-filter-group input:checked + i { border-color: var(--c-accent); background: var(--c-accent); box-shadow: inset 0 0 0 3px var(--c-panel); }
.archive-filter-group label small { color: color-mix(in srgb, var(--c-muted) 68%, transparent); }
.fake-range { position: relative; height: 3px; margin-top: 22px; background: var(--c-accent); }
.fake-range i { position: absolute; top: 50%; width: 14px; height: 14px; transform: translateY(-50%); background: var(--c-ink); }
.fake-range i:first-child { left: 10%; }.fake-range i:last-child { right: 10%; }
.range-copy { display: flex; justify-content: space-between; margin-top: 11px; color: var(--c-muted); font-size: 9px; }
.archive-results { min-width: 0; padding: 28px; }
.archive-toolbar { min-height: 46px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--c-line); color: var(--c-muted); font-size: 10px; }
.archive-toolbar label { display: flex; align-items: center; gap: 9px; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.archive-toolbar select { height: 36px; padding-inline: 10px; border: 1px solid var(--c-line); background: var(--c-page); color: var(--c-ink); font-size: 10px; }
.mobile-filter-button { display: none; }
.archive-active-filters { display: flex; flex-wrap: wrap; gap: 7px; padding-block: 16px; }
.archive-active-filters span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 9px; background: var(--c-page); color: var(--c-ink); font-size: 9px; }
.archive-active-filters button { border: 0; background: transparent; color: var(--c-muted); }
.archive-active-filters > button { margin-left: auto; font-size: 9px; }
.archive-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); }
.archive-product-card { min-width: 0; border-right: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); background: var(--c-panel); }
.archive-product-image { position: relative; height: 285px; display: block; overflow: hidden; background: var(--c-panel-2); }
.archive-product-image > img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) brightness(.82); transition: .35s ease; }
.archive-product-card:hover .archive-product-image > img { transform: scale(1.035); filter: saturate(.95) brightness(.9); }
.archive-product-image > span { position: absolute; top: 0; left: 0; padding: 7px 9px; background: #08090b; color: #fff; font-size: 7px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.archive-product-image > button { position: absolute; top: 12px; right: 12px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.2); background: rgba(8,9,11,.65); color: #fff; }
.archive-product-image button svg { width: 16px; }
.archive-product-copy { padding: 18px; }
.archive-product-copy > p { margin: 0 0 7px; color: var(--c-accent); font-size: 7px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.archive-product-copy h3 { min-height: 42px; margin: 0; font-family: var(--heading); font-size: 20px; line-height: 1.05; text-transform: uppercase; }
.archive-product-copy > span { display: block; margin-top: 10px; color: var(--c-green); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.archive-product-copy > span.low { color: #ffb329; }
.archive-product-copy > div { display: flex; align-items: baseline; gap: 8px; margin-block: 8px 15px; }
.archive-product-copy > div strong { font-size: 17px; }.archive-product-copy del { color: var(--c-muted); font-size: 10px; }
.archive-product-copy > button { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding-inline: 14px; border: 0; background: var(--c-accent); color: var(--c-accent-ink); font-family: var(--heading); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.archive-product-copy > button svg { width: 15px; }
.archive-pagination { display: flex; gap: 6px; margin-top: 26px; }
.archive-pagination button { min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 6px; padding-inline: 12px; border: 1px solid var(--c-line); background: transparent; color: var(--c-ink); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.archive-pagination button.active { border-color: var(--c-accent); background: var(--c-accent); color: var(--c-accent-ink); }
.archive-pagination svg { width: 13px; }
.filter-backdrop { display: none; }

/* Single WooCommerce product */
.fulfilment-demo { margin-top: 28px; padding: 15px 17px; border: 1px dashed color-mix(in srgb, var(--c-accent) 60%, var(--c-line)); background: color-mix(in srgb, var(--c-accent) 5%, var(--c-panel)); }
.fulfilment-demo > span { display: block; margin-bottom: 10px; color: var(--c-accent); font-size: 8px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.fulfilment-demo > div { display: flex; flex-wrap: wrap; gap: 6px; }
.fulfilment-demo button { min-height: 32px; padding-inline: 10px; border: 1px solid var(--c-line); background: var(--c-page); color: var(--c-muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.fulfilment-demo button.active { border-color: var(--c-accent); background: var(--c-accent); color: var(--c-accent-ink); }
.fulfilment-demo small { display: block; margin-top: 9px; color: var(--c-muted); font-size: 9px; line-height: 1.5; }
.product-detail-shell { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(470px, .98fr); border: 1px solid var(--c-line); background: var(--c-panel); }
.product-gallery { min-width: 0; padding: 28px; border-right: 1px solid var(--c-line); }
.product-main-image { position: relative; height: 670px; overflow: hidden; background: var(--c-panel-2); }
.product-main-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.02); }
.fulfilment-badge { position: absolute; top: 0; left: 0; padding: 9px 11px; background: #0b0c0f; color: #fff; font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.fulfilment-badge::before { width: 7px; height: 7px; display: inline-block; margin-right: 7px; background: #388fe8; content: ''; }.fulfilment-badge.pink::before { background: var(--c-pink); }.fulfilment-badge.neutral::before { background: #888b92; }
.product-thumbnails { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; margin-top: 7px; }
.product-thumbnails button { height: 108px; overflow: hidden; padding: 0; border: 1px solid var(--c-line); background: var(--c-panel-2); }
.product-thumbnails button.active { border: 2px solid var(--c-accent); }
.product-thumbnails img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.5); }
.product-gallery > p { margin: 12px 0 0; color: var(--c-muted); font-size: 8px; line-height: 1.5; }
.product-summary { min-width: 0; padding: 40px; }
.product-eyebrow { margin: 0 0 9px; color: var(--c-accent); font-size: 8px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.product-summary h1 { margin: 0; font-family: var(--heading); font-size: clamp(49px, 4.5vw, 70px); letter-spacing: -.035em; line-height: .88; text-transform: uppercase; }
.product-lead { margin-block: 19px; color: var(--c-muted); font-size: 13px; line-height: 1.55; }
.product-price { display: flex; align-items: center; gap: 11px; padding-block: 17px; border-block: 1px solid var(--c-line); }
.product-price strong { font-size: 30px; }.product-price del { color: var(--c-muted); font-size: 12px; }.product-price span { padding: 5px 8px; background: var(--c-green); color: #111; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.product-options { padding-block: 18px; }
.product-options fieldset { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 13px; padding: 0; border: 0; }
.product-options legend { width: 100%; margin-bottom: 7px; color: var(--c-muted); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.product-options button { min-height: 37px; padding-inline: 13px; border: 1px solid var(--c-line); background: transparent; color: var(--c-ink); font-size: 9px; font-weight: 800; }
.product-options button.active { border-color: var(--c-ink); background: var(--c-ink); color: var(--c-page); }
.fulfilment-panel { margin-bottom: 16px; padding: 17px; border: 1px solid var(--c-line); background: var(--c-page-2); }
.fulfilment-panel > div { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 10px; }
.fulfilment-panel strong { font-family: var(--heading); font-size: 17px; text-transform: uppercase; }.fulfilment-panel > div span { color: #388fe8; font-size: 8px; font-weight: 800; text-transform: uppercase; }.fulfilment-panel.pink > div span { color: var(--c-pink); }.fulfilment-panel.neutral > div span { color: var(--c-muted); }
.fulfilment-panel p { display: flex; align-items: center; gap: 7px; margin: 7px 0; color: var(--c-muted); font-size: 10px; }.fulfilment-panel p svg { width: 13px; color: var(--c-green); }
.product-primary-action { display: flex; gap: 8px; margin-bottom: 22px; }
.product-primary-action > div { display: flex; border: 1px solid var(--c-line); }
.product-primary-action > div button, .product-primary-action > div span { width: 40px; display: grid; place-items: center; border: 0; background: transparent; color: var(--c-ink); font-size: 11px; }
.product-primary-action > button { min-height: 52px; flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; background: var(--c-accent); color: var(--c-accent-ink); font-family: var(--heading); font-size: 15px; font-weight: 800; text-transform: uppercase; }
.product-primary-action > button.contact { border: 1px solid var(--c-line); background: var(--c-ink); color: var(--c-page); }
.product-primary-action svg { width: 15px; }
.product-enquiry { display: grid; gap: 8px; margin-bottom: 22px; padding: 17px; border: 1px solid var(--c-pink); background: color-mix(in srgb, var(--c-pink) 5%, var(--c-page)); }
.product-enquiry > strong { font-family: var(--heading); text-transform: uppercase; }.product-enquiry > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.product-enquiry input, .product-enquiry textarea { width: 100%; min-height: 39px; padding: 10px; border: 1px solid var(--c-line); outline: 0; background: var(--c-panel); color: var(--c-ink); font-size: 10px; }.product-enquiry textarea { min-height: 75px; resize: vertical; }.product-enquiry button { min-height: 44px; border: 0; background: var(--c-pink); color: #08090b; font-family: var(--heading); font-weight: 800; text-transform: uppercase; }.product-enquiry small { color: var(--c-muted); font-size: 8px; line-height: 1.4; }
.product-specs { margin: 0; border-top: 1px solid var(--c-line); }
.product-specs > div { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid var(--c-line); }
.product-specs dt { color: var(--c-muted); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.product-specs dd { margin: 0; font-size: 9px; font-weight: 700; text-align: right; }
.before-buy { margin-top: 18px; padding: 18px; background: #08090b; color: #fff; }
.before-buy strong { color: #b8ff36; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }.before-buy p { margin-block: 9px; color: #b6b7bc; font-size: 10px; line-height: 1.5; }.before-buy a { display: inline-flex; align-items: center; gap: 7px; color: #b8ff36; font-size: 8px; font-weight: 800; text-transform: uppercase; }.before-buy svg { width: 13px; }
.product-information { grid-column: 1 / -1; border-top: 1px solid var(--c-line); }
.product-information > nav { display: flex; overflow-x: auto; border-bottom: 1px solid var(--c-line); }
.product-information > nav button { min-height: 53px; padding-inline: 26px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--c-muted); font-family: var(--heading); font-size: 12px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.product-information > nav button.active { border-color: var(--c-accent); color: var(--c-accent); }
.product-info-grid { display: grid; grid-template-columns: 1.5fr .75fr; gap: 65px; padding: 38px; }
.product-info-grid h2 { margin: 0 0 8px; font-family: var(--heading); font-size: 25px; text-transform: uppercase; }.product-info-grid p, .product-info-grid li { color: var(--c-muted); font-size: 11px; line-height: 1.65; }.product-info-grid ul { padding-left: 18px; }
.related-guide { display: flex; flex-direction: column; align-items: flex-start; }.related-guide img { width: 100%; height: 170px; object-fit: cover; filter: saturate(.7); }.related-guide small { margin-top: 13px; color: var(--c-accent); font-size: 8px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }.related-guide strong { margin-block: 7px; font-family: var(--heading); font-size: 23px; line-height: 1; text-transform: uppercase; }.related-guide span { display: inline-flex; align-items: center; gap: 6px; color: var(--c-muted); font-size: 8px; text-transform: uppercase; }.related-guide svg { width: 13px; }
.pairs-section { margin-top: 70px; }.pairs-section > p { margin: 0; color: var(--c-accent); font-size: 8px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.pairs-section > h2 { margin: 5px 0 24px; font-family: var(--heading); font-size: 56px; line-height: .9; text-transform: uppercase; }.pairs-section > div { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); }

/* Livestock and species */
.animal-detail-page, .species-detail-page { min-height: 100vh; background: #08090b; color: #f7f4ee; }
.animal-detail-page .concept-breadcrumbs, .species-detail-page .concept-breadcrumbs { border-color: rgba(255,255,255,.12); color: #84868e; }
.animal-page-label { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.animal-page-label p { margin: 0; color: #b8ff36; font-size: 9px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }.animal-page-label span { color: #777982; font-size: 9px; }
.animal-detail-shell { display: grid; grid-template-columns: 1.1fr .9fr; border: 1px solid rgba(255,255,255,.12); }
.animal-gallery { min-width: 0; padding: 28px; border-right: 1px solid rgba(255,255,255,.12); }
.animal-main-image { position: relative; height: 810px; overflow: hidden; background: #15171c; }
.animal-main-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) contrast(1.03); }
.animal-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; background: #137c46; color: #fff; font-size: 7px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.animal-status i { width: 6px; height: 6px; background: #b8ff36; }.animal-status.amber { background: #b56b00; color: #090a0c; }.animal-status.amber i { background: #090a0c; }.animal-status.blue { background: #246ca7; }.animal-status.blue i { background: #fff; }
.animal-main-image > .animal-status, .species-visual > div > .animal-status { position: absolute; top: 0; left: 0; }
.photo-proof { position: absolute; right: 18px; bottom: 18px; padding: 8px 10px; background: rgba(8,9,11,.75); color: #d2d2d5; font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.animal-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 6px; }
.animal-thumbs button { position: relative; height: 130px; overflow: hidden; padding: 0; border: 1px solid rgba(255,255,255,.12); background: #15171c; color: #fff; }.animal-thumbs button.active { border: 2px solid #ff2c91; }.animal-thumbs img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.5) brightness(.65); }.animal-thumbs span { position: absolute; inset: auto 0 10px; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.animal-gallery > p { display: flex; gap: 8px; margin: 14px 0 0; color: #82848c; font-size: 8px; line-height: 1.5; }.animal-gallery > p svg { width: 14px; flex: 0 0 auto; color: #b8ff36; }
.animal-summary { min-width: 0; padding: 42px; }
.animal-summary .animal-kicker, .species-summary .animal-kicker { color: #b8ff36; }
.animal-summary h1, .species-summary h1 { margin: 0; font-family: var(--heading); font-size: clamp(56px, 5vw, 78px); letter-spacing: -.04em; line-height: .82; text-transform: uppercase; }.animal-summary > em, .species-summary > em { display: block; margin-top: 7px; color: #999ba2; font-size: 16px; }
.animal-record, .species-requirements { margin-top: 27px; border: 1px solid rgba(255,255,255,.12); border-left: 2px solid #b8ff36; }
.animal-record > div, .species-requirements > strong { min-height: 48px; display: flex; align-items: center; justify-content: space-between; padding-inline: 17px; border-bottom: 1px solid rgba(255,255,255,.12); color: #b8ff36; font-size: 8px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.animal-record dl, .species-requirements dl { margin: 0; padding: 4px 17px 10px; }
.animal-record dl > div, .species-requirements dl > div { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid rgba(255,255,255,.08); }
.animal-record dt, .species-requirements dt { color: #666972; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.animal-record dd, .species-requirements dd { margin: 0; font-size: 9px; font-weight: 700; text-align: right; }
.reserved-notice { margin-top: 18px; padding: 18px; border: 1px solid #b56b00; background: rgba(181,107,0,.13); }.reserved-notice strong { color: #ffb329; font-family: var(--heading); font-size: 18px; text-transform: uppercase; }.reserved-notice p { margin: 8px 0 0; color: #aaa; font-size: 10px; line-height: 1.55; }
.animal-actions { display: flex; gap: 8px; margin-top: 17px; }.animal-actions button { min-height: 49px; display: flex; align-items: center; justify-content: center; gap: 8px; padding-inline: 18px; border: 1px solid rgba(255,255,255,.2); background: transparent; color: #fff; font-family: var(--heading); font-size: 13px; font-weight: 800; text-transform: uppercase; }.animal-actions button:first-child { border-color: #ff2c91; background: #ff2c91; color: #08090b; }.animal-actions svg { width: 15px; }
.licence-note { display: flex; gap: 13px; margin-top: 25px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }.licence-note > svg { width: 22px; flex: 0 0 auto; color: #b8ff36; }.licence-note strong { color: #8b8d94; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }.licence-note p { margin: 7px 0 0; color: #92949a; font-size: 9px; line-height: 1.55; }
.animal-lower-grid { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr .9fr; gap: 45px; padding: 38px; border-top: 1px solid rgba(255,255,255,.12); }.animal-lower-grid h2 { margin: 0; font-family: var(--heading); font-size: 28px; text-transform: uppercase; }.animal-lower-grid p, .animal-lower-grid li { color: #92949a; font-size: 10px; line-height: 1.6; }.animal-lower-grid ul { padding-left: 17px; }
.animal-guide-card { display: flex; align-items: flex-start; flex-direction: column; }.animal-guide-card img { width: 100%; height: 145px; object-fit: cover; filter: saturate(.7); }.animal-guide-card > span { margin-top: 11px; color: #ff2c91; font-size: 7px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.animal-guide-card strong { margin-block: 6px; font-family: var(--heading); font-size: 22px; text-transform: uppercase; }.animal-guide-card small { display: flex; align-items: center; gap: 6px; color: #8f9197; font-size: 8px; text-transform: uppercase; }.animal-guide-card svg { width: 13px; }
.species-detail-shell { display: grid; grid-template-columns: .9fr 1.1fr; border: 1px solid rgba(255,255,255,.12); }
.species-visual { min-width: 0; padding: 28px; border-right: 1px solid rgba(255,255,255,.12); }.species-visual > div { position: relative; height: 650px; overflow: hidden; }.species-visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8); }.species-visual > p { display: flex; gap: 8px; margin: 0; padding: 14px; background: #15171c; color: #999ba2; font-size: 9px; line-height: 1.5; }.species-visual > p svg { width: 15px; flex: 0 0 auto; color: #b8ff36; }.species-visual > small { display: block; margin-top: 12px; color: #6d6f77; font-size: 8px; text-align: right; text-transform: uppercase; }
.species-summary { min-width: 0; padding: 42px; }.species-availability { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-block: 19px; padding-block: 14px; border-block: 1px solid rgba(255,255,255,.12); }.species-availability > span { font-size: 10px; font-weight: 700; }.species-lead { color: #a3a4aa; font-size: 12px; line-height: 1.6; }
.species-enquiry { display: grid; gap: 8px; margin-top: 18px; padding: 18px; border: 1px solid #ff2c91; background: rgba(255,44,145,.05); }.species-enquiry > strong { color: #ff2c91; font-family: var(--heading); font-size: 18px; text-transform: uppercase; }.species-enquiry > p { margin: 0 0 5px; color: #999ba2; font-size: 9px; }.species-enquiry > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.species-enquiry input, .species-enquiry textarea { width: 100%; min-height: 40px; padding: 10px; border: 1px solid rgba(255,255,255,.12); outline: 0; background: #15171c; color: #fff; font-size: 10px; }.species-enquiry textarea { min-height: 72px; resize: vertical; }.species-enquiry button { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; background: #ff2c91; color: #08090b; font-family: var(--heading); font-size: 13px; font-weight: 800; text-transform: uppercase; }.species-enquiry button svg { width: 14px; }.species-enquiry small { color: #777982; font-size: 8px; line-height: 1.4; }
.species-guidance { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 35px; padding: 38px; border-top: 1px solid rgba(255,255,255,.12); }.species-guidance .before-buy { margin: 0; }.species-guidance h2 { margin: 0; font-family: var(--heading); font-size: 27px; text-transform: uppercase; }.species-guidance > div > p:last-child { color: #92949a; font-size: 10px; line-height: 1.6; }.species-guidance > a { display: flex; flex-direction: column; }.species-guidance > a img { height: 135px; object-fit: cover; filter: saturate(.7); }.species-guidance > a span { margin-top: 10px; color: #ff2c91; font-size: 7px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.species-guidance > a strong { margin-block: 5px; font-family: var(--heading); font-size: 20px; text-transform: uppercase; }.species-guidance > a small { display: flex; align-items: center; gap: 6px; color: #92949a; font-size: 8px; text-transform: uppercase; }.species-guidance svg { width: 13px; }

/* Services and GHL booking */
.services-hero { min-height: 620px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-bottom: 1px solid var(--c-line); }
.services-hero > div { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding-right: clamp(30px, 7vw, 110px); }.services-hero h1 { margin: 0; font-family: var(--heading); font-size: clamp(70px, 7vw, 105px); letter-spacing: -.05em; line-height: .76; text-transform: uppercase; }.services-hero h1 em { color: var(--c-accent); font-style: normal; }.services-hero > div > span { margin-top: 25px; color: var(--c-muted); font-size: 15px; line-height: 1.6; }.services-hero > div > div { display: flex; gap: 9px; margin-top: 28px; }.services-hero > div > div a { min-height: 48px; display: inline-flex; align-items: center; gap: 8px; padding-inline: 18px; border: 1px solid var(--c-line); font-size: 9px; font-weight: 900; text-transform: uppercase; }.services-hero > div > div a:first-child { border-color: var(--c-accent); background: var(--c-accent); color: var(--c-accent-ink); }.services-hero svg { width: 14px; }.services-hero > img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.04); }
.service-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 80px; border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); }.service-card-grid article { padding: 25px; border-right: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); background: var(--c-panel); }.service-card-grid article > span { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 35px; background: var(--c-accent); color: var(--c-accent-ink); }.service-card-grid article.green > span { background: var(--c-green); color: #111; }.service-card-grid svg { width: 23px; }.service-card-grid article > p:first-of-type { color: var(--c-accent); font-size: 7px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.service-card-grid article.green > p:first-of-type { color: var(--c-green); }.service-card-grid h2 { min-height: 54px; margin: 8px 0 12px; font-family: var(--heading); font-size: 28px; line-height: .92; text-transform: uppercase; }.service-card-grid article > p:nth-of-type(2) { min-height: 66px; color: var(--c-muted); font-size: 10px; line-height: 1.55; }.service-card-grid article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-block: 15px; border-top: 1px solid var(--c-line); }.service-card-grid article > div strong { font-size: 18px; }.service-card-grid article > div small { display: flex; align-items: center; gap: 5px; color: var(--c-muted); font-size: 8px; }.service-card-grid article > div svg { width: 12px; }.service-card-grid article > a { min-height: 43px; display: flex; align-items: center; justify-content: space-between; padding-inline: 14px; background: var(--c-accent); color: var(--c-accent-ink); font-family: var(--heading); font-size: 12px; font-weight: 800; text-transform: uppercase; }.service-card-grid article.green > a { background: var(--c-green); color: #111; }.service-card-grid article > a svg { width: 15px; }
.booking-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; margin-top: 100px; padding: 55px; border: 1px solid var(--c-line); background: var(--c-panel); }.booking-explainer h2 { margin: 0; font-family: var(--heading); font-size: 58px; letter-spacing: -.035em; line-height: .85; text-transform: uppercase; }.booking-explainer > p:not(.animal-kicker) { color: var(--c-muted); font-size: 12px; line-height: 1.65; }.booking-explainer ol { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; list-style: none; }.booking-explainer li { min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--c-line); color: var(--c-muted); font-size: 9px; text-transform: uppercase; }.booking-explainer li span { width: 25px; height: 25px; display: grid; flex: 0 0 auto; place-items: center; background: var(--c-green); color: #111; font-weight: 900; }.service-boundary { display: flex; gap: 11px; margin-top: 24px; padding: 16px; background: var(--c-page); }.service-boundary svg { width: 21px; flex: 0 0 auto; color: var(--c-green); }.service-boundary p { margin: 0; color: var(--c-muted); font-size: 9px; line-height: 1.5; }.service-boundary strong { display: block; margin-bottom: 4px; color: var(--c-ink); }
.booking-demo { display: grid; gap: 12px; padding: 25px; border: 1px solid var(--c-accent); background: color-mix(in srgb, var(--c-accent) 4%, var(--c-page)); }.booking-demo-head { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--c-line); }.booking-demo-head span { color: var(--c-accent); font-family: var(--heading); font-size: 18px; font-weight: 800; text-transform: uppercase; }.booking-demo-head small { color: var(--c-muted); font-size: 8px; }.booking-demo label { display: grid; gap: 6px; color: var(--c-muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.booking-demo input, .booking-demo select { width: 100%; min-height: 43px; padding-inline: 11px; border: 1px solid var(--c-line); outline: 0; background: var(--c-panel); color: var(--c-ink); font-size: 10px; }.booking-date-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.booking-demo > button { min-height: 49px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; background: var(--c-accent); color: var(--c-accent-ink); font-family: var(--heading); font-size: 14px; font-weight: 800; text-transform: uppercase; }.booking-demo button svg { width: 15px; }.booking-demo > p { display: flex; gap: 7px; margin: 0; color: var(--c-muted); font-size: 8px; line-height: 1.4; }.booking-demo > p svg { width: 13px; flex: 0 0 auto; color: var(--c-green); }
.service-faq { display: grid; grid-template-columns: .6fr 1.4fr; gap: 80px; margin-top: 100px; }.service-faq > h2 { margin: 25px 0 0; font-family: var(--heading); font-size: 55px; text-transform: uppercase; }.service-faq > div { grid-column: 2; grid-row: 1 / 3; }.service-faq details { border-top: 1px solid var(--c-line); }.service-faq details:last-child { border-bottom: 1px solid var(--c-line); }.service-faq summary { min-height: 62px; display: flex; align-items: center; justify-content: space-between; font-family: var(--heading); font-size: 18px; font-weight: 800; text-transform: uppercase; cursor: pointer; list-style: none; }.service-faq summary span { color: var(--c-accent); }.service-faq details p { margin: 0; padding: 0 35px 20px 0; color: var(--c-muted); font-size: 10px; line-height: 1.6; }

@media (max-width: 1180px) {
  .review-note { display: none; }
  .concept-header-main { grid-template-columns: 215px 1fr auto; gap: 22px; }
  .concept-header-actions a:first-child { display: none; }
  .concept-main-nav > .concept-width { gap: 20px; }
  .concept-mega-inner { grid-template-columns: repeat(3, 1fr); }
  .concept-mega-feature { display: none !important; }
  .archive-product-image { height: 235px; }
  .product-detail-shell { grid-template-columns: 1fr 1fr; }
  .product-main-image { height: 550px; }
  .product-summary { padding: 30px; }
  .animal-main-image { height: 660px; }
  .service-card-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .concept-width { width: calc(100% - 34px); }
  .review-bar-inner { width: 100%; padding-left: 15px; }
  .review-label { display: none; }
  .concept-announcement > div { justify-content: center; }.concept-announcement span:not(:first-child) { display: none; }
  .concept-header-main { min-height: 74px; grid-template-columns: 40px 1fr auto; gap: 10px; }
  .concept-mobile-trigger { display: grid; width: 38px; height: 38px; place-items: center; }
  .concept-wordmark { justify-self: center; }.concept-wordmark span { font-size: 25px; }.concept-wordmark small { font-size: 6px; }
  .concept-search, .concept-header-actions a:not(:last-child), .concept-main-nav { display: none; }
  .concept-header-actions a span { display: none; }
  .concept-showcase-hero { min-height: auto; grid-template-columns: 1fr; gap: 40px; padding-block: 65px; }
  .concept-showcase-hero aside { width: min(500px, 100%); }
  .concept-showcase-card, .concept-showcase-card:nth-child(1), .concept-showcase-card:nth-child(2) { min-height: 420px; grid-column: span 6; }
  .concept-showcase-card:last-child { grid-column: span 12; }
  .concept-principles { grid-template-columns: 1fr; }.concept-principles > div { border-right: 0; border-bottom: 1px solid var(--c-line); }
  .concept-page-intro { grid-template-columns: 1fr; }.concept-page-intro > span { grid-column: 1; grid-row: auto; }
  .archive-layout { grid-template-columns: 1fr; }.archive-filters { position: fixed; z-index: 180; top: 0; bottom: 0; left: 0; width: min(340px, 92vw); overflow-y: auto; transform: translateX(-102%); border-right: 1px solid var(--c-line); transition: transform .2s ease; }.archive-filters.mobile-open { transform: translateX(0); }.archive-filter-head button { display: grid; }.filter-backdrop { position: fixed; z-index: 170; inset: 0; display: block; background: rgba(0,0,0,.68); }.mobile-filter-button { min-height: 36px; display: inline-flex; align-items: center; padding-inline: 12px; border: 1px solid var(--c-line); background: transparent; color: var(--c-ink); font-size: 9px; font-weight: 800; text-transform: uppercase; }
  .product-detail-shell, .animal-detail-shell, .species-detail-shell { grid-template-columns: 1fr; }.product-gallery, .animal-gallery, .species-visual { border-right: 0; border-bottom: 1px solid var(--c-line); }.product-main-image { height: min(680px, 85vw); }.product-information { grid-column: 1; }.pairs-section > div { grid-template-columns: repeat(2, 1fr); }
  .animal-main-image { height: min(820px, 110vw); }.animal-lower-grid, .species-guidance { grid-template-columns: 1fr 1fr; }.animal-guide-card, .species-guidance > a { grid-column: 1 / -1; }
  .species-visual > div { height: min(650px, 82vw); }
  .services-hero { min-height: auto; grid-template-columns: 1fr; }.services-hero > div { padding-block: 70px; padding-right: 0; }.services-hero > img { height: 520px; }.booking-section { grid-template-columns: 1fr; gap: 40px; padding: 35px; }.service-faq { grid-template-columns: 1fr; gap: 10px; }.service-faq > div { grid-column: 1; grid-row: auto; }
  .concept-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }.concept-footer-grid > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 590px) {
  .concept-width { width: calc(100% - 24px); }
  .review-bar nav a { padding-inline: 11px; font-size: 10px; }
  .concept-theme-control { right: 8px; bottom: 8px; }.concept-theme-control > span { display: none; }.concept-theme-control button { width: 31px; padding: 0; justify-content: center; font-size: 0; }
  .concept-breadcrumbs { min-height: 47px; }
  .concept-page-intro { gap: 19px; padding-block: 42px; }.concept-page-intro h1 { font-size: 58px; }.concept-page-intro > span { font-size: 13px; }
  .concept-showcase-hero { padding-block: 48px; }.concept-showcase-hero h1 { font-size: clamp(60px, 18vw, 86px); }.concept-showcase-hero > div > span { font-size: 14px; }
  .concept-showcase-grid { grid-template-columns: 1fr; }.concept-showcase-card, .concept-showcase-card:nth-child(1), .concept-showcase-card:nth-child(2), .concept-showcase-card:last-child { min-height: 390px; grid-column: 1; }.concept-showcase-card h2 { font-size: 38px; }
  .archive-results { padding: 12px; }.archive-toolbar { flex-wrap: wrap; gap: 10px; padding-block: 10px; }.archive-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.archive-product-image { height: 190px; }.archive-product-copy { padding: 12px; }.archive-product-copy h3 { min-height: 50px; font-size: 18px; }.archive-product-copy > p { min-height: 18px; }.archive-product-copy > button { min-height: 39px; font-size: 10px; }
  .fulfilment-demo { overflow-x: auto; }.fulfilment-demo > div { width: max-content; flex-wrap: nowrap; }.fulfilment-demo small { min-width: 420px; }
  .product-gallery, .animal-gallery, .species-visual { padding: 12px; }.product-main-image { height: 95vw; }.product-thumbnails { grid-template-columns: repeat(4, 1fr); }.product-thumbnails button { height: 78px; }.product-thumbnails button:last-child { display: none; }.product-summary, .animal-summary, .species-summary { padding: 24px 18px; }.product-summary h1, .animal-summary h1, .species-summary h1 { font-size: 50px; }.product-lead { font-size: 12px; }.product-primary-action { flex-direction: column; }.product-primary-action > div { min-height: 44px; }.product-enquiry > div, .species-enquiry > div { grid-template-columns: 1fr; }.product-info-grid { grid-template-columns: 1fr; gap: 35px; padding: 24px 18px; }.pairs-section > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pairs-section > h2 { font-size: 44px; }
  .animal-page-label { min-height: 75px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; }.animal-page-label span { line-height: 1.4; }.animal-main-image { height: 125vw; }.animal-thumbs { grid-template-columns: repeat(2, 1fr); }.animal-thumbs button { height: 105px; }.animal-record dl > div, .species-requirements dl > div { min-height: 43px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; }.animal-record dd, .species-requirements dd { text-align: left; }.animal-actions { flex-direction: column; }.animal-lower-grid, .species-guidance { grid-template-columns: 1fr; gap: 30px; padding: 24px 18px; }.animal-guide-card, .species-guidance > a { grid-column: 1; }.species-visual > div { height: 90vw; }.species-availability { align-items: flex-start; flex-direction: column; }
  .services-hero h1 { font-size: 66px; }.services-hero > div { padding-block: 55px; }.services-hero > div > div { align-items: stretch; flex-direction: column; width: 100%; }.services-hero > div > div a { justify-content: center; }.services-hero > img { height: 420px; }.service-card-grid { grid-template-columns: 1fr; margin-top: 50px; }.service-card-grid article > p:nth-of-type(2) { min-height: auto; }.booking-section { width: 100%; margin-top: 65px; padding: 28px 18px; border-inline: 0; }.booking-explainer h2 { font-size: 46px; }.booking-explainer ol { grid-template-columns: 1fr; }.booking-demo { padding: 18px 13px; }.booking-date-row { grid-template-columns: 1fr; }.service-faq { margin-top: 65px; }.service-faq > h2 { margin-top: 0; font-size: 44px; }
  .concept-footer { margin-top: 70px; }.concept-footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 20px; padding-block: 50px; }.concept-footer-grid > div:first-child { grid-column: 1 / -1; }
}

/* 0.9 storefront consistency pass — shared desktop/mobile foundations. */
.wordmark--image { width: min(225px,100%); height: 70px; align-items: flex-start; justify-content: center; }
.wordmark--image img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: left center; }
.header-main { grid-template-columns: 245px minmax(260px,1fr) auto; }
.hero-slide { height: 720px; min-height: 720px; max-height: 720px; }
.hero-copy .eyebrow,.hero-copy .hero-lead { background: transparent !important; box-shadow: none !important; }
.hero-buttons .btn,.hero-note>span,.hero-arrows button,.wishlist,.icon-cart { align-items:center!important; justify-content:center!important; line-height:1!important; }
.hero-buttons .btn svg,.hero-note>span svg,.hero-arrows button svg,.wishlist svg,.icon-cart svg { display:block; margin:0; flex:0 0 auto; }
.service-strip-grid { overflow: hidden; }
.brand-track { gap: 36px; }
.brand-track>a { width: 170px; height: 76px; display:grid; flex:0 0 170px; place-items:center; padding:12px 18px; border:1px solid var(--line); border-radius:14px; background:var(--page-alt); color:var(--ink); text-decoration:none; }
.brand-track img { width:100%; height:100%; object-fit:contain; filter:grayscale(1); opacity:.82; transition:.2s ease; }
.brand-track span { font-size:21px; text-align:center; }
.brand-track>a:hover img { filter:none; opacity:1; }
.product-tabs-list { margin-bottom: 28px !important; }
.product-media,.archive-product-image { background:#f4f2ed!important; }
.product-photo,.woocommerce .product-media img.product-photo,.archive-product-image>a>img,.archive-product-image>img { object-fit:contain!important; object-position:center!important; padding:18px!important; filter:none!important; transform:none!important; }
.archive-product-image { height:auto; aspect-ratio:1/1; }
.archive-quick-view { top:auto!important; right:12px!important; bottom:12px!important; width:auto!important; height:38px!important; min-height:38px!important; display:flex!important; align-items:center!important; gap:8px; padding:0 13px!important; border-radius:999px!important; }
.archive-quick-view span { display:inline!important; }
.archive-quick-view i { font-size:17px; font-style:normal; }
.livestock-tabs,.jak-livestock-animal-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 26px; }
.livestock-tabs button,.jak-livestock-animal-tabs a,.jak-livestock-view a { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }
.livestock-tabs button:hover,.livestock-tabs button.is-active,.jak-livestock-animal-tabs a:hover,.jak-livestock-animal-tabs a.is-active,.jak-livestock-view a.is-active { border-color:var(--accent); background:var(--accent); color:var(--accent-ink); }
.livestock-card[hidden] { display:none; }
.jak-livestock-market__intro>aside { display:none; }
.jak-livestock-market__intro { grid-template-columns:1fr!important; }
.jak-livestock-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.jak-livestock-toolbar .jak-livestock-filters { flex:1; margin:0; }
.jak-livestock-view { display:flex; gap:7px; }
.jak-livestock-view a { width:40px; padding:0; }
.jak-livestock-results[data-columns='2'] .jak-content-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.jak-livestock-results[data-columns='3'] .jak-content-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.jak-livestock-results[data-columns='4'] .jak-content-cards { grid-template-columns:repeat(4,minmax(0,1fr)); }
.jak-livestock-results[data-columns='5'] .jak-content-cards { grid-template-columns:repeat(5,minmax(0,1fr)); }
.jak-livestock-results .jak-content-card__media img { object-fit:cover; }
.footer-main { grid-template-columns:1.55fr repeat(3,.75fr); }
.footer-brand .wordmark--image { width:260px; height:105px; }
.footer-bottom { position:relative; }
.footer-socials { position:absolute; left:50%; display:flex; align-items:center; gap:9px; transform:translateX(-50%); }
.footer-socials a { min-height:38px; display:inline-flex; align-items:center; gap:7px; padding:0 13px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:#c4c5c8; text-decoration:none; }
.footer-socials svg { width:16px; height:16px; }
.jak-floating-cart { top:50%; right:14px!important; bottom:auto; left:auto; transform:translateY(-50%); writing-mode:horizontal-tb; padding:10px 12px 10px 16px; }
.jak-floating-cart b { writing-mode:horizontal-tb; }
.jak-ghl-chat-ready .jak-floating-cart { right:14px!important; }
.jak-shipping-progress { gap:10px; font-size:14px; }
.jak-shipping-progress>span::before { display:inline-block; margin-right:8px; content:'🚚'; }
.jak-shipping-progress.is-complete>span::before { content:'🎉'; }
body.woocommerce-account main#content,body.woocommerce-account .site-main { width:min(1180px,calc(100% - 48px)); }
body.woocommerce-account .woocommerce { display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; padding:30px; border:1px solid var(--line); border-radius:22px; background:var(--card); }
body.woocommerce-account .woocommerce::before,body.woocommerce-account .woocommerce::after { content:none!important; }
body.woocommerce-account .woocommerce-MyAccount-navigation,body.woocommerce-account .woocommerce-MyAccount-content { float:none!important; width:auto!important; min-width:0; }
body.woocommerce-account .woocommerce-MyAccount-navigation { grid-column:1; }
body.woocommerce-account .woocommerce-MyAccount-content { grid-column:2; align-self:start; padding:0 4px 32px; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul { margin:0; padding:0; list-style:none; }
body.woocommerce-account .woocommerce-MyAccount-navigation a { display:block; padding:13px 15px; border-bottom:1px solid var(--line); color:var(--muted); }
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { color:var(--accent); }
.jak-guide-hub,.jak-blog-hub { gap:54px!important; }
.jak-guide-hub__hero,.jak-blog-category-section>header { padding:clamp(28px,4vw,50px)!important; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg,var(--card),var(--page-alt)); }
.jak-guide-hub__hero>div { padding:0!important; background:transparent!important; color:var(--ink)!important; }
.jak-guide-hub__hero>div p { color:var(--muted)!important; }
.jak-guide-hub__hero>aside { max-width:390px; }
.jak-guide-hub__categories { display:flex!important; overflow-x:auto; gap:10px; padding-bottom:6px; scroll-snap-type:x mandatory; }
.jak-guide-hub__categories>a { min-width:170px; flex:0 0 170px; scroll-snap-align:start; }
.jak-content-cards--guide { grid-template-columns:repeat(3,minmax(0,1fr)); }
.department-grid { grid-template-rows:285px 215px; }
.department-copy strong { font-size:28px; }

@media (max-width: 1024px) {
  .hero-slide { height:680px; min-height:680px; max-height:680px; }
  .jak-livestock-results[data-columns] .jak-content-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* 0.9.7 global width, rails, cards, guides, directory and mobile correction pass. */
.jak-guide-hub,
.jak-blog-hub,
.jak-blog-hub--compact,
.jak-livestock-market,
.jak-directory,
.jak-information-page,
.jak-store-contact,
.jak-department-page {
	width:min(1450px,calc(100% - 64px))!important;
	max-width:1450px!important;
	margin-inline:auto!important;
}

/* Product cards: one tight metadata row, predictable copy height and white media. */
.archive-product-copy {
	display:flex!important;
	flex-direction:column!important;
	gap:10px!important;
	padding:16px 18px 18px!important;
}
.archive-product-meta {
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:12px!important;
	min-height:18px!important;
	margin:0!important;
}
.archive-product-meta p,
.archive-product-meta span {
	min-height:0!important;
	display:block!important;
	margin:0!important;
	padding:0!important;
	font-size:10px!important;
	font-weight:900!important;
	line-height:1.2!important;
	letter-spacing:.09em!important;
	text-transform:uppercase!important;
}
.archive-product-meta p { color:var(--muted)!important; }
.archive-product-meta span { color:var(--c-green)!important; text-align:right; }
.archive-product-meta span.low { color:#ffb329!important; }
.archive-product-copy>a { text-decoration:none!important; }
.archive-product-copy h3 {
	min-height:2.15em!important;
	display:-webkit-box!important;
	overflow:hidden!important;
	margin:0!important;
	font-size:clamp(20px,1.7vw,25px)!important;
	line-height:1.06!important;
	-webkit-box-orient:vertical!important;
	-webkit-line-clamp:2!important;
}
.archive-product-price { margin:2px 0 4px!important; }
.archive-product-actions { margin:0!important; }

.archive-animal-types { padding-bottom:18px; border-bottom:1px solid var(--line); }
.archive-animal-types>strong { display:block; margin-bottom:10px; color:var(--ink); font-family:var(--heading); font-size:18px; text-transform:uppercase; }
.archive-animal-types>div { display:flex; flex-wrap:wrap; gap:7px; }
.archive-animal-types a { min-height:34px; display:inline-flex; align-items:center; padding:0 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; font-weight:900; text-decoration:none; text-transform:uppercase; }
.archive-animal-types a:hover,.archive-animal-types a.is-active { border-color:var(--accent); background:var(--accent); color:var(--accent-ink); }

/* A reusable edge-arrow carousel; native pink scroll bars are intentionally hidden. */
.jak-rail-shell { position:relative; min-width:0; }
.jak-rail-shell>.jak-product-rail,
.jak-rail-shell>.service-strip-grid { scrollbar-width:none!important; }
.jak-rail-shell>.jak-product-rail::-webkit-scrollbar,
.jak-rail-shell>.service-strip-grid::-webkit-scrollbar { display:none!important; width:0!important; height:0!important; }
.jak-product-rail { padding-bottom:2px!important; }
.jak-rail-arrow {
	position:absolute;
	z-index:12;
	top:50%;
	width:48px;
	height:48px;
	display:grid;
	place-items:center;
	transform:translateY(-50%);
	border:1px solid rgba(255,255,255,.25);
	border-radius:50%;
	background:rgba(9,10,12,.88);
	color:#fff;
	box-shadow:0 10px 28px rgba(0,0,0,.32);
	font-size:18px;
	font-weight:900;
	transition:.2s ease;
}
.jak-rail-arrow.is-prev { left:10px; }
.jak-rail-arrow.is-next { right:10px; }
.jak-rail-arrow:hover:not(:disabled) { border-color:var(--accent); background:var(--accent); color:var(--accent-ink); }
.jak-rail-arrow:disabled { opacity:.25; }
.jak-rail-shell:not(.is-scrollable)>.jak-rail-arrow { display:none; }

/* Guide cards have a shared rhythm and a visible, anchored JAK watermark. */
.jak-guide-hub .jak-content-card__body,
.jak-blog-hub .jak-content-card__body,
.jak-livestock-results .jak-content-card__body {
	min-height:286px!important;
	display:flex!important;
	flex-direction:column!important;
	gap:10px!important;
}
.jak-content-card__body h3 {
	min-height:2em;
	display:-webkit-box;
	overflow:hidden;
	line-height:1!important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.jak-content-card__body>div:not(.jak-content-card__meta):not(.jak-livestock-chips) {
	display:-webkit-box!important;
	overflow:hidden!important;
	-webkit-box-orient:vertical!important;
	-webkit-line-clamp:3!important;
}
.jak-content-card__link { margin-top:auto!important; }
.jak-content-card__body::after,
.jak-information-cards>article::after,
.jak-department-promo>div::after,
.jak-department-promo>aside::after,
.jak-department-help::after {
	right:10px!important;
	bottom:-5px!important;
	font-size:104px!important;
	line-height:.78!important;
	transform:rotate(-7deg)!important;
}

/* Quick view: no empty image well, quieter type and stock before price. */
.jak-quick-view-modal { width:min(1040px,calc(100vw - 36px))!important; }
.jak-quick-view__grid { grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important; align-items:stretch!important; }
.jak-quick-view__image { min-height:0!important; aspect-ratio:1/1!important; background:#fff!important; }
.jak-quick-view__image img { width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; object-fit:contain!important; background:#fff!important; }
.jak-quick-view__summary { justify-content:center!important; gap:12px!important; padding:clamp(28px,3.5vw,48px)!important; }
.jak-quick-view__summary h2 { font-size:clamp(38px,4vw,54px)!important; line-height:.92!important; }
.jak-quick-view__stock { color:var(--c-green); font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.jak-quick-view__stock.is-low { color:#ffb329; }
.jak-quick-view__stock.is-out { color:#ff6c7b; }
.jak-quick-view__price { font-size:26px!important; }
.jak-quick-view__copy { font-size:15px!important; line-height:1.55!important; }
.jak-quick-view__copy p { margin:0!important; }

/* Guides: compact search cluster with no false full-page gap. */
.jak-guide-hub { gap:24px!important; }
.jak-guide-hub__hero { margin:0!important; }
.jak-guide-cat-scroll { margin:0!important; }
.jak-guide-hub__results { margin:0!important; padding:0!important; }
.jak-guide-hub__tools { display:grid!important; grid-template-columns:minmax(0,680px) auto!important; align-items:end!important; justify-content:center!important; gap:12px 24px!important; margin:0 0 20px!important; min-height:0!important; }
.jak-guide-hub__tools form { width:100%!important; max-width:680px!important; margin:0!important; }
.jak-guide-hub__tools form>div { min-height:54px!important; grid-template-columns:46px minmax(0,1fr) 108px!important; border-radius:12px!important; }
.jak-guide-hub__tools input[type="search"] { min-height:52px!important; font-size:15px!important; }
.jak-guide-hub__tools button { min-height:52px!important; border-radius:0 11px 11px 0!important; }
.jak-guide-hub__tools>a { align-self:center!important; white-space:nowrap; }

/* Directory submissions enter WordPress as pending records for staff approval. */
.jak-directory { gap:28px!important; }
.jak-directory-success,.jak-policy-master-note { display:flex; align-items:center; gap:12px; padding:16px 18px; border:1px solid rgba(184,255,54,.4); border-radius:14px; background:rgba(184,255,54,.08); }
.jak-directory-success { flex-wrap:wrap; }
.jak-directory-success span { color:var(--muted); }
.jak-policy-master-note { display:block; color:var(--muted); }
.jak-policy-master-note a { color:var(--accent); font-weight:800; }
.jak-directory-submit { display:grid; grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr); gap:30px; padding:clamp(28px,4vw,52px); border:1px solid var(--line); border-radius:24px; background:var(--card); }
.jak-directory-submit header h2 { margin:0; font-size:clamp(42px,4vw,62px); text-transform:uppercase; }
.jak-directory-submit header>p:last-child { color:var(--muted); line-height:1.6; }
.jak-directory-submit form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.jak-directory-submit label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:700; }
.jak-directory-submit input,.jak-directory-submit select,.jak-directory-submit textarea { width:100%; min-height:48px; padding:11px 13px; border:1px solid var(--line); border-radius:10px; background:var(--page); color:var(--ink); font:inherit; }
.jak-directory-submit textarea { resize:vertical; }
.jak-directory-submit .is-wide { grid-column:1/-1; }
.jak-directory-submit p { margin:0; color:var(--muted); font-size:13px; }
.jak-directory-submit .jak-honeypot { position:absolute!important; left:-9999px!important; }

/* A branded JAK pin sits over the map centre while the map remains interactive. */
.jak-map-panel { position:relative; }
.jak-map-marker { position:absolute; z-index:3; top:calc(50% - 42px); left:50%; width:58px; height:58px; display:grid; place-items:center; transform:translate(-50%,-50%); border:4px solid #fff; border-radius:50% 50% 50% 8px; background:var(--accent); color:#090a0c; box-shadow:0 12px 26px rgba(0,0,0,.38); pointer-events:none; }
.jak-map-marker b { transform:rotate(45deg); font-family:var(--heading); font-size:18px; letter-spacing:-.04em; }
.jak-map-marker { transform:translate(-50%,-50%) rotate(-45deg); }
.jak-map-marker i { display:none; }

@media (max-width: 767px) {
	.jak-guide-hub,.jak-blog-hub,.jak-blog-hub--compact,.jak-livestock-market,.jak-directory,.jak-information-page,.jak-store-contact,.jak-department-page,.concept-width,.page-width {
		width:calc(100% - 24px)!important;
		max-width:none!important;
		margin-left:auto!important;
		margin-right:auto!important;
	}
	.service-strip { padding:10px 0!important; overflow:hidden!important; }
	.service-strip .jak-rail-shell { width:100%; }
	.service-strip-grid { width:100%!important; min-height:0!important; gap:10px!important; padding:0 16px!important; overflow-x:auto!important; }
	.service-strip-grid>div { min-width:68vw!important; flex:0 0 68vw!important; min-height:64px!important; padding:10px 14px!important; }
	.service-strip-grid strong { font-size:13px!important; }
	.service-strip-grid small { font-size:11px!important; }
	.jak-rail-arrow { width:42px; height:42px; }
	.jak-rail-arrow.is-prev { left:4px; }
	.jak-rail-arrow.is-next { right:4px; }

	.department-grid,.jak-department-grid { width:100%!important; grid-template-columns:1fr!important; gap:12px!important; }
	.department-grid>* ,.jak-department-grid>* { min-width:0!important; margin:0!important; }

	.jak-guide-hub { display:grid!important; gap:18px!important; margin-top:20px!important; margin-bottom:32px!important; }
	.jak-guide-hub__hero { padding:22px 18px!important; }
	.jak-guide-hub__hero>aside { display:none!important; }
	.jak-guide-hub__hero h1 { font-size:clamp(44px,14vw,62px)!important; }
	.jak-guide-cat-scroll { grid-template-columns:38px minmax(0,1fr) 38px!important; gap:6px!important; }
	.jak-guide-cat-arrow { width:38px!important; height:38px!important; }
	.jak-guide-hub__categories>a { min-width:150px!important; flex-basis:150px!important; padding:16px!important; }
	.jak-guide-hub__tools { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:10px!important; margin:0 0 16px!important; }
	.jak-guide-hub__tools form { width:100%!important; max-width:none!important; }
	.jak-guide-hub__tools form>div { min-height:0!important; grid-template-columns:42px minmax(0,1fr)!important; overflow:hidden!important; }
	.jak-guide-hub__tools input[type="search"] { min-height:50px!important; padding:0 8px!important; }
	.jak-guide-hub__tools button { grid-column:1/-1!important; min-height:46px!important; border-radius:0 0 11px 11px!important; }
	.jak-guide-hub__tools>a { align-self:flex-start!important; white-space:normal!important; }
	.jak-guide-hub .jak-content-cards { display:grid!important; grid-template-columns:1fr!important; gap:14px!important; overflow:visible!important; }
	.jak-guide-hub .jak-content-card { width:100%!important; min-width:0!important; }
	.jak-guide-hub .jak-content-card__body { min-height:250px!important; }

	.jak-livestock-market { margin-top:20px!important; overflow:hidden; }
	.jak-livestock-market__intro { min-height:0!important; margin:0 0 16px!important; }
	.jak-livestock-market__intro>div { min-height:0!important; padding:22px 18px!important; }
	.jak-livestock-market__intro h2 { font-size:44px!important; }
	.jak-livestock-controlbar { width:100%!important; padding:12px!important; border-radius:16px!important; }
	.jak-livestock-toolbar,.jak-livestock-filters { width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:1fr!important; gap:10px!important; }
	.jak-livestock-filters label { width:100%!important; min-width:0!important; }
	.jak-livestock-filters select,.jak-livestock-filters .jak-button,.jak-livestock-filters>a { width:100%!important; max-width:100%!important; min-width:0!important; }
	.jak-livestock-filters>a { justify-content:center!important; }
	.jak-livestock-animal-tabs { width:100%!important; justify-content:flex-start!important; flex-wrap:nowrap!important; gap:7px!important; margin:14px 0 18px!important; padding:0 2px 6px!important; overflow-x:auto!important; scrollbar-width:none!important; }
	.jak-livestock-animal-tabs::-webkit-scrollbar { display:none!important; }
	.jak-livestock-animal-tabs a { flex:0 0 auto!important; }
	.jak-livestock-results .jak-content-cards { display:grid!important; grid-template-columns:1fr!important; gap:14px!important; overflow:visible!important; }
	.jak-livestock-results .jak-content-card { width:100%!important; min-width:0!important; }
	.jak-livestock-results .jak-content-card__body { min-height:270px!important; }

	.jak-directory { margin-top:20px!important; gap:20px!important; }
	.jak-directory-filters { flex-wrap:nowrap!important; gap:7px!important; overflow-x:auto!important; padding:0 0 8px!important; scrollbar-width:none!important; }
	.jak-directory-filters::-webkit-scrollbar { display:none!important; }
	.jak-directory-filters a { flex:0 0 auto!important; min-height:38px!important; }
	.jak-directory-grid { display:grid!important; grid-template-columns:1fr!important; gap:14px!important; overflow:visible!important; }
	.jak-directory-grid>article { width:100%!important; min-width:0!important; min-height:0!important; }
	.jak-directory-submit { grid-template-columns:1fr!important; gap:20px!important; padding:24px 18px!important; }
	.jak-directory-submit form { grid-template-columns:1fr!important; }
	.jak-directory-submit .is-wide { grid-column:auto!important; }

	.jak-quick-view__grid { grid-template-columns:1fr!important; }
	.jak-quick-view__image { aspect-ratio:4/3!important; }
	.jak-quick-view__summary { padding:24px 18px!important; }
	.jak-quick-view__summary h2 { padding-right:34px!important; font-size:36px!important; }
	.jak-quick-view__meta { padding-right:40px; }

	.archive-filters { width:min(360px,94vw)!important; padding:20px 16px!important; }
	.archive-animal-types>div { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
	.archive-animal-types>div::-webkit-scrollbar { display:none; }
	.archive-animal-types a { flex:0 0 auto; }

	.site-footer { padding-top:44px!important; }
	.footer-main { grid-template-columns:1fr 1fr!important; gap:32px 18px!important; text-align:left; }
	.footer-brand { grid-column:1/-1!important; display:flex!important; align-items:center!important; flex-direction:column!important; text-align:center!important; }
	.footer-brand .wordmark,.footer-brand .wordmark--image { width:min(230px,70vw)!important; margin-inline:auto!important; }
	.footer-brand .wordmark img { width:100%!important; height:auto!important; max-height:150px!important; object-fit:contain!important; }
	.footer-brand>p { max-width:420px!important; margin:18px auto!important; }
	.footer-contact { justify-content:center!important; }
	.footer-contact a,.footer-contact span { justify-content:center!important; }
	.footer-actions { justify-content:center!important; }
	.footer-main>div:not(.footer-brand) { align-items:flex-start!important; }
	.footer-bottom { flex-direction:column!important; justify-content:center!important; padding:18px 0!important; text-align:center!important; }
}

@media (max-width: 420px) {
	.jak-guide-hub,.jak-blog-hub,.jak-blog-hub--compact,.jak-livestock-market,.jak-directory,.jak-information-page,.jak-store-contact,.jak-department-page,.concept-width,.page-width { width:calc(100% - 16px)!important; }
	.footer-main { width:calc(100% - 28px)!important; }
	.archive-product-copy { padding:14px!important; }
	.archive-product-copy h3 { font-size:20px!important; }
}

@media (max-width: 767px) {
  .header-main { grid-template-columns:42px minmax(0,1fr) 42px; }
  .header-main>.wordmark--image { width:148px; height:58px; }
  .hero-slide { height:660px; min-height:660px; max-height:660px; align-items:flex-end; }
  .hero-slide>img { object-position:65% center; }
  .hero-overlay { background:linear-gradient(0deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,.74) 46%,rgba(5,6,8,.18) 100%); }
  .hero-content { align-items:flex-end; padding-block:70px 96px; }
  .hero-copy { width:100%; }
  .hero-buttons { width:100%; }
  .hero-buttons .btn { flex:1 1 calc(50% - 6px); min-width:0; padding-inline:12px; }
  .hero-note { display:none; }
  .service-strip { padding:16px 0; }
  .service-strip-grid { width:100%; min-height:0; display:flex; gap:12px; overflow-x:auto; padding:0 18px 8px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .service-strip-grid>div { min-width:78vw; min-height:74px; flex:0 0 78vw; padding:14px 18px!important; border:1px solid var(--line)!important; border-radius:14px; background:var(--card); scroll-snap-align:center; }
  .department-icon { display:none; }
  .department-grid { grid-template-rows:none; }
  .product-tabs-list { margin-bottom:22px!important; }
  .jak-livestock-toolbar { align-items:stretch; flex-direction:column; }
  .jak-livestock-view { display:none; }
  .jak-livestock-results[data-columns] .jak-content-cards,.jak-content-cards--guide { grid-template-columns:1fr; }
  .footer-main { grid-template-columns:1fr 1fr; gap:34px 22px; }
  .footer-brand { grid-column:1/-1; }
  .footer-bottom { align-items:center; flex-direction:column; padding-block:22px; text-align:center; }
  .footer-socials { position:static; order:-1; transform:none; }
  .footer-socials span { display:none; }
  .jak-floating-cart { top:50%; right:8px!important; left:auto; min-height:44px; }
  body.woocommerce-account .woocommerce { grid-template-columns:1fr; padding:18px; }
  body.woocommerce-account .woocommerce-MyAccount-navigation,body.woocommerce-account .woocommerce-MyAccount-content { grid-column:1; }
  .jak-guide-hub__hero { display:block!important; }
  .jak-guide-hub__hero>aside { margin-top:24px; }
}

/* 0.9.2 complete storefront sweep. */
.site-shell,
.site-shell * { box-sizing:border-box; }
.site-shell { max-width:100%; overflow-x:clip; }
.hero-section,
.hero-track,
.hero-slide { width:100%; }
.hero-track { height:720px; min-height:720px; }
.hero-slide { position:absolute!important; inset:0!important; }
.hero-slide.is-active { position:absolute!important; }
.hero-slide>img { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; }
.hero-overlay { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; }
.hero-content { height:100%; min-height:0; }
.hero-copy .eyebrow { display:inline-flex; width:auto; max-width:100%; padding:0; background:none!important; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.hero-buttons .btn { display:inline-flex; align-items:center; justify-content:center; text-align:center; }
.hero-buttons .btn svg { width:17px; height:17px; }
.service-strip-grid>div { min-width:0; }
.service-strip-grid strong,
.service-strip-grid small { white-space:normal; }
.services-caption { max-width:calc(100% - 34px); }
.services-caption strong { overflow-wrap:anywhere; }
.product-tabs [role="tabpanel"] { min-width:0; }
.product-grid { min-width:0; }
.product-card { min-width:0; }
.product-media { min-width:0; }
.product-body { min-width:0; }
.product-body h3,
.product-body h3 a { overflow-wrap:anywhere; }
.product-meta>span:first-child { max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-quick-view,
.archive-quick-view { z-index:4; max-width:calc(100% - 24px); white-space:nowrap; }
.product-media .product-photo,
.woocommerce .product-media img.product-photo { inset:18px!important; width:calc(100% - 36px)!important; height:calc(100% - 36px)!important; padding:0!important; object-fit:contain!important; }
.archive-product-grid[data-layout="2"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
.archive-product-card { min-width:0; }
.archive-product-image>a { position:absolute; inset:0; display:grid; place-items:center; }
.archive-product-image>a>img { width:100%!important; height:100%!important; max-width:100%!important; margin:0!important; object-fit:contain!important; object-position:center!important; }
.archive-product-copy h3 { overflow-wrap:anywhere; }
.brand-track>a { overflow:hidden; }
.brand-track img { max-width:100%; max-height:100%; }
.footer-socials span { display:none; }
.footer-socials a { width:42px; padding:0; justify-content:center; }
.jak-floating-cart { z-index:120; display:inline-flex!important; align-items:center; justify-content:center; gap:8px; min-width:82px; min-height:46px; border-radius:999px; box-shadow:0 12px 32px rgba(0,0,0,.35); }
.jak-shipping-progress { position:relative; overflow:hidden; }
.jak-shipping-progress.is-complete::after { position:absolute; inset:0; pointer-events:none; content:'✦  ·  ✧  ·  ✦'; color:var(--accent); font-size:13px; letter-spacing:18px; text-align:center; animation:jak-confetti-pop .7s ease both; }
@keyframes jak-confetti-pop { from{opacity:0;transform:translateY(10px) scale(.8)} to{opacity:.6;transform:translateY(-9px) scale(1)} }
body.woocommerce-account main#content,
body.woocommerce-account .site-main { width:min(1180px,calc(100% - 48px))!important; min-height:58vh; margin:clamp(34px,6vw,84px) auto!important; padding:0!important; }
body.woocommerce-account .woocommerce-MyAccount-content { min-width:0; }
body.woocommerce-account .woocommerce-MyAccount-content>*:first-child { margin-top:0; }
.jak-guide-hub,
.jak-blog-hub { width:min(1460px,calc(100% - 72px)); margin:clamp(42px,6vw,88px) auto; }
.jak-guide-hub__results,
.jak-blog-archive { min-width:0; }

@media (max-width: 1024px) {
  .hero-track { height:680px; min-height:680px; }
  .header-main { grid-template-columns:210px minmax(220px,1fr) auto; }
  .wordmark--image { width:195px; }
}

@media (max-width: 767px) {
  html,body { max-width:100%; overflow-x:hidden; }
  .site-header .header-main { min-height:92px; grid-template-columns:44px minmax(0,1fr) 44px; padding-inline:14px; }
  .header-main>.wordmark--image { width:min(190px,58vw); height:72px; justify-self:center; }
  .header-actions { width:44px; }
  .header-actions>* { display:none!important; }
  .hero-track { height:650px; min-height:650px; }
  .hero-slide { height:650px; min-height:650px; max-height:650px; }
  .hero-slide>img { object-position:64% center!important; }
  .hero-overlay { background:linear-gradient(0deg,rgba(5,6,8,.97) 0%,rgba(5,6,8,.78) 48%,rgba(5,6,8,.18) 100%)!important; }
  .hero-content { min-width:0; padding:54px 18px 86px; }
  .hero-copy h1,.hero-copy h2 { max-width:100%; font-size:clamp(54px,15vw,78px); line-height:.84; }
  .hero-lead { margin-top:20px; font-size:15px; }
  .hero-buttons { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:25px; }
  .hero-buttons .btn { width:100%; min-height:54px; padding:0 10px; }
  .hero-buttons .btn:hover,.hero-buttons .btn:focus-visible { border-color:var(--accent); background:var(--accent); color:var(--accent-ink); }
  .hero-controls { right:18px; bottom:22px; left:18px; }
  .service-strip { overflow:hidden; }
  .service-strip-grid { width:100%; max-width:none; display:flex!important; overflow-x:auto!important; overscroll-behavior-inline:contain; padding:0 18px 8px!important; scroll-padding-inline:18px; scroll-snap-type:x mandatory; }
  .service-strip-grid>div { width:82vw; min-width:82vw!important; max-width:82vw; flex:0 0 82vw!important; overflow:hidden; scroll-snap-align:start; }
  .service-strip-grid strong,.service-strip-grid small { overflow-wrap:anywhere; }
  .department-grid { width:100%; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px; }
  .department-card { min-height:0!important; height:210px!important; }
  .department-copy { right:12px; bottom:13px; left:12px; }
  .department-copy strong { font-size:23px; }
  .department-copy small { font-size:8px; line-height:1.25; }
  .product-heading h2 { max-width:100%; font-size:clamp(48px,15vw,68px); overflow-wrap:anywhere; }
  .product-tabs-list { max-width:100%; gap:22px!important; overflow-x:auto; }
  .product-tabs [role="tabpanel"] { width:calc(100vw - 36px); overflow:visible; }
  .product-tabs [role="tabpanel"] .product-grid { display:flex!important; grid-template-columns:none!important; gap:12px; overflow-x:auto; padding:0 2px 12px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .product-tabs [role="tabpanel"] .product-card { width:82vw; min-width:82vw; max-width:82vw; flex:0 0 82vw; scroll-snap-align:start; }
  .product-media { aspect-ratio:1/1; }
  .product-quick-view { right:12px!important; bottom:12px!important; left:auto!important; width:auto!important; min-width:0!important; height:38px!important; padding:0 13px!important; border-radius:999px!important; }
  .livestock-grid { display:flex!important; grid-template-columns:none!important; gap:12px; overflow-x:auto; padding-bottom:10px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .livestock-card { width:82vw; min-width:82vw; max-width:82vw; flex:0 0 82vw; scroll-snap-align:start; }
  .livestock-image { height:330px; }
  .services-caption { right:16px; bottom:16px; left:16px; width:auto; padding:16px 18px; }
  .services-caption strong { font-size:13px; line-height:1.3; }
  .footer-main { width:calc(100% - 36px); }
  .footer-brand .wordmark--image { width:220px; height:92px; }
  .footer-brand>p { max-width:100%; }
  .footer-bottom { width:calc(100% - 36px); }
  .footer-socials { width:100%; justify-content:center; }
  .jak-floating-cart { top:50%; right:8px!important; min-width:48px; width:48px; height:48px; padding:0!important; }
  .jak-floating-cart span { display:none; }
  body.woocommerce-account main#content,body.woocommerce-account .site-main { width:calc(100% - 28px)!important; margin:28px auto!important; }
  body.woocommerce-account .woocommerce { width:100%; gap:18px; padding:16px; }
  body.woocommerce-account .woocommerce-MyAccount-navigation,body.woocommerce-account .woocommerce-MyAccount-content { grid-column:1; }
  .jak-guide-hub,.jak-blog-hub { width:calc(100% - 28px); margin:34px auto 58px; }
  .jak-guide-hub__hero,.jak-blog-category-section>header { padding:24px 20px!important; }
  .jak-guide-hub__hero h1 { font-size:clamp(52px,15vw,72px); }
  .archive-results { min-width:0; overflow:hidden; }
  body.jonaths-commerce .archive-product-grid,
  body.jonaths-commerce .archive-product-grid[data-layout="2"],
  body.jonaths-commerce .archive-product-grid[data-layout="3"],
  body.jonaths-commerce .archive-product-grid[data-layout="4"],
  body.jonaths-commerce .archive-product-grid[data-layout="5"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  .archive-product-image { min-height:0!important; }
  .archive-product-image>a>img { padding:12px!important; }
  .archive-quick-view { right:8px!important; bottom:8px!important; height:34px!important; padding:0 10px!important; font-size:9px!important; }
}

@media (max-width: 420px) {
  .department-grid { grid-template-columns:1fr!important; }
  .department-card { height:220px!important; }
  .hero-buttons { grid-template-columns:1fr; }
  .product-tabs [role="tabpanel"] .product-card,.livestock-card { width:86vw; min-width:86vw; max-width:86vw; flex-basis:86vw; }
  body.jonaths-commerce .archive-product-grid,
  body.jonaths-commerce .archive-product-grid[data-layout] { grid-template-columns:1fr!important; }
}

/* 0.9.4 final visual pass from client screenshots. */
.department-icon,
.jak-department-card > i { display:none!important; }
.jak-floating-cart {
	top:68%!important;
	right:14px!important;
	bottom:auto!important;
	left:auto!important;
	flex-direction:column;
	gap:7px;
	min-width:46px!important;
	min-height:96px!important;
	padding:12px 8px!important;
	border-radius:999px!important;
	transform:translateY(-50%)!important;
	writing-mode:horizontal-tb!important;
}
.jak-floating-cart span {
	display:block!important;
	writing-mode:vertical-rl;
	transform:rotate(180deg);
	letter-spacing:.09em;
}
.jak-floating-cart b {
	width:24px;
	height:24px;
	writing-mode:horizontal-tb!important;
}
.jak-floating-cart.has-items {
	animation:jak-cart-shake 4.8s ease-in-out infinite;
}
@keyframes jak-cart-shake {
	0%, 88%, 100% { transform:translateY(-50%) rotate(0deg); }
	90% { transform:translateY(-50%) rotate(-4deg); }
	92% { transform:translateY(-50%) rotate(4deg); }
	94% { transform:translateY(-50%) rotate(-3deg); }
	96% { transform:translateY(-50%) rotate(3deg); }
}
.jak-ghl-chat-ready .jak-floating-cart { right:14px!important; }
.jak-livestock-controlbar {
	position:sticky;
	top:12px;
	z-index:16;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:14px;
	margin-bottom:30px;
	padding:14px!important;
	border:1px solid var(--line);
	border-radius:22px;
	background:rgba(21,23,28,.88);
	box-shadow:0 18px 54px rgba(0,0,0,.28);
	backdrop-filter:blur(18px);
}
.admin-bar .jak-livestock-controlbar { top:44px; }
.jak-livestock-controlbar .jak-livestock-animal-tabs {
	position:static!important;
	flex:1 1 430px;
	margin:0!important;
	padding:0!important;
	background:transparent!important;
}
.jak-livestock-controlbar .jak-livestock-toolbar {
	flex:1.4 1 620px;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-end;
	gap:14px!important;
	margin:0!important;
}
.jak-livestock-controlbar .jak-livestock-filters {
	flex:1 1 auto!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
}
.jak-livestock-controlbar .jak-livestock-filters label { min-width:190px; }
.jak-livestock-controlbar .jak-livestock-view {
	display:flex!important;
	flex:0 0 auto;
	gap:7px;
}

@media (max-width: 767px) {
	.jak-floating-cart {
		top:68%!important;
		right:8px!important;
		width:46px!important;
		min-width:46px!important;
		height:88px!important;
		min-height:88px!important;
		padding:10px 6px!important;
	}
	.jak-floating-cart span { display:block!important; font-size:9px; }
	.jak-livestock-controlbar {
		position:static;
		align-items:stretch;
		flex-direction:column;
		padding:12px!important;
		border-radius:18px;
	}
	.jak-livestock-controlbar .jak-livestock-animal-tabs,
	.jak-livestock-controlbar .jak-livestock-toolbar,
	.jak-livestock-controlbar .jak-livestock-filters {
		flex:0 0 auto!important;
		width:100%;
	}
	.jak-livestock-controlbar .jak-livestock-toolbar,
	.jak-livestock-controlbar .jak-livestock-filters {
		align-items:stretch!important;
		flex-direction:column!important;
	}
	.jak-livestock-controlbar .jak-livestock-view { display:none!important; }
}

/* 0.9.5 sweep from 9 Sep screenshots: tighter bars, cleaner guide/blog pages, better commerce containment. */
.department-card .department-icon,
.department-icon,
.jak-department-card > i {
	display:none!important;
	visibility:hidden!important;
}
.department-card { min-height:0!important; }

.jak-floating-cart {
	top:72%!important;
	right:14px!important;
	bottom:auto!important;
	left:auto!important;
}
.jak-ghl-chat-ready .jak-floating-cart { right:14px!important; }

.jak-livestock-market {
	width:min(1240px,calc(100% - 48px))!important;
	margin-inline:auto!important;
}
.jak-livestock-controlbar {
	position:sticky!important;
	top:12px!important;
	width:min(900px,100%)!important;
	margin:0 auto 16px!important;
	justify-content:center!important;
	padding:14px 16px!important;
	border-radius:20px!important;
}
.admin-bar .jak-livestock-controlbar { top:44px!important; }
.jak-livestock-controlbar .jak-livestock-animal-tabs { display:none!important; }
.jak-livestock-controlbar .jak-livestock-toolbar {
	width:100%!important;
	flex:1 1 100%!important;
	justify-content:center!important;
}
.jak-livestock-controlbar .jak-livestock-filters {
	width:100%!important;
	justify-content:center!important;
}
.jak-livestock-controlbar .jak-livestock-filters label { min-width:210px!important; }
.jak-livestock-animal-tabs {
	position:static!important;
	width:min(980px,100%)!important;
	margin:0 auto 24px!important;
	padding:0!important;
	justify-content:center!important;
	background:transparent!important;
}

.jak-guide-hub,
.jak-blog-hub,
.jak-blog-hub--compact {
	width:min(1240px,calc(100% - 48px))!important;
	margin:clamp(34px,5vw,68px) auto!important;
	gap:clamp(24px,3vw,38px)!important;
}
.jak-guide-hub__hero {
	padding:clamp(28px,4vw,52px)!important;
	border:1px solid var(--line)!important;
	border-radius:24px!important;
	background:linear-gradient(135deg,var(--card),var(--page-alt))!important;
}
.jak-guide-hub__hero>div,
.jak-guide-hub__hero>aside {
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
.jak-guide-hub__tools,
.jak-blog-tools {
	margin:0 0 22px!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
}
.jak-guide-hub__tools form,
.jak-blog-search {
	max-width:920px!important;
	margin:0 auto!important;
	flex:0 1 920px!important;
}
.jak-guide-hub__tools form>div,
.jak-blog-search>div {
	background:var(--card)!important;
}
.jak-blog-category-section { display:none!important; }
.jak-blog-hub--compact .jak-blog-archive {
	display:grid!important;
	gap:22px!important;
}
.jak-blog-hub--compact .jak-blog-archive>header {
	margin:0!important;
	align-items:end!important;
}
.jak-blog-hub--compact .jak-blog-archive>header>div>p:not(.jak-panel-kicker) {
	max-width:620px;
	margin:12px 0 0;
	color:var(--muted);
}

.jak-department-promo>div,
.jak-department-promo>aside {
	min-height:270px!important;
	padding:clamp(28px,4vw,48px)!important;
}
.jak-department-help {
	min-height:230px!important;
	padding:clamp(28px,4vw,50px)!important;
}
.jak-department-promo h2 { font-size:clamp(42px,4.4vw,64px)!important; }
.jak-department-help h2 { font-size:clamp(40px,4vw,60px)!important; }
.jak-department-promo>div::after,
.jak-department-promo>aside::after,
.jak-department-help::after,
.jak-information-cards>article::after,
.jak-content-card__body::after {
	right:-18px!important;
	bottom:-26px!important;
	width:auto!important;
	height:auto!important;
	border:0!important;
	border-radius:0!important;
	content:'JAK'!important;
	color:rgba(255,44,145,.16)!important;
	font-family:var(--heading)!important;
	font-size:clamp(76px,9vw,138px)!important;
	font-weight:900!important;
	letter-spacing:.02em!important;
	line-height:.8!important;
	transform:rotate(-8deg)!important;
}
.jak-department-promo>div::after,
.jak-department-help::after { color:rgba(9,10,12,.16)!important; }
.jak-department-promo>div::before,
.jak-department-promo>aside::before,
.jak-department-help::before,
.jak-information-cards>article::before,
.jak-content-card__body::before { content:none!important; }

.jak-quick-view__meta {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px 14px;
	width:100%;
	margin-bottom:2px;
}
.jak-quick-view__brand,
.jak-quick-view__rating {
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:34px;
	padding:7px 10px;
	border:1px solid var(--line);
	border-radius:999px;
	background:rgba(255,255,255,.035);
	color:var(--muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.jak-quick-view__brand strong {
	color:var(--ink);
	font-size:12px;
}
.jak-quick-view__stars {
	position:relative;
	display:inline-block;
	color:rgba(255,255,255,.22);
	font-size:13px;
	letter-spacing:1px;
	line-height:1;
}
.jak-quick-view__stars>span {
	position:absolute;
	inset:0 auto 0 0;
	overflow:hidden;
	color:var(--accent);
	white-space:nowrap;
}
.jak-quick-view__rating small {
	color:var(--muted);
	font-size:10px;
	letter-spacing:0;
	text-transform:none;
}
.jak-quick-view__summary>.jak-kicker { display:none!important; }

body.woocommerce-cart main#content,
body.woocommerce-checkout main#content,
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-cart .page-content,
body.woocommerce-checkout .page-content {
	width:min(1180px,calc(100% - 48px))!important;
	max-width:1180px!important;
	margin:clamp(34px,5vw,72px) auto!important;
}
body.woocommerce-cart main#content>.woocommerce,
body.woocommerce-cart .site-main>.woocommerce,
body.woocommerce-cart .page-content>.woocommerce,
body.woocommerce-checkout main#content>.woocommerce,
body.woocommerce-checkout .site-main>.woocommerce,
body.woocommerce-checkout .page-content>.woocommerce {
	max-width:1120px!important;
	margin-inline:auto!important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout {
	max-width:1120px!important;
	margin-inline:auto!important;
}
body.woocommerce-checkout #payment ul.payment_methods li img,
body.woocommerce-checkout .payment_methods img,
body.woocommerce-cart .payment_methods img,
body.woocommerce-cart img[alt*="Afterpay"],
body.woocommerce-checkout img[alt*="Afterpay"],
body.woocommerce-cart img[alt*="Google"],
body.woocommerce-checkout img[alt*="Google"] {
	width:auto!important;
	max-width:132px!important;
	max-height:30px!important;
	object-fit:contain!important;
	padding:5px 9px!important;
	border-radius:8px!important;
	background:#fff!important;
	box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
	vertical-align:middle!important;
}

@media (max-width: 767px) {
	.jak-floating-cart {
		top:72%!important;
		right:8px!important;
	}
	.jak-livestock-market,
	.jak-guide-hub,
	.jak-blog-hub,
	.jak-blog-hub--compact {
		width:calc(100% - 28px)!important;
	}
	.jak-livestock-controlbar {
		position:static!important;
		width:100%!important;
		margin-bottom:14px!important;
	}
	.jak-livestock-animal-tabs {
		justify-content:flex-start!important;
		overflow-x:auto!important;
		padding-bottom:6px!important;
	}
	.jak-guide-hub__tools form,
	.jak-blog-search {
		max-width:none!important;
	}
	.jak-department-promo>div,
	.jak-department-promo>aside,
	.jak-department-help {
		min-height:220px!important;
	}
	body.woocommerce-cart main#content,
	body.woocommerce-checkout main#content,
	body.woocommerce-cart .site-main,
	body.woocommerce-checkout .site-main,
	body.woocommerce-cart .page-content,
	body.woocommerce-checkout .page-content {
		width:calc(100% - 28px)!important;
		max-width:none!important;
	}
}

/* 0.9.6 visual corrections from the 9 Sep commerce/content screenshots. */
.service-strip {
	position:relative;
	z-index:4;
	overflow:visible!important;
}
.service-strip-grid {
	min-height:108px!important;
	align-items:center!important;
	overflow:visible!important;
	padding-top:18px!important;
	padding-bottom:18px!important;
}
.service-strip-grid>div {
	min-height:72px!important;
	align-items:center!important;
}

.product-media,
.product-media-1,
.product-media-2,
.product-media-3,
.product-media-4,
.archive-product-image,
body.jonaths-commerce .archive-product-image,
.archive-product-image>a,
.product-card .product-media {
	background:#fff!important;
}
.product-photo,
.woocommerce .product-media img.product-photo,
.archive-product-image>a>img,
.archive-product-image>img,
body.jonaths-commerce .archive-product-image>a>img,
body.jonaths-commerce .archive-product-image img.wp-post-image {
	box-sizing:border-box!important;
	object-fit:contain!important;
	object-position:center!important;
	padding:18px!important;
	filter:none!important;
	transform:none!important;
	background:#fff!important;
	mix-blend-mode:normal!important;
}
.product-media .product-photo,
.woocommerce .product-media img.product-photo {
	inset:0!important;
	width:100%!important;
	height:100%!important;
}

.jak-guide-cat-scroll {
	display:grid;
	grid-template-columns:48px minmax(0,1fr) 48px;
	align-items:center;
	gap:12px;
	margin:0 0 clamp(22px,3vw,34px);
}
.jak-guide-cat-arrow {
	width:48px;
	height:48px;
	display:grid;
	place-items:center;
	border:1px solid var(--line);
	border-radius:50%;
	background:var(--card);
	color:var(--ink);
	font-size:18px;
	font-weight:900;
	line-height:1;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,opacity .2s ease;
}
.jak-guide-cat-arrow:hover:not(:disabled) {
	border-color:var(--accent);
	background:var(--accent);
	color:var(--accent-ink);
	transform:translateY(-1px);
}
.jak-guide-cat-arrow:disabled {
	opacity:.28;
	cursor:not-allowed;
}
.jak-guide-cat-scroll:not(.is-scrollable) .jak-guide-cat-arrow {
	visibility:hidden;
}
.jak-guide-hub__categories {
	display:flex!important;
	gap:12px!important;
	overflow-x:auto!important;
	overflow-y:hidden!important;
	padding:2px 0!important;
	scrollbar-width:none!important;
	scroll-snap-type:x mandatory;
}
.jak-guide-hub__categories::-webkit-scrollbar {
	display:none!important;
	width:0!important;
	height:0!important;
}
.jak-guide-hub__categories>a {
	min-width:180px!important;
	flex:0 0 180px!important;
	scroll-snap-align:start;
}
.jak-guide-hub__tools {
	display:flex!important;
	align-items:flex-end!important;
	justify-content:center!important;
	gap:18px!important;
	width:100%!important;
}
.jak-guide-hub__tools form,
.jak-blog-search {
	width:min(760px,100%)!important;
	max-width:760px!important;
	margin-inline:auto!important;
}
.jak-guide-hub__tools label,
.jak-blog-search label {
	margin:0 0 10px 10px!important;
}
.jak-guide-hub__tools form>div,
.jak-blog-search>div {
	min-height:58px!important;
	grid-template-columns:52px minmax(0,1fr) auto!important;
	overflow:hidden!important;
	border:1px solid var(--line)!important;
	border-radius:16px!important;
	background:var(--card)!important;
	box-shadow:none!important;
}
.jak-guide-hub__tools input[type="search"],
.jak-blog-search input[type="search"] {
	min-height:58px!important;
	padding:0 12px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:var(--ink)!important;
}
.jak-guide-hub__tools button,
.jak-blog-search button {
	min-height:58px!important;
	border-radius:0 15px 15px 0!important;
}

.jak-commerce-progress {
	width:min(430px,100%)!important;
	margin:0 0 20px!important;
	padding:10px 12px!important;
	border-radius:14px!important;
}
.jak-shipping-progress {
	min-width:0!important;
	gap:6px!important;
	font-size:12px!important;
}
.jak-shipping-progress>i {
	height:3px!important;
}

body.woocommerce-account main#content,
body.woocommerce-account .site-main,
body.woocommerce-account .page-content {
	width:min(940px,calc(100% - 48px))!important;
	max-width:940px!important;
	margin:clamp(34px,5vw,70px) auto!important;
	padding:0!important;
}
body.woocommerce-account .woocommerce {
	width:100%!important;
	max-width:940px!important;
	margin-inline:auto!important;
	grid-template-columns:220px minmax(0,1fr)!important;
	gap:24px!important;
	padding:24px!important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
	min-height:320px;
}

body.woocommerce-cart main#content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .page-content {
	width:min(980px,calc(100% - 48px))!important;
	max-width:980px!important;
	margin:clamp(34px,5vw,70px) auto!important;
	padding:0!important;
}
body.woocommerce-cart .woocommerce {
	width:100%!important;
	max-width:980px!important;
	margin-inline:auto!important;
}
body.woocommerce-cart main#content>.woocommerce,
body.woocommerce-cart .site-main>.woocommerce,
body.woocommerce-cart .page-content>.woocommerce {
	display:block!important;
}
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
	width:100%!important;
	float:none!important;
}
body.woocommerce-cart .cart-collaterals {
	max-width:720px!important;
	margin:28px auto 0!important;
}
body.woocommerce-cart .cart-collaterals .cart_totals {
	position:static!important;
	max-width:720px!important;
	margin-inline:auto!important;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	width:100%!important;
}

body.woocommerce-checkout main#content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .page-content {
	width:min(1280px,calc(100% - 64px))!important;
	max-width:1280px!important;
	margin:clamp(34px,5vw,72px) auto!important;
	padding:0!important;
}
body.woocommerce-checkout .woocommerce {
	width:100%!important;
	max-width:1240px!important;
	margin-inline:auto!important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout {
	max-width:1240px!important;
	grid-template-columns:minmax(0,720px) minmax(500px,1fr)!important;
	gap:0 24px!important;
	align-items:start!important;
}
body.woocommerce-checkout form.checkout #customer_details {
	width:100%!important;
	max-width:720px!important;
}
body.woocommerce-checkout form.checkout #order_review_heading,
body.woocommerce-checkout form.checkout #order_review {
	width:100%!important;
	max-width:none!important;
}
body.woocommerce-checkout form.checkout #order_review {
	position:sticky!important;
	top:104px!important;
}

@media (max-width: 1024px) {
	body.woocommerce-checkout form.checkout.woocommerce-checkout {
		grid-template-columns:1fr!important;
		max-width:760px!important;
	}
	body.woocommerce-checkout form.checkout #customer_details {
		max-width:none!important;
	}
	body.woocommerce-checkout form.checkout #order_review {
		position:static!important;
	}
}

@media (max-width: 767px) {
	.service-strip {
		overflow:hidden!important;
		padding:14px 0!important;
	}
	.service-strip-grid {
		min-height:92px!important;
		overflow-x:auto!important;
		overflow-y:visible!important;
		padding:0 18px 10px!important;
	}
	.service-strip-grid>div {
		min-height:72px!important;
	}
	.jak-guide-cat-scroll {
		grid-template-columns:40px minmax(0,1fr) 40px;
		gap:8px;
	}
	.jak-guide-cat-arrow {
		width:40px;
		height:40px;
	}
	.jak-guide-hub__categories>a {
		min-width:154px!important;
		flex-basis:154px!important;
	}
	.jak-guide-hub__tools {
		align-items:stretch!important;
		flex-direction:column!important;
	}
	.jak-guide-hub__tools form,
	.jak-blog-search {
		width:100%!important;
		max-width:none!important;
	}
	.jak-guide-hub__tools form>div,
	.jak-blog-search>div {
		grid-template-columns:46px minmax(0,1fr)!important;
		overflow:visible!important;
	}
	.jak-guide-hub__tools button,
	.jak-blog-search button {
		grid-column:1/-1!important;
		border-radius:0 0 15px 15px!important;
	}
	body.woocommerce-account main#content,
	body.woocommerce-account .site-main,
	body.woocommerce-account .page-content,
	body.woocommerce-cart main#content,
	body.woocommerce-cart .site-main,
	body.woocommerce-cart .page-content,
	body.woocommerce-checkout main#content,
	body.woocommerce-checkout .site-main,
	body.woocommerce-checkout .page-content {
		width:calc(100% - 28px)!important;
		max-width:none!important;
	}
	body.woocommerce-account .woocommerce {
		grid-template-columns:1fr!important;
		padding:16px!important;
	}
	.jak-commerce-progress {
		width:100%!important;
	}
}

/* 0.9.7 final cascade guard — intentionally last. */
.jak-guide-hub,.jak-blog-hub,.jak-blog-hub--compact,.jak-livestock-market,.jak-directory,.jak-information-page,.jak-store-contact,.jak-department-page { width:min(1450px,calc(100% - 64px))!important; max-width:1450px!important; margin-left:auto!important; margin-right:auto!important; }
.jak-guide-hub { gap:24px!important; }
.jak-guide-hub__results { min-height:0!important; margin:0!important; padding:0!important; }
.jak-guide-hub__tools { min-height:0!important; display:grid!important; grid-template-columns:minmax(0,680px) auto!important; align-items:end!important; justify-content:center!important; gap:12px 24px!important; margin:0 0 20px!important; }
.jak-guide-hub__tools form { width:100%!important; max-width:680px!important; margin:0!important; }
.jak-guide-hub__tools form>div { min-height:54px!important; grid-template-columns:46px minmax(0,1fr) 108px!important; overflow:hidden!important; border:1px solid var(--line)!important; border-radius:12px!important; }
.jak-guide-hub__tools input[type="search"] { min-height:52px!important; border:0!important; box-shadow:none!important; }
.jak-guide-hub__tools button { grid-column:auto!important; min-height:52px!important; border-radius:0 11px 11px 0!important; }
.jak-guide-hub__tools>a { align-self:center!important; white-space:nowrap!important; }
.jak-guide-cat-scroll { margin:0!important; }
.jak-product-rail { overflow-x:auto!important; padding-bottom:2px!important; scrollbar-width:none!important; }
.jak-product-rail::-webkit-scrollbar { display:none!important; width:0!important; height:0!important; }
.jak-content-card__body::after,.jak-information-cards>article::after,.jak-department-promo>div::after,.jak-department-promo>aside::after,.jak-department-help::after { right:10px!important; bottom:-5px!important; width:auto!important; height:auto!important; border:0!important; content:'JAK'!important; font-family:var(--heading)!important; font-size:104px!important; font-weight:900!important; line-height:.78!important; transform:rotate(-7deg)!important; }
.jak-guide-hub .jak-content-card__body,.jak-blog-hub .jak-content-card__body,.jak-livestock-results .jak-content-card__body { min-height:286px!important; display:flex!important; flex-direction:column!important; gap:10px!important; }
.jak-content-card__link { margin-top:auto!important; }
.archive-product-meta { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin:0!important; }
.archive-product-meta p,.archive-product-meta span { min-height:0!important; display:block!important; margin:0!important; padding:0!important; font-size:10px!important; line-height:1.2!important; }
.jak-quick-view__image { min-height:0!important; aspect-ratio:1/1!important; background:#fff!important; }
.jak-quick-view__image img { width:100%!important; height:100%!important; object-fit:contain!important; background:#fff!important; }
.jak-quick-view__summary h2 { font-size:clamp(38px,4vw,54px)!important; line-height:.92!important; }

@media (max-width:767px) {
	.jak-guide-hub,.jak-blog-hub,.jak-blog-hub--compact,.jak-livestock-market,.jak-directory,.jak-information-page,.jak-store-contact,.jak-department-page,.concept-width,.page-width { width:calc(100% - 24px)!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; }
	.service-strip-grid { width:100%!important; min-height:0!important; gap:10px!important; padding:0 16px!important; overflow-x:auto!important; }
	.service-strip-grid>div { min-width:68vw!important; flex:0 0 68vw!important; min-height:64px!important; padding:10px 14px!important; }
	.department-grid,.jak-department-grid { width:100%!important; grid-template-columns:1fr!important; gap:12px!important; }
	.jak-guide-hub { gap:18px!important; margin-top:20px!important; }
	.jak-guide-hub__hero { padding:22px 18px!important; }
	.jak-guide-hub__hero>aside { display:none!important; }
	.jak-guide-hub__tools { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:10px!important; }
	.jak-guide-hub__tools form { width:100%!important; max-width:none!important; }
	.jak-guide-hub__tools form>div { grid-template-columns:42px minmax(0,1fr)!important; overflow:hidden!important; }
	.jak-guide-hub__tools button { grid-column:1/-1!important; min-height:46px!important; border-radius:0 0 11px 11px!important; }
	.jak-guide-hub__tools>a { align-self:flex-start!important; white-space:normal!important; }
	.jak-guide-hub .jak-content-cards,.jak-livestock-results .jak-content-cards,.jak-directory-grid { display:grid!important; grid-template-columns:1fr!important; gap:14px!important; overflow:visible!important; }
	.jak-guide-hub .jak-content-card,.jak-livestock-results .jak-content-card,.jak-directory-grid>article { width:100%!important; min-width:0!important; }
	.jak-livestock-market { margin-top:20px!important; overflow:hidden!important; }
	.jak-livestock-market__intro { min-height:0!important; margin-bottom:16px!important; }
	.jak-livestock-market__intro>div { min-height:0!important; padding:22px 18px!important; }
	.jak-livestock-controlbar { width:100%!important; padding:12px!important; }
	.jak-livestock-toolbar,.jak-livestock-filters { width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:1fr!important; gap:10px!important; }
	.jak-livestock-filters label,.jak-livestock-filters select,.jak-livestock-filters .jak-button,.jak-livestock-filters>a { width:100%!important; max-width:100%!important; min-width:0!important; }
	.jak-livestock-filters>a { justify-content:center!important; }
	.jak-livestock-animal-tabs { width:100%!important; justify-content:flex-start!important; flex-wrap:nowrap!important; overflow-x:auto!important; margin:14px 0 18px!important; padding-bottom:6px!important; scrollbar-width:none!important; }
	.jak-directory-filters { flex-wrap:nowrap!important; overflow-x:auto!important; padding-bottom:8px!important; scrollbar-width:none!important; }
	.jak-directory-filters a { flex:0 0 auto!important; }
	.jak-directory-submit { grid-template-columns:1fr!important; padding:24px 18px!important; }
	.jak-directory-submit form { grid-template-columns:1fr!important; }
	.jak-directory-submit .is-wide { grid-column:auto!important; }
	.jak-quick-view__grid { grid-template-columns:1fr!important; }
	.jak-quick-view__image { aspect-ratio:4/3!important; }
	.footer-main { grid-template-columns:1fr 1fr!important; gap:32px 18px!important; }
	.footer-brand { grid-column:1/-1!important; display:flex!important; align-items:center!important; flex-direction:column!important; text-align:center!important; }
	.footer-brand .wordmark--image { width:min(230px,70vw)!important; margin:auto!important; }
	.footer-brand .wordmark img { width:100%!important; height:auto!important; max-height:150px!important; object-fit:contain!important; }
	.footer-contact,.footer-actions { justify-content:center!important; }
}

/* 0.9.8 final layout system: separate desktop and mobile behaviour. */
:root {
	--jak-page-width:1450px;
	--jak-content-gap:16px;
}

/* Shared card media rules: products/livestock use square media; editorial cards use 4:3. */
.archive-product-card,
.livestock-card,
.jak-content-card,
.department-card { min-width:0!important; }
.archive-product-image,
.livestock-image,
.jak-livestock-results .jak-content-card__media,
.jak-content-cards--livestock .jak-content-card__media,
.department-card {
	aspect-ratio:1/1!important;
	height:auto!important;
	min-height:0!important;
	overflow:hidden!important;
}
.jak-guide-hub .jak-content-card__media,
.jak-blog-hub .jak-content-card__media,
.jak-content-cards--guide .jak-content-card__media,
.jak-content-cards--blog .jak-content-card__media {
	aspect-ratio:4/3!important;
	height:auto!important;
	min-height:0!important;
	overflow:hidden!important;
}
.livestock-image img,
.jak-content-card__media img,
.department-card img {
	width:100%!important;
	height:100%!important;
	display:block!important;
	object-fit:cover!important;
	object-position:center!important;
}
.archive-product-image { background:#fff!important; }
.archive-product-image>a { width:100%!important; height:100%!important; display:block!important; background:#fff!important; }
.archive-product-image>a>img {
	width:100%!important;
	height:100%!important;
	padding:16px!important;
	object-fit:contain!important;
	background:#fff!important;
}

/* One product-card component everywhere, including the homepage. */
.archive-product-grid.product-grid,
.jak-product-rail .archive-product-grid {
	display:grid!important;
	grid-template-columns:repeat(4,minmax(0,1fr))!important;
	gap:var(--jak-content-gap)!important;
}
.archive-product-card { display:flex!important; flex-direction:column!important; overflow:hidden!important; }
.archive-product-copy { flex:1; display:flex!important; flex-direction:column!important; gap:7px!important; padding:16px!important; }
.archive-product-meta { min-height:14px!important; line-height:1.15!important; }
.archive-product-meta p,
.archive-product-meta span { font-size:10px!important; line-height:1.15!important; }
.archive-product-meta .is-in-stock,
.jak-quick-view__stock.is-in-stock,
.stock-in { color:#8fe628!important; }
.archive-product-meta .is-low-stock,
.jak-quick-view__stock.is-low-stock,
.stock-low { color:#ff9f2f!important; }
.archive-product-meta .is-out-of-stock,
.jak-quick-view__stock.is-out-of-stock,
.stock-out { color:#ff5967!important; }
.stock-badge.stock-in { background:#8fe628!important; color:#090a0c!important; }
.stock-badge.stock-low { background:#ff9f2f!important; color:#090a0c!important; }
.stock-badge.stock-out { background:#ff5967!important; color:#090a0c!important; }
.archive-product-rating { min-height:16px; display:flex!important; align-items:center!important; gap:7px!important; color:#ff2c91!important; }
.archive-product-rating .star-rating { float:none!important; width:5.4em!important; margin:0!important; font-size:11px!important; }
.archive-product-rating .star-rating::before,
.archive-product-rating .star-rating span::before { color:#ff2c91!important; }
.archive-product-rating small { color:var(--muted)!important; font-size:9px!important; line-height:1!important; }
.archive-product-copy h3 { min-height:2.05em!important; margin:0!important; font-size:clamp(19px,1.5vw,25px)!important; line-height:1.02!important; }
.archive-product-price { margin:2px 0 4px!important; }
.archive-product-actions { width:100%!important; margin-top:auto!important; }
.archive-product-actions .button,
.archive-product-actions a.button { width:100%!important; min-height:48px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; text-align:center!important; }

/* Compact non-product cards while keeping the existing JAK watermark scale. */
.jak-guide-hub .jak-content-card__body,
.jak-blog-hub .jak-content-card__body,
.jak-livestock-results .jak-content-card__body {
	min-height:238px!important;
	gap:7px!important;
	padding:20px!important;
}
.jak-content-card__body>p { margin:0 0 3px!important; }
.jak-content-card__body>h3 { margin:0!important; line-height:1.02!important; }
.jak-content-card__body>div:not(.jak-content-card__meta):not(.jak-livestock-chips) {
	display:-webkit-box!important;
	overflow:hidden!important;
	-webkit-box-orient:vertical!important;
	-webkit-line-clamp:3!important;
}
.jak-content-card__body::after,
.jak-information-cards>article::after,
.jak-department-promo>div::after,
.jak-department-promo>aside::after,
.jak-department-help::after {
	right:10px!important;
	bottom:-5px!important;
	font-size:104px!important;
	line-height:.78!important;
}

/* Learn-before-you-buy cards. */
.jak-department-guides>div>a { min-height:220px!important; justify-content:flex-start!important; padding:22px!important; }
.jak-department-guides>div>a>span { margin:0 0 10px!important; }
.jak-department-guides>div>a>p { margin:0 0 6px!important; }
.jak-department-guides>div>a>h3 { margin:0 0 8px!important; }

/* Navigation belongs on the card edges. */
.jak-rail-shell { position:relative!important; }
.jak-rail-arrow {
	top:50%!important;
	bottom:auto!important;
	width:46px!important;
	height:46px!important;
	border-radius:50%!important;
	transform:translateY(-50%)!important;
	background:#101216!important;
	color:#fff!important;
}
.jak-rail-arrow.is-prev { left:8px!important; }
.jak-rail-arrow.is-next { right:8px!important; }
.jak-rail-arrow:hover,
.jak-rail-arrow:focus-visible { border-color:#ff2c91!important; background:#ff2c91!important; color:#090a0c!important; }

/* Guide and blog search first, tabs immediately above content. */
.jak-guide-hub,
.jak-blog-hub,
.jak-blog-hub--compact { gap:22px!important; }
.jak-guide-hub__results,
.jak-blog-archive { min-height:0!important; }
.jak-guide-hub__tools,
.jak-blog-tools {
	min-height:0!important;
	display:grid!important;
	grid-template-columns:minmax(360px,720px) auto!important;
	align-items:end!important;
	justify-content:space-between!important;
	gap:16px 28px!important;
	margin:0 0 14px!important;
}
.jak-blog-tools { grid-template-columns:minmax(360px,720px)!important; justify-content:center!important; }
.jak-guide-hub__tools form,
.jak-blog-search { width:100%!important; max-width:720px!important; margin:0!important; }
.jak-guide-hub__tools form>div,
.jak-blog-search>div {
	display:grid!important;
	grid-template-columns:minmax(0,1fr) 54px!important;
	min-height:54px!important;
	overflow:hidden!important;
	border:1px solid var(--line)!important;
	border-radius:14px!important;
	background:var(--card)!important;
}
.jak-guide-hub__tools input[type="search"],
.jak-blog-search input[type="search"] { min-width:0!important; min-height:52px!important; padding:0 16px!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.jak-guide-hub__tools button,
.jak-blog-search button {
	grid-column:auto!important;
	width:54px!important;
	min-width:54px!important;
	min-height:52px!important;
	display:grid!important;
	place-items:center!important;
	padding:0!important;
	border-radius:0 13px 13px 0!important;
	background:#ff2c91!important;
	font-size:0!important;
}
.jak-guide-hub__tools button svg,
.jak-blog-search button svg { width:20px!important; height:20px!important; }
.jak-guide-tabs,
.jak-blog-tabs {
	display:flex!important;
	justify-content:flex-end!important;
	gap:8px!important;
	margin:0 0 16px!important;
	padding:0!important;
	overflow-x:auto!important;
	scrollbar-width:none!important;
}
.jak-guide-tabs::-webkit-scrollbar,
.jak-blog-tabs::-webkit-scrollbar { display:none!important; }
.jak-guide-tabs a,
.jak-blog-tabs a {
	flex:0 0 auto!important;
	min-height:39px!important;
	display:inline-flex!important;
	align-items:center!important;
	padding:0 16px!important;
	border:1px solid rgba(255,44,145,.48)!important;
	border-radius:999px!important;
	color:#ff2c91!important;
	font-size:10px!important;
	font-weight:900!important;
	letter-spacing:.05em!important;
	text-transform:uppercase!important;
}
.jak-guide-tabs a:hover,
.jak-guide-tabs a.is-active,
.jak-blog-tabs a:hover,
.jak-blog-tabs a.is-active { background:#ff2c91!important; color:#090a0c!important; }

/* FAQ uses one consistent width and individually spaced answers. */
.jak-faq-page { display:grid!important; gap:22px!important; }
.jak-faq-search,
.jak-faq-category-cards,
.jak-faq-groups,
.jak-faq-groups>section { width:100%!important; max-width:none!important; margin:0!important; }
.jak-faq-search { padding:24px!important; border:1px solid var(--line)!important; border-radius:22px!important; background:var(--card)!important; }
.jak-faq-search>div { display:grid!important; grid-template-columns:minmax(0,1fr) 52px!important; overflow:hidden!important; border:1px solid var(--line)!important; border-radius:13px!important; }
.jak-faq-search input { min-width:0!important; min-height:52px!important; padding:0 15px!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.jak-faq-search button { width:52px!important; min-height:52px!important; padding:0!important; border:0!important; border-radius:0!important; background:#ff2c91!important; }
.jak-faq-search button svg { width:20px!important; }
.jak-faq-groups { display:grid!important; gap:20px!important; }
.jak-faq-groups>section { padding:24px!important; border:1px solid var(--line)!important; border-radius:22px!important; background:var(--card)!important; }
.jak-faq-groups .jak-information-cards { display:grid!important; gap:9px!important; margin-top:16px!important; padding:0!important; border:0!important; background:transparent!important; }
.jak-faq-groups .jak-information-cards>article { padding:0!important; border:0!important; background:transparent!important; }
.jak-faq-groups details { overflow:hidden!important; margin:0!important; border:1px solid var(--line)!important; border-radius:12px!important; background:var(--page-alt)!important; }
.jak-faq-groups details+details { margin-top:9px!important; }
.jak-faq-groups summary { min-height:58px!important; display:flex!important; align-items:center!important; padding:13px 16px!important; }
.jak-faq-groups details>div,
.jak-faq-groups details>p { padding:0 16px 16px!important; }

/* A real approval-flow modal for community directory suggestions. */
.jak-directory { gap:18px!important; }
.jak-directory-submit-cta { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:22px!important; margin:4px 0 18px!important; padding:20px 24px!important; border:1px solid var(--line)!important; border-radius:18px!important; background:var(--card)!important; }
.jak-directory-submit-cta>div { display:grid!important; gap:4px!important; }
.jak-directory-submit-cta strong { color:var(--ink)!important; }
.jak-directory-submit-cta span { color:var(--muted)!important; }
.jak-directory-modal { position:fixed!important; z-index:1002!important; inset:50% auto auto 50%!important; width:min(760px,calc(100% - 40px))!important; max-height:calc(100vh - 48px)!important; overflow:auto!important; transform:translate(-50%,-50%)!important; border:1px solid var(--line)!important; border-radius:22px!important; background:#111318!important; box-shadow:0 30px 100px rgba(0,0,0,.7)!important; }
.jak-directory-modal[aria-hidden="true"] { display:none!important; }
.jak-directory-modal[aria-hidden="false"] { display:block!important; }
.jak-directory-modal>[data-directory-close] { position:sticky!important; z-index:2!important; top:12px!important; float:right!important; width:42px!important; height:42px!important; margin:12px 12px -54px 0!important; border:1px solid var(--line)!important; border-radius:50%!important; background:#090a0c!important; color:#fff!important; font-size:25px!important; }
.jak-directory-modal .jak-directory-submit { display:grid!important; grid-template-columns:1fr!important; gap:18px!important; margin:0!important; padding:28px!important; border:0!important; }
.jak-directory-overlay { position:fixed!important; z-index:1001!important; inset:0!important; background:rgba(0,0,0,.76)!important; backdrop-filter:blur(4px)!important; }
.jak-directory-modal-open { overflow:hidden!important; }

/* Custom map canvas; the marker is the real map marker, not an overlay. */
.jak-custom-map { width:100%!important; min-height:380px!important; overflow:hidden!important; border-radius:18px!important; background:#15171c!important; }
.jak-map-marker { display:none!important; }

/* Livestock: one desktop toolbar and a predictable 4/3/2 grid. */
.jak-livestock-market { width:min(var(--jak-page-width),calc(100% - 64px))!important; max-width:var(--jak-page-width)!important; }
.jak-livestock-controlbar {
	position:sticky!important;
	top:12px!important;
	width:100%!important;
	display:flex!important;
	align-items:flex-end!important;
	justify-content:flex-start!important;
	flex-wrap:nowrap!important;
	gap:12px!important;
	margin:0 0 20px!important;
	padding:13px!important;
}
.jak-livestock-filters { flex:0 1 auto!important; width:auto!important; min-width:0!important; display:flex!important; align-items:flex-end!important; gap:9px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; }
.jak-livestock-filters label { min-width:150px!important; width:clamp(150px,12vw,190px)!important; }
.jak-livestock-filters select { min-height:44px!important; }
.jak-livestock-filters .jak-button,
.jak-livestock-filters>a { min-height:44px!important; width:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 15px!important; }
.jak-livestock-animal-tabs { flex:1 1 auto!important; width:auto!important; min-width:0!important; display:flex!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:6px!important; margin:0 0 1px auto!important; padding:0!important; overflow-x:auto!important; scrollbar-width:none!important; }
.jak-livestock-animal-tabs::-webkit-scrollbar { display:none!important; }
.jak-livestock-animal-tabs a { flex:0 0 auto!important; min-height:42px!important; padding:0 13px!important; }
.jak-livestock-view { flex:0 0 auto!important; display:flex!important; gap:5px!important; margin-bottom:1px!important; }
.jak-livestock-view a { min-height:42px!important; display:flex!important; align-items:center!important; padding:0 12px!important; border:1px solid var(--line)!important; border-radius:999px!important; }
.jak-livestock-view a.is-active { background:#ff2c91!important; color:#090a0c!important; }
.jak-livestock-results .jak-content-cards { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; overflow:visible!important; }
.jak-livestock-results[data-view="list"] .jak-content-cards { grid-template-columns:1fr!important; }
.jak-livestock-results[data-view="list"] .jak-content-card { display:grid!important; grid-template-columns:260px minmax(0,1fr)!important; }
.jak-livestock-results[data-view="list"] .jak-content-card__media { height:100%!important; aspect-ratio:auto!important; }

/* Cart totals now align exactly with the table above. */
body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart-collaterals .cart_totals { width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; float:none!important; }

/* Footer accordion is open and columnar on desktop. */
.footer-menu-group { min-width:0!important; }
.footer-menu-group>summary { display:block!important; margin:0 0 8px!important; color:#fff!important; font-size:11px!important; font-weight:900!important; letter-spacing:.12em!important; text-transform:uppercase!important; list-style:none!important; cursor:default!important; }
.footer-menu-group>summary::-webkit-details-marker { display:none!important; }
.footer-menu-group>summary span { display:none!important; }
.footer-menu-group>div { display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:12px!important; }
.footer-menu-group a { color:#9b9da3!important; font-size:11px!important; }
.footer-menu-group a:hover { color:#ff2c91!important; }

/* Subtle attention nudge once every ten seconds. */
.jak-floating-cart.has-items { animation:jak-cart-nudge 10s ease-in-out infinite!important; }
@keyframes jak-cart-nudge {
	0%,88%,100% { transform:translateY(-50%) rotate(0deg); }
	90% { transform:translateY(-50%) rotate(-1.5deg); }
	92% { transform:translateY(-50%) rotate(1.5deg); }
	94% { transform:translateY(-50%) rotate(-1deg); }
	96% { transform:translateY(-50%) rotate(1deg); }
}

@media (max-width:1024px) {
	.archive-product-grid.product-grid,
	.jak-product-rail .archive-product-grid,
	.jak-livestock-results .jak-content-cards { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
	.jak-livestock-controlbar { flex-wrap:wrap!important; }
	.jak-livestock-animal-tabs { order:3; flex-basis:calc(100% - 110px)!important; justify-content:flex-start!important; margin-left:0!important; }
	.jak-livestock-view { order:4; }
}

@media (max-width:767px) {
	:root { --jak-content-gap:10px; }
	body { overflow-x:hidden!important; }
	.jak-guide-hub,.jak-blog-hub,.jak-blog-hub--compact,.jak-livestock-market,.jak-directory,.jak-information-page,.jak-store-contact,.jak-department-page,.concept-width,.page-width { width:calc(100% - 20px)!important; max-width:none!important; }

	/* Shorter mobile header with useful commerce actions. */
	.site-header .header-main { min-height:68px!important; grid-template-columns:38px minmax(0,1fr) 76px!important; gap:8px!important; padding-top:6px!important; padding-bottom:6px!important; }
	.site-header .wordmark--image { width:min(132px,38vw)!important; }
	.site-header .wordmark--image img { max-height:52px!important; object-fit:contain!important; }
	.site-header .header-actions { width:auto!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; }
	.site-header .header-help { display:none!important; }
	.site-header .header-account,
	.site-header .cart-link { width:34px!important; min-width:34px!important; height:34px!important; display:grid!important; place-items:center!important; padding:0!important; }
	.site-header .header-account span,
	.site-header .cart-link>span:not(.cart-count) { display:none!important; }
	.site-header .header-account svg,
	.site-header .cart-link svg { width:19px!important; height:19px!important; }
	.jak-mobile-menu__primary,
	.jak-mobile-menu__account { display:grid!important; gap:6px!important; }
	.jak-mobile-menu__account { margin-top:14px!important; padding-top:14px!important; border-top:1px solid var(--line)!important; }
	.jak-mobile-menu__account a { min-height:43px!important; display:flex!important; align-items:center!important; padding:0 14px!important; border:1px solid var(--line)!important; border-radius:11px!important; }

	/* Two-up animal/category cards, including narrow phones. */
	.department-grid,
	.jak-department-grid { width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
	.department-card,
	.department-card:last-child { grid-column:auto!important; width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:1/1!important; }
	.department-copy { left:12px!important; right:10px!important; bottom:12px!important; }
	.department-copy strong { font-size:clamp(20px,5.5vw,29px)!important; line-height:.95!important; }
	.department-copy small { font-size:8px!important; }

	/* Products and livestock are both two-up on phone. */
	.archive-product-grid.product-grid,
	.jak-product-rail .archive-product-grid,
	.jak-livestock-results .jak-content-cards { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
	.archive-product-image>a>img { padding:9px!important; }
	.archive-product-copy { gap:5px!important; padding:11px!important; }
	.archive-product-copy h3 { font-size:clamp(15px,4.4vw,20px)!important; }
	.archive-product-rating small { display:none!important; }
	.archive-product-actions .button { min-height:43px!important; padding:0 7px!important; font-size:9px!important; }
	.archive-quick-view { right:6px!important; bottom:6px!important; padding:0 8px!important; }
	.archive-quick-view span { display:none!important; }
	.jak-livestock-results .jak-content-card__body { min-height:210px!important; padding:13px!important; }
	.jak-livestock-results .jak-content-card__body h3 { font-size:clamp(18px,5vw,24px)!important; }
	.jak-livestock-results[data-view="list"] .jak-content-card { grid-template-columns:110px minmax(0,1fr)!important; }

	/* Search followed directly by horizontally scrolling pink tabs. */
	.jak-guide-hub,
	.jak-blog-hub,
	.jak-blog-hub--compact { gap:14px!important; margin-top:18px!important; }
	.jak-guide-hub__results,
	.jak-blog-archive { min-height:0!important; padding-top:0!important; }
	.jak-guide-hub__tools,
	.jak-blog-tools { display:grid!important; grid-template-columns:1fr!important; gap:9px!important; margin:0 0 10px!important; }
	.jak-guide-hub__tools form>div,
	.jak-blog-search>div { grid-template-columns:minmax(0,1fr) 48px!important; }
	.jak-guide-hub__tools button,
	.jak-blog-search button { grid-column:auto!important; width:48px!important; min-width:48px!important; min-height:50px!important; border-radius:0 12px 12px 0!important; }
	.jak-guide-hub__tools>a { justify-self:start!important; }
	.jak-guide-tabs,
	.jak-blog-tabs { justify-content:flex-start!important; margin-bottom:12px!important; }
	.jak-guide-hub .jak-content-cards,
	.jak-blog-hub .jak-content-cards { display:grid!important; grid-template-columns:1fr!important; gap:12px!important; overflow:visible!important; }
	.jak-guide-hub .jak-content-card__body,
	.jak-blog-hub .jak-content-card__body { min-height:220px!important; }

	/* Mobile livestock controls remain usable and results stay two-up. */
	.jak-livestock-controlbar { position:static!important; display:grid!important; grid-template-columns:1fr!important; align-items:stretch!important; gap:11px!important; padding:12px!important; }
	.jak-livestock-filters { width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
	.jak-livestock-filters label { width:100%!important; min-width:0!important; }
	.jak-livestock-filters .jak-button,
	.jak-livestock-filters>a { width:100%!important; }
	.jak-livestock-animal-tabs { order:0!important; width:100%!important; margin:0!important; justify-content:flex-start!important; }
	.jak-livestock-view { order:0!important; display:flex!important; justify-content:flex-start!important; }

	/* Compact directory intro and modal form. */
	.jak-directory { gap:14px!important; }
	.jak-directory-submit-cta { align-items:flex-start!important; flex-direction:column!important; gap:14px!important; margin:0 0 12px!important; padding:17px!important; }
	.jak-directory-submit-cta .jak-button { width:100%!important; }
	.jak-directory-modal { width:calc(100% - 20px)!important; max-height:calc(100dvh - 20px)!important; border-radius:16px!important; }
	.jak-directory-modal .jak-directory-submit { grid-template-columns:1fr!important; padding:20px 14px!important; }
	.jak-directory-modal .jak-directory-submit form { grid-template-columns:1fr!important; }
	.jak-custom-map { min-height:300px!important; }

	/* FAQ content aligns with the search card and never merges into one blob. */
	.jak-faq-page { gap:14px!important; }
	.jak-faq-search,
	.jak-faq-groups>section { padding:16px!important; border-radius:16px!important; }
	.jak-faq-category-cards { grid-template-columns:1fr!important; gap:8px!important; }

	/* Mobile footer: centered brand, side-by-side actions, horizontal accordions. */
	.footer-main { width:calc(100% - 24px)!important; display:grid!important; grid-template-columns:1fr!important; gap:0!important; padding-bottom:34px!important; }
	.footer-brand { grid-column:auto!important; align-items:center!important; text-align:center!important; margin-bottom:24px!important; }
	.footer-brand .wordmark--image { width:min(190px,60vw)!important; }
	.footer-contact { justify-content:center!important; }
	.footer-actions { width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
	.footer-actions a { width:100%!important; min-width:0!important; justify-content:center!important; padding:0 8px!important; }
	.footer-menu-group { width:100%!important; border-top:1px solid rgba(255,255,255,.12)!important; }
	.footer-menu-group:last-of-type { border-bottom:1px solid rgba(255,255,255,.12)!important; }
	.footer-menu-group>summary { min-height:54px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; margin:0!important; cursor:pointer!important; }
	.footer-menu-group>summary span { display:block!important; color:#ff2c91!important; font-size:20px!important; transition:transform .2s ease!important; }
	.footer-menu-group[open]>summary span { transform:rotate(45deg)!important; }
	.footer-menu-group>div { padding:0 0 16px!important; }
}

@media (max-width:390px) {
	.department-copy strong { font-size:19px!important; }
	.department-copy small { display:none!important; }
	.archive-product-meta p,
	.archive-product-meta span { font-size:8px!important; }
}

/* editorial-profiles.css */
/* Structured species, care and buying guides — generated from Jonath's fields. */
.jak-species-profile,
.jak-guide-detail { padding:34px 0 90px; background:#090a0c; color:var(--ink); }
.jak-profile-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); overflow:hidden; border:1px solid var(--line); border-radius:26px; background:var(--card); }
.jak-profile-hero__copy { display:flex; flex-direction:column; justify-content:center; min-height:610px; padding:clamp(38px,5vw,74px); }
.jak-profile-hero h1 { max-width:720px; margin:12px 0 4px; font-family:var(--heading); font-size:clamp(62px,7.2vw,116px); line-height:.82; text-transform:uppercase; }
.jak-profile-scientific { margin:10px 0 0; color:#b8ff36; font-size:20px; font-style:italic; }
.jak-profile-aliases { margin:8px 0 0; color:var(--muted); font-size:13px; }
.jak-profile-lead { max-width:680px; margin:28px 0; color:#b5b7bd; font-size:17px; line-height:1.65; }
.jak-profile-actions { display:flex; flex-wrap:wrap; gap:10px; }
.jak-profile-hero__copy>small { margin-top:16px; color:#7f828a; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.jak-profile-gallery { position:relative; min-height:610px; background:#0f1115; }
.jak-profile-gallery>img { width:100%; height:100%; display:block; object-fit:cover; }
.jak-profile-gallery.is-placeholder { display:grid; place-items:center; color:#ff2c91; font-family:var(--heading); font-size:42px; text-transform:uppercase; }
.jak-profile-thumbs { position:absolute; right:18px; bottom:18px; left:18px; display:grid; grid-template-columns:repeat(5,72px); justify-content:end; gap:8px; }
.jak-profile-thumbs button { width:72px; height:72px; overflow:hidden; padding:0; border:2px solid rgba(255,255,255,.35); border-radius:12px; background:#090a0c; }
.jak-profile-thumbs button.is-active { border-color:#ff2c91; }
.jak-profile-thumbs img { width:100%; height:100%; object-fit:cover; }
.jak-profile-facts { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:16px; }
.jak-profile-facts article { min-height:118px; display:flex; flex-direction:column; gap:10px; padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.jak-profile-facts small { color:#ff2c91; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.jak-profile-facts strong { font-size:14px; line-height:1.35; }
.jak-profile-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:40px; margin-top:52px; }
.jak-profile-nav { align-self:start; position:sticky; top:110px; padding:20px; border:1px solid var(--line); border-radius:17px; background:var(--card); }
.jak-profile-nav nav { display:grid; margin-top:12px; }
.jak-profile-nav a { padding:10px 0; border-bottom:1px solid var(--line); color:#afb1b7; font-size:12px; }
.jak-profile-nav a:hover { color:#ff2c91; }
.jak-profile-content { max-width:980px; }
.jak-profile-content>section { scroll-margin-top:120px; padding:0 0 44px; margin:0 0 44px; border-bottom:1px solid var(--line); }
.jak-profile-content h2 { max-width:800px; margin:8px 0 18px; font-family:var(--heading); font-size:clamp(42px,5vw,70px); line-height:.9; text-transform:uppercase; }
.jak-profile-content p { max-width:820px; color:#b1b3b9; font-size:16px; line-height:1.75; }
.jak-profile-content audio { width:min(640px,100%); margin-top:16px; }
.jak-profile-taxonomy dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.jak-profile-taxonomy dl div { padding:14px 16px; border-radius:12px; background:#191c22; }
.jak-profile-taxonomy dt,.jak-profile-store dt { color:#ff2c91; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.jak-profile-taxonomy dd,.jak-profile-store dd { margin:5px 0 0; color:#fff; font-size:14px; }
.jak-profile-store { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.5fr) auto; align-items:end; gap:24px; padding:28px!important; border:1px solid rgba(255,44,145,.65)!important; border-radius:20px; background:linear-gradient(135deg,#171920,#22121c); }
.jak-profile-store dl { display:grid; gap:10px; margin:0; }
.jak-profile-store dl div { padding:13px; border-radius:11px; background:rgba(255,255,255,.05); }
.jak-profile-references ol,.jak-guide-references ol { display:grid; gap:9px; padding-left:20px; }
.jak-profile-references a,.jak-guide-references a { color:#ff70b3; text-decoration:underline; text-underline-offset:3px; }
.jak-profile-products { margin-top:70px; }
.jak-profile-products>header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.jak-profile-products h2 { margin:5px 0 0; font-family:var(--heading); font-size:58px; text-transform:uppercase; }

.jak-guide-lead { max-width:720px; margin:22px 0; color:#b4b6bc; font-size:17px; line-height:1.65; }
.jak-guide-structured-layout { display:grid; grid-template-columns:200px minmax(0,1fr) 290px; gap:30px; margin-top:48px; }
.jak-guide-on-page,.jak-guide-download { align-self:start; position:sticky; top:110px; }
.jak-guide-on-page { padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.jak-guide-on-page nav { display:grid; margin-top:10px; }
.jak-guide-on-page a { padding:9px 0; border-bottom:1px solid var(--line); color:#aeb0b6; font-size:11px; }
.jak-guide-structured-content>section { scroll-margin-top:120px; padding:0 0 40px; margin:0 0 40px; border-bottom:1px solid var(--line); }
.jak-guide-structured-content h2 { margin:7px 0 17px; font-family:var(--heading); font-size:clamp(40px,4.5vw,64px); line-height:.92; text-transform:uppercase; }
.jak-guide-structured-content p { color:#b1b3b9; font-size:16px; line-height:1.75; }
.jak-guide-checklist { padding:26px!important; border:1px solid rgba(184,255,54,.45)!important; border-radius:18px; background:#131810; }
.jak-guide-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 16px; padding:0; list-style:none; }
.jak-guide-checklist li { position:relative; padding:12px 12px 12px 40px; border-radius:10px; background:rgba(255,255,255,.04); color:#e7e7e9; }
.jak-guide-checklist li::before { content:'✓'; position:absolute; left:14px; color:#b8ff36; font-weight:900; }
.jak-guide-download { display:grid; gap:12px; }
.jak-guide-download section { padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--card); }
.jak-guide-download h2 { margin:7px 0 12px; font-family:var(--heading); font-size:34px; line-height:.95; text-transform:uppercase; }
.jak-guide-download p { color:#aeb0b6; font-size:13px; line-height:1.55; }

@media (max-width:1100px) {
	.jak-profile-hero { grid-template-columns:1fr 1fr; }
	.jak-profile-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.jak-guide-structured-layout { grid-template-columns:180px minmax(0,1fr); }
	.jak-guide-download { grid-column:2; position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
	.jak-species-profile,.jak-guide-detail { padding:18px 0 60px; }
	.jak-profile-hero { grid-template-columns:minmax(0,1fr); border-radius:18px; }
	.jak-profile-hero>*,.jak-profile-facts article,.jak-profile-layout>*,.jak-guide-structured-layout>* { min-width:0; }
	.jak-profile-hero p,.jak-profile-facts strong,.jak-guide-detail p { overflow-wrap:anywhere; }
	.jak-profile-hero__copy { min-height:0; order:2; padding:25px 18px 28px; }
	.jak-profile-hero h1 { font-size:clamp(50px,14vw,72px); }
	.jak-profile-gallery { min-height:0; aspect-ratio:4/3; }
	.jak-profile-thumbs { right:8px; bottom:8px; left:8px; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
	.jak-profile-thumbs button { width:100%; height:auto; aspect-ratio:1; border-radius:8px; }
	.jak-profile-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
	.jak-profile-facts article { min-height:98px; padding:13px; }
	.jak-profile-layout { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:28px; }
	.jak-profile-nav { position:static; overflow-x:auto; padding:12px; }
	.jak-profile-nav nav { display:flex; gap:7px; }
	.jak-profile-nav a { flex:0 0 auto; padding:9px 12px; border:1px solid var(--line); border-radius:999px; }
	.jak-profile-content>section { padding-bottom:28px; margin-bottom:28px; }
	.jak-profile-content h2 { font-size:clamp(38px,11vw,52px); }
	.jak-profile-content p { font-size:15px; line-height:1.68; }
	.jak-profile-taxonomy dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.jak-profile-store { grid-template-columns:1fr; align-items:start; padding:20px!important; }
	.jak-profile-products { margin-top:48px; }
	.jak-profile-products h2 { font-size:44px; }

	.jak-guide-lead { font-size:15px; }
	.jak-guide-structured-layout { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:28px; }
	.jak-guide-on-page { position:static; overflow-x:auto; padding:12px; }
	.jak-guide-on-page nav { display:flex; gap:7px; }
	.jak-guide-on-page a { flex:0 0 auto; padding:9px 12px; border:1px solid var(--line); border-radius:999px; }
	.jak-guide-structured-content>section { padding-bottom:28px; margin-bottom:28px; }
	.jak-guide-structured-content h2 { font-size:clamp(38px,11vw,52px); }
	.jak-guide-structured-content p { font-size:15px; line-height:1.68; }
	.jak-guide-checklist ul { grid-template-columns:1fr; }
	.jak-guide-download { grid-column:auto; grid-template-columns:1fr; }
}

/* release-0.10.1.css */
/* Jonath's 0.10.1 release corrections.
 * This file intentionally loads last. Desktop and mobile rules are separated
 * so a phone correction cannot change the desktop layout again.
 */

.filter-backdrop[hidden],
.jak-overlay[hidden],
.jak-directory-overlay[hidden],
[hidden] {
	display: none !important;
}

/* Shared component corrections. */
.archive-product-image > span {
	top: 14px !important;
	left: 14px !important;
	width: auto !important;
	max-width: calc(100% - 28px) !important;
	padding: 8px 13px !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	border-radius: 999px !important;
	background: #090a0c !important;
	color: #fff !important;
	line-height: 1 !important;
}

.archive-product-image,
.archive-product-image > a {
	position: relative !important;
	display: block !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	overflow: hidden !important;
	background: #fff !important;
}

.archive-product-image > a > img,
.archive-product-image img.wp-post-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
	object-position: center !important;
	filter: none !important;
}

.archive-product-copy {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	gap: 4px !important;
}

.archive-product-meta,
.archive-product-rating {
	min-height: 0 !important;
	margin: 0 !important;
}

.archive-product-rating {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.archive-product-copy > a,
.archive-product-copy h3 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.archive-product-meta .is-in-stock,
.jak-quick-view__stock.is-in-stock,
.stock-in { color: #8fe628 !important; }
.archive-product-meta .is-low-stock,
.jak-quick-view__stock.is-low-stock,
.stock-low { color: #ff9f2f !important; }
.archive-product-meta .is-out-of-stock,
.jak-quick-view__stock.is-out-of-stock,
.stock-out { color: #ff5967 !important; }

.jak-guide-tabs,
.jak-blog-tabs,
.jak-livestock-animal-tabs {
	display: flex !important;
	gap: 8px !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
}

.jak-guide-tabs::-webkit-scrollbar,
.jak-blog-tabs::-webkit-scrollbar,
.jak-livestock-animal-tabs::-webkit-scrollbar { display: none !important; }

.jak-guide-tabs a,
.jak-blog-tabs a,
.jak-livestock-animal-tabs a,
.archive-animal-types a,
.archive-view-switcher button {
	width: auto !important;
	min-height: 40px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	padding: 0 16px !important;
	border: 1px solid rgba(255,44,145,.5) !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #ff2c91 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .05em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.jak-guide-tabs a:is(:hover,.is-active),
.jak-blog-tabs a:is(:hover,.is-active),
.jak-livestock-animal-tabs a:is(:hover,.is-active),
.archive-animal-types a:is(:hover,.is-active),
.archive-view-switcher button:is(:hover,.active) {
	background: #ff2c91 !important;
	color: #090a0c !important;
}

.jak-guide-hub__tools form > div,
.jak-blog-search > div {
	display: grid !important;
	grid-template-columns: minmax(0,1fr) 54px !important;
}

.jak-guide-hub__tools button,
.jak-blog-search button {
	display: grid !important;
	grid-column: auto !important;
	place-items: center !important;
}

.jak-content-card__media,
.jak-content-card__media img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.jak-content-card__media { aspect-ratio: 4 / 3 !important; overflow: hidden !important; }
.jak-content-card__media img { object-fit: cover !important; object-position: center !important; }

.livestock-image {
	position: relative !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}

.livestock-image img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.hero-arrows button {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
}

.hero-arrows button:hover { border-color: #ff2c91 !important; background: #ff2c91 !important; color: #090a0c !important; }

.hero-progress-ring {
	position: absolute !important;
	inset: -4px !important;
	pointer-events: none !important;
	border-radius: 50% !important;
	background: conic-gradient(#ff2c91 var(--hero-progress,0turn),rgba(255,255,255,.16) 0) !important;
	-webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
	mask: radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
}

.hero-section.is-counting .hero-progress-ring { animation: jak-hero-progress 5s linear infinite !important; }
@keyframes jak-hero-progress { to { --hero-progress: 1turn; } }
@property --hero-progress { syntax: '<angle>'; inherits: false; initial-value: 0turn; }
@media (prefers-reduced-motion:reduce) { .hero-progress-ring { display:none !important; } }

/* Desktop and tablet. */
@media (min-width: 768px) {
	.department-grid {
		display: grid !important;
		grid-template-columns: repeat(4,minmax(0,1fr)) !important;
		grid-template-rows: none !important;
		grid-auto-flow: row !important;
		grid-auto-rows: auto !important;
		gap: 16px !important;
	}

	.department-card,
	.department-card:last-child {
		position: relative !important;
		grid-column: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 4 / 5 !important;
	}

	.archive-product-grid,
	body.jonaths-commerce .archive-product-grid,
	body.jonaths-commerce .archive-product-grid[data-layout],
	.archive-product-grid[data-layout="grid"],
	.archive-product-grid.product-grid,
	.jak-product-rail .archive-product-grid {
		display: grid !important;
		grid-template-columns: repeat(4,minmax(0,1fr)) !important;
		gap: 16px !important;
	}

	body.jonaths-commerce .archive-product-grid[data-layout="list"],
	.archive-product-grid[data-layout="list"] {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	body.jonaths-commerce .archive-product-grid[data-layout="list"] .archive-product-card,
	.archive-product-grid[data-layout="list"] .archive-product-card {
		display: grid !important;
		grid-template-columns: 240px minmax(0,1fr) !important;
		min-height: 240px !important;
	}

	.archive-product-grid[data-layout="list"] .archive-product-image {
		width: 240px !important;
		height: 240px !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 0 !important;
	}

	.archive-product-grid[data-layout="list"] .archive-product-copy {
		min-width: 0 !important;
		padding: 24px !important;
	}

	.archive-product-grid[data-layout="list"] .archive-product-copy h3 {
		min-height: 0 !important;
		font-size: 28px !important;
	}

	.jak-guide-hub__hero,
	.jak-blog-archive > header { margin-bottom: 34px !important; }

	.jak-guide-hub__tools {
		display: grid !important;
		grid-template-columns: minmax(420px,720px) auto !important;
		align-items: end !important;
		justify-content: space-between !important;
		gap: 24px !important;
	}

	.jak-blog-tools {
		display: grid !important;
		grid-template-columns: minmax(420px,720px) !important;
		justify-content: center !important;
		margin-bottom: 18px !important;
	}

	.jak-guide-tabs,
	.jak-blog-tabs { justify-content: flex-end !important; margin-bottom: 18px !important; }

	.jak-livestock-controlbar {
		display: grid !important;
		grid-template-columns: minmax(0,auto) minmax(280px,1fr) auto !important;
		align-items: end !important;
		gap: 14px !important;
	}

	.jak-livestock-filters {
		display: flex !important;
		align-items: end !important;
		gap: 9px !important;
	}

	.jak-livestock-animal-tabs { justify-content: flex-end !important; margin: 0 !important; }
	.jak-livestock-view { display: flex !important; }
}

@media (min-width: 768px) and (max-width: 1100px) {
	.department-grid,
	.archive-product-grid,
	body.jonaths-commerce .archive-product-grid,
	body.jonaths-commerce .archive-product-grid[data-layout],
	.archive-product-grid[data-layout="grid"],
	.archive-product-grid.product-grid,
	.jak-product-rail .archive-product-grid,
	.jak-livestock-results .jak-content-cards {
		grid-template-columns: repeat(3,minmax(0,1fr)) !important;
	}
}

/* Phone-only rules. */
@media (max-width: 767px) {
	.announcement,
	.announcement-inner { min-height: 27px !important; }
	.announcement-inner { font-size: 8px !important; }

	.site-header .header-main {
		height: 64px !important;
		min-height: 64px !important;
		grid-template-columns: 36px minmax(0,1fr) 76px !important;
		gap: 7px !important;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}

	.site-header .header-main > .wordmark--image {
		width: min(172px,48vw) !important;
		height: 54px !important;
		justify-self: center !important;
		align-items: center !important;
	}

	.site-header .wordmark--image img {
		width: 100% !important;
		height: 100% !important;
		max-height: 54px !important;
		object-fit: contain !important;
		object-position: center !important;
	}

	.jak-mobile-menu__account a,
	.jak-mobile-menu__account button {
		width: 100% !important;
		min-height: 43px !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 0 14px !important;
		border: 1px solid var(--line) !important;
		border-radius: 11px !important;
		background: transparent !important;
		color: var(--ink) !important;
		font: inherit !important;
		text-align: left !important;
	}

	.jak-mobile-menu__account :is(a,button) svg {
		width: 20px !important;
		height: 20px !important;
		flex: 0 0 20px !important;
	}

	.department-grid {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
		gap: 10px !important;
	}

	.department-card,
	.department-card:last-child {
		position: relative !important;
		grid-column: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 4 / 5 !important;
	}

	.department-card img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	.archive-product-grid,
	body.jonaths-commerce .archive-product-grid,
	body.jonaths-commerce .archive-product-grid[data-layout],
	.archive-product-grid[data-layout="grid"],
	.archive-product-grid.product-grid,
	.jak-product-rail .archive-product-grid,
	.jak-livestock-results .jak-content-cards {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		gap: 10px !important;
	}

	.archive-product-copy { gap: 3px !important; padding: 11px !important; }
	.archive-product-image > span { top: 9px !important; left: 9px !important; padding: 7px 10px !important; }

	body.jonaths-commerce .archive-product-grid[data-layout="list"],
	.archive-product-grid[data-layout="list"] {
		grid-template-columns: 1fr !important;
	}

	.archive-product-grid[data-layout="list"] .archive-product-card {
		display: grid !important;
		grid-template-columns: 112px minmax(0,1fr) !important;
		min-height: 168px !important;
	}

	.archive-product-grid[data-layout="list"] .archive-product-image {
		width: 112px !important;
		height: 100% !important;
		min-height: 168px !important;
		aspect-ratio: auto !important;
	}

	.archive-product-grid[data-layout="list"] .archive-product-copy h3 { min-height: 0 !important; }
	.archive-product-grid[data-layout="list"] .archive-quick-view { display: none !important; }

	.jak-guide-hub__hero,
	.jak-blog-archive > header { margin-bottom: 24px !important; }

	.jak-guide-hub__tools,
	.jak-blog-tools {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	.jak-guide-hub__tools > a {
		grid-row: 1 !important;
		justify-self: end !important;
		max-width: 210px !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		text-align: right !important;
	}

	.jak-guide-hub__tools > form { grid-row: 2 !important; }

	.jak-guide-hub__tools form > div,
	.jak-blog-search > div { grid-template-columns: minmax(0,1fr) 48px !important; }

	.jak-guide-hub__tools button,
	.jak-blog-search button {
		width: 48px !important;
		min-width: 48px !important;
		border-radius: 0 12px 12px 0 !important;
	}

	.jak-guide-tabs,
	.jak-blog-tabs { justify-content: flex-start !important; margin-bottom: 14px !important; }

	.jak-guide-tabs a,
	.jak-blog-tabs a { min-height: 38px !important; padding: 0 14px !important; }

	.jak-guide-hub .jak-content-cards,
	.jak-blog-hub .jak-content-cards {
		display: grid !important;
		grid-template-columns: minmax(0,680px) !important;
		justify-content: center !important;
		gap: 14px !important;
	}

	.jak-guide-hub .jak-content-card,
	.jak-blog-hub .jak-content-card { width: 100% !important; margin-inline: auto !important; }

	.jak-livestock-controlbar {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.jak-livestock-filters {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		gap: 8px !important;
	}

	.jak-livestock-animal-tabs { grid-row: 1 !important; justify-content: flex-start !important; }
	.jak-livestock-view { display: flex !important; }

	.lead-section--footer { padding-block: 34px !important; }
	.lead-section--footer .lead-inner { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; }
	.lead-section--footer h2 { font-size: clamp(34px,10vw,48px) !important; line-height: .92 !important; }
	.lead-section--footer .lead-form { height: 52px !important; padding-left: 12px !important; }
	.lead-section--footer .lead-form button { padding: 0 13px !important; }

	.footer-actions {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		gap: 8px !important;
	}

	.footer-actions a { width: 100% !important; min-width: 0 !important; justify-content: center !important; }
	.footer-menu-group { width: 100% !important; }

	.jak-faq-category-cards { display: none !important; }
	.jak-faq-search,
	.jak-faq-groups,
	.jak-faq-groups > section { width: 100% !important; max-width: none !important; }
	.jak-faq-groups { gap: 16px !important; }
	.jak-faq-groups details { margin: 0 0 10px !important; }
}

/* 0.10.2 — narrowly scoped corrections from the September review. */
.hero-slide > img { object-position: var(--hero-focus-x, 50%) var(--hero-focus-y, 50%) !important; }

.archive-product-card,.product-card,.department-card,.livestock-card,.guide-card,.jak-content-card,.jak-information-cards>article,.service-card-grid article {
	overflow:hidden!important;border-radius:18px!important;clip-path:none!important;
}
.archive-product-image>span,.product-media>span,.guide-image>span,.livestock-image>span,.stock-badge,.jak-content-card__body>p:first-child,.jak-livestock-chips>span,.fulfilment-badge {
	width:fit-content!important;max-width:calc(100% - 28px)!important;padding:7px 12px!important;border-radius:999px!important;clip-path:none!important;line-height:1!important;
}

.jak-quick-view-modal,.jak-quick-view__grid { overflow:hidden!important; }
.jak-quick-view__summary { position:relative!important;z-index:2!important;min-width:0!important;overflow:hidden!important;background:#111318!important; }
.jak-quick-view__summary h2,.jak-quick-view__summary>* { max-width:100%!important; }
.jak-quick-view__summary h2 { overflow-wrap:anywhere!important; }

.jak-resource-controls { display:grid!important;grid-template-columns:minmax(360px,1fr) minmax(420px,1fr)!important;align-items:end!important;gap:24px!important;margin:8px 0 22px!important; }
.jak-resource-controls .jak-guide-hub__tools,.jak-resource-controls .jak-blog-tools { display:block!important;margin:0!important; }
.jak-resource-controls .jak-guide-hub__tools form,.jak-resource-controls .jak-blog-tools form { width:100%!important;max-width:none!important; }
.jak-resource-filters { min-width:0!important;display:grid!important;gap:8px!important; }
.jak-resource-help { justify-self:end!important;color:var(--ink)!important;font-size:12px!important;font-weight:750!important; }
.jak-resource-help svg { width:15px!important; }
.jak-resource-filters .jak-guide-tabs,.jak-resource-filters .jak-blog-tabs { justify-content:flex-end!important;margin:0!important; }

.jak-content-cards--service { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important; }
.jak-content-cards--service .jak-content-card { display:flex!important;min-width:0!important;flex-direction:column!important;background:var(--card)!important; }
.jak-content-cards--service .jak-content-card__media { position:relative!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;overflow:hidden!important; }
.jak-content-cards--service .jak-content-card__media img { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important; }
.jak-content-cards--service .jak-content-card__body { min-height:250px!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:10px!important;padding:20px!important; }
.jak-content-cards--service .jak-content-card__body>div { color:var(--muted)!important; }
.jak-content-cards--service .jak-content-card__link { margin-top:auto!important; }

.lead-section--footer { margin-top:clamp(48px,7vw,96px)!important; }
.service-strip .jak-rail-arrow { display:none!important; }
.service-strip-grid>div { border-radius:14px!important; }

.brand-heading a { border-radius:999px!important; }
.brand-track>a { border-radius:16px!important; }
.brand-track>a:hover { border-color:var(--accent)!important; box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)!important; }
.brand-track img { object-fit:contain!important; }
.jak-brand-directory { width:min(1500px,calc(100% - 44px)); margin:0 auto; padding:clamp(48px,7vw,96px) 0; color:var(--ink); }
.jak-brand-directory>header { max-width:850px; margin-bottom:34px; }
.jak-brand-directory h1 { margin:0 0 10px; color:var(--ink); font-family:var(--heading); font-size:clamp(58px,8vw,118px); line-height:.84; text-transform:uppercase; }
.jak-brand-directory>header p:last-child { max-width:700px; color:var(--muted); font-size:16px; line-height:1.55; }
.jak-brand-directory__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.jak-brand-card { min-height:148px; display:flex; align-items:center; gap:16px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--card); color:var(--ink); text-decoration:none; transition:border-color .2s ease,transform .2s ease,background .2s ease; }
.jak-brand-card:hover { border-color:var(--accent); background:#17191f; transform:translateY(-2px); }
.jak-brand-card__logo { width:112px; height:74px; display:grid; flex:0 0 112px; place-items:center; overflow:hidden; padding:9px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:#f7f4ee; }
.jak-brand-card__logo img { width:100%; height:100%; object-fit:contain; display:block; }
.jak-brand-card__logo strong { color:#111318; font-family:var(--heading); font-size:21px; line-height:.9; text-align:center; text-transform:uppercase; }
.jak-brand-card>span:nth-child(2) { min-width:0; display:grid; gap:6px; }
.jak-brand-card>span:nth-child(2)>strong { font-family:var(--heading); font-size:25px; line-height:.92; text-transform:uppercase; }
.jak-brand-card small { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.jak-brand-card svg { width:18px; margin-left:auto; color:var(--accent); }

@media (max-width:1024px) {
	.jak-content-cards--service { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
	.jak-resource-controls { grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)!important; }
	.jak-brand-directory__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:767px) {
	.hero-section,.hero-track,.hero-slide { min-height:720px!important; }
	.hero-slide { align-items:stretch!important;background:#090a0c!important; }
	.hero-slide>img { inset:0 0 auto!important;height:43%!important;object-position:var(--hero-mobile-focus-x,50%) var(--hero-mobile-focus-y,38%)!important; }
	.hero-slide .hero-overlay { inset:0 0 auto!important;height:44%!important;background:linear-gradient(0deg,#090a0c 0%,rgba(9,10,12,.08) 42%,rgba(9,10,12,.16) 100%)!important; }
	.hero-slide .hero-content { width:100%!important;min-height:720px!important;display:flex!important;align-items:flex-end!important;padding:300px 14px 78px!important; }
	.hero-slide .hero-copy { width:100%!important;max-width:none!important;padding:19px 16px 17px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:rgba(17,19,24,.97)!important; }
	.hero-slide .eyebrow { margin-bottom:10px!important;font-size:9px!important; }
	.hero-slide .hero-copy h1,.hero-slide .hero-copy h2 { font-size:clamp(42px,12.6vw,60px)!important;line-height:.84!important; }
	.hero-slide .hero-lead { margin-top:13px!important;font-size:13px!important;line-height:1.42!important; }
	.hero-slide .hero-buttons { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:16px!important; }
	.hero-slide .hero-buttons .btn { min-width:0!important;min-height:46px!important;padding:0 9px!important;font-size:9px!important; }
	.hero-controls { bottom:20px!important; }
	.hero-dots { display:none!important; }

	.service-strip { padding:9px 0!important; }
	.service-strip-grid { gap:8px!important;padding:0 12px!important; }
	.service-strip-grid>div { min-width:54vw!important;max-width:54vw!important;min-height:58px!important;flex:0 0 54vw!important;padding:9px 11px!important; }
	.service-strip-grid svg { width:20px!important; }
	.service-strip-grid strong { font-size:11px!important; }
	.service-strip-grid small { font-size:9px!important; }

	.jak-resource-controls { display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:2px 0 14px!important; }
	.jak-resource-filters { gap:7px!important; }
	.jak-resource-help { justify-self:end!important;font-size:10px!important; }
	.jak-resource-filters .jak-guide-tabs,.jak-resource-filters .jak-blog-tabs { justify-content:flex-start!important; }
	.jak-content-cards--service { grid-template-columns:1fr!important;gap:12px!important; }
	.jak-content-cards--service .jak-content-card { display:grid!important;grid-template-columns:112px minmax(0,1fr)!important; }
	.jak-content-cards--service .jak-content-card__media { height:100%!important;min-height:190px!important;aspect-ratio:auto!important; }
	.jak-content-cards--service .jak-content-card__body { min-height:190px!important;padding:15px!important; }
	.lead-section--footer { margin-top:44px!important; }
	.jak-quick-view-modal { width:calc(100vw - 20px)!important; }
	.jak-quick-view__image { aspect-ratio:1/1!important; }
	.jak-quick-view__summary { padding:20px 16px!important; }
	.jak-quick-view__summary h2 { padding-right:30px!important;font-size:clamp(31px,10vw,42px)!important; }
	.jak-brand-directory { width:calc(100% - 28px); padding:40px 0 58px; }
	.jak-brand-directory__grid { grid-template-columns:1fr; gap:10px; }
	.jak-brand-directory h1 { font-size:clamp(48px,16vw,70px); }
	.jak-brand-card { min-height:104px; padding:12px 14px; border-radius:16px; }
	.jak-brand-card__logo { width:92px; height:58px; flex-basis:92px; }
	.jak-brand-card>span:nth-child(2)>strong { font-size:22px; }
}

/* release-0.10.5.css */
/* Jonath's 0.10.5 — catalogue-led mega navigation. */

@media (min-width: 768px) {
	.nav-row { box-sizing: border-box; gap: clamp(22px,3vw,48px); padding-left: 245px; }
	.nav-row > a,
	.nav-mega > button { font-size: 12px; font-weight: 800; letter-spacing: .025em; }
	.nav-mega > button[aria-expanded="true"] { color: var(--accent); }
	.nav-mega > button[aria-expanded="true"] > svg { transform: rotate(180deg); }
	.nav-mega > button > svg { transition: transform .18s ease; }

	.jak-shop-mega__panel {
		width: min(1360px,calc(100% - 40px));
		min-height: 460px;
		grid-template-columns: 235px minmax(0,1fr);
		gap: 0;
		padding: 0;
		overflow: hidden;
		border-radius: 0 0 20px 20px;
		background: var(--page);
	}
	.jak-shop-mega__rail {
		display: flex;
		flex-direction: column;
		padding: 25px 16px 18px;
		border-right: 1px solid var(--line);
		background: var(--card);
	}
	.jak-shop-mega__rail > p {
		margin: 0 10px 12px;
		color: var(--muted);
		font-size: 10px;
		font-weight: 900;
		letter-spacing: .13em;
		text-transform: uppercase;
	}
	.jak-shop-mega__rail > button {
		width: 100%;
		min-height: 48px;
		display: grid;
		grid-template-columns: 22px minmax(0,1fr) 16px;
		align-items: center;
		gap: 10px;
		padding: 0 12px;
		border: 0;
		border-radius: 11px;
		background: transparent;
		color: var(--ink);
		font-size: 13px;
		font-weight: 800;
		text-align: left;
	}
	.jak-shop-mega__rail > button:hover,
	.jak-shop-mega__rail > button[aria-selected="true"] { background: var(--accent); color: var(--accent-ink); }
	.jak-shop-mega__rail > button svg { width: 20px; height: 20px; }
	.jak-shop-mega__rail > button svg:last-child { width: 14px; }
	.jak-shop-mega__rail > a {
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: auto;
		padding: 0 12px;
		border-top: 1px solid var(--line);
		color: var(--accent);
		font-size: 11px;
		font-weight: 900;
		text-transform: uppercase;
	}
	.jak-shop-mega__rail > a svg { width: 15px; }
	.jak-shop-mega__content { min-width: 0; padding: 30px 34px; }
	.jak-shop-mega__content > section > header {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 24px;
		padding-bottom: 20px;
		border-bottom: 1px solid var(--line);
	}
	.jak-shop-mega__content > section > header span,
	.jak-resource-mega__panel > header > span {
		color: var(--accent);
		font-size: 10px;
		font-weight: 900;
		letter-spacing: .14em;
		text-transform: uppercase;
	}
	.jak-shop-mega__content h2,
	.jak-resource-mega__panel h2 {
		margin: 4px 0 0;
		font-family: var(--heading);
		font-size: 38px;
		line-height: .95;
		text-transform: uppercase;
	}
	.jak-shop-mega__content > section > header > a {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		color: var(--ink);
		font-size: 11px;
		font-weight: 900;
		text-transform: uppercase;
	}
	.jak-shop-mega__content > section > header > a:hover { color: var(--accent); }
	.jak-shop-mega__content > section > header > a svg { width: 15px; }
	.jak-shop-mega__groups {
		display: grid;
		grid-template-columns: repeat(4,minmax(0,1fr));
		gap: clamp(18px,2vw,30px);
		padding-top: 24px;
	}
	.jak-shop-mega__groups h3 { margin: 0 0 12px; font-size: 13px; text-transform: uppercase; }
	.jak-shop-mega__groups ul { margin: 0; padding: 0; list-style: none; }
	.jak-shop-mega__groups li + li { margin-top: 8px; }
	.jak-shop-mega__groups li a { color: var(--muted); font-size: 14px; line-height: 1.4; }
	.jak-shop-mega__groups li a:hover { color: var(--accent); }
	.jak-shop-mega__groups aside {
		grid-column: 1 / -1;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--card);
	}
	.jak-shop-mega__groups aside strong { font-size: 15px; }
	.jak-shop-mega__groups aside p { margin: 8px 0 18px; color: var(--muted); font-size: 12px; line-height: 1.45; }
	.jak-shop-mega__groups aside a { display: inline-flex; align-items: center; gap: 7px; color: var(--accent); font-size: 11px; font-weight: 900; text-transform: uppercase; }
	.jak-shop-mega__groups aside svg { width: 16px; }

	.jak-resource-mega__panel {
		width: min(1050px,calc(100% - 40px));
		grid-template-columns: 280px minmax(0,1fr);
		gap: 34px;
		padding: 30px;
		background: var(--page);
	}
	.jak-resource-mega__panel > header { padding: 4px 0; }
	.jak-resource-mega__panel > header p { margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
	.jak-resource-mega__panel > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
	.jak-resource-mega__panel > div > a {
		display: grid;
		grid-template-columns: 38px minmax(0,1fr) 16px;
		align-items: center;
		gap: 12px;
		min-height: 82px;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: 13px;
		background: var(--card);
	}
	.jak-resource-mega__panel > div > a:hover { border-color: var(--accent); }
	.jak-resource-mega__panel > div > a > svg:first-child { width: 24px; color: var(--accent); }
	.jak-resource-mega__panel > div > a > svg:last-child { width: 14px; color: var(--accent); }
	.jak-resource-mega__panel a span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
	.jak-resource-mega__panel a strong { color: var(--ink); font-size: 13px; }
	.jak-resource-mega__panel a small { color: var(--muted); font-size: 10px; line-height: 1.35; }
}

@media (min-width: 768px) and (max-width: 1180px) {
	.nav-row { padding-left: 210px; }
}

@media (max-width: 767px) {
	.jak-mobile-menu {
		max-height: calc(100dvh - 91px) !important;
		padding: 14px 14px 24px !important;
	}
	.jak-mobile-menu__search {
		height: 46px;
		display: grid;
		grid-template-columns: 24px minmax(0,1fr) auto;
		align-items: center;
		gap: 8px;
		margin-bottom: 17px;
		padding-left: 13px;
		border: 1px solid var(--line);
		border-radius: 12px;
		background: var(--card);
	}
	.jak-mobile-menu__search svg { width: 18px; color: var(--muted); }
	.jak-mobile-menu__search input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 14px; }
	.jak-mobile-menu__search button { align-self: stretch; padding: 0 14px; border: 0; border-radius: 0 11px 11px 0; background: var(--accent); color: var(--accent-ink); font-size: 10px; font-weight: 900; text-transform: uppercase; }
	.jak-mobile-menu__primary > strong,
	.jak-mobile-menu__account > strong { margin: 0 4px 5px; color: var(--muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
	.jak-mobile-menu__primary > a,
	.jak-mobile-menu__group > summary {
		min-height: 49px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 0 4px;
		border-bottom: 1px solid var(--line);
		color: var(--ink);
		font-size: 12px;
		font-weight: 800;
		text-transform: uppercase;
		list-style: none;
	}
	.jak-mobile-menu summary::-webkit-details-marker { display: none; }
	.jak-mobile-menu__group > summary svg { width: 16px; }
	.jak-mobile-menu__group[open] > summary { color: var(--accent); }
	.jak-mobile-menu__group[open] > summary > svg { transform: rotate(90deg); }
	.jak-mobile-menu__group > div { padding: 8px 0 12px 12px; border-bottom: 1px solid var(--line); }
	.jak-mobile-menu__group > div > details { border-bottom: 1px solid color-mix(in srgb,var(--line) 70%,transparent); }
	.jak-mobile-menu__group > div > details > summary {
		min-height: 47px;
		display: grid;
		grid-template-columns: 23px minmax(0,1fr) 16px;
		align-items: center;
		gap: 10px;
		color: var(--ink);
		font-size: 13px;
		font-weight: 800;
		list-style: none;
	}
	.jak-mobile-menu__group > div > details > summary svg { width: 19px; color: var(--accent); }
	.jak-mobile-menu__group > div > details > summary svg:last-child { width: 14px; color: var(--muted); }
	.jak-mobile-menu__group > div > details[open] > summary svg:last-child { transform: rotate(180deg); }
	.jak-mobile-menu__group details > div { display: grid; gap: 0; padding: 5px 0 14px 33px; }
	.jak-mobile-menu__group details > div > strong { margin: 14px 0 4px; color: var(--muted); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
	.jak-mobile-menu__group details > div > a { min-height: 37px; display: flex; align-items: center; color: var(--ink); font-size: 13px; }
	.jak-mobile-menu__group details > div > a:hover,
	.jak-mobile-menu__group .jak-mobile-menu__all { color: var(--accent); }
	.jak-mobile-menu__group > div > a.jak-mobile-menu__all { min-height: 46px; display: flex; align-items: center; color: var(--accent); font-size: 11px; font-weight: 900; text-transform: uppercase; }
	.jak-mobile-menu__primary .nav-pill { margin-left: auto; }
}

@media (prefers-reduced-motion: reduce) {
	.nav-mega > button > svg { transition: none; }
}

/* Compact, genuinely available variable-product options on product cards. */
.archive-product-variations {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 1px 0 10px;
}
.archive-product-variations span,
.archive-product-variations a {
	display: inline-flex;
	min-height: 26px;
	align-items: center;
	padding: 3px 10px;
	border: 1px solid color-mix(in srgb, var(--accent) 58%, var(--line));
	border-radius: 999px;
	color: var(--ink);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}
.archive-product-variations a { color: var(--accent); }
.archive-product-variations a:hover {
	background: var(--accent);
	color: var(--accent-ink);
}

/* Keep the shop category filter calm until the shopper chooses an animal type or expands it. */
.archive-filter-group > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	color: var(--ink);
	font-family: var(--heading);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
}
.archive-filter-group > summary::-webkit-details-marker { display: none; }
.archive-filter-group > summary span::before { content: '+'; color: var(--accent); font-size: 20px; line-height: 1; }
.archive-filter-group[open] > summary { margin-bottom: 15px; }
.archive-filter-group[open] > summary span::before { content: '−'; }

/* release-0.10.7.css */
/* Jonath's 0.10.7 — release-critical mobile layout repair. */

@media (max-width: 767px) {
	/* Keep the hero image visible and put readable copy beneath it. */
	.site-shell .hero-section,
	.site-shell .hero-track {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	.site-shell .hero-slide {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 0 !important;
		background: #08090b !important;
	}

	.site-shell .hero-slide.is-active {
		position: relative !important;
		display: block !important;
	}

	.site-shell .hero-slide > img {
		position: absolute !important;
		inset: 0 0 auto !important;
		height: clamp(280px, 74vw, 350px) !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: var(--hero-mobile-focus-x, 50%) var(--hero-mobile-focus-y, 38%) !important;
	}

	.site-shell .hero-overlay {
		position: absolute !important;
		inset: 0 0 auto !important;
		height: clamp(280px, 74vw, 350px) !important;
		background: linear-gradient(0deg, #08090b 0%, rgba(8,9,11,.2) 38%, rgba(8,9,11,.04) 100%) !important;
	}

	.site-shell .hero-content {
		height: auto !important;
		min-height: 0 !important;
		align-items: flex-start !important;
		margin-top: clamp(280px, 74vw, 350px) !important;
		padding: 28px 18px 82px !important;
		background: #08090b;
	}

	.site-shell .hero-copy {
		width: 100% !important;
		max-width: none !important;
	}

	.site-shell .hero-copy .eyebrow {
		margin-bottom: 17px !important;
		font-size: 10px !important;
		line-height: 1.35 !important;
	}

	.site-shell .hero-copy h1,
	.site-shell .hero-copy h2 {
		max-width: 100% !important;
		font-size: clamp(42px, 12.5vw, 58px) !important;
		line-height: .88 !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	.site-shell .hero-lead {
		max-width: 36rem !important;
		margin-top: 18px !important;
		font-size: 14px !important;
		line-height: 1.48 !important;
	}

	.site-shell .hero-buttons {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 9px !important;
		margin-top: 22px !important;
	}

	.site-shell .hero-buttons .btn {
		width: 100% !important;
		min-height: 48px !important;
		padding: 0 14px !important;
	}

	.site-shell .hero-controls {
		right: 18px !important;
		bottom: 18px !important;
		left: 18px !important;
	}

	.site-shell .hero-arrows button {
		background: #111319 !important;
	}

	/* One clean border around mobile search. */
	.jak-mobile-menu__search {
		box-sizing: border-box !important;
		width: 100% !important;
		grid-template-columns: 24px minmax(0,1fr) auto !important;
		border: 1px solid var(--line) !important;
		box-shadow: none !important;
		overflow: hidden !important;
	}

	.jak-mobile-menu__search input,
	.jak-mobile-menu__search input[type="search"] {
		width: 100% !important;
		min-width: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: 0 !important;
		background: transparent !important;
	}

	.jak-mobile-menu__quick-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0,1fr));
		gap: 8px;
		margin: -5px 0 18px;
	}

	.jak-mobile-menu__quick-actions a {
		min-width: 0;
		min-height: 46px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		padding: 8px;
		border: 1px solid var(--line);
		border-radius: 11px;
		color: var(--ink);
		font-size: 10px;
		font-weight: 900;
		line-height: 1.15;
		text-align: center;
		text-transform: uppercase;
	}

	.jak-mobile-menu__quick-actions a:first-child {
		border-color: var(--accent);
		background: var(--accent);
		color: var(--accent-ink);
	}

	.jak-mobile-menu__quick-actions svg {
		width: 16px;
		height: 16px;
		flex: 0 0 auto;
	}

	/* Care links must be readable rows, never one horizontal text run. */
	.jak-mobile-menu__group > div {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	.jak-mobile-menu__group > div > a {
		min-height: 42px !important;
		display: flex !important;
		align-items: center !important;
		padding: 0 10px !important;
		border-bottom: 1px solid color-mix(in srgb, var(--line) 68%, transparent) !important;
		font-size: 13px !important;
		line-height: 1.3 !important;
	}

	/* Restore eight products as a controlled swipe row on phones. */
	.product-tabs [role="tabpanel"] .product-grid {
		display: flex !important;
		gap: 12px !important;
		overflow-x: auto !important;
		padding: 0 2px 14px !important;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.product-tabs [role="tabpanel"] .product-grid > * {
		flex: 0 0 min(78vw, 310px) !important;
		scroll-snap-align: start;
	}

	/* Keep the newsletter and footer as two clean, adjoining sections. */
	.lead-section--footer {
		box-sizing: border-box !important;
		padding: 48px 0 !important;
		overflow: visible !important;
	}

	.lead-section--footer .lead-inner {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	.lead-section--footer h2 {
		font-size: clamp(44px, 13vw, 58px) !important;
		line-height: .88 !important;
	}

	.lead-section--footer .lead-form-wrap > p {
		margin-bottom: 18px !important;
		font-size: 15px !important;
		line-height: 1.45 !important;
	}

	.lead-section--footer .lead-form {
		height: auto !important;
		display: grid !important;
		grid-template-columns: 24px minmax(0,1fr) !important;
		gap: 8px 10px !important;
		padding: 11px !important;
		border-radius: 12px !important;
	}

	.lead-section--footer .lead-form input {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 46px !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.lead-section--footer .lead-form button {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		min-height: 50px !important;
		margin: 0 !important;
		border-radius: 9px !important;
		justify-content: center !important;
	}

	.lead-section--footer .lead-form-wrap > small {
		margin-top: 10px !important;
		font-size: 10px !important;
		line-height: 1.4 !important;
	}

	.site-footer {
		margin-top: 0 !important;
		padding-top: 42px !important;
	}
}

@media (min-width: 768px) {
	.product-tabs [role="tabpanel"] .product-grid {
		grid-template-columns: repeat(4, minmax(0,1fr)) !important;
	}
}

/* storefront.css */
/* September approved design system. Applied to every real WordPress template. */
:root{--jak-bg:#090a0c;--jak-panel:#15171c;--jak-alt:#101216;--jak-ink:#f7f4ee;--jak-muted:#a2a4aa;--jak-line:#ffffff1f;--jak-pink:#ff2c91;--jak-lime:#b8ff36;--jak-radius:20px;--jak-space:clamp(22px,3vw,40px)}
body.jonaths-site{background:var(--jak-bg);color:var(--jak-ink);font-family:Barlow,Arial,sans-serif;font-size:16px;line-height:1.6}body.jonaths-site :is(h1,h2,h3){font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.025em;color:var(--jak-ink)}body.jonaths-site h1{font-size:clamp(48px,6vw,92px)}body.jonaths-site h2{font-size:clamp(36px,4.5vw,64px)}body.jonaths-site h3{font-size:clamp(25px,2.4vw,34px)}body.jonaths-site :is(.page-width,.concept-width){width:min(1360px,calc(100% - 80px));max-width:1360px;margin-inline:auto}body.jonaths-site :is(.section,.concept-content-page){padding-block:72px}body.jonaths-site :is(.kicker,.eyebrow,.jak-kicker,.jak-panel-kicker){font:700 12px/1.5 Barlow,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--jak-pink)}
body.jonaths-site :is(.btn,.jak-button,.button,.archive-product-actions a,.single_add_to_cart_button){min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:10px;font:700 13px/1.25 Barlow,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;transition:background .15s,color .15s;white-space:normal}body.jonaths-site :is(.btn-primary,.jak-button:not(.jak-button--outline),.archive-product-actions a,.single_add_to_cart_button){background:var(--jak-pink);color:#090a0c;border:1px solid var(--jak-pink)}body.jonaths-site :is(.btn-outline,.btn-glass,.jak-button--outline){background:transparent;color:var(--jak-ink);border:1px solid #ffffff40}body.jonaths-site :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--jak-lime);outline-offset:4px}body.jonaths-site :is(.btn,.jak-button,.button):disabled{opacity:.5;cursor:not-allowed}body.jonaths-site svg{flex-shrink:0}body.jonaths-site img{max-width:100%}body.jonaths-site [hidden]{display:none!important}
/* Real content modules share the approved panel treatment. */
body.jonaths-site :is(.jak-content-card,.jak-directory-grid>article,.jak-business-contact,.jak-booking-selected>div,.before-buy,.jak-delivery-summary){background:var(--jak-panel);border:1px solid var(--jak-line);border-radius:var(--jak-radius);overflow:hidden}body.jonaths-site :is(.jak-content-card__body,.jak-directory-grid>article,.jak-business-contact,.before-buy,.jak-delivery-summary){padding:var(--jak-space)}body.jonaths-site :is(.jak-content-card__body,.livestock-body,.guide-body){position:relative;isolation:isolate;overflow:hidden}body.jonaths-site :is(.jak-content-card__body,.livestock-body,.guide-body):after{content:'JAK';position:absolute;right:-6px;bottom:-18px;left:auto;font:800 112px/.9 'Barlow Condensed',sans-serif;color:var(--jak-pink);opacity:.15;transform:rotate(-9deg);z-index:-1;pointer-events:none}body.jonaths-site :is(.jak-content-cards,.jak-directory-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.jak-content-card{display:flex;flex-direction:column}.jak-content-card__body{flex:1;display:flex;flex-direction:column;gap:12px}.jak-content-card__link{margin-top:auto}.jak-content-card__media img{width:100%;height:260px;object-fit:cover}.jak-directory-grid>article{display:flex;flex-direction:column;gap:18px}.jak-directory-grid>article>footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px}.jak-action-row{display:flex;flex-wrap:wrap;gap:12px}.jak-directory-detail{padding-block:35px 80px}.jak-directory-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.jak-business-contact h2{font-size:36px!important}.jak-business-map{width:100%;height:300px;border:0;border-radius:12px;margin-top:20px}.jak-prose{max-width:760px;line-height:1.8}.jak-prose :is(h2,h3){margin-block:32px 18px}.jak-prose :is(ul,ol){padding-left:24px}.jak-prose a{text-decoration:underline;text-underline-offset:3px}
/* Hero focal coordinates are independent of copy positioning. */
.hero-slide>picture{position:absolute;inset:0;display:block}.hero-slide>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus-x,50%) var(--hero-focus-y,50%)}body.jonaths-site .hero-section{min-height:620px}.hero-progress-ring{animation-duration:6s!important}.hero-content{position:relative;z-index:2}.hero-copy{max-width:740px}.hero-copy h1,.hero-copy h2{font-size:clamp(58px,6.4vw,100px)!important}.hero-lead{max-width:600px;font-size:20px;line-height:1.55}.hero-controls{z-index:4}.hero-slide[aria-hidden=true]{pointer-events:none}
body.jonaths-site .promo-artwork{left:auto!important;right:-20px!important;bottom:-25px!important;opacity:.30!important;width:300px;max-width:46%;pointer-events:none}.advisor-badge{margin-left:auto!important;justify-content:flex-end;right:30px;left:auto}.promo-card{border-radius:24px!important}.promo-secondary{background:var(--jak-panel)!important;border:1px solid var(--jak-line)}
/* Product cards intentionally have NO JAK watermark. */
.jak-wysiwyg{display:inline-flex;align-self:flex-start;padding:5px 9px;border:1px solid #b8ff3655;border-radius:5px;color:#b8ff36;font:700 11px Barlow,sans-serif;letter-spacing:.08em}.jak-image-placeholder{display:grid;min-height:220px;place-items:center;background:#101216;color:#aaa}.jak-stock-alert-form{padding:20px;margin-top:22px;border:1px solid #ffffff25;border-radius:14px;background:#15171c}.jak-stock-alert-form h3{font-size:26px!important}.jak-stock-alert-form label{display:block;margin-bottom:12px}.jak-stock-alert-form input[type=email]{display:block;width:100%;background:#101216;color:#fff;border:1px solid #ffffff30;padding:12px;margin-top:8px}.jak-stock-alert-form .jak-alert-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px}.jak-alert-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#jak-chat-status{position:fixed;right:20px;bottom:86px;max-width:min(340px,calc(100vw - 40px));padding:16px;background:#15171c;border:1px solid #ff2c9180;border-radius:12px;color:#fff;z-index:999999}
body.jonaths-site :is(.archive-product-card,.archive-product-copy):after,body.jonaths-site :is(.archive-product-card,.archive-product-copy):before{content:none!important}body.jonaths-site .archive-product-card{background:var(--jak-panel);border:1px solid var(--jak-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;padding:0;min-width:0}body.jonaths-site .archive-product-image{aspect-ratio:1/1;height:auto;position:relative;background:#fff;overflow:hidden;border-radius:0;margin:0}body.jonaths-site .archive-product-image>a{display:block;height:100%}body.jonaths-site .archive-product-image img{width:100%;height:100%;object-fit:contain;padding:14px}body.jonaths-site .archive-product-copy{padding:18px;display:flex;flex:1;flex-direction:column;gap:12px}body.jonaths-site .archive-product-copy h3{font-size:26px;min-height:0;margin:0;overflow-wrap:anywhere}body.jonaths-site .archive-product-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}body.jonaths-site .archive-product-meta p{margin:0;color:var(--jak-muted)}body.jonaths-site .archive-product-price{margin:0;margin-top:auto;font-family:Barlow,Arial,sans-serif;font-size:19px!important;line-height:1.35;font-weight:600;color:var(--jak-pink)!important}body.jonaths-site .archive-product-price :is(span,bdi){font-size:inherit!important;color:inherit}body.jonaths-site .archive-product-actions{margin:0}body.jonaths-site .archive-product-actions a{width:100%;min-height:46px}body.jonaths-site .archive-quick-view{position:absolute;bottom:12px;top:auto;right:12px;left:auto;min-height:32px;width:auto;padding:7px 13px!important;border-radius:20px;background:#15171ceF;color:var(--jak-ink);border:1px solid #ffffff30;display:flex;align-items:center;gap:8px;font-size:10px!important;font-weight:800;line-height:1}.archive-quick-view i{font-size:14px;color:var(--jak-pink)}body.jonaths-site .archive-product-variations{display:flex;flex-wrap:wrap;gap:6px;margin:0;min-height:0}.archive-product-variations :is(button,a){border:1px solid var(--jak-line);border-radius:18px;padding:5px 9px;min-height:30px;background:transparent;color:var(--jak-ink);font:500 12px Barlow,Arial,sans-serif;position:static;box-shadow:none}.archive-product-variations :is(button,a):hover{background:var(--jak-pink);border-color:var(--jak-pink);color:var(--jak-bg)}.is-in-stock{color:var(--jak-lime)!important}.is-low-stock{color:#ffb052!important}.is-out-of-stock{color:#ff6578!important}.jak-quick-view__grid{display:grid;grid-template-columns:1fr 1fr}.jak-quick-view__summary{padding:40px}.jak-quick-view__summary h2{font-size:46px!important}.jak-quick-view__price,.jak-quick-view__variations .price{font-size:24px!important;color:var(--jak-pink)!important}.jak-quick-view__variations{margin-block:20px}.jak-quick-view__variations select{width:100%;background:var(--jak-alt);color:var(--jak-ink);border:1px solid var(--jak-line);border-radius:8px;padding:10px}.jak-quick-view__variations .variations{border:0}.jak-quick-view__variations .variations :is(td,th){border:0;padding:8px 0}.jak-quick-view__image{background:white;display:grid;place-items:center}.jak-quick-view__image img{max-height:560px;object-fit:contain}
/* Shop: 3-wide default, 4-wide / list alternatives, focused animal selector. */
body.jonaths-site .archive-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:36px}body.jonaths-site .archive-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body.jonaths-site .product-section .archive-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.jonaths-site .archive-product-grid[data-layout=four]{grid-template-columns:repeat(4,minmax(0,1fr))}body.jonaths-site .archive-product-grid[data-layout=list]{grid-template-columns:1fr}.archive-product-grid[data-layout=list] .archive-product-card{display:grid;grid-template-columns:190px 1fr}.archive-product-grid[data-layout=list] .archive-product-image{height:100%;min-height:190px}.archive-product-grid[data-layout=list] .archive-product-actions{max-width:240px}.archive-filters{position:static!important;height:auto!important;align-self:start;background:var(--jak-panel);border:1px solid var(--jak-line);border-radius:16px;padding:20px}.archive-animal-types select{width:100%;padding:12px;background:var(--jak-alt);color:var(--jak-ink);border:1px solid var(--jak-line);border-radius:8px}.archive-animal-types strong{display:block;margin-bottom:12px}.archive-filter-group summary{padding:18px 0;cursor:pointer;font:700 17px Barlow,sans-serif}.archive-view-switcher button{font:600 12px Barlow,sans-serif;min-height:36px;padding:8px 12px}.archive-toolbar{gap:12px;flex-wrap:wrap}.product-tabs-list{display:flex;gap:30px;border-bottom:1px solid var(--jak-line);margin-bottom:28px}.product-tabs-list button{border:0;border-radius:0;background:none;color:var(--jak-muted);padding:16px 0;border-bottom:3px solid transparent;font:700 13px Barlow,sans-serif;text-transform:uppercase}.product-tabs-list button[aria-selected=true]{border-bottom-color:var(--jak-pink);color:var(--jak-ink)}
/* Native product details, desktop tabs / mobile accordions, same content once. */
.product-information{grid-column:1/-1;border:1px solid var(--jak-line);border-radius:18px;overflow:hidden;margin-block:35px}.product-information>nav{display:flex!important;gap:8px;background:var(--jak-alt);border-bottom:1px solid var(--jak-line);padding:0 20px}.product-information>nav[hidden]{display:none!important}.product-information>nav button{padding:20px;border:0;border-bottom:3px solid transparent;background:none;color:var(--jak-muted);font:700 14px Barlow,sans-serif}.product-information>nav button.active{color:var(--jak-ink);border-bottom-color:var(--jak-pink)}.product-info-grid{padding:30px;grid-template-columns:1fr!important}.product-info-grid .related-guide{display:none}.product-price{font-size:28px!important;color:var(--jak-pink)!important}.jak-delivery-summary{margin-block:22px;padding:20px!important;font-size:14px}.jak-delivery-summary p{margin:10px 0}.jak-delivery-summary a{color:var(--jak-pink)}.pairs-section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.jak-wysiwyg{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:6px;background:var(--jak-pink);color:#090a0c;font:800 11px/1.2 Barlow,sans-serif;letter-spacing:.06em}.jak-mobile-product-detail summary{padding:18px 22px;font-weight:700;cursor:pointer;border-bottom:1px solid var(--jak-line)}
/* Colour logo carousel, continuous slow movement. */
body.jonaths-site .brand-marquee{overflow:hidden}body.jonaths-site .brand-track{display:flex;width:max-content;gap:22px;animation:jak-brand-loop 70s linear infinite!important;transform:none}.brand-track:hover,.brand-track:focus-within{animation-play-state:paused!important}body.jonaths-site .brand-track>a{flex:0 0 190px;width:190px;height:102px;display:flex;align-items:center;justify-content:center;padding:10px;background:#e9e9e6;border:1px solid #30333a;border-radius:14px}body.jonaths-site .brand-track img{width:95%!important;max-width:none!important;height:78px!important;object-fit:contain;filter:none!important;opacity:1!important}body.jonaths-site .jak-brand-card__logo{background:#e9e9e6;min-height:125px;height:125px;padding:12px}body.jonaths-site .jak-brand-card__logo img{width:94%;height:100px;object-fit:contain;filter:none!important;opacity:1!important}.jak-brand-directory__grid{gap:22px}.jak-brand-card{border:1px solid var(--jak-line);border-radius:18px;overflow:hidden;background:var(--jak-panel)}@keyframes jak-brand-loop{to{transform:translateX(calc(-50% - 11px))}}
/* Fine cart tab, premium native basket. Keep the shipping bar untouched. */
body.jonaths-site .jak-floating-cart{border:1px solid #ffffff30!important;background:var(--jak-bg)!important;border-radius:32px;right:16px;top:calc(50% - 58px)!important;bottom:auto!important;min-height:116px;width:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px 8px!important}.jak-floating-cart span{display:block!important;writing-mode:vertical-rl;transform:rotate(180deg);font:800 11px Barlow,sans-serif;letter-spacing:.12em}.jak-floating-cart b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--jak-pink);color:var(--jak-bg);font-size:13px}.jak-wiggle{animation:jak-cart-wiggle .6s ease!important}@keyframes jak-cart-wiggle{25%{rotate:-5deg}50%{rotate:5deg}75%{rotate:-3deg}100%{rotate:0deg}}body.jonaths-site .jak-cart-drawer{width:min(490px,100%);border:1px solid var(--jak-line);border-radius:22px 0 0 22px;background:var(--jak-bg);padding:28px}.jak-cart-drawer header h2{font-size:48px!important}.jak-cart-drawer #jak-cart-drawer-content{display:flex;flex-direction:column;min-height:0;flex:1}.jak-cart-drawer .woocommerce-mini-cart{flex:1;overflow:auto;padding:0}.jak-cart-drawer .mini_cart_item{background:var(--jak-panel);border:1px solid var(--jak-line);border-radius:16px;margin-bottom:14px;padding:18px}.jak-mini-cart-product strong{font:700 15px/1.4 Barlow,sans-serif}.jak-mini-cart-price{font-size:15px;color:var(--jak-pink)}.woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.woocommerce-mini-cart__buttons .button{width:100%;margin:0!important}.woocommerce-mini-cart__buttons .button:not(.checkout){background:transparent!important;color:var(--jak-ink)!important;border:1px solid var(--jak-line)!important}.woocommerce-mini-cart__total{border-top:1px solid var(--jak-line);padding-top:20px;display:flex;justify-content:space-between;font-size:21px}.woocommerce .coupon,.woocommerce-form-coupon{background:var(--jak-panel)!important;color:var(--jak-ink)!important;border:1px solid #ff2c9135!important;border-radius:14px;padding:20px!important}.woocommerce .coupon input,.woocommerce-form-coupon input{background:var(--jak-alt)!important;color:var(--jak-ink)!important;border:1px solid var(--jak-line)!important}.woocommerce :is(.gift-card,.gift-card-panel,.pwgc-redeem-gift-card){background:#b8ff3608;border:1px solid #b8ff3640;padding:20px;border-radius:14px}.woocommerce form.checkout :is(input.input-text,select,textarea),.woocommerce-account :is(input,select){background:var(--jak-alt);color:var(--jak-ink);border:1px solid var(--jak-line);border-radius:8px;padding:13px}.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px}.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:auto;border:1px solid var(--jak-line);background:var(--jak-panel);border-radius:16px;padding:18px}.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px}.woocommerce-account .is-active a{color:var(--jak-pink)}
/* Footer and informational pages match the reviewed hierarchy. */
.footer-contact{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.footer-actions{display:flex;gap:12px;margin-top:24px}.footer-actions a{min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;border:1px solid var(--jak-line)}.footer-actions a:first-child{background:var(--jak-pink);color:#090a0c}.site-footer .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-block:26px;border-top:1px solid var(--jak-line)}.site-footer .footer-bottom>span{grid-column:2;grid-row:1;white-space:nowrap;font-size:12px}.footer-bottom .footer-socials{grid-column:1;grid-row:1;justify-content:flex-start}.jak-payment-icons{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:14px;align-items:center;color:var(--jak-pink)}.jak-payment-icons img{width:40px;height:24px;object-fit:contain}.jak-store-map iframe{width:100%;height:100%;min-height:380px;border:0}.jak-directions{background:var(--jak-lime)!important;border-color:var(--jak-lime)!important;color:var(--jak-bg)!important}.jak-booking-embed iframe{width:100%;min-height:720px;border:0}.jak-booking-placeholder{padding:32px;background:var(--jak-panel);border:1px solid var(--jak-line);border-radius:20px}.jak-booking-selected{gap:30px}.jak-faq-groups details{border-bottom:1px solid var(--jak-line)}.jak-faq-groups summary{padding:22px;font-weight:700}.jak-content-page :is(p,li){line-height:1.75}
@media(max-width:1100px){body.jonaths-site :is(.page-width,.concept-width){width:calc(100% - 48px)}body.jonaths-site .archive-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}body.jonaths-site .archive-product-grid[data-layout=four]{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .footer-bottom{grid-template-columns:1fr auto}.jak-payment-icons{grid-column:1/-1;grid-row:2;justify-self:center}.site-footer .footer-bottom>span{grid-column:2}.jak-content-card__media img{height:220px}}
@media(max-width:767px){body.jonaths-site :is(.page-width,.concept-width){width:calc(100% - 32px)}body.jonaths-site :is(.section,.concept-content-page){padding-block:44px}body.jonaths-site h1{font-size:48px}body.jonaths-site h2{font-size:38px}body.jonaths-site :is(.jak-content-cards,.jak-directory-grid,.jak-directory-detail-grid){grid-template-columns:1fr}body.jonaths-site .hero-section{min-height:0!important}.hero-track{height:auto!important;min-height:0!important}.hero-slide{min-height:0!important;height:auto!important;padding-top:240px!important;position:relative!important;display:none!important}.hero-slide.is-active{display:block!important}.hero-slide>picture{height:360px}.hero-slide>picture>img{object-position:var(--hero-mobile-focus-x,50%) var(--hero-mobile-focus-y,50%)}.hero-content{padding:0 0 22px!important}.hero-copy{max-width:none!important;margin:0!important;padding:24px!important;background:var(--jak-alt);border:1px solid var(--jak-line);border-radius:20px;box-shadow:none!important}.hero-copy h1,.hero-copy h2{font-size:44px!important}.hero-lead{font-size:16px;line-height:1.55}.hero-buttons{display:grid;gap:12px}.hero-buttons a{width:100%}.hero-copy>.hero-controls{position:static!important;transform:none!important;width:100%!important;padding:0!important;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-arrows{gap:8px}.hero-arrows button{width:36px;height:36px}.hero-dots{gap:8px}.hero-dots button{width:14px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.12em}.promo-artwork{max-width:50%;width:190px}.advisor-badge{margin-top:26px}.brand-track>a{width:160px!important;flex-basis:160px!important;height:90px!important}.brand-track img{height:68px!important}.jak-brand-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jak-brand-card__logo{height:100px!important;min-height:100px!important}.jak-brand-card__logo img{height:78px!important}body.jonaths-site .archive-layout{display:block}body.jonaths-site .archive-filters{display:block!important;position:static!important;transform:none!important;width:100%;margin-bottom:24px;max-height:none!important;padding:18px}.archive-filter-head [data-filter-close],.mobile-filter-button{display:none!important}.archive-filters:not(.has-animal) :is(.archive-filter-group,.archive-apply-filters,.archive-clear-filters){display:none}.archive-view-switcher [data-product-layout=four]{display:none!important}body.jonaths-site .archive-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.archive-product-copy{padding:12px!important;gap:10px!important}.archive-product-copy h3{font-size:22px!important}.archive-product-meta{font-size:9px!important}.archive-product-meta span{font-size:9px!important}.archive-product-price{font-size:17px!important}.archive-product-actions a{padding:12px 8px!important;font-size:10px!important}.archive-quick-view{right:8px!important;bottom:8px!important;font-size:9px!important;padding:7px 9px!important;min-height:28px!important}.archive-product-image img{padding:10px!important}.archive-product-variations :is(button,a){padding:4px 7px;font-size:10px}.archive-product-grid[data-layout=list] .archive-product-card{grid-template-columns:110px 1fr}.archive-product-grid[data-layout=list] .archive-product-image{min-height:160px}.product-section .archive-product-grid{display:flex!important;overflow:auto;scroll-snap-type:x mandatory}.product-section .archive-product-card{flex:0 0 78%;scroll-snap-align:start}.jak-floating-cart{right:9px!important;width:44px!important;min-height:112px!important;top:calc(50% - 56px)!important}.jak-quick-view__grid{grid-template-columns:1fr}.jak-quick-view__image img{height:230px}.jak-quick-view__summary{padding:24px}.jak-quick-view__summary h2{font-size:36px!important}.product-detail-shell{display:block}.product-info-grid{padding:20px}.product-information{margin-top:25px}.pairs-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jak-cart-drawer{padding:22px!important}.footer-actions a{flex:1;justify-content:center;padding-inline:12px}.site-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:center}.site-footer .footer-bottom>span{white-space:normal;text-align:center;order:1;width:100%}.jak-payment-icons{order:2}.woocommerce-account .woocommerce{grid-template-columns:1fr}.jak-directory-detail-grid{gap:24px}.jak-booking-embed iframe{min-height:680px}.jak-booking-selected{display:flex;flex-direction:column}.product-tabs-list{gap:20px}.product-tabs-list button{font-size:11px}.jak-content-card__media img{height:250px}}
@media(prefers-reduced-motion:reduce){.brand-track,.jak-wiggle,.hero-progress-ring{animation:none!important}html{scroll-behavior:auto!important}.brand-marquee{overflow-x:auto!important}}