/* Catalogo Chincana V0.1 — isolamento dalle pagine approvate */
.catalog-page{background:var(--cream);color:var(--ink)}
.catalog-page .site-header{background:var(--deep)}
.catalog-page .site-header .desktop-nav a,.catalog-page .site-header .mobile-nav a{color:var(--cream)}
.catalog-page .site-header .desktop-nav a[aria-current="page"],.catalog-page .site-header .mobile-nav a[aria-current="page"]{color:var(--gold)}
@media(hover:hover) and (pointer:fine){.catalog-page .site-header .desktop-nav a:hover,.catalog-page .site-header .mobile-nav a:hover{color:var(--gold)}}
.catalog-intro{padding:clamp(175px,17vw,260px) 0 74px;background:#e9ebdf}
.catalog-intro h1,.detail h1{font:400 clamp(47px,7vw,104px)/1.16 var(--serif);letter-spacing:-.055em;margin:20px 0 45px}
.catalog-intro h1 em,.detail h1 em{color:#73866b}
.catalog-intro-bottom{display:flex;gap:35px;justify-content:space-between;align-items:end;border-top:1px solid #bfc7ba;padding-top:26px}
.catalog-intro-bottom>p{max-width:600px;font-size:clamp(16px,1.45vw,20px);line-height:1.8;margin:0;color:#536454}
.catalog-count{white-space:nowrap;font:400 29px var(--serif);color:#334d3b}.catalog-count i{font:600 10px var(--sans);font-style:normal;letter-spacing:.1em}.catalog-divider{color:#9fae9d;margin:0 14px}
.catalog-section{padding:55px 0 140px}
.catalog-tabs{display:flex;gap:clamp(22px,5vw,75px);border-bottom:1px solid #bfc8b8;margin-bottom:30px}
.catalog-tab{border:0;background:transparent;padding:19px 0 22px;position:relative;cursor:pointer;color:#627062;font:600 clamp(15px,1.25vw,18px)/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:left}
.catalog-tab span{font:600 11px var(--sans);vertical-align:super;margin-left:8px;letter-spacing:.08em}
.catalog-tab[aria-selected="true"]{color:var(--ink)}.catalog-tab[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#a28c52}
.catalog-tab:focus-visible,.catalog-card:focus-visible,.detail-back:focus-visible{outline:2px solid #7a753d;outline-offset:5px}
.catalog-panel[hidden],.detail[hidden],#catalog-list[hidden]{display:none!important}
.catalog-panel-intro{font-size:16px;line-height:1.8;color:#6d786b;max-width:560px;margin:0 0 42px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(15px,2.3vw,35px);row-gap:65px}
.catalog-card{display:block;color:inherit;text-decoration:none;min-width:0}
.catalog-image{height:clamp(285px,29vw,445px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e5e9dd;position:relative}
.catalog-image img{height:88%;width:90%;object-fit:contain;transition:transform .45s ease}
@media (hover:hover) and (pointer:fine){.catalog-card:hover img{transform:translateY(-9px) scale(1.035)}.catalog-card:hover .catalog-card-meta>span:last-child{transform:translate(4px,-4px)}}
.catalog-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-top:19px;color:#627062;font-size:clamp(12px,.94vw,13px);font-weight:500;letter-spacing:.08em;line-height:1.45;text-transform:uppercase}
.catalog-card-meta>span:last-child{font-size:22px;line-height:1;transition:transform .3s ease;color:#7e7b57;flex:0 0 auto;margin-top:-2px}
.catalog-card h3{font:400 clamp(23px,2.05vw,33px)/1.2 var(--serif);margin:10px 0 0}
.catalog-pending{height:85%;width:83%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #a5b5a5;background:linear-gradient(140deg,#d3dfce,#e8ecdf);color:#49604b;text-align:center;padding:15px}
.catalog-pending span{font:400 clamp(20px,2vw,30px) var(--serif)}.catalog-pending small{font:500 10px var(--sans);letter-spacing:.07em;text-transform:uppercase}
.catalog-closing{background:var(--deep);color:var(--cream);text-align:center;padding:110px 20px 130px}.catalog-closing h2{font:400 clamp(38px,4.6vw,67px)/1.3 var(--serif);margin:15px 0 36px}.catalog-closing h2 em{color:#cbbf9e}
.catalog-closing .outline-button{border-color:var(--gold);color:var(--cream)}
.detail{padding:clamp(135px,13vw,210px) 0 130px;min-height:75vh}.detail-back{display:inline-block;margin-bottom:48px;text-decoration:none;color:#506751;font-size:14px}
.detail-grid{display:grid;grid-template-columns:minmax(0,51%) minmax(0,49%);gap:clamp(25px,6vw,95px);align-items:center}
.detail-visual{background:#e5e9dd;display:grid;place-items:center;min-height:550px;padding:30px}.detail-visual img{height:500px;width:100%;object-fit:contain}.detail-visual .catalog-pending{height:440px}
.detail h1{font-size:clamp(42px,4.8vw,73px);margin:13px 0 28px}.detail-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#576958;max-width:520px}.detail-note{font-size:14px!important}.detail-copy .outline-button{margin-top:25px}.detail-copy{min-width:0}
.catalog-page .mobile-nav[hidden]{display:none}
@media(max-width:800px){.catalog-intro{padding:clamp(145px,37vw,200px) 0 55px}.catalog-intro h1{font-size:clamp(44px,10vw,70px);margin-bottom:32px}.catalog-intro-bottom{display:block}.catalog-count{display:block;margin-top:28px;font-size:22px}.catalog-tabs{justify-content:center;gap:20px}.catalog-tab{font-size:clamp(12px,3.2vw,14px);letter-spacing:.12em;padding:16px 0 18px}.catalog-tab span{font-size:9px;margin-left:4px}.catalog-section{padding:28px 0 85px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}.catalog-image{height:auto;aspect-ratio:3/4}.catalog-card h3{font-size:clamp(20px,5vw,28px)}.catalog-card-meta{font-size:10.5px;padding-top:14px;line-height:1.42}.catalog-pending span{font-size:clamp(15px,4vw,23px)}.catalog-pending small{font-size:8px}.catalog-closing{padding:85px 10px}.detail{padding:130px 0 75px}.detail-grid{grid-template-columns:1fr;gap:28px}.detail-back{margin-bottom:25px}.detail-copy{order:-1}.detail-visual{min-height:0;aspect-ratio:auto;padding:20px;max-height:380px}.detail-visual img{height:320px;max-height:100%;width:100%}.detail-visual .catalog-pending{height:85%}.detail h1{font-size:clamp(38px,9vw,58px)} }
@media(max-width:390px){.catalog-tab{font-size:14px}.catalog-tab span{display:none}}
@media(prefers-reduced-motion:reduce){.catalog-image img,.catalog-card-meta span{transition:none!important}}

@media(max-width:640px){.catalog-card-meta>span:first-child{max-width:calc(100% - 28px)}.detail-grid{align-items:start}.detail-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}.detail-copy .outline-button{width:100%;justify-content:center}.detail-visual{max-height:340px}.detail-visual img{height:280px}}

/* V0.3 — catalogo prodotti: immagini 1000x2000 PNG e schede editoriali */
.catalog-card .catalog-image img{object-fit:contain;object-position:center;max-height:100%}
.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.detail-visual{min-width:0;overflow:hidden;align-self:start}
.detail-visual img{display:block;max-width:100%;object-fit:contain}
.detail-copy h1{margin:0 0 18px}
.detail-copy .detail-category{margin:0 0 28px;color:#6b765e;font-size:clamp(13px,1.2vw,16px);font-weight:600;line-height:1.55;letter-spacing:.04em}
.detail-copy .detail-description{color:#354d3f;font-size:clamp(16px,1.3vw,19px);line-height:1.85;margin:0 0 30px}
.detail-fact{padding:17px 0;border-top:1px solid #ccd3c7}
.detail-fact h2{font:600 12px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#7c7051;margin:0 0 7px}
.detail-fact p{font-size:15px;line-height:1.7;margin:0;color:#4f6253}
.detail-copy .outline-button{margin-top:27px}
@media(max-width:800px){.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-copy{order:0}.detail-visual{order:-1;max-height:none;min-height:0;aspect-ratio:auto;display:flex;justify-content:center;align-items:center;padding:12px 16px;background:#e5e9dd}.detail-visual img{width:auto;height:clamp(215px,62vw,350px);max-height:none;max-width:100%;object-fit:contain}.detail{padding:clamp(115px,28vw,150px) 0 75px}.detail-back{margin-bottom:18px}.detail-grid{gap:24px}.detail-copy h1{font-size:clamp(36px,9vw,58px);margin-bottom:14px}.detail-copy .detail-category{font-size:13px}.detail-copy .detail-description{font-size:16px;line-height:1.72}}
@media(max-width:640px){.detail-visual{max-height:none}.detail-visual img{height:clamp(215px,62vw,310px)}.detail-copy .outline-button{width:100%}}

/* V0.6 — anchor del catalogo sotto la barra di navigazione */
#collezione{scroll-margin-top:110px}
@media(max-width:800px){#collezione{scroll-margin-top:82px}}

/* V0.8: controllo dello scroll esclusivamente durante il ritorno al catalogo. */
html.catalog-returning { scroll-behavior: auto !important; }
.catalog-tabs { position: relative; z-index: 1; }

/* V1.8.2 — media gallery controls do not occupy document flow. */
.detail-visual{position:relative}
.detail-gallery-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:2;background:rgba(248,249,244,.95);border-radius:30px;padding:3px 6px;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.detail-gallery-arrow{width:33px;height:33px;display:grid;place-items:center;border:0;background:transparent;color:#26382a;font-size:27px;line-height:1;cursor:pointer;border-radius:50%}
.detail-gallery-arrow:hover{background:#e1e4d9}
.detail-gallery-arrow:focus-visible,.detail-quality-mark:focus-visible{outline:2px solid #9e7226;outline-offset:3px}
.detail-gallery-label{font:600 12px var(--sans);white-space:nowrap;color:#1c2a20;min-width:45px;text-align:center}
.detail-quality-mark{position:absolute;right:18px;bottom:18px;z-index:2;width:82px;height:70px;display:flex;justify-content:center;align-items:center;text-decoration:none}
.detail-quality-mark img{width:auto!important;height:auto!important;max-width:100%!important;max-height:50px!important;object-fit:contain}
@media(max-width:800px){.detail-quality-mark{right:7px;bottom:7px;width:67px;height:58px}.detail-quality-mark img{max-height:43px!important}.detail-gallery-controls{bottom:6px}}
.catalog-tab[aria-selected="false"]:before{content:"";position:absolute;inset:3px -10px 6px;border:1px solid rgba(162,140,82,.42);border-radius:7px;pointer-events:none}
.catalog-tabs.tabs-discovered #catalog-tab-aromi[aria-selected="false"]:before{animation:ch-outline-in 900ms ease-out both}
@keyframes ch-outline-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.catalog-tabs.tabs-discovered #catalog-tab-aromi:before{animation:none}}
/* Final gallery positioning: arrows on lateral gutters; avoid product base overlap. */
.detail-gallery-controls{inset:0;left:0;right:0;top:0;bottom:0;transform:none;background:transparent;box-shadow:none;padding:0;pointer-events:none;display:block}
.detail-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;background:rgba(248,249,244,.94);box-shadow:0 1px 7px rgba(0,0,0,.09)}
.detail-gallery-arrow:first-child{left:9px}.detail-gallery-arrow:last-child{right:9px}
.detail-gallery-label{position:absolute;bottom:12px;left:13px;background:rgba(248,249,244,.96);border-radius:30px;padding:7px 11px;pointer-events:none}
@media(max-width:800px){.detail-gallery-label{bottom:6px;left:7px;padding:5px 9px}.detail-gallery-arrow:first-child{left:4px}.detail-gallery-arrow:last-child{right:4px}}

/* V1.8.3: visually balance the rectangular EU organic logo */
.detail-quality-mark.is-organic img{max-height:35px!important;}
@media(max-width:800px){.detail-quality-mark.is-organic img{max-height:29px!important;}}

/* V1.8.3 R2 — solo catalogo desktop: tab più vicine, mobile invariato. */
@media(min-width:801px){.catalog-tabs{gap:clamp(20px,2.5vw,36px)}}