/* Pagine interne (collezione, prodotto, rivenditori, contatti, progetto, legali) */

.site-header--solid{background:var(--ik-lacquer)}
.page{padding-top:var(--header-h)}

/* Pulsanti su fondo scuro: primary e ghost invertiti */
.theme-dark .btn--primary{background:var(--ik-white);color:var(--ik-black);border-color:var(--ik-white)}
.theme-dark .btn--primary:hover{background:transparent;color:var(--ik-white)}
.theme-dark .btn--ghost{color:var(--ik-white)}
.theme-dark .btn--ghost:hover{color:var(--ik-stone-400)}
.theme-dark .chip:hover{border-color:var(--ik-stone-600)}
.theme-dark .chip.is-selected{background:var(--ik-white);color:var(--ik-black);border-color:var(--ik-white)}

/* Intestazione di pagina */
.page-head{padding:var(--sp-9) var(--gutter) var(--sp-8);display:grid;gap:20px}
.page-head--split{grid-template-columns:1fr 1fr;align-items:end;gap:var(--sp-8)}
.page-head .lead{max-width:760px}
.h1{font:700 clamp(28px,4.5vw,56px)/1.05 var(--font-display);letter-spacing:.05em}
.h3{font:700 clamp(18px,1.6vw,22px)/1.2 var(--font-display);letter-spacing:.06em}

/* Breadcrumb */
.breadcrumb{padding:var(--sp-6) var(--gutter) 0}
.contact__body .breadcrumb{padding:0}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font:300 13px var(--font-body);color:var(--fg-2)}
.breadcrumb li+li::before{content:"/";margin-right:8px;color:var(--ik-stone-600)}
.breadcrumb a{color:var(--fg-2)}
.breadcrumb a:hover{color:var(--fg-1)}
.breadcrumb [aria-current]{color:var(--fg-1)}
.page-head{padding-top:var(--sp-8)}

/* Blocco di testo: titolo a sinistra, paragrafi a destra */
.text-block{padding:var(--sp-10) var(--gutter);border-top:1px solid var(--ik-stone-800);display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-8)}
.text-block__body{display:grid;gap:20px;max-width:760px}
.text-block__body p{font:300 clamp(18px,1.6vw,21px)/1.6 var(--font-body);color:var(--fg-2)}

/* Collezione */
.chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 var(--gutter);margin-bottom:var(--sp-7)}
.collection-grid{padding:0 var(--gutter) var(--sp-10);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-7) var(--sp-6)}
.collection-grid>[hidden]{display:none}
.product-card--contain .product-card__media{background:var(--ik-white)}
.product-card--contain .product-card__media img{object-fit:contain;padding:12%}

.finishes{padding:var(--sp-10) var(--gutter);border-top:1px solid var(--ik-stone-800);display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-8)}
.finishes__intro{display:grid;gap:24px;align-content:start}
.finishes__groups{display:grid;gap:var(--sp-7)}
.finishes__group{display:grid;gap:20px}
.finishes__group .swatch-list{gap:28px}

/* Nome finitura (bicolore: ogni metà nel proprio colore) */
.finish-name{font:700 12px var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.finish-name--lg{font-size:14px}
.fn-bianco{color:var(--ik-white)}
.fn-nero{color:var(--ik-nero);-webkit-text-stroke:.6px var(--ik-stone-400)}
.fn-giallo{color:var(--ik-giallo)}
.fn-verde{color:var(--ik-verde)}
.fn-arancio{color:var(--ik-arancio)}
.fn-rosso{color:var(--ik-rosso)}

/* Campioni bicolore */
.swatch--neroarancio{--swatch:linear-gradient(90deg,var(--ik-nero) 50%,var(--ik-arancio) 50%)}
.swatch--bianconero{--swatch:linear-gradient(90deg,var(--ik-bianco) 50%,var(--ik-nero) 50%)}
.swatch--verdegiallo{--swatch:linear-gradient(90deg,var(--ik-verde) 50%,var(--ik-giallo) 50%)}
.swatch--aranciobianco{--swatch:linear-gradient(90deg,var(--ik-arancio) 50%,var(--ik-bianco) 50%)}
.swatch--sm{width:32px;height:32px}

/* Selettore finitura (pagina prodotto) */
.finish-picker{display:flex;gap:4px;flex-wrap:wrap}
.swatch-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:border-color var(--dur-fast)}
.swatch-btn:hover{border-color:var(--ik-stone-600)}
.swatch-btn[aria-pressed="true"]{border-color:var(--ik-white)}

/* Prodotto */
.product{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.product__gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;align-content:start;background:var(--ik-black)}
.product__gallery figure{margin:0;aspect-ratio:1/1;overflow:hidden;background:var(--ik-stone-800)}
.product__gallery img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}
.product__gallery figure:hover img{transform:scale(1.03)}
.product__gallery--single{grid-template-columns:1fr;background:var(--ik-white);padding:var(--sp-8)}
.product__gallery--single figure{aspect-ratio:auto;background:var(--ik-white)}
.product__gallery--single img{object-fit:contain}
.product__info{padding:var(--sp-9) var(--gutter);display:grid;gap:32px;align-content:start;position:sticky;top:var(--header-h);align-self:start}
.product__text{font:300 19px/1.6 var(--font-body);color:var(--fg-2);max-width:460px}
.product__finish{display:grid;gap:14px}
.product__finish-label{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.product__actions{display:flex;gap:12px;flex-wrap:wrap}

.measures{display:grid}
.measure{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--border-hairline)}
.measure__label{font:300 15px var(--font-body);color:var(--fg-2)}
.measure__value{font:400 15px var(--font-display);letter-spacing:.05em}

