/* Componenti IKEKI — conversione statica di _ds_bundle.js */

/* Icone (Lucide inline, tratto 1.25) */
.icon{display:inline-flex;flex:none;width:20px;height:20px}
.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.icon--14{width:14px;height:14px}
.icon--18{width:18px;height:18px}

/* Button — primary | secondary | inverse | ghost · sm | md | lg */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;border:1px solid var(--ik-black);border-radius:0;background:var(--ik-black);color:var(--ik-white);font:700 11px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--dur-base) var(--ease-out)}
.btn:hover{background:var(--ik-white);color:var(--ik-black)}
.btn:active{opacity:.85}
.btn[disabled],.btn.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.btn--sm{padding:10px 20px;font-size:10px}
.btn--lg{padding:20px 44px;font-size:12px}
.btn--secondary{background:transparent;color:var(--ik-black)}
.btn--secondary:hover{background:var(--ik-black);color:var(--ik-white)}
.btn--inverse{background:transparent;color:var(--ik-white);border-color:var(--ik-white)}
.btn--inverse:hover{background:var(--ik-white);color:var(--ik-black)}
.btn--ghost{padding:8px 0;background:transparent;color:var(--ik-black);border-color:transparent}
.btn--ghost:hover{background:transparent;color:var(--ik-stone-600)}

/* Chip */
.chip{padding:9px 18px;border-radius:var(--radius-pill);border:1px solid var(--border-hairline);background:transparent;color:var(--fg-1);font:700 10px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}
.chip.is-selected{border-color:var(--ik-black);background:var(--ik-black);color:var(--ik-white)}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:transparent;transition:background var(--dur-base) var(--ease-out)}
.site-header.is-scrolled,.site-header.is-open{background:var(--ik-lacquer)}
.site-header__bar{height:var(--header-h);display:flex;align-items:center;gap:40px;padding:0 var(--gutter);border-bottom:1px solid rgba(255,255,255,.2);color:var(--ik-white)}
.site-header__logo img{height:30px;width:auto}
.site-nav{display:flex;gap:32px;margin-left:auto}
.site-nav a,.site-header__lang{font:700 10px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ik-white)}
.site-nav a{padding-bottom:4px;border-bottom:1px solid transparent}
.site-nav a:hover{color:var(--ik-stone-400)}
.site-nav a[aria-current="page"]{border-bottom-color:currentColor}
.site-header__tools{display:flex;gap:20px;align-items:center}
.lang-switch{display:flex;gap:4px;align-items:center;font:700 10px var(--font-display);letter-spacing:var(--ls-label)}
.lang-switch>*{padding:6px 4px}
.lang-switch a{color:var(--ik-stone-400)}
.lang-switch a:hover{color:var(--ik-white)}
.lang-switch__current{color:var(--ik-white)}
.lang-switch>*+*::before{content:"/";margin-right:8px;color:var(--ik-stone-600)}
.icon-btn{display:inline-flex;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.site-header__toggle{display:none}
.mobile-nav{display:none}

@media (max-width:860px){
  .site-nav{display:none}
  .site-header__tools{margin-left:auto}
  .site-header__toggle{display:inline-flex}
  .mobile-nav{display:grid;gap:28px;align-content:start;position:fixed;inset:var(--header-h) 0 0;padding:var(--sp-8) var(--gutter);background:var(--ik-lacquer);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out),visibility var(--dur-base)}
  .site-header.is-open .mobile-nav{opacity:1;visibility:visible}
  .mobile-nav a{font:700 22px var(--font-display);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--ik-white)}
}

/* Footer */
.site-footer{background:var(--ik-black);color:var(--ik-white);padding:var(--sp-9) var(--gutter) var(--sp-6);border-top:1px solid var(--ik-stone-800)}
.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.site-footer__logo{height:56px;width:auto}
.site-footer__title{font:700 10px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ik-stone-400);margin-bottom:16px}
.site-footer__col a{display:block;font:300 15px/2 var(--font-body);color:var(--ik-white)}
.site-footer__col a:hover{color:var(--ik-stone-400)}
.site-footer__note{display:block;margin-top:8px;font:300 13px/1.5 var(--font-body);color:var(--ik-stone-400)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:var(--sp-9);padding-top:24px;border-top:1px solid var(--ik-stone-800);font:300 13px var(--font-body);color:var(--ik-stone-400)}
.site-footer__bottom a{color:inherit}
.site-footer__bottom a:hover{color:var(--ik-white)}
@media (max-width:860px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}}

/* ProductCard */
.product-card{display:grid;gap:16px;color:var(--fg-1)}
.product-card:hover{color:var(--fg-1)}
.product-card__media{aspect-ratio:4/5;overflow:hidden;background:var(--bg-alt)}
.product-card--dark .product-card__media{background:var(--ik-black)}
.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}
.product-card:hover .product-card__media img{transform:scale(1.03)}
.product-card__body{display:grid;gap:6px}
.product-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.product-card__name{font:700 16px var(--font-display);letter-spacing:var(--ls-display)}
.product-card__meta{font:300 13px var(--font-body);color:var(--fg-2)}
.product-card__type{font:300 15px var(--font-body);color:var(--fg-2)}

/* FinishSwatch */
.swatch{display:block;width:36px;height:36px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.swatch--bianco{--swatch:var(--ik-bianco)}
.swatch--nero{--swatch:var(--ik-nero)}
.swatch--giallo{--swatch:var(--ik-giallo)}
.swatch--verde{--swatch:var(--ik-verde)}
.swatch--arancio{--swatch:var(--ik-arancio)}
.swatch--rosso{--swatch:var(--ik-rosso)}
.swatch-ring{display:grid;padding:4px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ik-stone-600)}
.swatch-list{display:flex;gap:20px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.swatch-item{display:grid;justify-items:center;gap:10px}
.swatch-label{font:700 9px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-2)}

/* Form (per la pagina contatti) */
.field{display:grid;gap:8px}
.field__label{font:700 10px var(--font-display);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-2)}
.field__input,.field__select,.field__textarea{width:100%;border:0;border-bottom:1px solid var(--border-hairline);border-radius:0;padding:12px 0;font:300 17px var(--font-body);background:transparent;color:var(--fg-1);outline:none;transition:border-color var(--dur-fast)}
.field__input:focus,.field__select:focus,.field__textarea:focus{border-bottom-color:var(--fg-1)}
.field__textarea{resize:vertical;min-height:120px}
.field__select{appearance:none;padding-right:24px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9a69e' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right center}
.field__error{font:300 13px var(--font-body);color:var(--ik-error)}
.field.has-error .field__label{color:var(--ik-error)}
.field.has-error .field__input{border-bottom-color:var(--ik-error)}
.checkbox{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font:300 14px/1.5 var(--font-body);color:var(--fg-1)}
.checkbox input{appearance:none;flex:none;width:16px;height:16px;margin:2px 0 0;border:1px solid var(--fg-1);border-radius:0;display:grid;place-items:center;cursor:pointer}
.checkbox input:checked{background:var(--fg-1)}
.checkbox input:checked::after{content:"";width:6px;height:6px;background:var(--bg-page)}