:root{--bg:#f7fafc;--card:#fff;--text:#091018;--muted:#64707d;--line:#e5ebf0;--neon:#00eaff;--neon2:#57ffb0;--shadow:0 20px 60px rgba(0,20,30,.09)}[data-theme=dark]{--bg:#06090c;--card:#0d1318;--text:#f4fbff;--muted:#91a1ac;--line:#1c2830;--shadow:0 24px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:80;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,60px);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{font-weight:900;letter-spacing:-.5px}.logo img{height:44px;max-width:180px;object-fit:contain}.icon-btn,.circle{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:50%;width:36px;min-width:36px;height:36px;padding:0;display:inline-grid;place-items:center;cursor:pointer;font-size:15px;line-height:1}.header-actions{justify-self:end;display:flex;gap:6px}.cart-badge{position:relative}.cart-badge b{position:absolute;right:-4px;top:-4px;background:var(--neon);color:#001014;border-radius:99px;padding:0 5px;font-size:10px}.drawer{position:fixed;z-index:101;left:0;top:0;width:min(340px,86vw);height:100dvh;background:var(--card);transform:translateX(-102%);transition:.3s ease;padding:28px;display:flex;flex-direction:column;gap:18px}.drawer.open{transform:none}.drawer-overlay{position:fixed;inset:0;z-index:100;background:#0008;opacity:0;pointer-events:none;transition:.3s}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer button{align-self:flex-end;border:0;background:none;color:var(--text);font-size:32px}.section,.intro,.features,.banner-slider{width:min(1200px,calc(100% - 32px));margin:0 auto}.intro{min-height:420px;display:grid;place-content:center;text-align:center;padding:80px 0}.eyebrow{color:#00889a;font-weight:800;letter-spacing:.16em;font-size:12px}.intro h1{font-size:clamp(42px,7vw,86px);line-height:.96;letter-spacing:-.055em;max-width:950px;margin:14px auto 30px}.stats{display:flex;justify-content:center;gap:42px}.stats b{font-size:24px}.stats small{display:block;color:var(--muted);font-size:12px;font-weight:500}.section{padding:55px 0}.section-head,.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2{font-size:32px}.category-strip{display:flex;gap:16px;overflow:auto;padding:12px 4px 24px;scrollbar-width:none;scroll-snap-type:x proximity}.category-card{min-width:190px;height:120px;border:1px solid var(--line);background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:20px;display:flex;align-items:flex-end;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;scroll-snap-align:start}.category-card:hover{transform:translateY(-7px);box-shadow:0 18px 60px color-mix(in srgb,var(--neon) 16%,transparent)}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.category-card strong{position:relative}.banner-slider{height:400px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.banner{display:none;height:100%;background-size:cover;background-position:center;padding:60px;color:white;align-items:center}.banner.active{display:flex;animation:fade .45s}.banner h2{font-size:clamp(32px,5vw,64px);max-width:700px;line-height:1}.banner p{max-width:600px}.btn,button{border:0;background:linear-gradient(120deg,var(--neon),var(--neon2));color:#001014;font-weight:800;border-radius:14px;padding:12px 18px;display:inline-block;cursor:pointer}.btn.secondary,button.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:14px;transition:.25s;box-shadow:0 10px 34px rgba(0,0,0,.04)}.product-card:hover{transform:translateY(-6px)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:17px;background:#eef2f4}.product-card small{color:var(--muted)}.product-card h3{margin:6px 0;line-height:1.25}.rating{color:#d99800}.price,.big-price{font-weight:900}.big-price{font-size:34px}.card-actions{display:flex;gap:8px;margin-top:14px}.card-actions>*{flex:1}.card-actions button,.card-actions .btn{width:100%;text-align:center}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:60px 0}.features article{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;font-size:24px}.features h3{font-size:16px;margin-bottom:0}.features p{font-size:13px;color:var(--muted)}.footer{margin-top:70px;border-top:1px solid var(--line);padding:55px max(16px,calc((100% - 1200px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;background:var(--card)}.footer a{display:block;margin:7px 0}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.crumbs{color:var(--muted);margin-bottom:22px}.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:54px}.main-image{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--card);border-radius:30px}.thumbs{display:flex;gap:10px;overflow:auto;margin-top:12px}.thumb{background:var(--card);padding:4px;border:1px solid var(--line)}.thumb img{width:64px;height:64px;object-fit:cover;border-radius:10px}.product-info h1{font-size:clamp(36px,5vw,64px);line-height:1;margin:12px 0}.product-info label{display:block;margin:16px 0}.product-info select,.product-info input,.checkout input,.checkout textarea,.search-box input{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text)}.meta-box,.tier-box{display:flex;gap:16px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);padding:14px;border-radius:14px}.qty{display:flex;max-width:190px}.qty input{text-align:center}.description{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.cart-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);padding:14px;border-radius:18px;margin-bottom:12px}.cart-row img{width:90px;height:90px;object-fit:cover;border-radius:12px}.summary{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;height:max-content;position:sticky;top:92px}.summary p{display:flex;justify-content:space-between}.checkout-form{max-width:760px;display:grid;gap:14px}.checkout label{font-weight:700}.checkout fieldset{border:1px solid var(--line);border-radius:16px}.checkout fieldset label{display:block;padding:8px}.checkout fieldset input{width:auto}.thankyou{text-align:center;max-width:760px}.success-mark{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:var(--neon2);color:#00150c;font-size:48px;margin:auto}.mini-line{padding:10px;border-bottom:1px solid var(--line)}.search-box{display:flex;gap:10px;margin:20px 0 34px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@keyframes fade{from{opacity:.4}to{opacity:1}}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail,.cart-layout{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}.summary{position:static}}@media(max-width:560px){.site-header{height:58px;padding:0 12px}.icon-btn,.circle{width:34px;min-width:34px;height:34px;font-size:14px}.header-actions{gap:5px}.logo{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.logo img{height:36px;max-width:160px}.header-actions #themeBtn{display:none}.intro{min-height:340px}.intro h1{font-size:44px}.stats{gap:18px}.category-card{min-width:155px}.banner-slider{height:340px}.banner{padding:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:9px;border-radius:18px}.product-card h3{font-size:14px}.card-actions{flex-direction:column}.features,.footer{grid-template-columns:1fr}.section{padding:34px 0}.product-detail{gap:24px}.cart-row{grid-template-columns:70px 1fr}.cart-row form{grid-column:1/-1}.footer-bottom{grid-column:auto}}


/* =========================================================
   SHOAiB SUBSCRIPTION — PREMIUM STORE REDESIGN
   Galaxy-inspired visual direction, original implementation.
   Applies across home, shop, category, product, cart, checkout,
   account and thank-you pages.
   ========================================================= */
:root{
  --bg:#f7f8f9;
  --card:#ffffff;
  --text:#111817;
  --muted:#687572;
  --line:#e4e9e7;
  --neon:#18d89a;
  --neon2:#68f0bb;
  --accent:#0a8f68;
  --accent-soft:#ecfff7;
  --dark:#101918;
  --shadow-soft:0 10px 32px rgba(18,38,33,.055);
  --shadow-card:0 18px 48px rgba(18,38,33,.075);
}
[data-theme=dark]{
  --bg:#07100e;--card:#0d1714;--text:#f4fffb;--muted:#9aaea8;--line:#20312c;
  --accent-soft:#0d251d;--shadow-soft:0 14px 40px rgba(0,0,0,.24);--shadow-card:0 22px 60px rgba(0,0,0,.32)
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(24,216,154,.055),transparent 24rem),
    radial-gradient(circle at 92% 18%,rgba(24,216,154,.045),transparent 25rem),
    var(--bg);
  color:var(--text);
}
main{min-height:55vh}
.site-header{
  height:76px!important;
  padding:0 clamp(14px,4vw,56px)!important;
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid rgba(20,45,38,.08)!important;
  box-shadow:0 4px 24px rgba(18,38,33,.035);
}
[data-theme=dark] .site-header{background:rgba(8,17,14,.88)!important}
.site-header .logo span{font-weight:900!important;letter-spacing:-.8px}
.site-header .icon-btn{
  border-color:#e1e8e5!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(20,45,38,.045);
}
[data-theme=dark] .site-header .icon-btn{background:var(--card)!important;border-color:var(--line)!important}
.site-header .cart-badge b{background:var(--neon)!important}
.drawer{background:var(--card)!important}
.drawer>a:hover,.drawer>a:active{background:var(--accent-soft)!important;color:var(--accent)!important}

