/* UX/UI v2 - global mobile-first refinement */
:root{
  --ux-radius-sm: 10px;
  --ux-radius-md: 14px;
  --ux-radius-lg: 18px;
  --ux-shadow-sm: 0 6px 18px rgba(26,14,4,.08);
  --ux-shadow-md: 0 12px 28px rgba(26,14,4,.12);
  --ux-shadow-lg: 0 20px 40px rgba(26,14,4,.14);
}

body{line-height:1.65}
p{max-width:75ch}

/* Header polish */
.nav{border-bottom:1px solid rgba(90,60,20,.1)}
.nav-inner{max-width:1320px}
.nav-icon-btn,.nav-burger{min-width:44px;min-height:44px}
.mob-nav a{min-height:44px;display:flex;align-items:center}
.nav-logo{padding-right:.6rem}
.nav-lnk{font-size:.58rem;letter-spacing:.14em}

/* WhatsApp FAB class-based */
.fs-wa-fab{
  position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;width:56px;height:56px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:900;text-decoration:none;
  transition:transform .2s;
}
.fs-wa-fab:hover{transform:scale(1.08)}

/* Shop ergonomics */
.shop-hero{padding-top:calc(var(--nav-height) + 2.2rem) !important}
.shop-layout{padding-inline:clamp(12px, 2vw, 32px)}
.shop-topbar,.shop-topbar *{min-width:0}
.product-card{border-radius:var(--ux-radius-md);box-shadow:0 1px 0 rgba(26,14,4,.04)}
.product-card:hover{box-shadow:var(--ux-shadow-md)}
.product-body{padding:1.15rem}
.product-name{line-height:1.25}
.product-sub{min-height:2.9em}

/* Product details */
.prod-main{gap:clamp(1.2rem, 4vw, 4rem)}
.gallery-main-img,.g-thumb,.pi-actions .qty-wrap,.btn-add-large,.btn-wish{border-radius:var(--ux-radius-sm)}
.pi-trust,.rev-item,.related-section article{border-radius:var(--ux-radius-sm)}
.rev-item{box-shadow:var(--ux-shadow-sm)}
.related-section article{transition:transform .2s ease, box-shadow .2s ease}
.related-section article:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow-md)}

/* Checkout consistency */
.checkout-layout{padding-inline:clamp(12px, 2vw, 36px)}
.checkout-layout .payment-option,
.checkout-layout .order-summary,
.checkout-layout .checkout-section{
  border-radius:var(--ux-radius-md);
}
.checkout-layout .order-summary{box-shadow:var(--ux-shadow-sm)}
.checkout-hero h1{line-height:1.1}

/* Account usability */
.acc-shell{padding-inline:clamp(10px, 2vw, 24px)}
.acc-shell aside,.acc-shell main > div[style*="background:#fff"]{
  border-radius:var(--ux-radius-md);
}
.acc-shell aside{box-shadow:var(--ux-shadow-sm)}

/* Reduce visual clutter in inline-heavy templates */
[style*="letter-spacing:.2em"]{letter-spacing:.14em !important}
[style*="letter-spacing:.3em"]{letter-spacing:.18em !important}
[style*="font-size:.5rem"]{font-size:.56rem !important}

/* Generic responsive guards */
img{height:auto}
table{max-width:100%}
main{overflow-x:hidden}

/* Home premium cleanup */
.page-index .hero{
  border-bottom-left-radius:var(--ux-radius-lg);
  border-bottom-right-radius:var(--ux-radius-lg);
}
.page-index .ribbon,
.page-index .awards{
  border-radius:var(--ux-radius-md);
  margin-inline:clamp(8px, 2vw, 28px);
}
.page-index .cats,
.page-index .prods,
.page-index .terr,
.page-index .nl{
  margin-inline:clamp(6px, 2vw, 26px);
  border-radius:var(--ux-radius-lg);
}
.page-index .cats,
.page-index .terr,
.page-index .nl{box-shadow:var(--ux-shadow-sm)}
.page-index .pc:hover{box-shadow:var(--ux-shadow-lg)}

/* Shop mobile filter drawer polish */
.page-shop .shop-sidebar.mobile-open{
  border-top-right-radius:var(--ux-radius-md);
  border-bottom-right-radius:var(--ux-radius-md);
}

/* Prodotto readability */
.page-prodotto .pi-price{letter-spacing:-.01em}
.page-prodotto .rev-text{font-style:normal}
.page-prodotto .prod-tabs-nav{position:sticky;top:var(--nav-height);background:var(--cream);z-index:4}

/* Account improved navigation */
.page-account .acc-shell aside nav a{
  border-radius:8px;
}
.page-account .acc-shell aside nav a:hover{
  background:#f7f1e8 !important;
}

@media (max-width: 900px){
  .nav-inner{padding:0 12px}
  .shop-layout{gap:1rem}
  .shop-topbar{margin-bottom:1rem}
  .checkout-layout{gap:1rem}
  .prod-bc{padding-inline:12px !important}
  .prod-main{padding-inline:12px !important}
  .prod-tabs-wrap{padding-inline:12px !important}
  .related-section{padding-inline:12px !important}
  .page-index .ribbon,.page-index .awards,
  .page-index .cats,.page-index .prods,.page-index .terr,.page-index .nl{
    margin-inline:8px;
    border-radius:12px;
  }
  .page-index .awards{padding:1.2rem .9rem !important}
}

@media (max-width: 560px){
  :root{--ux-radius-sm:8px;--ux-radius-md:10px;--ux-radius-lg:12px}
  .section-title,.sec-tt,.cats-tt,.terr-tt,.nl-tt,.pi-name{line-height:1.16}
  .toast{max-width:calc(100vw - 16px)}
  .fs-wa-fab{width:52px;height:52px;bottom:14px;right:14px}
  .nav-lnk{font-size:.54rem}
  .page-shop .shop-mobile-tools{position:sticky;top:calc(var(--nav-height) + 6px);z-index:6;background:var(--cream);padding:.35rem 0}
  .page-prodotto .sticky-bar{padding:.7rem .8rem !important}
  .page-account .acc-shell aside nav{grid-template-columns:1fr !important}
}