/* ==========================================================================
   NETRONICAL — Modern / Glass layer (Phase 1)
   Loaded AFTER style.css. Overrides + new components only, so the original
   stylesheet stays intact and this can be tuned or removed in one place.
   ========================================================================== */

:root{
  --glass-bg: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.55);
  --glass-shadow: 0 8px 32px -8px rgba(10,35,90,.18), 0 2px 8px -2px rgba(10,35,90,.06);
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 24px 60px -24px rgba(10,35,90,.35);
  --ring: 0 0 0 4px rgba(59,130,246,.16);
  --paper-dim:#f3f6fc;
  --line:#e4e9f2;
}

body{
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(59,130,246,.09), transparent 60%),
    radial-gradient(900px 500px at -10% 20%, rgba(10,91,199,.06), transparent 60%),
    #f8faff;
}
h1,h2,h3,h4{letter-spacing:-.02em;}
::selection{background:rgba(59,130,246,.22);}

/* ---------- Buttons ---------- */
.btn{border-radius:12px;font-weight:600;letter-spacing:-.005em;transition:transform .18s ease, box-shadow .25s ease, background .2s ease, border-color .2s ease;}
.btn:active{transform:scale(.97);}
.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#0a5bc7 55%,#073a86 100%);box-shadow:0 10px 26px -10px rgba(10,91,199,.6), inset 0 1px 0 rgba(255,255,255,.25);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px -10px rgba(10,91,199,.65), inset 0 1px 0 rgba(255,255,255,.3);}
.btn-outline{background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(10,91,199,.22);}
.btn-outline:hover{background:#fff;border-color:rgba(10,91,199,.5);transform:translateY(-1px);}
.btn-spinner,.domain-lookup-spinner{animation:ntr-spin .7s linear infinite!important;}
.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:ntr-spin .7s linear infinite;vertical-align:-2px;margin-right:8px;}
.btn-outline .btn-spinner{border-color:rgba(10,91,199,.25);border-top-color:#0a5bc7;}
@keyframes ntr-spin{to{transform:rotate(360deg);}}

/* ---------- Forms ---------- */
.site-main input[type=text],.site-main input[type=email],.site-main input[type=tel],.site-main input[type=password],.site-main input[type=number],.site-main input[type=search],.site-main select,.site-main textarea{
  border:1.5px solid var(--line);border-radius:12px;background:rgba(255,255,255,.85);
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.site-main input:focus,.site-main select:focus,.site-main textarea:focus{outline:none;border-color:#3b82f6;box-shadow:var(--ring);background:#fff;}

/* ---------- Header: frosted glass ---------- */
.sticky-nav-group{box-shadow:0 6px 30px -12px rgba(10,35,90,.25);}
.main-row{background:#fff;}
.nav-search{border:1.5px solid var(--line);border-radius:14px;background:rgba(255,255,255,.9);transition:border-color .2s, box-shadow .2s;}
.nav-search:focus-within{border-color:#3b82f6;box-shadow:var(--ring);}
.nav-search button{background:linear-gradient(135deg,#3b82f6,#0a5bc7);}
.category-bar{background:linear-gradient(90deg,#0d1117,#131b2e 60%,#0d1117);border-top:1px solid rgba(255,255,255,.06);}
.category-links a,.cat-dropdown-item>a{color:rgba(255,255,255,.88);}
.category-links a:hover,.cat-dropdown-item>a:hover{color:#fff;}
.cat-link-highlight{color:#60a5fa!important;}
.all-cat-btn{background:linear-gradient(135deg,#3b82f6,#0a5bc7);}
.cart-badge{background:linear-gradient(135deg,#3b82f6,#073a86);box-shadow:0 4px 10px -2px rgba(10,91,199,.5);}
.cat-dropdown-menu,.all-cat-menu{box-shadow:0 24px 50px -20px rgba(10,35,90,.45);}
.mobile-bottom-nav{background:rgba(255,255,255,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(10,91,199,.08);}

/* ---------- Hero ---------- */
.hero{background:radial-gradient(900px 500px at 80% 0%, rgba(59,130,246,.35), transparent 60%),radial-gradient(700px 500px at 0% 100%, rgba(7,58,134,.55), transparent 60%),#0a0f1c;}
.hero h1{letter-spacing:-.03em;}
.hero .eyebrow,.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:40px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);backdrop-filter:blur(8px);font-size:11.5px;letter-spacing:.1em;}
.hero-stats .stat{padding:14px 20px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.hero-stats{gap:14px;}
.hero-dot.active{background:#fff;}

/* ---------- Generic glass card ---------- */
.card-panel,.summary-box,.cart-summary-box,.checkout-card{
  background:var(--glass-bg);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);
}

/* ---------- Product cards ---------- */
.product-card{border-radius:20px;background:#fff;border:1px solid rgba(10,91,199,.07);box-shadow:0 2px 6px rgba(10,35,90,.04);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .25s ease;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -20px rgba(10,35,90,.35);border-color:rgba(59,130,246,.3);}
.product-card .thumb{background:linear-gradient(180deg,#f6f9ff,#eef3fc);}
.product-card .thumb img{transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.product-card:hover .thumb img{transform:scale(1.06);}
.product-card .body{padding:18px;}
.product-card .price{font-size:18px;}
.product-quick-add{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 8px 20px -6px rgba(10,35,90,.3);}

/* ---------- Hosting plan cards ---------- */
.hosting-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;align-items:stretch;}
.hosting-plan-card{position:relative;display:flex;flex-direction:column;padding:30px 26px;border-radius:24px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;}
.hosting-plan-card::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#3b82f6,#0a5bc7,#073a86);}
.hosting-plan-card::after{content:'';position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);pointer-events:none;}
.hosting-plan-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -24px rgba(10,35,90,.4);}
.hosting-plan-badge{align-self:flex-start;padding:5px 12px;border-radius:40px;background:rgba(10,91,199,.09);color:#0a5bc7;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}
.hosting-plan-card h3{font-size:24px;}
.hosting-plan-price{margin:14px 0 6px;}
.hosting-plan-price .amount{font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#0a5bc7,#073a86);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hosting-plan-price .period{color:var(--muted-2);font-size:14px;margin-left:4px;}
.hosting-plan-features{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:10px;flex:1;}
.hosting-plan-features li{position:relative;padding-left:28px;font-size:14px;color:var(--text);}
.hosting-plan-features li::before{content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#0a5bc7) ;}
.hosting-plan-features li::after{content:'';position:absolute;left:6px;top:6px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.hosting-plan-order-form{margin-top:auto;}

/* Domain input inside plan cards (was unstyled) */
.domain-field{display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:12px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:border-color .2s, box-shadow .2s;}
.domain-field:focus-within{border-color:#3b82f6;box-shadow:var(--ring);}
.domain-field-ico{color:#0a5bc7;display:flex;flex-shrink:0;}
.domain-field input{flex:1;min-width:0;border:none!important;background:transparent!important;box-shadow:none!important;padding:14px 0;font-size:14.5px;}

/* ---------- Domain search hero box ---------- */
.domain-hero-search{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-radius:60px;background:var(--glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:0 20px 50px -20px rgba(10,35,90,.4);}
.domain-hero-search:focus-within{box-shadow:0 20px 50px -20px rgba(10,35,90,.4), var(--ring);}
.domain-hero-search input[type=text]{flex:1;border:none!important;background:transparent!important;box-shadow:none!important;font-size:16px;padding:14px 6px;min-width:0;}
.domain-hero-search .domain-search-icon{color:#0a5bc7;display:flex;}
.domain-hero-search .btn{border-radius:50px;padding:14px 30px;}
@media (max-width:560px){.domain-hero-search{border-radius:22px;flex-wrap:wrap;padding:12px;}.domain-hero-search input[type=text]{flex-basis:calc(100% - 40px);}.domain-hero-search .btn{width:100%;}}

.domain-lookup-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:26px;color:var(--muted);}
.domain-lookup-spinner{width:20px;height:20px;border:3px solid rgba(10,91,199,.2);border-top-color:#0a5bc7;border-radius:50%;animation:ntr-spin .8s linear infinite;}

.domain-verdict{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:20px;margin-bottom:18px;flex-wrap:wrap;border:1px solid transparent;backdrop-filter:blur(12px);}
.domain-verdict .verdict-ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;}
.domain-verdict .verdict-text{flex:1;min-width:200px;}
.domain-verdict h3{margin:0 0 2px;font-size:19px;}
.domain-verdict p{margin:0;font-size:14px;color:var(--muted);}
.domain-verdict .verdict-actions{display:flex;gap:10px;flex-wrap:wrap;}
.domain-verdict.is-available{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(255,255,255,.7));border-color:rgba(16,185,129,.3);}
.domain-verdict.is-available .verdict-ico{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 18px -6px rgba(16,185,129,.6);}
.domain-verdict.is-taken{background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(255,255,255,.7));border-color:rgba(245,158,11,.35);}
.domain-verdict.is-taken .verdict-ico{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 18px -6px rgba(245,158,11,.6);}
.domain-result.is-error{padding:16px 20px;border-radius:14px;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.25);color:#b91c1c;}

.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:16px;}
.result-card{background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:18px;padding:20px 22px;box-shadow:var(--glass-shadow);margin-bottom:16px;}
.result-grid .result-card{margin-bottom:0;}
.result-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.result-card-head h4{margin:0;font-size:15px;}
.result-tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;padding:3px 9px;border-radius:40px;background:rgba(10,91,199,.08);color:#0a5bc7;}
.kv{display:grid;grid-template-columns:110px 1fr;gap:9px 14px;margin:0;font-size:13.5px;}
.kv dt{color:var(--muted-2);}.kv dd{margin:0;font-weight:600;word-break:break-word;}
.kv-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin:12px 0 6px;font-weight:700;}
.chips{display:flex;flex-wrap:wrap;gap:6px;}
.chip{padding:5px 11px;border-radius:40px;background:rgba(10,91,199,.09);color:#073a86;font-size:12.5px;font-family:'JetBrains Mono',monospace;word-break:break-all;}
.chip-soft{background:rgba(100,116,139,.12);color:#475569;font-family:'Inter',sans-serif;}
.muted-p{color:var(--muted-2);font-size:13px;margin:0;}
.contact-row{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;}
.contact-row:first-of-type{border-top:none;}
.contact-role{min-width:90px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);font-weight:700;padding-top:2px;}
.dns-table{width:100%;border-collapse:collapse;font-size:13px;}
.dns-table td{padding:9px 8px;border-top:1px solid var(--line);vertical-align:top;}
.dns-table tr:first-child td{border-top:none;}
.dns-type{width:84px;}.dns-val{font-family:'JetBrains Mono',monospace;font-size:12.5px;word-break:break-all;}
.dns-meta{width:90px;text-align:right;}.dns-ttl,.dns-pri{font-size:11px;color:var(--muted-2);font-family:'Inter',sans-serif;margin-left:8px;}
.dns-badge{display:inline-block;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:700;font-family:'JetBrains Mono',monospace;background:#e8f0fe;color:#0a5bc7;}
.dns-MX{background:#fef3c7;color:#92400e;}.dns-TXT,.dns-SPF,.dns-DMARC{background:#ede9fe;color:#5b21b6;}.dns-NS{background:#dcfce7;color:#166534;}.dns-AAAA{background:#e0f2fe;color:#075985;}.dns-SOA,.dns-CAA{background:#f1f5f9;color:#475569;}.dns-CNAME{background:#fce7f3;color:#9d174d;}
.dns-sub-h{margin:18px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);}
.dns-note{font-size:12px;color:var(--muted-2);margin:14px 0 0;}
.raw-whois summary{cursor:pointer;font-weight:700;font-size:14px;}
.raw-whois pre{margin:12px 0 0;max-height:320px;overflow:auto;background:#0d1117;color:#c9d1d9;padding:16px;border-radius:12px;font-size:12px;line-height:1.55;white-space:pre-wrap;}

/* ---------- Domain transfer modal ---------- */
.dm-overlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,14,30,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.dm-overlay.open{display:flex;animation:dm-fade .2s ease;}
.dm-box{position:relative;width:100%;max-width:460px;padding:34px 30px 28px;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);box-shadow:0 40px 80px -20px rgba(0,0,0,.5);text-align:center;animation:dm-pop .3s cubic-bezier(.2,.9,.3,1.2);}
.dm-box h3{font-size:21px;margin:12px 0 8px;word-break:break-word;}
.dm-box p{color:var(--muted);font-size:14.5px;margin:0 0 14px;}
.dm-icon{width:60px;height:60px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;}
.dm-warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 24px -8px rgba(245,158,11,.6);}
.dm-price{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:14px;background:var(--paper-dim);margin:16px 0 8px;font-size:14px;}
.dm-price b{font-family:'Space Grotesk',sans-serif;font-size:20px;color:#0a5bc7;}
.dm-small{font-size:12.5px!important;color:var(--muted-2)!important;}
.dm-actions{display:grid;gap:10px;margin-top:18px;}
.dm-x{position:absolute;top:12px;right:16px;border:none;background:none;font-size:28px;color:var(--muted-2);cursor:pointer;line-height:1;}
@keyframes dm-fade{from{opacity:0}to{opacity:1}}
@keyframes dm-pop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}

/* ---------- Cart ---------- */
.cart-item-card{border-radius:20px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:box-shadow .25s;}
.cart-item-card:hover{box-shadow:0 18px 40px -20px rgba(10,35,90,.3);}
.cart-item-img{border-radius:14px;}
.cart-item-total-amount{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#0a5bc7;}
.cart-summary-box{padding:24px;position:sticky;top:130px;}
.qty-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:40px;overflow:hidden;background:#fff;}
.qty-stepper button{width:34px;height:34px;border:none;background:transparent;cursor:pointer;font-size:17px;color:#0a5bc7;}
.qty-stepper button:hover{background:var(--paper-dim);}
.qty-stepper input{width:38px;text-align:center;border:none!important;background:transparent!important;box-shadow:none!important;padding:0;}

/* Delivery / collection chooser (cart) */
.fulfil-box{margin:14px 0 16px;padding:16px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid var(--glass-border);}
.fulfil-title{margin:0 0 10px;font-size:13px;font-weight:700;}
.fulfil-option{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:8px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .2s, background .2s, box-shadow .2s;}
.fulfil-option input,.store-card input{position:absolute;opacity:0;pointer-events:none;}
.fulfil-radio{width:20px;height:20px;border-radius:50%;border:2px solid #c3cde0;flex-shrink:0;position:relative;transition:border-color .2s;}
.fulfil-option.active{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.08),#fff);box-shadow:var(--ring);}
.fulfil-option.active .fulfil-radio{border-color:#0a5bc7;}
.fulfil-option.active .fulfil-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#0a5bc7);}
.fulfil-text{display:flex;flex-direction:column;font-size:14px;}
.fulfil-text small{color:var(--muted-2);font-size:12px;margin-top:2px;}
.fulfil-stores{margin-top:6px;}
.store-card{position:relative;display:flex;gap:12px;padding:14px;margin-bottom:8px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .2s, box-shadow .2s;}
.store-card.active{border-color:#3b82f6;box-shadow:var(--ring);}
.store-pin{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px -6px rgba(10,91,199,.5);}
.store-info{display:flex;flex-direction:column;gap:2px;font-size:13px;min-width:0;}
.store-info b{font-size:14px;}.store-info span{color:var(--muted);}.store-info em{font-style:normal;color:var(--muted-2);font-size:12px;}
.store-info a{color:#0a5bc7;font-weight:600;font-size:12.5px;margin-top:4px;}
.fulfil-free-note{font-size:12.5px;color:#047857;background:rgba(16,185,129,.1);padding:9px 12px;border-radius:10px;margin:8px 0 0;}
.fulfil-teaser{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border-radius:14px;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(255,255,255,.7));border:1px solid rgba(16,185,129,.25);font-size:13.5px;}
.fulfil-teaser-ico{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ---------- Checkout ---------- */
.checkout-steps{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;}
.checkout-step{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted-2);}
.checkout-step span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8edf7;color:var(--muted);font-size:13px;}
.checkout-step.active{color:var(--ink);}.checkout-step.active span{background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;box-shadow:0 6px 14px -4px rgba(10,91,199,.55);}
.checkout-step.done span{background:#10b981;color:#fff;}
.checkout-step-line{height:2px;width:50px;background:#dbe3f2;border-radius:2px;}
.delivery-method-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.delivery-method-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:#fff;font-weight:600;font-size:14px;transition:all .2s;text-align:center;}
.delivery-method-option input{position:absolute;opacity:0;pointer-events:none;}
.delivery-method-option.active{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.1),#fff);box-shadow:var(--ring);color:#073a86;}
.collection-address-box{padding:18px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid var(--glass-border);}
.collection-map-frame{border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-top:6px;}

/* ---------- Footer ---------- */
.footer{background:radial-gradient(800px 400px at 90% 0%, rgba(59,130,246,.18), transparent 60%),#0a0f1c;}
.footer-accent-line{background:linear-gradient(90deg,transparent,#3b82f6,#0a5bc7,transparent);height:2px;opacity:.8;}
.footer-trust-item{border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);}
.footer-links a{transition:color .2s, padding-left .2s;}
.footer-links a:hover{padding-left:4px;}
.whatsapp-float{box-shadow:0 14px 30px -8px rgba(37,211,102,.6);}

/* ---------- Tables / alerts / pills ---------- */
.data-table{border-radius:16px;overflow:hidden;}
.alert{border-radius:14px;}
.pill{border-radius:40px;}

/* ---------- Reveal motion (respects reduced-motion) ---------- */
@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{transition:none!important;}}
@media (max-width:900px){.cart-summary-box{position:static;}}

/* ==========================================================================
   PHASE 3 — inner pages, home additions, thank-you, client area
   ========================================================================== */

/* Dark sections: card-panel must stay dark glass (fixes white-on-white text) */
.section-dark .card-panel,.why-ntr-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.section-dark .card-panel:hover{background:rgba(255,255,255,.1);}
.section-dark{background:radial-gradient(800px 400px at 90% 0%,rgba(59,130,246,.22),transparent 60%),radial-gradient(600px 400px at 0% 100%,rgba(7,58,134,.45),transparent 60%),#0a0f1c;}

/* Shared inner-page hero */
.page-hero{padding:76px 0 70px!important;position:relative;overflow:hidden;}
.page-hero h1{max-width:760px;}
.page-hero .lead{max-width:620px;}

/* Section polish */
.section-head .eyebrow{margin-bottom:10px;}
.service-card,.catalog-chip{border-radius:20px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .25s;}
.service-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}
.service-card:hover,.catalog-chip:hover{transform:translateY(-6px);box-shadow:0 26px 50px -22px rgba(10,35,90,.4);border-color:rgba(59,130,246,.3);}
.service-card .ic{border-radius:14px;background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;box-shadow:0 10px 20px -8px rgba(10,91,199,.6);}

/* Home: domain search band */
.home-domain{position:relative;overflow:hidden;border-radius:32px;padding:56px 40px;text-align:center;color:#fff;
  background:radial-gradient(700px 320px at 85% -10%,rgba(96,165,250,.45),transparent 60%),radial-gradient(600px 320px at 0% 110%,rgba(139,92,246,.35),transparent 60%),linear-gradient(135deg,#0a0f1c,#0f2a5e 75%,#1d4ed8 170%);box-shadow:0 40px 80px -40px rgba(15,42,94,.8);}
.home-domain h2{color:#fff;font-size:clamp(26px,4vw,38px);margin:8px 0 10px;letter-spacing:-.03em;}
.home-domain p{color:rgba(255,255,255,.72);max-width:560px;margin:0 auto 26px;font-size:16px;}
.home-domain .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff;}
.home-domain-form{max-width:640px;margin:0 auto;background:rgba(255,255,255,.95);}
.home-domain-links{display:flex;gap:22px;justify-content:center;margin-top:20px;flex-wrap:wrap;}
.home-domain-links a{color:rgba(255,255,255,.85);font-weight:600;font-size:14px;}
.home-domain-links a:hover{color:#fff;}
@media (max-width:640px){.home-domain{padding:40px 20px;border-radius:24px;}}

/* Home: collection strip */
.home-collect{display:flex;align-items:center;gap:20px;padding:22px 28px;border-radius:24px;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(255,255,255,.75));border:1px solid rgba(16,185,129,.28);box-shadow:var(--glass-shadow);}
.home-collect-ico{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 12px 24px -10px rgba(16,185,129,.7);}
.home-collect h3{margin:0 0 2px;font-size:19px;}.home-collect p{margin:0;color:var(--muted);font-size:14.5px;}
.home-collect>div{flex:1;min-width:0;}
@media (max-width:640px){.home-collect{flex-direction:column;text-align:center;align-items:stretch;}.home-collect-ico{margin:0 auto;}}

/* About */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.about-stats>div{padding:26px 20px;text-align:center;border-radius:22px;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}
.about-stats b{display:block;font-family:'Space Grotesk',sans-serif;font-size:38px;letter-spacing:-.03em;background:linear-gradient(135deg,#3b82f6,#073a86);-webkit-background-clip:text;background-clip:text;color:transparent;}
.about-stats span{font-size:13.5px;color:var(--muted);}
.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
.value-card{padding:28px 24px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .3s,box-shadow .3s;}
.value-card:hover{transform:translateY(-5px);box-shadow:0 24px 46px -22px rgba(10,35,90,.35);}
.value-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;margin-bottom:16px;box-shadow:0 10px 20px -8px rgba(10,91,199,.6);}
.value-card h3{font-size:18px;margin:0 0 6px;}.value-card p{margin:0;font-size:14.5px;color:var(--muted);}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:40px 44px;border-radius:30px;color:#fff;background:radial-gradient(500px 260px at 90% 0%,rgba(96,165,250,.45),transparent 60%),linear-gradient(135deg,#0f2a5e,#1d4ed8);box-shadow:0 36px 70px -36px rgba(29,78,216,.8);}
.cta-band h2{color:#fff;margin:0 0 4px;}.cta-band p{margin:0;color:rgba(255,255,255,.75);}
.btn-light{background:#fff;color:#0f2a5e;border-radius:12px;font-weight:700;}.btn-light:hover{transform:translateY(-1px);}
@media (max-width:760px){.about-stats{grid-template-columns:repeat(2,1fr);}.cta-band{padding:30px 24px;}}

/* Contact */
.contact-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:24px;}
.contact-tile{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:inherit;transition:transform .25s,box-shadow .25s;min-width:0;}
.contact-tile:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(10,35,90,.4);}
.contact-tile .ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-tile .ic.wa{background:linear-gradient(135deg,#25d366,#128c7e);}
.contact-tile small{display:block;font-size:12px;color:var(--muted-2);}.contact-tile b{font-size:14.5px;word-break:break-word;}
.contact-grid{display:grid!important;grid-template-columns:1.15fr .85fr!important;grid-template-areas:none!important;gap:22px!important;align-items:start;}
.contact-grid>*{grid-area:auto!important;min-width:0;}
.contact-side{display:grid;gap:16px;}
.store-detail{display:flex;gap:14px;padding:18px 20px;}
.store-detail h4{margin:0 0 3px;font-size:15px;}.store-detail p{margin:0;font-size:13.5px;color:var(--muted);}.store-detail .hrs{color:var(--muted-2);font-size:12.5px;margin-top:2px;}
.store-detail a{display:inline-block;margin-top:6px;font-weight:700;font-size:13px;color:#0a5bc7;}
.contact-map{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--glass-shadow);}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr!important;}}

/* Legal pages */
.legal-prose{max-width:900px!important;}
.legal-updated{display:inline-block;padding:5px 13px;border-radius:40px;background:rgba(10,91,199,.08);color:#0a5bc7;font-size:12.5px;font-weight:600;margin-bottom:18px;}
.legal-prose h2{font-size:22px;margin:38px 0 10px;scroll-margin-top:150px;padding-top:6px;}
.legal-prose p,.legal-prose li{font-size:15.5px;line-height:1.8;color:var(--muted);}
.legal-prose li{margin-bottom:6px;}
.legal-prose.has-toc{display:grid;grid-template-columns:230px 1fr;column-gap:44px;max-width:1100px!important;}
.legal-prose.has-toc>*{grid-column:2;}
.legal-prose.has-toc>.legal-toc{grid-column:1;grid-row:1 / span 60;position:sticky;top:150px;align-self:start;display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:18px;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);max-height:calc(100vh - 180px);overflow:auto;}
.legal-toc p{margin:0 0 8px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted-2)!important;}
.legal-toc a{padding:7px 10px;border-radius:9px;font-size:13px;color:var(--muted);transition:background .2s,color .2s;}
.legal-toc a:hover{background:rgba(10,91,199,.07);}
.legal-toc a.on{background:rgba(10,91,199,.1);color:#0a5bc7;font-weight:700;}
@media (max-width:900px){.legal-prose.has-toc{display:block;}.legal-prose.has-toc>.legal-toc{display:none;}}

/* Thank-you */
.ty-section{text-align:center;}
.ty-check{width:86px;height:86px;border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 10px rgba(16,185,129,.12),0 20px 40px -12px rgba(16,185,129,.7);animation:ty-pop .6s cubic-bezier(.2,.9,.3,1.3);}
@keyframes ty-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.ty-title{margin-bottom:8px;}.ty-sub{color:var(--muted);font-size:16px;margin:0 auto 26px;}
.ty-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 26px;}
.ty-step{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;color:var(--muted-2);min-width:90px;}
.ty-step span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8edf7;font-weight:700;font-size:14px;color:var(--muted);}
.ty-step.done span{background:linear-gradient(135deg,#10b981,#059669);color:#fff;}
.ty-step.active span{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;}
.ty-step.done b,.ty-step.active b{color:var(--ink);}
.ty-line{height:2px;width:46px;background:#dbe3f2;border-radius:2px;margin-bottom:22px;}
.ty-summary{text-align:left;margin:0 0 26px;}
.ty-note{color:var(--muted);font-size:14.5px;margin:0 0 26px;}
.ty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* Client area */
.account-shell{display:grid;grid-template-columns:250px 1fr;gap:26px;align-items:start;}
.account-nav{position:sticky;top:150px;padding:14px;border-radius:22px;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);}
.account-nav nav{display:flex;flex-direction:column;gap:3px;}
.account-nav a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:13px;font-size:14px;font-weight:600;color:var(--muted);transition:background .2s,color .2s,transform .2s;}
.account-nav a:hover{background:rgba(10,91,199,.07);color:var(--ink);transform:translateX(2px);}
.account-nav a.active{background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;box-shadow:0 10px 22px -10px rgba(10,91,199,.8);}
.account-nav .account-nav-logout{margin-top:8px;border-top:1px solid var(--line);border-radius:0 0 13px 13px;color:#dc2626;}
.acct-welcome{display:flex;align-items:center;gap:16px;padding:22px 26px;margin-bottom:20px;border-radius:24px;color:#fff;background:radial-gradient(420px 220px at 95% 0%,rgba(96,165,250,.45),transparent 60%),linear-gradient(135deg,#0f2a5e,#1d4ed8);box-shadow:0 28px 56px -28px rgba(29,78,216,.8);}
.acct-welcome h2{margin:0;font-size:22px;color:#fff;}.acct-welcome p{margin:2px 0 0;color:rgba(255,255,255,.75);font-size:14px;}
.acct-avatar{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;flex-shrink:0;}
.kpi-card{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);}
.acct-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;}
.acct-quick a{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);color:inherit;transition:transform .25s,box-shadow .25s;}
.acct-quick a:hover{transform:translateY(-3px);box-shadow:0 18px 36px -20px rgba(10,35,90,.4);}
.acct-quick b{font-family:'Space Grotesk',sans-serif;font-size:26px;letter-spacing:-.02em;}
.acct-quick span{font-size:13px;color:var(--muted);}
.acct-quick-cta{background:linear-gradient(135deg,rgba(59,130,246,.1),#fff)!important;border-style:dashed!important;border-color:rgba(10,91,199,.35)!important;}
.acct-quick-cta b{color:#0a5bc7;}
@media (max-width:900px){.account-shell{grid-template-columns:1fr;}.account-nav{position:static;}.account-nav nav{flex-direction:row;flex-wrap:wrap;}}

/* ==========================================================================
   Search-bar icon fix, live search dropdown, shop infinite scroll
   ========================================================================== */

/* The old stylesheet floated this icon OVER the first letters. It's now a normal flex item
   and disappears the moment the visitor starts typing. */
.domain-hero-search{position:relative;}
.domain-hero-search .domain-search-icon{position:static!important;transform:none!important;left:auto;top:auto;flex-shrink:0;margin-right:2px;color:#0a5bc7;}
.domain-hero-search.has-value .domain-search-icon{display:none;}
.domain-hero-search input[type=text]{padding-left:4px!important;}

/* Live search dropdown */
.sg-panel{position:fixed;z-index:3000;max-height:min(70vh,560px);overflow:auto;border-radius:20px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(10,91,199,.1);box-shadow:0 30px 70px -20px rgba(10,35,90,.45);padding:8px;animation:sg-in .16s ease;}
.sg-panel[hidden]{display:none;}
@keyframes sg-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sg-cats{display:flex;gap:6px;flex-wrap:wrap;padding:6px 8px 8px;}
.sg-cat{padding:5px 12px;border-radius:40px;background:rgba(10,91,199,.08);color:#0a5bc7;font-size:12.5px;font-weight:600;}
.sg-cat:hover{background:rgba(10,91,199,.16);}
.sg-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;transition:background .15s;}
.sg-row:hover,.sg-row.active{background:#f1f6ff;}
.sg-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit;}
.sg-main img{width:54px;height:54px;border-radius:12px;object-fit:cover;background:#f3f6fc;flex-shrink:0;border:1px solid var(--line);}
.sg-info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.sg-name{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sg-name mark{background:rgba(59,130,246,.22);color:inherit;border-radius:3px;padding:0 1px;}
.sg-price{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;color:#0a5bc7;}
.sg-price s{font-family:'Inter',sans-serif;font-weight:400;font-size:12px;color:var(--muted-2);margin-left:4px;}
.sg-action{flex-shrink:0;}
.sg-add,.sg-opt{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:8px 12px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#0a5bc7);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s;}
.sg-add:hover,.sg-opt:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(10,91,199,.8);}
.sg-opt{background:#eef2f9;color:#0a5bc7;}
.sg-add.done{background:linear-gradient(135deg,#10b981,#059669);}
.sg-add:disabled{opacity:.85;cursor:default;}
.sg-out{font-size:12px;color:var(--muted-2);font-weight:600;}
.sg-all{display:block;margin:6px 2px 2px;padding:12px 14px;border-radius:12px;text-align:center;font-size:13.5px;font-weight:700;color:#0a5bc7;background:#f6f9ff;}
.sg-all:hover{background:#eaf1ff;}
.sg-empty{padding:22px 16px;text-align:center;display:flex;flex-direction:column;gap:4px;font-size:13.5px;}
.sg-empty span{color:var(--muted-2);font-size:12.5px;}.sg-empty a{margin-top:8px;font-weight:700;color:#0a5bc7;}
.sg-skel{display:flex;gap:12px;padding:10px 8px;align-items:center;}
.sg-skel span{width:54px;height:54px;border-radius:12px;background:linear-gradient(90deg,#eef2f9,#f8faff,#eef2f9);background-size:200% 100%;animation:sg-shim 1.1s linear infinite;}
.sg-skel div{flex:1;display:grid;gap:8px;}
.sg-skel i{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,#eef2f9,#f8faff,#eef2f9);background-size:200% 100%;animation:sg-shim 1.1s linear infinite;}
.sg-skel i:last-child{width:40%;}
@keyframes sg-shim{from{background-position:200% 0}to{background-position:-200% 0}}
@media (max-width:560px){.sg-add,.sg-opt{min-width:78px;padding:8px 10px;}.sg-main img{width:46px;height:46px;}}

/* Shop infinite scroll */
.shop-skeleton{margin-top:20px;}
.shop-sentinel{min-height:60px;text-align:center;padding:26px 0 10px;}
.shop-end{color:var(--muted-2);font-size:14px;margin:0;}
.product-card.fade-in{animation:card-in .5s cubic-bezier(.2,.8,.2,1) both;}
@keyframes card-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.skeleton-block,.skeleton-line{background:linear-gradient(90deg,#eef2f9,#f8faff,#eef2f9);background-size:200% 100%;animation:sg-shim 1.1s linear infinite;}
.skeleton-line{height:12px;border-radius:6px;margin-bottom:10px;}