/* Category-only layout. Shared navigation, catalog, hero and commerce styles stay intact. */
.cc-page { --cc-paper:#ede9df; --cc-ink:#17392f; --cc-muted:#58665c; --cc-line:#17392f33; background:var(--cc-paper); color:var(--cc-ink); padding-bottom:0; }
.cc-page *, .cc-page *::before, .cc-page *::after { box-sizing:border-box; }
.cc-page :is(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.cc-page :is(h1,h2,h3) { font-family:var(--abika-typeface,Manrope,Arial,sans-serif); font-weight:400; letter-spacing:-.045em; }
.cc-page a { color:inherit; text-decoration:none; }
.cc-page a:focus-visible,.cc-page button:focus-visible,.cc-catalog-links a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.cc-shell { width:min(calc(100% - clamp(44px,8.4vw,160px)),1400px); margin-inline:auto; }
.cc-breadcrumb { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; padding-block:27px; font-size:12px; line-height:1.6; color:var(--cc-muted); }
.cc-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.cc-intro { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr); gap:clamp(32px,7vw,100px); align-items:center; padding-block:48px 68px; }
.cc-kicker { font-size:10px; line-height:1.7; letter-spacing:.12em; font-weight:500; text-transform:uppercase; }
.cc-intro h1 { font-size:clamp(36px,4.4vw,65px); line-height:1.13; max-width:800px; margin-block:20px 23px; }
.cc-description { font-size:clamp(16px,1.4vw,19px); line-height:1.8; max-width:680px; color:var(--cc-muted); }
.cc-button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:52px; padding:15px 22px; background:var(--cc-ink); color:var(--cc-paper)!important; border:1px solid var(--cc-ink); border-radius:3px; font:500 13px/1.5 var(--abika-typeface,Manrope,Arial,sans-serif); cursor:pointer; }
.cc-intro .cc-button { margin-top:28px; }
.cc-button svg,.cc-link svg { flex:0 0 20px; }
.cc-intro-facts { border-left:1px solid var(--cc-line); padding-left:30px; display:grid; gap:23px; }
.cc-intro-facts dt,.cc-product-facts dt { font-size:11px; color:var(--cc-muted); margin-bottom:7px; }
.cc-intro-facts dd { font-size:15px; line-height:1.8; }
.cc-products { border-top:1px solid var(--cc-line); padding-block:38px 54px; scroll-margin-top:110px; }
.cc-section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.cc-section-heading h2,.cc-notes h2,.cc-order h2 { font-size:clamp(23px,2.1vw,31px); line-height:1.3; }
.cc-link { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; min-height:44px; font-size:12px; line-height:1.6; border-bottom:1px solid var(--cc-line); }
.cc-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.cc-product { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); background:#f5f2eb; border:1px solid var(--cc-line); border-radius:5px; overflow:hidden; }
.cc-product-photo { background:#ded8cc; min-height:360px; }
.cc-product-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.cc-product-body { min-width:0; padding:29px 24px; display:flex; flex-direction:column; align-items:flex-start; }
.cc-product-body h3 { margin-block:12px 14px; font-size:clamp(22px,2vw,29px); line-height:1.2; }
.cc-product-body > p:not(.cc-kicker) { color:var(--cc-muted); font-size:13px; line-height:1.8; }
.cc-product-facts { margin-block:25px!important; display:grid; gap:17px; }
.cc-product-facts dd { font-size:12px; line-height:1.8; }
.cc-product-body .cc-link { width:100%; margin-top:auto; }
.cc-product-grid-single { max-width:850px; grid-template-columns:1fr; }
.cc-product-grid-single .cc-product { grid-template-columns:minmax(0,.7fr) minmax(0,1fr); }
.cc-footnote { margin-top:20px!important; font-size:11px; color:var(--cc-muted); line-height:1.8; max-width:850px; }
.cc-notes { border-top:1px solid var(--cc-line); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(32px,7vw,100px); padding-block:48px 58px; }
.cc-notes p,.cc-order p { font-size:15px; line-height:1.9; margin-top:18px; color:var(--cc-muted); }
.cc-notes .cc-link,.cc-order .cc-link { margin-top:20px; }
.cc-blend { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:42px; background:var(--cc-ink); color:var(--cc-paper); border-radius:5px; }
.cc-blend h2 { font-size:clamp(25px,2.7vw,37px); line-height:1.25; margin-block:13px 16px; }
.cc-blend p:not(.cc-kicker) { max-width:640px; font-size:14px; line-height:1.9; color:#c1cdc5; }
.cc-button-light { flex-shrink:0; color:var(--cc-ink)!important; background:var(--cc-paper); border-color:var(--cc-paper); }
.cc-order { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,7vw,100px); padding-block:60px; }
.cc-label-note { border-left:1px solid var(--cc-line); padding-left:30px; }
.cc-label-note h3 { font-size:24px; line-height:1.3; }
.cc-label-note .cc-button { margin-top:24px; }
.cc-related { display:flex; flex-wrap:wrap; gap:18px 34px; align-items:center; border-top:1px solid var(--cc-line); padding-block:25px 50px; }
.cc-related > span { font-size:11px; color:var(--cc-muted); margin-right:auto; }
.cc-catalog-links { display:flex; flex-wrap:wrap; gap:10px 24px; width:min(calc(100% - clamp(44px,8.4vw,160px)),1400px); margin:18px auto 32px; padding-top:20px; border-top:1px solid #17392f33; font-size:12px; line-height:1.7; }
.cc-catalog-links a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:inherit; text-decoration:none; border-bottom:1px solid #17392f55; }
.cc-catalog-links svg { width:15px; height:15px; }
@media(max-width:1100px) { .cc-product { grid-template-columns:1fr; } .cc-product-photo { min-height:0; height:320px; } .cc-product-photo img { object-fit:contain; } .cc-product-grid-single .cc-product { grid-template-columns:.8fr 1fr; } .cc-product-grid-single .cc-product-photo { height:100%; } }
@media(max-width:700px) {
 .cc-breadcrumb { padding-block:23px 8px; font-size:10px; gap:7px; }
 .cc-intro { grid-template-columns:1fr; gap:28px; padding-block:30px 38px; }
 .cc-intro h1 { font-size:clamp(32px,8.5vw,43px); margin-block:16px 19px; }
 .cc-description { font-size:15px; line-height:1.85; }
 .cc-intro-facts { border-left:0; border-top:1px solid var(--cc-line); padding:23px 0 0; gap:18px; grid-template-columns:1fr 1fr; }
 .cc-intro-facts > div:nth-child(2) { grid-column:1 / -1; grid-row:2; }
 .cc-intro-facts dd { font-size:12px; }
 .cc-intro-facts dt { font-size:10px; }
 .cc-section-heading { align-items:flex-start; flex-direction:column; gap:10px; margin-bottom:22px; }
 .cc-products { padding-block:28px 35px; }
 .cc-product-grid { grid-template-columns:1fr; gap:18px; }
 .cc-product,.cc-product-grid-single .cc-product { grid-template-columns:minmax(105px,.65fr) minmax(0,1fr); }
 .cc-product-photo,.cc-product-grid-single .cc-product-photo { height:auto; min-height:280px; }
 .cc-product-photo img { object-fit:contain; }
 .cc-product-body { padding:21px 16px; }
 .cc-product-body h3 { font-size:23px; }
 .cc-product-body > p:not(.cc-kicker) { font-size:12px; }
 .cc-product-facts { gap:12px; margin-block:18px!important; }
 .cc-product-body .cc-link { font-size:11px; gap:8px; }
 .cc-notes,.cc-order { grid-template-columns:1fr; gap:30px; padding-block:35px; }
 .cc-notes p,.cc-order p { font-size:14px; margin-top:14px; }
 .cc-blend { padding:28px 24px; flex-direction:column; align-items:flex-start; gap:25px; }
 .cc-blend h2 { font-size:28px; }
 .cc-blend p:not(.cc-kicker) { font-size:13px; }
 .cc-label-note { border-left:0; border-top:1px solid var(--cc-line); padding:28px 0 0; }
 .cc-label-note h3 { font-size:23px; }
 .cc-related { gap:12px 24px; padding-bottom:35px; }
 .cc-related > span { flex-basis:100%; }
 .cc-catalog-links { gap:4px 18px; margin-block:12px 20px; }
 .cc-catalog-links a { font-size:11px; }
}
