/* A brighter expression of Paganotto: emerald, sky, citrus and berry. */
:root{--x-ink:#123d3d;--x-green:#007f69;--x-mint:#e8fa98;--x-paper:#f7fbfc;--x-muted:#49646b;--x-line:#d5e4e6;--round-card:28px}
body{background:#f7fbfc}
.header{background:#faffffef;box-shadow:0 6px 30px #154e5110;border-bottom-color:#dbecea}
.navigation a{border-radius:999px;padding:10px 16px;transition:background .2s,color .2s}
.navigation a:hover,.navigation a[aria-current=page]{background:linear-gradient(120deg,#c7f4e5,#d8efff);color:#07594e}
.header-contact,.button,.x-button{border:0;border-radius:999px;background:linear-gradient(120deg,#007c67,#036c87);color:white;box-shadow:0 8px 20px #006c7024;transition:transform .2s,box-shadow .2s,filter .2s}
.header-contact:hover,.button:hover,.x-button:hover{background:linear-gradient(120deg,#00967a,#087b9c);box-shadow:0 12px 26px #006c7030;transform:translateY(-2px)}
.button:active,.x-button:active{transform:translateY(0)}
.menu-toggle{border-radius:50%;background:linear-gradient(145deg,#e4fbef,#d9eefc)}
a:focus-visible,button:focus-visible{outline:3px solid #d2ac00;outline-offset:4px}
.c-opening,.c-opening-stage{background:radial-gradient(ellipse at 86% 36%,#159d9266,transparent 55%),linear-gradient(125deg,#084f43 5%,#09534d 48%,#183d69 100%)}
.c-opening h1 em{color:#e4f98d}.c-opening .eyebrow{color:#a9eddf}.c-opening .x-lead{color:#d8eeec}
.c-opening .x-button,.x-closing .x-button{background:linear-gradient(110deg,#eefa91,#adf0d3);color:#103e3c;box-shadow:0 10px 26px #011e3322}
.c-opening .x-button:hover,.x-closing .x-button:hover{background:linear-gradient(110deg,#f4ffa8,#80e6e4)}
.c-opening .x-opening-proof{border:1px solid #d9fff126;border-radius:24px;padding:16px 22px;background:linear-gradient(110deg,#ffffff0d,#7ae8e71a);max-width:355px}
.c-opening .x-opening-proof strong{color:#eafaab}.c-opening .x-map-point .x-dot{fill:#82ddd8;stroke:#11475b}
.c-opening .x-map-point.selected .x-dot,.c-opening .x-map-point:hover .x-dot{fill:#f7eb7f;stroke:#f7eb7f}
.c-opening .x-map-point.selected text{fill:#f7efb1}.c-opening .x-map .x-radius-label{fill:#f5eb8e}
.c-opening .x-map-selection{border:1px solid #bcf0e433;border-radius:24px;background:linear-gradient(120deg,#075448ed,#1b4767ed);padding:15px 20px;box-shadow:0 12px 30px #08253d24}
.c-opening .x-map-selection a{border:0;border-radius:999px;padding:10px 15px;background:linear-gradient(120deg,#e8f5a0,#c5f3ee);color:#143e40;font-weight:600}
.home-page .x-service-strip{background:linear-gradient(105deg,#ddf8b9,#bfeee6 58%,#cee9ff);color:#104e49;border:0}
.home-page .x-service-strip span:before{color:#08755f}
.home-page .x-journey{background:linear-gradient(145deg,#fff6cf,#e4f7dd 48%,#d8f3f4)}
.home-page .x-journey-sticky{background:radial-gradient(ellipse at 70% 35%,#fafa9c66,transparent 55%)}
.home-page .x-journey h2 em{color:#077f75}.home-page .x-route-word{color:#057e7913}
.home-page .x-road{background:#11697630;border-radius:20px}.home-page .x-road-fill{height:3px;top:-1px;background:linear-gradient(90deg,#18b888,#1c95bf);border-radius:20px}
.home-page .x-road-stop{background:#14a0a1;border-color:#e9f5df}
.home-page .x-journey-steps{gap:16px}
.home-page .x-journey-steps button{border:1px solid #bddbce;border-radius:24px;padding:18px 20px;background:linear-gradient(140deg,#ffffffad,#e6f7ee80);color:#375f60;box-shadow:0 4px 15px #29635a06;transition:background .2s,box-shadow .2s,color .2s}
.home-page .x-journey-steps button[aria-pressed=true]{background:linear-gradient(120deg,#007e67,#106788);border-color:transparent;color:white;box-shadow:0 10px 26px #006d6827}
.home-page .x-journey-steps button:hover{box-shadow:0 10px 25px #116f7020}
.home-page .x-journey-steps strong{font-weight:600}
.c-bottle-stage{background:radial-gradient(ellipse at 83% 18%,#82dbea30,transparent 58%),var(--cinema-bg)}
.c-chapters{gap:12px}.c-chapters button{padding:10px 18px;border:1px solid #809f9c65;border-radius:999px;background:#ffffff12;opacity:1;font-size:.875rem}
.c-chapters button[aria-pressed=true]{background:linear-gradient(110deg,#eaf997,#b3ede7);border-color:transparent;color:#143d48;box-shadow:0 5px 18px #122b3620}
.c-chapters button span{font-size:.875rem}.c-bottle-copy .x-button{background:linear-gradient(115deg,#ebf9a1,#c2effb);color:#173e45;box-shadow:0 8px 24px #0b354320;border:1px solid #b4dcb450}
.c-bottle-copy .x-button:hover{background:linear-gradient(115deg,#e4fb76,#88dce8)}
.c-scroll-guide a{border-radius:999px;background:#ffffff14;padding:10px 17px;text-decoration:none;border:1px solid #94b7b344}
.x-selection{background:radial-gradient(ellipse at 0% 0%,#d5f4eb66,transparent 48%),radial-gradient(ellipse at 100% 80%,#dceafd88,transparent 42%),#f7fbfc}
.x-section-heading h2 em,.x-catalog-intro h1 em{color:#078680}
.x-filter{border:1px solid #c4dce2;border-radius:999px;background:linear-gradient(130deg,#fff,#edf6fa);font-size:.875rem;padding:12px 23px;box-shadow:0 3px 10px #24627208;transition:background .2s,box-shadow .2s,transform .2s}
.x-filter:hover{background:linear-gradient(110deg,#d8f8e5,#d8edff);border-color:#65b9ae;transform:translateY(-1px)}
.x-filter[aria-pressed=true]{background:linear-gradient(120deg,#057d65,#187795);border-color:transparent;color:white;box-shadow:0 7px 18px #126f6a30}
.x-bottle,.x-bottle:nth-child(3n+2),.x-bottle:nth-child(3n){border-radius:var(--round-card);border:1px solid #ffffff;background:radial-gradient(ellipse at 70% 15%,#ffffffcc,transparent 52%),linear-gradient(140deg,#c2f1df,#cfeff5);box-shadow:0 8px 22px #24465d0a;transition:box-shadow .25s,transform .25s}
.x-bottle:nth-child(4n+2){background:radial-gradient(ellipse at 75% 15%,#ffffffbf,transparent 50%),linear-gradient(140deg,#cfe9ff,#dde0fa)}
.x-bottle:nth-child(4n+3){background:radial-gradient(ellipse at 70% 15%,#ffffffbf,transparent 50%),linear-gradient(140deg,#ffedab,#fce0c7)}
.x-bottle:nth-child(4n){background:radial-gradient(ellipse at 70% 15%,#ffffffbf,transparent 50%),linear-gradient(140deg,#f7d8df,#e2def8)}
.x-bottle:hover{box-shadow:0 12px 30px #144b591c;transform:translateY(-3px)}
.x-bottle-track{padding-top:5px;padding-bottom:24px}
.x-bottle-category{font-size:.75rem;letter-spacing:.09em;font-weight:600;color:#325865}
.x-bottle-label h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.04em;font-size:1.55rem}
.x-plus{border:1px solid #ffffffbb;background:linear-gradient(140deg,#ffffffb3,#fff5);box-shadow:0 4px 12px #26787812;width:44px;height:44px}
.x-card-hint{font-size:.8125rem}.x-shelf-controls button{background:linear-gradient(140deg,#daf5e5,#daeeff);border:1px solid #bddbdc;box-shadow:0 4px 10px #194f4c0c}
.x-product-dialog{border-radius:30px;border:1px solid #ffffffaa;box-shadow:0 30px 90px #082a4f55}
.x-dialog-image{background:radial-gradient(ellipse at 50% 22%,#fafff8,transparent 65%),linear-gradient(135deg,#c6f0dc,#d2eaff)}
.x-dialog-copy{background:linear-gradient(140deg,#fff,#f1fafb)}.x-dialog-copy h2{font-family:Arial,Helvetica,sans-serif;font-weight:600}
.x-dialog-close{background:linear-gradient(135deg,#fff,#e3f5ef);box-shadow:0 4px 15px #14454e18}
.x-return{background:radial-gradient(ellipse at 15% 20%,#eafab7,transparent 60%),linear-gradient(120deg,#dcf4c6,#cdf0df 55%,#ccecf5)}
.x-return-orbit{border:2px solid #5db89c60;box-shadow:0 0 65px #b0edaa66}
.x-people{background:linear-gradient(140deg,#f8fcfe,#e6f3fa)}.x-people figure img{border-radius:32px;box-shadow:0 20px 45px #21576720}
.x-people h2 em{color:#048675}
.x-closing{margin:24px 3%;border-radius:40px;background:radial-gradient(ellipse at 90% 0%,#339ab94d,transparent 60%),linear-gradient(115deg,#075346,#143c68);box-shadow:0 15px 35px #104e6018}
.x-closing h2 em{color:#e1f799}.full-footer{background:#f6fbfc;border:0}
.x-catalog-intro{max-width:none;background:radial-gradient(ellipse at 95% 10%,#bee9fa80,transparent 65%),linear-gradient(110deg,#e8faeb,#f4fbfc)}
.bottle-photo,.category-tile-art,.detail-photo{border-radius:26px;background:linear-gradient(140deg,#d4f3df,#d7edfb);overflow:hidden}
.category-nav a{border-radius:999px;background:linear-gradient(110deg,#e2f6e9,#e4f1fa);border-color:#c4dfda}
.category-nav a[aria-current=page]{background:linear-gradient(120deg,#047b65,#176e94);color:white}
.page-cta{margin:30px 4%;border-radius:32px;background:linear-gradient(120deg,#e9f6b5,#c8efe5,#d4eaff)}
.contact-composer{border-radius:28px;background:linear-gradient(140deg,#e4f6ec,#e8f3fe);padding:30px}
input,textarea,select{border-radius:16px!important;background:#ffffffdf;border-color:#bcd6d4!important}
input:focus,textarea:focus{outline:3px solid #89d3bb66;border-color:#168975!important}
@media(max-width:760px){
 .navigation a{padding:12px 16px}.navigation{border-radius:0 0 24px 24px;box-shadow:0 12px 24px #0d4f6015}
 .c-opening .x-map-selection{border-radius:22px;padding:12px 14px;max-width:310px}
 .c-opening .x-map-selection a{font-size:.8125rem;padding:10px 12px}
 .c-chapters{gap:7px;left:5%;right:5%;top:14px}.c-chapters button{padding:9px 11px;font-size:.8125rem;gap:6px;min-height:44px}.c-chapters button span{font-size:.8125rem}
 .home-page .x-journey-steps{gap:8px;padding-bottom:78px}
 .home-page .x-journey-steps button{border-radius:18px;padding:12px 10px 10px;min-height:112px}
 .home-page .x-journey-steps span{font-size:.68rem;line-height:1.35;letter-spacing:.02em;min-height:29px}
 .home-page .x-journey-steps strong{font-size:.85rem;min-height:39px;margin-bottom:0}
 .home-page .x-journey-steps button[aria-pressed=true] p{color:#234f54;font-size:.9375rem;padding:10px 2px 0}
 .x-filter{font-size:.875rem;padding:11px 18px}.x-bottle{border-radius:26px}
 .x-dialog-copy{padding:25px}.x-product-dialog{border-radius:26px}.x-dialog-image{border-radius:25px 25px 0 0}
 .x-people figure img{border-radius:26px}.x-closing{margin:16px 4%;border-radius:30px;padding:50px 7%}
 .x-closing h2{font-size:clamp(2.1rem,8vw,3rem)}.x-closing .x-button{font-size:.8125rem;padding:14px 18px}
 .contact-composer{padding:24px 18px}.page-cta{border-radius:26px}
}
@media(prefers-reduced-motion:reduce){.x-bottle:hover,.x-filter:hover,.x-button:hover{transform:none}}

/* Owner-confirmed delivery towns, on the delivery page. */
.x-coverage-links{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.x-coverage-links a{font-size:.9375rem;padding:11px 17px;border:1px solid #bbdacf;border-radius:999px;background:linear-gradient(115deg,#def4d1,#d4eff8);color:#165653;line-height:1.4}
.x-coverage-links a:hover{background:linear-gradient(115deg,#007a68,#156e93);color:white}
@media(max-width:760px){.x-coverage-links{gap:8px}.x-coverage-links a{font-size:.875rem;padding:10px 14px}}

/* Simple territory illustration: no town picker; only the radar rotates. */
.c-opening .x-map-point,.c-opening .x-map-origin{cursor:default;pointer-events:none}
.x-map-radar{transform-box:view-box;transform-origin:350px 290px;animation:x-radar-turn 16s linear infinite;pointer-events:none}
@keyframes x-radar-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.x-map-radar{animation:none}}