:root{--bg:#f5f2ec;--card:#fff;--ink:#111;--muted:#77736d;--line:#e5e0d7;--accent:#ff5b35;--accent2:#1946d8;--dark:#171717;--shadow:0 20px 55px rgba(30,26,20,.09);font-family:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:inherit}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.topline{background:#171717;color:#fff;font-size:12px}.top-inner{display:flex;gap:24px;justify-content:flex-end;padding:9px 0;opacity:.9}.header{position:sticky;top:0;z-index:30;background:rgba(245,242,236,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,20,20,.07)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}.logo{font-size:28px;font-weight:800;letter-spacing:-1.6px}.logo span{color:var(--accent)}.navlinks{display:flex;gap:28px;font-size:14px;font-weight:600;color:#4f4b45}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn,.cart-btn{border:0;background:transparent;height:42px;padding:0 12px;border-radius:12px}.icon-btn{position:relative;font-size:22px}.cart-btn{background:#151515;color:#fff;font-size:13px;font-weight:800;padding:0 17px}.badge{position:absolute;right:2px;top:-2px;font-size:9px;min-width:17px;height:17px;border-radius:99px;background:var(--accent);color:#fff;display:grid;place-items:center;border:2px solid var(--bg)}.hero{padding:70px 0 46px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#77736d;margin-bottom:14px}.hero h1{font-size:clamp(45px,6vw,74px);line-height:.98;letter-spacing:-3.8px;margin:0 0 24px}.hero h1 em,.deals h2 em{font-family:Georgia,serif;font-weight:400}.hero p{font-size:18px;line-height:1.6;color:#5f5b55;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.primary-btn,.secondary-btn,.dark-btn{border:0;border-radius:13px;padding:14px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 10px 22px rgba(255,91,53,.2)}.primary-btn:hover{transform:translateY(-1px)}.secondary-btn{background:#fff;border:1px solid var(--line)}.dark-btn{background:#151515;color:#fff}.wide{width:100%}.hero-trust{display:flex;gap:16px;flex-wrap:wrap;color:#67625c;font-size:11px}.hero-card{background:#efe9df;border:1px solid #e2dbcf;border-radius:30px;padding:20px;box-shadow:var(--shadow)}.hero-card-top,.hero-product-info{display:flex;justify-content:space-between;align-items:center}.hero-card-top{font-size:10px;font-weight:800;letter-spacing:1.4px}.hero-card-top span:first-child{color:var(--accent)}.laptop-device{height:300px;border-radius:25px;background:linear-gradient(150deg,#151515,#383a42);margin:20px 0;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.22)}.laptop-device:before{content:'';position:absolute;inset:25px;border:1px solid rgba(255,255,255,.14);border-radius:16px}.laptop-device:after{content:'';position:absolute;bottom:-18px;left:7%;width:86%;height:38px;background:#c6c0b6;border-radius:0 0 16px 16px;filter:drop-shadow(0 12px 8px rgba(0,0,0,.2))}.laptop-device span{font-size:70px;font-weight:800;color:white;z-index:2}.screen-glow{position:absolute;width:230px;height:160px;background:radial-gradient(circle,rgba(74,109,255,.44),transparent 70%);filter:blur(3px)}.hero-product-info small,.hero-product-info strong{display:block}.hero-product-info small{font-size:10px;color:#79746d}.hero-product-info strong{font-size:18px;margin-top:4px}.price{font-weight:800;font-size:18px}.hero-reason{font-size:12px;line-height:1.55;color:#625d56;background:rgba(255,255,255,.5);padding:13px 14px;border-radius:14px;margin-top:14px}.categories{padding:15px 0 30px}.category-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-card{border:1px solid var(--line);background:transparent;border-radius:18px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:6px}.category-card.active,.category-card:hover{background:#fff;border-color:#d7d0c7;box-shadow:0 8px 25px rgba(20,20,20,.05)}.category-card span{font-size:18px}.category-card b{font-size:13px}.category-card small{font-size:11px;color:#858078}.catalog-section{padding:54px 0 88px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2{font-size:36px;letter-spacing:-1.8px;margin:0}.result-count{font-size:12px;color:#77736d}.toolbar{display:flex;gap:10px;margin-bottom:18px}.searchbox{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:0 14px}.searchbox span{font-size:23px;color:#999}.searchbox input{border:0;outline:0;width:100%;padding:13px 10px;background:transparent;font-size:14px}.sortselect,.filter-mobile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px;font-size:12px;font-weight:700}.filter-mobile{display:none}.store-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.filters{position:sticky;top:96px;height:max-content}.filter-title{font-weight:800;font-size:13px;display:flex;justify-content:space-between;margin-bottom:16px}.filter-title button{border:0;background:none;color:#8c877f;font-size:11px}.filter-group{border-top:1px solid var(--line);padding:16px 0;display:flex;flex-direction:column;gap:10px;font-size:12px}.filter-group b{font-size:13px}.filter-group label{display:flex;gap:9px;align-items:center;color:#5d5953}.range-values{display:flex;justify-content:space-between;font-size:10px;color:#716c65}input[type=range]{width:100%}.filter-tip{background:#fff0e8;border:1px solid #ffd8c5;padding:14px;border-radius:16px;margin-top:14px}.filter-tip span{color:var(--accent)}.filter-tip p{font-size:11px;line-height:1.5;margin:8px 0 10px;color:#5f544a}.filter-tip button{background:none;border:0;color:var(--accent);font-size:11px;font-weight:800;padding:0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-media{height:190px;margin:10px 10px 0;border-radius:16px;display:grid;place-items:center;position:relative;overflow:hidden}.product-media.rose{background:linear-gradient(135deg,#f9d5d8,#f4eee9)}.product-media.sky{background:linear-gradient(135deg,#cfe4ff,#edf3fb)}.product-media.lavender{background:linear-gradient(135deg,#d8d3ff,#f4f0ff)}.product-media.silver{background:linear-gradient(135deg,#d8d9dc,#f4f4f3)}.product-media.ink{background:linear-gradient(135deg,#dfe3ea,#19212d)}.product-media.green{background:linear-gradient(135deg,#dbeadd,#eff8f0)}.product-media.pearl{background:linear-gradient(135deg,#f6f3ed,#dfdbd4)}.product-media.black{background:linear-gradient(135deg,#313131,#090909)}.product-media.sand{background:linear-gradient(135deg,#e9dece,#f5efe8)}.product-media.blue{background:linear-gradient(135deg,#c9ddfb,#eef6ff)}.product-media.purple{background:linear-gradient(135deg,#ded1f7,#f5efff)}.product-media.orange{background:linear-gradient(135deg,#f9d2ae,#fff1e2)}.device-shape{font-size:74px;filter:drop-shadow(0 14px 12px rgba(0,0,0,.16));transform:translateY(4px)}.product-media.black .device-shape{filter:drop-shadow(0 14px 12px rgba(0,0,0,.35))}.tag{position:absolute;top:10px;left:10px;background:#151515;color:#fff;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:800}.tag.sale{background:var(--accent)}.heart{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:99px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.74);font-size:17px}.product-body{padding:14px}.product-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#858078}.stars{color:#e8a400}.product-name{font-size:15px;line-height:1.3;margin:7px 0}.specs{display:flex;flex-wrap:wrap;gap:5px;min-height:22px}.spec{font-size:9px;color:#78736d;background:#f4f1ec;padding:5px 6px;border-radius:7px}.product-bottom{display:flex;justify-content:space-between;gap:8px;align-items:end;margin-top:14px}.price-box small{text-decoration:line-through;color:#999;font-size:9px;display:block}.price-main{font-size:17px;font-weight:800}.add-btn{border:0;background:#151515;color:#fff;border-radius:10px;padding:10px 11px;font-size:11px;font-weight:800}.card-actions{display:flex;gap:6px;margin-top:8px}.ghost-btn{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font-size:10px}.empty-state{text-align:center;background:#fff;border:1px dashed #d8d1c7;padding:60px 20px;border-radius:20px}.empty-state>div{font-size:28px}.empty-state h3{margin:8px 0}.empty-state p{color:#777;max-width:400px;margin:0 auto 18px;font-size:13px}.hidden{display:none!important}.deals{background:#151515;color:#fff;padding:78px 0}.deals-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.deals h2{font-size:52px;letter-spacing:-2.6px;line-height:1.02;margin:0 0 18px}.deal-copy p{color:#b0aba4;line-height:1.6;max-width:520px}.deal-list{display:flex;flex-direction:column;gap:10px}.deal-item{display:grid;grid-template-columns:35px 1fr auto;gap:15px;align-items:center;padding:18px;border:1px solid #34322f;border-radius:16px}.deal-item>span{color:#7e7972;font-size:11px}.deal-item b{font-size:13px;display:block}.deal-item small{color:#8f8a84;font-size:10px}.deal-item strong{font-size:14px}.benefits{padding:80px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.benefit-grid article{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px;min-height:180px}.benefit-grid article span{font-size:20px;color:var(--accent)}.benefit-grid h3{font-size:16px;margin:20px 0 8px}.benefit-grid p{font-size:12px;line-height:1.6;color:#757069;margin:0}.portfolio-note{padding:40px 0 90px}.note{background:#ece6dc;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.note h2{margin:0 0 12px;font-size:33px;letter-spacing:-1.5px}.note p{margin:0;color:#6d675f;max-width:650px;line-height:1.6;font-size:13px}.note-mark{font-weight:800;font-size:48px;letter-spacing:-3px}.note-mark span{color:var(--accent)}.floating-ai{position:fixed;right:22px;bottom:22px;z-index:40;border:0;background:#151515;color:#fff;width:76px;height:76px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(0,0,0,.22)}.floating-ai span{color:#ffb249}.floating-ai b{font-size:17px;line-height:1}.floating-ai small{font-size:8px;color:#aaa}.overlay{position:fixed;inset:0;background:rgba(20,18,16,.36);backdrop-filter:blur(3px);z-index:49;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;height:100%;width:min(440px,100%);background:#f8f6f1;z-index:50;transform:translateX(100%);transition:.28s;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.12)}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:25px;border-bottom:1px solid var(--line)}.drawer-head small{font-size:9px;letter-spacing:1.6px;color:#8d887f;font-weight:800}.drawer-head h3{margin:4px 0 0;font-size:26px}.close-btn{width:36px;height:36px;border:0;border-radius:10px;background:#ece7df;font-size:22px}.drawer-body{flex:1;overflow:auto;padding:20px}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:64px;height:64px;border-radius:13px;display:grid;place-items:center;background:#eee}.cart-thumb .device-shape{font-size:34px}.cart-item h4{margin:0;font-size:12px}.cart-item small{color:#858078;font-size:10px}.qty{display:flex;align-items:center;gap:7px;margin-top:8px}.qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:7px}.qty span{font-size:11px}.cart-item strong{font-size:12px}.remove-cart{border:0;background:none;color:#9a958e;font-size:12px}.drawer-foot{padding:18px 20px;border-top:1px solid var(--line);background:#fff}.subtotal{display:flex;justify-content:space-between;margin-bottom:12px}.subtotal strong{font-size:19px}.demo-caption{font-size:9px;color:#96918a;display:block;text-align:center;margin-top:8px}.ai-status{padding:10px 20px;font-size:10px;color:#67615a;border-bottom:1px solid var(--line)}.status-dot{display:inline-block;width:7px;height:7px;background:#2dbb6f;border-radius:99px;margin-right:5px}.chat{flex:1;overflow:auto;padding:18px 18px 10px}.msg{display:flex;gap:9px;margin-bottom:14px}.msg.user{justify-content:flex-end}.msg.user .avatar{display:none}.msg.user p{background:#151515;color:#fff}.avatar{width:28px;height:28px;border-radius:10px;background:#151515;color:#ffae4b;display:grid;place-items:center;flex:0 0 auto}.msg p{margin:0;background:#fff;border:1px solid var(--line);padding:11px 12px;border-radius:14px;line-height:1.5;font-size:12px;max-width:320px}.quick-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.quick-prompts button{border:1px solid #ddd5c9;background:#f7f4ef;border-radius:999px;padding:6px 8px;font-size:9px}.typing{opacity:.65}.chat-form{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--line);background:#fff}.chat-form input{flex:1;border:1px solid var(--line);border-radius:11px;outline:0;padding:12px;font-size:12px}.chat-form button{width:46px;border:0;border-radius:11px;background:#151515;color:#fff}.modal{position:fixed;inset:0;z-index:60;background:rgba(20,18,16,.48);display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#f8f6f1;border-radius:22px;padding:25px;position:relative;box-shadow:0 35px 90px rgba(0,0,0,.25)}.modal-card>.close-btn{position:absolute;right:18px;top:18px}.product-modal-card{padding:0;overflow:hidden}.product-modal-grid{display:grid;grid-template-columns:.9fr 1.1fr}.modal-product-media{min-height:440px;display:grid;place-items:center}.modal-product-content{padding:36px}.modal-product-content h3{font-size:30px;line-height:1.05;margin:6px 0 14px;letter-spacing:-1.4px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.compare-col{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.compare-col h4{font-size:13px}.compare-col p{font-size:11px;color:#777;line-height:1.5}.checkout-card h3{font-size:28px;margin:0 0 10px}.checkout-card>p{color:#6f6962;font-size:12px;line-height:1.6}.checkout-card form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.checkout-card input{padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.success-box{margin-top:16px;background:#e4f8eb;color:#21653d;padding:13px;border-radius:12px;font-size:12px}
@media(max-width:980px){.hero-grid,.deals-grid{grid-template-columns:1fr}.hero-card{max-width:620px}.category-row{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.store-layout{grid-template-columns:190px 1fr}.hero{padding-top:45px}}
@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.top-inner{justify-content:center;gap:12px;font-size:9px}.top-inner span:nth-child(2){display:none}.nav{height:66px}.logo{font-size:24px}.nav-actions .icon-btn{display:none}.hero h1{font-size:44px;letter-spacing:-2.3px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.category-row{display:flex;overflow:auto;padding-bottom:4px}.category-card{min-width:145px}.section-head h2{font-size:29px}.toolbar{flex-wrap:wrap}.filter-mobile{display:block;padding:0 14px;height:48px}.sortselect{height:48px}.filters{display:none;position:fixed;left:12px;right:12px;top:78px;bottom:12px;z-index:55;background:#f8f6f1;padding:18px;overflow:auto;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.2)}.filters.show{display:block}.store-layout{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}.deals h2{font-size:38px}.benefit-grid{grid-template-columns:1fr}.note{flex-direction:column;align-items:flex-start}.note-mark{font-size:34px}.floating-ai{width:64px;height:64px;border-radius:20px;right:12px;bottom:12px}.product-modal-grid{grid-template-columns:1fr}.modal-product-media{min-height:240px}.compare-grid{grid-template-columns:1fr}.product-modal-content{padding:24px}}

/* v2: substantive comparison, product images, likes */
.compare-head-btn{border:1px solid var(--line);background:#fff;height:42px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.badge-inline{display:grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--accent);color:#fff;font-size:9px}.product-media-wrap{position:relative}.product-media-wrap>.tag{z-index:2}.product-media-wrap>.heart{z-index:3}.product-image,.modal-product-image,.cart-image{width:100%;height:100%;object-fit:contain}.product-image{padding:20px}.cart-image{border-radius:12px;object-fit:contain;padding:5px}.like-btn{border:0;background:transparent;color:#89837b;padding:3px 0;font-size:10px;font-weight:800}.like-btn:hover,.like-btn.liked{color:var(--accent)}.like-btn.large{font-size:11px}.compare-btn{flex:1;border:1px solid #d9d1c7;background:#fff;border-radius:9px;padding:9px 8px;font-size:10px;font-weight:800;color:#4f4942}.compare-btn:hover,.compare-btn.selected{background:#151515;color:#fff;border-color:#151515}.compare-bar{position:fixed;left:50%;bottom:18px;transform:translate(-50%,calc(100% + 35px));width:min(1120px,calc(100% - 24px));z-index:45;background:#151515;color:#fff;border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 25px 60px rgba(0,0,0,.28);transition:.25s}.compare-bar.show{transform:translate(-50%,0)}.compare-bar>div:first-child{min-width:190px}.compare-bar strong{display:block;font-size:12px}.compare-bar small{display:block;color:#aaa;font-size:9px;margin-top:3px}.compare-bar-items{display:flex;gap:6px;flex:1;min-width:0;overflow:auto}.compare-chip{background:#272522;border:1px solid #3b3834;border-radius:999px;padding:7px 8px 7px 10px;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px}.compare-chip button{border:0;background:transparent;color:#bcb5ad;font-size:14px;padding:0}.compare-bar .primary-btn{white-space:nowrap;background:var(--accent)}.compare-modal-card{width:min(1050px,100%)}.compare-caption{font-size:11px;color:#777;margin:12px 0}.compare-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.compare-table{border-collapse:collapse;width:100%;min-width:700px}.compare-table th,.compare-table td{padding:14px 12px;border-bottom:1px solid #eee7de;text-align:left;font-size:11px;vertical-align:top}.compare-table thead th{background:#f5f1eb}.compare-table thead th:first-child{position:sticky;left:0;z-index:2}.compare-table tbody th{font-weight:800;background:#faf8f4;position:sticky;left:0;z-index:1;min-width:145px}.compare-table tr.different td{background:#fff9f5}.compare-table tr.different tbody th{background:#fff5ee}.diff-label{display:inline-block;margin-left:6px;color:var(--accent);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.compare-product-head{display:flex;flex-direction:column;gap:4px;min-width:150px}.compare-product-head img{width:76px;height:58px;object-fit:contain;border-radius:10px;background:#eee8df}.compare-product-head b{font-size:11px;line-height:1.3}.compare-product-head small{font-size:10px;color:#666}.compare-emoji{font-size:38px;height:58px;display:flex;align-items:center}.modal-specs{margin:18px 0;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;padding:10px 0;border-bottom:1px solid #ece5db;font-size:11px}.spec-row span{color:#7d776f}.spec-row b{font-weight:800}.modal-copy{font-size:11px;line-height:1.65;color:#6e6861}.product-modal-content .product-meta{margin-bottom:8px}.compare-empty{text-align:center;padding:30px 10px}.compare-empty>div{font-size:32px;color:var(--accent)}.compare-empty h4{margin:8px 0}.compare-empty p{font-size:11px;color:#777;max-width:420px;margin:auto;line-height:1.6}.cart-thumb{overflow:hidden}
@media(max-width:720px){.compare-head-btn{font-size:10px;padding:0 9px}.compare-bar{flex-wrap:wrap;bottom:8px;padding:10px}.compare-bar>div:first-child{min-width:145px}.compare-bar-items{order:3;flex-basis:100%;max-width:100%}.compare-bar .primary-btn{flex:1}.product-image{padding:14px}.compare-table{min-width:650px}}


/* v5: reliable floating comparison + resilient controls */
.compare-bar{
  position:fixed;
  left:auto;
  right:118px;
  bottom:22px;
  transform:translateY(calc(100% + 35px));
  width:min(640px,calc(100% - 140px));
  z-index:46;
  padding:11px 12px;
  border-radius:17px;
  gap:10px;
}
.compare-bar.show{transform:translateY(0)}
.compare-bar>div:first-child{min-width:155px}
.compare-bar-items{max-width:270px}
.compare-bar .primary-btn{padding:11px 13px;font-size:11px}
.floating-ai{z-index:47}
@media(max-width:720px){
  .compare-bar{right:12px;bottom:88px;width:calc(100% - 24px);transform:translateY(calc(100% + 28px));}
  .compare-bar.show{transform:translateY(0)}
  .compare-bar>div:first-child{min-width:130px}
  .compare-bar-items{max-width:100%}
  .floating-ai{right:12px;bottom:12px}
}


/* v6: floating comparison widget lives beside the floating AI */
.compare-bar{
  position:fixed;
  left:auto;
  right:118px;
  bottom:22px;
  width:min(640px,calc(100vw - 150px));
  transform:translateY(calc(100% + 32px));
  z-index:46;
  padding:11px 12px;
  border-radius:17px;
  gap:10px;
}
.compare-bar.show{transform:translateY(0)}
.compare-bar>div:first-child{min-width:150px}
.compare-bar-items{max-width:250px}
.compare-bar .primary-btn{padding:11px 13px;font-size:11px}
.floating-ai{z-index:47}
@media(max-width:980px){
  .compare-bar{right:98px;width:min(520px,calc(100vw - 120px));}
  .compare-bar-items{max-width:190px}
}
@media(max-width:720px){
  .compare-bar{right:12px;bottom:88px;width:calc(100vw - 24px);transform:translateY(calc(100% + 24px));}
  .compare-bar.show{transform:translateY(0)}
  .compare-bar>div:first-child{min-width:130px}
  .compare-bar-items{max-width:100%}
  .floating-ai{right:12px;bottom:12px}
}


/* v6: floating comparison widget next to the fixed AI button */
.compare-bar{
  position:fixed;
  left:auto;
  right:118px;
  bottom:22px;
  width:min(640px,calc(100vw - 150px));
  transform:translateY(calc(100% + 32px));
  z-index:46;
  padding:11px 12px;
  border-radius:17px;
  gap:10px;
}
.compare-bar.show{transform:translateY(0)}
.compare-bar>div:first-child{min-width:150px}
.compare-bar-items{max-width:250px}
.compare-bar .primary-btn{padding:11px 13px;font-size:11px}
.floating-ai{z-index:47}
@media(max-width:980px){
  .compare-bar{right:98px;width:min(520px,calc(100vw - 120px));}
  .compare-bar-items{max-width:190px}
}
@media(max-width:720px){
  .compare-bar{right:12px;bottom:88px;width:calc(100vw - 24px);transform:translateY(calc(100% + 24px));}
  .compare-bar.show{transform:translateY(0)}
  .compare-bar>div:first-child{min-width:130px}
  .compare-bar-items{max-width:100%}
  .floating-ai{right:12px;bottom:12px}
}

/* === CURRENT: authentication === */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.10)}
.auth-logo{display:inline-block;text-decoration:none;color:#151515;font-size:28px;font-weight:800;letter-spacing:-1.5px;margin-bottom:45px}.auth-logo span{color:var(--accent)}
.auth-card h1{margin:8px 0;font-size:34px;letter-spacing:-1.6px}.auth-subtitle{color:#777;font-size:12px;line-height:1.6;margin-bottom:22px}
.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800}
.auth-form input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:11px;padding:13px 14px;background:#faf9f6;font:inherit}.auth-form input:focus{outline:none;border-color:var(--accent)}
.auth-switch{margin-top:20px;text-align:center;color:#777;font-size:11px}.auth-switch a{color:var(--accent);font-weight:800;text-decoration:none}
.auth-error{background:#fff0ed;color:#a83e2d;padding:11px;border-radius:10px;font-size:11px}.field-error{color:#b14a3d;font-size:9px}
.account-btn{height:42px;padding:0 13px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:#2d2925;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.account-btn:hover{border-color:var(--accent);color:var(--accent)}.logout-form{margin:0}

/* === CURRENT: fixed comparison widget === */
#compareBar{display:none !important}
.floating-compare{position:fixed !important;right:92px !important;bottom:18px !important;width:56px;height:56px;border:0;border-radius:18px;background:#151515;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:48 !important;box-shadow:0 14px 35px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.floating-compare:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.26)}
.floating-compare span{font-size:24px;line-height:1}.floating-compare b{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:50%;background:var(--accent);border:2px solid var(--bg);font-size:9px}
.floating-ai{right:12px !important;bottom:18px !important;z-index:47 !important}
@media(max-width:720px){.floating-compare{right:84px !important;bottom:18px !important;width:54px;height:54px}.floating-ai{right:12px !important;bottom:18px !important}.account-btn{height:38px}.logout-form{display:block}}

/* === MY ORDERS === */
.account-orders{height:42px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:#2d2925;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.account-orders:hover{border-color:var(--accent);color:var(--accent)}
.orders-user{font-size:11px;font-weight:800;color:#5e5952}
.orders-page{min-height:100vh;background:var(--bg)}
.orders-main{padding:55px 0 80px}
.orders-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}
.orders-top h1{margin:0 0 10px;font-size:52px;letter-spacing:-2.5px}
.orders-top p{max-width:620px;margin:0;color:#716b64;font-size:12px;line-height:1.65}
.orders-list{display:flex;flex-direction:column;gap:14px;max-width:900px}
.order-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(30,26,20,.05)}
.order-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);gap:15px}
.order-number{display:block;font-size:13px;font-weight:800}
.order-card-head small{display:block;margin-top:4px;color:#8a847c;font-size:10px}
.order-status{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.status-accepted{background:#fff1dd;color:#9a5b05}
.status-confirmed{background:#e8f1ff;color:#24549c}
.status-cancelled{background:#ffe9e6;color:#a23c31}
.status-completed{background:#e5f7eb;color:#287047}
.order-items{padding:8px 20px}
.order-item-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee9e2}
.order-item-row:last-child{border-bottom:0}
.order-item-row strong{display:block;font-size:11px}
.order-item-row span{display:block;color:#8b857c;font-size:9px;margin-top:4px}
.order-item-row>b{font-size:11px;white-space:nowrap}
.order-card-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#faf8f4;border-top:1px solid var(--line);color:#827b72;font-size:10px}
.order-card-foot strong{font-size:17px;color:#171717}
.orders-empty{text-align:center;padding:70px 20px;background:#fff;border:1px solid var(--line);border-radius:22px;max-width:680px}
.orders-empty>div{font-size:40px;color:var(--accent)}
.orders-empty h2{margin:10px 0 7px;font-size:26px}
.orders-empty p{margin:0 auto 20px;max-width:430px;color:#78726a;font-size:11px;line-height:1.6}
@media(max-width:720px){.account-orders{display:none}.orders-user{display:none}.orders-top{align-items:flex-start;flex-direction:column}.orders-top h1{font-size:39px}.orders-main{padding-top:35px}.order-card-head{align-items:flex-start;flex-direction:column}.order-status{align-self:flex-start}}

/* Trash icon in cart */
.remove-cart{width:32px!important;height:32px!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--line)!important;background:#fff!important;color:#8f8980!important;border-radius:9px!important;padding:0!important;margin-left:2px}
.remove-cart svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.remove-cart:hover{color:#c44936!important;border-color:#e3b4ac!important;background:#fff7f5!important}

/* === BEST VALUE IN COMPARE === */

.compare-caption {
    display: flex;
    align-items: center;
    gap: 7px;
}

.compare-best-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #38a169;
    flex: 0 0 auto;
}

.compare-table td.compare-best {
    background: #e9f7ed !important;
    color: #176b35;
    font-weight: 900;
    box-shadow: inset 3px 0 0 #38a169;
}

.best-badge {
    display: inline-block;
    margin-left: 7px;
    padding: 3px 6px;

    border-radius: 999px;

    background: #38a169;
    color: #fff;

    font-size: 7px;
    font-weight: 900;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .4px;
    vertical-align: middle;
}


/* === REMOVE PRODUCT FROM COMPARE === */

.compare-product-head {
    position: relative;
}

.compare-remove {
    position: absolute;
    top: 0;
    right: 0;

    width: 24px;
    height: 24px;

    border: 0;
    border-radius: 8px;

    background: #ece8e2;
    color: #777;

    display: grid;
    place-items: center;

    cursor: pointer;

    font-size: 17px;
    line-height: 1;

    transition:
        background .15s ease,
        color .15s ease,
        transform .15s ease;
}

.compare-remove:hover {
    background: #ffe8e4;
    color: #b64234;
    transform: scale(1.05);
}