/* ===== Faisaliteb Shop — "Marketplace Pro" theme (Alibaba-style, professional) =====
   Loaded after store.css only when theme = market. Flat white panels, 8px corners, orange accent, SVG icons. */
.th-market{font-size:15px;color:var(--ink);background:var(--bg)}
.th-market h1,.th-market h2,.th-market h3,.th-market h4{font-family:var(--font-b);font-weight:700;letter-spacing:0}
.th-market .wrap{max-width:1280px}
.th-market .ico{flex:none;vertical-align:middle}

/* ---------- Utility bar + header ---------- */
.th-market .utilbar{background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.th-market .utilbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px}
.th-market .utilbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-market .utilbar nav{display:flex;gap:18px;flex:none}
.th-market .utilbar nav a{display:inline-flex;align-items:center;gap:5px}.th-market .utilbar nav a:hover{color:var(--primary)}
.th-market header.site{background:#fff;backdrop-filter:none;box-shadow:0 1px 0 var(--line),0 4px 14px -10px rgba(0,0,0,.12)}
.th-market .hbar{gap:28px;padding:14px 0}
.th-market .logo img{height:48px}
.th-market .txtlogo{font-family:var(--font-b);font-weight:800;font-size:26px;color:var(--primary);letter-spacing:-.3px}
.th-market .search{max-width:720px}
.th-market .search input{height:46px;border:2px solid var(--primary);border-radius:8px;padding:0 124px 0 16px;font-size:15px}
.th-market .search button{top:0;right:0;bottom:0;width:auto;padding:0 22px;border-radius:0 8px 8px 0;display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px}
.th-market .search button:hover{filter:brightness(.94)}
.th-market .sugg{border-radius:8px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.th-market .sugg a:hover{background:var(--soft)}.th-market .sugg img{border-radius:6px}.th-market .sugg b{color:var(--primary)}
.th-market .hicons{gap:2px}
.th-market .hicon{width:auto;height:auto;min-width:52px;padding:4px 10px;border-radius:8px;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}
.th-market .hicon small{font-size:12px;color:var(--muted);white-space:nowrap}
.th-market .hicon:hover{transform:none;background:var(--soft);color:var(--primary)}
.th-market .bubble{top:-2px;right:8px;background:var(--primary);min-width:19px;height:19px;font-size:11px;border-width:1.5px}
.th-market nav.cats{gap:0;padding:0;border-top:1px solid var(--line)}
.th-market nav.cats a{display:inline-flex;align-items:center;gap:6px;padding:11px 14px;border:0;border-radius:0;background:none;font-weight:500;font-size:14.5px;color:#333}
.th-market nav.cats a:hover,.th-market nav.cats a.on{background:none;color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}
.th-market nav.cats a.allcats{font-weight:700;color:var(--ink);padding-left:0}
.th-market nav.cats a.hot{background:none;color:var(--primary);font-weight:600}

/* ---------- Home: category list · slider · services ---------- */
.th-market .mhero{display:grid;grid-template-columns:230px 1fr 250px;gap:12px;margin:14px auto 4px}
.th-market .mcats,.th-market .mserv{background:#fff;border-radius:8px;border:1px solid var(--line)}
.th-market .mcats{padding:8px 0;display:flex;flex-direction:column}
.th-market .mcats h3{display:flex;align-items:center;gap:8px;font-size:15px;padding:6px 16px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.th-market .mcats a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:#333}
.th-market .mcats a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.th-market .mcats a .ico{color:#B0B4BA}
.th-market .mcats a:hover{background:var(--soft);color:var(--primary)}.th-market .mcats a:hover .ico{color:var(--primary)}
.th-market .mcats a.more{margin-top:auto;color:var(--primary);font-weight:600;border-top:1px solid var(--line)}
.th-market .mhero .slides{aspect-ratio:auto;height:100%;min-height:340px;border-radius:8px;box-shadow:none}
.th-market .slide.art{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22) 0,transparent 35%),radial-gradient(circle at 75% 95%,rgba(255,255,255,.16) 0,transparent 30%),linear-gradient(115deg,#E85A00 0%,#FF6A00 45%,#FF9A1F 100%)}
.th-market .slide .txt{max-width:560px;padding:0 7%}
.th-market .slide .txt small{display:inline-block;background:rgba(255,255,255,.2);padding:3px 12px;border-radius:99px;font-size:12.5px;font-weight:600;margin-bottom:12px}
.th-market .slide h2{font-size:clamp(24px,3vw,40px);text-shadow:none;line-height:1.2}
.th-market .slide p{font-size:clamp(14px,1.5vw,18px)}
.th-market .slide .btn-cta{background:#fff;color:var(--primary)}
.th-market .dots button{width:8px;height:8px}.th-market .dots button.on{width:22px}
.th-market .mserv{padding:16px;display:flex;flex-direction:column}
.th-market .mserv .hi{display:grid;justify-items:center;text-align:center;gap:3px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.th-market .mserv .hi .ico{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--soft);color:var(--primary)}
.th-market .mserv .hi span{font-size:13px;color:var(--muted)}
.th-market .mserv .sv{display:flex;gap:12px;align-items:center;padding:8px 0}
.th-market .mserv .sv .ico{color:var(--primary)}
.th-market .mserv .sv b{display:block;font-size:14px;font-weight:600}.th-market .mserv .sv small{color:var(--muted);font-size:12.5px}
.th-market .mserv .btn{margin-top:auto}

/* ---------- Buttons ---------- */
.th-market .btn{border-radius:6px;box-shadow:none;font-family:var(--font-b);font-weight:600;font-size:15px;padding:11px 20px;transition:background .15s,filter .15s,border-color .15s}
.th-market .btn:hover{transform:none;filter:brightness(.95)}.th-market .btn:active{transform:none}
.th-market .btn-cta,.th-market .btn-cta:hover{background:var(--primary);color:#fff;box-shadow:none}
.th-market .btn-p{background:#fff;color:var(--primary);border:1.5px solid var(--primary);box-shadow:none}
.th-market .btn-p:hover{background:var(--soft);filter:none}
.th-market .btn-y{background:var(--ink);color:#fff;box-shadow:none}
.th-market .btn-wa{background:#fff;color:#14924A;border:1.5px solid #25D366;box-shadow:none}
.th-market .btn-ghost{background:#fff;border:1px solid var(--line)}

/* ---------- Sections (white panels) ---------- */
.th-market section.blk{padding:6px 0}
.th-market main>section.blk>.wrap{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 18px 20px;margin-top:12px;max-width:1248px;width:calc(100% - 32px)}
.th-market .sh{align-items:center;margin-bottom:14px}
.th-market .sh h2{font-size:20px;padding:0}
.th-market .sh h2:after{display:none}
.th-market .sh a{font-size:14px;font-weight:500;color:var(--muted)}.th-market .sh a:hover{color:var(--primary)}
.th-market .catgrid{gap:12px}
.th-market .catc{font-weight:500;font-size:13.5px;color:#333}
.th-market .catc .ic{border-radius:8px;border:1px solid var(--line);color:#B0B4BA;margin-bottom:8px;transition:border-color .2s}
.th-market .catc:hover{color:var(--primary)}.th-market .catc:hover .ic{transform:none;border-radius:8px;border-color:var(--primary)}

/* ---------- Product cards ---------- */
.th-market .pgrid{grid-template-columns:repeat(6,1fr);gap:12px}
.th-market .pcard{border-radius:8px;box-shadow:none;border:1px solid var(--line);transition:box-shadow .2s,border-color .2s}
.th-market .pcard:hover{transform:none;border-color:#D5D8DC;box-shadow:0 8px 22px -8px rgba(0,0,0,.18)}
.th-market .pcard .im{background:#F6F7F9}
.th-market .pcard:hover .im img{transform:scale(1.03)}
.th-market .badge-off{top:8px;left:8px;transform:none;border-radius:4px;box-shadow:none;background:var(--primary);font-size:12px;font-weight:700;padding:3px 7px}
.th-market .badge-tag{top:auto;bottom:8px;left:8px;right:auto;background:rgba(31,31,31,.78);color:#fff;border-radius:4px;font-size:11px;font-weight:600;padding:2px 7px}
.th-market .soldout{background:rgba(255,255,255,.75);font-size:15px;color:#555}
.th-market .pcard .bd{padding:10px 12px 12px;gap:4px}
.th-market .pcard h3{font-size:14px;font-weight:500;color:#333;min-height:38px}
.th-market .pcard a:hover h3{color:var(--primary)}
.th-market .price b{font-family:var(--font-b);font-weight:700;font-size:19px;color:var(--primary)}
.th-market .price s{font-size:13px;color:#9AA0A6}
.th-market .sold{font-size:12px;color:var(--muted)}
.th-market .stars{font-size:12px}
.th-market .pcard .act{margin-top:8px;gap:6px}
.th-market .pcard .act .btn{border-radius:6px;font-size:14px;padding:8px 6px}
.th-market .pcard .act .cartbtn{width:38px;background:#fff;border:1px solid var(--line);color:#444;box-shadow:none}
.th-market .pcard .act .cartbtn:hover{border-color:var(--primary);color:var(--primary);filter:none}

/* ---------- Promo, why, reviews, banners ---------- */
.th-market .bannerrow a{border-radius:8px;box-shadow:none}
.th-market .promo{border-radius:8px;padding:26px 30px;background:linear-gradient(100deg,#1F1F1F 0%,#3A2618 60%,#FF6A00 140%);color:#fff}
.th-market .promo h3{font-size:clamp(20px,2.4vw,28px);color:#fff}
.th-market .why div{border-radius:8px;box-shadow:none;border:1px solid var(--line);text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:18px}
.th-market .why i{grid-row:span 2;width:56px;height:56px;border-radius:50%;background:var(--soft);color:var(--primary);display:grid;place-items:center}
.th-market .why b{font-family:var(--font-b);font-size:16px;margin:0}.th-market .why p{font-size:13px}
.th-market .rev{border-radius:8px;box-shadow:none;border:1px solid var(--line)}.th-market .rev:before{display:none}
.th-market .rev img{border-radius:6px}

/* ---------- Shop / listing ---------- */
.th-market .shoptop{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:14px 0 12px}
.th-market .shoptop h1{font-size:22px}
.th-market .filters select{border:1px solid var(--line);border-radius:6px;padding:8px 12px}
.th-market .agepills a{border-radius:6px;border:1px solid var(--line);font-weight:500}
.th-market .pager a{border-radius:6px;border:1px solid var(--line);font-weight:600}
.th-market .pager a.on{background:var(--primary);border-color:var(--primary)}
.th-market .empty{background:#fff;border:1px solid var(--line);border-radius:8px}.th-market .empty .e{color:#C3C7CC}

/* ---------- Product page ---------- */
.th-market .crumbs{font-size:13px;margin:12px 0}
.th-market .pd{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;gap:30px;grid-template-columns:1fr 1.1fr}
.th-market .gal{top:150px}
.th-market .gal .main{border-radius:8px;box-shadow:none;border:1px solid var(--line);background:#F6F7F9}
.th-market .gal .main .badge-off{font-size:14px!important}
.th-market .thumbs button{width:64px;height:64px;border-radius:6px;border:2px solid var(--line)}
.th-market .thumbs button.on{border-color:var(--primary)}
.th-market .pinfo h1{font-size:24px;font-weight:600;line-height:1.35}
.th-market .chip{border-radius:4px;font-weight:500;background:#F4F5F7!important;color:#555!important}
.th-market .pinfo .price{background:var(--soft);border-radius:8px;padding:14px 18px;margin:14px 0;gap:12px}
.th-market .pinfo .price b{font-size:32px;line-height:1.15}
.th-market .save{background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:4px;font-size:12.5px;padding:2px 8px}
.th-market .short{border:0;background:none;padding:0;border-radius:0;color:#555;margin:10px 0 14px}
.th-market .vars span{border-radius:6px;border:1px solid #D9DCE0;font-weight:500;padding:8px 14px}
.th-market .vars input:checked+span{border-color:var(--primary);background:var(--soft);color:var(--primary)}
.th-market .qty{border:1px solid #D9DCE0;border-radius:6px}
.th-market .qty button{width:40px;height:46px}.th-market .qty input{font-weight:700;font-size:16px}
.th-market .buyrow .btn{padding:13px;font-size:16px}
.th-market .trust{gap:0;border:1px solid var(--line);border-radius:8px;margin-top:16px}
.th-market .trust div{border:0;border-radius:0;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:500;color:#444;padding:12px 6px}
.th-market .trust div+div{border-left:1px solid var(--line)}
.th-market .trust .ico{color:var(--primary)}
.th-market .callrow{display:flex;align-items:center;gap:6px;color:#555}
.th-market .tabs{border-radius:8px;box-shadow:none;border:1px solid var(--line);margin-top:12px}
.th-market .tabs h2{font-size:18px;padding-left:10px;border-left:3px solid var(--primary);margin-bottom:14px}
.th-market .desc img{border-radius:6px}
.th-market .pd~section.blk{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;margin-top:12px}

/* ---------- Forms & checkout ---------- */
.th-market .field label{font-weight:600}
.th-market .field input,.th-market .field textarea,.th-market .field select{border:1px solid #D9DCE0;border-radius:6px;padding:11px 12px}
.th-market .field input:focus,.th-market .field textarea:focus,.th-market .field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,106,0,.12)}
.th-market .zones label{border:1px solid #D9DCE0;border-radius:6px;font-weight:500}
.th-market .zones label:has(input:checked){border-color:var(--primary);background:var(--soft)}
.th-market .zones input{accent-color:var(--primary)}
.th-market .modal .ov{background:rgba(0,0,0,.45);backdrop-filter:none}
.th-market .modal .box{background:#fff;border-radius:10px}
.th-market .modal .hd{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.th-market .modal .hd span{color:var(--primary)}
.th-market .modal .hd h3{font-size:19px}
.th-market .modal .x{background:#F4F5F7;color:#333;border-radius:6px}
.th-market .citem{border-radius:8px;border:1px solid var(--line)}.th-market .citem img{border-radius:6px}
.th-market .sum{border-radius:8px;border:1px solid var(--line);background:#FAFAFB}
.th-market .sum .tot{border-top:1px dashed #D9DCE0;font-family:var(--font-b);font-weight:700;font-size:19px}
.th-market .sum .tot b{color:var(--primary)}
.th-market .coupon input{border:1px dashed #C9CDD2;border-radius:6px}
.th-market .coupon button{border-radius:6px;background:var(--ink)}
.th-market .cod{border-radius:6px;font-weight:600;background:#EFFAF3}
.th-market .modal.inline .box{border-radius:8px;box-shadow:none;border:1px solid var(--line)}
.th-market .toast{border-radius:8px}

/* ---------- Generic pages ---------- */
.th-market .card{border-radius:8px;box-shadow:none;border:1px solid var(--line)}
.th-market .success-ic{background:var(--soft);color:var(--primary)}
.th-market .timeline i{display:grid;place-items:center}

/* ---------- Footer & floating ---------- */
.th-market footer.site{background:#18191C;margin-top:28px}
.th-market footer.site:before{display:none}
.th-market footer h4{font-size:16px}
.th-market footer a,.th-market footer p{display:flex;align-items:center;gap:7px}
.th-market footer a:hover{color:var(--primary)}
.th-market .flogo{border-radius:8px}
.th-market .social a{border-radius:6px}
.th-market .fab a{width:50px;height:50px;border-radius:50%}
.th-market .fab .call{background:var(--primary)}
.th-market .mnav span.i{display:flex;height:24px;align-items:center}
.th-market .mnav a:hover,.th-market .mnav button:hover{color:var(--primary)}

/* ---------- Responsive ---------- */
@media (max-width:1200px){.th-market .pgrid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:1100px){
  .th-market .mhero{grid-template-columns:210px 1fr}.th-market .mserv{display:none}
  .th-market .pgrid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:860px){
  .th-market .mhero{grid-template-columns:1fr}.th-market .mcats{display:none}
  .th-market .mhero .slides{min-height:0;aspect-ratio:16/7}
  .th-market .pgrid{grid-template-columns:repeat(3,1fr)}
  .th-market .pd{grid-template-columns:1fr;padding:14px}
}
@media (max-width:640px){
  .th-market .utilbar nav{display:none}.th-market .utilbar .wrap{justify-content:center;min-height:30px;font-size:12px}
  .th-market .hbar{gap:8px;padding:10px 0}
  .th-market .txtlogo{font-size:22px}
  .th-market .search .hide-m{display:none}
  .th-market .search input{height:42px;padding-right:56px}
  .th-market .search button{padding:0 14px}
  .th-market .hicon{min-width:0;padding:4px 6px}.th-market .hicons .hide-m{display:none}
  .th-market nav.cats a{padding:9px 11px;font-size:13.5px}
  .th-market .mhero{margin-top:10px}.th-market .mhero .slides{aspect-ratio:16/9;border-radius:8px}
  .th-market main>section.blk>.wrap{border-radius:0;border-left:0;border-right:0;padding:14px 12px;width:100%}
  .th-market .sh h2{font-size:17px}
  .th-market .catgrid{grid-template-columns:repeat(4,1fr);gap:8px}.th-market .catc{font-size:12px}
  .th-market .pgrid{grid-template-columns:repeat(2,1fr);gap:8px}
  .th-market .pcard .bd{padding:8px 9px 10px}
  .th-market .price b{font-size:17px}
  .th-market .why{grid-template-columns:1fr}
  .th-market .pinfo h1{font-size:20px}.th-market .pinfo .price b{font-size:26px}
  .th-market .modal .box{border-radius:14px 14px 0 0}
  .th-market .trust div{font-size:11.5px}
  .th-market .mnav{border-top:1px solid var(--line);box-shadow:none}
}