.ingredient-map-section{padding-block:clamp(78px,10vw,150px);scroll-margin-top:86px}
.map-intro{max-width:780px;margin:0 auto 36px;text-align:center}
.map-kicker{display:block;margin:0 0 10px;color:#a97148;font:600 13px/1.5 sans-serif;letter-spacing:.09em;text-transform:uppercase}
.map-intro h2{margin:0;color:#143d31;font-size:clamp(48px,7vw,94px);line-height:1.13}
.map-intro>p:last-child{margin:15px auto 0;color:#53695e;font-size:clamp(16px,2vw,22px);line-height:1.7}
.map-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(310px,.86fr);gap:clamp(20px,3vw,42px);align-items:stretch;min-width:0}
.map-board{position:relative;min-height:625px;overflow:hidden;isolation:isolate;border-radius:34px;background:radial-gradient(circle at 51% 45%,#386b55 0,#224d3c 34%,#12382e 76%);box-shadow:0 27px 65px #143b2b20}
.map-board:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;background:radial-gradient(circle at 12% 35%,#c8b78328,transparent 26%),radial-gradient(circle at 81% 21%,#a6cfab24,transparent 29%),repeating-linear-gradient(125deg,transparent 0 48px,#d9ebcd08 49px 50px)}
.map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.map-lines path{fill:none;stroke:#d9ca90;stroke-width:.34;stroke-dasharray:.7 .7;opacity:.78;vector-effect:non-scaling-stroke}
.map-glow{position:absolute;left:var(--node-x);top:var(--node-y);width:170px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ecc98738;filter:blur(36px);pointer-events:none}
.map-node{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(90px,10vw,124px);min-height:72px;padding:8px 12px;border:1px solid #f4ebcd66;border-radius:50%;background:#f6eedc16;color:#f9f5e8;box-shadow:0 0 0 6px #fff1;font:600 clamp(13px,1.2vw,17px)/1.3 sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s,scale .2s}
.map-node:hover,.map-node:focus-visible{background:#f7e3b933;box-shadow:0 0 0 7px #f8e8c124}
.map-node.is-active{background:#f5ead0;color:#143d31;box-shadow:0 0 0 7px #f7e9c935,0 8px 27px #0b2b1d88;scale:1.06}
.map-packs{position:absolute;inset:auto 12% 6% 12%;height:150px;display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}
.map-mini-pack{width:23%;height:100%;display:flex;justify-content:center;align-items:end;filter:drop-shadow(0 13px 11px #09271e99)}
.map-mini-pack .studio-pack,.map-mini-pack .stock-pack{max-width:100%;max-height:142px;height:100%;width:auto}
.map-board-label{position:absolute;inset:auto 0 0;margin:0;padding:12px;text-align:center;color:#f1e4c3;font-size:13px;letter-spacing:.02em;background:linear-gradient(transparent,#14382bb8)}
.map-results{min-width:0;max-height:625px;display:flex;flex-direction:column;overflow:hidden;border-radius:30px;background:#f1eae0;padding:clamp(20px,3vw,34px)}
.map-results-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.map-results-head strong{white-space:nowrap;color:#174336;font:600 32px/1.1 sans-serif}
.map-results-head small{display:block;color:#607469;font:400 12px/1.5 sans-serif}
.map-results h3{margin:2px 0 17px;color:#174336;font-size:clamp(28px,3vw,43px);line-height:1.2}
.map-result-list{min-height:0;overflow:auto;overscroll-behavior:contain;padding-inline-end:5px}
.map-result{display:grid;grid-template-columns:84px minmax(0,1fr);gap:17px;align-items:center;padding:17px 0;border-top:1px solid #b8c5b3}
.map-result-photo{width:84px;height:99px;display:flex;align-items:center;justify-content:center;background:#fff8ee;border-radius:17px}
.map-result-photo .studio-pack,.map-result-photo .stock-pack{max-width:74px;max-height:88px;height:88px;width:auto}
.map-brand{display:block;color:#7f8c80;font:500 12px/1.4 sans-serif}
.map-result h4{margin:3px 0 8px;color:#153c30;font-size:clamp(16px,1.7vw,21px);line-height:1.18;overflow-wrap:anywhere}
.map-result-actions{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center}
.map-result-actions button,.map-result-actions a{padding:0;border:0;background:none;color:#235846;text-decoration:none;font:600 12px/1.45 sans-serif;cursor:pointer}
.map-result-actions button:hover,.map-result-actions a:hover{text-decoration:underline}
.map-note{margin:17px 0 0;color:#6a776c;font-size:13px;line-height:1.6;text-align:center}
@media(max-width:850px){.map-layout{grid-template-columns:minmax(0,1fr)}.map-board{min-height:550px}.map-results{max-height:none}.map-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-height:450px}}
@media(max-width:600px){.ingredient-map-section{padding-block:72px}.map-board{min-height:430px;border-radius:25px}.map-lines,.map-glow{display:none}.map-node{width:87px;min-height:59px;font-size:12px;padding:5px}.map-board .map-node:nth-of-type(1){left:18%;top:16%}.map-board .map-node:nth-of-type(2){left:50%;top:16%}.map-board .map-node:nth-of-type(3){left:82%;top:16%}.map-board .map-node:nth-of-type(4){left:18%;top:38%}.map-board .map-node:nth-of-type(5){left:50%;top:38%}.map-board .map-node:nth-of-type(6){left:82%;top:38%}.map-packs{height:144px;inset-inline:13%;bottom:9%}.map-mini-pack .studio-pack,.map-mini-pack .stock-pack{max-height:137px}.map-results{border-radius:24px;padding:22px}.map-result-list{grid-template-columns:minmax(0,1fr);max-height:470px}.map-intro{text-align:start}.map-note{text-align:start}}