/*
 * NovaTech visual system — "Signal Field"
 * This layer intentionally sits after the prior stylesheet so the former
 * visual version remains available as a quick fallback. Commerce logic stays
 * entirely in index.html.
 */

:root{
  --nt-bg:#f4f8fd;
  --nt-surface:#ffffff;
  --nt-surface-quiet:#edf4fb;
  --nt-surface-blue:#e6f1ff;
  --nt-ink:#071b38;
  --nt-ink-soft:#183454;
  --nt-muted:#60728a;
  --nt-primary:#135fda;
  --nt-primary-hover:#0a47ad;
  --nt-accent:#78c5ff;
  --nt-line:#d5e1ef;
  --nt-line-strong:#b7cce3;
  --nt-success:#11854d;
  --nt-warning:#9a6700;
  --nt-danger:#bf2e3a;
  --nt-radius-xs:7px;
  --nt-radius-sm:12px;
  --nt-radius-md:18px;
  --nt-radius-signal:4px 24px 4px 24px;
  --nt-space-1:0.5rem;
  --nt-space-2:0.75rem;
  --nt-space-3:1rem;
  --nt-space-4:1.5rem;
  --nt-space-5:2rem;
  --nt-space-6:3rem;
  --nt-space-7:4.5rem;
  --nt-shadow-1:0 12px 32px rgba(11,48,87,.08);
  --nt-shadow-2:0 24px 70px rgba(5,31,65,.16);
  --nt-display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html{scroll-padding-top:108px}
body{
  color:var(--nt-ink);
  background:
    linear-gradient(90deg,rgba(31,111,213,.035) 1px,transparent 1px) 0 0/84px 84px,
    linear-gradient(rgba(31,111,213,.025) 1px,transparent 1px) 0 0/84px 84px,
    var(--nt-bg);
  font-family:var(--nt-display);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body::selection{background:#b9ddff;color:var(--nt-ink)}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
a,button,summary{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5ab3ff;outline-offset:4px}
input:focus,select:focus{outline:3px solid rgba(19,95,218,.18);border-color:var(--nt-primary)}

/* Announcement and navigation */
.top{
  position:relative;
  overflow:hidden;
  padding:9px 16px;
  background:linear-gradient(90deg,#04162d 0%,#0a2b57 48%,#04162d 100%);
  color:#cce1fb;
  font-size:11px;
  font-weight:720;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.top::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(112,197,255,.18),transparent);transform:translateX(-100%);animation:nt-sweep 9s linear infinite}
.nav{
  border-bottom:1px solid rgba(183,204,227,.74);
  background:rgba(249,252,255,.83);
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset;
  backdrop-filter:blur(20px) saturate(150%);
}
.navin{max-width:1320px;height:82px;padding:0 30px;gap:28px}
.nav .logo{flex:0 0 168px;width:168px;height:46px;background-size:194px auto}
.search{
  max-width:560px;
  padding:12px 16px;
  border:1px solid transparent;
  border-radius:var(--nt-radius-xs);
  background:rgba(234,242,250,.88);
  color:var(--nt-ink);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}
.search::placeholder,.mobile-search::placeholder{color:#8292a7}
.search:hover{border-color:var(--nt-line-strong)}
.links{gap:20px;color:#425c79;font-size:13px;font-weight:760}
.links a{position:relative;padding:7px 0}
.links a::after{content:"";position:absolute;right:0;bottom:1px;left:0;height:2px;background:var(--nt-primary);transform:scaleX(0);transform-origin:right;transition:transform .2s ease}
.links a:hover{color:var(--nt-ink)}
.links a:hover::after{transform:scaleX(1);transform-origin:left}
.cartbtn{
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--nt-line);
  border-radius:var(--nt-radius-xs);
  background:#fff;
  color:var(--nt-ink);
  box-shadow:0 4px 12px rgba(11,48,87,.04);
}
.cartbtn:hover{border-color:#8fb9ee;box-shadow:0 8px 18px rgba(11,48,87,.08);transform:translateY(-1px)}
.badge{margin-left:7px;padding:3px 7px;border-radius:5px;background:var(--nt-primary);font-variant-numeric:tabular-nums}

/* Editorial hero */
.wrap{max-width:1320px;padding:44px 30px 88px}
.hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  min-height:560px;
  gap:clamp(30px,5vw,72px);
  padding:clamp(34px,5vw,68px);
  overflow:hidden;
  border:1px solid rgba(186,207,230,.78);
  border-radius:var(--nt-radius-signal);
  background:
    radial-gradient(circle at 4% 8%,rgba(117,196,255,.26),transparent 30%),
    linear-gradient(117deg,#faffff 0%,#eef6ff 58%,#e8f1fb 100%);
  box-shadow:var(--nt-shadow-1);
}
.hero::before{content:"";position:absolute;right:-8%;bottom:-28%;width:min(52vw,680px);height:min(52vw,680px);border:1px solid rgba(21,95,218,.14);border-radius:50%;box-shadow:0 0 0 34px rgba(21,95,218,.035),0 0 0 70px rgba(21,95,218,.023)}
.hero::after{content:"";position:absolute;top:0;bottom:0;left:48%;width:1px;background:linear-gradient(transparent,rgba(33,102,185,.18),transparent)}
.hero-copy{position:relative;z-index:2;align-self:center;max-width:620px}
.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.hero .eyebrow{margin:0;color:var(--nt-primary);font-size:11px;letter-spacing:.18em}
.hero-kicker>span{padding:4px 8px;border:1px solid rgba(19,95,218,.2);border-radius:4px;color:#356287;font-size:10px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}
.hero h1{max-width:620px;margin:0;color:var(--nt-ink);font-size:clamp(3.4rem,6.1vw,6.2rem);font-weight:760;line-height:.93;letter-spacing:-.075em}
.hero h1 span,.hero h1 strong{display:block;font:inherit}
.hero h1 strong{margin-top:.07em;color:var(--nt-primary);font-weight:850}
.lead{max-width:520px;margin:25px 0 28px;color:#526b87;font-size:1.04rem;line-height:1.78}
.primary,.wa,.service-contact{
  min-height:50px;
  padding:14px 19px;
  border-radius:var(--nt-radius-xs);
  font-size:13px;
  font-weight:790;
  letter-spacing:.01em;
}
.primary{position:relative;overflow:hidden;background:var(--nt-ink);box-shadow:0 12px 22px rgba(7,27,56,.17)}
.primary::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(124,196,255,.35) 50%,transparent 80%);transform:translateX(-120%);transition:transform .45s ease}
.primary:hover{background:var(--nt-primary-hover);transform:translateY(-2px);box-shadow:0 16px 28px rgba(9,70,165,.24)}
.primary:hover::before{transform:translateX(120%)}
.hero-footnote{margin:22px 0 0;color:#637a94;font-size:11px;font-weight:680;letter-spacing:.025em}

.hero-stage{
  position:relative;
  z-index:1;
  min-height:430px;
  overflow:hidden;
  align-self:center;
  border:1px solid rgba(147,199,255,.35);
  border-radius:3px 34px 3px 34px;
  background:
    radial-gradient(circle at 76% 26%,rgba(58,146,255,.75),transparent 29%),
    radial-gradient(circle at 18% 100%,rgba(33,109,218,.75),transparent 37%),
    linear-gradient(145deg,#03152e 0%,#092a59 58%,#0d376d 100%);
  box-shadow:0 26px 60px rgba(4,25,56,.26);
}
.hero-stage::after{content:"";position:absolute;z-index:0;top:0;right:19%;width:1px;height:100%;background:linear-gradient(transparent,rgba(151,213,255,.58),transparent);animation:nt-scan 7s ease-in-out infinite}
.hero-stage-grid{position:absolute;inset:0;background:linear-gradient(rgba(137,202,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(137,202,255,.12) 1px,transparent 1px);background-size:34px 34px;opacity:.72;mask-image:linear-gradient(to bottom,rgba(0,0,0,.86),transparent)}
.hero-stage-meta{position:absolute;z-index:3;top:19px;right:22px;left:23px;display:flex;justify-content:space-between;color:#c5e3ff;font-size:10px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}
.hero-stage-meta span:last-child{color:#7cc6ff}
.hero-product{position:absolute;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.5);background:#f8fcff;box-shadow:0 20px 40px rgba(0,0,0,.28)}
.hero-product img{display:block;width:100%;height:100%;object-fit:cover}
.hero-product span{position:absolute;right:12px;bottom:11px;left:12px;color:rgba(255,255,255,.95);font-size:10px;font-weight:780;letter-spacing:.1em;text-shadow:0 1px 5px rgba(0,0,0,.5);text-transform:uppercase}
.hero-product--primary{top:61px;right:10%;width:55%;height:64%;border-radius:3px 24px 3px 24px;transform:rotate(-4.5deg)}
.hero-product--primary::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(2,14,34,.6))}
.hero-product--primary span{z-index:1}
.hero-product--secondary{right:-7%;bottom:-6%;width:41%;height:47%;border-radius:16px 3px 16px 3px;transform:rotate(8deg);opacity:.92}
.iphonehero{
  position:absolute;
  z-index:4;
  bottom:20px;
  left:20px;
  width:min(55%,290px);
  padding:17px 18px 15px;
  border:1px solid rgba(180,223,255,.44);
  border-radius:3px 18px 3px 18px;
  background:rgba(3,18,42,.74);
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}
.iphonehero:hover{border-color:#bfe4ff;transform:translateY(-3px);background:rgba(5,28,63,.9)}
.iphonehero p{margin:0;color:#bedfff;font-size:10px;font-weight:700;line-height:1.45}
.iphonehero h2{margin:7px 0 6px;color:#fff;font-size:20px;line-height:1.1;letter-spacing:-.045em}
.iphonehero span{display:inline-block;margin-top:12px;color:#8dd1ff;font-size:11px;font-weight:820;letter-spacing:.04em}

/* Trust should read like a concise proof rail, not four unrelated cards. */
.trust{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;border:1px solid var(--nt-line);border-top:0;border-radius:0 0 18px 18px;background:rgba(255,255,255,.76);overflow:hidden;box-shadow:0 10px 26px rgba(11,48,87,.05)}
.trust div{position:relative;min-height:104px;padding:23px 20px 18px 49px;border:0;background:transparent}
.trust div+div{border-left:1px solid var(--nt-line)}
.trust div::before{position:absolute;top:23px;left:19px;color:#86bff5;content:"0" counter(nt-proof);font-size:10px;font-weight:830;letter-spacing:.1em;counter-increment:nt-proof}
.trust{counter-reset:nt-proof}
.trust strong{display:block;margin:0 0 5px;color:var(--nt-ink);font-size:13px;font-weight:800}
.trust span{display:block;color:#72859c;font-size:12px;line-height:1.45}

/* Catalogue: precise control deck and editorial product field. */
#catalogo{position:relative;margin-top:88px}
#catalogo>.eyebrow{color:var(--nt-primary);font-size:11px;letter-spacing:.17em}
.section-title{max-width:680px;margin:8px 0 26px;color:var(--nt-ink);font-size:clamp(2.25rem,4vw,3.65rem);font-weight:800;line-height:1;letter-spacing:-.06em}
.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 28px;padding:12px;border:1px solid var(--nt-line);border-radius:var(--nt-radius-sm);background:rgba(255,255,255,.83);box-shadow:0 8px 22px rgba(11,48,87,.045)}
.catalog-tools>.filters{display:flex;gap:7px;width:auto;min-width:0;max-width:100%;padding:0;scrollbar-width:thin;scrollbar-color:#a9c4df transparent}
.catalog-tools>.filters::-webkit-scrollbar{height:5px}
.catalog-tools>.filters::-webkit-scrollbar-thumb{border-radius:99px;background:#a9c4df}
.catalog-tools>.filters::-webkit-scrollbar-track{background:transparent}
.filter{position:relative;flex:0 0 auto;padding:9px 12px;border:1px solid transparent;border-radius:5px;background:transparent;color:#52708f;font-size:12px;font-weight:760}
.filter::after{content:"";position:absolute;right:9px;bottom:5px;left:9px;height:2px;background:var(--nt-primary);transform:scaleX(0);transition:transform .18s ease}
.filter:hover:not(.active){border-color:#d4e4f5;background:#edf6ff;color:var(--nt-primary)}
.filter.active{border-color:var(--nt-ink);background:var(--nt-ink);box-shadow:0 6px 13px rgba(7,27,56,.12)}
.filter.active::after{transform:scaleX(1);background:#80c7ff}
.sort{width:210px;min-height:42px;padding:10px 32px 10px 12px;border:1px solid var(--nt-line);border-radius:5px;background:#f8fbff;color:var(--nt-ink);font-size:12px;font-weight:730}
.sort:hover{border-color:#a8c8ea}
.mobile-search{border:1px solid var(--nt-line);border-radius:var(--nt-radius-xs);background:#fff;color:var(--nt-ink)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:18px;margin-top:0}
.card{
  grid-column:span 3;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:405px;
  padding:13px;
  overflow:hidden;
  border:1px solid var(--nt-line);
  border-radius:var(--nt-radius-sm);
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 15px rgba(11,48,87,.035);
}
.card::before{content:"";position:absolute;z-index:0;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--nt-accent),transparent);opacity:0;transition:opacity .2s ease}
.card:hover{border-color:#a8c7e7;box-shadow:var(--nt-shadow-1);transform:translateY(-4px)}
.card:hover::before{opacity:1}
.card>.visual{position:relative;z-index:1;height:auto;aspect-ratio:1.08/1;overflow:hidden;border:1px solid #e2ebf5;border-radius:var(--nt-radius-xs);background:linear-gradient(135deg,#f9fcff,#e9f3ff)}
.card>.visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(108,189,255,.13),transparent 38%,rgba(5,27,56,.06));pointer-events:none}
.card>.visual>img{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.card:hover>.visual>img{transform:scale(1.045);filter:contrast(1.02) saturate(1.04)}
.card>.brand{position:relative;z-index:1;margin-top:16px;color:#64809c;font-size:10px;font-weight:800;letter-spacing:.14em}
.card>h3{position:relative;z-index:1;min-height:40px;margin:6px 0 8px;color:var(--nt-ink);font-size:15px;font-weight:770;letter-spacing:-.025em;line-height:1.33}
.card>.price{position:relative;z-index:1;margin:0 0 7px;color:var(--nt-ink);font-size:23px;font-weight:850;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.stock{position:relative;z-index:1;display:flex;align-items:center;gap:6px;color:var(--nt-warning);font-size:11px;font-weight:740;line-height:1.45}
.stock::before{width:6px;height:6px;content:"";border-radius:50%;background:#efb64c;box-shadow:0 0 0 3px rgba(239,182,76,.14)}
.card>.actions{position:relative;z-index:1;gap:8px;margin-top:auto;padding-top:15px}
.consult{min-height:44px;border:1px solid #cfe0f2;border-radius:var(--nt-radius-xs);background:#f7fbff;color:#1c609d;font-size:12px;font-weight:790}
.consult:hover{border-color:#89bbeb;background:#eaf5ff;color:#104b85}
.add{width:44px;min-height:44px;border-radius:var(--nt-radius-xs);background:var(--nt-ink);font-size:20px;line-height:1}
.add:hover{background:var(--nt-primary);box-shadow:0 9px 18px rgba(19,95,218,.24)}
.morewrap{margin:36px 0 6px;text-align:left}
.morebtn{padding:12px 0;border:0;border-bottom:1px solid var(--nt-ink);border-radius:0;background:transparent;color:var(--nt-ink);font-size:13px;font-weight:820}
.morebtn:hover{color:var(--nt-primary);border-color:var(--nt-primary);transform:translateX(4px)}
.morebtn span{font-size:18px;line-height:0}
.noresults{padding:60px 20px;border:1px dashed var(--nt-line-strong);border-radius:var(--nt-radius-sm);background:#fff;color:var(--nt-muted)}

/* Services use a technical editorial treatment instead of generic cards. */
.services{margin-top:98px;padding-top:50px;border-top:1px solid var(--nt-line)}
.services>.eyebrow{color:var(--nt-primary);font-size:11px;letter-spacing:.17em}
.services-intro{max-width:600px;color:var(--nt-muted);font-size:16px;line-height:1.7}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.service-panel{position:relative;overflow:hidden;border:1px solid var(--nt-line);border-radius:var(--nt-radius-sm);background:rgba(255,255,255,.84)}
.service-panel::before{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:var(--nt-primary)}
.service-panel:nth-child(2)::before{background:#58b8ff}
.service-panel summary{display:block;padding:31px 32px 27px;cursor:pointer;list-style:none}
.service-panel summary::-webkit-details-marker{display:none}
.service-panel summary:hover{background:linear-gradient(90deg,#f5faff,transparent)}
.service-label{display:block;color:var(--nt-primary);font-size:10px;font-weight:820;letter-spacing:.16em}
.service-panel h3{margin:12px 0 10px;color:var(--nt-ink);font-size:28px;letter-spacing:-.055em;line-height:1.05}
.service-panel summary p{max-width:470px;margin:0;color:var(--nt-muted);font-size:15px;line-height:1.68}
.service-toggle{display:inline-block;margin-top:22px;padding-bottom:4px;border-bottom:1px solid currentColor;color:#1a5b99;font-size:12px;font-weight:790}
.service-content{padding:0 32px 32px;border-top:1px solid var(--nt-line);background:#fbfdff}
.service-list{padding-left:19px;color:var(--nt-ink-soft);font-size:14px;line-height:1.7}
.service-list li{margin-bottom:8px}
.service-content h4{margin:23px 0 9px;color:var(--nt-ink);font-size:14px}
.service-tags{gap:7px}
.service-tags span{padding:7px 9px;border:1px solid #dce9f6;border-radius:5px;background:#fff;color:#486886;font-size:12px}
.service-note{color:var(--nt-muted);font-size:13px;line-height:1.65}
.service-contact{margin-top:14px;border-radius:var(--nt-radius-xs);background:var(--nt-ink);box-shadow:none}
.service-contact:hover{background:var(--nt-primary);transform:translateY(-1px)}

/* iPhone import channel */
.iphones{position:relative;overflow:hidden;padding:100px 30px;background:linear-gradient(135deg,#031126,#071d3f 58%,#0a356c)}
.iphones::before{position:absolute;inset:0;content:"";background:linear-gradient(rgba(99,180,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,180,255,.1) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 40%,black 75%,transparent)}
.iphones::after{position:absolute;top:-24%;right:6%;width:410px;height:410px;content:"";border:1px solid rgba(117,196,255,.3);border-radius:50%;box-shadow:0 0 0 38px rgba(117,196,255,.04),0 0 0 92px rgba(117,196,255,.025)}
.iphonesin{position:relative;z-index:1;max-width:1260px}
.iphones .eyebrow{color:#8fcaff;font-size:11px;letter-spacing:.18em}
.iphones h2{max-width:760px;margin:11px 0 0;color:#fff;font-size:clamp(2.5rem,4.6vw,4.5rem);font-weight:780;line-height:.98;letter-spacing:-.067em}
.muted{max-width:630px;color:#b8cee5;font-size:16px;line-height:1.75}
.twocol{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:22px;margin-top:42px}
.panel{position:relative;padding:33px;border:1px solid rgba(145,196,248,.25);border-radius:3px 28px 3px 28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));backdrop-filter:blur(8px)}
.panel::before{position:absolute;top:0;right:0;left:0;height:3px;content:"";background:linear-gradient(90deg,#77c5ff,transparent)}
.panel h3{margin:9px 0 20px;color:#fff;font-size:28px;letter-spacing:-.045em}
.panel li{color:#d2e2f2;font-size:14px;line-height:1.72}
.panel.white{border-color:#d5e5f4;border-radius:28px 3px 28px 3px;background:#fbfdff;color:var(--nt-ink);box-shadow:0 24px 60px rgba(0,0,0,.18)}
.panel.white::before{background:linear-gradient(90deg,var(--nt-primary),#82cbff)}
.panel.white h3{color:var(--nt-ink)}
.row{gap:18px;padding:12px 0;border-color:#deebf6;color:var(--nt-ink-soft);font-size:14px}
.row b{color:var(--nt-ink);font-variant-numeric:tabular-nums}
.panel .wa{display:inline-flex;align-items:center;margin-top:19px;background:var(--nt-success);box-shadow:0 8px 18px rgba(17,133,77,.16)}
.panel .wa:hover{background:#0c683b}

/* Commercial and social proof sections each get a different rhythm. */
.wholesale{padding:96px 30px;background:linear-gradient(180deg,#edf5ff,#f7fbff)}
.wholesalein{max-width:1260px;gap:70px}
.wholesale .eyebrow{color:var(--nt-primary);font-size:11px;letter-spacing:.18em}
.wholesale h2{max-width:600px;margin:9px 0 16px;color:var(--nt-ink);font-size:clamp(2.55rem,4.6vw,4.75rem);font-weight:790;line-height:.98;letter-spacing:-.07em}
.wholesale p{max-width:650px;color:#526b87;line-height:1.75}
.wholesale>.wa,.wholesale a.wa{display:inline-flex;align-items:center;background:var(--nt-ink);box-shadow:0 12px 22px rgba(7,27,56,.16)}
.wholesale a.wa:hover{background:var(--nt-primary)}
.wholesalebox{position:relative;padding:34px 35px 33px;border:1px solid #c6dcee;border-radius:var(--nt-radius-signal);background:#fff;box-shadow:var(--nt-shadow-1)}
.wholesalebox::before{position:absolute;top:0;right:0;width:34%;height:4px;content:"";background:linear-gradient(90deg,#75c6ff,var(--nt-primary))}
.wholesalebox strong{color:var(--nt-ink);font-size:24px;letter-spacing:-.04em}
.wholesalebox ul{margin:18px 0 0;padding:0;list-style:none;color:#58718c;line-height:1.72}
.wholesalebox li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid #e6eef7}
.wholesalebox li:last-child{border-bottom:0}
.wholesalebox li::before{position:absolute;left:0;color:var(--nt-primary);content:"•";font-weight:900}

.reviews{padding:96px 30px;background:var(--nt-surface)}
.reviewsin{max-width:1260px}
.reviewhead{align-items:end;margin-bottom:28px}
.reviews .eyebrow{color:var(--nt-primary);font-size:11px;letter-spacing:.18em}
.rating-summary{min-width:126px;padding:12px 15px;border:1px solid #cde4fb;border-radius:var(--nt-radius-xs);background:#eff8ff;color:#1a5d99;font-size:11px}
.rating-summary strong{color:var(--nt-ink);font-size:27px;letter-spacing:-.06em}
.reviewnav{gap:7px}
.reviewarrow{width:42px;height:42px;border:1px solid var(--nt-line);border-radius:var(--nt-radius-xs);background:#fff;color:var(--nt-ink);font-size:18px}
.reviewarrow:hover{border-color:#9ac4ed;background:#eef7ff;color:var(--nt-primary)}
.reviewgrid{gap:18px;padding:3px 3px 19px}
.reviewcard{position:relative;min-height:276px;padding:27px 25px 22px;border:1px solid var(--nt-line);border-radius:3px 18px 3px 18px;background:#fff;box-shadow:0 5px 15px rgba(11,48,87,.035)}
.reviewcard::before{position:absolute;top:0;left:0;width:44px;height:4px;content:"";background:var(--nt-primary)}
.reviewcard h3{margin:9px 0 3px;color:var(--nt-ink);font-size:17px}
.stars{color:#dc9e1f;font-size:15px;letter-spacing:2px}
.reviewnote{color:#526b87;font-size:14px;line-height:1.75}
.reviewmeta{padding-top:13px;border-color:#e5eef7;color:#7b8da1;font-size:11px}
.reviewcard .wa{display:inline-flex;align-items:center;margin-top:auto;background:var(--nt-ink)}

/* Delivery reads as a sequence, while warranty remains an authoritative document. */
.info{padding:96px 30px;border-top:1px solid #dbe7f2;background:#eef4fa}
.infoin{max-width:1260px;gap:72px}
.info .eyebrow{color:var(--nt-primary);font-size:11px;letter-spacing:.18em}
.info .section-title{margin-bottom:28px;font-size:clamp(2rem,3.4vw,3.2rem)}
.steps{position:relative;gap:0;counter-reset:nt-step}
.steps::before{position:absolute;top:31px;bottom:30px;left:20px;width:1px;content:"";background:linear-gradient(var(--nt-primary),#b8d5ee)}
.step{position:relative;min-height:72px;margin:0;padding:22px 18px 20px 62px;border:1px solid var(--nt-line);border-bottom:0;border-radius:0;background:#fff;color:var(--nt-ink);font-size:14px;font-weight:760}
.step:first-child{border-radius:var(--nt-radius-xs) var(--nt-radius-xs) 0 0}
.step:last-child{border-bottom:1px solid var(--nt-line);border-radius:0 0 var(--nt-radius-xs) var(--nt-radius-xs)}
.step b{position:absolute;z-index:1;top:16px;left:12px;width:18px;height:18px;margin:0;border-radius:50%;background:var(--nt-primary);color:transparent;font-size:0;box-shadow:0 0 0 5px #fff}
.box{padding:24px;border:1px solid var(--nt-line);border-radius:var(--nt-radius-sm);background:#fff;color:#49637e;font-size:14px;line-height:1.75;box-shadow:0 8px 20px rgba(11,48,87,.035)}
.box b{color:var(--nt-ink)}
.info li{margin-bottom:8px;color:#546d87;font-size:14px;line-height:1.7}

/* Purchase moments */
footer{position:relative;padding:48px 30px 84px;overflow:hidden;background:#041831;color:#d5e7fa}
footer::before{position:absolute;inset:0;content:"";background:linear-gradient(rgba(106,186,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(106,186,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 32%,black 68%,transparent)}
.foot{position:relative;z-index:1;max-width:1260px;gap:28px}
.foot .logo{width:225px;height:72px;background-size:255px auto}
.foot .small{max-width:410px;color:#a7bfd8;font-size:12px}
.foot a{color:#9fd5ff;font-weight:700}
.floating{right:22px;bottom:22px;padding:13px 16px;border:1px solid rgba(255,255,255,.3);border-radius:var(--nt-radius-xs);background:var(--nt-success);font-size:12px;box-shadow:0 14px 32px rgba(2,25,48,.24)}
.floating:hover{background:#0b6d3e;transform:translateY(-2px)}

/* Product details and drawer inherit the same showroom language. */
.productpage{background:var(--nt-bg)}
.productnav{padding:15px 24px;border-color:var(--nt-line);background:rgba(250,253,255,.9);backdrop-filter:blur(18px)}
.backbtn{min-height:42px;padding:10px 15px;border:1px solid var(--nt-line);border-radius:var(--nt-radius-xs);background:#fff;color:var(--nt-ink);font-size:12px}
.backbtn:hover{border-color:#96bee7;background:#edf7ff;color:var(--nt-primary)}
.productcontent{max-width:1200px;gap:62px;padding:54px 30px 86px}
.productvisual{border:1px solid #cfe0f0;border-radius:3px 30px 3px 30px;background:linear-gradient(145deg,#fff,#e9f3fc);box-shadow:var(--nt-shadow-1)}
.productinfo .eyebrow{font-size:11px;letter-spacing:.16em}
.productinfo h1{color:var(--nt-ink);font-size:clamp(2.4rem,4.5vw,4.4rem);font-weight:790;line-height:.97;letter-spacing:-.07em}
.productinfo>p:not(.eyebrow){color:#5b7390;font-size:16px;line-height:1.72}
.detailprice{color:var(--nt-ink);font-size:38px;font-weight:850;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.detailrows{margin-top:27px;border-top:1px solid var(--nt-line)}
.detailrow{padding:15px 0;border-color:var(--nt-line);font-size:14px}
.detailrow>span{color:#69809a}
.detailrow>b{color:var(--nt-ink)}
.speclist{border:1px solid #d7e5f3;border-radius:var(--nt-radius-sm);background:#f7fbff;color:#36536f;font-size:14px;line-height:1.8}
.specnote{color:#72849a}
.gallerythumb{border-radius:var(--nt-radius-xs);background:#fff}
.gallerythumb.active{border-color:var(--nt-primary);box-shadow:0 0 0 3px rgba(19,95,218,.1)}
.detailactions{gap:10px}
.detailactions .wa{background:var(--nt-success)}
.detailactions .wa:hover{background:#0b6d3e}
.detailadd{min-height:50px;border:1px solid #abc7e2;border-radius:var(--nt-radius-xs);background:#fff;color:var(--nt-ink);font-size:13px}
.detailadd:hover{border-color:var(--nt-primary);background:#edf7ff;color:var(--nt-primary)}
.case-options{border-color:#c9e0f6;border-radius:var(--nt-radius-sm);background:linear-gradient(135deg,#fbfdff,#eaf5ff);box-shadow:none}
.case-options legend{color:var(--nt-ink);font-size:17px}
.case-field select{border-color:#c8dbea;border-radius:var(--nt-radius-xs)}
.case-help{border-radius:var(--nt-radius-xs)}
.cart{padding:30px;background:#fbfdff;box-shadow:-25px 0 64px rgba(7,27,56,.2)}
.cart h2{color:var(--nt-ink)}
.cartitem{border-color:var(--nt-line);border-radius:var(--nt-radius-sm);background:#fff}
.cartitem button{border-radius:var(--nt-radius-xs);background:#eaf4ff;color:var(--nt-primary)}
.drawer{background:rgba(3,20,43,.62);backdrop-filter:blur(6px)}
.close{border-radius:var(--nt-radius-xs);color:var(--nt-ink)}

@keyframes nt-sweep{to{transform:translateX(100%)}}
@keyframes nt-scan{0%,100%{transform:translateY(-30%);opacity:0}20%,80%{opacity:.8}50%{transform:translateY(130%);opacity:.15}}
@media (prefers-reduced-motion:no-preference){.hero-product--primary{animation:nt-float 8s ease-in-out infinite}.hero-product--secondary{animation:nt-float-secondary 9s ease-in-out infinite}.card>.visual>img{will-change:transform}}
@keyframes nt-float{0%,100%{transform:rotate(-4.5deg) translateY(0)}50%{transform:rotate(-3.2deg) translateY(-8px)}}
@keyframes nt-float-secondary{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(7deg) translateY(7px)}}

@media (max-width:1100px){
  .navin{padding:0 22px}.wrap{padding-right:22px;padding-left:22px}
  .hero{grid-template-columns:1fr;min-height:0;gap:36px}.hero::after{display:none}.hero-copy{max-width:720px}.hero-stage{min-height:460px;width:min(100%,720px);justify-self:center}.hero-product--primary{right:17%;width:48%}.hero-product--secondary{right:5%;width:34%}
  .card{grid-column:span 4}
  .twocol{grid-template-columns:1fr 1fr}.wholesalein,.infoin{gap:42px}
}

@media (min-width:901px){
  #catalogo .catalog-tools{position:sticky;top:96px;z-index:12}
}

@media (max-width:900px){
  .top{font-size:10px}.navin{height:72px;gap:14px}.nav .logo{flex-basis:154px;width:154px;height:42px;background-size:178px auto}.cartbtn{padding:10px 12px}
  .wrap{padding-top:28px;padding-bottom:62px}.hero{padding:40px}.hero h1{font-size:clamp(3.1rem,10vw,5.2rem)}.trust{grid-template-columns:repeat(2,1fr)}.trust div:nth-child(3){border-left:0}.trust div:nth-child(n+3){border-top:1px solid var(--nt-line)}
  #catalogo{margin-top:68px}.catalog-tools{grid-template-columns:1fr}.catalog-tools>.filters{width:100%}.sort{width:100%}
  .grid{gap:14px}.card{grid-column:span 6}
  .services{margin-top:74px}.services-grid{grid-template-columns:1fr}.iphones,.wholesale,.reviews,.info{padding-right:22px;padding-left:22px}.iphones{padding-top:78px;padding-bottom:78px}.twocol{grid-template-columns:1fr}.panel{padding:29px}.wholesalein,.infoin{grid-template-columns:1fr;gap:42px}.reviewcard{flex-basis:74%}
  .productcontent{grid-template-columns:1fr;gap:34px;padding-right:22px;padding-left:22px}.productcontent>div:first-child{position:static}.productvisual{max-width:600px;margin:auto}.productinfo{max-width:700px;margin:auto}.foot{gap:24px}
}

@media (max-width:600px){
  html{scroll-padding-top:86px}.top{padding:8px 12px;font-size:9px;line-height:1.55;letter-spacing:.055em}.navin{height:66px;padding:0 16px}.nav .logo{flex-basis:130px;width:130px;height:38px;background-size:151px auto}.cartbtn{min-height:40px;padding:8px 10px;font-size:12px}.badge{margin-left:4px}
  .wrap{padding:19px 16px 50px}.hero{gap:26px;padding:28px 21px;border-radius:3px 21px 3px 21px}.hero-kicker{gap:9px;margin-bottom:15px}.hero-kicker>span{font-size:9px}.hero h1{font-size:clamp(2.95rem,12vw,4.4rem);letter-spacing:-.075em}.lead{margin:19px 0 22px;font-size:15px;line-height:1.7}.primary{min-height:48px;padding:13px 16px}.hero-footnote{font-size:10px;line-height:1.55}
  .hero-stage{min-height:405px;border-radius:3px 25px 3px 25px}.hero-stage-meta{top:14px;right:15px;left:16px;font-size:9px}.hero-product--primary{top:51px;right:15%;width:58%;height:57%}.hero-product--secondary{right:-5%;bottom:12%;width:37%;height:31%;opacity:.78}.iphonehero{bottom:14px;left:14px;width:calc(100% - 28px);padding:14px 15px;border-radius:3px 15px 3px 15px}.iphonehero h2{font-size:18px}.iphonehero p{font-size:9px}.iphonehero span{margin-top:8px}
  .trust div{min-height:92px;padding:17px 10px 15px 36px}.trust div::before{top:18px;left:12px}.trust strong{font-size:11px;line-height:1.25}.trust span{font-size:10px;line-height:1.35}
  #catalogo{margin-top:51px}.section-title{margin-bottom:20px;font-size:clamp(2.2rem,11vw,3.1rem)}.catalog-tools{gap:10px;margin-bottom:20px;padding:9px}.catalog-tools>.filters{gap:6px;padding-bottom:3px}.filter{padding:9px 10px;font-size:11px}.sort{min-height:43px;font-size:12px}.mobile-search{padding:12px 14px;font-size:16px}
  .grid{grid-template-columns:1fr;gap:14px}.card{grid-column:1;grid-row:auto;min-height:0;padding:13px;border-radius:var(--nt-radius-sm)}.card>.visual{aspect-ratio:1.18/1;border-radius:var(--nt-radius-xs)}.card>.brand{margin-top:14px}.card>h3{font-size:17px}.morewrap{margin-top:28px}
  .services{margin-top:58px;padding-top:35px}.services-intro{font-size:15px}.service-panel summary{padding:24px 21px 22px}.service-panel h3{font-size:24px}.service-content{padding:0 21px 23px}.service-tags span{font-size:11px}
  .iphones,.wholesale,.reviews,.info{padding:58px 16px}.iphones{padding-top:62px;padding-bottom:62px}.iphones h2{font-size:clamp(2.45rem,12vw,3.7rem)}.muted{font-size:15px}.twocol{margin-top:30px}.panel{padding:24px 20px}.panel h3{font-size:24px}.row{font-size:13px}.wholesale h2{font-size:clamp(2.4rem,12vw,3.8rem)}.wholesalebox{padding:25px 22px}.wholesalebox strong{font-size:21px}
  .reviewhead{align-items:flex-start;gap:17px}.rating-summary{min-width:0}.reviewnav{margin-left:0}.reviewcard{min-height:254px;flex-basis:88%;padding:24px 21px}.reviewnote{font-size:13px}
  .infoin{gap:35px}.info .section-title{font-size:2.25rem}.box{padding:19px;font-size:13px}.info li{font-size:13px}.steps::before{left:19px}.step{padding-left:56px;font-size:13px}
  footer{padding:39px 16px 86px}.foot{font-size:13px}.foot .logo{width:198px;height:62px;background-size:226px auto}.floating{right:15px;bottom:calc(15px + env(safe-area-inset-bottom,0px));display:grid;width:50px;height:50px;padding:0;border-radius:50%;place-items:center;font-size:0}.floating::after{content:"WA";font-size:11px;font-weight:900;letter-spacing:.04em}.floating.floating--catalog-covered{opacity:0;pointer-events:none;transform:translateY(14px)}
  .productnav{padding:12px 16px}.productcontent{padding:25px 16px 72px}.productvisual{border-radius:3px 22px 3px 22px}.productinfo h1{font-size:clamp(2.35rem,11vw,3.4rem)}.productinfo>p:not(.eyebrow){font-size:15px}.detailprice{font-size:34px}.detailrow{gap:12px;font-size:13px}.detailrow b{max-width:65%}.detailactions{display:grid;grid-template-columns:1fr}.detailactions .wa,.detailactions .detailadd{width:100%;text-align:center}.case-options{padding:18px 15px}.case-options-grid{grid-template-columns:1fr}.cart{padding:25px 17px}
}

@media (max-width:360px){
  .nav .logo{flex-basis:112px;width:112px;background-size:130px auto}.cartbtn{padding:8px}.hero{padding:25px 18px}.hero h1{font-size:2.78rem}.hero-stage{min-height:376px}.trust div{padding-right:7px}.trust strong{font-size:10px}.section-title{font-size:2.13rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}