/* ============================================================
   Awwal Marketplace — Shared Stylesheet
   Used by every .php page via includes/header.php
   ============================================================ */

:root{
  --navy-950:#0A1C33; --navy-900:#0D2545; --navy-800:#123059; --navy-700:#1A3F73;
  --orange-600:#E8720C; --orange-500:#FF8A1E; --amber-100:#FFEFDB;
  --gray-50:#F4F6F8; --gray-100:#EDF0F3; --gray-400:#8A94A3; --gray-600:#5A6577;
  --white:#FFFFFF; --green-600:#1E8E5A;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Inter',sans-serif; background:var(--gray-50); color:var(--navy-950); -webkit-font-smoothing:antialiased;}
h1,h2,h3,.brand{font-family:'Sora',sans-serif;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}

/* ===== TOP UTILITY BAR ===== */
.topbar{background:var(--navy-950); color:#C9D4E3; font-size:12.5px; padding:6px 24px; display:flex; justify-content:space-between; letter-spacing:.2px;}
.topbar a{color:#C9D4E3; opacity:.9;}
.topbar a:hover{color:var(--orange-500); opacity:1;}
.topbar .right span{margin-left:18px;}

/* ===== HEADER ===== */
header.site-header{background:var(--navy-900); padding:14px 24px; display:flex; align-items:center; gap:24px;}
.brand{display:flex; align-items:baseline; gap:2px; font-weight:800; font-size:26px; color:var(--white); flex-shrink:0;}
.brand .dot{color:var(--orange-500);}
.brand-tag{font-family:'Inter',sans-serif; font-weight:600; font-size:9px; color:var(--orange-500); letter-spacing:1.5px; text-transform:uppercase; display:block; margin-top:-2px;}
.brand-wrap{display:flex; flex-direction:column;}

.search-bar{flex:1; display:flex; max-width:720px; border-radius:6px; overflow:hidden; height:42px;}
.search-cat{background:var(--gray-100); border:none; padding:0 10px; font-size:13px; color:var(--navy-800); font-weight:500; border-right:1px solid #d8dde3; cursor:pointer;}
.search-bar input{flex:1; border:none; padding:0 14px; font-size:14px; outline:none;}
.search-bar button{background:var(--orange-500); border:none; width:52px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.search-bar button:hover{background:var(--orange-600);}

.header-actions{display:flex; align-items:center; gap:22px; flex-shrink:0; margin-left:auto;}
.header-actions .item{display:flex; flex-direction:column; color:#E3E9F1; cursor:pointer; line-height:1.25;}
.header-actions .item small{font-size:11px; color:#9CACC4;}
.header-actions .item strong{font-size:13.5px; font-weight:600;}
.header-actions .item:hover strong{color:var(--orange-500);}
.cart-icon{position:relative;}
.cart-badge{position:absolute; top:-6px; right:-10px; background:var(--orange-500); color:var(--navy-950); font-size:10px; font-weight:800; width:17px; height:17px; border-radius:50%; display:flex; align-items:center; justify-content:center;}

/* ===== CATEGORY NAV ===== */
.catnav{background:var(--navy-800); padding:0 24px; display:flex; align-items:center; gap:26px; height:40px; overflow-x:auto;}
.catnav a{color:#D7E0EC; font-size:13px; font-weight:500; white-space:nowrap;}
.catnav a:hover{color:var(--orange-500);}
.catnav .all-cat{display:flex; align-items:center; gap:6px; font-weight:700; color:var(--white);}
.catnav .flash{color:var(--orange-500); font-weight:700;}

/* ===== BREADCRUMB ===== */
.crumb{max-width:1400px; margin:0 auto; padding:16px 24px 0; font-size:12.5px; color:var(--gray-600);}
.crumb span{color:var(--orange-600); font-weight:600;}

/* ===== HERO ===== */
.hero{display:grid; grid-template-columns:2.1fr 1fr; gap:16px; padding:20px 24px; max-width:1400px; margin:0 auto;}
.hero-main{background:linear-gradient(120deg, var(--navy-900) 0%, var(--navy-700) 100%); border-radius:14px; padding:44px 48px; position:relative; overflow:hidden; min-height:340px; display:flex; flex-direction:column; justify-content:center;}
.hero-main::after{content:""; position:absolute; right:-60px; top:-60px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle, rgba(255,138,30,.18) 0%, transparent 70%);}
.hero-eyebrow{color:var(--orange-500); font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:14px;}
.hero-main h1{color:var(--white); font-size:42px; font-weight:700; line-height:1.15; max-width:520px; margin-bottom:16px;}
.hero-main h1 span{color:var(--orange-500);}
.hero-main p{color:#B9C6DA; font-size:15px; max-width:440px; margin-bottom:26px;}
.btn-primary{background:var(--orange-500); color:var(--navy-950); font-weight:700; font-size:14.5px; padding:13px 28px; border-radius:7px; display:inline-block; width:fit-content; transition:.15s; border:none; cursor:pointer;}
.btn-primary:hover{background:var(--white);}

.hero-side{display:flex; flex-direction:column; gap:16px;}
.side-card{background:var(--white); border-radius:14px; padding:22px; flex:1; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden;}
.side-card.dark{background:var(--navy-950); color:var(--white);}
.side-card .tag{font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--orange-600); margin-bottom:6px;}
.side-card.dark .tag{color:var(--orange-500);}
.side-card h3{font-size:19px; font-weight:700; margin-bottom:6px;}
.side-card p{font-size:12.5px; color:var(--gray-600);}
.side-card.dark p{color:#AEB9CC;}

/* ===== SECTION WRAP ===== */
.section{max-width:1400px; margin:0 auto; padding:34px 24px 6px;}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:18px;}
.section-head h2{font-size:22px; font-weight:700; color:var(--navy-950);}
.section-head .see-all{font-size:13px; font-weight:600; color:var(--orange-600); border-bottom:1.5px solid var(--orange-500); padding-bottom:2px;}
.eyebrow-small{font-size:11.5px; font-weight:700; color:var(--orange-600); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:4px; display:block;}

/* ===== CATEGORY STRIP ===== */
.cat-strip{display:grid; grid-template-columns:repeat(6,1fr); gap:14px;}
.cat-tile{background:var(--white); border-radius:12px; padding:18px 12px; text-align:center; border:1px solid var(--gray-100); transition:.15s;}
.cat-tile:hover{border-color:var(--orange-500); transform:translateY(-3px);}
.cat-tile .ic{width:52px; height:52px; border-radius:50%; background:var(--amber-100); margin:0 auto 10px; display:flex; align-items:center; justify-content:center; font-size:22px;}
.cat-tile span{font-size:12.5px; font-weight:600; color:var(--navy-900);}

/* ===== PRODUCT GRID / CARD ===== */
.prod-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px;}
.prod-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.prod-card{background:var(--white); border-radius:12px; border:1px solid var(--gray-100); overflow:hidden; transition:.15s; position:relative;}
.prod-card:hover{box-shadow:0 10px 24px rgba(13,37,69,.08); transform:translateY(-3px);}
.prod-img{height:150px; background:var(--gray-50); display:flex; align-items:center; justify-content:center; font-size:36px; position:relative;}
.prod-grid.cols-4 .prod-img{height:170px; font-size:40px;}
.badge-off{position:absolute; top:10px; left:10px; background:var(--navy-950); color:var(--orange-500); font-size:10.5px; font-weight:800; padding:3px 8px; border-radius:5px;}
.wish-ic{position:absolute; top:10px; right:10px; width:26px; height:26px; background:rgba(255,255,255,.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px;}
.prod-body{padding:12px 14px 14px;}
.prod-body .seller{font-size:10.5px; color:var(--gray-400); margin-bottom:3px;}
.prod-body .title{font-size:13px; font-weight:600; color:var(--navy-950); line-height:1.35; height:36px; overflow:hidden; margin-bottom:6px;}
.rating-row{display:flex; align-items:center; gap:5px; margin-bottom:7px;}
.stars{color:var(--orange-500); font-size:12px; letter-spacing:1px;}
.rating-row .count{font-size:11px; color:var(--gray-400);}
.price-row{display:flex; align-items:baseline; gap:7px; flex-wrap:wrap;}
.price-now{font-size:16.5px; font-weight:800; color:var(--navy-950);}
.price-old{font-size:12px; color:var(--gray-400); text-decoration:line-through;}
.price-off{font-size:11.5px; color:var(--green-600); font-weight:700;}
.delivery{font-size:10.5px; color:var(--gray-600); margin-top:6px;}
.add-cart-btn{width:100%; margin-top:10px; background:var(--amber-100); color:var(--orange-600); font-weight:700; font-size:12.5px; padding:9px; border-radius:7px; text-align:center; cursor:pointer; border:none;}
.add-cart-btn:hover{background:var(--orange-500); color:var(--white);}

/* ===== FLASH DEALS ===== */
.flash-wrap{background:linear-gradient(90deg, var(--navy-950), var(--navy-800)); border-radius:14px; padding:22px 26px; margin-top:8px;}
.flash-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;}
.flash-head h2{color:var(--white); font-size:20px;}
.timer{display:flex; gap:6px;}
.timer span{background:rgba(255,255,255,.1); color:var(--white); font-size:12px; font-weight:700; padding:5px 9px; border-radius:5px; font-variant-numeric:tabular-nums;}
.flash-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
.flash-card{background:var(--navy-900); border-radius:10px; padding:12px; border:1px solid var(--navy-700);}
.flash-card .prod-img{height:100px; background:var(--navy-800); border-radius:6px; margin-bottom:10px;}
.flash-card .title{color:#E3E9F1; font-size:12.5px; height:32px; margin-bottom:6px;}
.flash-card .price-now{color:var(--orange-500);}
.flash-card .price-old{color:#7A88A0;}
.stock-bar{height:5px; background:var(--navy-700); border-radius:3px; margin-top:8px; overflow:hidden;}
.stock-bar i{display:block; height:100%; background:var(--orange-500);}
.stock-label{font-size:10px; color:#8FA0BC; margin-top:4px;}

/* ===== SELLER STRIP ===== */
.seller-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.seller-card{background:var(--white); border-radius:12px; padding:20px; border:1px solid var(--gray-100); display:flex; gap:14px; align-items:center;}
.seller-avatar{width:52px; height:52px; border-radius:50%; background:var(--amber-100); display:flex; align-items:center; justify-content:center; font-weight:800; color:var(--orange-600); flex-shrink:0;}
.seller-card h4{font-size:14px; font-weight:700; margin-bottom:3px;}
.seller-card .stars{font-size:11px;}
.seller-card p{font-size:11px; color:var(--gray-400); margin-top:3px;}

/* ===== NEWSLETTER ===== */
.newsletter{max-width:1400px; margin:40px auto 0; padding:0 24px;}
.news-inner{background:var(--amber-100); border-radius:14px; padding:32px 40px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;}
.news-inner h3{font-size:20px; color:var(--navy-950); margin-bottom:4px;}
.news-inner p{font-size:13px; color:var(--gray-600);}
.news-form{display:flex; gap:10px; flex-shrink:0;}
.news-form input{border:none; border-radius:7px; padding:12px 16px; font-size:13.5px; width:260px; outline:none;}

/* ===== FOOTER ===== */
footer.site-footer{background:var(--navy-950); margin-top:44px; padding:44px 24px 20px;}
.foot-grid{max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:30px; padding-bottom:30px; border-bottom:1px solid var(--navy-800);}
.foot-grid h5{color:var(--white); font-size:13px; font-weight:700; margin-bottom:14px; letter-spacing:.3px;}
.foot-grid a{display:block; color:#96A3BB; font-size:12.5px; margin-bottom:10px;}
.foot-grid a:hover{color:var(--orange-500);}
.foot-brand .brand{color:var(--white); margin-bottom:10px;}
.foot-brand p{color:#7E8CA6; font-size:12.5px; line-height:1.6; max-width:280px;}
.foot-bottom{max-width:1400px; margin:0 auto; padding-top:18px; display:flex; justify-content:space-between; color:#6B7A96; font-size:11.5px; flex-wrap:wrap; gap:8px;}

/* ===== LISTING PAGE ===== */
.layout{max-width:1400px; margin:0 auto; padding:16px 24px 40px; display:grid; grid-template-columns:260px 1fr; gap:24px;}
.filters{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; padding:20px; height:fit-content;}
.filters h4{font-size:14px; margin-bottom:14px;}
.f-group{margin-bottom:20px; border-bottom:1px solid var(--gray-100); padding-bottom:16px;}
.f-group:last-child{border:none;}
.f-group h5{font-size:12.5px; font-weight:700; color:var(--navy-900); margin-bottom:10px; text-transform:uppercase; letter-spacing:.4px;}
.f-row{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--gray-600); margin-bottom:8px; cursor:pointer;}
.f-row input{accent-color:var(--orange-500);}
.list-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:10px;}
.list-top h1{font-size:22px; font-weight:700;}
.list-top .count{font-size:12.5px; color:var(--gray-600); font-weight:400;}
.sort-wrap{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--gray-600);}
.sort-wrap select{border:1px solid var(--gray-100); border-radius:7px; padding:8px 12px; font-size:13px; background:var(--white); color:var(--navy-950);}
.pagination{display:flex; justify-content:center; gap:8px; margin-top:30px;}
.pagination a,.pagination span{width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:7px; font-size:13px; font-weight:600; background:var(--white); border:1px solid var(--gray-100); cursor:pointer;}
.pagination .active{background:var(--orange-500); color:var(--white); border-color:var(--orange-500);}

/* ===== PRODUCT DETAIL ===== */
.pdp{max-width:1300px; margin:0 auto; padding:20px 24px 0; display:grid; grid-template-columns:90px 1fr 1fr; gap:24px;}
.thumbs{display:flex; flex-direction:column; gap:10px;}
.thumb{width:70px; height:70px; border-radius:8px; background:var(--white); border:2px solid var(--gray-100); display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer;}
.thumb.active{border-color:var(--orange-500);}
.gallery-main{background:var(--white); border-radius:14px; border:1px solid var(--gray-100); display:flex; align-items:center; justify-content:center; height:420px; font-size:100px; position:relative;}
.gallery-badge{position:absolute; top:16px; left:16px; background:var(--navy-950); color:var(--orange-500); font-size:11px; font-weight:800; padding:5px 10px; border-radius:6px;}
.info h1{font-size:23px; font-weight:700; line-height:1.3; margin-bottom:8px;}
.info .brand-line{font-size:12.5px; color:var(--orange-600); font-weight:600; margin-bottom:10px;}
.rating-badge{background:var(--green-600); color:var(--white); font-size:12px; font-weight:700; padding:3px 8px; border-radius:5px; display:inline-flex; align-items:center; gap:3px;}
.price-block{background:var(--amber-100); border-radius:12px; padding:18px 20px; margin:16px 0 18px;}
.price-block .now{font-size:30px; font-weight:800; color:var(--navy-950);}
.price-block .old{font-size:15px; color:var(--gray-600); text-decoration:line-through; margin-left:8px;}
.price-block .off{font-size:14px; color:var(--green-600); font-weight:700; margin-left:8px;}
.price-block .tax{font-size:11.5px; color:var(--gray-600); margin-top:4px;}
.variant-group{margin-bottom:18px;}
.variant-group h5{font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--navy-900); margin-bottom:10px;}
.swatches{display:flex; gap:10px;}
.swatch{width:38px; height:38px; border-radius:50%; border:2px solid var(--gray-100); cursor:pointer;}
.swatch.active{border-color:var(--orange-500); box-shadow:0 0 0 2px var(--amber-100);}
.qty-row{display:flex; align-items:center; gap:14px; margin-bottom:20px;}
.qty-box{display:flex; align-items:center; border:1.5px solid var(--gray-100); border-radius:8px; overflow:hidden;}
.qty-box span,.qty-box button{width:34px; height:34px; display:flex; align-items:center; justify-content:center; cursor:pointer; font-weight:700; color:var(--navy-800); background:none; border:none; font-size:14px;}
.qty-box input{width:38px; text-align:center; border:none; border-left:1px solid var(--gray-100); border-right:1px solid var(--gray-100); font-size:14px;}
.stock-txt{font-size:12.5px; color:var(--green-600); font-weight:600;}
.cta-row{display:flex; gap:12px; margin-bottom:20px;}
.btn-cart{flex:1; background:var(--amber-100); color:var(--orange-600); font-weight:700; font-size:14.5px; padding:14px; border-radius:9px; text-align:center; cursor:pointer; border:none;}
.btn-buy{flex:1; background:var(--orange-500); color:var(--navy-950); font-weight:700; font-size:14.5px; padding:14px; border-radius:9px; text-align:center; cursor:pointer; border:none;}
.btn-buy:hover{background:var(--navy-950); color:var(--white);}
.side-panel{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; padding:18px; height:fit-content;}
.side-panel h4{font-size:13.5px; margin-bottom:12px;}
.deliv-row{display:flex; gap:10px; margin-bottom:14px; font-size:12.5px;}
.deliv-row strong{display:block; font-size:13px; color:var(--navy-950);}
.deliv-row span{color:var(--gray-600); font-size:11.5px;}
.seller-box{background:var(--gray-50); border-radius:10px; padding:14px; margin-top:14px; display:flex; align-items:center; gap:12px;}
.seller-box h5{font-size:13px; margin-bottom:2px;}
.seller-box p{font-size:11px; color:var(--gray-400);}
.offers{margin-top:16px;}
.offer-row{display:flex; gap:8px; font-size:12px; color:var(--gray-600); margin-bottom:8px;}
.offer-row .tag{color:var(--green-600); font-weight:700;}
.details-section{max-width:1300px; margin:36px auto 0; padding:0 24px 50px;}
.tabs{display:flex; gap:26px; border-bottom:2px solid var(--gray-100); margin-bottom:22px; flex-wrap:wrap;}
.tabs span{font-size:14px; font-weight:700; color:var(--gray-400); padding-bottom:12px; cursor:pointer;}
.tabs span.active{color:var(--navy-950); border-bottom:2.5px solid var(--orange-500); margin-bottom:-2px;}
.desc-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
.desc-grid p{font-size:13.5px; color:var(--gray-600); line-height:1.7; margin-bottom:14px;}
.spec-table{width:100%; border-collapse:collapse;}
.spec-table tr{border-bottom:1px solid var(--gray-100);}
.spec-table td{padding:10px 0; font-size:13px;}
.spec-table td:first-child{color:var(--gray-400); width:40%;}
.spec-table td:last-child{color:var(--navy-950); font-weight:500;}
.review-card{background:var(--white); border:1px solid var(--gray-100); border-radius:10px; padding:16px; margin-bottom:12px;}
.review-head{display:flex; justify-content:space-between; margin-bottom:8px; flex-wrap:wrap; gap:6px;}
.review-head .name{font-size:12.5px; font-weight:700;}

/* ===== CART / CHECKOUT ===== */
.steps{background:var(--white); border-bottom:1px solid var(--gray-100); padding:16px 24px; display:flex; justify-content:center; gap:36px; flex-wrap:wrap;}
.step{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--gray-400);}
.step .num{width:24px; height:24px; border-radius:50%; background:var(--gray-100); color:var(--gray-400); display:flex; align-items:center; justify-content:center; font-size:12px;}
.step.done{color:var(--green-600);}
.step.done .num{background:var(--green-600); color:var(--white);}
.step.active{color:var(--navy-950);}
.step.active .num{background:var(--orange-500); color:var(--white);}
.page-title{max-width:1300px; margin:0 auto; padding:22px 24px 0;}
.page-title h1{font-size:22px; font-weight:700;}
.cart-layout,.checkout-layout{max-width:1300px; margin:0 auto; padding:16px 24px 50px; display:grid; grid-template-columns:1fr 360px; gap:24px;}
.seller-block{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; margin-bottom:16px; overflow:hidden;}
.seller-head{background:var(--gray-50); padding:12px 18px; display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700; border-bottom:1px solid var(--gray-100);}
.cart-item{display:flex; gap:16px; padding:16px 18px; border-bottom:1px solid var(--gray-100); flex-wrap:wrap;}
.cart-item:last-child{border:none;}
.cart-img{width:84px; height:84px; background:var(--gray-50); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:34px; flex-shrink:0;}
.cart-item-info{flex:1; min-width:180px;}
.cart-item-info h4{font-size:13.5px; font-weight:600; margin-bottom:4px;}
.cart-item-info .variant{font-size:11.5px; color:var(--gray-400); margin-bottom:8px;}
.cart-item-info .actions{display:flex; gap:16px; font-size:12px; color:var(--gray-600); font-weight:600;}
.cart-item-info .actions a{cursor:pointer;}
.cart-item-info .actions .remove{color:#D64545;}
.cart-item-price{text-align:right; min-width:120px;}
.cart-item-price .now{font-size:15px; font-weight:800;}
.cart-item-price .old{font-size:11.5px; color:var(--gray-400); text-decoration:line-through; display:block;}
.summary{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; padding:20px; height:fit-content; position:sticky; top:20px;}
.summary h4{font-size:15px; font-weight:700; margin-bottom:16px;}
.sum-row{display:flex; justify-content:space-between; font-size:13px; color:var(--gray-600); margin-bottom:11px;}
.sum-row.discount{color:var(--green-600);}
.sum-row.total{border-top:1px dashed var(--gray-100); padding-top:14px; margin-top:8px; font-size:16px; font-weight:800; color:var(--navy-950);}
.promo-box{display:flex; gap:8px; margin:14px 0 18px;}
.promo-box input{flex:1; border:1px solid var(--gray-100); border-radius:7px; padding:10px 12px; font-size:12.5px; outline:none;}
.promo-box button{background:var(--navy-950); color:var(--white); border:none; border-radius:7px; padding:0 16px; font-size:12.5px; font-weight:700; cursor:pointer;}
.btn-checkout{background:var(--orange-500); color:var(--navy-950); font-weight:700; font-size:14.5px; padding:14px; border-radius:9px; text-align:center; cursor:pointer; border:none; width:100%;}
.btn-checkout:hover{background:var(--navy-950); color:var(--white);}
.addr-card{border:1.5px solid var(--gray-100); border-radius:10px; padding:14px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:flex-start; cursor:pointer; gap:10px;}
.addr-card.selected{border-color:var(--orange-500); background:var(--amber-100);}
.addr-card .tag{font-size:10.5px; font-weight:700; color:var(--orange-600); background:var(--white); padding:2px 8px; border-radius:5px; margin-bottom:6px; display:inline-block;}
.addr-card h5{font-size:13.5px; margin-bottom:4px;}
.addr-card p{font-size:12px; color:var(--gray-600); line-height:1.5;}
.pay-opt{border:1.5px solid var(--gray-100); border-radius:10px; padding:13px 16px; display:flex; align-items:center; gap:12px; cursor:pointer; font-size:13.5px; font-weight:600; margin-bottom:10px;}
.pay-opt.selected{border-color:var(--orange-500); background:var(--amber-100);}
.co-block{background:var(--white); border:1px solid var(--gray-100); border-radius:12px; padding:20px; margin-bottom:16px;}
.co-block h4{font-size:14.5px; font-weight:700; margin-bottom:14px;}

/* ===== FORMS (seller apply / contact) ===== */
.form-wrap{max-width:640px; margin:0 auto; padding:40px 24px;}
.form-wrap h1{font-size:24px; margin-bottom:8px;}
.form-wrap p.sub{color:var(--gray-600); font-size:13.5px; margin-bottom:24px;}
.form-field{margin-bottom:16px;}
.form-field label{display:block; font-size:12.5px; font-weight:700; margin-bottom:6px; color:var(--navy-900);}
.form-field input,.form-field select,.form-field textarea{width:100%; border:1.5px solid var(--gray-100); border-radius:8px; padding:11px 14px; font-size:13.5px; font-family:inherit; outline:none;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--orange-500);}
.alert{padding:12px 16px; border-radius:8px; font-size:13px; margin-bottom:16px;}
.alert.success{background:#E3F5EA; color:var(--green-600);}
.alert.error{background:#FCE8E8; color:#C0392B;}

@media(max-width:1100px){
  .prod-grid,.flash-grid{grid-template-columns:repeat(3,1fr);}
  .prod-grid.cols-4{grid-template-columns:repeat(2,1fr);}
  .cat-strip{grid-template-columns:repeat(3,1fr);}
  .hero{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:repeat(2,1fr);}
  .seller-grid{grid-template-columns:repeat(2,1fr);}
  .layout,.pdp,.cart-layout,.checkout-layout{grid-template-columns:1fr;}
  .thumbs{display:none;}
  .desc-grid{grid-template-columns:1fr;}
}