/* BASSE — Luxury layer. Loaded AFTER style.css; only restyles, never changes layout logic or JS hooks.
   Palette: midnight navy, champagne gold, warm ivory. Type: Cormorant Garamond (display) + Inter (body). */
:root{
  --lx-ink:#0a1331; --lx-navy:#071a4a; --lx-gold:#1d55c9; --lx-gold-soft:#dbe6fb;
  --lx-ivory:#ffffff; --lx-card:#ffffff; --lx-line:#e5e9f0; --lx-text:#151a28; --lx-muted:#667085;
  --lx-serif:"Cormorant Garamond","Playfair Display",Georgia,"Times New Roman",serif;
  --lx-shadow:0 1px 2px rgba(10,19,49,.04),0 14px 34px -18px rgba(10,19,49,.22);
  --lx-shadow-hover:0 2px 4px rgba(10,19,49,.05),0 26px 50px -22px rgba(10,19,49,.34);
  --lx-ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-behavior:smooth}
body{background:var(--lx-ivory)!important;color:var(--lx-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.005em}
::selection{background:var(--lx-gold-soft);color:var(--lx-ink)}

/* Header */
body .top{background:rgba(255,255,255,.88)!important;backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--lx-line)!important;box-shadow:none!important}
body .search{background:#fff!important;border:1px solid var(--lx-line)!important;border-radius:999px!important;box-shadow:0 1px 2px rgba(10,19,49,.04);transition:border-color .25s,box-shadow .25s}
body .search:focus-within{border-color:var(--lx-gold)!important;box-shadow:0 0 0 4px rgba(29,85,201,.16)}
body .search input{padding-left:20px}
body .search button#searchBtn{background:var(--lx-ink)!important;color:var(--lx-gold-soft)!important;border-radius:0 999px 999px 0}
body .stores-head-btn,body .account-head-btn,body .notify,body .cart{color:var(--lx-ink)!important;border-radius:999px;transition:background .25s,color .25s}
body .stores-head-btn:hover,body .account-head-btn:hover{background:#fff!important;box-shadow:inset 0 0 0 1px var(--lx-gold)}
body .cart i,body .notify i{background:var(--lx-gold)!important;color:var(--lx-ink)!important;font-weight:800}

/* Section headings: serif display + hairline gold accent */
body .section-title h2{font-family:var(--lx-serif)!important;font-weight:600;font-size:clamp(26px,3.4vw,38px)!important;letter-spacing:.01em;color:var(--lx-ink);line-height:1.1}
body .section-title h2::after{content:"";display:block;width:44px;height:1px;background:var(--lx-gold);margin-top:10px}
body .section-title span,body .section-title small,body .category-subtitle{color:var(--lx-muted)!important;letter-spacing:.02em}
body .section-link{color:var(--lx-ink)!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:11px!important;border-bottom:1px solid var(--lx-gold);padding-bottom:3px;text-decoration:none}

/* Hero banner */
body .market-banner{border-radius:22px!important;overflow:hidden;box-shadow:0 30px 60px -34px rgba(10,19,49,.55)!important}
body .market-banner img{transition:transform 1.2s var(--lx-ease)}
body .market-banner:hover img{transform:scale(1.025)}
body .banner-overlay button{background:var(--lx-ink)!important;color:#fff!important;border:1px solid var(--lx-gold)!important;border-radius:999px!important;letter-spacing:.16em;font-weight:600;padding:14px 26px!important;transition:background .3s,color .3s}
body .banner-overlay button:hover{background:var(--lx-gold)!important;color:var(--lx-ink)!important}

/* Categories */
body .cats button{background:var(--lx-card)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow)!important;transition:transform .35s var(--lx-ease),border-color .25s,box-shadow .35s}
body .cats button b{font-weight:600;letter-spacing:.04em}
body .cats button:hover{border-color:var(--lx-gold)!important;transform:translateY(-3px)}
body .cats button.active{border-color:var(--lx-gold)!important;background:#fff!important;box-shadow:0 0 0 1px var(--lx-gold),var(--lx-shadow-hover)!important;outline:none!important}
body .cats button.active b{color:var(--lx-gold)}

/* Product cards */
body #grid{gap:clamp(12px,1.6vw,22px)}
body #grid .product{background:var(--lx-card)!important;border:1px solid var(--lx-line)!important;border-radius:18px!important;box-shadow:var(--lx-shadow)!important;transition:transform .45s var(--lx-ease),box-shadow .45s var(--lx-ease),border-color .3s,opacity .35s!important}
body #grid .product:hover{transform:translateY(-6px)!important;box-shadow:var(--lx-shadow-hover)!important;border-color:var(--lx-gold-soft)!important}
body .product .pic{background:#f3f5f9!important}
body .product .pic img{transition:transform .9s var(--lx-ease)}
body .product:hover .pic img{transform:scale(1.06)}
body .product .tag{background:rgba(10,19,49,.82)!important;color:var(--lx-gold-soft)!important;backdrop-filter:blur(6px);letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:999px!important;padding:5px 10px!important}
body .product .info h3{font-weight:600;color:var(--lx-ink);letter-spacing:.005em}
body .product .price{font-family:var(--lx-serif);font-size:21px!important;font-weight:700;color:var(--lx-ink)!important;letter-spacing:.01em}
body .product-card-arrow,body .product-view-link{color:var(--lx-gold)!important}
body .product-view-link span{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}

/* Buttons & sheets */
body .pay,body .buy,body .market-chat-promo-button,body .app-download-button{background:var(--lx-ink)!important;color:#fff!important;border:1px solid var(--lx-ink);border-radius:999px!important;letter-spacing:.1em;font-weight:600;transition:background .3s,color .3s,border-color .3s,transform .3s var(--lx-ease)}
body .pay:hover,body .buy:hover,body .market-chat-promo-button:hover,body .app-download-button:hover{background:var(--lx-gold)!important;border-color:var(--lx-gold);color:var(--lx-ink)!important}
body .secondary-btn{border-radius:999px!important;border-color:var(--lx-line)!important;color:var(--lx-ink)!important;background:#fff!important}
body .secondary-btn:hover{border-color:var(--lx-gold)!important}
body .sheet{background:var(--lx-ivory)!important;border:1px solid var(--lx-line);border-radius:26px!important}
body .sheet h2,body .detail-info h2{font-family:var(--lx-serif);font-weight:600;color:var(--lx-ink)}
body .detail-price{font-family:var(--lx-serif);color:var(--lx-ink)!important}
body .modal{background:rgba(10,19,49,.55)!important;backdrop-filter:blur(6px)}
body .form input,body .form select,body .form textarea{background:#fff!important;border-radius:12px!important}
body .form input:focus,body .form select:focus,body .form textarea:focus{border-color:var(--lx-gold)!important;outline:none!important;box-shadow:0 0 0 4px rgba(29,85,201,.16)!important}

/* App download, chat promo, trust strip */
body .app-download-card{background:linear-gradient(135deg,var(--lx-ink),#101e4a 70%)!important;color:#fff;border:1px solid rgba(29,85,201,.45);border-radius:26px!important;box-shadow:0 34px 60px -36px rgba(10,19,49,.7)}
body .app-download-card h2{font-family:var(--lx-serif);font-weight:600;font-size:clamp(26px,3.6vw,38px);color:#fff}
body .app-download-kicker,body .market-chat-promo-copy>span{color:var(--lx-gold)!important;letter-spacing:.22em;font-weight:600}
body .app-download-button{background:var(--lx-gold)!important;color:var(--lx-ink)!important;border-color:var(--lx-gold)}
body .app-download-button:hover{background:#fff!important;border-color:#fff}
body .market-chat-promo{background:var(--lx-card)!important;border:1px solid var(--lx-line)!important;border-radius:22px!important;box-shadow:var(--lx-shadow)!important}
body .market-chat-promo-copy h2{font-family:var(--lx-serif);font-weight:600;color:var(--lx-ink)}
body .market-chat-promo-icon,body .trust-icon{color:var(--lx-gold)!important;background:#eef3fc!important}
body .trust-card{background:var(--lx-card)!important;border:1px solid var(--lx-line)!important;border-radius:20px!important;box-shadow:var(--lx-shadow)!important;transition:transform .4s var(--lx-ease),border-color .3s}
body .trust-card:hover{transform:translateY(-3px);border-color:var(--lx-gold-soft)!important}

/* Mobile bottom nav */
body .bottom{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(1.4) blur(18px);border-top:1px solid var(--lx-line)!important}
body .bottom a,body .bottom button{color:#8a93a3!important}
body .bottom .active{color:var(--lx-ink)!important}
body .bottom .active small{border-bottom:1px solid var(--lx-gold)}

/* Focus + motion */
:focus-visible{outline:2px solid var(--lx-gold)!important;outline-offset:3px!important}
@media (max-width:760px){
  body .section-title h2{font-size:26px!important}
  body #grid .product:hover{transform:none!important}
  body .product .price{font-size:18px!important}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ===== v78.1 refinements ===== */
/* 1. Compact category strip (one scrollable row instead of two tall rows) */
body .categories{margin-top:18px!important;margin-bottom:8px!important}
body .categories .section-title{flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-end!important;margin-bottom:10px!important}
body .categories .section-title h2{font-size:clamp(22px,3vw,30px)!important}
body .categories .section-title h2::after{margin-top:6px}
body .category-subtitle{display:none!important}
body .section-link{background:none!important;box-shadow:none!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--lx-gold)!important;padding:4px 0!important;min-height:0!important;height:auto!important;width:auto!important;white-space:nowrap;font-size:10px!important}
body .cats{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:2px 2px 10px!important;margin:0 -2px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
body .cats::-webkit-scrollbar{display:none}
body .cats button{flex:0 0 84px!important;width:84px!important;min-width:84px!important;height:auto!important;min-height:0!important;padding:8px 4px 7px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;scroll-snap-align:start;box-shadow:none!important}
body .cats button img{width:44px!important;height:44px!important;border-radius:12px!important;object-fit:cover!important;margin:0!important}
body .cats button b{font-size:10px!important;min-height:0!important;line-height:1.2!important;letter-spacing:.01em!important;white-space:nowrap!important}
body .cats button.active{box-shadow:0 0 0 1px var(--lx-gold)!important;padding:8px 4px 7px!important}
@media(min-width:900px){body .cats button{flex-basis:104px!important;width:104px!important;min-width:104px!important}body .cats button img{width:52px!important;height:52px!important}body .cats button b{font-size:12px!important}}

/* 2. Messenger: compact, never wider than the screen */
body .messenger-home-sheet{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:var(--lx-ivory)!important;padding:14px 14px calc(16px + env(safe-area-inset-bottom))!important}
body .messenger-home-sheet .close{top:calc(12px + env(safe-area-inset-top))!important;right:14px!important;width:36px!important;height:36px!important;background:#fff!important;border:1px solid var(--lx-line)!important;font-size:20px!important}
body .chat-messenger-head{display:flex!important;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 2px) 48px 14px 0!important;margin:0 0 14px!important;border-bottom:1px solid var(--lx-line)}
body .chat-welcome-icon{flex:0 0 44px;width:44px!important;height:44px!important;border-radius:14px!important;background:var(--lx-ink)!important;color:var(--lx-gold-soft)!important;display:grid;place-items:center}
body .chat-welcome-icon svg{width:22px;height:22px}
body .chat-welcome-kicker{color:var(--lx-gold)!important;font-size:9px!important;letter-spacing:.2em!important;font-weight:600}
body .chat-messenger-head h2{font-family:var(--lx-serif);font-size:28px!important;font-weight:600;line-height:1.05;margin:2px 0 3px!important}
body .chat-messenger-head p{font-size:12px!important;color:var(--lx-muted)!important;margin:0!important}
body .chat-start-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 18px!important}
body .chat-start-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;height:auto!important;min-height:0!important;padding:14px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)!important;text-align:left!important}
body .chat-card-icon{width:36px!important;height:36px!important;border-radius:12px!important;margin:0 0 6px!important;display:grid!important;place-items:center;background:#eef3fc!important;color:var(--lx-ink)!important}
body .chat-card-icon svg{width:19px!important;height:19px!important}
body .chat-start-card b{font-size:14px!important;color:var(--lx-ink)}
body .chat-start-card small{font-size:11px!important;line-height:1.35!important;color:var(--lx-muted)!important}
body .chat-inbox-row{display:flex!important;align-items:center;gap:12px;width:100%!important;max-width:100%!important;min-width:0;overflow:hidden;margin:0 0 8px!important;padding:11px 12px!important;background:#fff!important;border:1px solid var(--lx-line)!important;border-radius:16px!important;box-shadow:none!important;text-align:left}
body .chat-inbox-row:active{background:#f3f6fc!important}
body .chat-inbox-row .chat-avatar,body .chat-avatar{flex:0 0 44px;width:44px!important;height:44px!important;border-radius:50%!important;background:var(--lx-ink)!important;color:var(--lx-gold-soft)!important;font-family:var(--lx-serif);font-weight:700;font-size:18px!important;display:grid;place-items:center;overflow:hidden}
body .chat-inbox-copy{flex:1 1 auto;min-width:0;display:block!important}
body .chat-inbox-copy b{display:block;font-size:14px!important;color:var(--lx-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .chat-inbox-copy small{display:block!important;max-width:100%;margin-top:2px!important;font-size:12px!important;color:var(--lx-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .chat-chevron{flex:0 0 auto;color:var(--lx-gold)!important;font-size:22px}
body .chat-row-unread{border-color:var(--lx-gold)!important;background:#f5f8ff!important}
body .chat-row-badge{flex:0 0 auto;background:var(--lx-gold)!important;color:var(--lx-ink)!important;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;font-size:11px;font-weight:700}
body .chat-inbox-empty{padding:26px 12px;text-align:center;color:var(--lx-muted);border:1px dashed var(--lx-line);border-radius:16px;background:#fff}

/* 3. Forms (vendor / login / account): solid full-screen so the home page never shows through above the keyboard */
@media(max-width:760px){
  html,body.basse-modal-open{background:var(--lx-ivory)!important}
  body:has(.modal.show .form-sheet) main,body:has(.modal.show .form-sheet) .top,body:has(.modal.show .form-sheet) .bottom,
  body:has(.modal.show .account-sheet) main,body:has(.modal.show .account-sheet) .top,body:has(.modal.show .account-sheet) .bottom{visibility:hidden!important}
  body .modal.show:has(.form-sheet),body .modal.show:has(.account-sheet),body .modal.show:has(.messenger-home-sheet){background:var(--lx-ivory)!important;backdrop-filter:none!important}
  body .modal.show .form-sheet,body .modal.show .account-sheet{background:var(--lx-ivory)!important;border:0!important;border-radius:0!important;margin-top:0!important;width:100%!important;box-shadow:none!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
  body .modal.show .form-sheet h2{font-size:28px;line-height:1.1}
}

/* ===== v80: white marketplace, compact trust cards, WhatsApp-style chat ===== */
:root{--lx-blue:#1d55c9}
body .cart i,body .notify i,body .chat-row-badge{color:#fff!important}
body .pay:hover,body .buy:hover,body .market-chat-promo-button:hover,body .app-download-button,body .banner-overlay button:hover{color:#fff!important}
body .app-download-button:hover{background:#fff!important;color:var(--lx-ink)!important}
body .app-download-card{border-color:rgba(255,255,255,.14)!important}
body .app-download-kicker,body .market-chat-promo-copy>span{color:#9db8f2!important}
/* trust strip: small, even, professional */
body .trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:22px auto 12px!important;max-width:900px}
body .trust-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start;text-align:center!important;gap:6px!important;padding:12px 6px!important;min-height:0!important;height:auto!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;border:1px solid var(--lx-line)!important}
body .trust-icon{flex:0 0 auto;width:34px!important;height:34px!important;border-radius:50%!important;background:#eef3fc!important;color:var(--lx-blue)!important;display:grid!important;place-items:center;margin:0!important}
body .trust-icon svg{width:18px!important;height:18px!important}
body .trust-card b{display:block;font-size:12px!important;color:var(--lx-ink);line-height:1.2}
body .trust-card b+span,body .trust-card div>span{display:block;font-size:10px!important;line-height:1.3;color:var(--lx-muted)!important;margin-top:2px}
body .trust-copy{display:block!important}body .trust-arrow{display:none!important}
@media(min-width:900px){body .trust-card{flex-direction:row!important;text-align:left!important;gap:12px!important;padding:14px 18px!important}body .trust-card b{font-size:14px!important}body .trust-card b+span,body .trust-card div>span{font-size:12px!important}}
/* WhatsApp-style chat window */
body .modal.show .chat-sheet{display:flex!important;flex-direction:column!important;padding:0!important;margin:0 auto!important;width:100%!important;max-width:560px!important;height:var(--basse-vv-height,100dvh)!important;max-height:var(--basse-vv-height,100dvh)!important;border:0!important;border-radius:0!important;overflow:hidden!important;background-color:#efeae2!important;background-image:radial-gradient(rgba(11,20,26,.045) 1px,transparent 1.2px)!important;background-size:16px 16px!important;box-shadow:none!important}
.wa-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 10px 4px;background:#008069;color:#fff}
.wa-back{background:none!important;border:0!important;color:#fff!important;font-size:34px;line-height:1;padding:0 8px 4px!important;cursor:pointer;border-radius:50%!important;box-shadow:none!important}
.wa-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#dfe5e7;color:#54656f;display:grid;place-items:center;font-weight:700;font-size:16px}
.wa-title{min-width:0}.wa-title b{display:block;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-title small{display:block;font-size:12px;opacity:.85}
body .chat-sheet .chat-messages{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;padding:12px 10px!important;display:flex!important;flex-direction:column;gap:3px;background:transparent!important;border:0!important}
body .chat-sheet .chat-bubble{max-width:82%;width:fit-content;padding:6px 9px 4px!important;border-radius:8px!important;font-size:15px;line-height:1.35;color:#111b21!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;overflow-wrap:anywhere;border:0!important}
body .chat-sheet .chat-bubble.mine{align-self:flex-end;background:#d9fdd3!important;border-top-right-radius:2px!important}
body .chat-sheet .chat-bubble.theirs{align-self:flex-start;background:#fff!important;border-top-left-radius:2px!important}
body .chat-sheet .chat-bubble small{display:block;text-align:right;font-size:11px!important;color:#667781!important;margin-top:1px}
body .chat-sheet .chat-product{border:0;background:#f0f2f5;color:#008069;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;margin-top:4px}
body .chat-sheet .chat-empty{align-self:center;background:#fff3c5;color:#54656f;border-radius:8px;padding:6px 12px;font-size:12px}
body .chat-sheet .chat-compose{flex:0 0 auto;display:flex!important;align-items:flex-end;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;background:transparent!important;border:0!important;margin:0!important}
body .chat-sheet .chat-compose input{flex:1;min-width:0;border:0!important;border-radius:22px!important;background:#fff!important;padding:12px 16px!important;font-size:16px!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important}
body .chat-sheet .chat-send-btn{flex:0 0 46px;width:46px!important;height:46px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#00a884!important;border:0!important;display:grid!important;place-items:center;color:#fff!important;box-shadow:none!important}
body .chat-send-btn svg{width:22px;height:22px;fill:#fff}
@media(max-width:760px){
  body:has(.modal.show .chat-sheet) main,body:has(.modal.show .chat-sheet) .top,body:has(.modal.show .chat-sheet) .bottom{visibility:hidden!important}
  body .modal.show:has(.chat-sheet){background:#efeae2!important;backdrop-filter:none!important}
}

/* ===== v82: plain price font, no category labels, 2-column products (Alibaba style), photo viewer ===== */
:root{--lx-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
/* prices: one clear, familiar font everywhere, normal lining numbers */
body [class*="price"],body .money,body .cart-total,body .total{font-family:var(--lx-sans)!important;font-weight:800!important;font-variant-numeric:lining-nums tabular-nums!important;letter-spacing:0!important}
body h1,body h2,body h3{font-variant-numeric:lining-nums}
/* product cards: picture first, no category tag on the photo */
body .product .tag,body .product-image-glint{display:none!important}
body .product .pic{padding:0!important;aspect-ratio:1/1!important;background:#f3f5f9!important}
body .product .pic img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
body #grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media(min-width:761px){body #grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}}
@media(min-width:1100px){body #grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body #grid .product .info{padding:12px 12px 13px!important}
body #grid .product .info h3{font-size:14px!important;line-height:1.35!important;min-height:38px!important;font-weight:600!important}
body #grid .product .price{font-size:18px!important}
body #grid .product-view-link span{white-space:nowrap;font-size:10px!important;letter-spacing:.1em!important}
body .store-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body .store-products .tag{display:none!important}
body .detail-price{font-size:26px!important}
/* detail photo is tappable */
body .main-photo-wrap img#mainProductImage{cursor:zoom-in}
.img-viewer{position:fixed;inset:0;z-index:100000;background:rgba(5,9,22,.96);display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.img-viewer[hidden]{display:none}
.iv-stage{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch}
.iv-stage img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .2s;touch-action:manipulation}
.img-viewer.zoom .iv-stage{align-items:flex-start;justify-content:flex-start}
.img-viewer.zoom .iv-stage img{max-width:none;max-height:none;width:240%;cursor:zoom-out}
.iv-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.iv-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:42px;height:56px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;cursor:pointer;border-radius:12px}
.iv-prev{left:8px}.iv-next{right:8px}.img-viewer.single .iv-nav,.img-viewer.zoom .iv-nav{display:none}
.iv-hint{position:absolute;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px;color:#c9d3ea;font-size:12px;pointer-events:none}
html.iv-open{overflow:hidden}

/* ===== v84: organized product page ===== */
body .product-sheet-modern .product-detail{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:0!important}
@media(min-width:821px){body .product-sheet-modern .product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px!important}}
body .product-sheet-modern .gallery{display:flex;flex-direction:column;gap:12px;min-width:0}
body .product-sheet-modern .main-photo-wrap{width:100%!important;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#f3f5f9;border:1px solid var(--lx-line)}
body .product-sheet-modern .main-photo-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;display:block}
body .product-sheet-modern .thumbs{display:flex!important;gap:10px;overflow-x:auto;padding:2px;scrollbar-width:none}
body .product-sheet-modern .thumbs::-webkit-scrollbar{display:none}
body .product-sheet-modern .thumbs button{flex:0 0 64px;width:64px;height:64px;padding:0;border-radius:12px;border:2px solid transparent;overflow:hidden;background:#f3f5f9}
body .product-sheet-modern .thumbs button.active{border-color:var(--lx-blue)}
body .product-sheet-modern .thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.pd-info{display:flex;flex-direction:column;gap:14px;min-width:0}
.pd-cat{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lx-blue);background:#eef3fc;padding:5px 11px;border-radius:999px}
body .pd-title{font-family:var(--lx-sans)!important;font-size:clamp(21px,5.2vw,27px)!important;font-weight:700!important;line-height:1.2;margin:0;color:var(--lx-ink)}
.pd-priceRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body .pd-price{font-size:30px!important;font-weight:800!important;color:var(--lx-ink)!important;line-height:1}
.pd-stock{font-size:12px;font-weight:700;color:#067647;background:#ecfdf3;padding:6px 11px;border-radius:999px}.pd-stock.out{color:#b42318;background:#fef3f2}
.pd-desc{margin:0;font-size:14px;line-height:1.6;color:var(--lx-muted);white-space:pre-line;overflow-wrap:anywhere}
.pd-options{border:1px solid var(--lx-line);border-radius:16px;padding:14px;background:#fafbfd}
.pd-options h3{margin:0 0 12px;font-family:var(--lx-sans)!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#344054}
.pd-opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pd-opt-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#475467;min-width:0;margin:0}
.pd-opt-grid label:last-child:nth-child(odd){grid-column:1/-1}
.pd-opt-grid select{width:100%!important;height:46px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;padding:0 12px;font-size:16px;font-weight:500;color:var(--lx-ink);margin:0!important}
.pd-trust{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--lx-muted)}
.pd-trust span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#12b76a;margin-right:7px;vertical-align:middle}
.pd-actions{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:auto 1fr 1.3fr;gap:10px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));margin-top:4px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 30%)}
.pd-actions.no-chat{grid-template-columns:1fr 1.3fr}
.pd-actions button{height:52px;border-radius:14px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:0 16px;transition:background .2s,color .2s}
.pd-chat{background:#fff;color:var(--lx-ink);border:1px solid var(--lx-line)}.pd-chat:hover{background:#f3f5f9}
.pd-add{background:#fff;color:var(--lx-ink);border:1.5px solid var(--lx-ink)}.pd-add:hover:not(:disabled){background:var(--lx-ink);color:#fff}
.pd-buy{background:var(--lx-blue);color:#fff;border:0}.pd-buy:hover:not(:disabled){background:var(--lx-ink)}
.pd-actions button:disabled{opacity:.5;cursor:not-allowed}
.pd-actions button{white-space:nowrap}
@media(max-width:430px){.pd-chat span{display:none}.pd-chat{width:52px;padding:0}.pd-actions button{font-size:13px;padding:0 12px}}

/* ===== v85: Track Order (stepper + delivered card from the Uiverse snippets) ===== */
body .tracking-sheet h2,body .tracking-sheet h3{font-family:var(--lx-sans)!important}
body .tracking-sheet .live-map-wrap{margin:14px 0 12px}
body .tracking-location-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0!important}
body .tracking-location-actions button{min-height:48px;height:auto;padding:8px 10px;border-radius:14px;font-size:11.5px;font-weight:700;letter-spacing:.05em;line-height:1.25;white-space:normal;cursor:pointer}
body .live-location-btn{background:var(--lx-blue)!important;color:#fff!important;border:0!important}
body .live-location-refresh{background:#fff!important;color:var(--lx-ink)!important;border:1.5px solid var(--lx-ink)!important}
body .stepper-box{display:block!important;background:#fff;border:1px solid var(--lx-line);border-radius:16px;padding:18px 16px;margin-top:12px}
.stepper-step{display:flex;position:relative;margin-bottom:22px}.stepper-step:last-child{margin-bottom:0}
.stepper-line{position:absolute;left:15px;top:34px;bottom:-22px;width:2px;background:#e2e8f0;z-index:1}
.stepper-step:last-child .stepper-line{display:none}.stepper-completed .stepper-line{background:#0f172a}
.stepper-circle{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:14px;z-index:2;font-size:13px;font-weight:700;background:#fff}
.stepper-completed .stepper-circle{background:#0f172a;color:#fff}
.stepper-active .stepper-circle{border:2px solid #0f172a;color:#0f172a;box-shadow:0 0 0 4px rgba(15,23,42,.08)}
.stepper-pending .stepper-circle{border:2px solid #e2e8f0;color:#94a3b8}
.stepper-content{flex:1;min-width:0;padding-top:3px}
.stepper-title{font-weight:600;font-size:14px;margin-bottom:3px}
.stepper-completed .stepper-title,.stepper-active .stepper-title{color:#0f172a}.stepper-pending .stepper-title{color:#94a3b8}
.stepper-status{font-size:12px;display:inline-block;padding:2px 9px;border-radius:12px;margin-top:2px}
.stepper-completed .stepper-status{background:#dcfce7;color:#166534}.stepper-active .stepper-status{background:#dbeafe;color:#1d4ed8}.stepper-pending .stepper-status{background:#f1f5f9;color:#64748b}
.delivered-card{text-align:center;background:#fff;border:1px solid var(--lx-line);border-radius:16px;padding:20px 16px;margin-top:12px;box-shadow:0 20px 25px -18px rgba(10,19,49,.25)}
.dc-image{display:flex;margin:0 auto;width:56px;height:56px;border-radius:50%;background:#e2feee;color:#12b76a;align-items:center;justify-content:center;animation:dcPulse .7s ease-in-out alternate-reverse infinite}
.dc-title{margin-top:12px;color:#066e29;font-size:17px;font-weight:700}.dc-msg{margin:6px 0 0;color:#595b5f;font-size:13.5px;line-height:1.45}
@keyframes dcPulse{from{transform:scale(1)}to{transform:scale(1.09)}}
@media(prefers-reduced-motion:reduce){.dc-image{animation:none}}
body .tracking-sheet .checkout-head{margin-bottom:14px}

/* ===== v86: OTP boxes, activated card, WhatsApp help button, hover cards (from the Uiverse snippets) ===== */
.otp-wrap{width:100%}
.otp-boxes{display:flex;gap:8px;justify-content:center;margin:6px 0 4px}
body .otp-box{flex:1 1 0;min-width:0;max-width:54px;aspect-ratio:.82;height:auto!important;padding:0!important;text-align:center;border:2px solid transparent!important;border-radius:12px!important;background:#f2f4f7!important;font-size:22px!important;font-weight:700;color:#101828;caret-color:var(--lx-blue);outline:none;transition:background .2s,border-color .2s,transform .15s}
body .otp-box:focus{background:#eef3fc!important;border-color:var(--lx-blue)!important;transform:translateY(-1px);box-shadow:0 0 0 4px rgba(29,85,201,.14)!important}
body .otp-box.filled{background:#eef3fc!important;border-color:#c7d6f5!important;color:var(--lx-ink)}
.activated-sheet{display:flex!important;align-items:center;justify-content:center}
.activated{width:100%;max-width:420px;margin:0 auto;text-align:center;padding:12px 4px 4px}
.activated-icon{display:inline-flex;margin-bottom:18px;animation:actPop .5s cubic-bezier(.2,.9,.3,1.3)}
.activated h2{font-family:var(--lx-sans)!important;font-size:24px;font-weight:700;color:var(--lx-ink);margin:0 0 8px}
.activated-msg{margin:0 0 26px;font-size:15px;line-height:1.55;color:var(--lx-muted)}
.activated-actions{display:flex;flex-direction:column;gap:10px}
.activated-actions button{height:50px;border:0;border-radius:14px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .2s}
.act-primary{background:#12b76a;color:#fff}.act-primary:hover{background:#0e9f5c}
.act-secondary{background:#eef0f4;color:#344054}.act-secondary:hover{background:#e1e5ec}
@keyframes actPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.wa-fab{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;width:56px;height:56px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -8px rgba(34,197,94,.6);text-decoration:none;transition:transform .25s,background .25s}
.wa-fab:hover{background:#16a34a;transform:scale(1.06)}.wa-fab:active{transform:scale(.95)}
.wa-fab svg{width:28px;height:28px;position:relative;z-index:1}
.wa-ring{position:absolute;inset:0;border-radius:50%;border:4px solid rgba(255,255,255,.3);animation:waPulse 2s ease-in-out infinite;pointer-events:none}
.wa-badge{position:absolute;right:-4px;top:-4px;z-index:3;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.wa-ping{position:absolute;inset:0;border-radius:50%;background:#f87171;opacity:.75;animation:waPing 1.4s cubic-bezier(0,0,.2,1) infinite}
.wa-badge b{position:relative;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;font:700 12px/20px Inter,system-ui,sans-serif;text-align:center}
.wa-fab.seen .wa-badge{display:none}
.wa-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#1f2937;color:#fff;font:500 13px Inter,system-ui,sans-serif;padding:7px 12px;border-radius:8px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}
.wa-tip:after{content:"";position:absolute;right:-4px;top:50%;width:9px;height:9px;background:#1f2937;transform:translateY(-50%) rotate(45deg)}
.wa-fab:hover .wa-tip,.wa-fab.tip .wa-tip{opacity:1;visibility:visible}
html.basse-modal-open .wa-fab,body.basse-modal-open .wa-fab,html.kb-open .wa-fab,html.iv-open .wa-fab{display:none}
@media(min-width:900px){.wa-fab{bottom:28px;right:28px}}
@keyframes waPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}@keyframes waPing{75%,100%{transform:scale(2);opacity:0}}
@media(prefers-reduced-motion:reduce){.wa-ring,.wa-ping,.activated-icon{animation:none}}
@media(hover:hover){
 body .trust-card{transition:border-color .5s,box-shadow .5s,transform .4s}
 body .trust-card:hover{border-color:#1d55c9 #7aa2f0 #7aa2f0 #1d55c9!important;transform:translate(-2px,-2px);box-shadow:4px 4px rgba(29,85,201,.32),8px 8px rgba(29,85,201,.22),12px 12px rgba(29,85,201,.13),16px 16px rgba(29,85,201,.06)!important}
}
/* trust cards: consistent second line + gentler hover offset */
body .trust-card .trust-copy>span{display:block;font-weight:400!important;color:var(--lx-muted)!important;font-size:10px!important;margin-top:2px}
@media(min-width:900px){body .trust{gap:18px!important}body .trust-card .trust-copy>span{font-size:12px!important}}
@media(hover:hover){body .trust-card:hover{box-shadow:3px 3px rgba(29,85,201,.3),6px 6px rgba(29,85,201,.2),9px 9px rgba(29,85,201,.11),12px 12px rgba(29,85,201,.05)!important}}