/*
Theme Name: Luxury Watch Home Admin V6
Version: 1.0
Description: Tema luxury con tutti i testi e immagini modificabili da admin, numero WhatsApp preimpostato e area contenuti compatibile con Elementor.
*/
:root{
  --bg:#070707; --gold:#d4af37; --gold2:#f0dc8a; --text:#f7f1e3; --line:rgba(212,175,55,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 24%),
    linear-gradient(180deg,#050505 0%,#090909 40%,#0e0e0e 100%);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container,.header-inner{width:min(1240px,calc(100% - 32px));margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(7,7,7,.82);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)
}
.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:76px}
.site-branding a{font-size:26px;font-weight:800;letter-spacing:.06em;color:var(--gold2)}
.top-nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}
.top-nav a:hover{color:var(--gold)}
.hero{padding:92px 0 60px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.hero h1{font-size:clamp(36px,5vw,66px);line-height:1.03;margin:0 0 18px}
.hero p{font-size:clamp(17px,2vw,21px);color:#eadba7;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 22px;border-radius:999px;border:1px solid var(--gold);font-weight:700;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(212,175,55,.2)}
.btn-primary{background:linear-gradient(180deg,#efd989,#d4af37);color:#111}
.btn-secondary{background:rgba(255,255,255,.03)}
.hero-badges,.brand-row,.trust-grid{display:grid;gap:14px}
.hero-badges{grid-template-columns:repeat(4,minmax(0,1fr))}
.badge-card,.brand-pill,.step-card,.trust-item,.panel,.mini-card,.cta-card,.extra-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:0 18px 50px rgba(0,0,0,.38);
}
.badge-card,.brand-pill,.trust-item{padding:16px;border-radius:18px;text-align:center;color:#eadba7}
.badge-card:hover,.brand-pill:hover,.trust-item:hover,.step-card:hover,.catalog-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.55)}
.hero-visual{position:relative}
.panel{border-radius:30px;overflow:hidden}
.hero-image,.preview-image,.catalog-thumb{background-size:cover;background-position:center}
.hero-image{aspect-ratio:4/4.6}
.float-badge{
  position:absolute;right:22px;bottom:22px;background:rgba(9,9,9,.86);
  border:1px solid rgba(212,175,55,.45);padding:18px 20px;border-radius:20px;
  animation:floatY 4s ease-in-out infinite
}
.float-badge small{display:block;color:#e5cf82;margin-bottom:6px}.float-badge strong{font-size:28px}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.section{padding:34px 0}
.section-title{font-size:clamp(28px,4vw,44px);margin:0 0 10px;line-height:1.08}
.section-lead{color:#e2d5aa;max-width:860px;margin:0 0 24px}
.brand-row{grid-template-columns:repeat(6,minmax(0,1fr))}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.step-card{padding:24px;border-radius:24px;transition:transform .22s ease,border-color .22s ease}
.step-no{
  width:44px;height:44px;border-radius:999px;display:grid;place-items:center;
  background:linear-gradient(180deg,#f0dc8a,#d4af37);color:#111;font-weight:800;margin-bottom:14px
}
.step-card h3{margin:0 0 10px;font-size:22px}.step-card p{margin:0;color:#dbc98f}
.catalog-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.filter-chip{padding:10px 14px;border-radius:999px;border:1px solid var(--line);color:#e9d98f;background:rgba(255,255,255,.03)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.catalog-card{
  overflow:hidden;border-radius:22px;border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  box-shadow:0 18px 50px rgba(0,0,0,.38);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.catalog-thumb{aspect-ratio:1/1}
.catalog-body{padding:16px}.catalog-body h3{margin:0 0 8px;font-size:20px}.catalog-meta{color:#e5cf82;margin-bottom:10px}
.mini-card{border-radius:24px;overflow:hidden}
.preview-image{aspect-ratio:4/3.9}
.preview-content{padding:24px}.price{font-size:34px;font-weight:800;margin:6px 0 10px}.ref{color:#ebd58a;margin-bottom:14px}
.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.trust-item strong{display:block;margin-bottom:8px}.trust-item span{color:#dbc98f}
.cta-card{padding:32px;border-radius:32px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.cta-card p{color:#eadba7}.cta-side{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.home-extra-content{padding:10px 0 20px}
.home-extra-content .extra-card{padding:24px;border-radius:28px}
.site-footer{border-top:1px solid var(--line);margin-top:28px}.footer-inner{padding:28px 0;color:#cfc084}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media (max-width:1080px){.hero-grid,.catalog-shell,.cta-card{grid-template-columns:1fr}}
@media (max-width:820px){.top-nav{display:none}.hero-badges,.brand-row,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.catalog-grid{grid-template-columns:1fr}}
@media (max-width:560px){.hero{padding-top:68px}.hero-actions{flex-direction:column}.hero-badges,.brand-row,.trust-grid{grid-template-columns:1fr}}