/* Global content rhythm */
.section,.intro,.features,.banner-slider{width:min(1200px,calc(100% - 32px))}
.section{padding:44px 0}
.section-head h1,.section-head h2,.title-row h1,.title-row h2{letter-spacing:-1.4px}
.section-head h2{font-size:clamp(25px,3vw,34px)!important;margin:0}
.section-head>a,.view-all-home{
  border:1px solid #dce6e1!important;
  background:#fff!important;
  border-radius:999px!important;
  color:#18211f!important;
  box-shadow:0 5px 16px rgba(20,45,38,.04);
}
.view-all-home:hover{color:var(--accent)!important;border-color:#8fe8c7!important}

/* Home / hero */
.home-shell .intro{
  min-height:420px!important;
  margin:20px auto 35px!important;
  padding:76px 20px 60px!important;
  border-radius:34px;
  background:
    radial-gradient(circle at 85% 25%,rgba(55,235,174,.18),transparent 20rem),
    radial-gradient(circle at 15% 90%,rgba(35,212,157,.09),transparent 19rem),
    linear-gradient(135deg,#fff,#f1fff9);
  border:1px solid rgba(30,180,132,.12);
  box-shadow:var(--shadow-card);
}
[data-theme=dark] .home-shell .intro{
  background:radial-gradient(circle at 85% 25%,rgba(55,235,174,.10),transparent 20rem),#0d1714;
}
.home-shell .intro h1{
  font-size:clamp(42px,7vw,82px)!important;
  max-width:900px!important;
  letter-spacing:-3.2px!important;
}
.home-shell .eyebrow{color:var(--accent)}
.home-shell .stats b{
  min-width:160px!important;
  padding:16px 22px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #e2ebe7!important;
  box-shadow:var(--shadow-soft)!important;
}
[data-theme=dark] .home-shell .stats b{background:var(--card)!important;border-color:var(--line)!important}
.home-shell .category-card{
  min-width:170px!important;height:110px!important;border-radius:19px!important;
  box-shadow:var(--shadow-soft)!important;border-color:#e1e8e5!important;
}
.home-shell .category-card:hover{box-shadow:0 20px 50px rgba(24,216,154,.13)!important}
.home-shell .category-product-section .horizontal-products .product-card{
  flex-basis:190px!important;width:190px!important;
}
.home-shell .category-product-section .horizontal-products .product-card img{
  border-radius:18px!important;
}

/* Product cards everywhere */
.product-grid{gap:16px!important}
.product-card{
  border:1px solid #e2e8e5!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--shadow-soft)!important;
  padding:12px!important;
  overflow:hidden;
}
[data-theme=dark] .product-card{background:var(--card)!important;border-color:var(--line)!important}
.product-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 22px 48px rgba(18,38,33,.10)!important;
  border-color:#a5e9d0!important;
}
.product-card img{border-radius:15px!important}
.product-card h3{font-size:15px!important;letter-spacing:-.2px}
.product-card small{font-size:11px!important}
.product-card .price{font-size:17px!important;color:#0a8f68!important}
.product-card .rating{font-size:12px!important}
.product-card .card-actions{gap:7px!important}
.product-card .card-actions button,.product-card .card-actions .btn{
  min-height:42px!important;padding:9px 11px!important;border-radius:12px!important;font-size:12px!important;
}
.product-card .card-actions button{background:#101918!important;color:#fff!important}
.product-card .card-actions .secondary{background:#ecfff7!important;color:#087952!important;border:1px solid #c9f2e1!important}

/* Product detail */
.product-detail{gap:42px!important}
.product-page-pro .product-info-pro,.product-info{
  border-radius:25px!important;
  border:1px solid #e0e8e4!important;
  box-shadow:var(--shadow-card)!important;
}
.product-page-pro .main-image,.main-image{
  border-radius:25px!important;
  box-shadow:var(--shadow-soft)!important;
}
.product-info-pro h1,.product-info h1{letter-spacing:-2px!important}
.product-page-pro .price-pro,.big-price{color:#087c5a!important}
.product-page-pro .field-pro select,.product-info select{
  border-radius:12px!important;
  min-height:48px;
}
.product-page-pro .actions-pro button,.product-info .btn,.product-info button{
  border-radius:13px!important;
}
.product-page-pro .actions-pro .buy-now{
  background:#18d89a!important;color:#062219!important;
  box-shadow:0 12px 25px rgba(24,216,154,.18);
}
.product-page-pro .description-pro,.description{
  border-radius:22px!important;
  box-shadow:var(--shadow-soft)!important;
}
.product-page-pro .tier-pro,.tier-box{
  background:#f4fbf8!important;border:1px solid #dfeae5!important;border-radius:18px!important;
}
[data-theme=dark] .product-page-pro .tier-pro{background:var(--accent-soft)!important;border-color:var(--line)!important}

/* Cart */
.cart-pro,.cart-layout{
  width:min(1180px,calc(100% - 32px))!important;
  margin:0 auto!important;
}
.cart-pro{padding-top:34px!important}
.cart-pro__title{font-size:clamp(32px,5vw,54px)!important;letter-spacing:-2px!important}
.cart-item,.cart-row,.cart-summary,.summary{
  border:1px solid #e1e8e5!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:var(--shadow-soft)!important;
}
[data-theme=dark] .cart-item,[data-theme=dark] .cart-row,[data-theme=dark] .cart-summary,[data-theme=dark] .summary{
  background:var(--card)!important;border-color:var(--line)!important;
}
.cart-item__update,.cart-summary__checkout{
  background:#18d89a!important;color:#062219!important;
  box-shadow:0 10px 24px rgba(24,216,154,.15)!important;
}
.cart-item__remove{border-radius:10px!important}
.cart-summary__total strong{color:#087c5a!important}

/* Checkout */
.checkout-premium{
  max-width:1060px!important;
  padding:34px 20px 65px!important;
}
.checkout-head h1{font-size:clamp(34px,6vw,56px)!important;letter-spacing:-2px!important}
.checkout-card{
  border:1px solid #e0e8e4!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-card)!important;
  background:#fff!important;
}
[data-theme=dark] .checkout-card{background:var(--card)!important;border-color:var(--line)!important}
.checkout-section-title .num{background:#18d89a!important;color:#062219!important}
.checkout-premium input[type=text],.checkout-premium input[type=email],.checkout-premium input[type=tel],.checkout-premium textarea{
  border-color:#dce5e1!important;border-radius:12px!important;background:#fbfdfc!important;
}
.checkout-premium input:focus,.checkout-premium textarea:focus{
  border-color:#18d89a!important;box-shadow:0 0 0 3px rgba(24,216,154,.11)!important;
}
.payment-option{
  border-color:#dfe8e4!important;border-radius:15px!important;
}
.payment-option:has(input:checked){
  border-color:#18d89a!important;background:#f1fff9!important;
}
.checkout-premium button,.checkout-premium .btn{
  border-radius:13px!important;
}

/* Search / category pages */
.search-box input{
  min-height:50px!important;border-radius:999px!important;padding-left:18px!important;
  border-color:#dce6e2!important;background:#fff!important;
}
.category-strip{gap:12px!important}
.category-card{
  border-radius:19px!important;
  border-color:#e1e8e5!important;
  box-shadow:var(--shadow-soft)!important;
}
.category-card:hover{border-color:#9ce7ce!important}

/* Account / orders */
.account-page,.account-shell{
  width:min(1100px,calc(100% - 32px))!important;
  margin:0 auto;
}
.account-card,.order-card,.profile-card{
  border:1px solid #e1e8e5!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--shadow-soft)!important;
}
[data-theme=dark] .account-card,[data-theme=dark] .order-card,[data-theme=dark] .profile-card{background:var(--card)!important;border-color:var(--line)!important}

/* Thank-you */
.thankyou-page{padding-top:24px!important}
.thankyou-hero h1{font-size:clamp(30px,5vw,46px)!important}
.thankyou-summary{border-radius:18px!important;box-shadow:var(--shadow-soft)!important}
.delivery-account{
  border-radius:21px!important;
  border-color:#8edfc3!important;
  box-shadow:0 0 24px rgba(24,216,154,.13),var(--shadow-soft)!important;
}
.delivery-account:before{background:linear-gradient(90deg,#18d89a,#64edba,#18d89a)!important}

/* Footer */
.footer{
  margin-top:55px!important;
  padding-top:48px!important;
  background:#101918!important;
  color:#edf9f5!important;
  border-top:0!important;
}
.footer a{color:#c5d6d0!important}
.footer a:hover{color:#55eab1!important}
.footer-bottom{border-color:rgba(255,255,255,.10)!important;color:#8fa29c!important}

/* Mobile */
@media(max-width:700px){
  .section{padding:31px 0}
  .section,.intro,.features,.banner-slider{width:calc(100% - 24px)}
  .home-shell .intro{margin:14px auto 24px!important;padding:55px 14px 42px!important;border-radius:25px}
  .home-shell .intro h1{font-size:clamp(39px,11vw,60px)!important;letter-spacing:-2px!important}
  .home-shell .stats{gap:8px}
  .home-shell .stats b{min-width:120px!important;padding:13px 12px!important;font-size:22px!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card{padding:8px!important;border-radius:17px!important}
  .product-card h3{font-size:13px!important}
  .product-card .card-actions{flex-direction:column!important}
  .product-card .card-actions button,.product-card .card-actions .btn{width:100%!important}
  .product-detail{gap:20px!important}
  .cart-pro,.cart-layout{width:calc(100% - 24px)!important}
  .checkout-premium{padding:25px 12px 50px!important}
}

.store-announcement{min-height:30px;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#101918;color:#dffcf1;font-size:11px;font-weight:750;letter-spacing:.02em}
.store-announcement span{opacity:.45}
@media(max-width:560px){.store-announcement{font-size:10px;min-height:28px;padding:5px 8px;gap:5px}.store-announcement span{display:none}}

.store-announcement{
  background:#16a34a!important;
  color:#fff!important;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  font-weight:900;
  letter-spacing:.15px;
  min-height:34px;
  padding:7px 10px;
}
.store-announcement strong{color:#fff!important}
@media(max-width:560px){
  .store-announcement{font-size:10px;padding:7px 4px;letter-spacing:0}
}


/* Azaadi Sale Announcement */
.store-announcement{
  background:linear-gradient(135deg,#047857 0%,#16a34a 45%,#22c55e 100%)!important;
  color:#fff!important;
  width:100%;
  min-height:58px;
  padding:7px 10px 8px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-align:center;
  font-weight:900;
  line-height:1.15;
  letter-spacing:.2px;
  white-space:normal;
  overflow:hidden;
  box-shadow:0 3px 14px rgba(22,163,74,.42), inset 0 -1px 0 rgba(255,255,255,.22);
}
.store-announcement span{
  display:block;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.store-announcement span:first-child{font-size:14px}
.store-announcement span:last-child{font-size:13px}
@media(max-width:560px){
  .store-announcement{
    min-height:54px;
    padding:6px 4px 7px;
    gap:2px;
  }
  .store-announcement span:first-child{font-size:13px}
  .store-announcement span:last-child{font-size:12px}
}