/* ==================================================================
   Deal Hunter AI — theme styles
   ================================================================== */
:root{
  --navy:#0f1b2e; --navy-2:#16273d; --navy-line:#233350;
  --blue:#2f6fed; --blue-dark:#1f56c9; --blue-tint:#eaf1ff;
  --text:#152238; --muted:#54627a; --line:#e6ecf5;
  --danger:#e5484d; --good-bg:#e6f4ea; --good-fg:#1a7f37;
  --gold:#f4a623; --shadow:0 10px 30px rgba(20,45,90,.08);
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#f5f8fd;padding-bottom:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;display:block}
.dha-mobile-only{display:none}
.dha-sidebar nav>a.dha-mobile-only{display:none}

/* ---------- Top bar ---------- */
.dha-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.dha-topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px}
.dha-mobile-menu{display:none;width:36px;height:36px;border:0;background:#eef3fb;border-radius:9px;font-size:18px;align-items:center;justify-content:center}
.dha-brand{display:flex;align-items:center;gap:10px;min-width:180px}
.dha-logo-img{height:80px;width:auto;display:block}


.dha-actions{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap}
.icon-btn{position:relative;border:0;background:#f0f4fb;width:36px;height:36px;border-radius:50%;font-size:16px;color:#3a4a64;cursor:pointer}
.icon-btn.has-dot::after{content:'';position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:1.5px solid #fff}
.dha-user{position:relative;display:flex;align-items:center;gap:7px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:20px}
.dha-user:hover{background:#f3f6fb}
.dha-user .avatar{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.dha-user .uname{font-size:13.5px;font-weight:700}
.dha-user .chev{font-size:12.5px;color:var(--muted)}
.dha-user-menu{display:none;position:absolute;top:42px;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:150px;padding:6px;z-index:70}
.dha-user:hover .dha-user-menu,.dha-user:focus-within .dha-user-menu{display:block}
.dha-user-menu a{display:block;padding:8px 10px;font-size:13.5px;border-radius:7px}
.dha-user-menu a:hover{background:#f2f5fa}

/* ---------- Shell / sidebar ---------- */
.dha-shell{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start}
.dha-sidebar{background:var(--navy);min-height:calc(100vh - 86px);position:sticky;top:86px;padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between}
.dha-sidebar nav{display:flex;flex-direction:column;gap:2px}
.dha-sidebar nav>a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;color:#c3cee2;font-weight:600}
.dha-sidebar nav>a i{margin-left:auto;font-style:normal;color:#5c6c8a;font-size:13.5px}
.dha-sidebar nav>a:hover{background:var(--navy-2);color:#fff}
.dha-sidebar nav>a.active{background:var(--blue);color:#fff}
.nav-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#5c6c8a;font-weight:800;margin:16px 10px 4px}
.nav-divider{height:1px;background:var(--navy-line);margin:12px 6px}

.dha-main{padding:20px 24px 40px;max-width:1500px;width:100%;margin:0 auto}

/* ---------- Hero ---------- */
.hero{border:1px solid #d7e6fb;border-radius:var(--radius);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#eaf3ff,#f9fbff);margin-bottom:18px}
.hero-copy{max-width:640px}
.eyebrow{font-size:11.5px;letter-spacing:.4px;font-weight:800;color:var(--blue-dark)}
.hero h1{font-size:40px;line-height:1.12;margin:10px 0;font-weight:800}
.hero h1 span{color:var(--blue)}
.hero p{max-width:600px;color:#53647d;font-size:14px;line-height:1.65;margin:0 0 18px}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.hero-tools a{background:#fff;border:1px solid #d9e6f7;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(90,130,190,.06)}
.hero-bot{position:relative;min-width:230px;text-align:center;flex-shrink:0}
.bot-face{width:130px;height:130px;margin:0 auto}
.bot-face img{width:100%;height:100%;object-fit:contain}
.bot-bag{position:absolute;bottom:-6px;right:12px;font-size:30px}
.bot-bubble{position:absolute;top:-8px;right:-10px;background:#fff;border:1px solid #dbe7f5;border-radius:14px 14px 4px 14px;padding:10px 12px;font-size:12px;line-height:1.5;text-align:left;box-shadow:0 8px 22px rgba(70,105,150,.15);max-width:170px}

/* ---------- Category row ---------- */

/* ---------- Content grid ---------- */
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.ai-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}
.ai-card h2{margin:6px 0;font-size:20px}
.ai-card p{color:var(--muted);font-size:13.5px;margin:0 0 12px}
.ai-input-row{position:relative;display:flex;gap:8px;background:#fff;border:1px solid #dbe8fb;border-radius:999px;padding:6px;box-shadow:0 22px 46px rgba(47,111,237,.16),0 0 0 8px rgba(47,111,237,.05);transition:box-shadow .15s ease,border-color .15s ease}
.ai-input-row:focus-within{border-color:#b9d3f8;box-shadow:0 22px 46px rgba(47,111,237,.22),0 0 0 8px rgba(47,111,237,.08)}
.dha-slot-home{margin-bottom:16px}
.ai-input-row::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background-color:#eaf1ff;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f6fed' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.4' y2='16.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px 20px;pointer-events:none}
.dha-slot-home .ai-input-row::before{animation:dhaNeonPulse 2s ease-out infinite}
@keyframes dhaNeonPulse{
  0%{box-shadow:0 0 0 0 rgba(47,111,237,.55)}
  70%{box-shadow:0 0 0 16px rgba(47,111,237,0)}
  100%{box-shadow:0 0 0 0 rgba(47,111,237,0)}
}
.ai-input-row input{flex:1;min-width:0;border:0;border-radius:999px;padding:14px 18px 14px 56px;outline:0;font-size:15px;background:transparent;position:relative;z-index:1}
.ai-input-row input::placeholder{color:#9aa8bf}
.ai-input-row button{flex-shrink:0;background:linear-gradient(135deg,#3f7bff,#2456d6);color:#fff;border:0;border-radius:999px;padding:0 26px;height:48px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 22px rgba(36,86,214,.35);transition:filter .15s ease,transform .15s ease;position:relative;z-index:1}
.ai-input-row button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.ai-result{display:none;margin-top:12px;background:#f3f8ff;border-radius:9px;padding:6px 14px}
.ai-result .mini-product{padding:10px 0}
.ai-result .mini-info b{white-space:normal;font-size:13.5px}
.ai-result .mini-info small{font-size:12px}
.ai-result .muted-note{padding:8px 0;margin:0}

/* ---------- Deal Hunter AI widget (chat / image / link / recommendations) ---------- */
.dha-ai-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:2px}
.dha-ai-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 4px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:-1px}
.dha-ai-tab:hover{color:var(--text)}
.dha-ai-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.dha-ai-panel{display:none}
.dha-ai-panel.active{display:block}
.dha-ai-hint{color:var(--muted);font-size:13px;margin:0 0 10px}
.dha-ai-upload-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.dha-file-btn{background:#fff;border:1px solid #d5e2f2;border-radius:9px;padding:0 16px;height:44px;display:flex;align-items:center;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.dha-file-btn:hover{background:#f3f8ff}
.dha-ai-upload-row .dha-image-hint{flex:1;min-width:160px;border:1px solid #d5e2f2;border-radius:9px;padding:0 14px;height:44px;outline:0;font-size:14px}
.dha-image-preview{margin:10px 0}
.dha-image-preview img{max-width:160px;max-height:160px;border-radius:10px;border:1px solid var(--line);object-fit:cover}
.dha-id-banner{font-size:13px;line-height:1.6;padding:9px 12px;border-radius:9px;margin:0 0 10px}
.dha-id-banner b{font-weight:800}
.dha-id-high{background:var(--good-bg);color:var(--good-fg)}
.dha-id-medium{background:#fff6e0;color:#8a6303}
.dha-id-low{background:#fff0e6;color:#a1470c}

/* ---- Chat home / quick actions (app-like landing) ---- */
.dha-reveal-line{display:block}
.dha-reveal{opacity:0;transform:translateY(8px);animation:dhaTextReveal .5s ease forwards}
.dha-reveal-1{animation-delay:.15s}
.dha-reveal-2{animation-delay:.75s}
.dha-reveal-3{animation-delay:1.35s}
@keyframes dhaTextReveal{to{opacity:1;transform:translateY(0)}}

/* ---- Result cards (used by chat/image/link/reco/watchlist) ---- */
.dha-result-card{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px;margin-bottom:8px;cursor:pointer;text-align:left}
.dha-result-card:hover{border-color:#c9dcfa;background:#f9fbff}
.dha-result-img{position:relative;width:52px;height:52px;border-radius:9px;background:#f4f7fb;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;overflow:hidden}
.dha-result-img img{width:100%;height:100%;object-fit:contain}
.dha-result-img .dha-ribbon{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:5px}
.dha-result-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.dha-result-info b{font-size:13px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dha-result-price{font-size:12.5px}
.dha-result-price b{font-size:14.5px;color:var(--danger);display:inline}
.dha-result-price s{color:#a9b5c6;margin-right:6px;font-size:12px}
.dha-score-pill{align-self:flex-start;background:var(--blue-tint);color:var(--blue-dark);font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px}
.dha-result-chevron{color:#c1cbdd;font-size:16px;flex-shrink:0}

/* ---- Image search step indicator ---- */
.dha-ai-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0}
.dha-step{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:16px;opacity:.4}
.dha-step small{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}
.dha-step.active{opacity:1;animation:dha-pulse 1s infinite alternate}
.dha-step.done{opacity:1}
.dha-step.done small{color:var(--good-fg)}
.dha-step-arrow{color:#c1cbdd;font-size:13.5px}
@keyframes dha-pulse{from{transform:scale(1)}to{transform:scale(1.15)}}

/* ---- Product detail overlay ---- */
.dha-detail-overlay{position:absolute;inset:0;min-height:320px;background:#fff;z-index:20;padding:16px;overflow-y:auto;border-radius:var(--radius)}
.dha-detail-overlay[hidden]{display:none}
.dha-ai-widget{position:relative}
.dha-detail-back{background:#f0f4fb;border:0;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:700;cursor:pointer;margin-bottom:12px}
.dha-detail-img{background:#f6f9fd;border-radius:12px;height:160px;display:flex;align-items:center;justify-content:center;font-size:60px;margin-bottom:12px;overflow:hidden}
.dha-detail-img img{max-width:100%;max-height:100%;object-fit:contain}
.dha-detail-title{font-size:15px;line-height:1.4;margin:0 0 8px}
.dha-detail-actions{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.dha-watch-btn{background:#fff;border:1px solid #d5e2f2;border-radius:9px;padding:11px;font-size:14px;font-weight:700;cursor:pointer}
.dha-watch-btn:hover{background:#f3f8ff}
.dha-watch-form{margin-top:6px;background:#f7fafe;border-radius:10px;padding:12px}
.dha-watch-select-label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}
.dha-watch-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.dha-watch-options label{font-size:13px;display:flex;align-items:center;gap:6px}
.dha-watch-save{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:800;cursor:pointer}
.dha-watch-msg{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.dha-detail-alts{margin-top:16px}
.dha-panel-title{font-size:14px;margin:0 0 10px;font-weight:800}

/* ---- Watchlist panel back-link ---- */
.dha-back-link{background:transparent;border:0;color:var(--blue-dark);font-size:13px;font-weight:700;cursor:pointer;padding:0;margin-bottom:10px}

/* Modal shell used on every page except the home page (where the widget is inline) */
.dha-ai-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.dha-ai-modal[hidden]{display:none}
.dha-ai-modal-backdrop{position:absolute;inset:0;background:rgba(15,27,46,.55)}
.dha-ai-modal-panel{position:relative;background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;padding:22px;box-shadow:0 24px 60px rgba(10,25,50,.3)}
.dha-ai-modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:0;background:#f0f4fb;font-size:14px;cursor:pointer;color:#3a4a64}
.dha-ai-modal-close:hover{background:#e4ebf7}

.section-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}
.section-head h2,.section-head h3{font-size:17px;margin:0}
.section-head a{font-size:12.5px;color:var(--blue-dark);font-weight:800}
.section-head.compact{margin:0 0 10px}
.section-head.compact h3{font-size:15px}

/* ---------- Product cards ---------- */
.carousel{position:relative}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center}
.carousel:hover .car-btn{display:flex}
.car-btn.prev{left:-14px}
.car-btn.next{right:-14px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.product-card,.blog-card,.rail-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.product-card{display:flex;flex-direction:column}
.product-img{position:relative;height:150px;background:#f6f9fd;display:flex;align-items:center;justify-content:center;font-size:50px}
.product-img img{width:100%;height:100%;object-fit:contain}
.ribbon{position:absolute;top:8px;right:8px;background:var(--danger);color:#fff;font-size:11.5px;font-weight:800;padding:3px 7px;border-radius:6px;z-index:2}
.product-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.product-body small{color:#7c8aa0;font-size:11px;font-weight:700;text-transform:uppercase}
.product-body h3{font-size:14px;line-height:1.35;min-height:33px;margin:0;font-weight:700}
.product-body p{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0}
.price-row{display:flex;align-items:baseline;gap:7px}
.price-row .price{font-size:15px;font-weight:800;color:var(--danger)}
.price-row .was{font-size:12.5px;color:#9aa7ba;text-decoration:line-through}
.pill{display:inline-block;width:fit-content;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}
.pill-good{background:var(--good-bg);color:var(--good-fg)}
.pill-hot{background:#fdeceb;color:var(--danger)}
.pill-plain{background:#eef2f8;color:#4b5a72}
.deal-btn{display:block;text-align:center;background:var(--blue);color:#fff;padding:9px 12px;border-radius:8px;font-weight:800;font-size:12.5px;margin-top:auto}
.empty-state{grid-column:1/-1;padding:26px;background:#fbfcfe;border:1px dashed #cdd9e8;border-radius:12px;color:var(--muted);font-size:14px;text-align:center}

/* ---------- Blog cards ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.blog-carousel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.blog-carousel::-webkit-scrollbar{display:none}
.blog-carousel>.blog-card{scroll-snap-align:start}
.blog-carousel>.empty-state{grid-column:auto}
.blog-card .blog-img{position:relative;height:120px;background:#eef4fb;display:flex;align-items:center;justify-content:center;font-size:40px}
.blog-img img{width:100%;height:100%;object-fit:cover}
.blog-card>div{padding:12px}
.blog-card h2,.blog-card h3{font-size:14px;line-height:1.4;margin:6px 0;font-weight:700}
.blog-card p{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0 0 6px}
.blog-card small{color:#8995a7;font-size:10.5px}
.tag{position:absolute;left:8px;bottom:8px;background:rgba(20,35,60,.72);color:#fff;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800}

/* ---------- Search modes row (Image / Link / Keywords) ---------- */
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}
.dha-search-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;border:0;background:transparent;padding:0}
.dha-search-modes>a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s}
.dha-search-modes>a:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-1px)}
.dha-search-modes img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.dha-search-modes b{display:block;font-size:13px;color:var(--text)}
.dha-search-modes small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:2px}

/* ---------- Right rail ---------- */
.right-rail{display:flex;flex-direction:column;gap:14px}
.rail-card{padding:16px;box-shadow:var(--shadow)}
.rail-card.highlight{position:relative;background:linear-gradient(155deg,#173d2e,#0f2a20);color:#fff;overflow:hidden;min-height:190px}
.rail-card.highlight .pill{background:rgba(255,255,255,.15);color:#c8f7de}
.rail-card.highlight h2{font-size:22px;margin:10px 0 6px;font-weight:800}
.rail-card.highlight p{color:#bcd6c9;font-size:13px;line-height:1.5;margin:0 0 14px;max-width:80%}
.rail-cta{display:inline-block;background:#fff;color:#123324;padding:9px 14px;border-radius:8px;font-size:12.5px;font-weight:800}
.rail-art{position:absolute;right:14px;bottom:10px;font-size:52px;opacity:.85}
.rail-card h3{font-size:15px;margin:0 0 4px}
.mini-product{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #eef1f7}
.mini-product:last-child{border:0}
.mini-img{width:40px;height:40px;border-radius:8px;background:#f4f7fb;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden}
.mini-img img{width:100%;height:100%;object-fit:contain}
.mini-info{min-width:0}
.mini-info b{display:block;font-size:12px;line-height:1.35;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-info small{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}
.mini-info small s{color:#a9b5c6}
.mini-info small em{color:var(--danger);font-style:normal;font-weight:800}
.muted-note{color:var(--muted);font-size:12.5px}
.alert-box{background:linear-gradient(160deg,#eef4ff,#fff)}
.alert-box p{color:var(--muted);font-size:13px;line-height:1.5;margin:6px 0 12px}
.alert-box .rail-cta{background:var(--blue);color:#fff}
.socials{display:flex;gap:8px;margin:10px 0 8px}
.socials a{width:30px;height:30px;border-radius:50%;background:#eef3fb;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:700}
.right-rail .rail-card small{color:var(--muted);font-size:11.5px}

/* ---------- Archive / single ---------- */
.page-head{background:#fff;border:1px solid var(--line);padding:28px;border-radius:var(--radius);margin-bottom:18px}
.page-head h1{font-size:30px;margin:8px 0}
.page-head p{color:var(--muted);margin:0}
.archive-grid{grid-template-columns:repeat(3,1fr)}
.dha-single-wrap{max-width:900px;margin:0 auto}
.single-post{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.single-post h1{font-size:34px;line-height:1.15;margin:10px 0}
.post-meta{color:var(--muted);font-size:13px;margin-bottom:16px}
.single-price-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f7f9fd;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:18px}
.single-price-box .price{font-size:22px;font-weight:800;color:var(--danger)}
.single-price-box .was{font-size:14px;color:#9aa7ba;text-decoration:line-through}
.single-price-box .deal-btn{margin:0 0 0 auto;flex-shrink:0;width:auto;padding:10px 18px}
.single-image{margin-bottom:18px}
.single-image img{border-radius:12px;width:100%}
.post-content{font-size:16px;line-height:1.85}
.affiliate-disclosure{margin-top:26px;padding:14px 16px;background:#fff7e6;border:1px solid #f2d7a0;border-radius:10px;font-size:13px;color:#6b5424}

/* ---------- Footer ---------- */
.dha-footer{padding:30px 24px 18px;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:13px;position:relative;z-index:1;clear:both}
.dha-footer-grid{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.4fr) minmax(160px,1fr);gap:28px;max-width:1500px;margin:0 auto}
.dha-footer h4{margin:0 0 10px;font-size:13px;color:var(--text);font-weight:800}
.dha-footer ul{list-style:none;margin:0;padding:0}
.dha-footer-brand b{display:block;color:var(--text);font-size:16px;margin-bottom:4px}
.dha-footer-brand small{display:block;line-height:1.5}
.dha-footer-chat{display:inline-block;margin-top:12px;background:var(--blue);color:#fff;padding:8px 14px;border-radius:8px;font-weight:700;font-size:12.5px}
.dha-footer-chat:hover{background:var(--blue-dark)}
.dha-footer-cats ul{columns:3 150px;column-gap:20px}
.dha-footer-cats li,.dha-footer-col li{break-inside:avoid;margin-bottom:7px}
.dha-footer-cats a span{color:#9aa7ba;font-size:11px}
.dha-footer ul a:hover{color:var(--blue)}
.dha-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;max-width:1500px;margin:22px auto 0;padding-top:14px;border-top:1px solid var(--line)}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}

/* ---------- Standalone AI chat page + pagination ---------- */
.dha-chat-page-wrap{max-width:980px;margin:0 auto}
.dha-chat-page-card{min-height:420px}
.dha-chat-icon{display:inline-flex;align-items:center;justify-content:center}
.dha-pagination,.dha-pagination-wrap .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0 6px}
.dha-pagination a,.dha-pagination-wrap .page-numbers{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700;font-size:13px}
.dha-pagination a.current,.dha-pagination-wrap .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}

/* ==================================================================
   Tablet
   ================================================================== */
@media (max-width:1150px) and (min-width:801px){
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .content-grid{grid-template-columns:1fr}
  .right-rail{display:grid;grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .blog-carousel{grid-template-columns:none;grid-auto-columns:calc((100% - 12px)/2)}
  .dha-footer-grid{grid-template-columns:1fr 1fr}
  .dha-footer-cats{grid-column:1/-1;grid-row:2}
  .archive-grid{grid-template-columns:repeat(2,1fr)}
}

/* ==================================================================
   Mobile
   ================================================================== */
@media (max-width:800px){
  body{padding-bottom:64px}
  .dha-mobile-only{display:flex}
  .dha-sidebar nav>a.dha-mobile-only{display:flex}
  .dha-desktop-only{display:none!important}

  .dha-topbar{height:66px;padding:0 12px;gap:8px}
  .dha-mobile-menu{display:flex}
  .dha-brand{min-width:0;gap:8px}
  .dha-logo-img{height:56px}
  .dha-actions{margin:0;gap:6px}
  .dha-user .avatar{width:28px;height:28px}

  .dha-shell{display:block}
  .dha-sidebar{display:none}
  .dha-sidebar.dha-mobile-open{display:flex!important;position:fixed;top:0;left:0;bottom:0;width:270px;z-index:90;box-shadow:0 0 30px rgba(0,0,0,.35);overflow-y:auto}
  .dha-main{padding:14px 14px 20px}

  .hero{display:none}


  .content-grid{display:block}

  /* ---- AI home screen (mobile): avatar + greeting + quick tiles, app-style ---- */
  .ai-card{background:transparent;border:0;box-shadow:none;padding:22px 10px 4px;margin-bottom:4px}
  .ai-card>.eyebrow,.ai-card>h2,.ai-card>p{display:none}
  .dha-ai-hint{text-align:left;font-size:14px;padding:0}
  .ai-input-row{padding:5px}
  .ai-input-row::before{left:5px;width:32px;height:32px;background-size:17px 17px}
  .ai-input-row input{padding:12px 10px 12px 44px;font-size:14px}
  .ai-input-row button{padding:0 14px;height:40px;font-size:13px}
  .dha-ai-modal{padding:0}
  .dha-ai-modal-panel{max-height:100vh;height:100vh;border-radius:0;padding:18px}
  .dha-ai-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .dha-ai-tabs::-webkit-scrollbar{display:none}
  .dha-ai-tab{flex-shrink:0}

  .car-btn{display:none!important}
  .product-grid{display:flex;overflow-x:auto;gap:10px;margin:0 -14px;padding:2px 14px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .product-grid::-webkit-scrollbar{display:none}
  .product-card{width:150px;min-width:150px;scroll-snap-align:start;flex-shrink:0}
  .product-card .product-img{height:112px;font-size:36px}
  .product-card .product-body{padding:9px;gap:4px}
  .product-card .product-body h3{font-size:12.5px;min-height:auto;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .product-card .product-body p{display:none}
  .product-card .deal-btn{padding:7px 10px;font-size:11.5px}

  .blog-grid{display:flex;overflow-x:auto;gap:10px;margin:0 -14px;padding:2px 14px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .blog-grid::-webkit-scrollbar{display:none}
  .blog-card{width:220px;min-width:220px;scroll-snap-align:start;flex-shrink:0}

  .dha-search-modes{grid-template-columns:1fr;gap:8px}
  .dha-search-modes>a{padding:10px 12px}
  .blog-carousel{display:flex}
  .dha-chat-page-card{min-height:0}

  .right-rail{display:block}
  .right-rail .rail-card{margin-top:12px}

  .page-head{padding:20px}
  .archive-grid{display:flex;flex-direction:column}
  .single-post{padding:18px}
  .single-post h1{font-size:26px}
  .single-price-box .deal-btn{margin-left:0;width:100%;text-align:center}

  .dha-footer{padding:24px 16px 16px}
  .dha-footer-grid{grid-template-columns:1fr;gap:20px}
  .dha-footer-cats ul{columns:2}
  .dha-footer-bottom{flex-direction:column;align-items:flex-start}

  .dha-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:60px;background:#fff;border-top:1px solid var(--line);z-index:80;box-shadow:0 -6px 18px rgba(30,55,90,.08)}
  .dha-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:#6c7b91;font-weight:600}
  .dha-bottom-nav a.active{color:var(--blue);font-weight:800}
  .dha-bottom-nav a i{font-style:normal;font-size:18px}
}

@media (max-width:390px){
  .hero h1{font-size:25px}
  .product-card{width:132px;min-width:132px}
  .product-card .product-img{height:98px}
  .blog-card{width:196px;min-width:196px}
}

/* -------------------------------------------------------------
   صفحة إنشاء حساب جديد (بالإيميل)
   ------------------------------------------------------------- */

/* =================================================================
   وضع المحادثة: بعد أول بحث ينزل الشريط للأسفل وتتحول الأداة إلى حوار
   ================================================================= */
.dha-ai-widget [hidden]{display:none!important}
.dha-ai-widget{scroll-margin-top:100px}

.ai-input-row .dha-attach:disabled,.ai-input-row .dha-chat-submit:disabled{opacity:.55;cursor:default;transform:none;filter:none}

.dha-ai-widget.dha-chatmode{display:flex;flex-direction:column;height:min(76vh,720px);min-height:480px}
.dha-chatmode>.dha-ai-panel.active[data-panel="chat"]{flex:1;display:flex;flex-direction:column;min-height:0}
.dha-convo{flex:1;display:flex;flex-direction:column;min-height:0}
.dha-convo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.dha-convo-new{background:#f0f4fb;border:0;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--blue-dark);cursor:pointer}
.dha-convo-new:hover{background:#e4ecfa}
.dha-convo-who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.dha-convo-who .dha-msg-avatar{width:28px;height:28px}

.dha-thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 2px;display:flex;flex-direction:column;gap:14px}
.dha-msg{display:flex;align-items:flex-start;gap:8px;max-width:100%;animation:dhaMsgIn .22s ease both}
.dha-msg-user{justify-content:flex-end}
.dha-msg-body{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dha-msg-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:15px;background:linear-gradient(160deg,#eaf1ff,#d6e6ff)}
.dha-msg-avatar img{width:100%;height:100%;object-fit:contain}
@keyframes dhaMsgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.dha-bubble{max-width:min(560px,92%);padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.dha-msg-bot .dha-bubble{background:#f1f5fc;border-top-left-radius:5px}
.dha-msg-user .dha-bubble{max-width:min(480px,86%);background:linear-gradient(135deg,#3f7bff,#2456d6);color:#fff;border-bottom-right-radius:5px}
.dha-msg-bot .dha-bubble.dha-bubble-note{background:#fff;border:1px solid var(--line);color:var(--muted)}
.dha-bubble-img{display:block;max-width:180px;max-height:180px;border-radius:10px;margin-bottom:6px;object-fit:cover}
.dha-msg-body .dha-id-banner{margin:0;max-width:min(560px,100%)}

.dha-typing{display:flex;align-items:center;gap:4px;padding:14px 16px}
.dha-typing i{width:7px;height:7px;border-radius:50%;background:#9db4dc;animation:dhaDot 1s infinite ease-in-out}
.dha-typing i:nth-child(2){animation-delay:.15s}
.dha-typing i:nth-child(3){animation-delay:.3s}
@keyframes dhaDot{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}

.dha-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;width:100%}
.dha-pcard{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.dha-pcard:hover{border-color:#c9dcfa;transform:translateY(-2px)}
.dha-pcard-img{position:relative;height:104px;border-radius:9px;background:#f4f7fb;display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}
.dha-pcard-img img{width:100%;height:100%;object-fit:contain}
.dha-pcard-off{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:2px 5px;border-radius:5px}
.dha-pcard-title{font-size:12px;line-height:1.35;font-weight:700;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dha-pcard-price{font-size:12px}
.dha-pcard-price b{font-size:14px;color:var(--danger);margin-right:6px}
.dha-pcard-price s{color:#a9b5c6}

.dha-qr{display:flex;flex-wrap:wrap;gap:6px}
.dha-qr-chip{background:#fff;border:1px solid #cfe0fa;color:var(--blue-dark);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;cursor:pointer}
.dha-qr-chip:hover{background:var(--blue-tint)}
.dha-busy .dha-qr{pointer-events:none;opacity:.5}
.dha-convo-new:focus-visible,.dha-pcard:focus-visible,.dha-qr-chip:focus-visible,.ai-input-row .dha-attach:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.dha-slot-bottom{padding-top:6px}
.dha-slot-bottom .ai-input-row{box-shadow:0 8px 24px rgba(47,111,237,.14)}
.dha-slot-bottom .ai-input-row:focus-within{box-shadow:0 8px 24px rgba(47,111,237,.22),0 0 0 4px rgba(47,111,237,.08)}
.dha-ai-widget .dha-convo-note{margin:8px 0 0;text-align:center;font-size:11.5px;color:#8a97ac}

.dha-ai-modal-panel .dha-ai-widget.dha-chatmode{height:calc(88vh - 44px)}
.dha-ai-modal-panel .dha-convo-bar{padding-right:40px}

@media (prefers-reduced-motion:reduce){
  .dha-msg{animation:none}
  .dha-typing i{animation:none}
}

@media (max-width:800px){
  body.dha-chat-open{overflow:hidden}
  #dha-ai-inline.dha-ai-widget.dha-chatmode{position:fixed;left:0;right:0;top:0;height:var(--dha-vh,100vh);min-height:0;z-index:150;background:#fff;margin:0;padding:10px 12px calc(8px + env(safe-area-inset-bottom,0px))}
  .dha-ai-modal-panel .dha-ai-widget.dha-chatmode{height:calc(var(--dha-vh,100vh) - 36px);min-height:0}
  .dha-bubble{max-width:94%}
  .dha-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .dha-strip::-webkit-scrollbar{display:none}
  .dha-pcard{width:136px;min-width:136px;scroll-snap-align:start}
}

/* ===== اختيار مصدر الصورة (كاميرا / معرض) + معاينة الكاميرا ===== */
.dha-photo-menu{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9998;background:#fff;border:1px solid #dbe8fb;border-radius:16px;padding:6px;box-shadow:0 16px 40px rgba(20,50,110,.22);display:flex;flex-direction:column;min-width:200px}
.dha-photo-menu[hidden]{display:none}
.dha-photo-opt{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;color:var(--blue-dark,#1e44a8);cursor:pointer;text-align:left}
.dha-photo-opt:hover,.dha-photo-opt:focus-visible{background:var(--blue-tint,#eaf1ff);outline:0}
.dha-cam{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column}
.dha-cam[hidden]{display:none}
.dha-cam-video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000}
.dha-cam-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px calc(18px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.6)}
.dha-cam-bar>*{flex:1}
.dha-cam-cancel{background:transparent;border:0;color:#fff;font-size:15px;font-weight:700;cursor:pointer;text-align:left}
.dha-cam-shot{flex:0 0 68px;width:68px;height:68px;border-radius:50%;border:4px solid #fff;background:#fff;box-shadow:inset 0 0 0 4px #000;cursor:pointer}

/* ===== Static pages (About, Disclaimer, Privacy...) ===== */
.dha-page-wrap{max-width:900px;margin:0 auto}
.dha-page{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.dha-page h1{font-size:32px;line-height:1.2;margin:0 0 18px}
.dha-page .post-content h2{font-size:20px;margin:24px 0 8px}
.dha-page .post-content p{line-height:1.8;margin:0 0 14px}
.dha-page .post-content a{color:var(--blue);font-weight:600}
@media (max-width:760px){.dha-page{padding:18px}.dha-page h1{font-size:25px}}

/* =====================================================================
   AI Shopping Assistant — hero v1.8 (يستبدل الواجهة القديمة للأداة)
   ===================================================================== */
#ai-shopping.ai-card{
  position:relative;overflow:hidden;padding:30px 30px 26px;border:1px solid #dfe8fb;border-radius:22px;
  background:
    radial-gradient(520px 300px at 82% 8%,#d9e3ff 0,rgba(217,227,255,0) 70%),
    radial-gradient(420px 260px at 4% 0,#eef2ff 0,rgba(238,242,255,0) 70%),
    linear-gradient(180deg,#f2f5ff 0,#f9fbff 46%,#fff 100%);
  box-shadow:0 18px 40px rgba(47,85,170,.08);
}
.dha-ai-widget .dha-hero{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,32%,300px);align-items:center;gap:12px;margin:0 0 6px}
.dha-hero-hi{margin:0 0 6px;font-size:16px;font-weight:800;color:#1b2a4a;display:flex;align-items:center;gap:6px}
.dha-wave{display:inline-block;transform-origin:70% 80%;animation:dhaWave 2.4s ease-in-out .6s 2}
.dha-hero-title{margin:0;font-size:clamp(30px,3.6vw,46px);line-height:1.06;font-weight:900;letter-spacing:-.025em;color:#0f1b38;max-width:16ch}
.dha-ai-word{background:linear-gradient(100deg,#7c4fe0,#3f6dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dha-hero-sub{margin:12px 0 18px;font-size:15.5px;line-height:1.55;color:#3d4b66;max-width:42ch}
.dha-hero-perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:0}
.dha-hero-perks li{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.3;font-weight:600;color:#2b3a57;padding:0 12px;white-space:nowrap}
.dha-hero-perks li:first-child{padding-left:0}
.dha-hero-perks li+li{border-left:1px solid #d8e2f4}
.dha-hero-perks svg{width:22px;height:22px;flex-shrink:0}

.dha-hero-art{position:relative;height:290px}
.dha-hero-halo{position:absolute;left:50%;top:52%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#c9d8ff 0,rgba(201,216,255,.45) 45%,rgba(201,216,255,0) 70%)}
.dha-hero-bot{position:absolute;left:50%;bottom:0;width:auto;height:100%;transform:translateX(-50%);animation:dhaBotFloat 5s ease-in-out infinite;filter:drop-shadow(0 18px 24px rgba(47,85,170,.18))}
.dha-float-tile{position:absolute;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid #e3eafa;box-shadow:0 12px 26px rgba(47,85,170,.14);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.dha-float-tile svg{width:36px;height:36px}
.dha-float-tile.t1{right:-6px;top:6px;transform:rotate(8deg)}
.dha-float-tile.t2{right:-14px;top:150px;transform:rotate(-6deg)}
.dha-float-tile.t3{left:-8px;top:128px;transform:rotate(-10deg)}
.dha-float-tile.t4{left:6px;top:26px;transform:rotate(-8deg);width:48px;height:48px}
.dha-float-tile.t4 svg{width:30px;height:30px}
.dha-hero-bubble{position:absolute;left:-34px;top:46px;z-index:2;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4d7dff,#2456d6);color:#fff;font-size:11.5px;font-weight:800;line-height:1.15;padding:8px 11px;border-radius:12px 12px 3px 12px;box-shadow:0 10px 20px rgba(36,86,214,.3)}
.dha-hero-bubble svg{width:14px;height:14px}
.dha-hero-bubble svg path{fill:#fff}

/* شريط البحث */
.dha-slot-home{position:relative;z-index:2}
.dha-ai-widget .ai-input-row{align-items:center}
.ai-input-row .dha-attach{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;background:#eef3fd;color:#22345a;box-shadow:none;font-size:13px;font-weight:700}
.ai-input-row .dha-attach:hover{filter:none;transform:none;background:#e1eafb}
.ai-input-row .dha-attach svg{width:20px;height:20px}
.dha-chatmode .ai-input-row .dha-attach{width:44px;padding:0;justify-content:center}
.dha-chatmode .ai-input-row .dha-attach span{display:none}

/* بطاقات طرق البحث */
.dha-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.dha-mode-card{--c:#2f6fed;--tint:#eaf1ff;--edge:#d3e2fd;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:12px 16px 18px;border-radius:18px;border:1px solid var(--edge);background:linear-gradient(170deg,var(--tint),#fff 78%);cursor:pointer;font:inherit;color:#0f1b38;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.dha-mode-card.is-image{--c:#7c4fe0;--tint:#f2ecff;--edge:#e3d7fc}
.dha-mode-card.is-link{--c:#13a37a;--tint:#e5f8f1;--edge:#c8eedf}
.dha-mode-card:hover{transform:translateY(-3px);border-color:var(--c);box-shadow:0 18px 32px rgba(30,60,120,.12)}
.dha-mode-card:focus-visible{outline:3px solid var(--c);outline-offset:2px}
.dha-mode-art{display:flex;align-items:center;justify-content:center;width:100%;height:130px;margin:0 0 4px}
.dha-mode-art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .25s ease}
.dha-mode-card:hover .dha-mode-art img{transform:scale(1.05) rotate(-1deg)}
.dha-mode-title em{font-style:normal;color:var(--c)}
.dha-mode-tag{font-size:11px;font-weight:800;color:var(--c);background:#fff;border:1px solid var(--edge);padding:3px 9px;border-radius:999px}
.dha-mode-title{font-size:19px;font-weight:800;letter-spacing:-.01em;padding-right:44px}
.dha-mode-desc{font-size:12.5px;line-height:1.5;color:#4c5a75;padding-right:44px}
.dha-mode-go{position:absolute;right:16px;bottom:22px;width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(20,40,90,.18)}
.dha-mode-go svg{width:17px;height:17px}

/* اقتراحات جاهزة */
.dha-try{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:20px;margin-top:22px}
.dha-try-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:800;color:#0f1b38}
.dha-try-title svg{width:18px;height:18px}
.dha-ai-widget .dha-chips{display:flex;flex-direction:column;gap:8px}
.dha-ai-widget .dha-chip{display:flex;align-items:center;gap:12px;width:100%;background:rgba(255,255,255,.9);border:1px solid #e1e9f7;border-radius:12px;padding:7px 14px 7px 7px;font:inherit;font-size:13.5px;font-weight:600;color:#1b2a4a;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.dha-ai-widget .dha-chip:hover{border-color:#a9c3f7;background:#fff}
.dha-ai-widget .dha-chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dha-chip-ico{width:30px;height:30px;border-radius:9px;background:#eef3fd;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.dha-chip-text{flex:1;min-width:0}
.dha-ai-widget .dha-chip i{font-style:normal;color:#8a97ad;font-size:18px}
.dha-try-note{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;height:180px}
.dha-try-note p{position:absolute;left:0;top:28px;margin:0;font-family:Caveat,"Segoe Print","Comic Sans MS",cursive;font-size:23px;line-height:1.1;color:#2456d6;transform:rotate(-7deg);text-align:center;white-space:nowrap;z-index:1}
.dha-try-bot{height:100%;width:auto;filter:drop-shadow(0 14px 18px rgba(47,85,170,.16))}

@keyframes dhaBotFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}
@keyframes dhaWave{0%,100%{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(14deg)}80%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.dha-hero-bot,.dha-wave{animation:none}.dha-mode-card,.dha-mode-art img{transition:none}}

/* داخل النافذة المنبثقة: نسخة مختصرة */
.dha-ai-modal-panel .dha-hero{grid-template-columns:1fr}
.dha-ai-modal-panel .dha-hero-art,.dha-ai-modal-panel .dha-hero-perks,.dha-ai-modal-panel .dha-try-note{display:none}
.dha-ai-modal-panel .dha-hero-title{font-size:28px;max-width:none}
.dha-ai-modal-panel .dha-mode-desc,.dha-ai-modal-panel .dha-mode-tag{display:none}
.dha-ai-modal-panel .dha-mode-title{font-size:14px;padding-right:0}
.dha-ai-modal-panel .dha-mode-go{display:none}
.dha-ai-modal-panel .dha-mode-cards{gap:10px;margin-top:18px}
.dha-ai-modal-panel .dha-try{grid-template-columns:1fr}

@media (max-width:1180px){
  .dha-hero-art{height:250px}
  .dha-hero-halo{width:190px;height:190px}
  .dha-float-tile.t3,.dha-float-tile.t4{display:none}
  .dha-mode-title{font-size:16px}
  .dha-mode-desc{display:none}
  .dha-try{grid-template-columns:1fr}
  .dha-try-note{display:none}
}

@media (max-width:800px){
  #ai-shopping.ai-card{margin:0 -14px 10px;border-radius:0 0 24px 24px;border:0;border-bottom:1px solid #e3eafa;padding:16px 16px 18px;box-shadow:none}
  .dha-ai-widget .dha-hero{grid-template-columns:minmax(0,1fr) 108px;gap:6px;margin-bottom:12px}
  .dha-hero-hi{font-size:14px;margin-bottom:4px}
  .dha-hero-title{font-size:27px;max-width:none}
  .dha-hero-sub{font-size:13.5px;margin:8px 0 0}
  .dha-hero-perks{display:none}
  .dha-hero-art{height:150px}
  .dha-hero-halo{width:120px;height:120px}
  .dha-float-tile,.dha-hero-bubble{display:none}
  .ai-input-row .dha-attach{width:40px;height:40px;padding:0;justify-content:center}
  .ai-input-row .dha-attach span{display:none}
  .dha-mode-cards{gap:8px;margin-top:14px}
  .dha-mode-card{padding:8px 6px 12px;align-items:center;text-align:center;border-radius:14px;gap:2px}
  .dha-mode-art{height:62px}
  .dha-mode-tag,.dha-mode-desc,.dha-mode-go{display:none}
  .dha-mode-title{font-size:12.5px;padding:0;line-height:1.25}
  .dha-try{margin-top:16px}
  .dha-try-title{font-size:14px;margin-bottom:8px}
  .dha-ai-widget .dha-chip{font-size:13px}
}

/* صور الروبوت في المحادثة والعمود الجانبي */
.dha-msg-thinking{align-items:flex-end}
.dha-think-wrap{width:40px;height:64px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center}
.dha-think-bot{height:64px;width:auto;animation:dhaBotFloat2 2.4s ease-in-out infinite}
.dha-msg-avatar{background:linear-gradient(160deg,#eaf1ff,#d2e1ff)}
.dha-msg-avatar img{object-fit:cover;transform:scale(1.08)}
.rail-card.highlight:has(.rail-bot) h2,.rail-card.highlight:has(.rail-bot) p{max-width:62%}
.rail-art.rail-bot{right:4px;bottom:0;height:130px;width:auto;opacity:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
@keyframes dhaBotFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.dha-think-bot{animation:none}}

/* شارات نتائج البحث */
.dha-badges{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0}
.dha-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;line-height:1;padding:4px 7px;border-radius:999px;white-space:nowrap;background:#eef3fd;color:#1f56c9}
.dha-badge-top-rated{background:#fff5d9;color:#8a5a00}
.dha-badge-lowest-price{background:#e3f7ee;color:#0e7a52}
.dha-badge-best-discount{background:#ffe8e4;color:#b8321c}
.dha-badge-best-match{background:#eaf1ff;color:#1f56c9}
.dha-pcard .dha-badges{margin:0}

/* =====================================================================
   وضع التركيز على الكمبيوتر: عند بدء المحادثة تملأ المحادثة الشاشة وحدها
   (القائمة الجانبية والهيدر والعمود الأيمن والصفقات تختفي خلفها)
   ===================================================================== */
body.dha-chat-open{overflow:hidden}
@media (min-width:801px){
  #dha-ai-inline.dha-ai-widget.dha-chatmode{
    position:fixed;inset:0;z-index:150;margin:0;min-height:0;
    height:var(--dha-vh,100vh);
    padding:18px max(24px,calc((100vw - 940px) / 2)) 14px;
    background:
      radial-gradient(700px 420px at 85% 0,#dfe7ff 0,rgba(223,231,255,0) 70%),
      radial-gradient(600px 380px at 0 100%,#eef2ff 0,rgba(238,242,255,0) 70%),
      linear-gradient(180deg,#f4f7ff,#fbfcff);
    animation:dhaFocusIn .28s ease-out;
  }
  #dha-ai-inline.dha-chatmode .dha-convo-bar{padding:4px 0 14px}
  #dha-ai-inline.dha-chatmode .dha-convo-new{padding:9px 16px;font-size:13px;background:#fff;box-shadow:0 2px 8px rgba(30,60,120,.08)}
  #dha-ai-inline.dha-chatmode .dha-convo-who{font-size:14px}
  #dha-ai-inline.dha-chatmode .dha-convo-who .dha-msg-avatar{width:34px;height:34px}
  #dha-ai-inline.dha-chatmode .dha-thread{padding:18px 6px 10px}
  #dha-ai-inline.dha-chatmode .dha-detail-overlay{border-radius:16px;inset:18px max(24px,calc((100vw - 940px) / 2)) 14px}
}
@keyframes dhaFocusIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#dha-ai-inline.dha-chatmode{animation:none}}

/* صفحة المحادثة المستقلة /ai-chat/ */
.dha-convo-left{display:flex;align-items:center;gap:12px}
.dha-convo-home{display:none}
.dha-standalone .dha-convo-home{display:inline-flex;align-items:center;padding:2px 4px;border-radius:10px}
.dha-standalone .dha-convo-home img{height:34px;width:auto;display:block;mix-blend-mode:multiply}
.dha-standalone .dha-convo-home:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (max-width:800px){.dha-standalone .dha-convo-home img{height:26px}.dha-convo-left{gap:8px}}

/* "Price as of" + تنبيه أمازون */
.price-asof,.dha-asof{display:block;font-size:10.5px;line-height:1.3;color:#7a879c;font-weight:500;margin-top:2px;cursor:help}
.rail-asof{margin-top:8px;text-align:right}
.single-price-box .price-asof{flex-basis:100%;margin:0}
.single-price-box.is-unavailable{background:#fff7f5;border-color:#f5d3cc}
.dha-pcard-price em{font-style:normal;font-size:11.5px;color:#4c5a75;font-weight:700}
.dha-footer-disclaimer{max-width:1500px;margin:18px auto 0;font-size:11.5px;line-height:1.6;color:#8390a6}

/* ---- Super bot additions ---- */
.dha-pcard-why{display:block;margin-top:4px;font-size:11px;color:#5b6b85;font-weight:600}
.dha-pcard-cta{display:block;margin-top:6px;font-size:12px;font-weight:800;color:var(--blue-dark)}
.dha-more{flex:0 0 auto;align-self:center;background:#fff;border:1px dashed #9db9e6;color:var(--blue-dark);border-radius:14px;padding:14px 16px;font-size:13px;font-weight:800;cursor:pointer;min-width:110px}
.dha-more:hover{background:var(--blue-tint)}
.dha-more:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.dha-pcard{cursor:default}
.dha-pcard-main{display:flex;flex-direction:column;gap:6px;text-align:left;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:100%}
.dha-pcard-buy{display:block;margin-top:auto;text-align:center;background:#ff9900;color:#111;font-size:12px;font-weight:800;border-radius:9px;padding:8px 6px;text-decoration:none}
.dha-pcard-buy:hover{background:#f08a00}
.dha-pcard-buy:focus-visible,.dha-pcard-main:focus-visible{outline:2px solid var(--blue);outline-offset:2px}


/* =====================================================================
   v1.16 — NexlyCart landing redesign
   (blue → purple gradient identity, centered hero, gradient search bar)
   ===================================================================== */
:root{
  --nx-grad:linear-gradient(100deg,#2c9ae9 0%,#5f63ee 52%,#b03fd6 100%);
  --nx-ink:#0b1030;
  --nx-line:#e4e8f4;
  --blue:#5a63ee; --blue-dark:#4448d4; --blue-tint:#eef0ff;
}
body{background:#fbfbff}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 520px at 50% 6%,#eaf4ff 0,rgba(234,244,255,0) 70%),linear-gradient(180deg,#fdfdff,#f6f7fd)}

/* ---------- Header ---------- */
.dha-header{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:0;box-shadow:0 1px 0 rgba(20,30,80,.06)}
.dha-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1400px;margin:0 auto;height:92px;padding:0 28px}
.dha-brand{justify-self:start}
.dha-logo-img{height:64px;width:auto}
.nx-nav{display:flex;align-items:center;gap:38px}
.nx-nav a{font-size:17px;font-weight:500;color:var(--nx-ink);padding:6px 0;border-bottom:2px solid transparent;transition:color .15s ease}
.nx-nav a:hover{color:#4a5bd8}
.nx-nav a.active{color:#2a77c9}
.dha-actions{justify-self:end;margin-left:0}
.nx-try{display:inline-flex;align-items:center;justify-content:center;background:var(--nx-grad);color:#fff;font-size:18px;font-weight:600;padding:13px 30px;border-radius:14px;box-shadow:0 12px 26px rgba(106,92,240,.28);transition:transform .15s ease,filter .15s ease}
.nx-try:hover{transform:translateY(-1px);filter:brightness(1.06)}
.nx-try:focus-visible,.nx-chip:focus-visible,.nx-fab-btn:focus-visible{outline:3px solid #8f7cf0;outline-offset:3px}

/* No desktop sidebar any more: the nav lives in the header (sidebar stays as the mobile drawer) */
.dha-shell{display:block}
.dha-sidebar{display:none}

/* ---------- Home layout ---------- */
body.nx-front .dha-main{max-width:none;padding:0 0 60px;position:relative;overflow-x:clip}
.nx-home{position:relative;z-index:1;display:block;max-width:1180px;margin:0 auto;padding:0 24px}
.nx-deco{position:absolute;top:50px;width:min(25vw,360px);height:680px;background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:0}
.nx-deco-l{left:0;background-image:url(../img/nx-deco-left.svg);background-position:left top}
.nx-deco-r{right:0;background-image:url(../img/nx-deco-right.svg);background-position:right top}

body.nx-front #ai-shopping.ai-card{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;padding:70px 0 20px;margin:0}
.dha-ai-widget .dha-hero{display:block;text-align:center;margin:0 0 38px}
.dha-hero-title{max-width:none;margin:0;font-size:clamp(46px,6.4vw,88px);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--nx-ink)}
.dha-hero .dha-hero-sub{max-width:none;margin:20px 0 0;font-size:clamp(18px,2.3vw,32px);line-height:1.3;font-weight:500;color:#161c3a}

/* ---------- Search bar ---------- */
.dha-slot-home{max-width:1100px;margin:0 auto}
.ai-input-row{align-items:center;gap:6px;padding:8px;border:2px solid transparent;border-radius:16px;
  background:linear-gradient(#fff,#fff) padding-box,var(--nx-grad) border-box;
  box-shadow:0 18px 44px rgba(106,92,240,.14)}
.ai-input-row:focus-within{border-color:transparent;box-shadow:0 18px 44px rgba(106,92,240,.24),0 0 0 5px rgba(106,92,240,.08)}
.ai-input-row::before,.dha-slot-home .ai-input-row::before{display:none;animation:none}
.ai-input-row input{padding:14px 20px;font-size:17.5px;color:var(--nx-ink)}
.ai-input-row input::placeholder{color:#5d6483;opacity:1}
.ai-input-row .dha-chat-submit{order:-1;display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 30px;border-radius:12px;background:var(--nx-grad);font-size:20px;font-weight:600;box-shadow:none;white-space:nowrap}
.ai-input-row .dha-chat-submit svg{width:26px;height:26px;flex-shrink:0}
.ai-input-row .dha-chat-submit:hover{filter:brightness(1.06);transform:none}
.ai-input-row .dha-attach{order:2;width:48px;height:48px;padding:0;justify-content:center;border-radius:12px;background:#f1f2fd;color:#4448d4}
.ai-input-row .dha-attach span{display:none}
.ai-input-row .dha-attach:hover{background:#e6e8fc}
.dha-slot-bottom .ai-input-row{box-shadow:0 10px 26px rgba(106,92,240,.14)}
.dha-chatmode .ai-input-row .dha-chat-submit{height:50px;padding:0 22px;font-size:16px}
.dha-chatmode .ai-input-row .dha-chat-submit svg{width:22px;height:22px}
.dha-chatmode .ai-input-row input{font-size:16px}

/* ---------- Quick chips ---------- */
.nx-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:26px}
.nx-chip{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);border:1px solid #dfe4f2;border-radius:12px;padding:12px 20px;font-size:17px;font-weight:500;color:#10163a;cursor:pointer;box-shadow:0 2px 8px rgba(40,60,120,.05);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.nx-chip svg{width:22px;height:22px;flex-shrink:0}
.nx-chip:hover{border-color:#8f7cf0;transform:translateY(-2px);box-shadow:0 10px 22px rgba(106,92,240,.16)}
.dha-ai-modal-panel .nx-chips{gap:10px;margin-top:18px}
.dha-ai-modal-panel .nx-chip{font-size:14px;padding:9px 14px}
.dha-ai-modal-panel .dha-hero-title{font-size:34px}
.dha-ai-modal-panel .dha-hero .dha-hero-sub{font-size:16px;margin-top:10px}
.dha-ai-modal-panel .ai-input-row input{font-size:15px}
.dha-ai-modal-panel .ai-input-row .dha-chat-submit{height:48px;font-size:15px;padding:0 18px}

/* ---------- Section headings + product cards ---------- */
.nx-home .section-head{margin:56px 0 18px}
.nx-home .section-head h2{font-size:clamp(24px,2.5vw,34px);font-weight:800;letter-spacing:-.01em;color:var(--nx-ink)}
.section-head a{color:#4448d4}
.product-grid{gap:22px}
.product-card{border:1px solid var(--nx-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(30,40,110,.05);transition:transform .18s ease,box-shadow .18s ease}
.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(60,60,170,.12)}
.product-card .product-img{height:190px;padding:16px;background:#fff}
.product-body{padding:6px 18px 18px;gap:8px}
.product-body h3{font-size:16px;font-weight:600;min-height:44px;color:var(--nx-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-body small{color:#6f7794}
.price-row .price{font-size:22px;font-weight:800;color:var(--nx-ink)}
.ribbon{background:#e5484d;border-radius:8px}
.pill-good{background:#e3f1ff;color:#1c62ad}
.pill-hot{background:#f3e8ff;color:#7a2fc0}
.pill-plain{background:#eef1f8;color:#4b5672}
.deal-btn{background:var(--nx-grad);border-radius:12px;padding:11px 14px;font-size:14px}
.deal-btn:hover{filter:brightness(1.06)}
.blog-card,.rail-card{border-radius:18px;border-color:var(--nx-line)}

/* ---------- How it works ---------- */
.nx-how{margin-top:64px;scroll-margin-top:110px}
#best-deals{scroll-margin-top:110px}
.nx-how h2{margin:0 0 20px;font-size:clamp(24px,2.5vw,34px);font-weight:800;color:var(--nx-ink)}
.nx-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.nx-how-step{background:#fff;border:1px solid var(--nx-line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(30,40,110,.05)}
.nx-how-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--nx-grad);color:#fff;font-weight:800;font-size:18px}
.nx-how-step h3{margin:14px 0 6px;font-size:18px;color:var(--nx-ink)}
.nx-how-step p{margin:0;color:#4c5675;font-size:14.5px;line-height:1.6}

/* ---------- Right rail becomes a row under the content ---------- */
.nx-home .right-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px;align-items:stretch}
.rail-card.highlight{background:linear-gradient(135deg,#1c2a6b,#5b3cc4 70%,#8f3fd0);min-height:210px}
.rail-card.highlight .pill{background:rgba(255,255,255,.18);color:#fff}
.rail-card.highlight p{color:#dcd8f8}
.rail-cta{color:#2b2f7a}
.alert-box .rail-cta{background:var(--nx-grad)}

/* ---------- Other UI tinted to the new palette ---------- */
.dha-msg-user .dha-bubble{background:var(--nx-grad)}
.dha-watch-save,.dha-footer-chat{background:var(--nx-grad)}
.dha-ai-word{background:linear-gradient(100deg,#2c9ae9,#b03fd6);-webkit-background-clip:text;background-clip:text}
.dha-pagination a.current,.dha-pagination-wrap .page-numbers.current{background:#5a63ee;border-color:#5a63ee}

/* ---------- Floating chat button ---------- */
.nx-fab{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.nx-fab-label{pointer-events:auto;background:#fff;border:1px solid var(--nx-line);border-radius:999px;padding:12px 22px;font-size:16px;color:var(--nx-ink);box-shadow:0 10px 26px rgba(30,40,110,.12)}
.nx-fab-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--nx-grad);box-shadow:0 14px 30px rgba(106,92,240,.38);transition:transform .15s ease}
.nx-fab-btn:hover{transform:scale(1.06)}
.nx-fab-btn img{width:42px;height:42px;object-fit:contain}
body.dha-chat-open .nx-fab{display:none}

/* ---------- Tablet ---------- */
@media (max-width:1150px){
  .nx-nav{gap:24px}
  .nx-nav a{font-size:15.5px}
  .nx-home .right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Mobile ---------- */
@media (max-width:800px){
  .dha-topbar{display:flex;height:66px;padding:0 12px;gap:8px}
  .dha-brand{margin-right:auto}
  .dha-logo-img{height:52px}
  .nx-nav{display:none}
  .nx-try{font-size:14px;padding:9px 16px;border-radius:11px}
  body.nx-front .dha-main{padding:0 0 24px}
  .nx-home{padding:0 16px}
  .nx-deco{width:34vw;height:420px;top:10px;opacity:.55}
  body.nx-front #ai-shopping.ai-card{margin:0;padding:34px 0 6px;border:0;border-radius:0}
  .dha-ai-widget .dha-hero{margin-bottom:24px}
  .dha-hero-title{font-size:44px}
  .dha-hero .dha-hero-sub{font-size:17px;margin-top:12px}

  .dha-slot-home .ai-input-row{flex-wrap:wrap;padding:8px;border-radius:14px}
  .dha-slot-home .ai-input-row input{flex:1 1 100%;order:0;padding:10px 12px;font-size:15px}
  .dha-slot-home .ai-input-row .dha-chat-submit{order:1;flex:1;justify-content:center;height:46px;padding:0 16px;font-size:15px}
  .dha-slot-home .ai-input-row .dha-chat-submit svg{width:22px;height:22px}
  .dha-slot-home .ai-input-row .dha-attach{order:2;width:46px;height:46px}
  .nx-chips{gap:10px;margin-top:18px}
  .nx-chip{font-size:14px;padding:10px 14px;border-radius:11px}
  .nx-chip svg{width:19px;height:19px}

  .nx-home .section-head{margin:36px 0 14px}
  .product-card .product-img{height:118px;padding:10px}
  .product-body{padding:6px 10px 12px}
  .product-body h3{font-size:13px;min-height:auto}
  .price-row .price{font-size:17px}
  .nx-how{margin-top:40px}
  .nx-how-grid{grid-template-columns:1fr;gap:12px}
  .nx-how-step{padding:18px}
  .nx-home .right-rail{display:block;margin-top:24px}
  .nx-home .right-rail .rail-card{margin-top:12px}

  .nx-fab{right:14px;bottom:76px}
  .nx-fab-label{display:none}
  .nx-fab-btn{width:54px;height:54px}
  .nx-fab-btn img{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){.product-card,.nx-chip,.nx-fab-btn,.nx-try{transition:none}}


/* ---------- v1.16.1 — Mobile polish ---------- */
.nx-drawer-head,.nx-scrim{display:none}
.price-asof,.product-body small.price-asof{text-transform:none;letter-spacing:0}
@media (max-width:800px){
  /* header */
  .dha-topbar{height:62px;padding:0 14px}
  .dha-logo-img{height:44px}
  .dha-mobile-menu{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--nx-line);color:var(--nx-ink);font-size:18px;box-shadow:0 2px 8px rgba(30,40,110,.06)}
  .nx-try{padding:10px 18px;font-size:14px;font-weight:700}

  /* hero + search */
  body.nx-front #ai-shopping.ai-card{padding:26px 0 4px}
  .dha-hero-title{font-size:40px}
  .dha-hero .dha-hero-sub{font-size:16px;line-height:1.4;max-width:300px;margin:10px auto 0}
  .dha-ai-widget .dha-hero{margin-bottom:20px}
  .dha-slot-home .ai-input-row{box-shadow:0 12px 30px rgba(106,92,240,.16)}

  /* chips: three equal app-style tiles */
  .nx-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
  .nx-chip{flex-direction:column;justify-content:center;gap:6px;padding:12px 4px;font-size:12.5px;font-weight:600;text-align:center;line-height:1.2;border-radius:14px}
  .nx-chip svg{width:24px;height:24px}

  /* sections */
  .nx-home .section-head{margin:30px 0 12px;gap:10px}
  .nx-home .section-head h2{font-size:21px;line-height:1.2}
  .section-head a{white-space:nowrap;font-size:13px}
  .product-grid{gap:12px;margin:0 -16px;padding:2px 16px 8px}
  .product-card{width:168px;min-width:168px;border-radius:18px}
  .product-card .product-img{height:128px;padding:12px}
  .product-body{padding:4px 12px 14px;gap:6px}
  .product-body h3{font-size:13.5px;line-height:1.35}
  .price-row{flex-wrap:wrap;gap:2px 8px}
  .price-row .price{font-size:18px}
  .price-row .was{font-size:12px}
  .price-asof{font-size:10.5px}
  .deal-btn{padding:10px 12px;font-size:13px;border-radius:11px}
  .blog-card{width:236px;min-width:236px;border-radius:16px}

  /* how it works as compact rows */
  .nx-how h2{font-size:21px;margin-bottom:12px}
  .nx-how-step{display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:start;padding:14px 16px;border-radius:16px}
  .nx-how-num{grid-row:1/3;width:38px;height:38px;font-size:16px}
  .nx-how-step h3{margin:0 0 2px;font-size:16px}
  .nx-how-step p{font-size:13.5px;line-height:1.5}

  /* no floating bubble: the bottom bar already has AI Chat */
  .nx-fab{display:none}

  /* bottom navigation */
  .dha-bottom-nav{display:flex;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 24px rgba(30,40,110,.10);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .dha-bottom-nav a{position:relative;font-size:11px;color:#6b7390}
  .dha-bottom-nav a i{font-size:19px}
  .dha-bottom-nav a.active{color:#4448d4}
  .dha-bottom-nav a.active::before{content:'';position:absolute;top:0;left:50%;width:26px;height:3px;margin-left:-13px;border-radius:0 0 4px 4px;background:var(--nx-grad)}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}

  /* drawer */
  .nx-scrim{display:block;position:fixed;inset:0;z-index:85;background:rgba(11,16,48,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
  .nx-scrim[hidden]{display:none}
  body.nx-drawer-open{overflow:hidden}
  .dha-sidebar.dha-mobile-open{justify-content:flex-start;gap:0;width:min(300px,84vw);padding:14px 12px 24px;border-radius:0 22px 22px 0}
  .nx-drawer-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px;padding-bottom:12px;border-bottom:1px solid var(--navy-line)}
  .nx-drawer-head img{height:40px;width:auto;background:#fff;border-radius:10px;padding:4px 8px}
  .nx-drawer-close{width:38px;height:38px;border-radius:12px;border:0;background:var(--navy-2);color:#fff;font-size:16px;cursor:pointer}
  .dha-sidebar nav>a{padding:12px 12px;font-size:15px}
}