/* ═══════════════════════════════════════════════════════════════════════════
   Akekart PDP Stylesheet — assets/css/pdp.css
   E3 keystone modularization (2026-05-23): extracted byte-identical from the
   inline <style> block of product.php. Loaded AFTER product-r2.css, at the
   same cascade position the inline block held — cascade order is preserved.
   Do not reorder rules — the D1-D26 cascade is source-order dependent.
   ═══════════════════════════════════════════════════════════════════════════ */
/* ── Akekart Visual DNA ─────────────────────────────────────────────────────── */
.category-nav,.nav-menu{display:none!important}
body{background:#f1f5f9;font-family:'Poppins',sans-serif;color:#0f172a;padding-bottom:20px;margin:0}
/* ── Layout ── */
.p-container{max-width:1200px;margin:15px auto;padding:0 10px;display:flex;flex-direction:column;gap:15px}
@media(min-width:992px){
  .p-container{flex-direction:row;align-items:flex-start;margin:25px auto}
  .col-left{flex:0 0 40%;position:sticky;top:20px}
  .col-right{flex:1;display:flex;flex-direction:column;gap:15px;min-width:0}
}
/* ── Cards ── */
.card-pro{background:#fff;border-radius:16px;border:1px solid #eef2f7;padding:20px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.05);margin-bottom:14px;transition:box-shadow .2s ease}
.card-pro:hover{box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 26px rgba(16,24,40,.07)}
.c-head{font-size:15.5px;font-weight:800;color:#0f172a;margin:0 0 14px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #f1f5f9;padding-bottom:11px;letter-spacing:-.01em}
.c-head i{font-size:18px}
/* ── Gallery ── */
.img-showcase{position:relative;height:350px;display:flex;align-items:center;justify-content:center;padding:10px;background:#fafbfc;overflow:hidden}
@media(min-width:992px){.img-showcase{height:400px}}
.img-showcase img{max-width:95%;max-height:95%;object-fit:contain;transition:opacity .22s ease;will-change:opacity;cursor:zoom-in}
.r1-main-fading{opacity:0!important}
/* Lightbox */
#ake-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99999;display:none;align-items:center;justify-content:center;cursor:zoom-out}
#ake-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:8px;user-select:none}
#ake-lightbox-close{position:absolute;top:16px;right:20px;color:#fff;font-size:28px;cursor:pointer;background:rgba(255,255,255,.12);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}
#ake-lightbox-close:hover{background:rgba(255,255,255,.24)}
.cond-badge{position:absolute;left:15px;top:15px;background:#0f172a;color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;z-index:2}
.gal-actions{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:8px;z-index:2}
.gal-btn{width:38px;height:38px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}
.gal-btn:hover{border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.12)}
/* Thumb strip */
.r1-thumb-strip{display:flex;gap:8px;padding:11px 12px;border-top:1px solid #f1f5f9;overflow-x:auto;scrollbar-width:none;background:#fff}
.r1-thumb-strip::-webkit-scrollbar{display:none}
.r1-thumb{width:58px;height:58px;border-radius:10px;border:1.5px solid #e8edf3;overflow:hidden;cursor:pointer;flex-shrink:0;transition:border-color .16s,box-shadow .16s,transform .16s;background:#fafbfc;padding:3px;box-sizing:border-box}
.r1-thumb:hover{border-color:#bfdbfe;transform:translateY(-1px)}
.r1-thumb.active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.r1-thumb img{width:100%;height:100%;object-fit:contain;border-radius:7px}
/* ── D1: secure payments / confidence strip ── */
.ake-conf-strip{display:flex;align-items:stretch;gap:0;margin-top:12px;border:1px solid #eef2f7;border-radius:12px;overflow:hidden;background:#fff}
.ake-conf-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;text-align:center;border-right:1px solid #f1f5f9}
.ake-conf-item:last-child{border-right:none}
.ake-conf-item i{font-size:18px}
.ake-conf-item strong{font-size:10px;font-weight:800;color:#0f172a;line-height:1.2}
.ake-conf-item span{font-size:8.5px;color:#94a3b8;font-weight:600;line-height:1.2}
@media(max-width:480px){.ake-conf-item strong{font-size:9px}.ake-conf-item span{display:none}.ake-conf-item{padding:9px 4px}}
/* ── Desktop buy buttons ── */
.dt-actions{display:none;gap:10px;margin-top:15px}
@media(min-width:992px){.dt-actions{display:flex!important}}
.b-act{flex:1;height:48px;border:none;border-radius:8px;font-size:13px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:background .15s,box-shadow .15s;font-family:'Poppins';display:inline-flex;align-items:center;justify-content:center;gap:6px}
.b-act:active{opacity:.88}
.b-cart{background:#fff;color:#2563eb;border:2px solid #2563eb}.b-cart:hover{background:#eff6ff}
.b-buy{background:#2563eb;color:#fff;box-shadow:0 4px 10px rgba(37,99,235,.2)}.b-buy:hover{background:#1d4ed8;box-shadow:0 6px 16px rgba(37,99,235,.3)}
/* ── Rising 50 chip ── */
.r2-rising50-chip{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;margin-bottom:8px;white-space:nowrap;box-shadow:0 2px 8px rgba(124,58,237,.25)}
.r2-rising50-chip i{font-size:13px}
/* ── Flash sale banner ── */
.flash-sale-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:10px;padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.flash-sale-banner .flash-icon{font-size:22px;flex-shrink:0}
.flash-sale-banner .flash-info{flex:1}
.flash-sale-banner .flash-timer{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;min-width:70px;text-align:right}
/* ── Product info ── */
.c-brand{font-size:11px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.c-title{font-size:16px;font-weight:700;line-height:1.5;margin:0 0 10px;letter-spacing:-.01em}
@media(min-width:992px){.c-title{font-size:17px}}
.c-rating-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.c-rating-row[data-clickable]{cursor:pointer}
.star-badge{background:#10b981;color:#fff;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:3px}
.star-badge-zero{background:#94a3b8;color:#fff;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:800}
.ake-badge{background:#1e3a8a;color:#fff;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:3px}
.ake-verified-pill{background:#dcfce7;color:#15803d;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700}
.c-price-box{margin-bottom:10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.c-price{font-size:26px;font-weight:800;line-height:1;color:#0f172a;letter-spacing:-.015em}
.c-mrp{font-size:13px;color:#94a3b8;text-decoration:line-through}
.c-off{font-size:12px;font-weight:800;color:#059669;background:#dcfce7;padding:2px 7px;border-radius:4px;display:inline-block}
/* ── Trust + telemetry signals ── */
.r2-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.r2-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}
.r2-trust-signals{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.r2-trust-signal{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:3px 9px;border-radius:20px}
.ake-trust-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;margin-top:4px}
/* ── Subscription teaser ── */
.ake-sub-teaser{background:#f5f3ff;border:1px solid #ede9fe;border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:12px;color:#5b21b6;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s}
.ake-sub-teaser:hover{background:#ede9fe}
/* ── Variants ── */
.var-section{margin-bottom:12px}
.var-label{font-size:12px;font-weight:700;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.var-options{display:flex;gap:6px;flex-wrap:wrap}
.var-opt{padding:6px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;background:#fff;color:#0f172a;font-family:'Poppins'}
.var-opt.selected,.var-opt:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}
.var-opt.oos{opacity:.45;cursor:not-allowed;text-decoration:line-through}
/* ── Focus visible (keyboard accessibility) ── */
.b-act:focus-visible,.qty-btn:focus-visible,.var-opt:focus-visible,.m-btn:focus-visible,
.ake-sticky-cart:focus-visible,.ake-sticky-buy:focus-visible,
.gal-btn:focus-visible,.r1-thumb:focus-visible{
  outline:2px solid #2563eb;outline-offset:2px
}
/* ── Qty ── */
.qty-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.qty-box{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden;height:36px}
.qty-btn{width:36px;height:100%;border:none;background:#f8fafc;font-size:18px;cursor:pointer;font-weight:700;color:#0f172a;display:flex;align-items:center;justify-content:center;transition:background .15s;font-family:'Poppins'}
.qty-btn:hover{background:#eff6ff}
.qty-val{min-width:36px;text-align:center;font-size:14px;font-weight:700;color:#0f172a;border:none;outline:none;background:#fff;font-family:'Poppins'}
/* ── Stock states ── */
.ake-stock-ok::before,.ake-stock-low::before,.ake-stock-out::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.ake-stock-ok::before{background:#10b981}.ake-stock-low::before{background:#f59e0b}.ake-stock-out::before{background:#ef4444}
/* Inventory pressure bar */
.ake-inventory-bar{margin-top:6px;margin-bottom:4px}
.ake-inventory-bar-track{background:#f1f5f9;border-radius:99px;height:5px;overflow:hidden}
.ake-inventory-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#10b981,#f59e0b)}
.ake-inventory-pct{font-size:10px;color:#64748b;font-weight:700;margin-top:3px}
/* ── Features grid ── */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin-bottom:14px}
.feat-item{padding:12px 5px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s}
.feat-item:hover{border-color:#2563eb}
.feat-item span{font-size:10px;font-weight:700;color:#475569;line-height:1.2}
/* ── Delivery ── */
.ake-delivery-to{color:#1f2937;font-size:13px;font-weight:600}
.ake-delivery-to strong{color:#0f172a}
.ake-delivery-eta{color:#10b981;font-weight:700;font-size:12px;margin-top:3px}
.ake-delivery-note{color:#64748b;font-size:13px}
.ake-delivery-note a{color:#2563eb;font-weight:600;text-decoration:none}
.ake-express-badge{background:#10b981;color:#fff;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;margin-right:4px}
/* ── Offers ── */
.ake-offer-row{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:1px solid #f1f5f9}
.ake-offer-row:last-child{border-bottom:none;padding-bottom:0}
.ake-offer-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}
.ake-offer-dot.green{background:#10b981}.ake-offer-dot.purple{background:#7c3aed}.ake-offer-dot.gold{background:#f59e0b}.ake-offer-dot.blue{background:#2563eb}
.ake-offer-title{font-size:13px;font-weight:700;color:#0f172a;display:inline}
.ake-offer-desc{font-size:13px;color:#374151;display:inline}
.ake-offer-cta{font-size:12px;font-weight:700;color:#2563eb;text-decoration:none;cursor:pointer;margin-left:4px;white-space:nowrap}
.ake-offer-cta.purple{color:#7c3aed}.ake-offer-cta.pink{color:#ec4899}
/* Payment badges */
.pmt-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.pmt-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;background:#f1f5f9;color:#475569}
.pmt-badge.available{background:#dcfce7;color:#16a34a}
/* ── Wallet row ── */
.r2-wallet-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f5f3ff;border-radius:8px;border:1px solid #ede9fe;font-size:12px;color:#5b21b6;font-weight:600;margin-bottom:8px}
/* ── Monopoly actions ── */
.monopoly-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
.m-btn{padding:10px 6px;border:none;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:'Poppins';transition:all .18s cubic-bezier(.4,0,.2,1);text-align:center;line-height:1.2;min-height:60px;justify-content:center;position:relative;overflow:hidden}
.m-btn::after{content:'';position:absolute;inset:0;border-radius:10px;background:rgba(255,255,255,0);transition:background .18s;pointer-events:none}/*STABILIZE: was click-interceptor*/
.m-btn:hover{box-shadow:0 6px 18px rgba(0,0,0,.13);transform:translateY(-2px)}
.m-btn:hover::after{background:rgba(255,255,255,.18)}
.m-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.08);opacity:.92}
.m-btn i{font-size:18px;transition:transform .18s cubic-bezier(.4,0,.2,1)}
.m-btn:hover i{transform:scale(1.18) translateY(-1px)}
.m-btn-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.m-btn-alert.active-alert{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac}
.m-btn-sub{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;border:1px solid #c4b5fd}.m-btn-sub.active-sub{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac}
.m-btn-group{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d;border:1px solid #f9a8d4}
/* Group Buy savings meter */
.gb-meter-wrap{margin:14px 0 10px;padding:12px;background:#fdf4ff;border-radius:10px;border:1px solid #f0abfc}
.gb-meter-lbl{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#7e22ce;margin-bottom:6px}
.gb-meter-track{height:8px;background:#ede9fe;border-radius:99px;overflow:hidden}
.gb-meter-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#a855f7,#ec4899);transition:width .5s cubic-bezier(.4,0,.2,1)}
.gb-slots-note{font-size:11px;color:#9333ea;margin-top:6px;text-align:center;font-weight:600}
.gb-savings-chip{display:inline-flex;align-items:center;gap:5px;background:#7c3aed;color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:20px;margin:8px auto 12px;display:flex;justify-content:center;width:fit-content}
/* Price Alert enhancements */
.pa-context-row{display:flex;gap:10px;margin-bottom:14px}
.pa-context-item{flex:1;text-align:center;padding:9px 6px;background:#f8fafc;border-radius:9px;border:1px solid #e2e8f0}
.pa-context-val{font-size:15px;font-weight:900;color:#0f172a}
.pa-context-lbl{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;margin-top:2px}
/* ── Premium seller card ── */
.r2-seller-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.r2-seller-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.r2-seller-avatar{width:44px;height:44px;border-radius:50%;background:#eff6ff;border:2px solid #bfdbfe;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#2563eb;flex-shrink:0}
.r2-seller-meta{flex:1;min-width:0}
.r2-seller-name{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r2-seller-tier{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;display:inline-block;margin-top:3px}
.r2-seller-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
@media(max-width:400px){.r2-seller-stats{grid-template-columns:repeat(2,1fr)}}
.r2-seller-stat{background:#f8fafc;border-radius:8px;padding:7px 8px;text-align:center;border:1px solid #f1f5f9}
.r2-seller-stat .sv{font-size:13px;font-weight:800;color:#0f172a;display:block}
.r2-seller-stat .sk{font-size:9px;font-weight:700;color:#64748b;text-transform:uppercase;display:block;margin-top:1px}
.r2-seller-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.r2-seller-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}
/* PDP D3 - Seller intelligence + trust hierarchy + rail evolution (additive only) */
.d3-seller-verif{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.d3-verif-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:6px;line-height:1.4}
.d3-verif-chip i{font-size:12px}
.d3-verif-strong{background:#eff6ff;color:#1e3a8a}
.d3-verif-ok{background:#f0fdf4;color:#166534}
.d3-verif-soft{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}
.d3-seller-region{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#64748b;margin-top:8px}
.d3-seller-region i{font-size:13px;color:#94a3b8}
.d3-ops-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.d3-ops-cell{background:#f8fafc;border:1px solid #f1f5f9;border-radius:9px;padding:8px 7px;display:flex;flex-direction:column;gap:3px}
.d3-ops-cell .d3-ops-top{display:flex;align-items:center;gap:4px}
.d3-ops-cell .d3-ops-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.d3-ops-cell .d3-ops-label{font-size:8.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}
.d3-ops-cell .d3-ops-val{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.25}
.d3-ops-cell .d3-ops-sub{font-size:8.5px;font-weight:600;color:#94a3b8;line-height:1.2}
.d3-ops-bar{height:4px;border-radius:99px;background:#e8edf3;overflow:hidden;margin-top:1px}
.d3-ops-bar > i{display:block;height:100%;border-radius:99px}
@media(max-width:420px){.d3-ops-row{grid-template-columns:repeat(3,1fr);gap:5px}.d3-ops-cell{padding:7px 5px}}
.d3-trust-card{border:1px solid #eef2f7;border-radius:12px;background:#fff;overflow:hidden;margin-top:12px}
.d3-trust-hd{display:flex;align-items:center;gap:7px;padding:9px 12px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #eef2f7}
.d3-trust-hd i{font-size:16px;color:#059669}
.d3-trust-hd strong{font-size:11.5px;font-weight:800;color:#065f46}
.d3-trust-hd span{font-size:9.5px;font-weight:600;color:#10b981;margin-left:auto}
.d3-trust-rows{display:flex;flex-direction:column}
.d3-trust-line{display:flex;align-items:flex-start;gap:9px;padding:9px 12px;border-bottom:1px solid #f5f7fa}
.d3-trust-line:last-child{border-bottom:none}
.d3-trust-line i{font-size:15px;flex-shrink:0;margin-top:1px}
.d3-trust-line .d3-tl-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.d3-trust-line .d3-tl-title{font-size:11px;font-weight:800;color:#0f172a;line-height:1.3}
.d3-trust-line .d3-tl-desc{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.35}
.d3-rail-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 12px;border-bottom:1px solid #f1f5f9;padding-bottom:11px}
.d3-rail-hd .d3-rh-main{font-size:15.5px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:9px;letter-spacing:-.01em}
.d3-rail-hd .d3-rh-sub{font-size:10.5px;font-weight:600;color:#94a3b8}
.d3-rail-hd .d3-rh-link{margin-left:auto;font-size:11px;font-weight:700;color:#2563eb;text-decoration:none;white-space:nowrap}
.d3-rail-hd .d3-rh-link:hover{text-decoration:underline}
.d3-rail-frame{scroll-snap-type:x proximity;scroll-padding-left:2px;gap:11px}
.d3-rail-frame > .r2-rcard{scroll-snap-align:start}
.d3-rail-frame::-webkit-scrollbar{display:none}
.r2-rcard .r2-rinfo{gap:1px}
.d3-card-meta{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:9px;font-weight:700;color:#94a3b8}
.d3-card-meta .d3-cm-dot{width:3px;height:3px;border-radius:50%;background:#cbd5e1}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D4 - International Commerce Depth (additive only; nothing above modified)
═════════════════════════════════════════════════════════════════════════ */
/* D4: commerce density strip */
.d4-commerce-strip{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:4px 0;margin-top:0;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.d4-cs-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.d4-cs-cell{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-bottom:1px solid #f4f6f9;border-right:1px solid #f4f6f9}
.d4-cs-cell:nth-child(2n){border-right:none}
.d4-cs-cell:last-child{border-right:none}
.d4-cs-cell:nth-last-child(-n+2){border-bottom:none}
.d4-cs-cell:last-child:nth-child(odd){border-bottom:none}
.d4-cs-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.d4-cs-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.d4-cs-label{font-size:9px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}
.d4-cs-value{font-size:12.5px;font-weight:800;color:#0f172a;line-height:1.3;word-break:break-word}
.d4-cs-sub{font-size:9.5px;font-weight:600;color:#94a3b8;line-height:1.25}
.d4-cs-hd{display:flex;align-items:center;gap:7px;padding:9px 13px;border-bottom:1px solid #f4f6f9}
.d4-cs-hd i{font-size:15px;color:#2563eb}
.d4-cs-hd strong{font-size:11px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d4-cs-hd span{margin-left:auto;font-size:9px;font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:20px}
@media(max-width:380px){.d4-cs-grid{grid-template-columns:1fr}.d4-cs-cell{border-right:none}.d4-cs-cell:nth-last-child(2){border-bottom:1px solid #f4f6f9}}
/* D4: spec key-highlights chip row */
.d4-spec-highlights{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed #e8edf3}
.d4-spec-chip{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:5px 10px;max-width:100%}
.d4-spec-chip i{font-size:13px;color:#7c3aed;flex-shrink:0}
.d4-spec-chip .d4-sc-k{font-size:9px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}
.d4-spec-chip .d4-sc-v{font-size:11px;font-weight:800;color:#0f172a}
.d4-spec-chip-col{display:flex;flex-direction:column;gap:0;min-width:0}
/* D4: spec group collapse */
.d4-spec-collapsible{display:none}
.d4-spec-collapsible.open{display:block}
.d4-spec-toggle{font-size:11px;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:5px 11px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .15s;margin-top:6px}
.d4-spec-toggle:hover{background:#ede9fe}
.d4-spec-hd-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
/* D4: trust card intl confidence rows reuse d3-trust-line; just a divider label */
.d4-trust-divider{font-size:8.5px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;padding:7px 12px 4px;background:#fafbfc;border-bottom:1px solid #f5f7fa}
/* D4: cross-category continuation strip */
.d4-explore-strip{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e8edf3;border-radius:12px;padding:14px 16px;margin-bottom:15px;display:flex;align-items:center;gap:12px}
.d4-explore-ico{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:19px;color:#2563eb;flex-shrink:0}
.d4-explore-body{flex:1;min-width:0}
.d4-explore-body .d4-ex-t{font-size:12.5px;font-weight:800;color:#0f172a;line-height:1.3}
.d4-explore-body .d4-ex-s{font-size:10.5px;font-weight:600;color:#94a3b8;line-height:1.35;margin-top:1px}
.d4-explore-link{font-size:11px;font-weight:800;color:#fff;background:#2563eb;padding:8px 13px;border-radius:8px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s}
.d4-explore-link:hover{background:#1d4ed8}
@media(max-width:600px){
  .d4-cs-cell{padding:10px 11px}
  .d4-cs-value{font-size:12px}
  .d4-spec-highlights{gap:5px}
  .d4-explore-strip{padding:12px 13px;gap:10px}
  .d4-explore-ico{width:34px;height:34px;font-size:17px}
  .d4-explore-link{padding:8px 11px;font-size:10.5px}
}
@media(hover:none){.d4-explore-link:active{opacity:.85}.d4-spec-toggle:active{opacity:.7}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D5 - Conversion + Buyer Decision Intelligence (additive only)
═════════════════════════════════════════════════════════════════════════ */
/* D5: Why-Buy decision card */
.d5-whybuy{background:#fff;border:1px solid #e8edf3;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.d5-wb-hd{display:flex;align-items:center;gap:8px;padding:12px 15px;background:linear-gradient(135deg,#eef4ff,#eef9ff);border-bottom:1px solid #e8edf3}
.d5-wb-hd i{font-size:17px;color:#2563eb}
.d5-wb-hd strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d5-wb-hd .d5-wb-tag{margin-left:auto;font-size:9px;font-weight:800;color:#2563eb;background:#fff;border:1px solid #bfdbfe;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}
/* why-buy reason rows */
.d5-wb-reasons{padding:6px 15px 10px}
.d5-wb-reason{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #f5f7fa}
.d5-wb-reason:last-child{border-bottom:none}
.d5-wb-rico{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}
.d5-wb-rbody{display:flex;flex-direction:column;gap:1px;min-width:0}
.d5-wb-rtitle{font-size:12px;font-weight:800;color:#0f172a;line-height:1.3}
.d5-wb-rdesc{font-size:10.5px;font-weight:600;color:#94a3b8;line-height:1.4}
/* quick-fact key-value summary grid */
.d5-wb-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#eef2f7;border-top:1px solid #eef2f7}
.d5-wb-fact{background:#fff;padding:9px 14px;display:flex;flex-direction:column;gap:1px}
.d5-wb-fk{font-size:9px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}
.d5-wb-fv{font-size:12px;font-weight:800;color:#0f172a;line-height:1.3;word-break:break-word}
@media(max-width:380px){.d5-wb-facts{grid-template-columns:1fr}}
/* D5: CTA confidence line */
.d5-cta-confidence{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;padding:9px 12px;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px}
.d5-cta-cf-item{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#475569}
.d5-cta-cf-item i{font-size:14px}
/* D5: contextual continuation block */
.d5-continue{background:#fff;border:1px dashed #d4dde8;border-radius:12px;padding:13px 15px;margin-bottom:15px}
.d5-continue-hd{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.d5-continue-hd i{font-size:15px;color:#7c3aed}
.d5-continue-hd strong{font-size:12px;font-weight:800;color:#0f172a}
.d5-continue-links{display:flex;flex-wrap:wrap;gap:7px}
.d5-continue-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#334155;background:#f8fafc;border:1px solid #e8edf3;border-radius:20px;padding:6px 12px;text-decoration:none;transition:background .15s,border-color .15s}
.d5-continue-chip:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.d5-continue-chip i{font-size:13px;color:#94a3b8}
.d5-continue-chip:hover i{color:#2563eb}
@media(max-width:600px){
  .d5-wb-hd{padding:11px 13px}
  .d5-wb-reasons{padding:5px 13px 9px}
  .d5-wb-rtitle{font-size:11.5px}
  .d5-wb-fact{padding:9px 12px}
  .d5-cta-confidence{gap:9px;padding:9px 11px}
  .d5-continue{padding:12px 13px}
  .d5-continue-chip{padding:7px 12px}
}
@media(hover:none){.d5-continue-chip:active{opacity:.7}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D6 - Premium Marketplace Experience (additive · CSS-only · light UI)
═════════════════════════════════════════════════════════════════════════ */
/* D6: premium storytelling banner */
.d6-story{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:10px 13px;border-radius:11px;background:linear-gradient(120deg,#f8fafc,#eef4ff);border:1px solid #e6edf7}
.d6-story-ico{width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:17px;color:#2563eb;flex-shrink:0}
.d6-story-body{min-width:0;flex:1}
.d6-story-line{font-size:12px;font-weight:700;color:#1e293b;line-height:1.45}
.d6-story-line b{font-weight:800;color:#0f172a}
.d6-story-sub{font-size:10px;font-weight:600;color:#94a3b8;margin-top:1px}
/* D6: media experience polish — CSS-only on existing gallery markup */
.img-showcase{background:linear-gradient(160deg,#fcfdfe,#f4f6fa)}
.img-showcase img{transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.2,.64,1)}
#ake-gallery-card:hover .img-showcase img{transform:scale(1.025)}
.r1-thumb{transition:border-color .18s,box-shadow .18s,transform .18s}
.r1-thumb:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.12)}
.r1-thumb.active{box-shadow:0 0 0 3px rgba(37,99,235,.16),0 2px 8px rgba(37,99,235,.14)}
.r1-thumb-strip{padding:12px 13px;gap:9px}
.gal-btn{transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.gal-btn:hover{transform:scale(1.06)}
.gal-btn:active{transform:scale(.94)}
.r1-gal-arrow{transition:background .15s,box-shadow .15s,transform .15s}
.r1-gal-arrow:hover{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);transform:translateY(-50%) scale(1.08)}
/* D6: premium card elevation hierarchy */
.card-pro,.d4-commerce-strip,.d5-whybuy,.d3-trust-card,.ake-attr-card,.ake-details-card{
  transition:box-shadow .2s ease,border-color .2s ease}
.card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover{
  box-shadow:0 4px 16px rgba(15,23,42,.06)}
/* D6: premium CTA emphasis */
.b-act.b-buy{box-shadow:0 4px 14px rgba(245,158,11,.22)}
.b-act.b-cart{box-shadow:0 4px 14px rgba(37,99,235,.16)}
.b-act{transition:background .15s,box-shadow .18s,transform .12s,filter .15s}
.b-act:hover{filter:brightness(1.04);transform:translateY(-1px)}
.b-act:active{transform:translateY(0) scale(.99)}
/* D6: quantity / variant premium polish */
.qty-box{transition:border-color .15s,box-shadow .15s}
.qty-box:hover{border-color:#bfdbfe}
.qty-btn{transition:background .12s,color .12s}
.var-opt{transition:border-color .15s,background .15s,transform .12s,box-shadow .15s}
.var-opt:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(37,99,235,.1)}
.var-opt.selected{box-shadow:0 2px 10px rgba(37,99,235,.16)}
/* D6: premium trust grouping accent */
.d3-trust-card,.d5-whybuy,.d4-commerce-strip{border-color:#e6edf7}
.d3-trust-hd,.d5-wb-hd,.d4-cs-hd{letter-spacing:-.005em}
/* D6: chip hierarchy unification */
.d5-continue-chip,.d4-spec-chip,.d3-verif-chip{transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}
.d5-continue-chip:hover,.d4-spec-chip:hover{transform:translateY(-1px)}
/* D6: discovery rail immersion */
.r2-rcard{transition:box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s,transform .2s}
.r2-rcard:hover{box-shadow:0 12px 30px rgba(37,99,235,.14),0 3px 8px rgba(0,0,0,.05)}
.d3-rail-hd .d3-rh-main{letter-spacing:-.012em}
/* D6: section rhythm — consistent vertical spacing */
.col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d4-commerce-strip,
.col-right > .d3-trust-card,.col-right > .ake-attr-card,.col-right > .ake-details-card,
.col-right > .ake-supplier-card,.col-right > .ake-enterprise-card,.col-right > .r2-seller-card,
.col-right > .ake-market-intel{margin-bottom:14px}
/* D6: mobile app-like refinement */
@media(max-width:600px){
  .d6-story{margin:9px 0 3px;padding:9px 11px;gap:8px}
  .d6-story-ico{width:29px;height:29px;font-size:15px}
  .d6-story-line{font-size:11.5px}
  .img-showcase{height:320px}
  .r1-thumb{width:54px;height:54px}
  .r1-thumb-strip{gap:8px;padding:10px 11px}
  #ake-gallery-card:hover .img-showcase img{transform:none}
  .b-act:hover{transform:none;filter:none}
  .r2-rcard:hover{box-shadow:0 2px 10px rgba(0,0,0,.1)}
}
@media(hover:none){
  .r1-thumb:hover{transform:none;box-shadow:none}
  .var-opt:hover{transform:none;box-shadow:none}
  .d5-continue-chip:hover,.d4-spec-chip:hover{transform:none}
  .gal-btn:hover{transform:none}
  .r1-thumb:active{transform:scale(.96)}
  .gal-btn:active{transform:scale(.9)}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D7 - High-End Commerce Immersion (additive · CSS-only · light UI)
   No new markup · no JS · no queries. Builds on D1-D6 markup only.
═════════════════════════════════════════════════════════════════════════ */
/* D7 FIX: rail cards (.r2-rcard) had opacity:0 relying on an 'ake-visible'
   class that no JavaScript ever adds -> cards were invisible. This restores
   guaranteed visibility via a CSS-only auto-reveal animation (no observer). */
@keyframes d7-card-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.r2-rcard{opacity:1;animation:d7-card-reveal .5s cubic-bezier(.34,1.4,.64,1) both}
.r2-rcard.ake-visible{opacity:1}
/* staggered reveal — premium cascade as a rail paints in */
.r2-rail > .r2-rcard:nth-child(1),.d3-rail-frame > .r2-rcard:nth-child(1){animation-delay:.02s}
.r2-rail > .r2-rcard:nth-child(2),.d3-rail-frame > .r2-rcard:nth-child(2){animation-delay:.07s}
.r2-rail > .r2-rcard:nth-child(3),.d3-rail-frame > .r2-rcard:nth-child(3){animation-delay:.12s}
.r2-rail > .r2-rcard:nth-child(4),.d3-rail-frame > .r2-rcard:nth-child(4){animation-delay:.17s}
.r2-rail > .r2-rcard:nth-child(5),.d3-rail-frame > .r2-rcard:nth-child(5){animation-delay:.22s}
.r2-rail > .r2-rcard:nth-child(6),.d3-rail-frame > .r2-rcard:nth-child(6){animation-delay:.27s}
.r2-rail > .r2-rcard:nth-child(n+7),.d3-rail-frame > .r2-rcard:nth-child(n+7){animation-delay:.3s}
/* D7: premium media immersion — deeper focus on the showcase */
.img-showcase{transition:background .3s ease}
#ake-gallery-card{transition:box-shadow .25s ease}
#ake-gallery-card:hover{box-shadow:0 8px 30px rgba(15,23,42,.08)}
#ake-gallery-card:hover .img-showcase{background:linear-gradient(160deg,#ffffff,#f1f5fa)}
.r1-thumb{will-change:transform}
/* D7: storytelling continuity — gentle entrance for the banner */
@keyframes d7-soft-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.d6-story{animation:d7-soft-rise .45s ease both}
.d5-whybuy,.d3-trust-card,.d4-commerce-strip{animation:d7-soft-rise .5s ease both}
/* D7: high-end visual system — spacing harmony + elevation depth */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,
.ake-details-card,.r2-seller-card,.ake-supplier-card,.ake-enterprise-card,.ake-market-intel{
  border-radius:13px}
.card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover,
.r2-seller-card:hover,.ake-supplier-card:hover{
  box-shadow:0 6px 22px rgba(15,23,42,.07);border-color:#dde6f1}
/* D7: typography rhythm refinement */
.c-head,.d3-rh-main,.d5-wb-hd strong,.d3-trust-hd strong,.d4-cs-hd strong{letter-spacing:-.014em}
.c-title{letter-spacing:-.018em}
/* D7: hover sophistication — unified easing across interactive chips */
.r2-trust-signal,.ake-del-badge,.r2-badge,.d4-spec-chip,.d3-verif-chip,.d5-continue-chip{
  transition:transform .14s cubic-bezier(.34,1.3,.64,1),box-shadow .15s,background .15s,border-color .15s}
.r2-trust-signal:hover,.ake-del-badge:hover{transform:translateY(-1px)}
/* D7: discovery flow immersion — smoother rail edges + section continuity */
.d3-rail-frame{scroll-behavior:smooth}
.col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d3-trust-card,
.col-right > .d4-commerce-strip,.col-right > .ake-attr-card,.col-right > .ake-details-card{
  scroll-margin-top:16px}
/* D7: CTA balance — calmer, more confident rhythm */
.dt-actions{gap:11px}
.b-act{border-radius:9px;letter-spacing:.01em}
.monopoly-actions{gap:9px}
.m-btn{transition:background .14s,border-color .14s,transform .12s}
.m-btn:hover{transform:translateY(-1px)}
/* D7: trust + buyer comfort — softer, more premium grouping */
.d3-trust-hd,.d5-wb-hd{border-bottom-color:#eef2f7}
.ake-conf-strip{border-radius:13px}
.d5-cta-confidence{border-radius:10px}
/* D7: mobile app-like immersion */
@media(max-width:600px){
  .r2-rcard{animation-duration:.42s}
  .r2-rail > .r2-rcard:nth-child(n+5),.d3-rail-frame > .r2-rcard:nth-child(n+5){animation-delay:.2s}
  #ake-gallery-card:hover{box-shadow:none}
  .card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover{box-shadow:none}
  .col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d3-trust-card{scroll-margin-top:8px}
  .b-act{border-radius:9px}
  .dt-actions{gap:9px}
}
@media(hover:none){
  .r2-trust-signal:hover,.ake-del-badge:hover{transform:none}
  .m-btn:hover{transform:none}
}
/* D7: respect reduced-motion — instant visibility, no animation */
@media(prefers-reduced-motion:reduce){
.r2-rcard,.d6-story,.d5-whybuy,.d3-trust-card,.d4-commerce-strip{animation:none!important;opacity:1!important;transform:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D8 - Elite Marketplace Experience (additive · CSS-only · light UI)
   No new markup · no JS · no queries. Refines D1-D7 markup only.
═════════════════════════════════════════════════════════════════════════ */
/* D8: ELITE VISUAL CONTINUITY — unified vertical rhythm across all sections */
.col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d4-commerce-strip,
.col-right > .d3-trust-card,.col-right > .ake-attr-card,.col-right > .ake-details-card,
.col-right > .ake-supplier-card,.col-right > .ake-enterprise-card,.col-right > .r2-seller-card,
.col-right > .ake-market-intel{margin-bottom:16px}
/* unified card language — one radius, one border tone, one resting shadow */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,.ake-details-card,
.r2-seller-card,.ake-supplier-card,.ake-enterprise-card,.ake-market-intel,.d4-commerce-strip{
  border-radius:14px;border-color:#eaeff5;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045)}
/* connective accent — calm progression, sections read as one composition */
.col-right{position:relative}
.col-right::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,transparent,#eef2f7 12%,#eef2f7 88%,transparent);
  border-radius:2px;pointer-events:none;opacity:.7}
@media(max-width:991px){.col-right::before{display:none}}
/* D8: PREMIUM MICRO-INTERACTIONS — refined, calm, never spammy */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip{
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover{
  box-shadow:0 6px 24px rgba(16,24,40,.08);border-color:#dde6f1;transform:translateY(-1px)}
/* CTA tactile feel — confident, weighty press */
.b-act{transition:background .15s,box-shadow .2s cubic-bezier(.4,0,.2,1),transform .12s,filter .15s}
/* chip micro-interaction unification */
.d4-spec-chip,.d3-verif-chip,.d5-continue-chip,.r2-trust-signal,.ake-del-badge,.r2-chip{
  transition:transform .14s cubic-bezier(.34,1.4,.64,1),box-shadow .16s,background .16s,border-color .16s}
.d4-spec-chip:active,.d5-continue-chip:active{transform:scale(.97)}
/* gallery thumbnail elite polish */
.r1-thumb{transition:border-color .18s,box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s}
.r1-thumb:hover{transform:translateY(-2px) scale(1.03)}
/* rail momentum — elite card response */
.r2-rcard{transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .22s,transform .22s}
.r2-rcard:hover{transform:translateY(-4px)}
/* D8: ELITE PRODUCT FOCUS — title/price hierarchy + breathing room */
.c-title{line-height:1.42;margin-bottom:11px}
.c-price-box{margin-top:12px;gap:11px}
.c-price{letter-spacing:-.02em}
.img-showcase{padding:14px}
#ake-gallery-card{transition:box-shadow .26s cubic-bezier(.4,0,.2,1)}
#ake-gallery-card:hover{box-shadow:0 10px 34px rgba(16,24,40,.09)}
/* D8: DISCOVERY FLOW COHESION — rails read as continuous exploration */
.d3-rail-hd{margin-bottom:13px;padding-bottom:12px}
.r2-rail,.d3-rail-frame{padding-top:2px}
.col-right > .card-pro[data-ake-section="similar-products"],
.col-right > .card-pro[data-ake-section="trending-products"],
.col-right > .card-pro[data-ake-section="best-selling-products"],
.col-right > .card-pro[data-ake-section="recently-viewed"]{
  background:linear-gradient(180deg,#ffffff,#fcfdfe)}
/* D8: PREMIUM BUYER COMFORT — calmer trust grouping */
.d3-trust-line,.d5-wb-reason{transition:background .15s ease}
.d3-trust-line:hover,.d5-wb-reason:hover{background:#fafbfc}
.ake-conf-strip,.d5-cta-confidence{border-color:#eaeff5}
.d3-trust-hd,.d5-wb-hd,.d4-cs-hd{border-bottom-color:#eef2f7}
/* D8: section heading rhythm */
.c-head{margin-bottom:15px}
/* D8: MOBILE PREMIUM IMMERSION */
@media(max-width:600px){
  .col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d4-commerce-strip,
  .col-right > .d3-trust-card,.col-right > .ake-attr-card,.col-right > .ake-details-card,
  .col-right > .r2-seller-card{margin-bottom:13px}
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip{border-radius:13px}
  .card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover{
    box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);transform:none}
  .b-act:hover{transform:none}
  .r2-rcard:hover{transform:none}
  .r1-thumb:hover{transform:none}
  #ake-gallery-card:hover{box-shadow:none}
  .c-title{line-height:1.4}
  .img-showcase{padding:10px}
}
@media(hover:none){
  .card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover{transform:none}
  .d3-trust-line:hover,.d5-wb-reason:hover{background:transparent}
}
/* D8: reduced-motion — keep all D8 transitions calm/disabled */
@media(prefers-reduced-motion:reduce){
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.b-act,.r2-rcard,.r1-thumb,
  #ake-gallery-card{transition:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D9 - Flagship Commerce Experience (additive · CSS-only · light UI)
   No new markup · no JS · no queries. Refines D1-D8 markup only.
═════════════════════════════════════════════════════════════════════════ */
/* D9: FLAGSHIP PRODUCT PRESENTATION — elevated title/price hierarchy */
.c-title{font-size:17.5px;font-weight:700;line-height:1.4;letter-spacing:-.022em;color:#0f172a;margin-bottom:12px}
@media(min-width:992px){.c-title{font-size:19px}}
.c-price{font-size:28px;font-weight:800;letter-spacing:-.025em}
@media(min-width:992px){.c-price{font-size:30px}}
.c-price-box{margin-top:13px;gap:12px;align-items:baseline}
.c-mrp{font-size:14px}
.c-off{font-weight:800;letter-spacing:.01em}
.c-brand{letter-spacing:.04em;font-weight:800}
/* flagship media presence — calmer, more confident showcase */
.img-showcase{padding:16px}
@media(min-width:992px){.img-showcase{height:420px}}
#ake-gallery-card{border-radius:16px}
/* D9: VISUAL SYSTEM HARMONY — unified radius rhythm across card surfaces */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,.ake-details-card,
.r2-seller-card,.ake-supplier-card,.ake-enterprise-card,.ake-market-intel{border-radius:15px}
.r2-rcard{border-radius:13px}
.d6-story,.ake-conf-strip,.d5-cta-confidence,.d3-trust-card,.d4-commerce-strip{border-radius:13px}
.b-act{border-radius:10px}
.d4-spec-chip,.d3-verif-chip,.d5-continue-chip{border-radius:9px}
/* unified inner section heading rhythm */
.c-head{font-size:15.5px;letter-spacing:-.016em;margin-bottom:15px}
.d3-rh-main{letter-spacing:-.018em}
/* D9: ELITE DISCOVERY EXPERIENCE — calmer rail rhythm + continuation flow */
.r2-rail,.d3-rail-frame{gap:12px;padding-bottom:6px}
.d3-rail-hd{margin-bottom:14px;padding-bottom:13px}
.r2-rtitle{line-height:1.4}
.r2-rcard{border-color:#eaeff5}
/* D9: MICRO-POLISH SYSTEM — refined hover sophistication, no spam */
.r2-rcard{transition:box-shadow .26s cubic-bezier(.4,0,.2,1),border-color .22s,transform .24s}
.r2-rcard:hover{box-shadow:0 14px 32px rgba(16,24,40,.1),0 3px 8px rgba(16,24,40,.05);
  border-color:#cdddf0;transform:translateY(-4px)}
.b-act{transition:background .15s,box-shadow .22s cubic-bezier(.4,0,.2,1),transform .13s,filter .15s}
.b-act.b-buy:hover{box-shadow:0 8px 22px rgba(245,158,11,.28)}
.gal-btn{transition:border-color .15s,box-shadow .18s,transform .16s,background .15s}
.gal-btn:hover{border-color:#bfdbfe;background:#f8fbff}
.var-opt{transition:border-color .15s,background .15s,transform .13s,box-shadow .16s}
.qty-btn{transition:background .13s,color .13s,transform .1s}
.qty-btn:active{transform:scale(.9)}
/* D9: PREMIUM BUYER CONFIDENCE — calmer trust grouping */
.d3-trust-card,.ake-conf-strip,.d5-whybuy{border-color:#e9eef4}
.d5-wb-hd{background:linear-gradient(135deg,#f1f6ff,#f0f7ff)}
.ake-conf-item strong{letter-spacing:-.005em}
.d3-tl-title,.d5-wb-rtitle{letter-spacing:-.008em}
/* D9: section breathing — consistent flagship spacing language */
.col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d4-commerce-strip,
.col-right > .d3-trust-card,.col-right > .ake-attr-card,.col-right > .ake-details-card,
.col-right > .ake-supplier-card,.col-right > .ake-enterprise-card,.col-right > .r2-seller-card,
.col-right > .ake-market-intel{margin-bottom:17px}
/* D9: FLAGSHIP MOBILE EXPERIENCE */
@media(max-width:600px){
  .c-title{font-size:15.5px;line-height:1.38;letter-spacing:-.018em}
  .c-price{font-size:23px}
  .c-price-box{margin-top:11px;gap:9px}
  .img-showcase{padding:11px}
  .card-pro{padding:15px}
  .col-right > .card-pro,.col-right > .d5-whybuy,.col-right > .d4-commerce-strip,
  .col-right > .d3-trust-card,.col-right > .ake-attr-card,.col-right > .ake-details-card,
  .col-right > .r2-seller-card{margin-bottom:13px}
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,
  .ake-details-card,.r2-seller-card{border-radius:14px}
  .r2-rail,.d3-rail-frame{gap:10px}
  .d3-rail-hd{margin-bottom:11px;padding-bottom:10px}
  .b-act:hover{transform:none;filter:none;box-shadow:none}
  .r2-rcard:hover{transform:none;box-shadow:0 2px 10px rgba(16,24,40,.1)}
  .gal-btn:hover{background:#fff}
}
@media(hover:none){
  .r2-rcard:hover{transform:none}
  .b-act:hover{box-shadow:none}
  .gal-btn:hover{background:#fff}
}
/* D9: reduced-motion — disable all D9 transitions */
@media(prefers-reduced-motion:reduce){
.r2-rcard,.b-act,.gal-btn,.var-opt,.qty-btn{transition:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D10 - Real Marketplace Intelligence (additive)
   Buyer-Assistance Intelligence panel — synthesizes already-loaded real data.
═════════════════════════════════════════════════════════════════════════ */
.d10-bai{background:#fff;border:1px solid #eaeff5;border-radius:15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.d10-bai:hover{box-shadow:0 6px 24px rgba(16,24,40,.08);border-color:#dde6f1;transform:translateY(-1px)}
.d10-bai-hd{display:flex;align-items:center;gap:9px;padding:13px 16px;
  background:linear-gradient(135deg,#eef4ff,#f0f7ff);border-bottom:1px solid #eaeff5}
.d10-bai-hd i{font-size:18px;color:#2563eb}
.d10-bai-hd strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d10-bai-hd .d10-tag{margin-left:auto;font-size:9px;font-weight:800;color:#2563eb;
  background:#fff;border:1px solid #bfdbfe;padding:3px 9px;border-radius:20px;
  text-transform:uppercase;letter-spacing:.03em}
/* readiness score band */
.d10-score{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #f4f6f9}
.d10-score-ring{width:54px;height:54px;border-radius:50%;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;position:relative}
.d10-score-body{min-width:0;flex:1}
.d10-score-title{font-size:12.5px;font-weight:800;color:#0f172a;line-height:1.3}
.d10-score-sub{font-size:10.5px;font-weight:600;color:#94a3b8;line-height:1.4;margin-top:1px}
.d10-score-bar{height:6px;border-radius:99px;background:#eef2f7;overflow:hidden;margin-top:6px}
.d10-score-bar > i{display:block;height:100%;border-radius:99px}
/* assessment rows */
.d10-rows{display:flex;flex-direction:column}
.d10-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #f5f7fa}
.d10-row:last-child{border-bottom:none}
.d10-row-ico{width:27px;height:27px;border-radius:8px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:14px}
.d10-row-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.d10-row-title{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.35}
.d10-row-desc{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.4}
.d10-row-meter{font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px;flex-shrink:0;align-self:center}
/* suitability chips */
.d10-suit{display:flex;flex-wrap:wrap;gap:6px;padding:11px 16px;background:#fafbfc;border-top:1px solid #f4f6f9}
.d10-suit-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  color:#334155;background:#fff;border:1px solid #e8edf3;border-radius:8px;padding:5px 10px}
.d10-suit-chip i{font-size:12px;color:#2563eb}
@media(max-width:600px){
  .d10-bai-hd{padding:12px 13px}
  .d10-score{padding:12px 13px;gap:11px}
  .d10-score-ring{width:48px;height:48px;font-size:13px}
  .d10-row{padding:9px 13px}
  .d10-suit{padding:10px 13px}
  .d10-bai:hover{box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);transform:none}
}
@media(hover:none){.d10-bai:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.d10-bai{transition:none!important}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D11 - Smart Buyer Experience (additive)
   Buyer Guidance section — extends the D10 intelligence panel.
═════════════════════════════════════════════════════════════════════════ */
.d11-guide{background:#fff;border:1px solid #eaeff5;border-radius:15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.d11-guide:hover{box-shadow:0 6px 24px rgba(16,24,40,.08);border-color:#dde6f1;transform:translateY(-1px)}
.d11-guide-hd{display:flex;align-items:center;gap:9px;padding:13px 16px;
  background:linear-gradient(135deg,#f3f0ff,#f1f4ff);border-bottom:1px solid #eaeff5}
.d11-guide-hd i{font-size:18px;color:#7c3aed}
.d11-guide-hd strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d11-guide-hd .d11-tag{margin-left:auto;font-size:9px;font-weight:800;color:#7c3aed;
  background:#fff;border:1px solid #ddd6fe;padding:3px 9px;border-radius:20px;
  text-transform:uppercase;letter-spacing:.03em}
/* best-fit verdict line */
.d11-verdict{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-bottom:1px solid #f4f6f9}
.d11-verdict-ico{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:17px}
.d11-verdict-body{min-width:0;flex:1}
.d11-verdict-title{font-size:12.5px;font-weight:800;color:#0f172a;line-height:1.35}
.d11-verdict-sub{font-size:10.5px;font-weight:600;color:#94a3b8;line-height:1.45;margin-top:2px}
/* guidance cue rows */
.d11-cues{display:flex;flex-direction:column}
.d11-cue{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #f5f7fa}
.d11-cue:last-child{border-bottom:none}
.d11-cue-ico{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:13px}
.d11-cue-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.d11-cue-title{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.35}
.d11-cue-desc{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.4}
/* buyer-type split */
.d11-fit{display:flex;gap:8px;padding:12px 16px;background:#fafbfc;border-top:1px solid #f4f6f9}
.d11-fit-card{flex:1;min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:9px 11px;
  display:flex;flex-direction:column;gap:2px}
.d11-fit-card.on{border-color:#c4b5fd;background:#faf9ff}
.d11-fit-k{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#475569}
.d11-fit-k i{font-size:13px}
.d11-fit-v{font-size:9.5px;font-weight:600;color:#94a3b8;line-height:1.35}
.d11-fit-card.on .d11-fit-k{color:#6d28d9}
/* next-step discovery */
.d11-next{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid #f4f6f9}
.d11-next-ico{width:30px;height:30px;border-radius:8px;background:#f5f3ff;color:#7c3aed;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:16px}
.d11-next-body{flex:1;min-width:0}
.d11-next-t{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.3}
.d11-next-s{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.35;margin-top:1px}
.d11-next-link{font-size:10.5px;font-weight:800;color:#fff;background:#7c3aed;padding:7px 12px;
  border-radius:8px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s}
.d11-next-link:hover{background:#6d28d9}
@media(max-width:600px){
  .d11-guide-hd{padding:12px 13px}
  .d11-verdict{padding:12px 13px;gap:9px}
  .d11-cue{padding:9px 13px}
  .d11-fit{flex-direction:column;padding:11px 13px}
  .d11-next{padding:10px 13px;flex-wrap:wrap}
  .d11-guide:hover{box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);transform:none}
}
@media(hover:none){.d11-guide:hover{transform:none}.d11-next-link:active{opacity:.85}}
@media(prefers-reduced-motion:reduce){.d11-guide{transition:none!important}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D12 - Adaptive Commerce Intelligence (additive)
   Adaptive Context section — extends D10 engine + D11 guidance.
═════════════════════════════════════════════════════════════════════════ */
.d12-adapt{background:#fff;border:1px solid #eaeff5;border-radius:15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.d12-adapt:hover{box-shadow:0 6px 24px rgba(16,24,40,.08);border-color:#dde6f1;transform:translateY(-1px)}
.d12-adapt-hd{display:flex;align-items:center;gap:9px;padding:13px 16px;
  background:linear-gradient(135deg,#ecfdf5,#eefbf4);border-bottom:1px solid #eaeff5}
.d12-adapt-hd i{font-size:18px;color:#059669}
.d12-adapt-hd strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d12-adapt-hd .d12-tag{margin-left:auto;font-size:9px;font-weight:800;color:#059669;
  background:#fff;border:1px solid #a7f3d0;padding:3px 9px;border-radius:20px;
  text-transform:uppercase;letter-spacing:.03em}
/* context banner — what mode the PDP detected */
.d12-ctx{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #f4f6f9;
  background:#fafbfc}
.d12-ctx-ico{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:15px}
.d12-ctx-body{min-width:0;flex:1}
.d12-ctx-t{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.3}
.d12-ctx-s{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.4;margin-top:1px}
/* adaptive path steps */
.d12-path{display:flex;flex-direction:column;padding:4px 0}
.d12-step{display:flex;align-items:flex-start;gap:11px;padding:9px 16px;position:relative}
.d12-step-num{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;background:#059669}
.d12-step-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.d12-step-t{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.35}
.d12-step-s{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.4}
.d12-step::before{content:'';position:absolute;left:26px;top:31px;bottom:-9px;width:2px;background:#eef2f7;pointer-events:none}
.d12-step:last-child::before{display:none}
/* adaptive recommendation hints */
.d12-hints{display:flex;flex-wrap:wrap;gap:7px;padding:11px 16px;background:#fafbfc;border-top:1px solid #f4f6f9}
.d12-hint{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  color:#334155;background:#fff;border:1px solid #e8edf3;border-radius:8px;padding:5px 10px}
.d12-hint i{font-size:12px;color:#059669}
/* adaptive next-action */
.d12-act{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #f4f6f9}
.d12-act-body{flex:1;min-width:0}
.d12-act-t{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.3}
.d12-act-s{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.35;margin-top:1px}
.d12-act-link{font-size:10.5px;font-weight:800;color:#fff;background:#059669;padding:7px 12px;
  border-radius:8px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s}
.d12-act-link:hover{background:#047857}
@media(max-width:600px){
  .d12-adapt-hd{padding:12px 13px}
  .d12-ctx{padding:10px 13px}
  .d12-step{padding:9px 13px}
  .d12-step::before{left:23px}
  .d12-hints{padding:10px 13px}
  .d12-act{padding:11px 13px;flex-wrap:wrap}
  .d12-adapt:hover{box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);transform:none}
}
@media(hover:none){.d12-adapt:hover{transform:none}.d12-act-link:active{opacity:.85}}
@media(prefers-reduced-motion:reduce){.d12-adapt{transition:none!important}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D13 - Intent Continuity + Commerce Memory (additive)
   Intent Continuity section — extends D10/D11/D12 intelligence stack.
═════════════════════════════════════════════════════════════════════════ */
.d13-cont{background:#fff;border:1px solid #eaeff5;border-radius:15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.d13-cont:hover{box-shadow:0 6px 24px rgba(16,24,40,.08);border-color:#dde6f1;transform:translateY(-1px)}
.d13-cont-hd{display:flex;align-items:center;gap:9px;padding:13px 16px;
  background:linear-gradient(135deg,#fff7ed,#fffaf0);border-bottom:1px solid #eaeff5}
.d13-cont-hd i{font-size:18px;color:#d97706}
.d13-cont-hd strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d13-cont-hd .d13-tag{margin-left:auto;font-size:9px;font-weight:800;color:#d97706;
  background:#fff;border:1px solid #fed7aa;padding:3px 9px;border-radius:20px;
  text-transform:uppercase;letter-spacing:.03em}
/* journey-stage progress track */
.d13-stage{padding:14px 16px;border-bottom:1px solid #f4f6f9}
.d13-stage-track{display:flex;align-items:center;gap:0;margin-bottom:9px}
.d13-stage-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;border:2px solid #e2e8f0;background:#fff}
.d13-stage-dot.done{background:#d97706;border-color:#d97706}
.d13-stage-dot.on{background:#fff;border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.14)}
.d13-stage-line{flex:1;height:2px;background:#e2e8f0}
.d13-stage-line.done{background:#d97706}
.d13-stage-labels{display:flex;justify-content:space-between;gap:6px}
.d13-stage-lbl{font-size:9px;font-weight:700;color:#94a3b8;text-align:center;flex:1;line-height:1.3}
.d13-stage-lbl.on{color:#d97706;font-weight:800}
.d13-stage-now{font-size:11.5px;font-weight:800;color:#0f172a;margin-top:9px;line-height:1.4}
.d13-stage-now span{color:#94a3b8;font-weight:600;font-size:10.5px}
/* next-best-action rows */
.d13-nba{display:flex;flex-direction:column}
.d13-nba-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #f5f7fa}
.d13-nba-row:last-child{border-bottom:none}
.d13-nba-ico{width:27px;height:27px;border-radius:8px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:14px}
.d13-nba-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.d13-nba-t{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.35}
.d13-nba-s{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.4}
.d13-nba-go{font-size:9.5px;font-weight:800;color:#d97706;background:#fff7ed;border:1px solid #fed7aa;
  padding:4px 9px;border-radius:7px;text-decoration:none;white-space:nowrap;flex-shrink:0;align-self:center;
  transition:background .15s}
.d13-nba-go:hover{background:#ffedd5}
/* session continuity strip */
.d13-mem{display:flex;flex-wrap:wrap;gap:7px;padding:11px 16px;background:#fafbfc;border-top:1px solid #f4f6f9}
.d13-mem-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;
  color:#334155;background:#fff;border:1px solid #e8edf3;border-radius:8px;padding:5px 10px}
.d13-mem-chip i{font-size:12px;color:#d97706}
@media(max-width:600px){
  .d13-cont-hd{padding:12px 13px}
  .d13-stage{padding:12px 13px}
  .d13-stage-lbl{font-size:8.5px}
  .d13-nba-row{padding:9px 13px}
  .d13-mem{padding:10px 13px}
  .d13-cont:hover{box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);transform:none}
}
@media(hover:none){.d13-cont:hover{transform:none}.d13-nba-go:active{opacity:.7}}
@media(prefers-reduced-motion:reduce){.d13-cont{transition:none!important}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D14 - Operational Workflow Intelligence (additive)
   Workflow Orchestration section — extends D10/D11/D12/D13 stack.
═════════════════════════════════════════════════════════════════════════ */
.d14-wf{background:#fff;border:1px solid #eaeff5;border-radius:15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.d14-wf:hover{box-shadow:0 6px 24px rgba(16,24,40,.08);border-color:#dde6f1;transform:translateY(-1px)}
.d14-wf-hd{display:flex;align-items:center;gap:9px;padding:13px 16px;
  background:linear-gradient(135deg,#eef2ff,#eef4ff);border-bottom:1px solid #eaeff5}
.d14-wf-hd i{font-size:18px;color:#4f46e5}
.d14-wf-hd strong{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.01em}
.d14-wf-hd .d14-tag{margin-left:auto;font-size:9px;font-weight:800;color:#4f46e5;
  background:#fff;border:1px solid #c7d2fe;padding:3px 9px;border-radius:20px;
  text-transform:uppercase;letter-spacing:.03em}
/* workflow stage strip */
.d14-stage{display:flex;align-items:center;gap:9px;padding:11px 16px;border-bottom:1px solid #f4f6f9;
  background:#fafbfc}
.d14-stage-pill{font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:20px;flex-shrink:0;
  text-transform:uppercase;letter-spacing:.03em}
.d14-stage-txt{font-size:11px;font-weight:700;color:#475569;line-height:1.4;min-width:0}
/* PRIMARY next-step — the elevated action */
.d14-primary{display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-bottom:1px solid #f4f6f9}
.d14-primary-ico{width:42px;height:42px;border-radius:11px;background:#4f46e5;color:#fff;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:21px;
  box-shadow:0 4px 12px rgba(79,70,229,.28)}
.d14-primary-body{min-width:0;flex:1}
.d14-primary-k{font-size:8.5px;font-weight:800;color:#6366f1;text-transform:uppercase;letter-spacing:.06em}
.d14-primary-t{font-size:13px;font-weight:800;color:#0f172a;line-height:1.3;margin-top:1px}
.d14-primary-s{font-size:10.5px;font-weight:600;color:#64748b;line-height:1.4;margin-top:2px}
.d14-primary-go{font-size:11px;font-weight:800;color:#fff;background:#4f46e5;padding:9px 14px;
  border-radius:9px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s}
.d14-primary-go:hover{background:#4338ca}
/* supporting steps */
.d14-steps{display:flex;flex-direction:column}
.d14-step{display:flex;align-items:flex-start;gap:10px;padding:9px 16px;border-bottom:1px solid #f5f7fa}
.d14-step:last-child{border-bottom:none}
.d14-step-ico{width:25px;height:25px;border-radius:7px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:13px;background:#f1f5f9;color:#64748b}
.d14-step-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.d14-step-t{font-size:11px;font-weight:700;color:#334155;line-height:1.35}
.d14-step-s{font-size:9.5px;font-weight:600;color:#94a3b8;line-height:1.4}
.d14-step-done .d14-step-ico{background:#dcfce7;color:#16a34a}
.d14-step-done .d14-step-t{color:#16a34a}
/* fulfillment-readiness bar */
.d14-ready{padding:12px 16px;border-top:1px solid #f4f6f9;background:#fafbfc}
.d14-ready-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.d14-ready-lbl{font-size:10px;font-weight:800;color:#475569;display:flex;align-items:center;gap:5px}
.d14-ready-lbl i{font-size:13px}
.d14-ready-val{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px}
.d14-ready-bar{height:6px;border-radius:99px;background:#e8edf3;overflow:hidden}
.d14-ready-bar > i{display:block;height:100%;border-radius:99px}
.d14-ready-note{font-size:9.5px;font-weight:600;color:#94a3b8;margin-top:5px;line-height:1.4}
@media(max-width:600px){
  .d14-wf-hd{padding:12px 13px}
  .d14-stage{padding:10px 13px}
  .d14-primary{padding:12px 13px;gap:10px;flex-wrap:wrap}
  .d14-primary-ico{width:38px;height:38px;font-size:19px}
  .d14-primary-go{width:100%;text-align:center;margin-top:4px}
  .d14-step{padding:9px 13px}
  .d14-ready{padding:11px 13px}
  .d14-wf:hover{box-shadow:0 1px 2px rgba(16,24,40,.04),0 5px 16px rgba(16,24,40,.045);transform:none}
}
@media(hover:none){.d14-wf:hover{transform:none}.d14-primary-go:active{opacity:.85}}
@media(prefers-reduced-motion:reduce){.d14-wf{transition:none!important}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D-STABILIZE - UI Orchestration Pass (additive · CSS-only · light UI)
   No new features. No PHP logic removed. No handlers touched. Fully reversible.
═════════════════════════════════════════════════════════════════════════ */
/* STABILIZE 1: TRUST DEDUPLICATION — one authoritative trust zone.
   The D3 trust-hierarchy card + features-payments fully cover trust + payment.
   The D1 confidence-strip and D5 cta-confidence are redundant subsets of it.
   Hidden via CSS only — PHP untouched, reversible by deleting these 2 rules.
   The intelligence/logic that produced them stays intact. */
[data-ake-section="confidence-strip"]{display:none!important}
[data-ake-section="cta-confidence"]{display:none!important}
/* STABILIZE 2: ACTION-ZONE CLICK SAFETY — guarantee commerce buttons are
   clickable. Defensive normalization; no handlers or markup changed. */
.dt-actions,.monopoly-actions{position:relative;z-index:1}
.b-act,.m-btn{position:relative;z-index:2;pointer-events:auto!important}
.b-act *,.m-btn *{pointer-events:none}
.ake-sticky-cart,.ake-sticky-buy{position:relative;z-index:2;pointer-events:auto!important}
.ake-sticky-cart *,.ake-sticky-buy *{pointer-events:none}
/* any decorative pseudo-element on action buttons must never catch clicks */
.b-act::before,.b-act::after,.m-btn::before,.m-btn::after,
.ake-sticky-cart::before,.ake-sticky-cart::after,
.ake-sticky-buy::before,.ake-sticky-buy::after{pointer-events:none}
/* STABILIZE 3: AUTHORITY-ZONE RHYTHM — the D10-D14 intelligence sections
   are kept, but normalized so they read as one cohesive workflow narrative
   rather than competing blocks. Consistent spacing, no visual collisions. */
.col-right > [data-ake-section="why-buy"],
.col-right > [data-ake-section="buyer-assistance"],
.col-right > [data-ake-section="buyer-guidance"],
.col-right > [data-ake-section="adaptive-intelligence"],
.col-right > [data-ake-section="intent-continuity"],
.col-right > [data-ake-section="workflow-intelligence"]{
  margin-bottom:16px;scroll-margin-top:16px}
/* STABILIZE 4: RESPONSIVE ORCHESTRATION — fix mobile stacking / crowding */
@media(max-width:600px){
  .col-right > [data-ake-section]{margin-bottom:13px}
  .dt-actions{gap:9px}
  .monopoly-actions{gap:8px}
  /* prevent action overlap with the fixed mobile sticky bar */
  .col-right{padding-bottom:4px}
}
/* STABILIZE 5: prevent any future full-cover pseudo from blocking the page */
.card-pro::before,.card-pro::after{pointer-events:none}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D15 - Premium Commerce Polish (additive · CSS-only · light UI)
   Refinement only. No new markup · no JS · no queries. Does NOT alter the
   D-STABILIZE pointer-events / z-index safety rules above.
═════════════════════════════════════════════════════════════════════════ */
/* D15.1 VISUAL HIERARCHY — calmer rhythm, consistent breathing room */
.col-right > [data-ake-section]{margin-bottom:16px}
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,.ake-details-card,
.r2-seller-card,.ake-supplier-card,.ake-enterprise-card,.ake-market-intel,
.d10-bai,.d11-guide,.d12-adapt,.d13-cont,.d14-wf{border-radius:15px}
.c-head{letter-spacing:-.016em;margin-bottom:15px}
/* section heading icons settle on a consistent rhythm */
.d10-bai-hd strong,.d11-guide-hd strong,.d12-adapt-hd strong,.d13-cont-hd strong,
.d14-wf-hd strong,.d3-trust-hd strong{letter-spacing:-.012em}
/* D15.2 PREMIUM ACTION EXPERIENCE — tactile, confident, calm
   (purely visual: transitions / shadows only — handlers + pointer-events
   from D-STABILIZE are untouched) */
.b-act{transition:background .16s ease,box-shadow .22s cubic-bezier(.4,0,.2,1),
  transform .13s cubic-bezier(.4,0,.2,1),filter .16s}
.b-act.b-cart:hover{box-shadow:0 8px 22px rgba(37,99,235,.2)}
.b-act.b-buy:hover{box-shadow:0 8px 22px rgba(245,158,11,.26)}
.b-act:active{transform:translateY(0) scale(.985);filter:brightness(.98)}
.m-btn{transition:background .16s ease,box-shadow .2s cubic-bezier(.4,0,.2,1),
  transform .13s cubic-bezier(.4,0,.2,1),border-color .16s}
.m-btn:hover{transform:translateY(-2px)}
.ake-sticky-cart,.ake-sticky-buy{transition:background .16s,box-shadow .2s,transform .13s}
.ake-sticky-buy:hover{box-shadow:0 6px 20px rgba(37,99,235,.34)}
.ake-sticky-cart:active,.ake-sticky-buy:active{transform:scale(.98)}
/* primary workflow action — soft confident emphasis */
.d14-primary-go{transition:background .15s,box-shadow .2s,transform .13s}
.d14-primary-go:hover{box-shadow:0 6px 18px rgba(79,70,229,.3);transform:translateY(-1px)}
.d14-primary-go:active{transform:translateY(0) scale(.98)}
/* D15.3 TRUST SURFACE POLISH — Amazon/Apple-grade calmness */
.d3-trust-card{border-color:#e9eef4}
.d3-trust-hd{background:linear-gradient(135deg,#f3f9f5,#f0f9f4)}
.d3-trust-line{transition:background .15s ease}
.d3-trust-line:hover{background:#fafbfc}
.d3-trust-line i{transition:transform .15s ease}
.d3-trust-line:hover i{transform:scale(1.08)}
.ake-conf-item i,.feat-item i{transition:transform .15s ease}
.feat-item:hover i{transform:scale(1.1)}
.feat-item{transition:border-color .15s,box-shadow .18s}
.feat-item:hover{box-shadow:0 3px 10px rgba(16,24,40,.06)}
.pmt-badge{transition:background .15s,border-color .15s}
/* D15.4 MICRO-INTERACTIONS — restrained: easing + soft elevation, no keyframes */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.d10-bai,.d11-guide,
.d12-adapt,.d13-cont,.d14-wf{
  transition:box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s,transform .24s}
.card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover,
.d10-bai:hover,.d11-guide:hover,.d12-adapt:hover,.d13-cont:hover,.d14-wf:hover{
  box-shadow:0 6px 22px rgba(16,24,40,.07);border-color:#dde6f1;transform:translateY(-1px)}
/* intelligence-section rows: soft hover highlight for workflow legibility */
.d10-row,.d11-cue,.d13-nba-row,.d14-step{transition:background .15s ease}
.d10-row:hover,.d11-cue:hover,.d13-nba-row:hover,.d14-step:hover{background:#fafbfc}
/* chips: unified gentle spring */
.d4-spec-chip,.d3-verif-chip,.d5-continue-chip,.d12-hint,.d13-mem-chip,.d10-suit-chip,
.r2-trust-signal,.ake-del-badge{
  transition:transform .14s cubic-bezier(.34,1.35,.64,1),box-shadow .15s,background .15s,border-color .15s}
.d4-spec-chip:hover,.d5-continue-chip:hover,.d12-hint:hover,.r2-trust-signal:hover{transform:translateY(-1px)}
/* D15.5 MOBILE PREMIUM PASS */
@media(max-width:600px){
  .col-right > [data-ake-section]{margin-bottom:13px}
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.d10-bai,.d11-guide,
  .d12-adapt,.d13-cont,.d14-wf{border-radius:14px}
  .dt-actions{gap:10px}
  .monopoly-actions{gap:8px}
  /* disable hover lifts on touch — keep tactile press only */
  .b-act:hover,.m-btn:hover,.card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,
  .d4-commerce-strip:hover,.d10-bai:hover,.d11-guide:hover,.d12-adapt:hover,
  .d13-cont:hover,.d14-wf:hover{transform:none;box-shadow:0 5px 16px rgba(16,24,40,.045)}
  .b-act.b-cart:hover,.b-act.b-buy:hover{box-shadow:0 5px 16px rgba(16,24,40,.045)}
}
@media(hover:none){
  .b-act:hover,.m-btn:hover,.d14-primary-go:hover{transform:none}
  .d3-trust-line:hover,.d10-row:hover,.d11-cue:hover,.d13-nba-row:hover,.d14-step:hover{background:transparent}
  .d3-trust-line:hover i,.feat-item:hover i{transform:none}
  .d4-spec-chip:hover,.d5-continue-chip:hover,.d12-hint:hover,.r2-trust-signal:hover{transform:none}
}
/* D15.6 reduced-motion — disable every D15 transition */
@media(prefers-reduced-motion:reduce){
  .b-act,.m-btn,.ake-sticky-cart,.ake-sticky-buy,.d14-primary-go,
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.d10-bai,.d11-guide,
  .d12-adapt,.d13-cont,.d14-wf,.d3-trust-line,.d3-trust-line i,.feat-item,.feat-item i,
  .d10-row,.d11-cue,.d13-nba-row,.d14-step,.d4-spec-chip,.d3-verif-chip,
  .d5-continue-chip,.d12-hint,.d13-mem-chip,.d10-suit-chip,.r2-trust-signal,.ake-del-badge{
    transition:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D16 - Real Commerce Data + Visual Unification (additive · CSS-only)
   Empty-state styling + visual coherence pass. No new markup beyond the
   reviews empty-state. Does NOT alter D-STABILIZE / D15 safety rules.
═════════════════════════════════════════════════════════════════════════ */
/* D16.1 REVIEWS EMPTY-STATE — premium trust-reinforcing block */
.d16-empty-reviews{border:1px solid #eaeff5;border-radius:13px;overflow:hidden;background:#fff}
.d16-er-head{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;
  background:linear-gradient(135deg,#fffaf0,#fff7ed);border-bottom:1px solid #f4f6f9}
.d16-er-head > i{font-size:22px;color:#d97706;flex-shrink:0;margin-top:1px}
.d16-er-title{font-size:13px;font-weight:800;color:#0f172a;line-height:1.35}
.d16-er-sub{font-size:10.5px;font-weight:600;color:#94a3b8;line-height:1.45;margin-top:2px}
.d16-er-trust{display:flex;flex-direction:column}
.d16-er-row{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid #f5f7fa;
  transition:background .15s ease}
.d16-er-row:last-child{border-bottom:none}
.d16-er-row:hover{background:#fafbfc}
.d16-er-ico{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:14px}
.d16-er-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.d16-er-rt{font-size:11.5px;font-weight:800;color:#0f172a;line-height:1.35}
.d16-er-rs{font-size:10px;font-weight:600;color:#94a3b8;line-height:1.4}
/* D16.2 VISUAL UNIFICATION — one consistent card language across the PDP */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,.ake-details-card,
.r2-seller-card,.ake-supplier-card,.ake-enterprise-card,.ake-market-intel,
.d10-bai,.d11-guide,.d12-adapt,.d13-cont,.d14-wf,.d16-empty-reviews{
  border:1px solid #eaeff5}
/* unified right-column rhythm — no dead space, even continuity */
.col-right > [data-ake-section]{margin-bottom:16px}
/* unified inner section heading spacing */
.c-head,.d10-bai-hd,.d11-guide-hd,.d12-adapt-hd,.d13-cont-hd,.d14-wf-hd,
.d3-trust-hd,.d5-wb-hd,.d4-cs-hd{letter-spacing:-.014em}
/* D16.3 RECOMMENDATION SURFACE — cleaner card rhythm + trust-aware presentation */
.r2-rcard{border:1px solid #eaeff5}
.r2-rprice{letter-spacing:-.015em}
/* recommendation card images settle on a consistent presentation */
.r2-img-wrap{background:linear-gradient(160deg,#fcfdfe,#f5f7fa)}
/* D16.4 TYPOGRAPHY RHYTHM — unified weight + tracking */
.c-title{letter-spacing:-.02em}
.c-price{letter-spacing:-.022em}
/* D16.5 SECTION TRANSITIONS — calmer dividers between zones */
.col-right > [data-ake-section]{scroll-margin-top:16px}
/* D16.6 MOBILE COMMERCE REFINEMENT */
@media(max-width:600px){
  .d16-er-head{padding:13px 13px}
  .d16-er-row{padding:9px 13px}
  .col-right > [data-ake-section]{margin-bottom:13px}
  .r2-rail,.d3-rail-frame{gap:10px}
  .d3-rail-hd{margin-bottom:11px;padding-bottom:10px}
}
@media(hover:none){.d16-er-row:hover{background:transparent}}
@media(prefers-reduced-motion:reduce){.d16-er-row{transition:none!important}}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D17 PHASE 2 - True Premium UI Refinement (additive · CSS-only)
   Deeper system-level refinement. No JS · no markup · no queries.
   Does NOT alter D-STABILIZE pointer-events/z-index safety or recovered JS.
═════════════════════════════════════════════════════════════════════════ */
/* P2.1 UNIFIED CARD SYSTEM — one radius / border / elevation language */
.card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,.ake-details-card,
.r2-seller-card,.ake-supplier-card,.ake-enterprise-card,.ake-market-intel,
.d10-bai,.d11-guide,.d12-adapt,.d13-cont,.d14-wf,.d16-empty-reviews{
  border-radius:16px;border:1px solid #e8edf4;
  box-shadow:0 1px 2px rgba(16,24,40,.03),0 4px 14px rgba(16,24,40,.04)}
.card-pro:hover,.d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover,
.d10-bai:hover,.d11-guide:hover,.d12-adapt:hover,.d13-cont:hover,.d14-wf:hover{
  box-shadow:0 6px 22px rgba(16,24,40,.07);border-color:#d8e2ee}
/* P2.2 PREMIUM TRUST SURFACE — enterprise calmness, refined chips + icons */
.d3-trust-card{overflow:hidden}
.d3-trust-hd{padding:13px 16px;background:linear-gradient(135deg,#f2f9f4,#eef9f3);
  border-bottom:1px solid #e8edf4}
.d3-trust-hd i{font-size:16px}
.d3-trust-hd strong{font-size:12.5px;letter-spacing:-.012em}
.d3-trust-line{padding:11px 16px;gap:11px}
.d3-trust-line i{font-size:16px;width:20px;text-align:center;flex-shrink:0}
.d3-tl-title{font-size:11.5px;letter-spacing:-.008em}
.d3-tl-desc{font-size:10px;line-height:1.45}
/* payment-chip restyle — calmer, more premium */
.pmt-badges{display:flex;flex-wrap:wrap;gap:6px}
.pmt-badge{font-size:10px;font-weight:700;padding:5px 11px;border-radius:8px;
  border:1px solid #e8edf4;background:#fff;color:#94a3b8;letter-spacing:.01em;
  transition:border-color .15s,color .15s,background .15s}
.pmt-badge.available{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}
/* feature grid — premium icon rhythm */
.feat-grid{gap:8px}
.feat-item{border:1px solid #e8edf4;border-radius:11px;transition:border-color .15s,box-shadow .18s}
.feat-item i{font-size:18px}
.feat-item:hover{border-color:#d8e2ee;box-shadow:0 3px 10px rgba(16,24,40,.05)}
/* P2.3 CTA VISUAL AUTHORITY — depth hierarchy (visual only; handlers untouched) */
.dt-actions{gap:11px}
.b-act{height:50px;border-radius:11px;font-size:13px;letter-spacing:.015em;
  font-weight:800;transition:background .16s,box-shadow .22s cubic-bezier(.4,0,.2,1),
  transform .13s cubic-bezier(.4,0,.2,1),filter .16s}
.b-act.b-buy{background:linear-gradient(135deg,#f59e0b,#ea8a04);
  box-shadow:0 4px 14px rgba(245,158,11,.26),0 1px 3px rgba(245,158,11,.2)}
.b-act.b-cart{background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 4px 14px rgba(37,99,235,.22),0 1px 3px rgba(37,99,235,.18)}
.b-act.b-buy:hover{box-shadow:0 9px 26px rgba(245,158,11,.34)}
.b-act.b-cart:hover{box-shadow:0 9px 26px rgba(37,99,235,.3)}
.b-act:active{transform:translateY(0) scale(.985);filter:brightness(.97)}
/* secondary actions — cohesive depth */
.monopoly-actions{gap:9px}
.m-btn{border-radius:11px;box-shadow:0 2px 8px rgba(16,24,40,.05);
  transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .13s,background .16s,border-color .16s}
.m-btn:hover{box-shadow:0 6px 16px rgba(16,24,40,.1);transform:translateY(-2px)}
.m-btn:active{transform:translateY(0) scale(.98)}
/* sticky bar CTA authority */
.ake-sticky-buy{box-shadow:0 4px 16px rgba(37,99,235,.32)}
.ake-sticky-buy:hover{box-shadow:0 7px 22px rgba(37,99,235,.4)}
.ake-sticky-cart,.ake-sticky-buy{border-radius:11px;transition:box-shadow .2s,transform .13s}
.ake-sticky-cart:active,.ake-sticky-buy:active{transform:scale(.97)}
/* P2.4 TYPOGRAPHY + SPACING — international design-system rhythm */
.c-title{font-size:18px;line-height:1.4;letter-spacing:-.022em;font-weight:700}
@media(min-width:992px){.c-title{font-size:19.5px}}
.c-price{font-size:29px;letter-spacing:-.025em;font-weight:800}
@media(min-width:992px){.c-price{font-size:31px}}
.c-head{font-size:15.5px;letter-spacing:-.018em;margin-bottom:15px;padding-bottom:11px}
.c-brand{letter-spacing:.045em;font-weight:800;font-size:10.5px}
/* P2.5 PRODUCT FLOW — vertical pacing + right-column continuity */
.col-right > [data-ake-section]{margin-bottom:16px}
.card-pro{padding:21px}
.col-right > [data-ake-section]{scroll-margin-top:16px}
/* recommendation surface — aligned, premium card rhythm */
.r2-rcard{border:1px solid #e8edf4;border-radius:13px}
.r2-rail,.d3-rail-frame{gap:12px;padding-bottom:6px}
.d3-rail-hd{margin-bottom:13px;padding-bottom:12px}
.r2-rtitle{line-height:1.4;letter-spacing:-.005em}
/* P2.6 MOBILE PREMIUM REFINEMENT */
@media(max-width:600px){
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.ake-attr-card,.ake-details-card,
  .r2-seller-card,.d10-bai,.d11-guide,.d12-adapt,.d13-cont,.d14-wf,.d16-empty-reviews{
    border-radius:14px}
  .card-pro{padding:15px}
  .col-right > [data-ake-section]{margin-bottom:13px}
  .b-act{height:46px;font-size:12px;border-radius:10px}
  .dt-actions{gap:9px}
  .monopoly-actions{gap:8px}
  .c-title{font-size:15.5px;line-height:1.38}
  .c-price{font-size:23px}
  .r2-rail,.d3-rail-frame{gap:10px}
  /* disable hover lifts on touch — tactile press only */
  .b-act:hover,.m-btn:hover,.card-pro:hover,.feat-item:hover,
  .d5-whybuy:hover,.d3-trust-card:hover,.d4-commerce-strip:hover,
  .d10-bai:hover,.d11-guide:hover,.d12-adapt:hover,.d13-cont:hover,.d14-wf:hover{
    transform:none;box-shadow:0 4px 14px rgba(16,24,40,.04)}
  .b-act.b-buy:hover{box-shadow:0 4px 14px rgba(245,158,11,.26)}
  .b-act.b-cart:hover{box-shadow:0 4px 14px rgba(37,99,235,.22)}
}
@media(hover:none){
  .b-act:hover,.m-btn:hover,.feat-item:hover{transform:none}
}
/* P2.7 reduced-motion — disable every Phase-2 transition */
@media(prefers-reduced-motion:reduce){
  .card-pro,.d5-whybuy,.d3-trust-card,.d4-commerce-strip,.d10-bai,.d11-guide,
  .d12-adapt,.d13-cont,.d14-wf,.d16-empty-reviews,.b-act,.m-btn,.feat-item,
  .pmt-badge,.ake-sticky-cart,.ake-sticky-buy{transition:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D18 - Identity Restoration + Premium Minimalism (additive · CSS-only)
   Restores the FAST + CLEAN + TRUSTED Akekart marketplace identity.
   Compacts the D10-D14 intelligence panels (logic kept, footprint reduced).
   No JS · no markup change (beyond D18 COD wiring) · no queries.
═════════════════════════════════════════════════════════════════════════ */
/* D18.1 COMPACT THE INTELLIGENCE PANELS — keep logic, shrink dashboard feel.
   These 6 panels became control-panel-heavy. They stay fully functional but
   are restyled into calm, compact strips so the buying flow leads again. */
.d5-whybuy,.d10-bai,.d11-guide,.d12-adapt,.d13-cont,.d14-wf,.d4-commerce-strip{
  border-radius:12px;border:1px solid #eef2f7;
  box-shadow:0 1px 2px rgba(16,24,40,.03);
  font-size:95%}
.d5-whybuy:hover,.d10-bai:hover,.d11-guide:hover,.d12-adapt:hover,
.d13-cont:hover,.d14-wf:hover,.d4-commerce-strip:hover{
  box-shadow:0 3px 12px rgba(16,24,40,.05);transform:none}
/* compact section headers — calmer, less "dashboard banner" */
.d5-wb-hd,.d10-bai-hd,.d11-guide-hd,.d12-adapt-hd,.d13-cont-hd,.d14-wf-hd,.d4-cs-hd{
  padding:10px 13px}
.d5-wb-hd i,.d10-bai-hd i,.d11-guide-hd i,.d12-adapt-hd i,.d13-cont-hd i,.d14-wf-hd i,.d4-cs-hd i{
  font-size:15px}
.d5-wb-hd strong,.d10-bai-hd strong,.d11-guide-hd strong,.d12-adapt-hd strong,
.d13-cont-hd strong,.d14-wf-hd strong,.d4-cs-hd strong{font-size:11.5px}
/* tone down the loud uppercase tag pills on the intelligence panels */
.d10-tag,.d11-tag,.d12-tag,.d13-tag,.d14-tag,.d5-wb-tag{
  font-size:8px;padding:2px 7px;opacity:.75;font-weight:700}
/* compact the inner rows — less vertical bulk */
.d10-row,.d11-cue,.d13-nba-row,.d14-step,.d3-trust-line{padding:8px 13px}
.d10-score,.d12-ctx,.d13-stage,.d14-stage,.d14-primary{padding:10px 13px}
.d10-score-ring{width:46px;height:46px;font-size:13px}
.d14-primary-ico{width:36px;height:36px;font-size:18px}
/* tighten section spacing so the page scans fast */
.col-right > [data-ake-section]{margin-bottom:13px}
.col-right > [data-ake-section]:last-child{margin-bottom:0}
/* D18.2 COMPACT TRUST IDENTITY — premium marketplace confidence, not dashboard.
   The Buyer Protected / Free Returns / Fast Delivery cards refined. */
.feat-grid{gap:9px}
.feat-item{border:1px solid #eef2f7;border-radius:12px;padding:13px 6px;gap:7px;
  background:#fff;transition:border-color .15s,box-shadow .18s,transform .12s}
.feat-item i{font-size:20px;color:#2563eb}
.feat-item span{font-size:11px;font-weight:700;color:#334155;line-height:1.3;letter-spacing:-.005em}
.feat-item:hover{border-color:#dbe6f4;box-shadow:0 4px 12px rgba(37,99,235,.07);transform:translateY(-1px)}
[data-ake-section="features-payments"]{border:1px solid #eef2f7;border-radius:14px}
/* D18.3 PAYMENT CHIP CLARITY — sharp available vs unavailable (real data) */
.pmt-badges{gap:7px;margin-top:11px}
.pmt-badge{font-size:10px;font-weight:800;padding:5px 11px;border-radius:7px;
  letter-spacing:.01em;transition:none}
.pmt-badge.available{background:#ecfdf3;border:1px solid #a7f3cf;color:#15803d}
.pmt-badge.pmt-off{background:#f8fafc;border:1px solid #eef2f7;color:#cbd5e1}
/* D18.4 CTA IDENTITY RESTORATION — bold, emotionally strong marketplace CTAs.
   Visual only — handlers and pointer-events untouched. */
.dt-actions{gap:10px}
.b-act{height:52px;border-radius:12px;font-size:13.5px;font-weight:900;
  letter-spacing:.03em;text-transform:uppercase}
.b-act.b-cart{background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 5px 16px rgba(37,99,235,.28)}
.b-act.b-buy{background:linear-gradient(135deg,#f59e0b,#e8870a);
  box-shadow:0 5px 16px rgba(245,158,11,.32)}
.b-act:hover{transform:translateY(-2px);filter:brightness(1.05)}
.b-act.b-cart:hover{box-shadow:0 9px 24px rgba(37,99,235,.36)}
.b-act.b-buy:hover{box-shadow:0 9px 24px rgba(245,158,11,.4)}
.b-act:active{transform:translateY(0) scale(.98)}
/* secondary actions — recognisable, compact, not enterprise-flat */
.monopoly-actions{gap:9px}
.m-btn{border-radius:12px;font-weight:800;min-height:58px}
/* sticky bar — confident marketplace identity */
.ake-sticky-buy{font-weight:900;letter-spacing:.02em}
/* D18.5 PREMIUM MINIMALISM — calm rhythm, strong focus, reduced clutter */
.card-pro{padding:18px}
.c-head{margin-bottom:13px;padding-bottom:10px}
.d3-rail-hd{margin-bottom:11px;padding-bottom:10px}
/* the Fulfilment-readiness bar — keep it, calm it down */
.d14-ready{padding:10px 13px}
/* D18.6 MOBILE MARKETPLACE FEEL */
@media(max-width:600px){
  .col-right > [data-ake-section]{margin-bottom:11px}
  .card-pro{padding:14px}
  .feat-grid{gap:7px}
  .feat-item{padding:11px 5px}
  .feat-item i{font-size:18px}
  .feat-item span{font-size:10px}
  .b-act{height:48px;font-size:12.5px}
  .dt-actions{gap:8px}
  .monopoly-actions{gap:7px}
  .m-btn{min-height:54px}
  .d5-whybuy,.d10-bai,.d11-guide,.d12-adapt,.d13-cont,.d14-wf,.d4-commerce-strip{font-size:94%}
  .b-act:hover{transform:none;filter:none}
  .feat-item:hover{transform:none;box-shadow:none}
}
@media(hover:none){.b-act:hover,.feat-item:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  .feat-item,.b-act{transition:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D19 - Final Akekart Marketplace Identity Polish (additive · CSS-only)
   CTA color identity restoration + 4-card trust balance.
   No JS · no handler change · no queries.
═════════════════════════════════════════════════════════════════════════ */
/* D19.1 CTA IDENTITY RESTORATION — bold, recognizable Akekart marketplace CTAs.
   Visual only — handlers / pointer-events untouched. */
.b-act.b-cart{
  background:#2563eb;
  color:#fff;
  border:2px solid #2563eb;
  box-shadow:0 4px 14px rgba(37,99,235,.3);}
.b-act.b-cart:hover{
  background:#1d4ed8;border-color:#1d4ed8;
  box-shadow:0 8px 22px rgba(37,99,235,.4);}
.b-act.b-buy{
  background:linear-gradient(135deg,#f97316,#ea580c);
  color:#fff;
  border:2px solid #ea580c;
  box-shadow:0 4px 14px rgba(234,88,12,.34);}
.b-act.b-buy:hover{
  background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#c2410c;
  box-shadow:0 9px 24px rgba(234,88,12,.44);}
/* D19.2 CTA MICRO-POLISH — tactile confidence, no over-modernizing */
.b-act{transition:background .16s ease,border-color .16s ease,
  box-shadow .22s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1),filter .15s;
  font-weight:900;letter-spacing:.04em}
.b-act:hover{transform:translateY(-2px);filter:brightness(1.04)}
.b-act:active{transform:translateY(0) scale(.985);filter:brightness(.96)}
/* sticky-bar CTAs share the restored identity */
.ake-sticky-cart{border:2px solid #2563eb;color:#2563eb}
.ake-sticky-buy{background:linear-gradient(135deg,#f97316,#ea580c);
  box-shadow:0 4px 16px rgba(234,88,12,.34)}
.ake-sticky-buy:hover{box-shadow:0 7px 22px rgba(234,88,12,.44)}
/* D19.3 FOUR-CARD TRUST BALANCE — grid becomes 4 even columns */
.feat-grid.feat-grid-4{grid-template-columns:repeat(4,1fr);gap:9px}
.feat-grid-4 .feat-item{padding:13px 5px;gap:6px}
.feat-grid-4 .feat-item i{font-size:19px}
.feat-grid-4 .feat-item span{font-size:10.5px;font-weight:700;line-height:1.3}
/* D19.4 VISUAL BALANCE — chip + CTA rhythm aligned to the 4-card grid */
.pmt-badges{margin-top:11px}
[data-ake-section="features-payments"]{padding:16px}
/* D19.5 MOBILE — 4-card stacks cleanly (2x2), CTA colors stay strong */
@media(max-width:600px){
  .feat-grid.feat-grid-4{grid-template-columns:repeat(2,1fr);gap:7px}
  .feat-grid-4 .feat-item{padding:11px 5px}
  .feat-grid-4 .feat-item i{font-size:18px}
  .feat-grid-4 .feat-item span{font-size:10px}
  .b-act{font-size:12.5px}
  .b-act:hover{transform:none;filter:none}
}
@media(max-width:380px){
  .feat-grid.feat-grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(hover:none){.b-act:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D20 - Marketplace Depth + Real Commerce Richness (additive · CSS-only)
   Targeted richness on under-polished areas. No JS · no markup · no queries.
   Preserves D19 CTA identity + compact 4-card trust exactly (not redeclared).
═════════════════════════════════════════════════════════════════════════ */
/* D20.1 SELLER DEPTH — refined stat rhythm, premium operational confidence */
.r2-seller-stats{gap:8px}
.r2-seller-stat{background:#fafbfd;border:1px solid #eef2f7;border-radius:10px;
  padding:9px 8px;transition:border-color .15s,box-shadow .16s}
.r2-seller-stat:hover{border-color:#dde6f1;box-shadow:0 3px 9px rgba(16,24,40,.05)}
.r2-seller-stat .sv{font-size:13px;font-weight:800;letter-spacing:-.01em;color:#0f172a}
.r2-seller-stat .sl{font-size:9px;font-weight:700;color:#94a3b8;letter-spacing:.03em;text-transform:uppercase}
.r2-seller-badge{transition:background .15s,border-color .15s}
/* D20.2 DELIVERY CONFIDENCE — compact premium delivery rows */
.ake-delivery-badges{gap:6px}
.ake-del-badge{font-size:10px;font-weight:800;padding:5px 10px;border-radius:8px;
  letter-spacing:.01em;transition:transform .14s cubic-bezier(.34,1.3,.64,1)}
.ake-del-badge:hover{transform:translateY(-1px)}
.ake-delivery-eta{font-weight:800;letter-spacing:-.01em}
.ake-delivery-note{color:#94a3b8;line-height:1.45}
/* D20.3 PRODUCT DETAILS — clearer attribute hierarchy + scanability */
.ake-det-group{margin-bottom:13px}
.ake-det-group-label{font-size:10px;font-weight:800;color:#2563eb;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
.ake-det-row{padding:8px 11px;border-radius:8px;transition:background .14s ease}
.ake-det-row:nth-child(even){background:#fafbfd}
.ake-det-row:hover{background:#f1f6fd}
.ake-det-key{font-size:11px;font-weight:600;color:#64748b}
.ake-det-val{font-size:11.5px;font-weight:700;color:#0f172a;letter-spacing:-.005em}
/* D20.4 RECOMMENDATION QUALITY — card depth + compact commerce rhythm */
.r2-rcard{border:1px solid #e8edf4;border-radius:13px;
  transition:box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .2s,transform .2s}
.r2-rcard:hover{box-shadow:0 10px 26px rgba(16,24,40,.1),0 2px 6px rgba(16,24,40,.05);
  border-color:#cdddf0;transform:translateY(-3px)}
.r2-rinfo{padding:11px 12px 13px}
.r2-rtitle{font-size:11.5px;font-weight:600;line-height:1.4;letter-spacing:-.005em;color:#1e293b}
.r2-rprice{font-size:14px;font-weight:800;letter-spacing:-.015em;color:#0f172a}
.r2-rprice-row{gap:6px}
.r2-img-wrap{background:linear-gradient(160deg,#fcfdfe,#f4f7fa)}
.d3-rail-hd{margin-bottom:12px;padding-bottom:11px}
.r2-rail,.d3-rail-frame{gap:12px}
/* D20.5 PREMIUM EMPTY-STATES — calm, never dead-blank */
.d16-empty-reviews{border-radius:13px}
.ake-det-empty,.ake-attr-empty{
  padding:18px 16px;text-align:center;color:#94a3b8;font-size:11.5px;font-weight:600;
  background:#fafbfd;border:1px dashed #e2e8f0;border-radius:11px}
/* D20.6 MICRO-COMMERCE POLISH — alive marketplace feel, no overload */
.card-pro,.ake-attr-card,.ake-details-card,.r2-seller-card{
  transition:box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s}
.card-pro:hover,.ake-attr-card:hover,.ake-details-card:hover,.r2-seller-card:hover{
  box-shadow:0 6px 20px rgba(16,24,40,.06)}
.c-head i{transition:transform .16s ease}
.card-pro:hover .c-head i{transform:scale(1.06)}
/* D20.7 MOBILE MARKETPLACE PASS */
@media(max-width:600px){
  .r2-seller-stats{gap:6px}
  .r2-seller-stat{padding:8px 6px}
  .ake-det-row{padding:7px 9px}
  .r2-rinfo{padding:9px 10px 11px}
  .r2-rail,.d3-rail-frame{gap:10px}
  .r2-rcard:hover{transform:none;box-shadow:0 2px 10px rgba(16,24,40,.1)}
  .card-pro:hover,.ake-attr-card:hover,.ake-details-card:hover,.r2-seller-card:hover{
    box-shadow:0 4px 14px rgba(16,24,40,.04)}
}
@media(hover:none){
  .r2-rcard:hover,.ake-del-badge:hover{transform:none}
  .r2-seller-stat:hover{box-shadow:none}
  .ake-det-row:hover{background:transparent}
  .card-pro:hover .c-head i{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .r2-seller-stat,.ake-del-badge,.ake-det-row,.r2-rcard,.card-pro,.ake-attr-card,
  .ake-details-card,.r2-seller-card,.c-head i{transition:none!important}
}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D21 - Final CTA Identity Correction (additive · CSS-only)
   Restores the ORIGINAL Akekart CTA personality:
   Add to Cart = white + blue border + blue text · Buy Now = solid commerce blue.
   Last-in-cascade authoritative override. No JS · no markup · no handler change.
═════════════════════════════════════════════════════════════════════════ */
/* D21.1 ADD TO CART — white surface, Akekart-blue border + text (original identity) */
.b-act.b-cart{
  background:#ffffff!important;
  color:#2563eb!important;
  border:2px solid #2563eb!important;
  box-shadow:0 3px 10px rgba(37,99,235,.12)!important;}
.b-act.b-cart i{color:#2563eb!important}
.b-act.b-cart:hover{
  background:#f5f8ff!important;
  color:#1d4ed8!important;
  border-color:#1d4ed8!important;
  box-shadow:0 7px 18px rgba(37,99,235,.18)!important;}
.b-act.b-cart:hover i{color:#1d4ed8!important}
/* D21.2 BUY NOW — solid commerce blue (replaces the orange), paired with Cart */
.b-act.b-buy{
  background:#2563eb!important;
  color:#ffffff!important;
  border:2px solid #2563eb!important;
  box-shadow:0 4px 14px rgba(37,99,235,.3)!important;}
.b-act.b-buy i{color:#ffffff!important}
.b-act.b-buy:hover{
  background:#1d4ed8!important;
  border-color:#1d4ed8!important;
  box-shadow:0 8px 22px rgba(37,99,235,.4)!important;}
/* D21.3 STICKY-BAR CTAs — match the restored desktop identity */
.ake-sticky-cart{
  background:#ffffff!important;border:2px solid #2563eb!important;color:#2563eb!important}
.ake-sticky-buy{
  background:#2563eb!important;color:#ffffff!important;
  box-shadow:0 4px 16px rgba(37,99,235,.32)!important}
.ake-sticky-buy:hover{
  background:#1d4ed8!important;box-shadow:0 7px 22px rgba(37,99,235,.42)!important}
/* D21.4 CTA BALANCE — both buttons paired, hierarchy preserved (Buy Now = filled
   primary, Add to Cart = outlined secondary). Tactile polish from D19 kept. */
.b-act{font-weight:900;letter-spacing:.03em}
.b-act:hover{transform:translateY(-2px)}
.b-act:active{transform:translateY(0) scale(.985)}
/* D21.5 MOBILE — colours stay strong, layout/spacing untouched */
@media(max-width:600px){
  .b-act:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .b-act,.ake-sticky-cart,.ake-sticky-buy{transition:none!important}
}
/* ── Group deal ── */
.group-deal-banner{background:linear-gradient(135deg,#7c3aed15,#ec489915);border:1px solid #e879f980;border-radius:12px;padding:12px 14px;margin-bottom:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:box-shadow .15s}
.group-deal-banner:hover{box-shadow:0 4px 12px rgba(124,58,237,.15)}
.group-deal-banner .disc-big{font-size:1.4rem;font-weight:900;color:#7c3aed}
.group-deal-banner .info{flex:1}
.group-deal-banner .info p{margin:0;font-size:.8rem;color:#475569}
.group-deal-banner .info strong{font-size:.9rem;color:#1a1a2e}
.progress-bar-sm{background:#e5e7eb;border-radius:99px;height:6px;overflow:hidden;width:80px}
.progress-fill-sm{background:linear-gradient(90deg,#7c3aed,#ec4899);height:100%;border-radius:99px}
/* ── Rail cards (shared) ── */
.r2-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
/* ── Rail card core ── */
.r2-rcard{background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-decoration:none;display:flex;flex-direction:column;flex-shrink:0;width:158px;transition:box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s,transform .22s;overflow:hidden;position:relative;opacity:1;will-change:transform}/*D7: was opacity:0;transform:translateY(10px) — relied on ake-visible class never added*/
.r2-rcard.ake-visible{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}
.r2-rcard:hover{box-shadow:0 10px 28px rgba(37,99,235,.13),0 2px 6px rgba(0,0,0,.06);border-color:#93c5fd;transform:translateY(-3px) scale(1.01)}
.r2-rcard:active{transform:translateY(-1px) scale(.99)}
/* Image wrapper + skeleton */
.r2-img-wrap{position:relative;width:100%;height:138px;background:#f8fafc;overflow:hidden;flex-shrink:0}
.r2-img-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%);background-size:200% 100%;animation:r2-shimmer 1.4s infinite;z-index:0}
.r2-img-wrap.r2-img-loaded::before{display:none}
@keyframes r2-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.r2-rimg{width:100%;height:138px;object-fit:contain;display:block;padding:8px;box-sizing:border-box;position:relative;z-index:1;transition:transform .3s ease;background:transparent}
.r2-rcard:hover .r2-rimg{transform:scale(1.04)}
/* Overlay badge stack */
.r2-badge-stack{position:absolute;top:7px;left:7px;display:flex;flex-direction:column;gap:3px;z-index:3;pointer-events:none}
.r2-obadge{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:900;padding:2px 5px;border-radius:4px;letter-spacing:.03em;backdrop-filter:blur(4px);white-space:nowrap;text-transform:uppercase}
.r2-ob-off{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 2px 6px rgba(5,150,105,.35)}
.r2-ob-trending{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 2px 6px rgba(124,58,237,.35)}
.r2-ob-hype{background:linear-gradient(135deg,#c2410c,#f97316);color:#fff;box-shadow:0 2px 6px rgba(194,65,12,.35)}
.r2-ob-bestseller{background:linear-gradient(135deg,#b45309,#f59e0b);color:#fff;box-shadow:0 2px 6px rgba(180,83,9,.35)}
.r2-ob-limited{background:linear-gradient(135deg,#dc2626,#f87171);color:#fff;box-shadow:0 2px 6px rgba(220,38,38,.35)}
.r2-ob-fast{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 2px 6px rgba(29,78,216,.3)}
.r2-ob-new{background:linear-gradient(135deg,#0f172a,#1e40af);color:#fff;box-shadow:0 2px 6px rgba(15,23,42,.35)}
.r2-ob-editor{background:linear-gradient(135deg,#be185d,#ec4899);color:#fff;box-shadow:0 2px 6px rgba(190,24,93,.35)}
/* Rank badge (top-right) */
.r2-rank-badge{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.25)}
/* Card info */
.r2-rinfo{padding:8px 10px 10px;flex:1;display:flex;flex-direction:column}
.r2-rtitle{font-size:11px;font-weight:600;color:#1e293b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;margin-bottom:5px;height:30px}
.r2-rprice-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-bottom:2px}
.r2-rprice{font-size:14px;font-weight:900;color:#0f172a}
.r2-rmrp{font-size:10px;color:#94a3b8;text-decoration:line-through;font-weight:500}
.r2-rdisc{display:inline-block;font-size:9px;font-weight:800;color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:4px;padding:1px 5px;margin-top:2px}
.r2-rtrust{font-size:9px;color:#64748b;margin-top:3px;display:flex;align-items:center;gap:3px}
.r2-rtrust-ake{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:800;color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:2px 5px;margin-top:3px}
/* Commerce chips */
.r2-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px;padding-top:6px;border-top:1px solid #f1f5f9}
.r2-chip{display:inline-flex;align-items:center;gap:2px;font-size:8.5px;font-weight:700;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;padding:2px 5px;border-radius:4px;white-space:nowrap;line-height:1.3}
.r2-chip.r2-chip-fast{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.r2-chip.r2-chip-free{color:#059669;background:#f0fdf4;border-color:#bbf7d0}
.r2-chip.r2-chip-cod{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}
.r2-chip.r2-chip-ret{color:#d97706;background:#fffbeb;border-color:#fde68a}
.r2-chip.r2-chip-sold{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}
/* Sponsored label */
.r2-sponsored-label{position:absolute;top:7px;left:7px;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;font-size:8px;font-weight:900;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;z-index:4;box-shadow:0 2px 5px rgba(217,119,6,.4)}
/* ── Batch A: trust micro-strip under rail cards (real-data driven) ── */
.r2-trust-micro{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;padding-top:5px;border-top:1px solid #f1f5f9}
.r2-tm{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:700;line-height:1.3;padding:2px 5px;border-radius:4px;white-space:nowrap}
.r2-tm i{font-size:9px}
.r2-tm-verified{color:#0d9488;background:#f0fdfa}
.r2-tm-gst{color:#475569;background:#f1f5f9}
.r2-tm-cod{color:#7c3aed;background:#f5f3ff}
.r2-tm-dispatch{color:#1d4ed8;background:#eff6ff}
.r2-tm-trusted{color:#b45309;background:#fffbeb}
/* ── Batch A: overlay-badge responsive + overflow guards ── */
.r2-badge-stack{max-width:78%}
.r2-obadge{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){
  .r2-badge-stack{gap:2px;top:5px;left:5px}
  .r2-obadge{font-size:7.5px;padding:2px 4px}
  .r2-trust-micro{gap:2px}
  .r2-tm{font-size:7.5px;padding:2px 4px}
}
/* ── FBT ── */
.ake-fbt-wrap{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.ake-fbt-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.ake-fbt-img{width:74px;height:74px;object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:4px;box-sizing:border-box}
.ake-fbt-img-price{font-size:12px;font-weight:800;color:#0f172a;text-align:center}
.ake-fbt-plus{font-size:20px;font-weight:800;color:#94a3b8;flex-shrink:0;padding:0 2px}
.ake-fbt-combo{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-left:4px}
.ake-fbt-combo-lbl{font-size:11px;color:#64748b;font-weight:600}
.ake-fbt-combo-price{font-size:18px;font-weight:900;color:#0f172a;line-height:1}
.ake-fbt-combo-save{font-size:11px;color:#10b981;font-weight:700;background:#f0fdf4;padding:2px 7px;border-radius:20px}
.ake-fbt-btn{background:#2563eb;color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:'Poppins';transition:background .15s}
.ake-fbt-btn:hover{background:#1d4ed8}
/* ── D2: FBT enhancements ── */
.ake-fbt-chk-wrap{position:relative;display:block;cursor:pointer}
.ake-fbt-chk{position:absolute;top:4px;left:4px;width:14px;height:14px;accent-color:#2563eb;cursor:pointer;z-index:2}
.ake-fbt-img-label{font-size:9.5px;color:#64748b;text-align:center;max-width:74px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.ake-fbt-titles{margin-top:12px;display:flex;flex-direction:column;gap:5px;border-top:1px solid #f1f5f9;padding-top:10px}
.ake-fbt-title-row{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#475569;line-height:1.4}
.ake-fbt-title-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}
/* ── D2: Rail card brand + dispatch ── */
.r2-brand-lbl{font-size:9.5px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.r2-dispatch-badge{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;color:#059669;background:#f0fdf4;padding:2px 6px;border-radius:8px;margin-top:3px}
.r2-dispatch-badge i{font-size:11px}
.ake-fbt-btn:active{opacity:.88}
/* ── Bulk pricing ── */
.b2b-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:15px;margin-bottom:0}
.b2b-head{font-size:13px;font-weight:800;color:#0f172a;margin-bottom:12px;display:flex;align-items:center;gap:5px}
.btn-b2b{background:#0f172a;color:#fff;border:none;padding:10px 15px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase;cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center;gap:5px;font-family:'Poppins';transition:background .15s;margin-top:10px}
.btn-b2b:hover{background:#1e293b}
/* ── Reviews ── */
.review-item{padding:14px 0;border-bottom:1px solid #f3f4f6}
.review-item:last-child{border-bottom:none}
.r-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.r-rate{background:#10b981;color:#fff;padding:2px 6px;border-radius:6px;font-size:12px;font-weight:700}
.r-rate.mid{background:#f59e0b}.r-rate.low{background:#ef4444}
.r-text{font-size:13px;color:#374151;line-height:1.6;margin:0 0 5px}
.r-user{font-size:12px;color:#9ca3af;font-weight:500}
.r-verified{font-size:10px;color:#059669;font-weight:700;display:inline-flex;align-items:center;gap:3px}
/* ── Marketplace Intelligence ── */
.ake-market-intel{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;padding:14px;color:#fff;margin-bottom:0}
.ake-market-intel .mi-head{font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mi-signals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mi-signal{background:rgba(255,255,255,.07);border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.08)}
.mi-signal .ms-val{font-size:18px;font-weight:900;color:#fff;display:block;line-height:1.1}
.mi-signal .ms-key{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;display:block;margin-top:2px}
.mi-signal .ms-icon{font-size:18px;margin-bottom:4px;display:block}
/* ── Mobile sticky bar — see .ake-sticky-bar below ── */
/* ── Modals ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;align-items:center;justify-content:center;padding:16px;will-change:opacity}
.modal-overlay.open{display:flex}
.modal-box{background:#fff;border-radius:18px;padding:24px;width:100%;max-width:420px;position:relative;max-height:90vh;overflow-y:auto}
.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:#94a3b8;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}
.modal-close:hover{background:#f1f5f9}
.modal-box h3{font-size:1.1rem;font-weight:800;margin:0 0 16px;padding-right:30px}
.modal-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:'Poppins';font-size:14px;margin-bottom:12px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.modal-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.modal-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Poppins';transition:box-shadow .15s}
.modal-btn:hover{box-shadow:0 4px 14px rgba(0,0,0,.1)}
.modal-btn:active{opacity:.88}
.modal-btn-purple{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}
.modal-btn-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.modal-btn-pink{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}
.modal-msg{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:12px;display:none}
.modal-msg.success,.modal-msg.modal-msg-success{background:#dcfce7;color:#166534;display:block}.modal-msg.error,.modal-msg.modal-msg-error{background:#fee2e2;color:#991b1b;display:block}
.freq-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.freq-btn{padding:10px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;font-family:'Poppins';font-size:12px;font-weight:700;text-align:center;transition:border-color .15s,background .15s}
.freq-btn.selected{border-color:#7c3aed;background:#ede9fe;color:#5b21b6}
.freq-btn .freq-disc{color:#16a34a;font-size:11px;display:block;margin-top:2px}
/* ── Sub plan buttons ── */
.sub-plan-btn{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;font-family:'Poppins';text-align:left;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;align-items:center}
.sub-plan-btn:hover{border-color:#a78bfa;background:#faf5ff}
.sub-plan-btn.selected{border-color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#ede9fe);box-shadow:0 4px 14px rgba(124,58,237,.15)}
.group-item{background:#f8fafc;border-radius:10px;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.group-join-btn{background:#ec4899;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Poppins';transition:background .15s}
.group-join-btn:hover{background:#db2777}
/* ── Responsive: 320px/360px/tablet ── */
@media(max-width:480px){
  .c-price{font-size:22px}.monopoly-actions{gap:6px}.m-btn{font-size:10px;padding:8px 4px}.m-btn i{font-size:16px}
  .r2-seller-stats{grid-template-columns:repeat(2,1fr)}.r2-rcard{width:132px}.r2-rimg{height:115px}
  .b-act{font-size:12px;height:44px}.feat-grid{gap:6px}.card-pro{padding:14px}
  .mi-signals{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){
  .feat-grid{grid-template-columns:repeat(2,1fr)}.monopoly-actions{grid-template-columns:1fr 1fr}
  .r2-rcard{width:120px}.r2-rimg{height:105px}.modal-box{padding:16px}
  .r2-seller-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:320px){
  .c-price{font-size:20px}.c-title{font-size:14px}.card-pro{padding:12px;border-radius:10px}
  .b-act{height:42px;font-size:11px}.r2-rcard{width:110px}
}

/* ── Batch B: touch-interaction polish (Android Chrome + low-end) ── */
@media(hover:none){
  /* tap feedback for rail cards — hover doesn't fire on touch devices */
  .r2-rcard:active{transform:scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.12)}
  .r1-thumb:active{opacity:.7}
  .b-act:active{transform:scale(.97)}
  /* remove sticky hover-scale that gets "stuck" on touch */
  .r2-rcard:hover .r2-rimg{transform:none}
}
/* kill iOS/Android tap-highlight flash on interactive PDP elements */
.r2-rcard,.r1-thumb,.b-act,.ake-sticky-cart,.ake-sticky-buy,.r1-gal-arrow,.gal-btn{-webkit-tap-highlight-color:transparent}
/* rail cards: consistent image ratio on mobile so cards never jump */
@media(max-width:600px){
  .r2-img-wrap{height:120px}
  .r2-rimg{height:120px}
  .r2-rail{gap:8px}
  .card-pro{margin-bottom:12px}
}
/* ── D3: mobile UX finalization ── */
@media(max-width:600px){
  .d3-rail-hd{margin-bottom:10px;padding-bottom:9px;row-gap:2px}
  .d3-rail-hd .d3-rh-main{font-size:14px}
  .d3-rail-hd .d3-rh-sub{font-size:10px;flex-basis:100%}
  .d3-rail-hd .d3-rh-link{font-size:10.5px}
  .d3-rail-frame{scroll-snap-type:x mandatory;gap:9px;padding-bottom:6px}
  .d3-ops-row{gap:6px;margin-top:9px}
  .d3-ops-cell{padding:8px 6px}
  .d3-ops-cell .d3-ops-val{font-size:11px}
  .d3-trust-line{padding:10px 12px}
  .d3-trust-hd{padding:10px 12px}
  .d3-verif-chip{padding:4px 10px;font-size:10px}
}
@media(hover:none){
  .d3-rh-link:active{opacity:.6}
  .d3-rail-frame > .r2-rcard{scroll-snap-stop:always}
}

@keyframes pulse-red{0%,100%{opacity:1}50%{opacity:.7}}
/* ── Ecosystem Perks rows ── */
.ake-perk-row{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;margin-bottom:5px}
.ake-perk-row:last-of-type{margin-bottom:0}
.ake-perk-row .perk-ico{font-size:17px;flex-shrink:0}
.ake-perk-row-text{font-size:13px;color:#374151;line-height:1.4;flex:1}
.ake-perk-row-text strong{color:#0f172a;font-weight:700}
.ake-perk-sub{font-size:11px;color:#78716c;font-weight:500;margin-left:2px}
.ake-perk-login{margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9;font-size:12px;color:#64748b;text-align:center}
/* ── Reorder velocity tag ── */
.r2-velocity-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#7c3aed;background:#ede9fe;border:1px solid #ddd6fe;padding:4px 10px;border-radius:20px;margin-top:8px}
/* ── Rising 50 chip glow ── */
.r2-rising50-chip{box-shadow:0 2px 12px rgba(124,58,237,.28)}

/* ── Delivery badges ── */
.ake-delivery-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.ake-del-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.02em}
.ake-del-badge.express{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}
.ake-del-badge.sameday{background:#f0fdf4;color:#16a34a;border:1px solid #86efac}
.ake-del-badge.cod{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.ake-del-badge.fast{background:#fdf4ff;color:#9333ea;border:1px solid #e9d5ff}

/* ── Gallery skeleton ── */
.r1-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:ake-shimmer 1.4s infinite;border-radius:6px}
@keyframes ake-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── Gallery: video / 360° / 3D thumb ── */
.r1-thumb-media{position:relative}
.r1-thumb-media::after{content:'';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:5px}
.r1-thumb-video::after{content:'▶';color:#fff;font-size:14px;background:rgba(15,23,42,.55);border-radius:5px;display:flex;align-items:center;justify-content:center}
.r1-thumb-360::after{content:'360°';color:#fff;font-size:7px;font-weight:900;background:rgba(37,99,235,.75);border-radius:5px;display:flex;align-items:center;justify-content:center;letter-spacing:.03em}
.r1-thumb-3d::after{content:'3D';color:#fff;font-size:9px;font-weight:900;background:rgba(124,58,237,.75);border-radius:5px;display:flex;align-items:center;justify-content:center}
/* Media type badge on main image */
.gal-media-badge{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.72);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;z-index:5;display:flex;align-items:center;gap:4px;backdrop-filter:blur(4px);white-space:nowrap}
/* 3D View button */
.gal-3d-btn{position:absolute;bottom:10px;right:10px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:800;cursor:pointer;font-family:'Poppins';display:flex;align-items:center;gap:4px;z-index:5;transition:box-shadow .15s}
.gal-3d-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,.35)}

/* ── Product Attributes Card ── */
.ake-attr-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.02)}
/* ── Product Details Card ── */
.ake-details-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.ake-det-group{margin-bottom:12px}
.ake-det-group:last-child{margin-bottom:0}
.ake-det-group-label{font-size:10px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #eff6ff}
.ake-det-row{display:flex;align-items:baseline;gap:8px;padding:7px 8px;border-radius:6px;transition:background .12s}
.ake-det-even{background:#f8fafc}
.ake-det-row:hover{background:#f0f9ff}
.ake-det-key{font-size:11px;font-weight:600;color:#64748b;flex:0 0 130px;display:flex;align-items:center;gap:4px;min-width:0}
.ake-det-key i{font-size:12px;color:#94a3b8;flex-shrink:0}
.ake-det-val{font-size:12px;font-weight:600;color:#0f172a;flex:1;min-width:0;word-break:break-word}
.ake-det-collapsible{display:none}
.ake-det-collapsible.open{display:block}
.ake-det-toggle{font-size:11px;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:3px;transition:background .15s}
.ake-det-toggle:hover{background:#dbeafe}
.ake-attr-group{margin-bottom:14px}
.ake-attr-group:last-child{margin-bottom:0}
.ake-attr-group-label{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #f1f5f9}
.ake-attr-table{width:100%;border-collapse:collapse}
.ake-attr-row{border-bottom:1px solid #f8fafc}
.ake-attr-row:last-child{border-bottom:none}
.ake-attr-key{font-size:12px;color:#64748b;font-weight:600;padding:6px 8px 6px 0;width:42%;vertical-align:top}
.ake-attr-val{font-size:12px;color:#0f172a;font-weight:700;padding:6px 0;word-break:break-word}

/* ── Detail Block Types ── */
/* text block */
.ake-block-text{font-size:14px;line-height:1.75;color:#374151;margin-bottom:12px}
/* spec block */
.ake-block-spec{background:#f8fafc;border-radius:10px;overflow:hidden;margin-bottom:12px}
.ake-block-spec table{width:100%;border-collapse:collapse}
.ake-block-spec td{padding:8px 12px;font-size:12px;border-bottom:1px solid #f1f5f9;vertical-align:top}
.ake-block-spec td:first-child{color:#64748b;font-weight:700;width:45%}
.ake-block-spec td:last-child{color:#0f172a;font-weight:600}
.ake-block-spec tr:last-child td{border-bottom:none}
/* features block */
.ake-block-features{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.ake-feat-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151;line-height:1.5}
.ake-feat-item::before{content:'✓';color:#10b981;font-weight:900;font-size:13px;flex-shrink:0;margin-top:1px}
/* highlight chips */
.ake-block-highlights{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.ake-highlight-chip{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700}
.ake-highlight-chip i{font-size:13px}
/* table block */
.ake-block-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:12px;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}
.ake-block-table th{background:#f1f5f9;padding:8px 10px;text-align:left;font-weight:800;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.ake-block-table td{padding:8px 10px;border-top:1px solid #f1f5f9;color:#374151;font-weight:500}
.ake-block-table tr:hover td{background:#fafbfc}
/* FAQ block */
.ake-block-faq{margin-bottom:12px}
.ake-faq-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:6px;overflow:hidden}
.ake-faq-q{font-size:13px;font-weight:700;color:#0f172a;padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fafbfc}
.ake-faq-q::after{content:'+';font-size:16px;font-weight:900;color:#94a3b8;transition:transform .2s}
.ake-faq-item.open .ake-faq-q::after{content:'−'}
.ake-faq-a{font-size:13px;color:#374151;padding:0 12px;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s}
.ake-faq-item.open .ake-faq-a{max-height:300px;padding:8px 12px 12px}
/* Block title */
.ake-block-title{font-size:13px;font-weight:800;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;gap:6px}

/* ── Badge ecosystem: extended palette ── */
.r2-badge[data-type="bestselling"]{animation:none}
.r2-badge[data-type="hype"]{box-shadow:0 0 0 1px #fed7aa}

/* ══ B2B ENTERPRISE SYSTEM ══════════════════════════════════════════════════ */
/* MOQ banner + chips */
.ake-moq-banner{display:flex;flex-wrap:wrap;gap:6px}
.ake-moq-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;white-space:nowrap}
/* B2B mode pill */
.ake-b2b-mode-pill{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#93c5fd;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800}
/* Enterprise wholesale card */
.ake-enterprise-card{background:#fff;border-radius:12px;border:2px solid #e2e8f0;padding:18px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.ake-enterprise-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px}
.ake-ent-head-left{display:flex;align-items:center;gap:8px}
.ake-ent-title{font-size:15px;font-weight:800;color:#0f172a}
.ake-wholesale-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.03em}
/* Tier matrix */
.ake-tier-matrix{width:100%;border-collapse:collapse;margin-bottom:14px;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}
.ake-tier-matrix th{background:#f1f5f9;padding:9px 10px;font-size:10px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left}
.ake-tier-matrix td{padding:10px;border-top:1px solid #f1f5f9;font-size:12px;vertical-align:middle}
.ake-tier-matrix tr:hover td{background:#f8fafc}
.ake-tier-matrix .tier-qty{font-weight:800;color:#0f172a}
.ake-tier-matrix .tier-price{font-size:14px;font-weight:900;color:#2563eb}
.ake-tier-matrix .tier-price-ex{font-size:10px;color:#94a3b8;font-weight:500}
.ake-tier-matrix .tier-save{display:inline-flex;align-items:center;font-size:10px;font-weight:800;color:#16a34a;background:#f0fdf4;border-radius:4px;padding:2px 6px}
.ake-tier-matrix .tier-label-chip{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px}
.ake-tier-matrix .chip-reseller{background:#ede9fe;color:#5b21b6}
.ake-tier-matrix .chip-business{background:#eff6ff;color:#1d4ed8}
/* GST toggle */
.ake-gst-toggle{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;color:#475569}
.ake-gst-switch{width:36px;height:20px;background:#e2e8f0;border-radius:99px;position:relative;cursor:pointer;transition:background .2s;border:none;outline:none;flex-shrink:0}
.ake-gst-switch.on{background:#2563eb}
.ake-gst-switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ake-gst-switch.on::after{transform:translateX(16px)}
/* MOQ info grid */
.ake-moq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
@media(max-width:480px){.ake-moq-grid{grid-template-columns:repeat(2,1fr)}}
.ake-moq-cell{background:#f8fafc;border-radius:8px;padding:9px 10px;border:1px solid #f1f5f9;text-align:center}
.ake-moq-cell .mc-val{font-size:14px;font-weight:900;color:#0f172a;display:block;line-height:1.1}
.ake-moq-cell .mc-key{font-size:9px;font-weight:700;color:#64748b;text-transform:uppercase;display:block;margin-top:2px;letter-spacing:.04em}
/* CTA row */
.ake-b2b-cta-row{display:flex;gap:8px;flex-wrap:wrap}
.btn-rfq{flex:1;min-width:140px;height:46px;border:none;border-radius:8px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;font-size:13px;font-weight:800;cursor:pointer;font-family:'Poppins';display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:box-shadow .15s}
.btn-rfq:hover{box-shadow:0 6px 18px rgba(15,23,42,.25)}
.btn-sample{flex:1;min-width:120px;height:46px;border:2px solid #2563eb;border-radius:8px;background:#fff;color:#2563eb;font-size:13px;font-weight:800;cursor:pointer;font-family:'Poppins';display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}
.btn-sample:hover{background:#eff6ff}
/* Supplier intelligence card */
.ake-supplier-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.ake-supplier-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.ake-supplier-avatar{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#0f172a,#1e3a8a);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#93c5fd;flex-shrink:0;letter-spacing:-1px}
.ake-supplier-meta{flex:1;min-width:0}
.ake-supplier-name{font-size:14px;font-weight:800;color:#0f172a;margin-bottom:3px}
.ake-supplier-type{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.ake-supplier-badges{display:flex;flex-wrap:wrap;gap:4px}
.ake-sup-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.03em}
.sup-gst{background:#dcfce7;color:#166534}.sup-export{background:#dbeafe;color:#1d4ed8}.sup-factory{background:#fef9c3;color:#a16207}.sup-cert{background:#f5f3ff;color:#5b21b6}
.ake-supplier-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
@media(max-width:400px){.ake-supplier-stats{grid-template-columns:repeat(2,1fr)}}
.ake-sup-stat{background:#f8fafc;border-radius:8px;padding:8px;text-align:center;border:1px solid #f1f5f9}
.ake-sup-stat .ss-val{font-size:14px;font-weight:900;color:#0f172a;display:block;line-height:1.1}
.ake-sup-stat .ss-key{font-size:8px;font-weight:700;color:#64748b;text-transform:uppercase;display:block;margin-top:2px}
.ake-rfq-response-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;font-size:11px;font-weight:700;color:#475569}
.ake-rfq-bar-fill-wrap{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}
.ake-rfq-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#10b981,#059669)}
/* RFQ modal */
.rfq-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media(max-width:400px){.rfq-field-row{grid-template-columns:1fr}}
.rfq-section-label{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;display:flex;align-items:center;gap:5px}
.rfq-savings-bar{background:#f0fdf4;border-radius:8px;padding:8px 12px;font-size:12px;color:#166534;font-weight:700;margin-bottom:12px;min-height:36px;display:flex;align-items:center;gap:6px}
/* Shipping estimate */
.ake-freight-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;margin-bottom:6px;font-size:12px}
.ake-freight-row i{font-size:15px;color:#64748b;flex-shrink:0}
.ake-freight-label{font-weight:700;color:#0f172a;flex:1}
.ake-freight-note{font-size:10px;color:#94a3b8;font-weight:500}
/* PDP mode body class hooks */
body.pdp-b2b .ake-enterprise-card{border-color:#bfdbfe}
body.pdp-premium .card-pro{box-shadow:0 4px 20px rgba(0,0,0,.06)}
body.pdp-b2b .ake-b2b-mode-pill{display:inline-flex}
.r1-thumb img{transition:opacity .2s ease}
.r1-thumb.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.18)}
/* ── Gallery hardening additions ── */
.r1-gal-skeleton{position:absolute;inset:24px;border-radius:14px;background:linear-gradient(90deg,#f4f6f9 0%,#e9edf3 50%,#f4f6f9 100%);background-size:200% 100%;animation:r2-shimmer 1.5s ease-in-out infinite;z-index:0;pointer-events:none}
.r1-swipe-hint{position:absolute;bottom:8px;right:10px;background:rgba(15,23,42,.55);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;z-index:4;pointer-events:none;backdrop-filter:blur(4px)}
.r1-gal-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:50%;width:30px;height:30px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:4;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .15s;font-size:18px;color:#0f172a;padding:0}
.r1-gal-prev{left:8px}
.r1-gal-next{right:8px}
@media(min-width:992px){.r1-gal-arrow{display:flex}}
.r1-gal-arrow:hover{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.r1-gal-dots{display:flex;justify-content:center;gap:4px;padding:6px 10px;background:#fafbfc}
@media(min-width:992px){.r1-gal-dots{display:none}}
.r1-gal-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:background .2s,width .2s;cursor:pointer}
.r1-gal-dot.active{background:#2563eb;width:16px;border-radius:3px}
@keyframes ake-thumb-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
.r1-thumb.active{animation:ake-thumb-pop .22s ease forwards}
/* Main image: no white flash */
.img-showcase{background:#f8fafc}
#r1-main-img{background:#f8fafc}

/* ── Gallery zoom lens (desktop hover) ── */
@media(min-width:768px){
  .gal-zoom-lens{position:absolute;width:110px;height:110px;border-radius:50%;border:2px solid #2563eb;pointer-events:none;box-shadow:0 4px 20px rgba(37,99,235,.25);display:none;z-index:9;overflow:hidden;background-repeat:no-repeat}
  .img-showcase:hover .gal-zoom-lens{display:block}
}

/* ── Rail density: snap + momentum ── */
.r2-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.r2-rail::-webkit-scrollbar{display:none}
.r2-rcard{scroll-snap-align:start;width:150px}
.r2-rimg{height:128px}
/* Rail card height consistency */
.r2-rinfo{min-height:72px}

/* ── Mobile sticky commerce bar (≤991px — tablets + phones) ── */
.ake-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:none;box-shadow:0 -6px 28px rgba(0,0,0,.11),0 -1px 0 rgba(0,0,0,.05);padding:10px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:8888;display:flex;align-items:center;gap:10px;transform:translateY(0);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.ake-sticky-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2563eb,#7c3aed,#10b981);opacity:.8}
.ake-sticky-bar.ake-bar-hidden{transform:translateY(120%)}
.ake-sticky-price-block{flex:1;min-width:0}
.ake-sticky-price{font-size:18px;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-.02em}
.ake-sticky-meta{display:flex;align-items:center;gap:5px;margin-top:3px;flex-wrap:wrap}
.ake-sticky-disc{font-size:10px;font-weight:800;color:#fff;background:linear-gradient(135deg,#059669,#10b981);padding:2px 7px;border-radius:4px;display:inline-block;letter-spacing:.02em}
.ake-sticky-fast{font-size:9px;font-weight:700;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:2px}
.ake-sticky-actions{display:flex;gap:8px;flex-shrink:0}
.ake-sticky-cart{background:#fff;border:2.5px solid #2563eb;color:#2563eb;font-weight:800;font-size:12px;padding:11px 16px;border-radius:10px;cursor:pointer;font-family:'Poppins';white-space:nowrap;transition:all .18s;display:inline-flex;align-items:center;gap:5px;min-height:46px;touch-action:manipulation}
.ake-sticky-buy{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-weight:900;font-size:13px;padding:11px 22px;border-radius:10px;cursor:pointer;font-family:'Poppins';white-space:nowrap;transition:all .18s;box-shadow:0 4px 14px rgba(37,99,235,.3);min-height:46px;touch-action:manipulation;letter-spacing:.01em}
.ake-sticky-cart:hover{background:#eff6ff}
.ake-sticky-buy:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 6px 20px rgba(37,99,235,.38)}
.ake-sticky-cart:active{transform:scale(.96);background:#dbeafe}
.ake-sticky-buy:active{transform:scale(.96);opacity:.92}
/* Body padding: clear sticky bar on mobile/tablet (safe-area aware) */
@media(max-width:991px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}
/* Hide sticky bar on desktop where buy buttons are always visible */
@media(min-width:992px){.ake-sticky-bar{display:none!important}}
/* ── Batch B: sticky CTA hardening ── */
/* Keyboard open: lift the bar out of the way so it never covers an input */
.ake-sticky-bar.ake-bar-kbd{transform:translateY(120%)}
/* Narrow phones — keep both buttons visible, no overflow */
@media(max-width:380px){
  .ake-sticky-bar{padding:9px 11px;gap:7px}
  .ake-sticky-price{font-size:16px}
  .ake-sticky-cart{padding:10px 11px;font-size:11.5px}
  .ake-sticky-buy{padding:10px 15px;font-size:12px}
  .ake-sticky-cart i{font-size:14px}
}
/* Very narrow — compact the Cart button to an icon, Buy Now stays full */
@media(max-width:330px){
  .ake-sticky-cart{padding:10px;gap:0}
  .ake-sticky-cart .ake-cart-label{display:none}
}

/* ─ D24: extracted inline-style utilities (render-identical: !important matches inline priority) ─ */
.ake-u1{color:#94a3b8 !important}
.ake-u2{color:#f59e0b !important;font-size:10px !important}
.ake-u3{color:#7c3aed !important}
.ake-u4{text-align:center !important}
.ake-u5{font-size:11px !important;font-weight:700 !important;color:#374151 !important;display:block !important;margin-bottom:4px !important}
.ake-u6{color:#2563eb !important}
.ake-u7{font-size:9px !important;color:#64748b !important}
/* ═════════════════════════════════════════════════════════════════════════
   PDP D22 - CSS Consolidation (Phase 1: safe exact-duplicate removal)
   Removed 19 exact-duplicate rule instances (same media-context + selector +
   body) — provably zero computed-style change (the last identical copy is kept,
   and last-in-source already wins the cascade).
   ───────────────────────────────────────────────────────────────────────────
   CONSOLIDATION MAP — for a future browser-verified pass (D24+):
   163 selectors are redefined with DIFFERENT bodies across the 24 phase blocks
   (D1..D21). These are CASCADE-DEPENDENT and were deliberately NOT merged here
   — merging them safely requires before/after computed-style verification in a
   real browser. Highest-redefinition selectors to consolidate later:
     .b-act (20x) · .b-act:hover (18x) · .r2-rcard (18x) · .card-pro (14x)
     .c-title (13x) · .r2-rail (12x) · .img-showcase (11x) · .dt-actions (11x)
     .c-price (11x) · .r2-rcard:hover (11x) · .col-right>[data-ake-section] (11x)
   When merging: keep the LAST-defined value per property (current cascade
   winner), collapse into one definition, then verify render-identical.
═════════════════════════════════════════════════════════════════════════ */