/* Distinct article layouts for information, comparison, and brand discovery. */
.brand-panel{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:30px;margin-top:28px;padding:clamp(22px,4vw,38px);border-radius:16px;background:#fffaf4;color:#402c23}.brand-panel .section-label{margin-bottom:8px}.brand-panel h2{font-size:clamp(20px,2vw,25px);line-height:1.4;margin:0 0 10px}.brand-intro{margin:0;color:#6c5548;font-size:15px;line-height:1.8}.brand-actions{display:grid;gap:8px}.brand-actions button{font:600 14px Prompt,Tahoma,sans-serif;min-height:46px;border-radius:9px;border:1px solid #e2d1bc;color:#9a897f;background:#f3ebe1;cursor:not-allowed}.brand-actions button:first-child{background:#f7dfaf;color:#96774a;border-color:#edcc94}.brand-actions p{margin:2px 0 0;color:#806b5f;font-size:11px;line-height:1.5;text-align:center}.brand-more{margin-top:14px;background:#ffffff10;border:1px solid #ffffff30;border-radius:12px}.brand-more summary{padding:15px 20px;cursor:pointer;font-size:14px;font-weight:600;color:#ffe3aa}.brand-more>.content{padding:0 24px 24px}.brand-more .content p,.brand-more .content h2,.brand-more .content h3,.brand-more .content h4{color:#fff1e6}.comparison{margin-top:28px;padding:clamp(20px,3vw,30px);border-radius:16px;background:linear-gradient(145deg,#fff8ec,#f7e1bb);color:#523024}.comparison-head span{color:#b55a19;font-size:11px;font-weight:700}.comparison-head h2{font-size:clamp(20px,3vw,25px);line-height:1.35;margin:3px 0}.comparison-head p,.comparison-note{font-size:12px;color:#806459;margin:5px 0 0}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.comparison-grid>div{display:flex;flex-direction:column;gap:4px;padding:14px;background:#fff;border:1px solid #ead8bb;border-radius:10px}.comparison-grid b{font-size:11px;color:#c57426}.comparison-grid span{font-size:12px;color:#816457}.comparison-grid strong{font-size:20px;line-height:1.3;color:#a73e10}.comparison-grid small{font-size:11px;line-height:1.5;color:#806d60}.comparison-note{margin-top:12px}@media(max-width:767px){.brand-panel{grid-template-columns:1fr;gap:16px;margin-top:20px;padding:22px}.brand-panel h2{font-size:20px}.brand-intro{font-size:14px}.brand-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-actions button:first-child{grid-column:1/-1}.brand-actions p{grid-column:1/-1}.brand-more>.content{padding:0 18px 20px}.comparison{margin-top:20px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.comparison-grid>div{padding:11px}.comparison-grid strong{font-size:17px}}
/* Structured brand details: six consistent, easy-to-scan topics. */
.brand-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px}.brand-detail{min-width:0;padding:15px 16px;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff0a}.brand-detail h3{font-size:14px;line-height:1.4;color:#ffdf9c;margin:0 0 6px}.brand-detail p{font-size:13px;line-height:1.65;color:#f5ded0;margin:0;overflow-wrap:anywhere}@media(max-width:600px){.brand-detail-grid{grid-template-columns:1fr;gap:8px;padding:0 12px 12px}.brand-detail{padding:12px 14px}.brand-detail h3{font-size:13px}.brand-detail p{font-size:12px}}
/* Display brand details immediately rather than requiring an extra tap. */
.brand-details-visible{padding-top:16px}.brand-details-title{font-size:18px;line-height:1.4;color:#fff3df;margin:0;padding:0 20px 14px}@media(max-width:600px){.brand-details-visible{padding-top:14px}.brand-details-title{font-size:16px;padding:0 14px 12px}}
/* Helpful editorial, verified-review and FAQ sections on brand pages. */
.brand-editorial,.brand-reviews,.brand-faq{margin-top:16px;padding:clamp(21px,3vw,32px);border:1px solid #ffffff30;border-radius:15px;background:#ffffff0d;color:#fff2e7}.brand-section-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;color:#ffd07b;margin:0 0 5px}.brand-editorial h2,.brand-reviews h2,.brand-faq h2{font-size:clamp(20px,2.3vw,26px);line-height:1.35;color:#fff8ed;margin:0 0 12px}.brand-editorial h3{font-size:16px;line-height:1.45;color:#ffe09d;margin:20px 0 7px}.brand-editorial>p:not(.brand-section-kicker),.brand-section-description{font-size:14px;line-height:1.85;color:#f6ded0;margin:0}.brand-review-list{margin-top:16px}.brand-review-empty{padding:18px;border:1px dashed #ffd6a64f;border-radius:11px;background:#ffffff0a}.brand-review-empty strong{display:block;color:#ffe0a5;font-size:14px}.brand-review-empty p{font-size:13px;color:#f1d5c7;margin:5px 0 0;line-height:1.7}.brand-review-card{padding:16px;border-radius:11px;background:#fffaf4;color:#4a3025}.brand-review-card p{font-size:14px;line-height:1.7;margin:0 0 10px}.brand-review-card span,.brand-review-card small{display:block;font-size:12px}.brand-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.brand-faq-item{padding:16px;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff09}.brand-faq-item h3{color:#ffdf9c;font-size:14px;line-height:1.5;margin:0 0 7px}.brand-faq-item p{font-size:13px;line-height:1.7;color:#f5ded0;margin:0}@media(max-width:600px){.brand-editorial,.brand-reviews,.brand-faq{padding:20px;margin-top:12px}.brand-editorial h2,.brand-reviews h2,.brand-faq h2{font-size:20px}.brand-editorial>p:not(.brand-section-kicker),.brand-section-description{font-size:13px}.brand-faq-grid{grid-template-columns:1fr;gap:8px}.brand-faq-item{padding:13px}.brand-faq-item h3{font-size:13px}.brand-faq-item p{font-size:12px}}
/* Brand profiles: concise overview, structured checks, reviews and useful answers. */
.brand-panel{gap:24px;padding:clamp(22px,3.4vw,36px);border:1px solid #ffe1b8;box-shadow:0 12px 28px #37120e22}.brand-panel .section-label{color:#ac4b14;letter-spacing:.05em}.brand-panel h2{margin:0 0 8px;color:#4d2a21}.brand-intro{max-width:580px;color:#745c4f}.brand-jump{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#a74b13;text-decoration:none;font-size:12px;font-weight:700}.brand-actions{padding:14px;border:1px solid #eedfce;border-radius:12px;background:#fbf2e7}.brand-actions button{border-radius:8px}.brand-actions p{color:#846f61}.brand-more.brand-details-visible{margin-top:16px;padding:clamp(20px,3vw,30px);background:#fff9f1;border:1px solid #f3e1ca;color:#4a2e24;border-radius:15px}.brand-section-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}.brand-section-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;margin:0 0 4px;color:#c56824}.brand-detail-heading h2,.brand-reviews h2,.brand-faq h2{font-size:clamp(21px,2.3vw,26px);line-height:1.35;margin:0;color:#4f2c22}.brand-detail-heading .brand-section-description,.brand-faq .brand-section-description{font-size:13px;color:#8a7263;margin:5px 0 0}.brand-section-index{color:#e8c8a3;font-size:23px;font-weight:700;line-height:1}.brand-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0}.brand-detail{padding:15px;background:#fff;border:1px solid #eedfce;border-radius:11px}.brand-detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.brand-detail-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff0d9;color:#b85b1a;font-size:11px;font-weight:700}.brand-detail-status{padding:3px 7px;border-radius:99px;background:#f8eee4;color:#9b7761;font-size:10px;font-weight:600}.brand-detail h3{font-size:14px;color:#533528;margin:0 0 5px}.brand-detail p{font-size:12px;line-height:1.65;color:#846f62;margin:0}.brand-detail-note{font-size:11px;line-height:1.6;color:#90796c;margin:13px 0 0}.brand-reviews{background:linear-gradient(135deg,#6b2935,#91442c);border-color:#ffffff35;box-shadow:0 8px 20px #3110191a}.brand-reviews .brand-section-kicker{color:#ffd37f}.brand-reviews h2{color:#fff7ec}.brand-reviews .brand-section-description{font-size:13px;color:#f2d4c5;margin:5px 0 0}.brand-reviews .brand-section-index{color:#ffd59c75}.brand-review-list{margin:0}.brand-review-empty{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #ffdfa448;background:#ffffff0d}.review-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#f5c471;color:#722e30;font-family:Georgia,serif;font-size:32px;line-height:1;padding-top:9px}.brand-review-empty strong{color:#fff1db;font-size:14px}.brand-review-empty p{color:#f0d2c3;font-size:12px;margin:3px 0 0}.brand-faq{background:#fff9f1;border-color:#f3e1ca;color:#4a2e24}.brand-faq-grid{margin:0;gap:10px}.brand-faq-item{background:#fff;border:1px solid #eedfce}.brand-faq-item h3{color:#583728}.brand-faq-item p{color:#806d60}.brand-faq .brand-section-kicker{color:#c56824}@media(max-width:600px){.brand-panel{gap:16px}.brand-actions{padding:12px}.brand-more.brand-details-visible,.brand-reviews,.brand-faq{padding:19px 16px;margin-top:12px}.brand-section-head{margin-bottom:14px}.brand-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brand-detail{padding:12px;min-width:0}.brand-detail-top{margin-bottom:9px}.brand-detail h3{font-size:13px}.brand-detail p{font-size:11px;line-height:1.55}.brand-detail-status{font-size:9px}.brand-faq-grid{grid-template-columns:1fr;gap:8px}.brand-faq-item{padding:13px}.brand-review-empty{align-items:start;padding:14px}.review-mark{width:38px;height:38px}}
.brand-editorial{background:#fff9f1;border-color:#f3e1ca;color:#4a2e24}.brand-editorial h2{color:#4f2c22;margin:0}.brand-editorial .brand-section-description{font-size:13px;color:#8a7263;margin:5px 0 0}.brand-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-editorial-grid article{padding:16px;border-radius:11px;background:#fff;border:1px solid #eedfce}.brand-editorial-grid h3{font-size:14px;color:#a64c16;margin:0 0 7px}.brand-editorial-grid p{font-size:13px;line-height:1.7;color:#806d60;margin:0}@media(max-width:600px){.brand-editorial-grid{grid-template-columns:1fr;gap:8px}.brand-editorial-grid article{padding:13px}.brand-editorial-grid h3{font-size:13px}.brand-editorial-grid p{font-size:12px}}
/* Example content is visibly labelled, including simulated reviews. */
.brand-example-notice{margin:12px 0 0;padding:10px 14px;border:1px solid #ffdc9566;border-radius:9px;background:#ffffff10;color:#ffe5b5;font-size:11px;line-height:1.6}.brand-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-review-card{border:1px solid #f0dfce}.brand-review-card p{color:#593c30}.brand-review-card span{color:#773820;font-weight:700}.brand-review-card small{color:#9a7865;margin-top:3px}.brand-detail-status{background:#fff0d9;color:#ac5719}@media(max-width:600px){.brand-review-list{grid-template-columns:1fr;gap:8px}.brand-example-notice{font-size:10px}}
/* Balanced pros and cons, with room for concise lists on smaller screens. */
.brand-pros-cons .brand-editorial-grid h3{display:flex;align-items:center;gap:8px;margin-bottom:10px}.brand-pros-cons .brand-editorial-grid h3 span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;font-size:18px;line-height:1}.brand-pros h3 span{background:#e3f3e8;color:#297745}.brand-cons h3 span{background:#fff0db;color:#ac5b18}.brand-pros-cons ul{margin:0;padding-left:20px}.brand-pros-cons li{font-size:13px;line-height:1.7;color:#78665b;margin:0 0 5px}.brand-pros-cons li:last-child{margin-bottom:0}@media(max-width:600px){.brand-pros-cons li{font-size:12px}}

/* cms:brand-actions */.brand-actions a{display:block;text-decoration:none}.brand-actions a button{width:100%;cursor:pointer}

/* cms:brand-v2 */
/* Brand CTA panel: warm card with a soft glow, a real call-to-action hierarchy and honest status chips. */
.brand-panel-v2{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:28px;background:linear-gradient(135deg,#fffdf9 0%,#fff6ea 55%,#ffeedb 100%);border:1px solid #f6dcb9;box-shadow:0 18px 40px #3a120d26,inset 0 1px 0 #fff}
.brand-panel-v2::before{content:"";position:absolute;right:-90px;top:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#ffb45f55 0%,#ffb45f00 68%);pointer-events:none}
.brand-panel-v2::after{content:"";position:absolute;left:-60px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#d9531e22 0%,#d9531e00 70%);pointer-events:none}
.brand-panel-main{position:relative;z-index:1;min-width:0}
.brand-panel-v2 h2{font-size:clamp(22px,2.3vw,28px);letter-spacing:-.01em}
.brand-panel-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.brand-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid #efd9bd;color:#7a5340;font-size:11.5px;font-weight:600;line-height:1.4}
.brand-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#c98a3a}
.brand-chip.ok{border-color:#bfe3cb;background:#eefaf1;color:#1f6b43}.brand-chip.ok::before{background:#2e9a5b}
.brand-chip.warn{border-color:#f6d6a8;background:#fff5e3;color:#9a5a12}.brand-chip.warn::before{background:#ef9b2f;box-shadow:0 0 0 3px #ef9b2f2e}
.brand-panel-v2 .brand-jump{margin-top:16px;padding:8px 0;border-bottom:2px solid #f0c18a;transition:gap .18s,border-color .18s}
.brand-panel-v2 .brand-jump:hover{gap:11px;border-color:#d9531e}
.brand-cta{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:linear-gradient(180deg,#4b1e14 0%,#361410 100%);color:#fff2e3;border:1px solid #6d3322;box-shadow:0 16px 34px #2a0c0840,inset 0 1px 0 #ffffff1f}
.brand-cta::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px 80px at 85% 0%,#ffb45f3d,transparent 70%);pointer-events:none}
.brand-cta-head{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px dashed #ffffff26}
.brand-cta-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffcf7d,#f08a2c);color:#3d1810;font:700 18px Prompt,Tahoma,sans-serif;box-shadow:0 6px 16px #f08a2c55}
.brand-cta-head strong{display:block;font-size:15px;line-height:1.3;color:#fff7ea}
.brand-cta-head small{display:block;font-size:11px;color:#e3bfa5;line-height:1.4}
.brand-panel-v2 .brand-actions{display:grid;gap:9px;padding:0;border:0;background:transparent}
.brand-cta-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:0 16px;border-radius:12px;font:600 14.5px Prompt,Tahoma,sans-serif;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.brand-cta-btn .brand-cta-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff26;transition:transform .16s ease}
.brand-cta-btn:hover .brand-cta-icon{transform:translateX(3px)}
.brand-cta-btn.primary{border:0;color:#fff;background:linear-gradient(135deg,#ff9f3c 0%,#e8571f 100%);box-shadow:0 10px 24px #e8571f59,inset 0 1px 0 #ffffff55}
.brand-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e8571f73,inset 0 1px 0 #ffffff55}
.brand-cta-btn.secondary{border:1px solid #ffffff3a;color:#fff3e4;background:#ffffff14}
.brand-cta-btn.secondary:hover{background:#ffffff22;transform:translateY(-1px)}
.brand-cta-btn.ghost{border:1px dashed #ffcf7d80;color:#ffd79a;background:transparent}
.brand-cta-btn.ghost .brand-cta-icon{background:#ffcf7d1f}
.brand-cta-btn.ghost:hover{background:#ffcf7d14;border-style:solid}
.brand-cta-btn.is-off,.brand-cta-btn.is-off:hover{cursor:not-allowed;transform:none;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1f;color:#b9958a}
.brand-cta-btn.is-off small{font-size:10.5px;font-weight:500;color:#9f7d72}
.brand-cta-note{margin:0;font-size:10.5px;line-height:1.5;color:#d3ab96;text-align:center}
.brand-panel-v2 .brand-actions a{display:block;text-decoration:none;border-radius:12px}
.brand-panel-v2 .brand-actions a:focus-visible{outline:2px solid #ffcf7d;outline-offset:2px}

/* Details grid: icon tiles, colour-coded status, a verification bar, lift on hover. */
.brand-details-v2{background:linear-gradient(180deg,#fffcf7,#fff7ec);border-color:#f3dfc6;box-shadow:0 14px 34px #3a120d1c}
.brand-check-summary{display:flex;align-items:center;gap:14px;margin:-4px 0 18px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #f1dfc9}
.brand-check-bar{flex:1;height:8px;border-radius:999px;background:#f3e6d7;overflow:hidden}
.brand-check-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#49b87a,#1f8a4e);box-shadow:0 0 10px #2e9a5b66;transition:width .6s ease}
.brand-check-summary span{flex:none;font-size:12.5px;color:#7a5f50}
.brand-check-summary b{color:#4f2c22;font-weight:700}
.brand-details-v2 .brand-detail-grid{gap:14px}
.brand-details-v2 .brand-detail{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px;border-radius:14px;background:#fff;border:1px solid #efe0cd;box-shadow:0 4px 14px #4a1c0f0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.brand-details-v2 .brand-detail::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#e9c391,#f0a35a)}
.brand-details-v2 .brand-detail.is-ok::before{background:linear-gradient(90deg,#49b87a,#1f8a4e)}
.brand-details-v2 .brand-detail.is-pending::before{background:linear-gradient(90deg,#ffc45c,#ef8d1f)}
.brand-details-v2 .brand-detail.is-sample::before{background:linear-gradient(90deg,#d9cbbf,#bfae9f)}
.brand-details-v2 .brand-detail:hover{transform:translateY(-4px);box-shadow:0 16px 30px #4a1c0f1f;border-color:#eacda9}
.brand-details-v2 .brand-detail-top{margin-bottom:4px}
.brand-detail-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#fff1dc,#ffe2bd);color:#b85b1a;box-shadow:inset 0 1px 0 #fff}
.brand-detail.is-ok .brand-detail-icon{background:linear-gradient(135deg,#e7f8ed,#cdeed9);color:#1f7a47}
.brand-detail.is-pending .brand-detail-icon{background:linear-gradient(135deg,#fff3dc,#ffe4b4);color:#c26a14}
.brand-detail.is-sample .brand-detail-icon{background:#f3ede6;color:#8a7466}
.brand-details-v2 .brand-detail-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:700;letter-spacing:.02em;background:#f6ede2;color:#8a6a55}
.brand-details-v2 .brand-detail-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.brand-detail.is-ok .brand-detail-status{background:#e9f8ee;color:#1f7a47}
.brand-detail.is-pending .brand-detail-status{background:#fff2dc;color:#b35e0f}
.brand-detail.is-pending .brand-detail-status i{animation:brand-pulse 1.6s ease-in-out infinite}
@keyframes brand-pulse{0%,100%{box-shadow:0 0 0 0 #ef9b2f66}50%{box-shadow:0 0 0 5px #ef9b2f00}}
.brand-details-v2 .brand-detail h3{font-size:15px;color:#4a2a1f;margin:4px 0 0}
.brand-details-v2 .brand-detail p{font-size:12.5px;line-height:1.7;color:#7d6758;margin:0}
.brand-detail-how{margin-top:auto!important;padding:9px 10px;border-radius:9px;background:#fff8ec;border:1px dashed #f0cf9c;color:#8a5a22!important;font-size:11.5px!important}
.brand-detail-how b{color:#b35e0f;font-weight:700}
.brand-details-v2 .brand-detail-number{position:absolute;right:12px;bottom:6px;width:auto;height:auto;background:transparent;color:#efdcc4;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.03em;pointer-events:none}
@media(max-width:900px){.brand-panel-v2{grid-template-columns:1fr}.brand-cta{padding:16px}}
@media(max-width:600px){.brand-panel-v2{padding:20px;gap:16px}.brand-panel-v2 h2{font-size:21px}.brand-cta-btn{min-height:48px;font-size:14px}.brand-check-summary{flex-direction:column;align-items:stretch;gap:8px}.brand-check-summary span{font-size:12px}.brand-details-v2 .brand-detail-grid{grid-template-columns:1fr;gap:10px}.brand-details-v2 .brand-detail{padding:15px 14px 14px}.brand-details-v2 .brand-detail h3{font-size:14px}.brand-details-v2 .brand-detail p{font-size:12px}.brand-details-v2 .brand-detail-number{font-size:26px}}
@media(prefers-reduced-motion:reduce){.brand-cta-btn,.brand-details-v2 .brand-detail,.brand-check-bar i{transition:none}.brand-detail.is-pending .brand-detail-status i{animation:none}}

/* cms:brand-v2-fix — outrank the legacy .brand-actions button rules; keep the number watermark clear of text */
.brand-panel-v2 .brand-actions{grid-template-columns:1fr}
.brand-panel-v2 .brand-actions a,.brand-panel-v2 .brand-actions button{grid-column:auto}
.brand-panel-v2 .brand-actions button.brand-cta-btn{display:flex;min-height:50px;border-radius:12px;font:600 14.5px Prompt,Tahoma,sans-serif;cursor:pointer}
.brand-panel-v2 .brand-actions button.brand-cta-btn.primary{border:0;color:#fff;background:linear-gradient(135deg,#ff9f3c 0%,#e8571f 100%);box-shadow:0 10px 24px #e8571f59,inset 0 1px 0 #ffffff55}
.brand-panel-v2 .brand-actions button.brand-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #e8571f73,inset 0 1px 0 #ffffff55}
.brand-panel-v2 .brand-actions button.brand-cta-btn.secondary{border:1px solid #ffffff3a;color:#fff3e4;background:#ffffff14}
.brand-panel-v2 .brand-actions button.brand-cta-btn.secondary:hover{background:#ffffff22;transform:translateY(-1px)}
.brand-panel-v2 .brand-actions button.brand-cta-btn.ghost{border:1px dashed #ffcf7d80;color:#ffd79a;background:transparent}
.brand-panel-v2 .brand-actions button.brand-cta-btn.ghost:hover{background:#ffcf7d14;border-style:solid}
.brand-panel-v2 .brand-actions button.brand-cta-btn.is-off,.brand-panel-v2 .brand-actions button.brand-cta-btn.is-off:hover{cursor:not-allowed;transform:none;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1f;color:#b9958a}
.brand-details-v2 .brand-detail{padding-bottom:34px}
.brand-details-v2 .brand-detail-number{right:14px;bottom:4px;font-size:28px;color:#f1e1cc}
@media(max-width:767px){.brand-panel-v2 .brand-actions{grid-template-columns:1fr}.brand-panel-v2 .brand-actions button.brand-cta-btn{grid-column:auto}}

/* cms:brand-v2-default — "ข้อมูลเบื้องต้น" state (house defaults, not verified from the reference pages) */
.brand-details-v2 .brand-detail.is-default::before{background:linear-gradient(90deg,#8fb7ff,#4f7fe0)}
.brand-detail.is-default .brand-detail-icon{background:linear-gradient(135deg,#eaf1ff,#d5e3ff);color:#2f5bb7}
.brand-detail.is-default .brand-detail-status{background:#eaf1ff;color:#2f5bb7}

/* cms:brand-reviews-v2 — summary box + voice cards (no stars; source or "ยังไม่ยืนยันที่มา" on every card) */
.brand-reviews-v2{background:linear-gradient(135deg,#5e2430 0%,#8a3f2a 100%);box-shadow:0 16px 36px #2a0c1233}
.brand-review-summary{margin:0 0 16px;padding:16px 18px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff2a;backdrop-filter:blur(2px)}
.brand-review-summary-title{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#ffd79a;text-transform:uppercase}
.brand-review-summary ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.brand-review-summary li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13px;line-height:1.7;color:#f7e4d8}
.brand-review-summary li b{padding:2px 9px;border-radius:999px;background:#ffcf7d26;color:#ffe2ad;font-size:11.5px;font-weight:700;white-space:nowrap;line-height:1.6}
.brand-reviews-v2 .brand-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.brand-reviews-v2 .brand-review-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:16px 16px 14px;border-radius:14px;background:#fffaf4;border:1px solid #f0dfce;box-shadow:0 6px 18px #2a0c1226;transition:transform .18s ease,box-shadow .18s ease}
.brand-reviews-v2 .brand-review-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #2a0c1240}
.brand-reviews-v2 .brand-review-card::before{content:"“";position:absolute;right:14px;top:4px;font:800 54px/1 Georgia,serif;color:#f0dcc6;pointer-events:none}
.brand-review-top{display:flex;align-items:center;gap:10px}
.brand-review-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffcf7d,#f08a2c);color:#3d1810;font:700 15px Prompt,Tahoma,sans-serif}
.brand-review-card.neu .brand-review-avatar{background:linear-gradient(135deg,#e6d9cb,#c9b6a3);color:#4a3025}
.brand-review-card.neg .brand-review-avatar{background:linear-gradient(135deg,#f3c1b4,#d98a76);color:#4a1d12}
.brand-reviews-v2 .brand-review-card span.brand-review-author{display:block;font-size:13.5px;font-weight:700;color:#5b2d1f;line-height:1.3}
.brand-review-meta{display:block;font-size:11px;color:#9a7865;margin-top:2px}
.brand-review-senti{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#e9f8ee;color:#1f7a47}
.brand-review-card.neu .brand-review-senti{background:#f3ede6;color:#7a6657}
.brand-review-card.neg .brand-review-senti{background:#fdecec;color:#b03a2e}
.brand-reviews-v2 .brand-review-card p{margin:0;font-size:13.5px;line-height:1.75;color:#4f3328}
.brand-reviews-v2 .brand-review-src{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:4px 9px;border-radius:999px;background:#f5ece2;color:#8a6a55;font-size:10.5px;font-weight:600;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-reviews-v2 .brand-review-src.ok{background:#e9f8ee;color:#1f7a47}
@media(max-width:600px){.brand-review-summary ul{grid-template-columns:1fr;gap:8px}.brand-reviews-v2 .brand-review-list{grid-template-columns:1fr;gap:10px}.brand-reviews-v2 .brand-review-card{padding:14px}}

/* cms:brand-reviews-v3 — sentiment meter, filter chips, cleaner cards, swipe carousel on phones */
.brand-reviews-v3 .brand-section-head{margin-bottom:14px}
.brand-review-meter{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#ffffff10;border:1px solid #ffffff22}
.brand-review-bar{flex:1;display:flex;height:10px;border-radius:999px;overflow:hidden;background:#ffffff1a}
.brand-review-bar i{display:block;height:100%}
.brand-review-bar .pos{background:linear-gradient(90deg,#49b87a,#2a9a5b)}.brand-review-bar .neu{background:#d9c7b4}.brand-review-bar .neg{background:linear-gradient(90deg,#f08a76,#d85a46)}
.brand-review-legend{display:flex;gap:10px;font-size:12px;font-weight:700;white-space:nowrap}
.brand-review-legend span{display:inline-flex;align-items:center;gap:5px;color:#f7e4d8}
.brand-review-legend span::before{content:"";width:8px;height:8px;border-radius:50%}
.brand-review-legend .pos::before{background:#49b87a}.brand-review-legend .neu::before{background:#d9c7b4}.brand-review-legend .neg::before{background:#f08a76}
.brand-reviews-v3 .brand-review-summary{margin-bottom:14px}
.brand-reviews-v3 .brand-review-summary li{grid-template-columns:1fr;gap:4px;padding:10px 12px;border-radius:10px;background:#ffffff0c}
.brand-reviews-v3 .brand-review-summary li b{width:max-content}
.brand-review-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.brand-review-filter input{position:absolute;opacity:0;pointer-events:none}
.brand-review-filter label{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid #ffffff33;background:#ffffff10;color:#fbe9dd;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.brand-review-filter label b{font-weight:800;opacity:.85}
.brand-review-filter label:hover{background:#ffffff1f}
.brand-review-filter input:focus-visible+label{outline:2px solid #ffcf7d;outline-offset:2px}
.brand-review-filter input:checked+label{background:#ffcf7d;border-color:#ffcf7d;color:#3d1810;transform:translateY(-1px)}
.brand-reviews-v3:has(.rvf-pos:checked) .brand-review-card:not(.pos),.brand-reviews-v3:has(.rvf-neu:checked) .brand-review-card:not(.neu),.brand-reviews-v3:has(.rvf-neg:checked) .brand-review-card:not(.neg){display:none}
.brand-reviews-v3 .brand-review-card::before{content:none}
.brand-reviews-v3 .brand-review-card{gap:10px;padding:16px}
.brand-reviews-v3 .brand-review-top{align-items:flex-start}
.brand-reviews-v3 .brand-review-avatar{width:40px;height:40px;font-size:16px;line-height:1;overflow:visible;box-shadow:0 4px 10px #f08a2c40}
.brand-review-who{min-width:0;flex:1}
.brand-reviews-v3 .brand-review-card span.brand-review-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-reviews-v3 .brand-review-senti{margin-left:0;flex:none;align-self:center}
.brand-reviews-v3 .brand-review-card p{font-size:14px;line-height:1.8}
.brand-reviews-v3 .brand-review-card p::before{content:"“";color:#e2b98a;font-weight:800;margin-right:2px}
.brand-review-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed #efdcc8}
.brand-reviews-v3 .brand-review-src{margin-top:0}
.brand-review-foot time{flex:none;font-size:11px;color:#9a7865}
.brand-review-swipe{display:none}
@media(max-width:600px){
  .brand-review-meter{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}
  .brand-review-legend{justify-content:space-between}
  .brand-reviews-v3 .brand-review-summary ul{grid-template-columns:1fr}
  .brand-review-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 10px;padding:0 16px}
  .brand-review-filter::-webkit-scrollbar{display:none}
  .brand-review-filter label{flex:none}
  .brand-review-swipe{display:block;margin:0 0 8px;font-size:11.5px;color:#f1d5c7}
  .brand-reviews-v3 .brand-review-list{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 16px 14px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .brand-reviews-v3 .brand-review-list::-webkit-scrollbar{display:none}
  .brand-reviews-v3 .brand-review-card{scroll-snap-align:center;min-height:100%;padding:14px}
  .brand-reviews-v3 .brand-review-card p{font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){.brand-review-filter label{transition:none}}
/* cms:brand-reviews-v3-fix — avatar centring (base sheet forces span{display:block}), mobile meter bar, summary grid */
.brand-reviews-v3 .brand-review-avatar{display:inline-flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding-top:2px}
.brand-reviews-v3 .brand-review-summary ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.brand-reviews-v3 .brand-review-summary li span{display:block}
.brand-review-bar{flex:1 1 auto;min-height:10px}
@media(max-width:600px){
  .brand-review-bar{flex:none;width:100%;height:10px}
  .brand-reviews-v3 .brand-review-summary{padding:12px 12px 10px}
  .brand-reviews-v3 .brand-review-summary li{padding:8px 10px;font-size:12.5px;line-height:1.6}
  .brand-reviews-v3 .brand-review-summary ul{grid-template-columns:1fr;gap:6px}
  .brand-reviews-v3 .brand-review-list{grid-auto-columns:84%}
}