.sheet{padding:var(--sp-9) var(--gutter);background:var(--ik-white);color:var(--ik-black)}
.sheet .eyebrow{color:var(--ik-stone-600);margin-bottom:24px}
.sheet img{width:100%;height:auto;max-width:1600px;margin:0 auto}

.related{padding:var(--sp-9) var(--gutter) var(--sp-10);border-top:1px solid var(--ik-stone-800)}
.related .eyebrow{margin-bottom:32px}
.related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.related .product-card__media{aspect-ratio:1/1}

.product__title{display:grid;gap:16px;margin:0;font:inherit}
.product__title .h1{display:block}

/* Caratteristiche */
.features{padding:var(--sp-9) var(--gutter);border-top:1px solid var(--ik-stone-800)}
.features>.eyebrow{margin-bottom:var(--sp-7)}
.features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6)}
.feature-item{display:grid;gap:12px;align-content:start;padding-top:20px;border-top:1px solid var(--ik-stone-800)}
.feature-item p{color:var(--fg-2)}

/* FAQ */
.faq{padding:var(--sp-10) var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-8)}
.faq__list{border-top:1px solid var(--ik-stone-800)}
.faq__item{border-bottom:1px solid var(--ik-stone-800)}
.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font:400 clamp(17px,1.5vw,20px)/1.4 var(--font-body);color:var(--fg-1)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";flex:none;font:300 24px/1 var(--font-body);color:var(--fg-2);transition:transform var(--dur-base) var(--ease-out)}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item summary:hover{color:var(--ik-stone-400)}
.faq__item p{padding:0 0 24px;max-width:680px;color:var(--fg-2)}

/* Rivenditori */
.dealers{padding:0 var(--gutter) var(--sp-10);display:grid;gap:var(--sp-8)}
.dealer{display:grid;gap:20px}
.dealer__media{aspect-ratio:4.7/1;overflow:hidden;background:var(--bg-alt)}
.dealer__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}
.dealer:hover .dealer__media img{transform:scale(1.03)}
.dealer__row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.dealer__name{display:flex;gap:16px;align-items:center}
.dealer__title{font:700 18px var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.dealer__address{font-style:normal;color:var(--fg-2)}
.dealer__address a{color:var(--fg-2)}
.dealer__address a:hover{color:var(--fg-1)}
.dealers-cta{padding:var(--sp-9) var(--gutter);border-top:1px solid var(--ik-stone-800);display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}
.dealers-cta>div{display:grid;gap:20px;max-width:620px}

/* Contatti */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:calc(100vh - var(--header-h))}
.contact__media{display:grid;place-items:center;padding:var(--sp-8);background:var(--ik-white)}
.contact__media img{width:auto;max-height:70vh}
.contact__body{padding:var(--sp-9) var(--gutter);display:grid;gap:32px;align-content:start;max-width:720px}
.contact__direct{display:grid;gap:8px}
.contact__direct a{font:300 20px var(--font-body)}
.form{display:grid;gap:28px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__note{font:300 13px var(--font-body);color:var(--fg-2)}
.form__status{padding:20px 24px;border:1px solid var(--ik-stone-800);font:300 17px/1.5 var(--font-body)}
.form__status--ok{border-color:var(--ik-verde)}
.form__status--error{border-color:var(--ik-error)}
.theme-dark .field__select option{background:var(--ik-lacquer);color:var(--ik-white)}
.checkbox a{text-decoration:underline;text-underline-offset:3px}

/* Progetto */
.principles{padding:0 var(--gutter) var(--sp-10);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}
.principle{display:grid;gap:16px;align-content:start;padding-top:24px;border-top:1px solid var(--ik-stone-800)}
.principle__num{font:400 13px var(--font-display);letter-spacing:.1em;color:var(--fg-2)}
.principle p{color:var(--fg-2)}
.wide-image{height:70vh;min-height:360px;overflow:hidden;background:var(--ik-lacquer)}
.wide-image img{width:100%;height:100%;object-fit:cover}
.principles--flush{padding:0 0 var(--sp-10)}
.page-head__title{display:grid;gap:20px}

/* Testi legali */
.prose{padding:0 var(--gutter) var(--sp-10);max-width:820px;display:grid;gap:20px}
.prose h2{font:700 15px/1.4 var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-top:var(--sp-5)}
.prose p,.prose li{color:var(--fg-2)}
.prose ul{margin:0;padding-left:20px;display:grid;gap:8px}
.prose a{text-decoration:underline;text-underline-offset:3px}
.placeholder{color:var(--ik-giallo)}

/* 404 */
.not-found{min-height:calc(100vh - var(--header-h));display:grid;align-content:center;gap:28px;padding:var(--sp-9) var(--gutter)}

@media (max-width:1024px){
  .related__grid{grid-template-columns:1fr 1fr}
  .features__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .page-head--split,.finishes,.product,.contact,.principles,.text-block,.faq{grid-template-columns:1fr}
  .text-block,.faq{gap:var(--sp-6)}
  .product__info{position:static}
  .product__gallery--single{padding:var(--sp-6)}
  .related__grid,.features__grid{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
  .contact__media{padding:var(--sp-7)}
  .contact__media img{max-height:50vh}
  .dealer__media{aspect-ratio:2.4/1}
  .wide-image{min-height:45vh}
}
