/* =========================================================
   ShopSphere Marketplace UI - responsive PHP/MySQL template
   Original non-infringing e-commerce design inspired by common marketplace UX.
   ========================================================= */
:root{
  --nav:#131921; --nav2:#232f3e; --nav3:#37475a; --accent:#ff9900; --accent2:#febd69;
  --yellow:#ffd814; --yellow2:#f7ca00; --orange:#ffa41c; --text:#0f1111; --muted:#565959;
  --bg:#eaeded; --card:#fff; --border:#d5d9d9; --link:#007185; --danger:#b12704;
  --success:#007600; --shadow:0 4px 18px rgba(15,17,17,.08); --radius:10px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;min-width:320px}
a{text-decoration:none;color:var(--link)}a:hover{color:#c7511f;text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}.container{max-width:1500px;margin:0 auto;padding:0 16px}.text-muted{color:var(--muted)}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}
/* Header */
.amz-header{background:var(--nav);color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.header-top{display:flex;align-items:center;gap:10px;padding:7px 12px}.mobile-menu-toggle{display:none;background:transparent;border:1px solid transparent;color:#fff;font-size:22px;padding:7px;border-radius:4px}.mobile-menu-toggle:hover{border-color:#fff}.amz-logo{display:inline-flex;align-items:baseline;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.5px;padding:6px 9px;border:1px solid transparent;border-radius:3px;white-space:nowrap}.amz-logo:hover{border-color:#fff;color:#fff;text-decoration:none}.amz-logo .logo-dot,.footer-logo span{color:var(--accent)}
.deliver-to{display:flex;flex-direction:column;padding:6px 9px;border:1px solid transparent;border-radius:3px;color:#fff;min-width:86px}.deliver-to:hover{border-color:#fff;color:#fff;text-decoration:none}.small{font-size:12px;color:#ccc}.bold{font-size:14px;font-weight:700;color:#fff}.search-bar{flex:1;display:flex;height:42px;min-width:160px;border-radius:7px;overflow:hidden}.search-bar:focus-within{box-shadow:0 0 0 3px var(--accent2)}.search-category{width:72px;border:0;border-right:1px solid #c5c5c5;background:#f3f3f3;color:#444;padding:0 6px}.search-bar input{flex:1;border:0;outline:0;padding:0 12px;font-size:15px;min-width:0}.search-bar button{width:54px;border:0;background:var(--accent2);font-size:18px;cursor:pointer;color:#111}.search-bar button:hover{background:#f3a847}.header-right{display:flex;align-items:center}.header-link{color:#fff;border:1px solid transparent;border-radius:3px;padding:6px 9px;line-height:1.15;min-height:42px;display:flex;flex-direction:column;justify-content:center}.header-link:hover{border-color:#fff;color:#fff;text-decoration:none}.header-link.cart{flex-direction:row;gap:5px;align-items:center;font-weight:700}.header-link.cart i{font-size:28px;position:relative}.cart-count{position:absolute;left:11px;top:-8px;background:var(--accent);color:var(--nav);border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:1px solid var(--nav)}
.sub-nav{display:flex;align-items:center;gap:2px;overflow-x:auto;background:var(--nav2);padding:7px 12px;white-space:nowrap;scrollbar-width:none}.sub-nav::-webkit-scrollbar{display:none}.sub-nav a{color:#fff;border:1px solid transparent;border-radius:3px;padding:6px 9px;font-size:14px}.sub-nav a:hover{border-color:#fff;color:#fff;text-decoration:none}.sell-link{color:var(--accent2)!important;font-weight:700}
/* Hero/home */
.hero-banner{min-height:360px;background:linear-gradient(135deg,#14324a,#2f526a 45%,#e2a84f);position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle at 18% 24%,rgba(255,216,20,.26),transparent 24%)}.hero-content{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:54px 18px 140px;color:#fff}.hero-content h1{font-size:clamp(30px,5vw,62px);line-height:1.03;max-width:650px}.hero-content p{font-size:clamp(15px,2vw,21px);max-width:610px;margin-top:14px;color:#eef}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-overlay{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,var(--bg))}.main-content{margin-top:-110px;position:relative;z-index:5;padding-bottom:40px}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.cat-card{background:#fff;padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);min-height:280px}.cat-card h3{font-size:20px;margin-bottom:14px}.cat-card .grid-4{display:grid;grid-template-columns:1fr 1fr;gap:11px}.cat-card .item{display:block;color:var(--text)}.cat-card .item:hover{text-decoration:none}.cat-card .item img,.cat-thumb{width:100%;height:106px;object-fit:cover;border-radius:7px;background:#f5f7f7}.cat-card .item p{font-size:12px;margin-top:5px}.cat-card .single img{height:230px;object-fit:cover;border-radius:7px}.shop-now{display:inline-block;margin-top:12px;font-size:13px}.product-row,.panel-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.product-row h2{font-size:22px;margin-bottom:12px}.product-scroll,.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.empty-state{text-align:center;padding:55px 18px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}
/* Product card */
.product-card{position:relative;background:#fff;border:1px solid transparent;border-radius:9px;padding:12px;transition:.18s;display:flex;flex-direction:column;min-height:345px}.product-card:hover{border-color:#ddd;box-shadow:0 8px 22px rgba(0,0,0,.12);transform:translateY(-1px)}.product-card .product-link{color:var(--text);display:block}.product-card .product-link:hover{text-decoration:none;color:var(--text)}.product-card img{height:176px;width:100%;object-fit:contain;background:#fff}.deal-pill{position:absolute;top:10px;left:10px;background:#cc0c39;color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.product-card .title{margin-top:9px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.rating-line{height:22px;margin-top:6px;text-align:left}.stars{color:#f5a623;font-size:13px}.review-count{color:var(--link);font-size:12px}.price-row{text-align:left;margin-top:4px}.price{font-size:20px;font-weight:700}.currency{font-size:12px;vertical-align:top}.mrp{text-decoration:line-through;color:var(--muted);font-size:12px;margin-left:6px}.delivery-line{font-size:12px;color:var(--muted);margin-top:5px;text-align:left}.fast-badge{font-weight:900;color:#00a8e1;margin-right:4px}.stock-line{font-size:12px;margin-top:4px;text-align:left}.in-stock{color:var(--success)}.out-stock{color:var(--danger)}.card-actions{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:10px}.btn-small{padding:6px 10px;font-size:12px}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#333}.icon-btn:hover{background:#f7fafa}
/* Buttons/forms */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid #a88734;padding:9px 15px;font-size:14px;cursor:pointer;transition:.15s;text-decoration:none!important}.btn-primary{background:linear-gradient(180deg,#f7dfa5,#f0c14b);color:#111}.btn-warning{background:linear-gradient(180deg,var(--yellow),var(--yellow2));border-color:#fcd200;color:#111}.btn-orange{background:linear-gradient(180deg,#ffa41c,#ff8f00);border-color:#ff8f00;color:#111}.btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-outline{background:#fff;border-color:var(--border);color:#111}.btn:hover{filter:brightness(.97);color:#111}.btn-block{display:flex;width:100%}.btn-large{padding:12px 20px;font-size:16px}.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],select,textarea{border:1px solid #a6a6a6;border-radius:6px;padding:9px 10px;font-size:14px;background:#fff}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#e77600;box-shadow:0 0 0 3px rgba(228,121,17,.2);outline:0}label{font-weight:700;font-size:13px;margin-bottom:4px;display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.auth-wrap{background:#fff;min-height:100vh;padding:24px 10px}.auth-logo{text-align:center;margin-bottom:12px}.auth-logo a{font-size:32px;font-weight:900;color:var(--nav)}.auth-box{max-width:370px;margin:0 auto;border:1px solid #ddd;border-radius:10px;padding:22px 26px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}.auth-box h1{font-size:28px;font-weight:400;margin-bottom:16px}.auth-box input{width:100%;margin-bottom:10px}.auth-note{font-size:12px;color:#555;margin-top:14px}.divider{text-align:center;margin:18px 0;border-bottom:1px solid #ddd;line-height:.1em}.divider span{background:#fff;padding:0 10px;color:#767676;font-size:12px}
/* Detail/cart */
.product-detail{background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-template-columns:90px minmax(280px,1fr) minmax(300px,380px);gap:20px}.thumb-list{display:flex;flex-direction:column;gap:7px}.thumb-list img{width:68px;height:68px;border:1px solid #ddd;border-radius:7px;object-fit:contain;padding:4px;cursor:pointer}.thumb-list img.active,.thumb-list img:hover{border-color:#e77600;box-shadow:0 0 0 2px rgba(228,121,17,.18)}.main-image{text-align:center}.main-image img{max-height:520px;object-fit:contain}.product-info h1{font-size:25px;line-height:1.25;margin-bottom:8px}.product-info .brand{font-size:14px}.rating-row{margin:9px 0}.price-main{font-size:30px;margin:10px 0}.savings{color:#cc0c39}.buy-box{border:1px solid #ddd;border-radius:10px;padding:18px;height:fit-content}.buy-box .price{font-size:24px}.buy-box .stock{font-size:18px;margin:10px 0}.secure-line{font-size:12px;color:var(--muted);margin-top:10px}.cart-page,.checkout-grid{display:grid;grid-template-columns:1fr 340px;gap:16px}.cart-items,.cart-summary{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.cart-items h1{font-size:28px;font-weight:400;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:14px}.cart-item{display:grid;grid-template-columns:160px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #eee}.cart-item img{height:155px;object-fit:contain}.cart-item h3{font-size:18px;margin-bottom:6px}.cart-item .price{text-align:right;font-size:20px;font-weight:700}.actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.actions button,.link-btn{background:0;border:0;color:var(--link);cursor:pointer;font-size:13px}.qty-box{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:#f0f2f2;padding:4px 7px}.qty-box select{padding:4px 10px;border:0;background:transparent}.summary-line{display:flex;justify-content:space-between;margin:8px 0}.summary-total{font-size:20px;font-weight:800;color:var(--danger);border-top:1px solid #ddd;padding-top:10px;margin-top:10px}
/* Tables/admin */
.admin-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:var(--nav2);color:#fff;position:sticky;top:0;height:100vh;overflow:auto}.admin-sidebar .logo{padding:20px;font-size:20px;font-weight:900;border-bottom:1px solid var(--nav3)}.admin-sidebar .logo a{color:#fff}.admin-sidebar a{display:block;color:#ddd;padding:12px 20px;border-left:3px solid transparent}.admin-sidebar a:hover,.admin-sidebar a.active{background:#1a232f;color:#fff;border-left-color:var(--accent);text-decoration:none}.admin-sidebar i{width:21px;margin-right:8px}.admin-main{padding:20px;background:#f5f5f5;min-width:0}.admin-header{background:#fff;padding:14px 18px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;box-shadow:var(--shadow)}.admin-header h1{font-size:22px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:18px}.stat-card{background:#fff;padding:20px;border-radius:10px;border-left:4px solid var(--accent);box-shadow:var(--shadow)}.stat-card .label{font-size:12px;color:#767676;text-transform:uppercase}.stat-card .value{font-size:28px;font-weight:800;margin-top:6px}.data-table{width:100%;background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.data-table th{background:var(--nav2);color:#fff;text-align:left;padding:12px;font-size:13px;white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:middle}.data-table tr:hover{background:#f9f9f9}.table-wrap{overflow-x:auto;background:#fff;border-radius:8px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.action-btn{display:inline-block;padding:5px 10px;border-radius:6px;font-size:12px;margin:2px;border:0;cursor:pointer;text-decoration:none!important}.action-btn.edit{background:#ffc107;color:#111}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.view{background:#17a2b8;color:#fff}.action-btn.success{background:#28a745;color:#fff}.two-col{display:grid;grid-template-columns:1fr 340px;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* Alerts/footer */
.alert{padding:12px 16px;border-radius:8px;margin-bottom:14px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.amz-footer{margin-top:40px}.back-top{width:100%;border:0;background:var(--nav3);color:#fff;padding:14px;cursor:pointer}.back-top:hover{background:#485769}.footer-main{background:var(--nav2);color:#fff;padding:36px 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px;max-width:1100px;margin:auto;padding:0 20px}.footer-grid h4{margin-bottom:12px}.footer-grid ul{list-style:none}.footer-grid li{margin:7px 0}.footer-grid a{color:#ddd}.footer-grid p{color:#ddd;font-size:13px}.footer-bottom{background:#131a22;color:#ddd;text-align:center;padding:18px}.footer-logo{font-size:24px;font-weight:900;color:#fff!important}
/* Advanced pages */
.compare-table{min-width:760px}.compare-table th,.compare-table td{text-align:center}.compare-img{height:120px;object-fit:contain}.timeline{border-left:3px solid #ddd;margin-left:12px;padding-left:18px}.timeline-item{position:relative;margin:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-27px;top:3px;width:15px;height:15px;border-radius:50%;background:var(--accent)}.mobile-only{display:none!important}
@media (max-width:1100px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:80px 1fr}.product-detail .buy-box{grid-column:1/-1}.two-col,.checkout-grid{grid-template-columns:1fr}.hide-md{display:none!important}}
@media (max-width:820px){.mobile-menu-toggle{display:inline-flex}.header-top{flex-wrap:wrap}.amz-logo{font-size:22px}.deliver-to,.hide-sm{display:none!important}.search-bar{order:3;width:100%;flex-basis:100%}.sub-nav{display:none;flex-direction:column;align-items:stretch;white-space:normal;padding:8px}.sub-nav.open{display:flex}.sub-nav a{padding:10px 12px}.main-content{margin-top:-85px}.cart-page,.checkout-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:110px 1fr}.cart-item .price{grid-column:2;text-align:left}.admin-wrap{display:block}.admin-sidebar{position:relative;height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.admin-sidebar .logo{grid-column:1/-1}.admin-main{padding:12px}.admin-header{display:block}.two-col,.three-col{grid-template-columns:1fr}.mobile-only{display:block!important}}
@media (max-width:560px){.container{padding:0 10px}.hero-banner{min-height:280px}.hero-content{padding:34px 14px 112px}.cat-grid{grid-template-columns:1fr}.cat-card{min-height:auto}.product-scroll,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{padding:8px;min-height:310px}.product-card img{height:140px}.product-card .title{font-size:13px}.price{font-size:18px}.product-detail{grid-template-columns:1fr;padding:14px}.thumb-list{flex-direction:row;overflow:auto}.main-image img{max-height:320px}.cart-item{grid-template-columns:88px 1fr}.cart-item img{height:88px}.form-grid{grid-template-columns:1fr}.auth-box{max-width:100%;padding:18px}.admin-sidebar{grid-template-columns:1fr}.data-table{font-size:12px}.header-link{padding:5px}.header-link.cart span:not(.cart-count){display:none}}

/* V2 mobile overflow/responsive fixes */
html, body { max-width:100%; overflow-x:hidden; }
.admin-main, .panel-card, .table-wrap, .product-row, .cart-items, .cart-summary { max-width:100%; }
.header-right { flex-shrink:0; }
.product-card, .cat-card, .buy-box { min-width:0; }
@media (max-width:680px){
  .header-top{gap:6px;padding:6px 8px;}
  .amz-logo{padding:4px 5px;font-size:20px;}
  .header-right{margin-left:auto;}
  .header-link:not(.cart){display:none;}
  .search-category{width:58px;font-size:12px;}
  .search-bar{height:40px;}
  .hero-content h1{font-size:30px;}
  .hero-content p{font-size:14px;}
  .cat-card .item img,.cat-thumb{height:92px;}
  .product-card .card-actions{gap:5px;}
  .btn-small{padding:5px 7px;font-size:11px;}
  .admin-header h1{font-size:20px;margin-bottom:8px;}
}
@media (max-width:400px){
  .product-scroll,.product-grid{grid-template-columns:1fr;}
  .product-card{min-height:auto;}
  .product-card img{height:180px;}
  .header-top{padding-left:5px;padding-right:5px;}
  .mobile-menu-toggle{font-size:18px;padding:5px;}
}