";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}/* Why: CSS del menu (freccia «Tutte le…», voci senza nome, menu «Vetrina» approvato dal CEO 7 ott 2026) in un file statico in cache invece che inline in ogni pagina; scoped sull'id del menu per battere la styles.css stale. */
.to-all-category-link .menu_container_sub .main-menu__inner-link {
font-family: 'Archivo', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 17px;
color: #8A3B47 !important; /* batte la regola level2 più specifica (#333) */
display: inline-flex;
align-items: center;
gap: 6px;
}
.to-all-category-link .menu_container_sub .main-menu__inner-link::after {
content: "";
display: inline-block;
width: 16px;
height: 12px;
background: url('../../frontend/Italovino/hyva/en_US/images/italovino/new_arrow_red.svg') no-repeat center / contain;
}
/* Parent "wrapper" senza nome (es. tag-filtri): la sua riga è un VUOTO.
Niente freccia (già tolta nel phtml) e niente riga vuota tappabile: i figli
restano espansi inline. */
.main-menu__inner-item--nameless > .menu_container_sub {
display: none;
}
@media (min-width: 1024px) and (max-width: 1279px) {
#navigazione-menu > li > .menu_container > a { font-size: 15px; padding-left: 12px; padding-right: 12px; white-space: nowrap; }
}
@media (min-width: 1024px) {
.main-menu .menu-hint,
.main-menu .menu-section-title,
.main-menu .menu-image--empty,
.main-menu .main-menu__inner-item .menu-image { display: none; }
.main-menu .main-menu__inner-item--level1.main-menu__inner-item--nameless > .menu-section-title { display: block; width: 100%; align-self: stretch; box-sizing: border-box; margin: 0; padding: 1px 0 13px; border-bottom: 2px solid #C0A481; font: 500 18px/20px 'Archivo', sans-serif; color: #333; }
.main-menu .main-menu__inner-item--level1.main-menu__inner-item--nameless > .menu-section-title + ul { margin-top: 20px; }
#navigazione-menu > .nav-event > .menu_container { display: flex; align-items: center; gap: 8px; padding: 0 16px 0 12px; border-radius: 25px; background: var(--evt); box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .5); }
#navigazione-menu > .nav-event > .menu_container > .menu-image { display: flex; width: auto; padding: 0; }
#navigazione-menu > .nav-event > .menu_container > .menu-image img { display: block; width: 22px; max-width: none; height: 22px; object-fit: contain; filter: brightness(0) invert(1); }
#navigazione-menu > .nav-event > .menu_container > .main-menu__link { padding-left: 0; padding-right: 0; background: none; box-shadow: none; color: #fff; }
}
@media (max-width: 1023px) {
#navigazione-menu :where(.back-arrow){align-items:initial;justify-content:initial;margin-left:initial}
#navigazione-menu :where(.item-logo-menu){align-items:initial;height:initial;justify-content:initial;margin-bottom:initial;padding:initial}
#navigazione-menu :where(.main-menu__inner-item--level2){border:initial;border-bottom:initial;margin-top:initial;padding:initial}
#navigazione-menu :where(.main-menu__inner-item--level2:last-child){border-bottom:initial}
#navigazione-menu :where(.main-menu__inner-item--parent){align-items:initial;flex-wrap:initial;justify-content:initial;min-height:initial;padding:initial;position:initial;width:initial}
#navigazione-menu :where(.main-menu__inner-list){flex-direction:initial;margin-bottom:initial;padding:initial}
#navigazione-menu :where(.main-menu__inner-list--level1){align-items:initial;justify-content:initial;margin:initial;max-width:initial;padding:initial}
#navigazione-menu :where(.main-menu__inner-list--level2){border:initial;border-top:initial;order:initial;width:initial}
#navigazione-menu :where(.main-menu__item){align-items:initial;border-bottom:initial;flex-wrap:initial;justify-content:initial;margin-bottom:initial}
#navigazione-menu{align-items:initial;flex-direction:initial;height:initial;justify-content:initial;margin:initial;padding:initial}
#navigazione-menu :where(.menu-image){align-items:initial;justify-content:initial;padding-left:initial;width:initial}
#navigazione-menu :where(.menu_container){align-items:initial;gap:initial;height:initial;justify-content:initial;order:initial;width:initial}
#navigazione-menu :where(.menu_container_sub){align-items:initial;justify-content:initial;order:initial;padding:initial;padding-left:initial;width:initial}
#navigazione-menu :where(.sub-menu){padding-bottom:initial;padding-top:initial;pointer-events:initial;position:initial}
#navigazione-menu :where(.sub-menu--level-1){border-bottom:initial;left:initial;padding-bottom:initial;padding-top:initial;pointer-events:initial;position:initial;right:initial;top:initial}
#navigazione-menu :where(.sub-menu.active){bottom:initial;height:initial;min-height:initial;position:initial;top:initial;width:initial}
#navigazione-menu :where(.sub-menu.dismiss){animation:initial}
#navigazione-menu :where(.sub-menu.menu-animate){height:initial;position:initial;right:initial;top:initial;width:initial}
#navigazione-menu :where(.sub-menu.selected){animation:initial}
#navigazione-menu :where(.toggle-icon){height:initial;pointer-events:initial;right:initial;width:initial}
#navigazione-menu :where(.toogle-menu){align-items:initial;justify-content:initial;order:initial;position:initial;width:initial}
#navigazione-menu :where(.toogle-menu.icon){order:initial;width:initial}
#navigazione-menu :where(.vino-rosso){height:initial;width:initial}
#navigazione-menu :where(a){align-items:initial;border-bottom:initial;justify-content:initial;letter-spacing:initial;padding:initial;text-align:initial;text-transform:initial}
#navigazione-menu :where(a.current){border-bottom:initial}
#navigazione-menu :where(li){flex:initial;margin-bottom:initial}
#navigazione-menu :where(ul){margin-bottom:initial}
#navigazione-menu *{text-transform:none;letter-spacing:normal;text-align:left}
nav.main-menu.active{--bg:#421E22; --bg-deep:#2E1418; --crema:#F7F1EA; --crema-2:#EFE4D8; --bordeaux:#8A3B47; --ink:#2E1418; --muted:#6B4A50; --gold:#C9A27A; --hair:#E2D2C2; --card:linear-gradient(160deg,#FBF6F1 0%,#F7F1EA 55%,#EFE4D8 100%); min-height:100vh; color:#fff; background:var(--bg) radial-gradient(120% 40% at 0% 100%,rgba(46,20,24,.9) 0%,rgba(46,20,24,0) 70%);}
#navigazione-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 32px;grid-auto-flow:row dense}
#navigazione-menu .item-logo-menu{grid-column:1/-1;order:-2;position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;height:64px;margin:0 -16px 2px;padding:0 10px 0 20px;background:var(--bg)}
#navigazione-menu .logo-menu a{display:flex;align-items:center;min-height:44px}
#navigazione-menu .logo-menu img{display:block;height:22px;width:auto}
#navigazione-menu .item-logo-menu .times{width:44px;height:44px;padding:6px;cursor:pointer}
#navigazione-menu .main-menu__item{position:relative;display:flex;flex-direction:column;min-height:118px;border-radius:18px;background:var(--card);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 18px -12px rgba(0,0,0,.6)}
#navigazione-menu .menu_container{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1;gap:10px;padding:14px 14px 14px}
#navigazione-menu .menu-image{display:flex;align-items:center;width:48px;height:48px;flex:none}
#navigazione-menu .menu-image img{width:48px;height:48px;object-fit:contain;object-position:left center}
#navigazione-menu .menu-image--empty{justify-content:center;border-radius:50%;border:1px solid rgba(138,59,71,.4)}
#navigazione-menu .menu-image--empty::before{content:attr(data-initial);font:italic 500 23px/1 Lora,serif;color:var(--bordeaux)}
#navigazione-menu .main-menu__link{display:block;max-width:100%;font:500 19px/1.15 Lora,serif;color:var(--ink);overflow-wrap:anywhere;hyphens:auto}
#navigazione-menu .main-menu__link.hidden{display:none}
#navigazione-menu .main-menu__link::before{content:"";position:absolute;inset:0;z-index:1;border-radius:18px}
#navigazione-menu .main-menu__item::after{content:"";position:absolute;top:16px;right:16px;width:14px;height:14px;pointer-events:none;opacity:.75; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238A3B47' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5'/%3E%3C/svg%3E") center/contain no-repeat}
#navigazione-menu .desktop-arrow{display:none}
#navigazione-menu .menu-hint{display:block;font:400 13px/1.35 Archivo,sans-serif;color:var(--muted)}
#navigazione-menu .menu-hint span{white-space:nowrap}
#navigazione-menu .nav-wide,#navigazione-menu .nav-feature{grid-column:1/-1;min-height:84px}
#navigazione-menu .nav-wide .menu_container,#navigazione-menu .nav-feature .menu_container{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:14px 50px 14px 14px}
#navigazione-menu .nav-wide .main-menu__link{font-size:20px}
#navigazione-menu .nav-wide::after{top:50%;margin-top:-7px;right:18px}
#navigazione-menu .nav-feature{background:linear-gradient(110deg,#95434F 0%,#7A303C 100%);min-height:92px}
#navigazione-menu .nav-feature::after{display:none}
#navigazione-menu .nav-feature>.menu_container>.menu-image{width:56px;height:56px;border-radius:50%;justify-content:center;background:var(--crema);box-shadow:0 0 0 3px rgba(247,241,234,.18)}
#navigazione-menu .nav-feature>.menu_container>.menu-image img{width:40px;height:40px;object-position:center}
#navigazione-menu .nav-feature>.menu_container>.main-menu__link{color:#fff;font-size:22px}
#navigazione-menu .nav-feature>.menu_container>.menu-hint{grid-area:hint;align-self:start;margin-top:4px;color:rgba(247,241,234,.85)}
#navigazione-menu .nav-feature{display:grid;grid-template:1fr/1fr}
#navigazione-menu .nav-feature>.menu_container{grid-area:1/1;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;grid-template-areas:"img title" "img hint";gap:0 14px;align-content:center;align-items:center}
#navigazione-menu .nav-feature>.menu_container>.menu-image{grid-area:img}
#navigazione-menu .nav-feature>.menu_container>.main-menu__link{grid-area:title;align-self:end}
#navigazione-menu .nav-feature>.toogle-menu{grid-area:1/1;position:relative;inset:auto}
#navigazione-menu .toogle-menu{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;cursor:pointer;border-radius:18px}
#navigazione-menu .toogle-menu svg{width:24px;height:24px}
#navigazione-menu .toogle-menu .toggle-icon--plus path{stroke:var(--crema)}
#navigazione-menu .toggle-icon--minus{display:none}
#navigazione-menu .toggle-icon--plus{display:block}
#navigazione-menu{flex:none}
#navigazione-menu .nav-event{grid-column:1/-1;order:-1;min-height:76px;background:var(--card)}
#navigazione-menu .nav-event .menu_container{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:14px 50px 14px 18px}
#navigazione-menu .nav-event .menu-image,#navigazione-menu .nav-event .menu-image img{width:40px;height:40px;object-position:center}
#navigazione-menu .nav-event .main-menu__link{width:auto;padding:6px 14px;border-radius:999px;background:var(--evt);color:#fff;font:500 18px/1.1 Lora,serif}
#navigazione-menu .nav-event::after{top:50%;margin-top:-7px;right:18px}
#navigazione-menu .nav-quiet{grid-column:1/-1;order:10;min-height:0;border-radius:0;background:none;box-shadow:none;border-top:1px solid rgba(247,241,234,.14)}
#navigazione-menu .nav-quiet+.nav-quiet{border-top-color:rgba(247,241,234,.08)}
#navigazione-menu .nav-quiet .menu_container{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:0 34px 0 2px;min-height:56px}
#navigazione-menu .nav-quiet .menu-image{width:34px;height:34px;border-radius:50%;justify-content:center;background:var(--crema)}
#navigazione-menu .nav-quiet .menu-image img{width:20px;height:20px;object-position:center}
#navigazione-menu .nav-quiet .menu-image--empty::before{font-size:17px}
#navigazione-menu .nav-quiet .main-menu__link{font:400 16px/1.25 Archivo,sans-serif;color:rgba(255,255,255,.9)}
#navigazione-menu .nav-quiet .main-menu__link::before{border-radius:0}
#navigazione-menu .nav-quiet::after{top:50%;margin-top:-7px;right:6px;filter:brightness(0) invert(1);opacity:.5}
#navigazione-menu .sub-menu{position:fixed;inset:0;overflow-y:auto;overscroll-behavior:contain;z-index:20;background:var(--bg);color:#fff; transform:translateX(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s linear .32s}
#navigazione-menu .sub-menu.active{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
#navigazione-menu .main-menu__item--parent{position:static}
#navigazione-menu .main-menu__item--parent>.menu_container{border-radius:18px}
#navigazione-menu .main-menu__inner-list--level1{display:flex;flex-direction:column;gap:10px;padding:0 16px 40px}
#navigazione-menu .return-to-top{position:sticky;top:0;z-index:3;margin:0 -16px 2px;background:var(--bg);cursor:pointer}
#navigazione-menu .return-to-top>div{display:flex;align-items:center;gap:4px;height:64px;padding:0 20px 0 8px}
#navigazione-menu .return-to-top .back-arrow{display:flex;width:44px;height:44px;align-items:center;justify-content:center;transform:rotate(180deg)}
#navigazione-menu .return-to-top .back-arrow path{stroke:var(--gold)}
#navigazione-menu .return-to-top p{font:500 22px/1.2 Lora,serif;color:#fff;text-transform:none;letter-spacing:normal}
#navigazione-menu .main-menu__inner-item--level1:not(.return-to-top):not(.main-menu__inner-item--nameless){position:relative;display:grid;grid-template-columns:1fr;border-radius:18px;background:var(--card);color:var(--ink); box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 18px -12px rgba(0,0,0,.6)}
#navigazione-menu .main-menu__inner-item--level1>.menu_container_sub{grid-area:1/1;display:grid;grid-template-columns:52px 1fr;grid-template-areas:"img title" "img hint";column-gap:14px;align-content:center;align-items:center;min-height:84px;padding:12px 52px 12px 14px}
#navigazione-menu .main-menu__inner-item--level1>.menu_container_sub>.menu-image{grid-area:img;width:52px;height:52px;justify-content:center}
#navigazione-menu .main-menu__inner-item--level1>.menu_container_sub>.menu-image img{width:46px;height:46px;object-position:center}
#navigazione-menu .main-menu__inner-item--level1>.menu_container_sub>.main-menu__inner-link{grid-area:title;align-self:end;font:500 20px/1.2 Lora,serif;color:var(--ink);overflow-wrap:anywhere}
#navigazione-menu .main-menu__inner-item--level1>.menu_container_sub>.menu-hint{grid-area:hint;align-self:start;margin-top:3px}
#navigazione-menu .main-menu__inner-item--level1>.toogle-menu-sub{grid-area:1/1;position:relative;inset:auto;z-index:2;padding-right:14px;border-radius:18px}
#navigazione-menu .toogle-menu-sub svg{transform:rotate(90deg);transition:transform .25s}
#navigazione-menu .toogle-menu-sub .toggle-icon--plus path{stroke:var(--bordeaux)}
#navigazione-menu .toogle-menu-sub.active svg{transform:rotate(-90deg)}
#navigazione-menu .toogle-menu-sub:focus-visible,#navigazione-menu .toogle-menu:focus-visible,#navigazione-menu .return-to-top:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#navigazione-menu .main-menu__inner-item--level1:has(>.toogle-menu-sub.active)>.menu_container_sub{border-bottom:1px solid var(--hair);margin:0 12px;padding-left:2px;padding-right:40px}
#navigazione-menu .main-menu__inner-list--level2{display:none;background:transparent}
#navigazione-menu .main-menu__inner-list--level2.active{display:grid;animation:itvMenuReveal .28s ease-out}
@keyframes itvMenuReveal{from{opacity:0;transform:translateY(-6px)}}
#navigazione-menu .main-menu__inner-item--level1>.main-menu__inner-list--level2{grid-area:2/1;padding:12px 12px 14px;gap:8px}
#navigazione-menu .main-menu__inner-item--level2{position:relative}
#navigazione-menu .main-menu__inner-item--level2>.menu_container_sub{height:100%}
#navigazione-menu .main-menu__inner-item--level2 .main-menu__inner-link{color:var(--ink)}
#navigazione-menu .main-menu__inner-item--level2 .main-menu__inner-link::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
#navigazione-menu .menu-image--sm{width:32px;height:32px}
#navigazione-menu .menu-image--sm.menu-image--empty::before{font-size:17px}
#navigazione-menu .nav-sub-glasses>.main-menu__inner-list--level2{grid-template-columns:repeat(3,1fr)}
#navigazione-menu .nav-sub-glasses .main-menu__inner-item--level2{border-radius:14px;background:#fff;border:1px solid #EADCCD}
#navigazione-menu .nav-sub-glasses .main-menu__inner-item--level2>.menu_container_sub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:10px 6px 12px;text-align:center}
#navigazione-menu .nav-sub-glasses .menu-image{width:46px;height:46px;justify-content:center}
#navigazione-menu .nav-sub-glasses .menu-image img{width:46px;height:46px;object-position:center}
#navigazione-menu .nav-sub-glasses .main-menu__inner-link{font:500 15px/1.2 Lora,serif;overflow-wrap:break-word}
#navigazione-menu .nav-sub-index>.main-menu__inner-list--level2{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:0;padding-top:4px}
#navigazione-menu .nav-sub-index .main-menu__inner-item--level2{border-bottom:1px solid var(--hair)}
#navigazione-menu .nav-sub-index .main-menu__inner-item--level2>.menu_container_sub{display:flex;align-items:center;min-height:50px;padding:6px 18px 6px 2px}
#navigazione-menu .nav-sub-index .main-menu__inner-link{font:400 17px/1.2 Lora,serif;overflow-wrap:anywhere}
#navigazione-menu .nav-sub-index .main-menu__inner-item--level2:not(.to-all-category-link)>.menu_container_sub::after{content:"";position:absolute;right:2px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--gold)}
#navigazione-menu .nav-sub-logos>.main-menu__inner-list--level2{grid-template-columns:1fr 1fr}
#navigazione-menu .nav-sub-logos .main-menu__inner-item--level2{border-radius:14px;background:#fff;border:1px solid #EADCCD}
#navigazione-menu .nav-sub-logos .main-menu__inner-item--level2>.menu_container_sub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:12px 8px;text-align:center}
#navigazione-menu .nav-sub-logos .menu-image{width:100%;height:46px;justify-content:center}
#navigazione-menu .nav-sub-logos .menu-image img{width:auto;height:auto;max-width:78%;max-height:46px;object-fit:contain;object-position:center}
#navigazione-menu .nav-sub-logos .menu-image--empty{display:none}
#navigazione-menu .nav-sub-logos .menu-image--empty+.main-menu__inner-link{min-height:46px;display:flex;align-items:center;justify-content:center;font:italic 500 19px/1.15 Lora,serif;color:var(--ink);text-wrap:balance}
#navigazione-menu .nav-sub-logos .main-menu__inner-link{font:400 13px/1.25 Archivo,sans-serif;color:var(--muted)}
#navigazione-menu .to-all-category-link .menu_container_sub .main-menu__inner-link{font:500 15px/1.25 Archivo,sans-serif;color:var(--bordeaux)!important;display:inline-flex;align-items:center;gap:4px}
#navigazione-menu .to-all-category-link .menu_container_sub .main-menu__inner-link::after{content:"";flex:none;width:16px;height:16px;background:url(../../frontend/Italovino/hyva/en_US/images/italovino/new_arrow_red.svg) center/contain no-repeat}
#navigazione-menu .nav-sub-glasses .to-all-category-link,#navigazione-menu .nav-sub-logos .to-all-category-link{background:#F3E6DA;border:1px solid rgba(138,59,71,.55)}
#navigazione-menu .nav-sub-glasses .to-all-category-link .main-menu__inner-link,#navigazione-menu .nav-sub-logos .to-all-category-link .main-menu__inner-link{justify-content:center;padding:0 4px}
#navigazione-menu .main-menu__inner-item--nameless{display:block;padding-top:22px}
#navigazione-menu .main-menu__inner-item--nameless>.menu_container_sub{display:none}
#navigazione-menu .menu-section-title{display:flex;align-items:center;gap:12px;margin:0 2px 12px;font:italic 400 21px/1.2 Lora,serif;color:#fff}
#navigazione-menu .menu-section-title::after{content:"";flex:1;height:1px;background:rgba(201,162,122,.45)}
#navigazione-menu .main-menu__inner-item--nameless>.main-menu__inner-list--level2{grid-template-columns:1fr 1fr;gap:8px;padding:0}
#navigazione-menu .main-menu__inner-item--nameless .main-menu__inner-item--level2{border-radius:14px;background:var(--crema)}
#navigazione-menu .main-menu__inner-item--nameless .main-menu__inner-item--level2>.menu_container_sub{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 12px}
#navigazione-menu .main-menu__inner-item--nameless .menu-image{width:30px;height:30px;justify-content:center}
#navigazione-menu .main-menu__inner-item--nameless .menu-image img{width:28px;height:28px;object-position:center}
#navigazione-menu .main-menu__inner-item--nameless .main-menu__inner-link{font:400 14.5px/1.3 Archivo,sans-serif;color:var(--ink);overflow-wrap:break-word}
}
.nav-event { --evt: #8A3B47; }
.nav-event.evt-red { --evt: #A71E32; }
.nav-event.evt-black { --evt: #111111; }
/* Stripe Express */
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.box-tocart .action.tocart.payment-request-button
{
padding: 0;
}
:root {
--stripe-payment-button-min-width: 248px;
}
.payment-request-button {
min-width: var(--stripe-payment-button-min-width);
height: auto;
}
.payment-request-button.disabled,
.payment-request-button.disabled * {
pointer-events: none !important;
}
.payment-request-button.disabled {
opacity: 0.5;
filter: grayscale(50%);
}
.catalog-product-view .payment-request-button {
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.catalog-product-view .payment-request-button {
margin-right: 1%;
width: 49%;
}
}
.stripe-payments-express-minicart {
margin-top: 15px;
}
.stripe-payments-express-minicart .payment-request-button, .payment-request-button.cart {
width: 100% !important;
}
.cart-summary .stripe-payments-express-minicart {
margin-top: 0;
margin-bottom: 25px;
}
.block-bundle-summary .box-tocart .actions .payment-request-button {
min-width: var(--stripe-payment-button-min-width);
}.shake-and-hide-element{-moz-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-o-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes shake-element{0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@-webkit-keyframes shake-element{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes hide-element{to{width:0;height:0;padding:0;margin:0;overflow:hidden}}@-webkit-keyframes hide-element{to{width:0;height:0;padding:0;margin:0;visibility:hidden}}.warning-icon{width:20%;max-width:30px;font-size:21px;display:inline-block;vertical-align:middle}
.trustbox-message-text{width:80%;display:inline-block;vertical-align:middle}.trustbox-message-box{background-color:#fcf8e3;color:#8a6d3b;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid;border-color:#faebcc}/* Why: filtri di listing nello stile del menu mobile (proposta B scelta dal CEO 17 ott 2026) in un file statico, perché lo styles.css committato è stale e non ha le classi Tailwind nuove. */
.itv-flt, .itv-flt-d { --crema: #F3EBE2; --bord: #8A3B47; --ink: #2E1418; --muted: #6B4A50; --hair: #E2D2C2; }
.itv-flt { background: var(--crema); }
.itv-flt > div { border-color: var(--hair); }
.itv-flt [role=tab][aria-selected=true] { background: var(--bord); border-color: var(--bord); }
.itv-flt__body { padding: 14px 16px 24px; }
.itv-flt__lead { margin: 4px 2px 12px; font: italic 400 21px/1.2 Lora, serif; color: var(--ink); }
.itv-flt__card { margin: 0 0 10px; padding: 0 16px; border-radius: 18px; background: #fff; box-shadow: 0 6px 16px -12px rgba(46, 20, 24, .55); }
.itv-flt__head { display: flex; align-items: center; gap: 12px; width: 100%; padding: 16px 0; text-align: start; cursor: pointer; }
.itv-flt__ico { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.itv-flt__ico img { width: 40px; height: 40px; object-fit: contain; }
.itv-flt__ico--txt { border-radius: 50%; border: 1px solid rgba(138, 59, 71, .4); font: italic 500 20px/1 Lora, serif; color: var(--bord); }
.itv-flt__title { flex: 1; display: block; font: 500 19px/1.15 Lora, serif; color: var(--ink); text-transform: none; letter-spacing: normal; }
.itv-flt__hint { display: block; margin-top: 4px; font: 400 13px/1.35 Archivo, sans-serif; color: var(--muted); }
.itv-flt__hint:empty { display: none; }
.itv-flt__hint.is-on { color: var(--bord); font-weight: 600; }
.itv-flt__chev { flex: none; box-sizing: content-box; width: 14px; height: 14px; padding: 8px; border-radius: 50%; background: var(--crema); color: var(--bord); }
.itv-flt__price { padding-bottom: 18px; }
.itv-flt__price .itv-flt__head { padding: 16px 0 10px; cursor: default; }
.itv-flt__card a { border-color: var(--hair); }
.itv-flt-d { margin-top: var(--itv-flt-top, 0px); padding: 16px; border-radius: 18px; background: var(--crema); }
.itv-flt-d .itv-flt__card { padding: 0 16px; }
.itv-flt-d .itv-flt__card:last-child { margin-bottom: 0; }
.itv-flt-d .itv-flt__on { padding: 14px 16px 16px; }
.itv-flt__on-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.itv-flt__on .itv-flt__title { flex: none; font-size: 17px; font-weight: 500; }
.itv-flt__clr { font: 600 13px/1 Archivo, sans-serif; color: var(--bord); text-decoration: underline; text-underline-offset: 3px; }
.itv-flt__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.itv-flt__chip { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px 0 14px; border: 1px solid var(--bord); border-radius: 999px; background: #fff; color: var(--bord); font: 500 15px/1 Lora, serif; transition: background-color .2s, color .2s; }
.itv-flt__chip:hover { background: var(--bord); color: #fff; }
/* Why: winery experiences band in the filters' cream style, in a static file because the committed styles.css is stale. */
.itv-cexp { --crema: #F3EBE2; --bord: #8A3B47; --ink: #2E1418; --muted: #6B4A50; margin: 8px 0 28px; padding: 16px 0 18px; border-radius: 18px; background: var(--crema); font-family: Archivo, sans-serif; }
.itv-cexp__lead { display: flex; align-items: center; gap: 10px; margin: 0 16px 12px; font: italic 400 21px/1.2 Lora, serif; color: var(--ink); }
.itv-cexp__lead img { flex: none; width: 36px; height: 36px; }
.itv-cexp__lead small { display: block; margin-top: 2px; font: 400 13px/1.3 Archivo, sans-serif; color: var(--muted); }
.itv-cexp .itv-cexp__row { display: grid; grid-auto-flow: column; grid-auto-columns: 82%; gap: 12px; margin: 0; padding: 0 16px 6px; list-style: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding: 0 16px; scrollbar-width: none; }
.itv-cexp__row::-webkit-scrollbar { display: none; }
.itv-cexp__row > li { display: flex; scroll-snap-align: start; }
.itv-cexp__card { display: flex; flex-direction: column; width: 100%; overflow: hidden; border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 6px 16px -12px rgba(46, 20, 24, .55); transition: box-shadow .2s; }
.itv-cexp__card:hover { box-shadow: 0 10px 22px -12px rgba(46, 20, 24, .7); }
.itv-cexp__ph { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.itv-cexp__bd { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 12px 14px 14px; }
.itv-cexp__t { font: 500 18px/1.2 Lora, serif; }
.itv-cexp__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 13px; color: var(--muted); }
.itv-cexp__meta > span { display: inline-flex; align-items: center; gap: 5px; }
.itv-cexp__meta img { width: 18px; height: 18px; }
.itv-cexp__date { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--bord); }
.itv-cexp__date img { width: 18px; height: 18px; }
.itv-cexp__slider { position: relative; }
.itv-cexp__nav { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); }
.itv-cexp__nav--prev { left: -12px; }
.itv-cexp__nav--next { right: -12px; }
.itv-cexp__nav .ivn-arrow { box-shadow: 0 6px 16px -10px rgba(46, 20, 24, .6); }
.itv-cexp__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 4px; }
.itv-cexp__p { font-size: 13px; color: var(--muted); }
.itv-cexp__p b { font-size: 18px; font-weight: 600; color: var(--bord); }
.itv-cexp__go { display: inline-flex; flex: none; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border: 1px solid #C0A481; border-radius: 6px; background: #fff; color: #333; font-size: 12px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; white-space: nowrap; transition: background-color .15s, border-color .15s, color .15s; }
.itv-cexp__card:hover .itv-cexp__go { border-color: var(--bord); background: var(--bord); color: #fff; }
@media (min-width: 768px) {
.itv-cexp { padding: 22px 0 22px; }
.itv-cexp__lead { margin: 0 22px 16px; font-size: 24px; }
.itv-cexp .itv-cexp__row { grid-auto-columns: calc((100% - 32px) / 2.3); gap: 16px; padding: 0 22px 6px; scroll-padding: 0 22px; }
}
@media (min-width: 1024px) {
.itv-cexp .itv-cexp__row { grid-auto-columns: calc((100% - 48px) / 4); }
.itv-cexp--many .itv-cexp__row { grid-auto-columns: calc((100% - 48px) / 4.3); }
}