/* ../assets/inline-0.css */


:root{
  --bg:#f5f6f8;--paper:#fff;--ink:#17191f;--muted:#737985;--line:#e6e8ed;
  --accent:#ff643f;--accent-soft:#fff0ea;--dark:#191b21;--shadow:0 16px 46px rgba(20,22,28,.08)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:linear-gradient(180deg,#fdfdfd 0,#f4f5f7 65%);
font-family:system-ui,-apple-system,"Noto Sans Thai","Segoe UI",sans-serif}
button,input{font:inherit}.app-shell{max-width:660px;min-height:100vh;margin:auto;padding:0 18px 44px}
.topbar{height:70px;display:flex;align-items:center;justify-content:space-between}
.logo-btn{border:0;background:transparent;padding:0;font-size:1.3rem;font-weight:950;letter-spacing:-.04em;cursor:pointer}
.icon-btn,.back-btn{width:43px;height:43px;border:1px solid var(--line);border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.025);cursor:pointer}
.hidden{display:none!important}.hero-copy{padding:28px 2px 8px}
.mini-pill{display:inline-flex;background:var(--accent-soft);color:var(--accent);padding:7px 10px;border-radius:999px;font-size:.74rem;font-weight:850}
.hero-copy h1{font-size:clamp(3.2rem,14vw,5.5rem);letter-spacing:-.06em;line-height:.9;margin:14px 0 20px}
.hero-copy h1 em{font-style:normal;color:var(--accent)}
.hero-copy p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.65;max-width:510px}
.search-box{margin-top:27px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:0 15px;box-shadow:0 9px 28px rgba(20,22,28,.05)}
.search-box>span{font-size:1.3rem;color:#9a9faa}.search-box input{flex:1;border:0;outline:0;padding:17px 0;background:transparent;font-size:1rem;min-width:0}
.clear{border:0;background:#eef0f3;width:28px;height:28px;border-radius:50%;cursor:pointer}
.search-suggest{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:8px;padding:8px;box-shadow:var(--shadow)}
.suggest-item{width:100%;border:0;background:transparent;border-radius:11px;text-align:left;padding:11px;cursor:pointer}.suggest-item:hover{background:#f6f7f9}
.chips{display:flex;gap:8px;overflow:auto;padding:12px 0 2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:999px;font-weight:750;cursor:pointer}.disabled-chip{opacity:.5;cursor:default!important}
.featured{margin-top:25px;background:var(--dark);color:#fff;border-radius:29px;padding:24px;box-shadow:0 20px 50px rgba(20,22,28,.18);overflow:hidden;position:relative}
.featured:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.055)}
.featured-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.hot{color:var(--accent);font-size:.78rem;font-weight:900}
.featured h2{font-size:2rem;line-height:1.05;letter-spacing:-.045em;margin:8px 0}.featured p{color:#bdc1ca;line-height:1.55;font-size:.9rem;margin:12px 0 0;max-width:410px}
.fan-mark{width:66px;height:66px;background:#2b2e36;border-radius:22px;display:grid;place-items:center;color:#ff8b70;font-size:2rem}
.primary{position:relative;z-index:1;margin-top:21px;width:100%;border:0;border-radius:17px;padding:15px 17px;background:var(--accent);color:#fff;font-weight:900;display:flex;justify-content:center;gap:10px;cursor:pointer}
.why{margin-top:31px}.why h3{font-size:1.08rem;margin:0 0 13px}.why-grid{display:grid;gap:9px}
.why-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:10px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px}
.why-grid article span{grid-row:1/3;width:37px;height:37px;background:#f4f5f7;border-radius:12px;display:grid;place-items:center;color:var(--muted);font-size:.7rem;font-weight:900}
.why-grid b{font-size:.92rem}.why-grid small{color:var(--muted);margin-top:2px}

/* Quiz */
.quiz-nav{display:flex;gap:14px;align-items:center;margin:10px 0 29px}.progress-block{flex:1}.progress-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:8px}.progress-label b{color:var(--ink)}
.track{height:7px;background:#e8eaef;border-radius:999px;overflow:hidden}.bar{height:100%;width:33%;background:var(--accent);border-radius:999px;transition:.22s}
.question-card{background:#fff;border:1px solid var(--line);border-radius:29px;padding:25px 20px 20px;box-shadow:var(--shadow);min-height:550px}
.question-icon{width:65px;height:65px;border-radius:20px;background:var(--accent-soft);display:grid;place-items:center;font-size:2rem;margin-bottom:24px}
.question-no{color:var(--accent);font-size:.77rem;font-weight:900}.question-card h2{font-size:2.3rem;line-height:1;letter-spacing:-.045em;margin:7px 0 9px}
.question-card>p{color:var(--muted);margin:0 0 24px}.options{display:grid;gap:10px}
.option{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;transition:.16s}
.option:active{transform:scale(.99);border-color:#ffab96;background:#fffaf8}.option-left{display:flex;align-items:center;gap:12px}.emoji{width:34px;text-align:center;font-size:1.4rem}
.option b{display:block}.option small{display:block;color:var(--muted);font-size:.77rem;margin-top:3px}.chev{font-size:1.2rem;color:#a4a9b2}

/* Results */
.result-nav{display:flex;align-items:center;gap:14px;margin:10px 0 18px}.result-nav h2{margin:2px 0 0;font-size:1.65rem;letter-spacing:-.035em}
.summary-pills{display:flex;gap:7px;overflow:auto;margin-bottom:15px;scrollbar-width:none}.summary-pills span{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:#5e6470;font-size:.78rem;font-weight:750}
.winner{background:#fff;border:1px solid var(--line);border-radius:29px;padding:20px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.winner:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--accent-soft);top:-82px;right:-66px}
.winner-badge{position:relative;display:inline-flex;background:var(--dark);color:#fff;border-radius:999px;padding:7px 10px;font-size:.73rem;font-weight:900}
.product-stage{height:190px;border-radius:22px;background:linear-gradient(145deg,#fff7f3,#f2f4f7);display:grid;place-items:center;margin:16px 0 13px;overflow:hidden}
.fan-illustration{position:relative;width:92px;height:160px}.fan-head{position:absolute;left:9px;top:0;width:75px;height:75px;border-radius:50%;background:#dce1e8;box-shadow:inset 0 0 0 12px #2f333c}
.fan-head:after{content:"";position:absolute;inset:25px;background:#0e1014;border-radius:50%;box-shadow:0 0 0 4px #555b66}.fan-handle{position:absolute;width:38px;height:95px;border-radius:14px;left:27px;top:65px;background:linear-gradient(#e5e9ee,#cdd3db)}
.product-stage.ultra .fan-head{border-radius:20px;width:89px;height:61px;background:#2d3036;box-shadow:inset 0 0 0 11px #17191e}.product-stage.ultra .fan-handle{background:#35383f;width:45px;left:22px}
.winner h3{font-size:1.65rem;letter-spacing:-.04em;margin:5px 0}.match-row{display:flex;justify-content:space-between;align-items:flex-end;margin:9px 0 15px}
.match{font-size:2rem;font-weight:950;color:var(--accent)}.match small{font-size:.7rem;color:var(--muted);font-weight:700;display:block}.budget-fit{font-weight:900;font-size:.9rem;background:#f5f6f8;border-radius:10px;padding:8px 10px}
.reason{background:#f7f8fa;border-radius:16px;padding:14px;margin:12px 0}.reason b{font-size:.85rem}.reason p{color:var(--muted);font-size:.84rem;line-height:1.5;margin:5px 0 0}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec{border:1px solid var(--line);border-radius:14px;padding:11px}.spec span{display:block;color:var(--muted);font-size:.7rem}.spec b{font-size:.85rem;display:block;margin-top:3px}
.buy{width:100%;border:0;background:var(--accent);color:white;border-radius:16px;padding:15px;font-weight:900;margin-top:15px;cursor:pointer}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:27px 2px 12px}.section-heading span{color:var(--accent);font-size:.73rem;font-weight:900}.section-heading h3{margin:2px 0 0}.section-heading small{color:var(--muted)}
.alternatives{display:grid;gap:9px}.alt{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px}
.alt-pic{width:57px;height:57px;border-radius:15px;background:linear-gradient(145deg,#fff3ee,#f0f2f5);display:grid;place-items:center;font-size:1.6rem}.alt-main{flex:1}.alt-main b{display:block;font-size:.9rem}.alt-main small{display:block;color:var(--muted);margin-top:3px;font-size:.74rem}.alt-score{font-weight:950;color:var(--accent)}
.compare{margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}.compact{margin-top:0}.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;min-width:470px}th,td{padding:12px 9px;border-bottom:1px solid var(--line);font-size:.8rem;text-align:center}th:first-child,td:first-child{text-align:left;font-weight:850}
.ghost-btn{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;margin-top:17px;font-weight:850;cursor:pointer}
@media(min-width:720px){body{padding:22px}.app-shell{background:rgba(255,255,255,.45);border-radius:32px}}

.product-stage{height:245px;background:#f6f7f9;padding:8px}
.product-photo{width:100%;height:100%;object-fit:contain;border-radius:18px;display:block}
.price-tag{font-weight:950;font-size:1.05rem;background:#fff0ea;color:#e64f2d;border-radius:12px;padding:9px 11px}
.buy{display:block;text-decoration:none;text-align:center}
.alt-photo{width:64px;height:64px;object-fit:cover;border-radius:15px;background:#f4f5f7;flex:0 0 auto}
.mini-link{display:inline-block;margin-top:5px;color:#ff643f;text-decoration:none;font-size:.75rem;font-weight:850}

button.buy{border:0;cursor:pointer}
button.mini-link{border:0;background:transparent;padding:0;cursor:pointer}


/* V5.1 Android Thai typography fixes */
.hero-copy h1{
  font-size:clamp(3rem,12.5vw,5rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  margin:14px 0 20px !important;
}
.hero-copy h1 em{
  display:block;
  margin-top:.04em;
}
.hero-copy p{
  font-size:1rem !important;
  line-height:1.75 !important;
}
.featured{
  padding:22px !important;
}
.featured h2{
  font-size:1.82rem !important;
  line-height:1.18 !important;
  letter-spacing:-.025em !important;
}
.featured p{
  line-height:1.7 !important;
}
@media(max-width:420px){
  .app-shell{padding-left:16px !important;padding-right:16px !important}
  .hero-copy{padding-top:24px !important}
  .hero-copy h1{
    font-size:3.45rem !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
  }
  .featured h2{
    font-size:1.72rem !important;
    line-height:1.2 !important;
  }
  .featured{
    border-radius:26px !important;
  }
}

.budget-note{margin:-5px 2px 15px;color:#6c727d;font-size:.75rem;line-height:1.5}.price-tag small{display:block;font-size:.62rem;font-weight:800;color:#8a5a4d;margin-bottom:2px}
a.buy{display:block;text-decoration:none;text-align:center}
a.mini-link{display:inline-block;text-decoration:none}
.data-note{color:#7a7f89;font-size:.72rem;line-height:1.55;margin:14px 4px 0}
.brand-browser{margin-top:30px}
.brand-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:20px;padding:15px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 24px rgba(23,25,31,.04)}
.brand-logo{width:54px;height:54px;border-radius:16px;background:#1263f3;color:#fff;display:grid;place-items:center;font-weight:950}
.brand-info{flex:1;text-align:left}.brand-info b{display:block;font-size:1rem}.brand-info small{display:block;color:var(--muted);margin-top:3px}
.brand-arrow{font-size:1.5rem;color:#a3a7b1}
.brand-summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px}
.brand-summary span{color:var(--muted);font-size:.78rem;text-align:right}
.brand-product-list{display:grid;gap:10px}
.brand-product{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center}
.brand-product img{width:86px;height:86px;border-radius:15px;object-fit:cover;background:#f5f6f8}
.brand-product h3{margin:0 0 4px;font-size:1rem}
.brand-product .bp-price{color:var(--accent);font-weight:900;font-size:.92rem}
.brand-product small{display:block;color:var(--muted);margin-top:4px;font-size:.74rem}
.bp-actions{display:flex;gap:8px;margin-top:9px}
.bp-actions a,.bp-actions button{border:0;border-radius:10px;padding:8px 10px;font-size:.75rem;font-weight:850;text-decoration:none}
.bp-actions a{background:var(--accent);color:#fff}.bp-actions button{background:#f1f2f4;color:var(--ink)}


/* V6 smart filter */
.smart-browser{margin-top:30px}
.smart-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:12px}
.smart-head h3{margin:3px 0 0;font-size:1.08rem}
.tiny-reset{border:0;background:#eef0f3;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:800;color:#626874}
.filter-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:15px;margin-bottom:10px}
.filter-title-row{display:flex;justify-content:space-between;align-items:center}
.filter-title-row strong{color:var(--accent);font-size:1.18rem}
.budget-range{width:100%;accent-color:var(--accent);margin:15px 0 8px}
.quick-budget,.filter-chips{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:2px}
.quick-budget::-webkit-scrollbar,.filter-chips::-webkit-scrollbar{display:none}
.quick-budget button,.filter-chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:.76rem;font-weight:800;color:#5e6470}
.quick-budget button.active,.filter-chips button.active{border-color:#ff9c85;background:var(--accent-soft);color:var(--accent)}
.filter-card>b{display:block;margin-bottom:10px}
.smart-result-head{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 10px}
.smart-result-head div{display:flex;align-items:baseline;gap:6px}
.smart-result-head span{color:var(--muted);font-size:.76rem}
.smart-result-head button{border:0;background:transparent;color:var(--accent);font-weight:850}
.smart-product-list{display:grid;gap:9px}
.smart-pick{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center}
.smart-pick img{width:86px;height:86px;border-radius:15px;object-fit:cover;background:#f4f5f7}
.smart-pick h4{margin:0 0 3px;font-size:.98rem;line-height:1.3}
.brand-mini{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}
.smart-pick .meta{color:var(--muted);font-size:.72rem;line-height:1.45}
.pick-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.pick-tags span{background:#f3f4f6;border-radius:999px;padding:4px 7px;font-size:.66rem;font-weight:800;color:#626874}
.pick-price{color:var(--accent);font-weight:950;margin-top:6px;font-size:.9rem}
.pick-actions{display:flex;gap:7px;margin-top:8px}
.pick-actions a,.pick-actions button{border:0;border-radius:10px;padding:8px 9px;font-size:.72rem;font-weight:850;text-decoration:none}
.pick-actions a{background:var(--accent);color:#fff}
.pick-actions button{background:#eef0f3;color:var(--ink)}
.pick-actions button.selected{background:var(--dark);color:#fff}
.empty-state{background:#fff;border:1px dashed var(--line);border-radius:18px;padding:24px;text-align:center;color:var(--muted)}

.compare-drawer{position:fixed;inset:0;background:rgba(10,12,18,.42);z-index:70;display:flex;align-items:flex-end}
.compare-sheet{width:min(100%,660px);max-height:82vh;overflow:auto;margin:0 auto;background:#fff;border-radius:26px 26px 0 0;padding:18px}
.compare-sheet-head{display:flex;justify-content:space-between;align-items:center}
.compare-sheet-head h3{margin:3px 0 0}
.compare-sheet-head button{border:0;background:#eef0f3;width:38px;height:38px;border-radius:50%;font-size:1.2rem}
.compare-selected{display:flex;gap:7px;overflow:auto;margin:12px 0}
.compare-selected span{white-space:nowrap;background:#f4f5f7;border-radius:999px;padding:7px 9px;font-size:.72rem;font-weight:800}


.compare-picker{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:end;margin:10px 0 14px}
.compare-picker label span{display:block;color:var(--muted);font-size:.7rem;margin:0 0 5px 2px}
.compare-picker select{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 10px;color:var(--ink);font-weight:750;outline:none}
.swap-mark{height:43px;display:grid;place-items:center;color:var(--accent);font-weight:950;font-size:1.1rem}
@media(max-width:390px){
  .compare-picker{grid-template-columns:1fr}
  .swap-mark{height:20px}
}


.compare-visual{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px}
.compare-visual-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:10px;text-align:center}
.compare-visual-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:13px;background:#f6f7f9;display:block}
.compare-visual-card b{display:block;font-size:.82rem;line-height:1.25;margin-top:8px;min-height:3.75em}
.compare-visual-card small{display:block;color:var(--accent);font-weight:900;margin-top:4px}
@media(max-width:390px){
  .compare-visual{gap:8px}
  .compare-visual-card{padding:8px}
  .compare-visual-card b{font-size:.76rem}
}
.compare .table-wrap{overflow-x:auto}
.compare #compareTable{min-width:100%}
.compare #compareTable th,.compare #compareTable td{font-size:.75rem;padding:10px 7px}


.compare-data-note{margin:0 2px 12px;color:var(--muted);font-size:.68rem;line-height:1.5}
.compare #compareTable .partial-row td:not(:first-child){color:#8a8f99}
.compare #compareTable td{vertical-align:middle}
.compare #compareTable td:first-child{min-width:92px}
@media(max-width:420px){
  .compare #compareTable th,.compare #compareTable td{font-size:.72rem;padding:10px 6px}
  .compare #compareTable td:first-child{min-width:84px}
}


.budget-range:disabled{opacity:.28;filter:grayscale(1)}
.quick-budget button:last-child.active{background:var(--dark);border-color:var(--dark);color:#fff}


.ranking-info{margin:10px 0 4px;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}
.ranking-info summary{list-style:none;cursor:pointer;padding:13px 15px;font-size:.78rem;font-weight:900;color:#5f6570}
.ranking-info summary::-webkit-details-marker{display:none}
.ranking-info summary:after{content:"＋";float:right;color:var(--accent)}
.ranking-info[open] summary:after{content:"−"}
.ranking-info-body{border-top:1px solid var(--line);padding:10px 15px 12px}
.ranking-info-body p{margin:6px 0;color:var(--muted);font-size:.72rem;line-height:1.55}
.ranking-info-body b{color:var(--ink)}
.rank-score{margin-top:7px;font-size:.69rem;font-weight:850;color:#5f6570}


/* V6.8 clean structure */
.browse-entry{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px}
.browse-entry-head{display:flex;justify-content:space-between;gap:14px;align-items:center}
.browse-entry h3{margin:3px 0 4px;font-size:1.15rem}
.browse-entry p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}
.browse-open{border:0;background:var(--dark);color:#fff;border-radius:13px;padding:11px 12px;font-weight:850;white-space:nowrap}
.browse-shortcuts{display:flex;gap:7px;overflow:auto;margin-top:13px;scrollbar-width:none}
.browse-shortcuts::-webkit-scrollbar{display:none}
.browse-shortcuts button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:.74rem;font-weight:800;color:#606672}

.catalog-filter{background:#fff;border:1px solid var(--line);border-radius:19px;padding:15px;margin-bottom:10px}
.catalog-filter>b{display:block;margin-bottom:10px}




.catalog-list{display:grid;gap:9px}












/* V7 product details */
.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions button{border:0;border-radius:14px;padding:12px 16px;font-weight:850;cursor:pointer}.detail-btn{background:#f1f2f5;color:#202228}.product-detail{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff}.product-detail h4{margin:0 0 10px;font-size:1.05rem}.fit-list,.know-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.fit-list li,.know-list li{line-height:1.5;color:#4f5560}.fit-list li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:8px}.know-list li:before{content:"•";color:#8a909a;font-weight:900;margin-right:8px}.spec-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.spec-detail-grid div{padding:12px;background:#f7f8fa;border-radius:14px}.spec-detail-grid span{display:block;color:var(--muted);font-size:.76rem}.spec-detail-grid b{display:block;margin-top:3px;font-size:.9rem}.detail-note{margin:12px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.detail-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}

/* V7.1 trust + related + direct compare */
.data-updated{display:block;margin:7px 0 12px;padding:0;background:transparent;color:#7a7f89;font-size:.72rem;font-weight:750;line-height:1.4}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.related-card{border:1px solid var(--line);border-radius:16px;padding:9px;background:#fff}
.related-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:11px;background:#f6f7f9}
.related-card b{display:block;font-size:.75rem;line-height:1.3;margin-top:6px}
.related-card small{display:block;color:var(--accent);font-weight:900;margin-top:3px}
.related-card button{width:100%;border:0;background:#eef0f3;border-radius:9px;padding:7px;margin-top:7px;font-size:.68rem;font-weight:850;color:var(--ink)}
.direct-compare{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.direct-compare select{min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-size:.74rem;font-weight:750;color:var(--ink)}
.direct-compare button{border:0;background:var(--dark);color:#fff;border-radius:12px;padding:10px 12px;font-size:.72rem;font-weight:900}
@media(max-width:390px){.direct-compare{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}}


/* V7.2.1: product details must live on a dedicated page only */
.product-card .product-detail,
.catalog-card .product-detail,
.product-detail{display:none !important;}


/* V7.2.2 hotfix: keep catalog lightweight and stable */
#catalogList .product-detail{display:none!important}
.product-page-overlay{overscroll-behavior:contain}


/* V7.2.4 clearer mobile comparison */
.compare-sheet{padding:18px 16px 22px}
.compare-selected{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0!important;overflow:visible!important}















.compare-sheet .table-wrap{overflow:visible!important}
.compare-sheet .ghost-btn{margin-top:14px}
@media(max-width:380px){
  
  
  
}


/* V7.2.5 compare polish — preserve existing mobile layout */
.cmp-product-no{display:none!important}








/* V7.2.6 — show comparison price only once */
.cmp-product-card .cmp-product-price{display:none!important}


/* V7.2.8 — make reference prices clearer in alternative cards */
.alt-meta{display:flex;flex-wrap:wrap;gap:4px 5px;align-items:baseline;margin-top:3px;line-height:1.35}
.alt-price-ref{color:#ef6547;font-weight:900;font-size:.82rem}
.alt-spec{color:var(--muted);font-size:.76rem}


/* SEO V2: compact people-first guide; keeps the existing app UI intact */
.seo-guide{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}
.seo-guide h2{margin:10px 0 8px;font-size:1.35rem;letter-spacing:-.025em}
.seo-guide>p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}
.seo-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
.seo-guide-grid article{background:#f7f8fa;border-radius:16px;padding:14px}
.seo-guide-grid h3,.seo-faq h3{margin:0 0 7px;font-size:.88rem}
.seo-guide-grid p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.6}
.seo-faq{margin-top:16px}
.seo-faq details{border-top:1px solid var(--line);padding:11px 0}
.seo-faq summary{cursor:pointer;font-size:.78rem;font-weight:850;line-height:1.45}
.seo-faq details p{margin:7px 0 0;color:var(--muted);font-size:.74rem;line-height:1.6}
@media(max-width:520px){.seo-guide-grid{grid-template-columns:1fr}.seo-guide{padding:17px}}


/* Power Bank V1 */
.pb-hero{margin:18px 0 14px}.pb-hero h1{font-size:2rem;margin:10px 0 6px;letter-spacing:-.04em}.pb-hero p{margin:0;color:var(--muted);line-height:1.6}
.pb-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 8px}.pb-filters select{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 9px;font-weight:800;color:var(--ink)}
.pb-count{font-size:.76rem;color:var(--muted);font-weight:800;margin:8px 2px 12px}.pb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:92px}
.pb-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;min-width:0}.pb-card>img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:15px;background:#f6f7f8}.pb-brand{font-size:.66rem;color:var(--muted);font-weight:900;margin-top:9px}.pb-card h3{font-size:.9rem;line-height:1.3;margin:4px 0 6px}.pb-spec-line{font-size:.73rem;font-weight:850}.pb-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.pb-tags span{background:#f2f3f5;border-radius:999px;padding:5px 7px;font-size:.62rem;font-weight:750;color:#555d68}.pb-price{font-weight:950;font-size:1rem;margin-top:8px}.pb-price small{display:block;color:#a45a40;font-size:.6rem;margin-bottom:2px}.pb-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.pb-actions a,.pb-actions button{border:0;border-radius:10px;padding:9px 6px;font-size:.68rem;font-weight:900;text-align:center;text-decoration:none}.pb-actions a{background:var(--accent);color:#fff}.pb-actions button{background:#f0f1f3;color:var(--ink)}

.pb-note{font-size:.7rem;line-height:1.55;color:var(--muted);margin:12px 3px 95px}.pb-compare-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:20;width:min(650px,calc(100% - 24px));background:#202329;color:#fff;border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.pb-compare-bar span{margin-right:auto;font-size:.75rem;font-weight:850}.pb-compare-bar button{border:0;border-radius:11px;padding:9px 11px;font-weight:900}.pb-compare-bar .pb-clear{background:transparent;color:#fff;border:1px solid #555}
.pb-detail-hero{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.pb-detail-hero img{width:120px;height:120px;object-fit:contain;border-radius:16px;background:#f5f6f8}.pb-detail-hero h1{font-size:1.2rem;margin:5px 0}.pb-detail-price{font-size:1.15rem;font-weight:950;color:var(--accent)}.pb-spec-table{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.pb-spec-row{display:grid;grid-template-columns:42% 58%;border-top:1px solid var(--line);padding:12px 14px;font-size:.78rem}.pb-spec-row:first-child{border-top:0}.pb-spec-row span{color:var(--muted)}.pb-spec-row b{text-align:right}.pb-buy-big{display:block;margin-top:12px;background:var(--accent);color:#fff;text-decoration:none;text-align:center;border-radius:15px;padding:14px;font-weight:950}

@media(max-width:520px){.pb-filters{grid-template-columns:1fr}.pb-detail-hero{grid-template-columns:92px 1fr}.pb-detail-hero img{width:92px;height:92px}.pb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pb-card{padding:9px}.pb-card h3{font-size:.78rem}.pb-actions{grid-template-columns:1fr}}



/* Step 3: helper coverage — keep Top 3 ranking, surface every other eligible model */
.helper-more{margin-top:18px}
.helper-more.hidden{display:none!important}
.helper-more .section-heading{margin-top:0}
.helper-more-list{display:grid;gap:9px}
.helper-more-item{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:10px;cursor:pointer}
.helper-more-item img{width:58px;height:58px;object-fit:contain;border-radius:13px;background:#f6f7f8}
.helper-more-item b{font-size:.86rem;line-height:1.3}
.helper-more-item small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px;line-height:1.4}
.helper-more-item strong{color:var(--accent);font-size:.8rem;white-space:nowrap}

/* Power Bank helper V2 */

.pb-result-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}
.pb-result-badge{display:inline-flex;background:var(--dark);color:#fff;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900}
.pb-result-main{display:grid;grid-template-columns:135px 1fr;gap:14px;align-items:center;margin-top:14px}
.pb-result-main img{width:135px;height:135px;object-fit:contain;background:#f6f7f8;border-radius:20px}
.pb-result-brand{font-size:.68rem;color:var(--muted);font-weight:900}
.pb-result-main h3{font-size:1.25rem;line-height:1.2;margin:4px 0 7px}
.pb-result-price{font-size:1.25rem;color:var(--accent);font-weight:950}
.pb-result-price small{display:block;color:var(--muted);font-size:.62rem;font-weight:700;margin-top:2px}
.pb-result-reason{background:#f7f8fa;border-radius:16px;padding:13px;margin:14px 0 10px}
.pb-result-reason b{font-size:.82rem}.pb-result-reason p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.55}
.pb-result-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pb-result-spec{border:1px solid var(--line);border-radius:14px;padding:10px}.pb-result-spec span{display:block;color:var(--muted);font-size:.66rem}.pb-result-spec b{display:block;margin-top:3px;font-size:.8rem}
.pb-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.pb-result-actions a,.pb-result-actions button{border:0;border-radius:14px;padding:12px;font-weight:900;text-align:center;text-decoration:none}.pb-result-actions a{background:var(--accent);color:#fff}.pb-result-actions button{background:#f0f1f3;color:var(--ink)}
.pb-alt{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:11px}.pb-alt img{width:60px;height:60px;object-fit:contain;border-radius:14px;background:#f6f7f8}.pb-alt b{font-size:.84rem;line-height:1.25}.pb-alt small{display:block;color:var(--muted);font-size:.68rem;margin-top:3px}.pb-alt button{border:0;background:#f0f1f3;border-radius:10px;padding:8px 9px;font-weight:900;font-size:.68rem}
@media(max-width:520px){.pb-result-main{grid-template-columns:105px 1fr}.pb-result-main img{width:105px;height:105px}.pb-result-actions{grid-template-columns:1fr}}


/* Unified UX V3 */
.section-kicker{font-size:.72rem;font-weight:950;color:var(--accent);margin-bottom:7px}
.category-hub{margin-top:24px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;display:flex;flex-direction:column;min-height:270px}
.category-icon{width:48px;height:48px;border-radius:15px;background:#f6f7f8;display:grid;place-items:center;font-size:1.45rem;margin-bottom:18px}
.category-card small{font-size:.72rem;color:var(--muted);font-weight:900}.category-card h2{margin:5px 0 8px;font-size:1.18rem;line-height:1.25;letter-spacing:-.02em}
.category-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}.category-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:auto;padding-top:18px}
.category-actions button{border:0;border-radius:13px;padding:12px 11px;font-weight:900}.primary-lite{background:var(--dark);color:#fff}.helper-btn{background:#fff3ed;color:var(--accent);border:1px solid #ffd8c7!important}
.unified-why{margin-top:28px}.unified-why h3{margin:0 0 13px}
.site-guide{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:19px}.site-guide h2{font-size:1.25rem;margin:5px 0 8px}.site-guide>p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.65}
.guide-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.guide-points>div{background:#f7f8fa;border-radius:15px;padding:12px}.guide-points b{display:block;font-size:.78rem}.guide-points span{display:block;margin-top:4px;color:var(--muted);font-size:.67rem;line-height:1.45}
.catalog-helper-card{display:flex;align-items:center;gap:14px;justify-content:space-between;background:linear-gradient(135deg,#fff3ed,#fff);border:1px solid #ffd8c7;border-radius:20px;padding:15px;margin:14px 0 16px}.catalog-helper-card div{min-width:0}.catalog-helper-card span{display:block;color:var(--accent);font-size:.68rem;font-weight:950}.catalog-helper-card b{display:block;font-size:.9rem;margin:3px 0}.catalog-helper-card small{display:block;color:var(--muted);font-size:.68rem}.catalog-helper-card button{flex:0 0 auto;border:0;background:var(--accent);color:#fff;border-radius:12px;padding:11px 12px;font-weight:900}
.catalog-nav{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:8px}.catalog-nav-copy{display:flex;flex-direction:column;gap:2px}.catalog-nav-copy b{font-size:1rem}.catalog-nav-copy small{font-size:.7rem;color:var(--muted)}
.pb-hero{margin-top:12px!important}.pb-hero h1{margin-top:7px!important}
@media(max-width:560px){
  .category-grid{grid-template-columns:1fr}.category-card{min-height:0}
  .guide-points{grid-template-columns:1fr}
  .catalog-helper-card{align-items:flex-start;flex-direction:column}
  .catalog-helper-card button{width:100%}
}


/* V4 SAME LAYOUT — readable Thai typography */
html{font-size:17px}
body{font-size:1rem}

/* headings and helper bar */
.result-nav .hot,.pb-hero .mini-pill{font-size:.92rem!important}
.result-nav h2,.pb-hero h1{font-size:2rem!important;line-height:1.16!important}
.catalog-helper-card span{font-size:.92rem!important}
.catalog-helper-card b{font-size:1.1rem!important;line-height:1.35!important}
.catalog-helper-card small{font-size:.9rem!important;line-height:1.5!important}
.catalog-helper-card button{font-size:1rem!important;padding:13px 15px!important}

/* Fan list */








/* filters */
.filter-title-row b,.filter-title-row strong,.brand-filter-wrap h3,.catalog-tools,.pb-count{font-size:1rem!important}
.catalog-quick button,.catalog-brand-filters button,.pb-filters select{font-size:.96rem!important}

/* Power Bank list = same 1-column horizontal structure */
.pb-grid{grid-template-columns:1fr!important;gap:10px!important}






.pb-card .pb-tags span{font-size:.82rem!important;padding:5px 8px!important}

.pb-card .pb-price small{font-size:.8rem!important}

.pb-card .pb-actions a,.pb-card .pb-actions button{font-size:.93rem!important;padding:10px 12px!important}


/* quizzes larger */
.question-no{font-size:.96rem!important}
.question-card h2{font-size:2.15rem!important;line-height:1.15!important}
.question-card>p{font-size:1rem!important}
.option b{font-size:1.06rem!important}
.option small{font-size:.91rem!important;line-height:1.45!important}
.progress-label{font-size:.96rem!important}

/* identical result card for both categories */
.unified-result-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}
.unified-result-badge{display:inline-flex;background:var(--dark);color:#fff;border-radius:999px;padding:8px 12px;font-size:.91rem;font-weight:900}
.unified-result-main{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;margin-top:16px}
.unified-result-main img{width:132px;height:132px;object-fit:contain;background:#f6f7f8;border-radius:20px}
.unified-result-brand{font-size:.91rem;color:var(--muted);font-weight:900}
.unified-result-main h3{font-size:1.42rem;line-height:1.2;margin:4px 0 7px}
.unified-match{font-size:1.38rem;font-weight:950;color:var(--dark);margin:4px 0}
.unified-match small{font-size:.84rem;color:var(--muted);font-weight:800}
.unified-price{font-size:1.32rem;color:var(--accent);font-weight:950}
.unified-price small{display:block;color:var(--muted);font-size:.81rem;font-weight:750;margin-top:2px}
.unified-reason{background:#f7f8fa;border-radius:17px;padding:15px;margin:16px 0 11px}
.unified-reason b{font-size:1rem}
.unified-reason p{margin:6px 0 0;color:var(--muted);font-size:.96rem;line-height:1.6}
.unified-specs{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.unified-spec{border:1px solid var(--line);border-radius:15px;padding:12px}
.unified-spec span{display:block;color:var(--muted);font-size:.86rem}
.unified-spec b{display:block;margin-top:3px;font-size:1rem}
.unified-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.unified-result-actions a,.unified-result-actions button{border:0;border-radius:14px;padding:13px;font-size:1rem;font-weight:900;text-align:center;text-decoration:none}
.unified-result-actions a{background:var(--accent);color:#fff}
.unified-result-actions button{background:#f0f1f3;color:var(--ink)}
.unified-alt{display:grid;grid-template-columns:72px 1fr auto;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}
.unified-alt img{width:72px;height:72px;object-fit:contain;border-radius:14px;background:#f6f7f8}
.unified-alt b{font-size:1rem;line-height:1.3}
.unified-alt small{display:block;color:var(--muted);font-size:.87rem;margin-top:4px;line-height:1.4}
.unified-alt-right{text-align:right}
.unified-alt-right strong{display:block;color:var(--accent);font-size:1.08rem}
.unified-alt-right button{border:0;background:#eef0f3;border-radius:10px;padding:8px 10px;font-size:.89rem;font-weight:900;margin-top:5px}
.summary-pills span{font-size:.93rem!important;padding:8px 11px!important}
.section-heading span,.section-heading small{font-size:.9rem!important}
.section-heading h3{font-size:1.36rem!important}

/* details readable */
.pb-detail-hero h1{font-size:1.36rem!important}
.pb-detail-price{font-size:1.32rem!important}
.pb-spec-row{font-size:.96rem!important}
.pb-buy-big{font-size:1rem!important}
.product-detail,.product-detail p,.fit-list li,.know-list li{font-size:.96rem!important}

@media(max-width:520px){
  html{font-size:16.5px}
  .result-nav h2,.pb-hero h1{font-size:1.8rem!important}
  .question-card h2{font-size:2rem!important}
  
  
  
  
  .unified-result-main{grid-template-columns:108px 1fr}
  .unified-result-main img{width:108px;height:108px}
  .unified-result-main h3{font-size:1.28rem}
  .unified-result-actions{grid-template-columns:1fr}
}


.view-switch{display:flex;gap:8px;margin:12px 0 16px}
.view-switch button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;font-weight:900;font-size:.93rem;color:var(--muted)}
.view-switch button.active{background:var(--dark);color:#fff;border-color:var(--dark)}
.rank-medal{font-size:1.2rem;align-self:start}
.unified-alt{grid-template-columns:auto 72px 1fr auto!important}

/* Optional compact two-column browsing mode */





.pb-grid-view .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.pb-grid-view .pb-card{display:block!important;padding:10px!important}
.pb-grid-view .pb-card>img{width:100%!important;height:145px!important;margin-bottom:8px!important}
.pb-grid-view .pb-card .pb-brand,.pb-grid-view .pb-card h3,.pb-grid-view .pb-card .pb-spec-line,.pb-grid-view .pb-card .pb-tags,.pb-grid-view .pb-card .pb-price,.pb-grid-view .pb-card .pb-actions{margin-top:6px!important}
.pb-grid-view .pb-card .pb-actions{display:grid!important;grid-template-columns:1fr!important}

@media(max-width:420px){
 
 
}


/* ===== V6 VISUAL REDESIGN ===== */
:root{--v6-soft:#fff6f1;--v6-card:#ffffff;--v6-deep:#17191d}
body{background:linear-gradient(180deg,#fff 0,#faf9f7 32%,#f7f7f6 100%)}
.v6-home{margin-top:28px}
.v6-popular-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.v6-eyebrow{display:inline-block;font-size:.82rem;font-weight:950;color:var(--accent);margin-bottom:4px}
.v6-popular-head h2{font-size:1.65rem;letter-spacing:-.04em;margin:0}
.v6-popular-head p{font-size:.88rem;color:var(--muted);margin:5px 0 0}
.v6-date{flex:0 0 auto;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:900}
.v6-popular-scroll{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:10px}
.v6-pop-card{border:0;text-align:left;min-height:118px;border-radius:22px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"rank rank rank" "icon copy arrow";gap:8px 10px;align-items:center;cursor:pointer}
.v6-pop-card.rank1{background:var(--v6-deep);color:#fff}
.v6-pop-card.rank2{background:#fff0e8;color:var(--ink);border:1px solid #ffd9c6}
.v6-pop-card.coming{background:#fff;border:1px dashed #cfd2d6;color:var(--muted)}
.v6-rank{grid-area:rank;font-size:.7rem;font-weight:950;opacity:.65;letter-spacing:.08em}
.v6-pop-icon{grid-area:icon;width:38px;height:38px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:12px;font-size:1.25rem}
.rank2 .v6-pop-icon,.coming .v6-pop-icon{background:#fff}
.v6-pop-copy{grid-area:copy;min-width:0}.v6-pop-copy b{display:block;font-size:1rem}.v6-pop-copy small{display:block;font-size:.72rem;opacity:.7;margin-top:2px}
.v6-arrow{grid-area:arrow;font-size:1.25rem}
.v6-section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px}.v6-section-title span{font-size:.78rem;color:var(--accent);font-weight:900}.v6-section-title h2{margin:3px 0 0;font-size:1.55rem}
.v6-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v6-category-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 8px 30px rgba(25,27,30,.04)}
.v6-cat-top{display:flex;justify-content:space-between;align-items:center}.v6-cat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f6f7f8;font-size:1.5rem}.v6-count{font-size:.75rem;font-weight:900;background:#f4f4f4;border-radius:999px;padding:6px 9px}
.v6-category-card h3{font-size:1.25rem;margin:15px 0 5px}.v6-category-card p{font-size:.85rem;color:var(--muted);line-height:1.5;margin:0;min-height:42px}
.v6-cat-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:15px}.v6-cat-actions button{border:0;border-radius:13px;padding:12px;font-weight:900;font-size:.92rem;background:var(--v6-deep);color:#fff}.v6-cat-actions .assist{background:var(--v6-soft);color:var(--accent);border:1px solid #ffd9c6}
.v6-helper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:linear-gradient(135deg,#fff1e9,#fff);border:1px solid #ffd7c3;border-radius:22px;padding:16px;margin:15px 0 18px}
.v6-helper-icon{width:45px;height:45px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:1.25rem;box-shadow:0 5px 18px rgba(0,0,0,.05)}
.v6-helper-copy span{display:block;color:var(--accent);font-size:.8rem;font-weight:950}.v6-helper-copy b{display:block;font-size:1.08rem;margin:2px 0}.v6-helper-copy small{display:block;color:var(--muted);font-size:.78rem}
.v6-helper button{border:0;background:var(--accent);color:#fff;border-radius:13px;padding:12px 14px;font-weight:950;font-size:.9rem}
.view-switch{background:#f0f1f2;border-radius:14px;padding:4px;display:inline-flex!important;margin:10px 0 15px!important}.view-switch button{border:0!important;background:transparent!important;border-radius:10px!important;padding:9px 13px!important}.view-switch button.active{background:#fff!important;color:var(--ink)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)}
/* grid mode should genuinely feel image-led */





@media(max-width:600px){
 .v6-popular-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
 .v6-pop-card{min-width:78%;scroll-snap-align:start}
 .v6-pop-card.coming{min-width:55%}
 .v6-category-grid{grid-template-columns:1fr}
 .v6-helper{grid-template-columns:auto 1fr}.v6-helper button{grid-column:1/-1;width:100%}
 .v6-popular-head h2{font-size:1.5rem}
}


/* ===== V7: visibly different mobile-first redesign ===== */
.v7-home{margin-top:26px}
.v7-trend-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}
.v7-trend-head span{font-size:.78rem;font-weight:900;color:var(--accent)}
.v7-trend-head h2{font-size:1.65rem;letter-spacing:-.04em;margin:2px 0 0}
.v7-trend-head>small{font-size:.75rem;color:var(--muted);text-align:right;max-width:150px}
.v7-trends{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
.v7-trend{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:132px;padding:14px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"num num icon" "txt txt arrow";align-items:end;gap:8px;box-shadow:0 8px 24px rgba(20,22,28,.035)}
.v7-trend.primary{background:#191b20;color:#fff;border-color:#191b20}
.v7-num{grid-area:num;font-size:.72rem;font-weight:950;letter-spacing:.08em;opacity:.55}
.v7-emoji{grid-area:icon;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f3f4f5;font-size:1.35rem}
.primary .v7-emoji{background:rgba(255,255,255,.12)}
.v7-trend-text{grid-area:txt}.v7-trend-text b{display:block;font-size:1.08rem;line-height:1.15}.v7-trend-text span{display:block;font-size:.75rem;opacity:.6;margin-top:4px}
.v7-trend i{grid-area:arrow;font-style:normal;font-size:1.15rem;opacity:.65}
.v7-all-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 12px}
.v7-all-head h2{font-size:1.6rem;margin:0}.v7-all-head span{font-size:.75rem;color:var(--muted);text-align:right}
.v7-category-list{display:grid;gap:12px}
.v7-cat{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(20,22,28,.035)}
.v7-cat-main{width:100%;border:0;background:#fff;padding:14px;display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;text-align:left}
.v7-cat-visual{height:82px;border-radius:18px;display:grid;place-items:center;font-size:2rem}
.v7-cat-visual.fan{background:linear-gradient(145deg,#eef5ff,#f7fbff)}
.v7-cat-visual.pb{background:linear-gradient(145deg,#f0fbf3,#f8fff9)}
.v7-cat-copy small{font-size:.72rem;color:var(--accent);font-weight:900}.v7-cat-copy h3{font-size:1.25rem;margin:3px 0}.v7-cat-copy p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.4}
.v7-chevron{font-size:2rem;color:#bbb}
.v7-assist{width:100%;border:0;border-top:1px solid #f0f0f0;background:#fffaf7;padding:12px 15px;text-align:left;color:#4c4d52;font-size:.88rem}
.v7-assist span{margin-right:6px}.v7-assist b{color:var(--accent);margin-right:5px}
.v7-coming{margin-top:12px;border:1px dashed #d8dadd;border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--muted)}
.v7-coming>span{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:1.3rem}.v7-coming b,.v7-coming small{display:block}.v7-coming b{font-size:.88rem;color:#555}.v7-coming small{font-size:.73rem;margin-top:2px}
.v7-why{margin-top:34px!important;background:#191b20!important;color:#fff!important;border:0!important;border-radius:24px!important;padding:20px!important}
.v7-why .section-kicker{color:#ff9a80!important}.v7-why small{color:#b9bdc6!important}.v7-why article{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.08)!important}
.v7-guide{background:transparent!important;border:0!important;padding:8px 0 24px!important;box-shadow:none!important}
.v7-guide .guide-points>div{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important}

/* Category pages: stronger shared visual system */
#catalogPage .result-nav,#powerBankPage .result-nav{padding-top:6px}
#catalogPage .result-nav h2,#powerBankPage .result-nav h2{font-size:2rem!important;letter-spacing:-.045em!important}
.v6-helper{background:#191b20!important;color:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(20,22,28,.12)!important}
.v6-helper-copy span{color:#ff9a80!important}.v6-helper-copy small{color:#b9bdc6!important}.v6-helper-icon{background:rgba(255,255,255,.1)!important}
.v6-helper button{background:#fff!important;color:#191b20!important}
.view-switch{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}
.view-switch button{width:100%!important;text-align:center!important}
@media(max-width:600px){
 .v7-trends{grid-template-columns:1.12fr .88fr}
 .v7-trend{min-height:122px;padding:13px}
 .v7-cat-main{grid-template-columns:72px 1fr auto;padding:13px}
 .v7-cat-visual{height:72px}
 .v7-trend-head h2,.v7-all-head h2{font-size:1.45rem}
 .v7-why .why-grid{grid-template-columns:1fr!important}
}


/* V7.1 verification fixes */
#powerBankPage .catalog-filter{margin-bottom:12px}
#powerBankPage .filter-chips,#catalogPage .filter-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 0 2px}
#powerBankPage .filter-chips button,#catalogPage .filter-chips button{white-space:nowrap}


/* V8 */
#catalogPage.is-grid .catalog-list,#powerBankPage.is-grid .pb-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}




#catalogPage.is-list .catalog-list,#powerBankPage.is-list .pb-grid{display:grid!important;grid-template-columns:1fr!important}
.view-switch{background:#eceef1!important;border-radius:16px!important;padding:5px!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
.view-switch button{padding:11px!important;font-size:1rem!important}
.view-switch button.active{background:#fff!important;color:#17191d!important;box-shadow:0 4px 14px rgba(17,20,27,.08)!important}
.unified-result-card{border:0!important;border-radius:28px!important;box-shadow:0 18px 48px rgba(17,20,27,.09)!important}
.unified-match{background:#fff1eb!important;color:#ff6545!important;border-radius:999px!important;padding:6px 10px!important;display:inline-flex!important}
.unified-alt{border:0!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(17,20,27,.05)!important}
.catalog-filter{border-radius:22px!important;box-shadow:0 8px 30px rgba(17,20,27,.035)!important}
.v7-cat,.v7-trend{box-shadow:0 12px 34px rgba(17,20,27,.055)!important}


/* V8.1 stable hotfix */
.mock-popular{margin:26px 0 30px}
.mock-popular h2{font-size:1.45rem;margin:0 0 11px;letter-spacing:-.035em}
.mock-popular button{
  width:100%;border:0;border-radius:22px;padding:18px 19px;
  background:linear-gradient(135deg,#191b20,#292d35);color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  font-size:1.15rem;font-weight:950;text-align:left;
  box-shadow:0 14px 36px rgba(17,20,27,.13)
}
.mock-popular button span{font-size:1.25rem;opacity:.75}


/* V8.2 view switch fix — shared behavior for Fan + Power Bank */
.view-toggle button{cursor:pointer;touch-action:manipulation;position:relative;z-index:2}

#catalogPage.is-list #catalogList,
#powerBankPage.is-list #pbList{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}



/* V8.3 structural fix */
.category-page-head{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:start;
  gap:14px;
  margin:8px 0 20px;
}
.category-page-head .back-btn{margin-top:3px}
.category-page-copy{min-width:0;padding-top:2px}
.category-page-copy>span{
  display:block;
  color:var(--accent);
  font-size:.9rem;
  font-weight:900;
  margin-bottom:4px;
}
.category-page-copy h1{
  margin:0;
  font-size:2rem;
  line-height:1.08;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
.category-page-copy p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.55;
}

/* Buttons are definitely tappable */
.view-switch{position:relative;z-index:5}
.view-switch button{
  position:relative;
  z-index:6;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation;
}

/* Fan view */
#catalogPage.is-list #catalogList{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}




#catalogPage.is-grid .catalog-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}

/* Power Bank view - correct ID is pbGrid */
#powerBankPage.is-list #pbGrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}





#powerBankPage.is-grid .pb-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}

@media(max-width:420px){
  .category-page-head{
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
    margin-bottom:18px;
  }
  .category-page-copy h1{font-size:1.72rem}
  .category-page-copy>span{font-size:.84rem}
  .category-page-copy p{font-size:.86rem}
  
}


/* Universal detail system V85 */
.product-page-price{font-size:1.35rem;font-weight:950;color:var(--accent);line-height:1.25}
.product-page-section .fit-list,.product-page-section .know-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.product-page-section .fit-list li,.product-page-section .know-list li{font-size:1rem;line-height:1.6;color:#4f5560}
.product-page-section .fit-list li:before{content:"✓";color:var(--accent);font-weight:950;margin-right:9px}
.product-page-section .know-list li:before{content:"•";color:#8a909a;font-weight:950;margin-right:9px}
.product-page-section .direct-compare{display:grid;grid-template-columns:1fr auto;gap:8px}
.product-page-section .direct-compare select{min-width:0;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px}
.product-page-section .direct-compare button{border:0;border-radius:13px;background:var(--dark);color:#fff;padding:12px 15px;font-weight:900}
@media(max-width:420px){.product-page-section .direct-compare{grid-template-columns:1fr}.product-page-section .direct-compare button{width:100%}}


/* v86: one visual contract for every catalog category */
.category-catalog-page .category-page-head{margin-bottom:14px!important}
.category-catalog-page .category-page-copy p{display:none!important}

.category-catalog-page .catalog-filter{margin-top:12px!important}
.category-catalog-page .category-usage-chips{white-space:nowrap;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
.category-catalog-page .category-usage-chips::-webkit-scrollbar{display:none}
.category-catalog-page .filter-chips{min-height:48px}


/* V87 Front Redesign — shared category shell */
:root{--surface:#ffffff;--surface-soft:#f7f8fa;--accent-2:#ff8a6e;--ring:rgba(255,100,63,.18)}
.category-catalog-page{padding-bottom:28px}
.category-catalog-page .category-page-head{position:relative;display:flex;align-items:center;gap:12px;margin:4px 0 16px!important;padding:4px 2px}
.category-catalog-page .category-page-head .back-btn{width:46px;height:46px;border-radius:50%;box-shadow:none}
.category-catalog-page .category-page-copy>span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.category-catalog-page .category-page-copy h1{font-size:1.72rem;letter-spacing:-.035em;line-height:1.12}
.category-catalog-page .v6-helper{position:relative;overflow:hidden;grid-template-columns:48px 1fr;gap:13px;background:linear-gradient(135deg,#202228 0%,#15171c 100%);border:0;border-radius:24px;padding:18px;margin:0 0 14px;color:#fff;box-shadow:0 16px 38px rgba(20,22,28,.14)}
.category-catalog-page .v6-helper:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-72px;top:-86px;background:rgba(255,255,255,.055)}
.category-catalog-page .v6-helper-icon{width:48px;height:48px;border-radius:15px;background:#2d3037;box-shadow:none;z-index:1}
.category-catalog-page .v6-helper-copy{z-index:1}
.category-catalog-page .v6-helper-copy span{color:#ff9b83;font-size:.72rem}
.category-catalog-page .v6-helper-copy b{font-size:1.02rem;line-height:1.35;margin:2px 0 3px}
.category-catalog-page .v6-helper-copy small{color:#b9bdc5;font-size:.72rem}
.category-catalog-page .v6-helper button{grid-column:1/-1;z-index:1;background:#fff;color:#17191f;border-radius:14px;padding:12px;margin-top:2px;font-size:.88rem}
.category-catalog-page .catalog-filter{border:1px solid #eceef1!important;border-radius:20px!important;padding:14px!important;margin:9px 0!important;box-shadow:none!important;background:rgba(255,255,255,.94)}
.category-catalog-page .catalog-filter>b,.category-catalog-page .filter-title-row b{font-size:.9rem!important}
.category-catalog-page .filter-title-row strong{font-size:.9rem!important;color:var(--accent)!important}
.category-catalog-page .budget-range{margin:9px 0 7px}
.category-catalog-page .quick-budget,.category-catalog-page .filter-chips{gap:7px;padding:3px 0;min-height:0}
.category-catalog-page .quick-budget button,.category-catalog-page .filter-chips button{padding:8px 11px!important;font-size:.78rem!important;border-color:#e8e9ed;border-radius:12px}
.category-catalog-page .quick-budget button.active,.category-catalog-page .filter-chips button.active{box-shadow:0 0 0 3px var(--ring)}
.category-catalog-page .view-switch{display:flex!important;width:auto!important;float:left;margin:8px 0 10px!important;padding:3px!important;border-radius:12px;background:#eef0f3}
.category-catalog-page .view-switch button{padding:8px 11px!important;font-size:.78rem!important;border-radius:9px!important}





.category-catalog-page .catalog-list,#powerBankPage #pbGrid{clear:both}
.category-catalog-page .catalog-card,#powerBankPage .pb-card{border-color:#eceef1!important;border-radius:22px!important;box-shadow:0 7px 24px rgba(20,22,28,.035);transition:transform .15s ease,box-shadow .15s ease}
.category-catalog-page .catalog-card:active,#powerBankPage .pb-card:active{transform:scale(.992)}
@media(max-width:430px){
 .app-shell{padding-left:14px;padding-right:14px}
 .category-catalog-page .category-page-copy h1{font-size:1.52rem}
 .category-catalog-page .v6-helper{padding:16px;border-radius:22px}
 .category-catalog-page .catalog-filter{padding:13px!important}
}


/* ===== V91 category card standard: match Power Bank layout ===== */
#catalogPage .catalog-card{position:relative}


#catalogPage .catalog-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#272727!important;font-size:1.18rem!important;font-weight:800!important}
#catalogPage .catalog-price small{color:#a96a55;font-size:.78rem;font-weight:700;line-height:1.25}
#catalogPage .catalog-actions a{background:var(--accent)!important;color:#fff!important;text-align:center;text-decoration:none}
#catalogPage .catalog-actions button{background:#f0f1f3!important;color:#2c2c2c!important}



#catalogPage.is-grid .catalog-price{margin-top:8px}
#catalogPage.is-grid .catalog-actions{margin-top:auto}
@media(max-width:420px){#catalogPage .catalog-price{font-size:1.08rem!important}}


/* STEP 1 SAFE CONSOLIDATION: preserved source order; former anonymous style block boundary */

.product-page-open{overflow:hidden}
.product-page-overlay{position:fixed;inset:0;z-index:99999;background:#f6f7f9;overflow-y:auto;-webkit-overflow-scrolling:touch}
.product-page-shell{max-width:720px;margin:0 auto;padding:0 16px 110px}
.product-page-top{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 0;background:rgba(246,247,249,.96);backdrop-filter:blur(12px);font-weight:900}
.product-back{border:1px solid #e3e5e8;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;font-size:.78rem}
.product-page-hero,.product-page-section{background:#fff;border:1px solid #e4e6e9;border-radius:24px;padding:18px;margin-bottom:12px}
.product-page-hero{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}
.product-page-hero img{width:120px;height:120px;object-fit:contain;border-radius:18px;background:#f5f6f8}
.product-page-hero small{color:#7a7f87;font-weight:800}
.product-page-hero h1{font-size:1.28rem;line-height:1.2;margin:5px 0 8px}
.product-page-price{font-size:1.12rem;font-weight:950;color:var(--accent);margin-bottom:10px}
.product-page-section h2{font-size:1.05rem;margin:0 0 12px}
.product-page-actions{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(246,247,249,.96);backdrop-filter:blur(12px)}
.product-page-actions a{display:block;max-width:688px;margin:auto;background:var(--accent);color:#fff;text-align:center;text-decoration:none;border-radius:16px;padding:15px;font-weight:950}
@media(max-width:430px){
 .product-page-shell{padding-left:12px;padding-right:12px}
 .product-page-hero{grid-template-columns:92px 1fr;padding:14px}
 .product-page-hero img{width:92px;height:92px}
 .product-page-hero h1{font-size:1.08rem}
}

/* V125 Step 6 — Rich Product Detail template (data-safe, mobile-first) */
.rich-detail-summary{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;margin-top:12px}
.rich-detail-summary h2{margin:0 0 8px;font-size:1.05rem}
.rich-detail-summary p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}
.rich-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rich-detail-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}
.rich-detail-box span{display:block;color:var(--muted);font-size:.78rem}
.rich-detail-box b{display:block;margin-top:4px;font-size:.92rem;line-height:1.45}
@media(max-width:420px){.rich-detail-grid{grid-template-columns:1fr 1fr}.rich-detail-box{padding:12px}}


/* Batch 102 — resilient full-spec layout for narrow mobile screens. */
.spec-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch}
.spec-detail-grid>div{min-width:0;overflow:hidden}
.spec-detail-grid span,.spec-detail-grid b{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal!important}
.spec-detail-grid b{line-height:1.5}
@media (max-width:360px){.spec-detail-grid{grid-template-columns:1fr!important}}


.v7-cat-main-link{color:inherit;text-decoration:none;cursor:pointer}

/* Batch 158 — Universal Catalog Pagination */
.catalog-pagination{clear:both;display:flex;align-items:center;justify-content:center;gap:7px;padding:22px 4px 8px;width:100%}
.catalog-pagination button{min-width:42px;height:42px;padding:0 12px;border:1px solid #e4e6ea;border-radius:13px;background:rgba(255,255,255,.94);color:#373a40;font-weight:850;box-shadow:0 5px 18px rgba(20,22,28,.035);cursor:pointer}
.catalog-pagination button.active{background:#17191f;color:#fff;border-color:#17191f;box-shadow:0 8px 22px rgba(20,22,28,.13)}
.catalog-pagination button:disabled{opacity:.34;cursor:default;box-shadow:none}.catalog-pagination-dots{display:grid;place-items:center;min-width:20px;color:#8a8e96;font-weight:900}
@media(max-width:420px){.catalog-pagination{gap:5px;padding-top:18px}.catalog-pagination button{min-width:38px;height:40px;padding:0 10px;border-radius:12px}}


/* ../assets/inline-1.css */

:root{--ui-font:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;--ui-title-weight:700;--ui-label-weight:600}
html,body,button,input,select,textarea{font-family:var(--ui-font)!important}
body{font-weight:400!important;letter-spacing:0!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.category-catalog-page,.category-catalog-page button,.category-catalog-page select,.category-catalog-page input{font-weight:400}
.category-catalog-page h1,.category-catalog-page h2,.category-catalog-page h3,.category-catalog-page b,.category-catalog-page strong{font-weight:700!important}
.category-catalog-page .category-page-copy h1{font-size:1.86rem!important;line-height:1.2!important;letter-spacing:-.015em!important}
.category-catalog-page .category-page-copy>span{font-size:.84rem!important;font-weight:600!important}
.category-catalog-page .v6-helper-copy span{font-weight:600!important}
.category-catalog-page .v6-helper-copy b{font-size:1.08rem!important;line-height:1.5!important;font-weight:700!important}
.category-catalog-page .v6-helper-copy small{font-size:.87rem!important;line-height:1.55!important;font-weight:400!important}


.category-catalog-page{width:100%;min-width:0}

.category-catalog-page>.catalog-filter{margin:12px 0 0!important}
.category-catalog-page>.view-switch{margin:14px 0 16px!important}
.category-catalog-page .view-switch{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:4px!important;width:100%!important;min-width:100%!important;max-width:none!important;padding:5px!important;border-radius:16px!important;background:#eef0f3!important;box-sizing:border-box!important;overflow:visible!important}
.category-catalog-page .view-switch button{width:100%!important;min-width:0!important;max-width:none!important;min-height:46px!important;padding:10px 12px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#777d87!important;font-size:.98rem!important;font-weight:600!important;line-height:1.35!important;white-space:normal!important;text-align:center!important;box-shadow:none!important}
.category-catalog-page .view-switch button.active{background:#fff!important;color:#17191d!important;box-shadow:0 3px 12px rgba(17,20,27,.08)!important}
/* Generic contract for every future category. */
.category-catalog-page.is-list .category-product-list{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}
.category-catalog-page.is-grid .category-product-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important}

/* Current categories map to the generic contract. */
#catalogPage.is-list #catalogList,#powerBankPage.is-list #pbGrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}




#catalogPage.is-grid .catalog-brand,#powerBankPage.is-grid .pb-brand{font-size:.78rem!important;font-weight:500!important;color:var(--muted)!important}
#catalogPage.is-grid .catalog-specs,#powerBankPage.is-grid .pb-spec-line{font-size:.82rem!important;line-height:1.5!important;font-weight:400!important}
#catalogPage.is-grid .catalog-actions,#powerBankPage.is-grid .pb-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:auto!important;padding-top:8px!important}
#catalogPage.is-grid .catalog-actions a,#catalogPage.is-grid .catalog-actions button,#powerBankPage.is-grid .pb-actions a,#powerBankPage.is-grid .pb-actions button{font-size:.84rem!important;font-weight:600!important}
#powerBankPage.is-grid .pb-tags{display:none!important}





@media(max-width:420px){.category-catalog-page .category-page-copy h1{font-size:1.62rem!important}.category-catalog-page .view-switch button{font-size:.93rem!important;min-height:44px!important;padding:9px 8px!important}}

/* ===== V90 Front foundation — calmer Thai typography + scalable categories ===== */
:root{--bg:#f7f7f5;--paper:#fff;--ink:#202124;--muted:#666b73;--line:#e8e8e5;--accent:#f15f3f;--accent-soft:#fff3ee;--dark:#202124;--shadow:0 12px 34px rgba(24,25,28,.06)}
html{font-size:16px!important}
body{font-family:"Noto Sans Thai",Tahoma,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:linear-gradient(180deg,#fff 0,#f8f8f6 38%,#f4f4f2 100%)!important;line-height:1.55;letter-spacing:0!important}
.app-shell{max-width:720px!important;padding-left:20px!important;padding-right:20px!important}
.topbar{height:68px!important}.logo-btn{font-size:1.22rem!important;letter-spacing:-.02em!important}
.hero-copy{padding:34px 2px 12px!important}.mini-pill{font-size:.78rem!important;padding:8px 11px!important}
.hero-copy h1{font-size:clamp(2.8rem,11vw,4.8rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:16px 0 18px!important;font-weight:900!important}
.hero-copy h1 em{display:inline!important;margin:0!important}.hero-copy p{font-size:1rem!important;line-height:1.8!important;max-width:570px!important;color:#62666d!important}
.search-box{margin-top:22px!important;border-radius:17px!important;box-shadow:0 7px 24px rgba(24,25,28,.045)!important}.search-box input{padding:16px 0!important}
.chips{padding-top:11px!important}.chips button{font-size:.86rem!important;font-weight:700!important}
.v7-home{margin-top:30px!important}.v90-category-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 14px}.v90-category-head span{display:block;color:var(--accent);font-size:.75rem;font-weight:850}.v90-category-head h2{margin:3px 0 0;font-size:1.55rem;line-height:1.3;letter-spacing:-.02em}.v90-category-head small{max-width:245px;text-align:right;color:var(--muted);font-size:.73rem;line-height:1.55}
.v7-category-list{gap:13px!important}.v7-cat{border-radius:20px!important;box-shadow:0 8px 26px rgba(24,25,28,.045)!important}.v7-cat-main{grid-template-columns:76px 1fr auto!important;gap:14px!important;padding:15px!important}.v7-cat-visual{height:76px!important;border-radius:17px!important}.v7-cat-copy small{font-size:.73rem!important}.v7-cat-copy h3{font-size:1.15rem!important;line-height:1.4!important;letter-spacing:0!important;margin:2px 0!important}.v7-cat-copy p{font-size:.78rem!important;line-height:1.55!important}.v7-assist{font-size:.82rem!important;line-height:1.55!important;padding:11px 15px!important}.v7-coming{margin-top:13px!important}.v7-coming b{font-size:.84rem!important}.v7-coming small{font-size:.72rem!important;line-height:1.5!important}
.v7-why{margin-top:30px!important;border-radius:22px!important}.v7-why h3{font-size:1.08rem!important;letter-spacing:0!important}.why-grid b{font-size:.88rem!important}.why-grid small{font-size:.73rem!important;line-height:1.45!important}.v7-guide{margin-top:22px!important}.v7-guide h2{font-size:1.13rem!important;line-height:1.5!important}.v7-guide>p{font-size:.8rem!important;line-height:1.75!important}.guide-points b{font-size:.77rem!important}.guide-points span{font-size:.7rem!important;line-height:1.55!important}
.category-catalog-page .category-page-copy h1{font-size:1.75rem!important;line-height:1.35!important;letter-spacing:-.015em!important}.category-catalog-page .category-page-copy p{line-height:1.7!important}.catalog-card h3,.pb-card h3{letter-spacing:0!important;line-height:1.45!important}.catalog-specs,.pb-spec-line{line-height:1.55!important}.catalog-actions a,.catalog-actions button,.pb-actions a,.pb-actions button{font-weight:750!important}
@media(max-width:520px){.app-shell{padding-left:16px!important;padding-right:16px!important}.hero-copy{padding-top:26px!important}.hero-copy h1{font-size:3rem!important;line-height:1.12!important}.v90-category-head{align-items:flex-start;flex-direction:column;gap:5px}.v90-category-head small{max-width:none;text-align:left}.v7-cat-main{grid-template-columns:68px 1fr auto!important;gap:11px!important;padding:13px!important}.v7-cat-visual{height:68px!important}.v7-cat-copy h3{font-size:1.08rem!important}.guide-points{grid-template-columns:1fr!important}}



/* ../assets/inline-2.css */

:root{
  --annideee-font:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;
  --brand:#C76545;
  --brand-dark:#A94F34;
  --brand-soft:#F8ECE7;
  --surface:#fff;
  --surface-soft:#f7f7f8;
  --text:#202124;
  --muted:#71757b;
  --line:#e5e5e5;
  --card-radius:22px;
}

/* =========================================================
   GLOBAL INTERACTION / NAVIGATION
   ========================================================= */
.standard-detail-image,
.helper-detail-image,
.helper-alt-clickable{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.standard-detail-image:focus,
.helper-detail-image:focus,
.helper-alt-clickable:focus{
  outline:2px solid rgba(199,101,69,.30);
  outline-offset:3px;
}
.helper-alt-clickable:active{transform:scale(.995)}
.related-card:has(.helper-detail-image){cursor:default}
.legacy-detail-redirect{display:none !important}

/* =========================================================
   FUTURE CATEGORY PLACEHOLDER
   ========================================================= */
.coming-soon-subtitle{
  display:inline-block;
  margin-top:6px;
  color:#777;
  font-size:14px;
  line-height:1.5;
}
.future-category-card .plus,
.future-category-card .add-icon,
.category-placeholder .plus,
.category-placeholder .add-icon{
  display:none !important;
}

/* =========================================================
   UNIVERSAL PRODUCT GRID / CARD
   Current: Fan + Power Bank
   Future categories: reuse .category-catalog-page + standard classes
   ========================================================= */
#catalogPage.is-grid #catalogList,
#catalogPage.is-grid #productGrid,
#powerBankPage.is-grid #pbGrid,
.category-catalog-page.is-grid .category-grid,
.catalog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}

#catalogPage.is-grid .catalog-card,
#catalogPage.is-grid .product-card,
#powerBankPage.is-grid .pb-card,
.category-catalog-page.is-grid .category-product-card,
.catalog-card,
.category-product-card{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  height:auto;
  min-height:0;
  padding:10px;
  margin:0;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:var(--card-radius);
  background:var(--surface);
}

/* Reset old card-body layout behavior */
#catalogPage.is-grid .product-card>.category-card-body,
#powerBankPage.is-grid .pb-card>.category-card-body,
.category-catalog-page.is-grid .category-product-card>.category-card-body{
  position:static;
  inset:auto;
  transform:none;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
}

/* Image slot */
#catalogPage.is-grid .catalog-card>img,
#catalogPage.is-grid .product-card>img,
#powerBankPage.is-grid .pb-card>img,
.category-catalog-page.is-grid .category-product-card>img{
  position:static;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
  margin:0 0 10px;
  padding:0;
  border-radius:14px;
  background:var(--surface-soft);
}

/* Text reset */
#catalogPage.is-grid .catalog-brand,
#catalogPage.is-grid .product-brand,
#catalogPage.is-grid .catalog-card h3,
#catalogPage.is-grid .product-card h3,
#catalogPage.is-grid .catalog-specs,
#catalogPage.is-grid .product-spec,
#catalogPage.is-grid .catalog-price,
#catalogPage.is-grid .product-price,
#powerBankPage.is-grid .pb-brand,
#powerBankPage.is-grid .category-card-brand,
#powerBankPage.is-grid .pb-card h3,
#powerBankPage.is-grid .category-card-title,
#powerBankPage.is-grid .pb-spec-line,
#powerBankPage.is-grid .category-card-specs,
#powerBankPage.is-grid .pb-price,
#powerBankPage.is-grid .category-card-price{
  position:static;
  inset:auto;
  transform:none;
  float:none;
  grid-area:auto;
  grid-row:auto;
  grid-column:auto;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

/* Brand slot */
#catalogPage.is-grid .catalog-brand,
#catalogPage.is-grid .product-brand,
#powerBankPage.is-grid .pb-brand,
#powerBankPage.is-grid .category-card-brand{
  height:1.4em;
  min-height:1.4em;
  max-height:1.4em;
  margin:0;
  line-height:1.4;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Title slot */
#catalogPage.is-grid .catalog-card h3,
#catalogPage.is-grid .product-card h3,
#powerBankPage.is-grid .pb-card h3,
#powerBankPage.is-grid .category-card-title{
  display:-webkit-box;
  height:4.2em;
  min-height:4.2em;
  max-height:4.2em;
  margin:4px 0 0;
  line-height:1.4;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow-wrap:anywhere;
}

/* Spec slot */
#catalogPage.is-grid .catalog-specs,
#catalogPage.is-grid .product-spec,
#powerBankPage.is-grid .pb-spec-line,
#powerBankPage.is-grid .category-card-specs{
  display:-webkit-box;
  height:3.2em;
  min-height:3.2em;
  max-height:3.2em;
  margin:4px 0 0;
  line-height:1.5;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
}

/* Price slot */
#catalogPage.is-grid .catalog-price,
#catalogPage.is-grid .product-price,
#powerBankPage.is-grid .pb-price,
#powerBankPage.is-grid .category-card-price{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  height:3.6em;
  min-height:3.6em;
  margin:8px 0 0;
  line-height:1.2;
  overflow:hidden;
}
#catalogPage.is-grid .catalog-price small,
#catalogPage.is-grid .product-price small,
#powerBankPage.is-grid .pb-price small,
#powerBankPage.is-grid .category-card-price small{
  display:block;
  position:static;
  margin:0 0 2px;
  line-height:1.15;
  color:var(--brand);
}

/* =========================================================
   UNIVERSAL PRODUCT TOOLBAR
   ========================================================= */
.universal-product-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "summary summary"
    "actions actions";
  gap:12px;
  width:100%;
  margin:0 0 14px;
  box-sizing:border-box;
  font-family:var(--annideee-font);
}
.universal-result-summary{
  grid-area:summary;
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
  white-space:nowrap;
}
.universal-result-summary b{
  margin:0;
  font-size:1.04rem;
  line-height:1.25;
  font-weight:800;
  color:var(--text);
  white-space:nowrap;
}
.universal-result-summary span{
  margin:0;
  font-size:.82rem;
  line-height:1.25;
  font-weight:500;
  color:#7a7d82;
  white-space:nowrap;
}
.universal-toolbar-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:10px;
  width:100%;
  min-width:0;
}
.universal-compare-toggle,
.universal-sort-select{
  width:100%;
  min-width:0;
  height:48px;
  min-height:48px;
  margin:0;
  box-sizing:border-box;
  border:1px solid #dedede;
  border-radius:16px;
  background:#fff;
  color:var(--text);
  font-family:inherit;
  font-size:.92rem;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}
.universal-compare-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  cursor:pointer;
}
.universal-compare-toggle.is-active{
  border-color:var(--brand);
  background:var(--brand-soft);
  color:var(--brand-dark);
}
.universal-sort-select{
  appearance:auto;
  padding:0 38px 0 14px;
  text-overflow:ellipsis;
}

/* =========================================================
   UNIVERSAL COMPARE MODE
   ========================================================= */
.universal-compare-control{display:none !important}

.compare-mode-active .universal-compare-control{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  z-index:10 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  height:36px !important;
  padding:0 9px !important;
  margin:0 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.96) !important;
  color:var(--text) !important;
  font-size:.78rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
.universal-compare-checkbox{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-grid !important;
  place-content:center !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  margin:0 6px 0 0 !important;
  padding:0 !important;
  border:2px solid #8b8b8b !important;
  border-radius:4px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
.universal-compare-checkbox::before{
  content:"✓";
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:900;
  line-height:1;
  transform:scale(0);
}
.universal-compare-checkbox:checked{
  background:var(--brand) !important;
  border-color:var(--brand) !important;
}
.universal-compare-checkbox:checked::before{transform:scale(1)}

/* One compare bar for every category */
.universal-compare-bar{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:calc(100vw - 32px);
  min-height:64px;
  padding:0 28px;
  margin:0;
  border:0;
  border-radius:999px;
  background:#202124;
  color:#fff;
  font:700 18px/1.2 var(--annideee-font);
  white-space:nowrap;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.universal-compare-bar.hidden{display:none}

/* =========================================================
   HELPER / DETAIL / COMPARE — UNIVERSAL
   ========================================================= */















.unified-result-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.unified-result-actions.single-action,
.unified-result-actions:has(>a:only-child),
.unified-result-actions:has(>button:only-child){
  grid-template-columns:1fr !important;
}
.unified-result-actions>a,
.unified-result-actions>button{
  width:100% !important;
  box-sizing:border-box !important;
}
.unified-alt-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(min-width:640px){
  .universal-product-toolbar{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"summary actions";
    align-items:center;
    gap:14px;
  }
  .universal-toolbar-actions{
    width:auto;
    grid-template-columns:150px 190px;
  }
}
@media(max-width:480px){
  
  
  
}
@media(max-width:420px){
  #catalogPage.is-grid #catalogList,
  #catalogPage.is-grid #productGrid,
  #powerBankPage.is-grid #pbGrid,
  .category-catalog-page.is-grid .category-grid,
  .catalog-grid{gap:10px}

  #catalogPage.is-grid .catalog-card,
  #catalogPage.is-grid .product-card,
  #powerBankPage.is-grid .pb-card,
  .category-catalog-page.is-grid .category-product-card{
    padding:8px;
  }
}
@media(max-width:390px){
  .universal-result-summary{gap:6px}
  .universal-result-summary b{font-size:1rem}
  .universal-result-summary span{font-size:.78rem}
  .universal-toolbar-actions{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);
    gap:8px;
  }
  .universal-compare-toggle,
  .universal-sort-select{
    height:46px;
    min-height:46px;
    font-size:.87rem;
    border-radius:14px;
  }
  .universal-compare-toggle{padding:0 10px}
  .universal-sort-select{padding-left:12px}
}


/* =========================================================
   GRID CARD OWNERSHIP GUARD
   Grid mode always owns layout; legacy list/card rules cannot override it.
   ========================================================= */
#catalogPage.is-grid .catalog-card,
#catalogPage.is-grid .product-card,
#powerBankPage.is-grid .pb-card,
.category-catalog-page.is-grid .category-product-card{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  grid-template-areas:none !important;
  align-items:stretch !important;
  gap:0 !important;
}

#powerBankPage.is-grid .pb-card>img,
#catalogPage.is-grid .catalog-card>img,
#catalogPage.is-grid .product-card>img,
.category-catalog-page.is-grid .category-product-card>img{
  grid-area:auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
}

#powerBankPage.is-grid .pb-brand,
#powerBankPage.is-grid .pb-card h3,
#powerBankPage.is-grid .pb-spec-line,
#powerBankPage.is-grid .pb-tags,
#powerBankPage.is-grid .pb-price,
#powerBankPage.is-grid .pb-actions{
  grid-area:auto !important;
  width:100% !important;
  min-width:0 !important;
}

#powerBankPage.is-grid .pb-card h3,
#powerBankPage.is-grid .pb-brand,
#powerBankPage.is-grid .pb-spec-line,
#powerBankPage.is-grid .pb-price{
  overflow-wrap:normal !important;
  word-break:normal !important;
}


/* ../assets/inline-3.css */

/* VISUAL VARIANT A: Clean Commerce
   Structural system is unchanged: same Universal Card / Toolbar / Compare / Detail contracts.
*/

:root{--brand:#B85E43;--brand-dark:#94462F;--brand-soft:#F8EEE9;--card-radius:20px}
body{background:#FAFAF9!important}
.category-product-card,.catalog-card,.product-card,.pb-card{box-shadow:0 5px 18px rgba(0,0,0,.045)!important;border:1px solid #ECEBE8!important}
.universal-compare-toggle,.universal-sort-select{border-radius:14px!important}



/* ../assets/inline-4.css */

/*
UNIVERSAL PRICE CTA CONTRACT
Current + future categories:
- visible text: "เช็กราคา →"
- one brand color
- no marketplace-specific CTA wording
- no category-specific CTA CSS
*/
.universal-price-cta,
.helper-compare-standard a[href],
.compare-table a[href],
.compare-spec-table a[href],
#compareDrawer a[href],
#pbComparePage a[href]{
  color:var(--brand,#B85E43) !important;
  font-family:var(--annideee-font,system-ui,-apple-system,"Noto Sans Thai","Tahoma",sans-serif) !important;
  font-weight:750 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
}

.universal-price-cta:hover,
.helper-compare-standard a[href]:hover,
.compare-table a[href]:hover,
.compare-spec-table a[href]:hover,
#compareDrawer a[href]:hover,
#pbComparePage a[href]:hover{
  color:var(--brand-dark,#94462F) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* mobile touch feedback */
.universal-price-cta:active,
.helper-compare-standard a[href]:active,
.compare-table a[href]:active,
.compare-spec-table a[href]:active,
#compareDrawer a[href]:active,
#pbComparePage a[href]:active{
  opacity:.78;
}


/* ../assets/inline-5.css */

/*
UNIVERSAL COMPARE PAGE
Fan + Power Bank + future categories use the same visual structure.
*/
.universal-compare-shell{
  width:100%;
  max-width:680px;
  margin:0 auto;
  font-family:var(--annideee-font,system-ui,-apple-system,"Noto Sans Thai","Tahoma",sans-serif);
}

.universal-compare-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
}
.universal-compare-head .back-btn{
  flex:0 0 auto;
}
.universal-compare-head h2{
  margin:0;
  font-size:1.1rem;
  line-height:1.3;
  font-weight:850;
  color:var(--text,#202124);
}

/* two product cards */
.universal-compare-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.universal-compare-product{
  min-width:0;
  padding:10px;
  border:1px solid var(--line,#e5e5e5);
  border-radius:20px;
  background:#fff;
  text-align:center;
  box-sizing:border-box;
}
.universal-compare-product img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:14px;
  background:var(--surface-soft,#f7f7f8);
}
.universal-compare-product small{
  display:block;
  margin-top:8px;
  color:var(--muted,#71757b);
  font-size:.75rem;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.universal-compare-product h3{
  display:-webkit-box;
  min-height:2.8em;
  max-height:2.8em;
  margin:4px 0 0;
  font-size:.92rem;
  line-height:1.4;
  font-weight:800;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* spec blocks */
.universal-compare-specs{
  display:grid;
  gap:10px;
}
.universal-compare-row{
  overflow:hidden;
  border:1px solid var(--line,#e5e5e5);
  border-radius:18px;
  background:#fff;
}
.universal-compare-label{
  padding:10px 14px;
  background:#f7f7f8;
  color:var(--text,#202124);
  font-size:.82rem;
  font-weight:800;
  line-height:1.35;
}
.universal-compare-values{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.universal-compare-value{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:70px;
  padding:12px 9px;
  box-sizing:border-box;
  color:var(--text,#202124);
  font-size:.9rem;
  font-weight:750;
  line-height:1.45;
  text-align:center;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.universal-compare-value + .universal-compare-value{
  border-left:1px solid var(--line,#e5e5e5);
}
.universal-compare-value.is-missing{
  color:#9b9da1;
  font-weight:650;
}
.universal-compare-row.is-price .universal-compare-value{
  color:var(--brand,#B85E43);
  font-size:1rem;
  font-weight:850;
}
.universal-compare-row.is-cta .universal-compare-value{
  min-height:60px;
}

/* fan bottom-sheet and PB full page share the same inner component */
#compareDrawer .compare-sheet{
  padding:18px !important;
}
#pbComparePage{
  padding-bottom:28px;
}
#pbCompareContent{
  width:100%;
}

/* hide old fan header/product area when universal component is injected */

#compareDrawer.is-universal-compare .table-wrap{
  overflow:visible !important;
  margin:0 !important;
}

/* close button inside fan universal head */
.universal-compare-close{
  margin-left:auto;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#eef0f3;
  color:#202124;
  font-size:1.15rem;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:420px){
  .universal-compare-products{gap:10px}
  .universal-compare-product{padding:8px;border-radius:18px}
  .universal-compare-product h3{font-size:.86rem}
  .universal-compare-label{padding:9px 12px;font-size:.8rem}
  .universal-compare-value{
    min-height:66px;
    padding:11px 7px;
    font-size:.86rem;
  }
}

/* compare view visibility */
/*
COMPARE ACTION FLOW
- Floating compare bar exists only on catalog selection screen.
- It must NEVER appear inside an opened compare view.
*/
body.compare-view-open #compareFloating,
body.compare-view-open #pbCompareBar,
#compareDrawer:not(.hidden) ~ #compareFloating,
#pbComparePage:not(.hidden) #pbCompareBar{
  display:none !important;
}

/* Final compare visibility hardening:
   floating compare controls must never appear while any compare view is open. */
body.compare-view-open #compareFloating,
body.compare-view-open #pbCompareBar,
body.compare-view-open .compare-floating,
body.compare-view-open .pb-compare-bar,
#compareDrawer:not(.hidden) ~ #compareFloating,
#compareDrawer:not(.hidden) ~ #pbCompareBar{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Universal CTA row consistency */
.universal-compare-row.is-cta .universal-compare-label{
  display:block !important;
  color:var(--text,#202124) !important;
  font-weight:800 !important;
}
.universal-compare-row.is-cta .universal-compare-value,
.universal-compare-row.is-cta .universal-compare-value a{
  color:var(--brand,#B85E43) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.universal-compare-row.is-cta .universal-compare-value a:hover{
  color:var(--brand-dark,#94462F) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}


/* ONE universal compare footer for Fan / Power Bank / future categories */
.universal-compare-footer{
  width:100%;
  margin:18px 0 42px;
}
.universal-compare-reselect{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:62px;
  padding:0 18px;
  border:1px solid var(--line,#e5e5e5);
  border-radius:20px;
  background:#fff;
  color:var(--text,#202124);
  font-family:var(--annideee-font,system-ui,-apple-system,"Noto Sans Thai","Tahoma",sans-serif);
  font-size:1.05rem;
  line-height:1.25;
  font-weight:850;
  cursor:pointer;
  box-sizing:border-box;
}
.universal-compare-reselect:active{
  transform:translateY(1px);
}


/* ../assets/inline-6.css */

/*
UNIVERSAL HELPER COMPARE
Fan / Power Bank / future categories use the same 3-column table
and the same bottom restart action.
*/
.helper-compare-standard{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.helper-compare-standard .table-wrap{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}
.helper-compare-standard table{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}
.helper-compare-standard th,
.helper-compare-standard td{
  min-width:0 !important;
  box-sizing:border-box !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  vertical-align:middle !important;
}
.helper-compare-standard th:first-child,
.helper-compare-standard td:first-child{
  width:32% !important;
  text-align:left !important;
}
.helper-compare-standard th:nth-child(2),
.helper-compare-standard td:nth-child(2),
.helper-compare-standard th:nth-child(3),
.helper-compare-standard td:nth-child(3){
  width:34% !important;
  text-align:center !important;
}

/* CTA row — identical across every helper category */
.helper-compare-standard tr:last-child td:first-child{
  color:var(--text,#202124) !important;
  font-weight:800 !important;
}
.helper-compare-standard tr:last-child a{
  color:var(--brand,#B85E43) !important;
  font-weight:800 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

/* One bottom action for every helper result page */
.universal-helper-restart{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:64px;
  margin:26px 0 0;
  padding:0 20px;
  box-sizing:border-box;
  border:1px solid var(--line,#e5e5e5);
  border-radius:20px;
  background:#fff;
  color:var(--text,#202124);
  font-family:var(--annideee-font,system-ui,-apple-system,"Noto Sans Thai","Tahoma",sans-serif);
  font-size:1.08rem;
  font-weight:800;
  line-height:1.25;
  cursor:pointer;
}

@media(max-width:480px){
  .helper-compare-standard th,
  .helper-compare-standard td{
    padding:11px 7px !important;
    font-size:14px !important;
    line-height:1.45 !important;
  }
  .helper-compare-standard th:first-child,
  .helper-compare-standard td:first-child{
    width:31% !important;
  }
  .helper-compare-standard th:nth-child(2),
  .helper-compare-standard td:nth-child(2),
  .helper-compare-standard th:nth-child(3),
  .helper-compare-standard td:nth-child(3){
    width:34.5% !important;
  }
}


/* ../assets/inline-7.css */

:root{
  --home-accent:#E95F43;
  --home-ink:#17191D;
  --home-soft:#FFF4EF;
  --home-line:#E9E6E2;
}
body{background:#FCFBF9}
.hero, .home-hero{
  position:relative;
}
.hero h1, .home-hero h1{
  letter-spacing:-.045em;
}
.hero h1 strong, .home-hero h1 strong{
  color:var(--home-accent)!important;
}
.category-section,
.home-categories{
  position:relative;
}
.category-section::before,
.home-categories::before{
  content:"";
  position:absolute;
  left:0; right:0; top:-14px;
  height:1px;
  background:linear-gradient(90deg,var(--home-accent),transparent 60%);
}
.category-card,
.home-category-card{
  border:1px solid var(--home-line)!important;
  box-shadow:0 12px 28px rgba(26,26,26,.06)!important;
  background:#fff!important;
  border-radius:18px!important;
  overflow:hidden;
}
.category-card:nth-of-type(1),
.home-category-card:nth-of-type(1){
  border-left:5px solid var(--home-accent)!important;
}
.category-card:nth-of-type(2),
.home-category-card:nth-of-type(2){
  border-left:5px solid #1E8C6A!important;
}
.category-card .category-count,
.home-category-card .category-count{
  color:var(--home-accent)!important;
  font-weight:900!important;
}
.category-card .helper-cta,
.home-category-card .helper-cta{
  background:var(--home-soft)!important;
  border-top:1px solid #F0D9D0!important;
}
.category-card .helper-cta strong,
.home-category-card .helper-cta strong{
  color:var(--home-accent)!important;
}
.coming-soon,
.home-coming-soon{
  border:1px dashed #CFCAC5!important;
  background:#F7F4F0!important;
  border-radius:18px!important;
}
.home-help,
.help-section{
  background:var(--home-ink)!important;
  border-radius:22px 22px 0 0!important;
}


/* ../assets/inline-8.css */

/* =========================================================
   UNIVERSAL LIST CARD V1
   Single owner for Fan / Power Bank / future categories.
   Contract: image left, content right.
   ========================================================= */

#catalogPage.is-list #catalogList,
#powerBankPage.is-list #pbGrid,
.category-catalog-page.is-list .category-product-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  width:100% !important;
}

/* One card geometry */
#catalogPage.is-list .category-product-card,
#powerBankPage.is-list .category-product-card,
.category-catalog-page.is-list .category-product-card{
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  grid-template-areas:"media body" !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:0 !important;

  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;

  padding:14px !important;
  margin:0 !important;
  box-sizing:border-box !important;

  background:#fff !important;
  border:1px solid #ECEBE8 !important;
  border-radius:22px !important;
  box-shadow:0 7px 24px rgba(20,22,28,.035) !important;
  overflow:hidden !important;
}

/* Media */
#catalogPage.is-list .category-product-card>img,
#powerBankPage.is-list .category-product-card>img,
.category-catalog-page.is-list .category-product-card>img{
  grid-area:media !important;

  position:static !important;
  inset:auto !important;

  display:block !important;
  width:112px !important;
  height:112px !important;
  min-width:112px !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:contain !important;
  object-position:center !important;
  aspect-ratio:1/1 !important;

  border-radius:15px !important;
  background:#F6F7F8 !important;
}

/* Content wrapper */
#catalogPage.is-list .category-product-card>.category-card-body,
#powerBankPage.is-list .category-product-card>.category-card-body,
.category-catalog-page.is-list .category-product-card>.category-card-body{
  grid-area:body !important;

  position:static !important;
  inset:auto !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;

  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

/* Text hierarchy */
#catalogPage.is-list .category-card-body .catalog-brand,
#powerBankPage.is-list .category-card-body .pb-brand,
.category-catalog-page.is-list .category-card-brand{
  width:100% !important;
  min-width:0 !important;
  margin:0 0 4px !important;

  color:var(--muted,#747982) !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

#catalogPage.is-list .category-card-body h3,
#powerBankPage.is-list .category-card-body h3,
.category-catalog-page.is-list .category-card-title{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:0 0 6px !important;

  color:var(--ink,#202124) !important;
  font-size:1.1rem !important;
  line-height:1.45 !important;
  font-weight:700 !important;

  overflow:visible !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  -webkit-line-clamp:unset !important;
}

#catalogPage.is-list .category-card-body .catalog-specs,
#powerBankPage.is-list .category-card-body .pb-spec-line,
.category-catalog-page.is-list .category-card-specs{
  width:100% !important;
  min-width:0 !important;
  margin:0 0 4px !important;

  color:var(--muted,#747982) !important;
  font-size:.91rem !important;
  line-height:1.55 !important;
  font-weight:400 !important;

  overflow-wrap:normal !important;
  word-break:normal !important;
}

#catalogPage.is-list .category-card-body .catalog-price,
#powerBankPage.is-list .category-card-body .pb-price,
.category-catalog-page.is-list .category-card-price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  width:100% !important;
  min-width:0 !important;

  margin:4px 0 0 !important;

  color:var(--ink,#202124) !important;
  font-size:1.12rem !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

#catalogPage.is-list .category-card-body .catalog-price small,
#powerBankPage.is-list .category-card-body .pb-price small,
.category-catalog-page.is-list .category-card-price small{
  display:block !important;
  margin:0 0 2px !important;

  color:var(--brand,#B85E43) !important;
  font-size:.86rem !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

/* Compare checkbox remains an overlay and does not consume grid columns */
#catalogPage.is-list .category-product-card>.universal-compare-control,
#powerBankPage.is-list .category-product-card>.universal-compare-control,
.category-catalog-page.is-list .category-product-card>.universal-compare-control{
  position:absolute !important;
}

/* Mobile keeps the same contract, only media gets slightly smaller */
@media(max-width:420px){
  #catalogPage.is-list .category-product-card,
  #powerBankPage.is-list .category-product-card,
  .category-catalog-page.is-list .category-product-card{
    grid-template-columns:100px minmax(0,1fr) !important;
    column-gap:12px !important;
    padding:12px !important;
  }

  #catalogPage.is-list .category-product-card>img,
  #powerBankPage.is-list .category-product-card>img,
  .category-catalog-page.is-list .category-product-card>img{
    width:100px !important;
    height:100px !important;
    min-width:100px !important;
  }
}


/* ../assets/inline-9.css */

/* V125 Step 8 Batch 13 — safe rendering containment; no visual changes */
.seo-guide,.site-guide,.unified-why{content-visibility:auto;contain-intrinsic-size:auto 520px}
.product-photo,.standard-detail-image,.helper-detail-image,.related-card img,.compare-visual-card img,.universal-compare-product img{image-rendering:auto}


/* ../assets/inline-10.css */

/* V125 Step 8 Batch 16 — Smart Helper V2: simple UI, multi-priority matching */
.helper-v2-hint{margin:0 0 10px;color:var(--muted);font-size:.83rem;line-height:1.55}
.helper-v2-counter{display:inline-flex;margin:0 0 12px;background:#f4f5f7;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:850;color:#656b76}
.options.helper-v2-multi{gap:9px}
.option.helper-v2-option{position:relative;align-items:center;border-width:1px}
.option.helper-v2-option .chev{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f2f4;font-size:0}
.option.helper-v2-option .chev:after{content:"";width:9px;height:9px;border:2px solid #a6abb4;border-radius:3px}
.option.helper-v2-option.selected{border-color:#ff9b82;background:#fff7f3;box-shadow:0 0 0 1px #ffd7ca inset}
.option.helper-v2-option.selected .chev{background:var(--accent)}
.option.helper-v2-option.selected .chev:after{content:"✓";width:auto;height:auto;border:0;color:#fff;font-size:.78rem;font-weight:950}
.helper-v2-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}
.helper-v2-next{border:0;background:var(--dark);color:#fff;border-radius:16px;padding:15px 17px;font-weight:950;font-size:1rem;cursor:pointer}
.helper-v2-next:disabled{opacity:.35;cursor:not-allowed}
.helper-v2-note{margin:7px 2px 0;color:var(--muted);font-size:.72rem;line-height:1.5;text-align:center}
.helper-v2-result-intro{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 14px;margin:0 0 12px;color:#555c67;font-size:.84rem;line-height:1.55}
.helper-v2-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 12px 34px rgba(20,22,28,.055)}
.helper-v2-card.helper-v2-primary{border:0;box-shadow:0 18px 46px rgba(20,22,28,.09)}
.helper-v2-label{display:inline-flex;align-items:center;gap:6px;background:#191b20;color:#fff;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}
.helper-v2-label.saver{background:#eef8f0;color:#2d6b3e}
.helper-v2-label.upgrade{background:#fff2ec;color:#b64f34}
.helper-v2-product{display:grid;grid-template-columns:105px 1fr;gap:13px;align-items:center;margin-top:13px}
.helper-v2-product>div{min-width:0}
.helper-v2-product img{width:105px;height:105px;object-fit:contain;border-radius:17px;background:#f6f7f8}
.helper-v2-brand{font-size:.72rem;color:var(--muted);font-weight:900}
.helper-v2-product h3{font-size:1.16rem;line-height:1.3;margin:3px 0 6px}
.helper-v2-price{color:var(--accent);font-size:1.08rem;font-weight:950}
.helper-v2-reason{margin:13px 0 0;background:#f7f8fa;border-radius:15px;padding:12px 13px;color:#555c67;font-size:.82rem;line-height:1.55}
.helper-v2-reason b{display:block;color:var(--ink);margin-bottom:3px}
.helper-v2-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.helper-v2-tags span{background:#f1f2f4;border-radius:999px;padding:5px 8px;font-size:.69rem;font-weight:850;color:#606672}
.helper-v2-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.helper-v2-actions-row a,.helper-v2-actions-row button{border:0;border-radius:12px;padding:11px 9px;text-align:center;text-decoration:none;font-size:.82rem;font-weight:900}
.helper-v2-actions-row a{background:var(--accent);color:#fff}.helper-v2-actions-row button{background:#eef0f3;color:var(--ink)}
#alternatives.helper-v2-alternatives{display:grid;gap:9px}
.helper-v2-alt{box-shadow:none;border-radius:19px;padding:13px}
.helper-v2-alt .helper-v2-product{grid-template-columns:72px 1fr;margin-top:10px}
.helper-v2-alt .helper-v2-product img{width:72px;height:72px;border-radius:14px}
.helper-v2-alt .helper-v2-product h3{font-size:.96rem}
.helper-v2-alt .helper-v2-reason{font-size:.76rem;padding:10px 11px;margin-top:10px}
.helper-v2-more-details{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.helper-v2-more-details summary{cursor:pointer;padding:13px 14px;font-size:.82rem;font-weight:900}
.helper-v2-more-details .helper-more-list{padding:0 10px 10px}
@media(max-width:390px){.helper-v2-product{grid-template-columns:88px 1fr}.helper-v2-product img{width:88px;height:88px}.helper-v2-actions-row{grid-template-columns:1fr}}

/* V125 Step 8 Batch 16.3 — clearer Smart Helper V2 entry card */
.category-catalog-page .smart-helper-entry .v6-helper-icon{
  font-size:1.45rem!important;
  background:linear-gradient(145deg,#353840,#262930)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.category-catalog-page .smart-helper-entry .v6-helper-copy span{
  letter-spacing:.08em!important;
  font-size:.68rem!important;
  font-weight:900!important;
}
.category-catalog-page .smart-helper-entry .v6-helper-copy b{
  font-size:1.12rem!important;
  line-height:1.35!important;
  margin:4px 0!important;
}
.category-catalog-page .smart-helper-entry .v6-helper-copy small{
  font-size:.84rem!important;
  line-height:1.5!important;
}
.category-catalog-page .smart-helper-entry button{
  font-size:.95rem!important;
  padding:13px 14px!important;
}

/* V125 Step 8 Batch 16.4 — Concept A / premium Smart Helper entry */
.category-catalog-page .smart-helper-entry{
  position:relative!important; overflow:hidden!important;
  padding:26px 24px 22px!important; border-radius:28px!important;
  background:linear-gradient(145deg,#1d1f24 0%,#17191e 100%)!important;
  box-shadow:0 16px 38px rgba(18,20,25,.16)!important;
}
.category-catalog-page .smart-helper-entry:before{
  content:""; position:absolute; width:190px; height:190px; border-radius:50%;
  right:-92px; top:-105px; background:rgba(255,255,255,.035);
}
.category-catalog-page .smart-helper-entry .v6-helper-icon{
  width:58px!important;height:58px!important;border-radius:18px!important;
  display:grid!important;place-items:center!important;
  font-size:2rem!important;font-weight:800!important;color:#f18468!important;
  background:#292c33!important;border:1px solid rgba(255,255,255,.08)!important;
}
.category-catalog-page .smart-helper-entry .v6-helper-copy span{
  color:#f3947d!important;font-size:.7rem!important;font-weight:800!important;
  letter-spacing:.12em!important;
}
.category-catalog-page .smart-helper-entry .v6-helper-copy b{
  color:#fff!important;font-size:1.16rem!important;line-height:1.42!important;
  font-weight:750!important;letter-spacing:-.015em!important;margin:4px 0 3px!important;
}
.category-catalog-page .smart-helper-entry .v6-helper-copy small{
  color:#b9bbc2!important;font-size:.88rem!important;line-height:1.45!important;font-weight:450!important;
}
.category-catalog-page .smart-helper-entry button{
  width:100%!important;margin-top:18px!important;padding:15px 18px!important;
  border-radius:18px!important;background:#fff!important;color:#24262b!important;
  font-size:1rem!important;font-weight:650!important;letter-spacing:-.01em!important;
  box-shadow:none!important;
}

/* V125 Step 8 Batch 16.5 — Signature Smart Match */
.category-catalog-page .smart-helper-signature{
  position:relative!important;
  display:grid!important;
  grid-template-columns:78px 1fr!important;
  gap:18px!important;
  padding:26px 24px 22px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,120,86,.18),transparent 27%),
    linear-gradient(145deg,#1a1c21 0%,#111318 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 20px 44px rgba(17,18,22,.20)!important;
}
.category-catalog-page .smart-helper-signature:after{
  content:"";
  position:absolute;
  left:24px;right:24px;top:0;
  height:3px;border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#f06b4d 0%,#ff9b7f 46%,transparent 88%);
}
.category-catalog-page .smart-helper-signature .helper-orbit{
  width:72px;height:72px;border-radius:23px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#2e3037,#202229);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.018);
  position:relative;
}
.category-catalog-page .smart-helper-signature .helper-orbit:before,
.category-catalog-page .smart-helper-signature .helper-orbit:after{
  content:"";position:absolute;border-radius:50%;border:2px solid #f17a5d;
}
.category-catalog-page .smart-helper-signature .helper-orbit:before{width:28px;height:28px;opacity:.95}
.category-catalog-page .smart-helper-signature .helper-orbit:after{width:10px;height:10px;background:#f17a5d}
.category-catalog-page .smart-helper-signature .helper-orbit span{
  position:absolute;right:-7px;top:-8px;
  min-width:27px;height:27px;padding:0 6px;border-radius:999px;
  display:grid;place-items:center;background:#fff;color:#191b20;
  font-size:.62rem;font-weight:900;letter-spacing:.02em;
}
.category-catalog-page .smart-helper-signature .helper-kicker{
  display:flex;align-items:center;gap:7px;
  color:#ff9b82;font-size:.69rem;font-weight:900;letter-spacing:.12em;
}
.category-catalog-page .smart-helper-signature .helper-live-dot{
  width:7px;height:7px;border-radius:50%;background:#ff7657;
  box-shadow:0 0 0 5px rgba(255,118,87,.12);
}
.category-catalog-page .smart-helper-signature .v6-helper-copy b{
  display:block!important;color:#fff!important;
  font-size:1.28rem!important;line-height:1.34!important;
  font-weight:780!important;letter-spacing:-.025em!important;
  margin:7px 0 7px!important;
}
.category-catalog-page .smart-helper-signature .v6-helper-copy small{
  color:#b8bbc3!important;font-size:.88rem!important;line-height:1.5!important;
}
.category-catalog-page .smart-helper-signature .helper-flow{
  grid-column:1/-1;
  display:grid;grid-template-columns:auto 16px auto 16px auto;
  align-items:center;justify-content:center;gap:7px;
  margin-top:4px;padding:11px 12px;border-radius:16px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);
}
.category-catalog-page .smart-helper-signature .helper-flow span{
  color:#e7e8eb;font-size:.72rem;font-weight:750;white-space:nowrap;
  display:flex;align-items:center;gap:5px;
}
.category-catalog-page .smart-helper-signature .helper-flow i{
  width:20px;height:20px;border-radius:7px;display:grid;place-items:center;
  background:#2d3037;color:#ff9a80;font-style:normal;font-size:.62rem;font-weight:900;
}
.category-catalog-page .smart-helper-signature .helper-flow>b{
  color:#747882;font-size:.72rem!important;margin:0!important;
}
.category-catalog-page .smart-helper-signature button{
  grid-column:1/-1!important;width:100%!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-top:2px!important;padding:16px 18px!important;
  border-radius:18px!important;border:0!important;
  background:linear-gradient(135deg,#ff7657,#ef5f43)!important;
  color:#fff!important;font-size:1rem!important;font-weight:850!important;
  box-shadow:0 10px 22px rgba(239,95,67,.20)!important;
}
.category-catalog-page .smart-helper-signature button strong{
  width:34px;height:34px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.15);font-size:1.05rem;
}
.category-catalog-page .smart-helper-signature .helper-foot{
  grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;
  color:#777c85;font-size:.68rem;font-weight:700;padding:0 2px;
}
@media(max-width:390px){
  .category-catalog-page .smart-helper-signature{
    grid-template-columns:64px 1fr!important;padding:22px 18px 19px!important;gap:14px!important;
  }
  .category-catalog-page .smart-helper-signature .helper-orbit{width:60px;height:60px;border-radius:19px}
  .category-catalog-page .smart-helper-signature .v6-helper-copy b{font-size:1.12rem!important}
  .category-catalog-page .smart-helper-signature .helper-flow{gap:4px;padding:10px 8px}
  .category-catalog-page .smart-helper-signature .helper-flow span{font-size:.65rem}
}

/* V125 Step 8 Batch 17.2 — Smart Match front redesign without legacy-question framing */
.category-catalog-page .smart-helper-no-questions{
  position:relative!important;
  display:grid!important;
  grid-template-columns:76px 1fr!important;
  gap:18px!important;
  padding:26px 24px 22px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 90% 4%,rgba(255,123,88,.18),transparent 30%),
    linear-gradient(145deg,#191b20 0%,#111318 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 22px 48px rgba(17,18,22,.20)!important;
}
.category-catalog-page .smart-helper-no-questions:after{
  content:"";position:absolute;left:24px;right:24px;top:0;height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#f06b4d 0%,#ff9f84 45%,transparent 88%);
}
.category-catalog-page .smart-helper-no-questions .helper-orbit{
  width:70px;height:70px;border-radius:22px;display:grid;place-items:center;
  background:linear-gradient(145deg,#2d3037,#202229);
  border:1px solid rgba(255,255,255,.09);position:relative;overflow:hidden;
}
.category-catalog-page .smart-helper-no-questions .helper-orbit:before{
  content:"";width:30px;height:30px;border-radius:50%;
  border:3px solid #ef7659;box-shadow:0 0 0 8px rgba(239,118,89,.10);
}
.category-catalog-page .smart-helper-no-questions .helper-orbit span{
  position:absolute;right:-1px;top:-1px;background:#fff;color:#17191e;
  min-width:26px;height:26px;padding:0 6px;border-radius:999px;
  display:grid;place-items:center;font-size:.58rem;font-weight:900;
}
.category-catalog-page .smart-helper-no-questions .helper-kicker{
  color:#ff9b82;font-size:.7rem;font-weight:900;letter-spacing:.12em;
  display:flex;align-items:center;gap:7px
}
.category-catalog-page .smart-helper-no-questions .helper-live-dot{
  width:7px;height:7px;border-radius:50%;background:#ff7657;
  box-shadow:0 0 0 5px rgba(255,118,87,.12)
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy b{
  color:#fff!important;display:block!important;font-size:1.28rem!important;
  line-height:1.34!important;font-weight:780!important;letter-spacing:-.025em!important;
  margin:7px 0!important;
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy b em{
  color:#ff8c70;font-style:normal;
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy small{
  color:#b9bbc2!important;font-size:.88rem!important;line-height:1.5!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits{
  grid-column:1/-1;display:flex;gap:8px;overflow:auto;scrollbar-width:none;
  padding:4px 0 2px;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits::-webkit-scrollbar{display:none}
.category-catalog-page .smart-helper-no-questions .helper-benefits span{
  flex:0 0 auto;white-space:nowrap;padding:9px 11px;border-radius:999px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);
  color:#d8dade;font-size:.72rem;font-weight:750;
}
.category-catalog-page .smart-helper-no-questions button{
  grid-column:1/-1!important;width:100%!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-top:4px!important;padding:16px 18px!important;border-radius:18px!important;border:0!important;
  background:linear-gradient(135deg,#ff7657,#ef5f43)!important;color:#fff!important;
  font-size:1rem!important;font-weight:850!important;
  box-shadow:0 10px 22px rgba(239,95,67,.20)!important;
}
.category-catalog-page .smart-helper-no-questions button strong{
  width:34px;height:34px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.15);font-size:1.05rem;
}
@media(max-width:390px){
 .category-catalog-page .smart-helper-no-questions{grid-template-columns:62px 1fr!important;padding:22px 18px 19px!important;gap:14px!important}
 .category-catalog-page .smart-helper-no-questions .helper-orbit{width:60px;height:60px;border-radius:19px}
 .category-catalog-page .smart-helper-no-questions .v6-helper-copy b{font-size:1.14rem!important}
}

/* V125 Step 8 Batch 18 — remove hard-coded catalog count; keep benefits future-proof */
.category-catalog-page .smart-helper-no-questions .helper-benefits{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
  padding:4px 0 2px!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits span{
  min-width:0!important;
  width:100%!important;
  padding:9px 6px!important;
  border-radius:14px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
  font-size:.67rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:370px){
  .category-catalog-page .smart-helper-no-questions .helper-benefits span{
    font-size:.62rem!important;
    padding:8px 4px!important;
  }
}

/* V125 Step 8 Batch 17.4 — remove redundant Smart Match header label */
#quiz .quiz-progress-head > span:empty{
  display:none!important;
}


/* ../assets/inline-11.css */

/* V125 Step 8 Batch 19 — Smart Match visual polish
   CSS-only refinement: cleaner hierarchy, spacing and CTA; product/catalog data untouched. */
.category-catalog-page .smart-helper-no-questions{
  grid-template-columns:64px minmax(0,1fr)!important;
  column-gap:16px!important;
  row-gap:18px!important;
  padding:24px 22px 22px!important;
  border-radius:28px!important;
  box-shadow:0 18px 42px rgba(17,18,22,.17)!important;
}
.category-catalog-page .smart-helper-no-questions:after{
  left:22px!important;
  right:auto!important;
  width:42%!important;
  height:3px!important;
  opacity:.9;
}
.category-catalog-page .smart-helper-no-questions .helper-orbit{
  width:64px!important;
  height:64px!important;
  border-radius:20px!important;
  align-self:start!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.category-catalog-page .smart-helper-no-questions .helper-orbit:before{
  width:28px!important;
  height:28px!important;
  border-width:3px!important;
  box-shadow:0 0 0 7px rgba(239,118,89,.09)!important;
}
.category-catalog-page .smart-helper-no-questions .helper-orbit span{
  right:-2px!important;
  top:-2px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  font-size:.59rem!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.category-catalog-page .smart-helper-no-questions .helper-kicker{
  font-size:.66rem!important;
  letter-spacing:.14em!important;
  margin-top:1px!important;
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy b{
  font-size:1.22rem!important;
  line-height:1.28!important;
  margin:7px 0 8px!important;
  letter-spacing:-.02em!important;
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy small{
  display:block!important;
  max-width:32em!important;
  color:#bfc1c7!important;
  font-size:.84rem!important;
  line-height:1.55!important;
}

/* Two benefits read as one refined information strip, not two rough buttons. */
.category-catalog-page .smart-helper-no-questions .helper-benefits{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits span{
  min-height:48px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e1e2e5!important;
  font-size:.76rem!important;
  font-weight:760!important;
  line-height:1.35!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits span + span{
  border-left:1px solid rgba(255,255,255,.075)!important;
}

/* CTA: flatter, calmer and more deliberate. */
.category-catalog-page .smart-helper-no-questions button{
  grid-column:1/-1!important;
  min-height:58px!important;
  margin-top:0!important;
  padding:11px 12px 11px 18px!important;
  border-radius:17px!important;
  font-size:.97rem!important;
  letter-spacing:-.01em!important;
  box-shadow:0 8px 18px rgba(239,95,67,.18)!important;
}
.category-catalog-page .smart-helper-no-questions button strong{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  font-size:1rem!important;
  background:rgba(255,255,255,.14)!important;
}

@media(max-width:420px){
  .category-catalog-page .smart-helper-no-questions{
    grid-template-columns:58px minmax(0,1fr)!important;
    column-gap:13px!important;
    row-gap:15px!important;
    padding:21px 17px 18px!important;
    border-radius:26px!important;
  }
  .category-catalog-page .smart-helper-no-questions:after{
    left:18px!important;
    width:38%!important;
  }
  .category-catalog-page .smart-helper-no-questions .helper-orbit{
    width:58px!important;
    height:58px!important;
    border-radius:18px!important;
  }
  .category-catalog-page .smart-helper-no-questions .v6-helper-copy b{
    font-size:1.12rem!important;
    line-height:1.3!important;
  }
  .category-catalog-page .smart-helper-no-questions .v6-helper-copy small{
    font-size:.8rem!important;
  }
  .category-catalog-page .smart-helper-no-questions .helper-benefits span{
    min-height:46px!important;
    padding:9px 8px!important;
    font-size:.71rem!important;
  }
  .category-catalog-page .smart-helper-no-questions button{
    min-height:56px!important;
    font-size:.94rem!important;
  }
}


/* ../assets/inline-12.css */

/* Option B — Soft Modern: นุ่มขึ้น เข้ากับเว็บโดยรวม */
.category-catalog-page .smart-helper-no-questions{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:15px!important;
  padding:23px 21px 21px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,120,92,.16),transparent 32%),
    linear-gradient(160deg,#1c1d21 0%,#15161a 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 20px 50px rgba(15,16,19,.15)!important;
}
.category-catalog-page .smart-helper-no-questions:after{display:none!important}
.category-catalog-page .smart-helper-no-questions .helper-orbit{
  width:58px!important;height:58px!important;border-radius:19px!important;
  background:rgba(255,255,255,.05)!important;
}
.category-catalog-page .smart-helper-no-questions .helper-kicker{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:5px 8px!important;border-radius:999px!important;
  background:rgba(255,118,95,.10)!important;color:#ff9a84!important;
  font-size:.61rem!important;letter-spacing:.11em!important;
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy b{
  font-size:1.2rem!important;line-height:1.3!important;margin:8px 0 8px!important;
}
.category-catalog-page .smart-helper-no-questions .v6-helper-copy small{
  font-size:.82rem!important;line-height:1.58!important;color:#c0c2c8!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits{
  grid-column:1/-1!important;display:flex!important;gap:8px!important;
  border:0!important;background:transparent!important;overflow:visible!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits span{
  flex:1!important;min-height:46px!important;padding:10px!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.045)!important;
  font-size:.72rem!important;color:#e9eaed!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits span + span{
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.category-catalog-page .smart-helper-no-questions button{
  grid-column:1/-1!important;min-height:60px!important;border-radius:20px!important;
  background:#ff684d!important;box-shadow:none!important;
}
.category-catalog-page .smart-helper-no-questions button strong{
  width:40px!important;height:40px!important;border-radius:50%!important;
}


/* ../assets/inline-13.css */

.category-catalog-page .smart-helper-no-questions{cursor:pointer!important;touch-action:manipulation}
.category-catalog-page .smart-helper-no-questions:before,
.category-catalog-page .smart-helper-no-questions:after,
.category-catalog-page .smart-helper-no-questions .helper-orbit:before,
.category-catalog-page .smart-helper-no-questions .helper-orbit:after{pointer-events:none!important}
.category-catalog-page .smart-helper-no-questions button{cursor:pointer!important;position:relative!important;z-index:2!important;touch-action:manipulation}


/* ../assets/inline-14.css */

.category-catalog-page .smart-helper-no-questions{
  row-gap:14px!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-start!important;
  width:auto!important;
  gap:0!important;
  margin:0 0 -4px 2px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.category-catalog-page .smart-helper-no-questions .helper-benefits span{
  flex:0 0 auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#bfc1c7!important;
  font-size:.72rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.category-catalog-page .smart-helper-no-questions button{
  margin-top:-2px!important;
}


/* ../assets/inline-15.css */

/* Power Bank Smart Match now uses the same visual/interaction contract as Fan Smart Match. */
#powerBankPage .smart-helper-no-questions{
  cursor:pointer!important;
  touch-action:manipulation;
}
#powerBankPage .smart-helper-no-questions:before,
#powerBankPage .smart-helper-no-questions:after,
#powerBankPage .smart-helper-no-questions .helper-orbit:before,
#powerBankPage .smart-helper-no-questions .helper-orbit:after{
  pointer-events:none!important;
}
#powerBankPage .smart-helper-no-questions button{
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
  touch-action:manipulation;
}


/* ../assets/inline-16.css */

/* Power Bank result cards: match the approved Fan mobile proportions without changing Fan. */
#pbResults{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
#pbResults .helper-v2-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#pbResults .helper-v2-main{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
#pbResults .helper-v2-main > img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:20px!important;
  background:#f6f7f8!important;
}
#pbResults .helper-v2-main > div{
  min-width:0!important;
}
#pbResults .helper-v2-main h3{
  overflow-wrap:anywhere!important;
}
#pbResults .helper-v2-reason,
#pbResults .helper-v2-tags,
#pbResults .helper-v2-actions-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pbResults .helper-v2-tags{
  display:flex!important;
  flex-wrap:wrap!important;
}
#pbResults .helper-v2-actions-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
#pbResults .helper-v2-actions-row a,
#pbResults .helper-v2-actions-row button{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#pbResults .section-heading{
  width:100%!important;
  min-width:0!important;
}
#pbResults .helper-v2-alternatives{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
}

@media(max-width:520px){
  #pbResults .helper-v2-main{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:13px!important;
  }
  #pbResults .helper-v2-main > img{
    width:108px!important;
    height:108px!important;
    max-width:108px!important;
    border-radius:17px!important;
  }
  #pbResults .helper-v2-main h3{
    font-size:1.12rem!important;
    line-height:1.28!important;
  }
  #pbResults .helper-v2-price{
    font-size:1.18rem!important;
  }
  #pbResults .helper-v2-reason{
    padding:14px!important;
  }
}


/* ../assets/inline-17.css */

/* =========================================================
   UNIVERSAL SMART MATCH UI CONTRACT — Batch 30
   Future categories should use:
     .universal-smartmatch-entry[data-smartmatch-category]
     .universal-smartmatch-results[data-smartmatch-category]
     .usm-result-card / .usm-result-product / .usm-result-reason
   Category-specific scoring/data stay in adapters/config only.
   ========================================================= */

.universal-smartmatch-entry{
  position:relative!important;
  cursor:pointer!important;
  touch-action:manipulation;
}
.universal-smartmatch-entry:before,
.universal-smartmatch-entry:after,
.universal-smartmatch-entry .helper-orbit:before,
.universal-smartmatch-entry .helper-orbit:after{
  pointer-events:none!important;
}
.universal-smartmatch-entry > button{
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
  touch-action:manipulation;
}

/* Shared result-card aliases. Existing helper-v2 classes remain supported. */
.universal-smartmatch-results .usm-result-card,
.universal-smartmatch-results .helper-v2-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.universal-smartmatch-results .usm-result-product,
.universal-smartmatch-results .helper-v2-product,
.universal-smartmatch-results .helper-v2-main{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  margin-top:13px!important;
  width:100%!important;
  min-width:0!important;
}
.universal-smartmatch-results .usm-result-product > img,
.universal-smartmatch-results .helper-v2-product > img,
.universal-smartmatch-results .helper-v2-main > img{
  width:105px!important;
  height:105px!important;
  max-width:105px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:17px!important;
  background:#f6f7f8!important;
}
.universal-smartmatch-results .usm-result-product > div,
.universal-smartmatch-results .helper-v2-product > div,
.universal-smartmatch-results .helper-v2-main > div{
  min-width:0!important;
}
.universal-smartmatch-results .usm-result-product h3,
.universal-smartmatch-results .helper-v2-product h3,
.universal-smartmatch-results .helper-v2-main h3{
  overflow-wrap:anywhere!important;
}
.universal-smartmatch-results .usm-result-reason,
.universal-smartmatch-results .helper-v2-reason,
.universal-smartmatch-results .usm-result-tags,
.universal-smartmatch-results .helper-v2-tags,
.universal-smartmatch-results .usm-result-actions,
.universal-smartmatch-results .helper-v2-actions-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.universal-smartmatch-results .usm-result-tags,
.universal-smartmatch-results .helper-v2-tags{
  display:flex!important;
  flex-wrap:wrap!important;
}
.universal-smartmatch-results .usm-result-actions,
.universal-smartmatch-results .helper-v2-actions-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.universal-smartmatch-results .usm-result-actions a,
.universal-smartmatch-results .usm-result-actions button,
.universal-smartmatch-results .helper-v2-actions-row a,
.universal-smartmatch-results .helper-v2-actions-row button{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.universal-smartmatch-results .helper-v2-alternatives{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
}

@media(max-width:520px){
  .universal-smartmatch-results .usm-result-product,
  .universal-smartmatch-results .helper-v2-product,
  .universal-smartmatch-results .helper-v2-main{
    grid-template-columns:105px minmax(0,1fr)!important;
    gap:13px!important;
  }
  .universal-smartmatch-results .usm-result-product > img,
  .universal-smartmatch-results .helper-v2-product > img,
  .universal-smartmatch-results .helper-v2-main > img{
    width:105px!important;
    height:105px!important;
    max-width:105px!important;
  }
}

/* Public CSS capability marker for future category QA. */
html{--annideee-smartmatch-contract-version:30}


/* ../assets/inline-18.css */

/*
COMPARE PRICE SINGLE-SOURCE GUARD — Batch 37.2
The visual product cards inside compare views must never show reference price.
Reference price belongs only to the canonical "ราคาอ้างอิง" row in the compare table.
This CSS guard intentionally avoids touching click/navigation JavaScript.
*/
.compare-visual-card > small,
.universal-compare-product > small,
.universal-compare-products .price,
.universal-compare-products [data-compare-price]{
  display:none !important;
}


/* ../assets/inline-19.css */

/* Batch 37.3 — Compare visual card title spacing standard
   Keep title comfortably below image and remove excessive empty card height. */
.compare-visual-card{
  padding:10px 10px 12px;
}
.compare-visual-card b{
  margin-top:12px;
  min-height:2.5em;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
@media(max-width:390px){
  .compare-visual-card{padding:8px 8px 11px;}
  .compare-visual-card b{margin-top:11px;min-height:2.5em;}
}


/* ../assets/inline-20.css */

/* Batch 42: one authoritative release panel only.
   Legacy guards still compute their reports, but no longer compete for the UI. */
#affiliateGuardWarning,#catalogQaWarning{display:none!important}
#annideeeReleaseGateV42{
  position:fixed;left:50%;top:8px;transform:translateX(-50%);z-index:100000;
  width:min(620px,calc(100% - 24px));border-radius:14px;padding:10px 12px;
  box-shadow:0 8px 28px rgba(0,0,0,.22);font:700 13px/1.45 system-ui,sans-serif
}
#annideeeReleaseGateV42[data-level="block"]{background:#7f1d1d;color:#fff}
#annideeeReleaseGateV42[data-level="review"]{background:#854d0e;color:#fff}
#annideeeReleaseGateV42[data-level="pass"]{display:none}
.annideee-commerce-disabled{pointer-events:none!important;opacity:.56!important}


/* ../assets/inline-21.css */

/* Batch 63 — Universal compact card summary standard.
   Keep 1–2 decision-useful facts visible in catalog cards; full facts remain in Detail. */
#catalogPage.is-grid .category-card-body,
#powerBankPage.is-grid .category-card-body,
.category-catalog-page.is-grid .category-card-body{
  display:flex!important; flex-direction:column!important; gap:0!important;
}
#catalogPage.is-grid .catalog-card h3,
#catalogPage.is-grid .product-card h3,
#powerBankPage.is-grid .pb-card h3,
#powerBankPage.is-grid .category-card-title,
.category-catalog-page.is-grid .category-card-title{
  height:2.9em!important; min-height:2.9em!important; max-height:2.9em!important;
  margin:5px 0 0!important; line-height:1.45!important; -webkit-line-clamp:2!important;
}
#catalogPage.is-grid .catalog-specs,
#catalogPage.is-grid .product-spec,
#powerBankPage.is-grid .pb-spec-line,
#powerBankPage.is-grid .category-card-specs,
.category-catalog-page.is-grid .category-card-specs{
  height:3.05em!important; min-height:3.05em!important; max-height:3.05em!important;
  margin:8px 0 0!important; line-height:1.5!important; -webkit-line-clamp:2!important;
  font-weight:400!important;
}
#catalogPage.is-grid .catalog-price,
#catalogPage.is-grid .product-price,
#powerBankPage.is-grid .pb-price,
#powerBankPage.is-grid .category-card-price,
.category-catalog-page.is-grid .category-card-price{
  height:3.35em!important; min-height:3.35em!important; margin:9px 0 0!important;
}


/* ../assets/inline-22.css */

/* =========================================================
   B64 POWER BANK COMPACT CARD STANDARD
   Purpose: Power Bank summaries are naturally shorter than fan summaries.
   Do not stretch empty vertical space just to mimic fan-card height.
   Standard:
   image -> brand -> title (max 2 lines) -> summary (max 2 lines) -> price.
   Full specifications remain on Product Detail.
   ========================================================= */
#powerBankPage.is-grid #pbGrid{
  align-items:start!important;
}

#powerBankPage.is-grid .pb-card{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  justify-content:flex-start!important;
}

#powerBankPage.is-grid .pb-card>.category-card-body{
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  justify-content:flex-start!important;
}

#powerBankPage.is-grid .pb-card h3,
#powerBankPage.is-grid .category-card-title{
  display:-webkit-box!important;
  height:2.9em!important;
  min-height:2.9em!important;
  max-height:2.9em!important;
  margin:5px 0 0!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

#powerBankPage.is-grid .pb-spec-line,
#powerBankPage.is-grid .category-card-specs{
  display:-webkit-box!important;
  height:3.05em!important;
  min-height:3.05em!important;
  max-height:3.05em!important;
  margin:8px 0 0!important;
  line-height:1.52!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

#powerBankPage.is-grid .pb-price,
#powerBankPage.is-grid .category-card-price{
  height:auto!important;
  min-height:0!important;
  margin:12px 0 0!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}

#powerBankPage.is-grid .pb-actions{
  margin-top:8px!important;
  padding-top:0!important;
}

/* Power Bank card summary contract:
   show only the two strongest comparison facts on grid cards.
   Example: 10,000mAh · 45W / 10,000mAh · Qi2 15W.
*/


/* ../assets/inline-23.css */

/* Batch 103 — readable Full-Spec cards for current and future categories */
#annideee-product-page .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
#annideee-product-page .spec-item,#annideee-product-page .spec-card,#annideee-product-page [class*="spec-"]{min-width:0}
#annideee-product-page .spec-grid>*,#annideee-product-page .spec-grid>* *{overflow-wrap:anywhere;word-break:normal}
#annideee-product-page .spec-grid>*{height:auto!important;min-height:118px}
@media(max-width:360px){#annideee-product-page .spec-grid{grid-template-columns:1fr!important}#annideee-product-page .spec-grid>*{min-height:auto}}


/* ../assets/inline-24.css */

/* Batch 115 — Progressive Full-Spec presentation. Data remains complete; only presentation is tiered. */
#annideee-product-page .spec-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#annideee-product-page .spec-primary-card{min-width:0!important;min-height:112px!important;height:auto!important;padding:16px!important;background:#f7f8fa!important;border-radius:18px!important}
#annideee-product-page .spec-primary-card span{display:block;color:var(--muted);font-size:.78rem;line-height:1.35}
#annideee-product-page .spec-primary-card b{display:block;margin-top:7px;font-size:.98rem;line-height:1.45;overflow-wrap:anywhere;word-break:normal;white-space:normal}
#annideee-product-page .spec-deep-section{margin-top:18px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
#annideee-product-page .spec-deep-section h3{margin:0;padding:16px 16px 4px;font-size:1rem}
#annideee-product-page .spec-deep-hint{margin:0;padding:0 16px 14px;color:var(--muted);font-size:.76rem;line-height:1.45}
#annideee-product-page .spec-deep-row{display:grid;grid-template-columns:minmax(105px,34%) minmax(0,1fr);gap:14px;padding:13px 16px;border-top:1px solid var(--line);align-items:start}
#annideee-product-page .spec-deep-row span{min-width:0;color:var(--muted);font-size:.79rem;line-height:1.45;overflow-wrap:anywhere}
#annideee-product-page .spec-deep-row b{min-width:0;font-size:.87rem;line-height:1.5;overflow-wrap:anywhere;word-break:normal;white-space:normal}
@media(max-width:360px){
  #annideee-product-page .spec-primary-grid{grid-template-columns:1fr!important}
  #annideee-product-page .spec-primary-card{min-height:auto!important}
  #annideee-product-page .spec-deep-row{grid-template-columns:1fr;gap:5px}
}


/* ../assets/inline-25.css */
/* Batch 128 — Know Before Buy v2 pilot */
.product-page-section .know-list .know-v2-item{padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:#fafafa}
.product-page-section .know-list .know-v2-item:before{content:none}
.product-page-section .know-list .know-v2-item strong{display:block;color:#202228;font-size:1rem;line-height:1.45;margin-bottom:5px}
.product-page-section .know-list .know-v2-item span{display:block;color:#5f6570;font-size:.94rem;line-height:1.65}


/* ../assets/inline-26.css */

/* Batch 137: Audio uses the exact shared Smart Match component contract.
   Only the long category title gets a responsive text-fit rule. */
#audioPage .category-page-copy h1{
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
@media(max-width:430px){
  #audioPage .category-page-copy h1{font-size:1.42rem!important;line-height:1.16!important;letter-spacing:-.025em!important}
}


/* ../assets/inline-27.css */

/* Batch 141 — modern editorial home refresh. Home-only visual layer; catalog engines untouched. */
#home{--home-ink:#17181c;--home-soft:#f5f5f2;--home-accent:#ff6246;--home-accent-soft:#fff0eb}
#home .hero-copy{padding-top:34px;max-width:650px}
#home .hero-copy .mini-pill{background:var(--home-accent-soft);color:#c94732;border:0;padding:8px 12px;font-size:.72rem;letter-spacing:.01em}
#home .hero-copy h1{font-size:4rem;line-height:.98;letter-spacing:-.055em;margin:18px 0 16px;color:var(--home-ink)}
#home .hero-copy h1 em{color:var(--home-accent);font-style:normal}
#home .hero-copy p{max-width:560px;font-size:1rem;line-height:1.75;color:#686a70}
#home .search-box{margin-top:25px;border:1px solid #e7e7e4;border-radius:18px;box-shadow:0 12px 34px rgba(20,22,28,.07);background:#fff;min-height:60px}
#home .search-box:focus-within{border-color:#ffc0b3;box-shadow:0 12px 36px rgba(255,98,70,.12)}
#home .v7-home{margin-top:42px!important}
#home .v90-category-head{margin-bottom:18px;display:block}
#home .v90-category-head span{color:var(--home-accent);font-size:.76rem;font-weight:850}
#home .v90-category-head h2{font-size:1.8rem;letter-spacing:-.035em;margin-top:5px}
#home .v7-category-list{gap:14px!important}
#home .v7-cat{position:relative;border:1px solid #e9e9e6!important;border-radius:24px!important;box-shadow:0 8px 28px rgba(20,22,28,.045)!important;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
#home .v7-cat:active{transform:scale(.992)}
#home .v7-cat-main{grid-template-columns:76px 1fr auto!important;gap:16px!important;padding:17px 18px 12px!important}
#home .v7-cat-visual{height:76px!important;width:76px;border-radius:22px!important;font-size:2rem;background:#f4f5f7!important}
#home .v7-cat:nth-child(1) .v7-cat-visual{background:linear-gradient(145deg,#eaf4ff,#f7fbff)!important}
#home .v7-cat:nth-child(2) .v7-cat-visual{background:linear-gradient(145deg,#e9faf1,#f7fff9)!important}
#home .v7-cat:nth-child(3) .v7-cat-visual{background:linear-gradient(145deg,#f1ecff,#faf8ff)!important}
#home .v7-cat-copy small{display:inline-block;color:#777b83!important;background:#f3f3f1;border-radius:999px;padding:3px 8px;font-size:.68rem!important;font-weight:800}
#home .v7-cat-copy h3{font-size:1.25rem!important;line-height:1.22!important;letter-spacing:-.025em!important;margin:7px 0 4px!important;color:var(--home-ink)}
#home .v7-cat-copy p{font-size:.78rem!important;color:#83858b!important;line-height:1.4!important}
#home .v7-chevron{font-size:1.75rem;color:#c5c6c8}
#home .v7-assist{width:auto!important;margin:0 18px 15px 110px;border:0!important;border-radius:999px;background:var(--home-accent-soft)!important;color:#b84230!important;padding:9px 13px!important;font-size:.78rem!important;font-weight:800;display:inline-flex;align-items:center;gap:8px;justify-content:center}
#home .v7-assist b{color:inherit!important;margin:0!important}
#home .v7-assist .assist-arrow{margin:0;font-size:1rem;line-height:1}
#home .why{margin-top:34px!important;border-radius:26px!important;background:#18191d!important;color:#fff!important;border:0!important}
#home .why .section-kicker{color:#ff927f!important}
#home .why h3{color:#fff!important;letter-spacing:-.025em}
#home .why-grid article{background:#24252a!important;border-color:#303136!important}
#home .why-grid article b{color:#fff!important}
#home .why-grid article small{color:#aaaeb7!important}
#home .why-grid article span{color:#ff927f!important}
@media(max-width:520px){
 #home .hero-copy{padding-top:24px!important}
 #home .hero-copy h1{font-size:3.25rem!important;line-height:1!important}
 #home .hero-copy p{font-size:.9rem;line-height:1.65}
 #home .search-box{min-height:56px;margin-top:20px}
 #home .v7-home{margin-top:34px!important}
 #home .v90-category-head h2{font-size:1.62rem!important}
 #home .v7-cat-main{grid-template-columns:68px 1fr auto!important;gap:12px!important;padding:15px 15px 10px!important}
 #home .v7-cat-visual{width:68px;height:68px!important;border-radius:19px!important}
 #home .v7-cat-copy h3{font-size:1.12rem!important}
 #home .v7-cat-copy p{font-size:.73rem!important}
 #home .v7-assist{margin:0 15px 14px 95px;padding:8px 12px!important}
}


/* ../assets/inline-28.css */

/* Batch 92 — TWS grid text-overlap guard.
   Keep the shared card renderer, but make text slots resilient to Thai wrapping. */
#audioPage.is-grid .category-card-body{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}
#audioPage.is-grid .category-card-brand{
  display:block!important;
  height:1.45em!important;
  min-height:1.45em!important;
  max-height:1.45em!important;
  line-height:1.45!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#audioPage.is-grid .category-card-title{
  display:-webkit-box!important;
  height:3.05em!important;
  min-height:3.05em!important;
  max-height:3.05em!important;
  line-height:1.5!important;
  margin:6px 0 0!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
#audioPage.is-grid .category-card-specs{
  display:-webkit-box!important;
  height:3.2em!important;
  min-height:3.2em!important;
  max-height:3.2em!important;
  line-height:1.55!important;
  margin:9px 0 0!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
#audioPage.is-grid .category-card-price{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  height:auto!important;
  min-height:3.55em!important;
  margin:12px 0 0!important;
  line-height:1.15!important;
  overflow:visible!important;
}
#audioPage.is-grid .category-card-price small{
  display:block!important;
  position:static!important;
  margin:0 0 4px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#audioPage.is-grid .category-card-price{
  font-size:inherit!important;
}

/* Batch 96 — Universal Compare View Isolation Contract
   A compare-selection CTA must only exist on catalog selection screens.
   Any current or future category registered with .universal-compare-bar / *CompareBar
   is force-hidden while a compare view is open. */
body.compare-view-open .universal-compare-bar,
body.compare-view-open #compareFloating,
body.compare-view-open [data-compare-floating],
body.compare-view-open [id$="CompareBar"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
/* Batch 107 — Compare CTA state contract: floating CTA is opt-in, never stale. */
body:not(.compare-view-open) .universal-compare-bar.hidden,
body:not(.compare-view-open) #compareFloating.hidden{
  display:none !important;
}

/* Batch 130 — universal Know Before Buy insight design */
.product-page-section.kbb-section{position:relative;overflow:hidden;border-color:#f0d8d0;background:linear-gradient(180deg,#fffaf8 0%,#fff 100%);padding-top:20px}
.product-page-section.kbb-section:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-55px;background:rgba(244,96,67,.07);pointer-events:none}
.product-page-section.kbb-section h2{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.product-page-section.kbb-section h2:before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f46043;color:#fff;font-size:.86rem;font-weight:950}
.product-page-section.kbb-section .know-list{gap:0}
.product-page-section.kbb-section .know-v2-item{position:relative;padding:15px 14px 15px 48px;border:0;border-radius:0;background:transparent}
.product-page-section.kbb-section .know-v2-item+ .know-v2-item{border-top:1px solid #f1e5e1}
.product-page-section.kbb-section .know-v2-item:before{content:counter(kbb,decimal-leading-zero);counter-increment:kbb;display:grid;place-items:center;position:absolute;left:0;top:16px;width:34px;height:34px;border-radius:11px;background:#fff0eb;color:#d94e34;font-size:.72rem;font-weight:950}
.product-page-section.kbb-section .know-list{counter-reset:kbb}
.product-page-section.kbb-section .know-v2-item strong{font-size:1.02rem;line-height:1.42;color:#1f2024;margin-bottom:5px}
.product-page-section.kbb-section .know-v2-item span{font-size:.91rem;line-height:1.58;color:#626873}
@media(max-width:480px){.product-page-section.kbb-section{padding:18px 18px}.product-page-section.kbb-section .know-v2-item{padding-right:2px}.product-page-section.kbb-section .know-v2-item span{font-size:.9rem}}

/* V69 Stability Enhancement — UI only. No data/runtime/navigation changes. */
@media (max-width: 520px){
  /* Keep the compare bottom sheet visibly inside the mobile viewport. */
  #compareDrawer.compare-drawer{
    padding-inline:10px;
    box-sizing:border-box;
  }
  #compareDrawer .compare-sheet{
    width:100% !important;
    max-width:100% !important;
    max-height:84dvh;
    box-sizing:border-box !important;
    padding:16px 14px 20px !important;
    border-radius:24px 24px 0 0;
    overscroll-behavior:contain;
  }
  #compareDrawer .universal-compare-shell,
  #compareDrawer .universal-compare-products,
  #compareDrawer .universal-compare-specs,
  #compareDrawer .universal-compare-row,
  #compareDrawer .universal-compare-values{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  #compareDrawer .universal-compare-products{gap:8px}
  #compareDrawer .universal-compare-product{min-width:0;padding:8px;border-radius:17px}
  #compareDrawer .universal-compare-product img{max-width:100%;height:auto}
  #compareDrawer .universal-compare-label{padding:9px 11px}
  #compareDrawer .universal-compare-value{padding:10px 7px;min-width:0}

  /* Detail: retain the recovered v63 structure, improve breathing room only. */
  .product-page-shell{
    padding-left:14px;
    padding-right:14px;
    padding-bottom:116px;
  }
  .product-page-hero,
  .product-page-section{
    border-radius:22px;
    margin-bottom:14px;
  }
  .product-page-section{padding:17px}
  .product-page-section h2{margin-bottom:13px;line-height:1.35}
  .spec-detail-grid{gap:10px}
  .spec-detail-grid>div{padding:13px}
  .spec-detail-grid b{line-height:1.45}
  .product-page-actions{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .product-page-actions a{padding:14px;border-radius:15px}
}

@media (max-width: 380px){
  #compareDrawer.compare-drawer{padding-inline:7px}
  #compareDrawer .compare-sheet{padding-left:11px !important;padding-right:11px !important}
  #compareDrawer .universal-compare-value{font-size:.86rem;padding-inline:5px}
  .product-page-shell{padding-left:12px;padding-right:12px}
}

/* V70 Mobile Horizontal Alignment — CSS-only root-cause fix.
   The Fan catalog owns intentional horizontal chip scrollers. Their scrollable
   overflow must not widen the document/layout viewport, otherwise fixed
   Compare/Detail surfaces can appear horizontally offset after mobile panning. */
@media (max-width: 520px){
  #catalogPage.category-catalog-page{
    overflow-x:clip;
  }
}