/*
Theme Name: Brandy Marketplace Exact
Theme URI: https://example.com/brandy-marketplace-exact
Author: Usman
Description: Brandy WooCommerce marketplace theme with the exact supplied frontend layout, Customizer colors, logo upload, working product search, cart, product rows, and multi-vendor plugin compatibility.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: brandy-marketplace-exact
*/
:root{
  --amazon-dark:#131921;
  --amazon-dark-2:#232f3e;
  --amazon-blue:#007185;
  --amazon-yellow:#febd69;
  --amazon-orange:#f08804;
  --page:#e3e6e6;
  --card:#fff;
  --text:#0f1111;
  --muted:#565959;
  --deal:#cc0c39;
  --border:#ddd;
  --hero-start:#111;
  --hero-mid:#243b6b;
  --hero-end:#9ed7ff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif;background:var(--page);color:var(--text);font-size:14px;overflow-x:hidden;width:100%;max-width:100vw}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
img{max-width:100%;height:auto;display:block}
.topbar{background:var(--amazon-dark);color:#fff;display:flex;align-items:center;gap:12px;padding:8px 16px;position:sticky;top:0;z-index:50;min-height:62px}
.logo{display:flex;align-items:end;gap:2px;font-size:28px;font-weight:700;letter-spacing:-1.2px;padding:7px 7px 5px;border:1px solid transparent;border-radius:2px;white-space:nowrap}
.custom-logo-link{display:flex;align-items:center;border:1px solid transparent;padding:5px}
.custom-logo{max-height:42px;width:auto}
.logo:hover,.nav-chip:hover,.menu-item:hover,.custom-logo-link:hover{border-color:#fff}
.logo-smile{color:var(--amazon-yellow);font-size:22px;transform:translateY(4px)}
.deliver{line-height:1.1;padding:8px;border:1px solid transparent;border-radius:2px;min-width:110px}
.deliver small{display:block;color:#ccc;font-size:12px}
.deliver strong{font-size:14px}
.search{display:flex;align-items:center;flex:1;min-width:180px;height:42px;border-radius:5px;overflow:hidden;border:2px solid transparent;background:#fff}
.search:focus-within{border-color:var(--amazon-orange)}
.search select{height:100%;border:0;background:#e6e6e6;color:#333;padding:0 8px;outline:0;max-width:92px}
.search input{height:100%;flex:1;border:0;padding:0 12px;outline:none;font-size:15px;min-width:0;color:#111}
.search button{height:100%;width:52px;border:0;background:var(--amazon-yellow);font-size:20px;cursor:pointer}
.nav-chip{padding:8px;border:1px solid transparent;border-radius:2px;line-height:1.05;white-space:nowrap}
.nav-chip small{display:block;color:#ddd;font-size:12px}
.nav-chip strong{font-size:14px}
.cart{font-size:15px;font-weight:700;position:relative}
.cart span{font-size:28px;vertical-align:middle;color:var(--amazon-yellow)}
.cart-count{position:absolute;top:-5px;left:17px;background:var(--deal);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:11px}
.subbar{background:var(--amazon-dark-2);color:#fff;display:flex;gap:2px;align-items:center;overflow-x:auto;padding:0 14px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.15);position:sticky;top:62px;z-index:49}
.menu-item,.subbar li{padding:10px 11px;border:1px solid transparent;font-size:14px;list-style:none}
.menu-item:first-child,.subbar li:first-child{font-weight:700}
.subbar a{display:block}
.mobile-location{display:none;background:#37475a;color:#fff;padding:9px 16px;font-size:13px}
.hero{position:relative;min-height:260px;background:linear-gradient(125deg,var(--hero-start) 0%,var(--hero-mid) 45%,var(--hero-end) 100%);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 28%,rgba(255,255,255,.18),transparent 26%),radial-gradient(circle at 84% 16%,rgba(255,189,105,.35),transparent 20%),linear-gradient(to bottom,rgba(0,0,0,.05),var(--page) 92%)}
.hero-inner{position:relative;max-width:1480px;margin:auto;padding:26px 18px 85px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}
.hero-copy{max-width:530px}
.hero-kicker{font-weight:700;color:#ffd814;letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px}
.hero h1{font-size:42px;line-height:1.05;margin-bottom:10px}
.hero p{font-size:18px;color:#edf6ff;margin-bottom:18px}
.hero-btn{display:inline-block;background:#ffd814;color:#111;border-radius:22px;padding:11px 22px;font-weight:700;box-shadow:0 2px 0 #c6a800}
.hero-products{display:grid;grid-template-columns:repeat(2,145px);gap:14px}
.hero-product{height:112px;background:#fff;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.2);display:grid;place-items:center;color:#111;font-size:48px;position:relative;overflow:hidden}
.hero-product img{width:100%;height:100%;object-fit:cover}
.hero-product small{position:absolute;bottom:9px;font-size:12px;color:#333;font-weight:700;background:rgba(255,255,255,.82);padding:3px 7px;border-radius:999px}
.main{max-width:1480px;margin:-70px auto 0;padding:0 14px 28px;position:relative;z-index:2;overflow:hidden}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:var(--card);padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.08);min-height:355px;min-width:0}
.card h2{font-size:21px;line-height:1.15;margin-bottom:14px}
.card .see{display:inline-block;color:var(--amazon-blue);font-size:13px;margin-top:14px}
.card .see:hover{color:#c7511f;text-decoration:underline}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px}
.mini{text-align:left}
.pic{height:116px;background:#eef4f4;border-radius:2px;display:grid;place-items:center;font-size:43px;overflow:hidden;position:relative}
.pic img{width:100%;height:100%;object-fit:cover}
.pic:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(to top,rgba(0,0,0,.08),transparent)}
.mini span{display:block;font-size:12px;color:#333;margin-top:6px;line-height:1.25}
.wide-pic{height:245px;background:#f2f5f5;display:grid;place-items:center;border-radius:2px;font-size:74px;position:relative;overflow:hidden}
.wide-pic img{width:100%;height:100%;object-fit:cover}
.wide-pic .badge,.pic .badge{position:absolute;top:8px;left:8px;background:#ffd814;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:700;color:#111;z-index:2}
.price{font-weight:700;margin-top:7px}
.price small{font-weight:400;color:var(--muted)}
.fab{height:190px;border:1px solid #e7e7e7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#fff,#f7f9fa);gap:8px}
.fab .percent{font-size:38px;font-weight:700}
.fab .code{font-size:12px}
.cards-icon{display:flex;gap:10px;font-size:37px}
.row-section{background:#fff;margin-top:18px;padding:16px 18px 18px;box-shadow:0 1px 2px rgba(0,0,0,.08);position:relative;min-width:0;max-width:100%;overflow:hidden}
.row-head{display:flex;gap:14px;align-items:baseline;margin-bottom:12px}
.row-head h2{font-size:21px}
.row-head a{color:var(--amazon-blue);font-size:13px}
.row-scroll{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scrollbar-width:thin;scroll-snap-type:x proximity;max-width:100%;min-width:0}
.row-scroll.auto-slide{scroll-behavior:smooth}
.item{min-width:160px;max-width:190px;background:#fff;scroll-snap-align:start}
.item-img{height:148px;background:#f3f6f6;border-radius:3px;display:grid;place-items:center;font-size:54px;border:1px solid #f0f0f0;position:relative;overflow:hidden}
.item-img img{width:100%;height:100%;object-fit:contain;padding:8px}
.item-img:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 45%);pointer-events:none}
.item-title{font-size:13px;line-height:1.25;margin-top:8px;height:34px;overflow:hidden}
.deal{display:inline-block;background:var(--deal);color:#fff;font-size:12px;font-weight:700;padding:4px 6px;border-radius:2px;margin-top:7px}
.limited{font-size:12px;color:var(--deal);font-weight:700;margin-left:5px}
.stars{color:#ffa41c;font-size:13px;margin-top:4px}
.buy-price{font-size:18px;font-weight:700;margin-top:3px}
.buy-price sup{font-size:11px}
.old{font-size:12px;color:var(--muted);text-decoration:line-through}
.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:1px solid #d5d9d9;background:#fff;border-radius:8px;width:35px;height:42px;font-size:20px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.scroll-arrow.prev{left:8px}
.scroll-arrow.next{right:8px}
.pill-row{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px}
.pill{background:#f3f3f3;border:1px solid #ddd;border-radius:20px;padding:8px 12px;font-size:13px;white-space:nowrap}
.history{display:flex;align-items:center;gap:12px}
.arrow{border:1px solid #d5d9d9;background:#fff;border-radius:8px;width:35px;height:42px;font-size:20px;flex:0 0 35px;cursor:pointer}
.two-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;margin-top:18px;min-width:0;max-width:100%;overflow:hidden}
.two-row>*{min-width:0}
.side-stack{display:grid;gap:18px}
.compact{min-height:auto}
.compact .wide-pic{height:130px}
.smart-ad{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center;min-height:86px;background:linear-gradient(120deg,#131921,#232f3e);color:#fff;border-radius:4px;padding:12px;overflow:hidden;position:relative}
.smart-ad:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-120%);animation:shine 5s linear infinite}
.smart-ad>*{position:relative}
.smart-ad-img{width:72px;height:62px;background:#fff;border-radius:3px;display:grid;place-items:center;color:#111;font-size:30px;overflow:hidden}
.smart-ad-img img{width:100%;height:100%;object-fit:cover}
.smart-ad strong{display:block;font-size:20px}
.smart-ad small{display:block;color:#ddd;margin-top:3px}
.smart-ad a{background:#ffd814;color:#111;border-radius:22px;padding:9px 16px;font-weight:700;white-space:nowrap}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat{background:#fff;border:1px solid #e5e7eb;padding:20px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.stat b{display:block;font-size:28px;color:var(--deal)}
.stat span{font-size:12px;color:#555}
.signin-strip{background:#fff;margin:18px 0 0;padding:28px;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.signin-strip p{font-size:13px}
.signin-strip button,.signin-strip a.button{display:inline-block;margin:8px 0;background:#ffd814;border:1px solid #fcd200;border-radius:18px;padding:8px 58px;font-weight:700;cursor:pointer;color:#111}
.backtop{display:block;background:#37475a;color:#fff;text-align:center;padding:15px}
.footer-top{background:#232f3e;color:#fff;padding:34px 18px}
.footer-cols{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.footer-cols h3{font-size:16px;margin-bottom:12px}
.footer-cols a{display:block;color:#ddd;font-size:14px;margin:8px 0}
.footer-bottom{background:#131a22;color:#ddd;text-align:center;padding:24px 18px;font-size:12px}
.footer-logo{font-size:24px;font-weight:700;color:#fff;margin-bottom:14px}
.float-tools{position:fixed;right:16px;bottom:16px;z-index:80;display:grid;gap:10px}
.float-tools a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.float-whatsapp{background:#25d366}
.float-call{background:#131921}
.float-top{background:#f08804}
.img-purple{background:linear-gradient(140deg,#6a31e7,#a36cff)}
.img-blue{background:linear-gradient(140deg,#dff6ff,#89d5ef)}
.img-pink{background:linear-gradient(140deg,#ffe6ed,#ffd1dc)}
.img-green{background:linear-gradient(140deg,#e4f8e9,#bce8c5)}
.img-orange{background:linear-gradient(140deg,#fff0da,#ffc574)}
.img-gray{background:linear-gradient(140deg,#f5f5f5,#d6dde2)}
.img-red{background:linear-gradient(140deg,#fff0f0,#ffb2b2)}
.img-teal{background:linear-gradient(140deg,#e5fbff,#9ce5ed)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px auto;max-width:1480px;padding:0 14px}
.woocommerce ul.products li.product{width:auto!important;background:#fff;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.08);min-height:unset}
.woocommerce ul.products li.product a img{height:210px;object-fit:contain;background:#f3f6f6}
.woocommerce div.product{max-width:1180px;margin:20px auto;background:#fff;padding:20px}
.woocommerce div.product .button,.woocommerce ul.products li.product .button{background:#ffd814;color:#111;border-radius:18px}
.woocommerce-result-count,.woocommerce-ordering{margin:16px}
.page-content,.post-content{max-width:1180px;margin:18px auto;background:#fff;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
@keyframes shine{to{transform:translateX(120%)}}
@media(max-width:1100px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .topbar{gap:7px}
  .nav-chip:nth-of-type(3){display:none}
  .hero h1{font-size:34px}
  .footer-cols{grid-template-columns:repeat(2,1fr)}
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:960px){
  .two-row{grid-template-columns:1fr}
}
@media(max-width:820px){
  .topbar{flex-wrap:wrap;padding:8px}
  .logo{font-size:24px}
  .deliver,.nav-chip{display:none}
  .search{order:3;flex-basis:100%;height:40px}
  .subbar{top:105px}
  .mobile-location{display:block}
  .hero{min-height:210px}
  .hero-inner{padding:20px 12px 80px}
  .hero h1{font-size:28px}
  .hero p{font-size:14px}
  .hero-products{display:none}
  .main{margin-top:-58px;padding:0 8px 18px}
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .card{padding:13px;min-height:300px}
  .card h2,.row-head h2{font-size:18px}
  .pic{height:92px;font-size:33px}
  .wide-pic{height:190px;font-size:58px}
  .row-section{padding:13px;margin-top:10px}
  .item{min-width:138px}
  .item-img{height:120px;font-size:45px}
  .two-row{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr 1fr;gap:20px}
  .signin-strip{padding:22px 8px}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:520px){
  body{font-size:13px}
  .topbar{min-height:100px}
  .cart{margin-left:auto}
  .subbar{top:100px;padding:0 7px}
  .menu-item{padding:9px 8px}
  .hero{min-height:195px}
  .hero h1{font-size:24px}
  .grid{grid-template-columns:1fr 1fr}
  .card{min-height:270px}
  .card h2{font-size:16px}
  .mini-grid{gap:10px 8px}
  .pic{height:78px;font-size:29px}
  .mini span{font-size:11px}
  .wide-pic{height:164px}
  .row-scroll{gap:12px}
  .footer-cols{grid-template-columns:1fr}
  .footer-top{text-align:left}
  .search select{max-width:58px}
  .search button{width:46px}
  .smart-ad{grid-template-columns:54px 1fr;gap:10px}
  .smart-ad a{grid-column:1/-1;text-align:center}
}