.ca{--g:var(--deep);--mut:var(--soft)}
.ca-hero{position:relative;padding:0 20px;background:radial-gradient(ellipse 70% 60% at 70% 60%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),var(--bg);overflow:hidden}
.ca-cano{position:absolute;top:0;left:0;right:0;height:110px;background:url(/c1/l/canopy.svg) repeat-x top center/auto 110px;pointer-events:none;opacity:.9}
.ca-in{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr}
.ca-tx{position:relative;z-index:3;padding-top:96px}
.ca-tx .crumbs{margin-bottom:6px}
.ca-eb{font:600 13px var(--b);letter-spacing:.22em;text-transform:uppercase;color:var(--ac);margin-top:6px}
.ca-hero h1{font:800 var(--h1-page)/1 var(--d);color:var(--g);letter-spacing:-.02em;margin:6px 0 0}
.ca-hero p{font-size:17px;line-height:1.45;max-width:30em;margin:12px 0 0;color:var(--ink)}
.ca-hero .rib{margin-top:16px;background:var(--ac)}
.ca-stage{position:relative;height:320px;margin-top:4px}
.ca-fan{position:absolute;left:50%;bottom:18px;width:min(520px,96vw);transform:translateX(-50%);opacity:.95}
.ca-pk{position:absolute;bottom:34px;height:210px;width:auto;max-width:40%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(40,30,10,.3));animation:ca-rise .9s cubic-bezier(.2,.8,.2,1) both}
span.ca-pk{display:block;background:#fff;border-radius:22px;padding:10px;aspect-ratio:1;height:150px;filter:drop-shadow(0 18px 16px rgba(40,30,10,.25))}
span.ca-pk img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.ca-p0{left:5%;rotate:-9deg;height:175px;animation-delay:.1s}.ca-p1{left:50%;translate:-50% 0;height:235px;z-index:2;animation-delay:.2s}.ca-p2{right:5%;rotate:8deg;height:185px;animation-delay:.3s}
span.ca-p0,span.ca-p2{height:135px}span.ca-p1{height:165px;translate:-50% 0}

@keyframes ca-rise{from{opacity:0;transform:translateY(40px)}}
.ca-stage>.cw{position:absolute;width:112px;right:-4px;bottom:0;z-index:4}
.ca-ground{height:28px;background:var(--bg);position:relative}
.ca-ground:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:var(--cream);border-radius:28px 28px 0 0}
@media (min-width:900px){.ca-in{grid-template-columns:1.05fr 1fr;align-items:end}.ca-tx{padding:110px 0 70px}.ca-stage{height:440px}.ca-pk{height:290px}.ca-p0{height:240px}.ca-p2{height:250px}.ca-p1{height:320px}span.ca-pk{height:200px}span.ca-p1{height:230px}.ca-stage>.cw{width:160px;right:0}}
.ca-tb{position:sticky;top:calc(var(--hh) - 1px);z-index:15;background:rgba(251,248,234,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(29,74,34,.08)}
.ca-sc{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;max-width:1180px;margin:0 auto;scrollbar-width:none}
.ca-sc::-webkit-scrollbar{display:none}
.ca-sc a{flex:none;display:flex;align-items:center;gap:7px;padding:4px 13px 4px 4px;min-height:40px;border-radius:99px;background:#fff;border:1.5px solid rgba(29,74,34,.12);text-decoration:none;font:800 14px Nunito,sans-serif;color:var(--g);transition:background .2s,color .2s}
.ca-sc a img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:var(--bg)}
.ca-sc a.ca-all{padding-left:13px}
.ca-sc a em{font-style:normal;font-weight:700;color:var(--mut);font-size:12px}
.ca-sc a.on{background:var(--g);color:#fff;border-color:var(--g)}.ca-sc a.on em{color:#cfe3c6}








.ca-gr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
@media (min-width:721px){.ca-gr{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}}
.ca .ca-cd{text-decoration:none;display:block;position:relative;min-width:0}
.ca .ca-cd .ca-tl{position:relative;display:block;aspect-ratio:1/1.08;padding:0;border-radius:var(--r-card);background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.85),rgba(255,255,255,0) 62%),var(--bg);overflow:hidden;transition:transform .25s}
.ca .ca-cd:hover .ca-tl{transform:none}
.ca .ca-cd .ca-tl>img{position:absolute;left:13%;top:10%;width:74%;height:80%;max-height:none;object-fit:contain;transition:transform .35s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 12px 12px rgba(40,30,10,.22))}
.ca .ca-cd .ca-tl.sqt{background:#fff;box-shadow:inset 0 0 0 6px var(--bg)}
.ca .ca-cd .ca-tl.sqt>img{left:9%;width:82%;filter:none;mix-blend-mode:multiply}
.ca .ca-cd:hover .ca-tl>img{transform:scale(1.07) rotate(-2deg)}
.ca .ca-cd b{display:block;font:800 15px/1.2 Nunito,sans-serif;color:var(--g);margin-top:9px}
.ca .ca-cd small{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.ca-az{position:absolute;top:10px;left:10px;z-index:3;font:800 12px Nunito,sans-serif;letter-spacing:.04em;text-transform:uppercase;background:#fff;color:var(--g);padding:4px 8px;border-radius:99px;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.ca-more{max-width:1180px;margin:0 auto;padding:40px 16px 56px}
.ca-more h2{font:800 26px/1.1 var(--d);color:var(--g);margin:0 0 14px}
.ca-more h2::before{content:none}
.ca-ts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:721px){.ca-ts{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.ca-ts a{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:22px;background:var(--bg);text-decoration:none;color:var(--g);font:800 15px/1.2 Nunito,sans-serif;min-width:0}
.ca-ts a img{width:46px;height:auto;flex:none}
.ca-ts a em{display:block;font-style:normal;font-weight:700;font-size:12px;color:var(--mut)}

/* larger tap areas for small text links (layout unchanged) */
.crumbs a{padding:12px 2px;margin:-12px -2px}

/* tab/he-polish 2026-11-04 */
.ca-sc a{min-height:44px}
.ca-az{font-size:12.5px}
.ca-cd small{font-size:14px}
/* phones and landscape: the type chips scroll away, so the products get the screen */
@media (max-width:860px),(max-height:500px){.ca-tb{position:static;backdrop-filter:none;-webkit-backdrop-filter:none}}