.cpArea{padding:86px 24px;background:linear-gradient(160deg,#f7f3ec,#eee5d8);color:#251c15;scroll-margin-top:100px;border-top:1px solid #dfd4c4}
.cpAreaWrap{max-width:1240px;margin:auto}.cpAreaHeader{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:40px;margin-bottom:38px}.cpAreaEyebrow{color:#a54619;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:750}.cpArea h2{margin:14px 0 0;font-size:clamp(29px,3.5vw,47px);line-height:1.12;letter-spacing:-.035em}.cpArea h2 em{font-family:Georgia,serif;font-weight:400;color:#b74715}.cpAreaHeader p{color:#6b5d50;line-height:1.75;margin:0 0 3px;max-width:490px}.cpAreaLayout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);gap:30px;align-items:start}.cpAreaMap{border-radius:28px;border:1px solid #dfd3c0;background:radial-gradient(ellipse at 55% 40%,#fffdf9,#eee5d6);position:relative;overflow:hidden;box-shadow:0 14px 50px #3823170a}.cpAreaMap svg{display:block;width:100%;height:auto;max-height:700px}.cpAreaMapTag{position:absolute;top:22px;left:23px;background:#ffffffdf;border:1px solid #e6dacc;border-radius:30px;padding:9px 14px;font-size:12px;pointer-events:none}.cpAreaShape{fill:#e3d7c5;stroke:#fffaf3;stroke-width:2;stroke-linejoin:round;cursor:pointer;transition:fill .2s,stroke .2s,filter .2s;outline:none}.cpAreaShape:nth-child(3n+1){fill:#d8c8b1}.cpAreaShape:nth-child(3n+2){fill:#eee3d3}.cpAreaShape:hover,.cpAreaShape:focus-visible{fill:#d48b61;stroke:#af481c;stroke-width:3}.cpAreaShape.is-selected{fill:#c65b2b;stroke:#8d310c;stroke-width:3;filter:drop-shadow(0 4px 6px #a3461a33)}.cpAreaShape.is-related{fill:#dca67f;stroke:#b1592b;stroke-width:2.5}.cpAreaNumber{pointer-events:none}.cpAreaNumber circle{fill:#fffaf0;stroke:#cfbda2;stroke-width:1}.cpAreaNumber text{font:600 10px system-ui,sans-serif;text-anchor:middle;fill:#5b4937}.cpAreaPin{cursor:pointer;outline:none}.cpAreaPin circle{fill:#a83f15;stroke:#fff8ed;stroke-width:3}.cpAreaPin .cpAreaHalo{fill:#d06732;stroke:none;opacity:.14}.cpAreaPin .cpAreaPinCore{fill:#fff7e9;stroke:none}.cpAreaPin text{font:700 13px system-ui,sans-serif;fill:#503520;paint-order:stroke;stroke:#f6efe3;stroke-width:4;stroke-linejoin:round}.cpAreaPin .cpAreaPinPrice{font-size:11px;font-weight:500;fill:#985322}.cpAreaPin:hover .cpAreaHalo,.cpAreaPin:focus-visible .cpAreaHalo,.cpAreaPin.is-selected .cpAreaHalo{opacity:.4}.cpAreaPin.is-selected circle:not(.cpAreaHalo):not(.cpAreaPinCore){fill:#ff7c35;stroke:#7d2b08}.cpAreaCompass path{fill:#947a5c}.cpAreaCompass text{font:600 12px system-ui;text-anchor:middle;fill:#947a5c}.cpAreaMapLegend{display:flex;justify-content:center;gap:24px;padding:0 15px 20px;font-size:11px;color:#7a6650}.cpAreaMapLegend span{display:flex;align-items:center;gap:7px}.cpAreaMapLegend i{width:10px;height:10px;background:#d8c8b1;border-radius:3px}.cpAreaMapLegend span+span i{background:#b84c20;border-radius:50%}.cpAreaDistricts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.cpAreaDistricts button,.cpAreaSpecials button{border:1px solid #ddcfbb;background:#ffffff90;color:#544331;border-radius:11px;padding:12px;text-align:left;cursor:pointer;font:500 13px/1.35 system-ui,sans-serif;transition:background .2s,border-color .2s}.cpAreaDistricts button span{font-size:10px;color:#a08b70;margin-right:10px}.cpAreaDistricts button:hover,.cpAreaSpecials button:hover,.cpAreaDistricts button:focus-visible,.cpAreaSpecials button:focus-visible{border-color:#a54b20;outline:2px solid #e8b18b;outline-offset:2px}.cpAreaDistricts button.is-selected,.cpAreaSpecials button.is-selected{background:#b84918;border-color:#b84918;color:white}.cpAreaDistricts button.is-selected span{color:#f3d3bc}.cpAreaSpecials{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cpAreaSpecials button{font-size:12px;background:#f9ebda;border-color:#dec5a8}.cpAreaSpecials button span{margin-left:12px;font-weight:700}.cpAreaAttribution{font-size:10px!important;line-height:1.5;color:#93806a;margin:16px 3px 0}.cpAreaAttribution a{color:inherit;text-underline-offset:3px}.cpAreaCard{background:linear-gradient(145deg,#2b211b,#181612);color:#f8f2e8;border:1px solid #47362b;border-radius:28px;padding:34px;position:sticky;top:100px;box-shadow:0 18px 44px #33221720}.cpAreaCardEyebrow{color:#d6af81;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.cpAreaCard h3{font-size:31px;line-height:1.15;letter-spacing:-.02em;margin:18px 0 9px}.cpAreaSub{font-size:13px;line-height:1.65;color:#b8aa98;margin:0 0 25px;min-height:42px}.cpAreaFree,.cpAreaFee{padding:22px 0;border-top:1px solid #ffffff1b}.cpAreaFree>span,.cpAreaFee>span{display:block;font-size:13px;color:#d1c3b1}.cpAreaFree strong{display:block;font-size:31px;line-height:1.3;color:#cbe1bd;margin:7px 0}.cpAreaFee strong{display:block;font-size:43px;line-height:1.3;color:#edc390;letter-spacing:-.025em;margin:7px 0}.cpAreaFree small,.cpAreaFee small{display:block;font-size:11px;color:#ad9c87;line-height:1.5}.cpAreaException{padding:12px 14px;border:1px solid #936532;border-radius:10px;font-size:12px;line-height:1.6;color:#eac58e;background:#c5791c10;margin:0 0 20px}.cpAreaSteps{border-top:1px solid #ffffff1b;padding-top:15px;margin-bottom:24px}.cpAreaSteps p{display:flex;align-items:start;gap:11px;margin:11px 0;font-size:12px;line-height:1.5;color:#d2c6b6}.cpAreaSteps b{color:#b8905d;font-size:10px;letter-spacing:.05em;line-height:1.8}.cpAreaCta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 21px;border-radius:13px;color:#fff!important;background:linear-gradient(#ce541d,#ad3708);box-shadow:inset 0 1px #ee8b55;text-decoration:none;font-size:15px;font-weight:700}.cpAreaCta:hover{filter:brightness(1.1)}.cpAreaCta:focus-visible{outline:3px solid #f9d7a7;outline-offset:4px}.cpAreaCardFoot{font-size:10px!important;line-height:1.6;color:#a99780;margin:18px 0 0}
@media(max-width:900px){.cpAreaLayout{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:18px}.cpAreaCard{padding:26px}.cpAreaCard h3{font-size:26px}.cpAreaHeader{gap:24px}.cpAreaDistricts button{font-size:12px;padding:11px 9px}.cpAreaDistricts button span{margin-right:6px}}
@media(max-width:700px){.cpArea{padding:52px 18px}.cpAreaHeader{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.cpAreaHeader p{font-size:14px}.cpAreaLayout{grid-template-columns:1fr;gap:25px}.cpAreaMap svg{max-height:none}.cpAreaCard{position:static;padding:26px}.cpAreaMapTag{top:15px;left:15px;font-size:10px;padding:7px 11px}.cpAreaFree strong{font-size:28px}.cpAreaCard h3{font-size:29px}.cpAreaSub{min-height:0}.cpAreaPin text{font-size:14px}.cpAreaPin .cpAreaPinPrice{font-size:12px}.cpAreaSpecials button{flex:1 0 auto;text-align:center}.cpAreaDistricts button{font-size:12px;min-height:45px}.cpAreaFee strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.cpArea *{transition:none!important;scroll-behavior:auto!important}}

.cpAreaCard h3{color:#f8f2e8}