/* Yomin Electric — shared product page styles */
:root{--bg:#0d0d0d;--bgs:#141414;--bgc:#181818;--bgc2:#1f1f1f;--sur:#242424;--bdr:rgba(255,255,255,.08);--bds:rgba(255,255,255,.04);--tx:#f0ede8;--mt:#888;--dm:#555;--ac:#E8944A;--ac2:#F2A968;--sf:'DM Serif Display',Georgia,serif;--ss:'DM Sans',system-ui,sans-serif;--tr:.4s cubic-bezier(.25,.46,.45,.94)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:var(--ss);font-size:17px;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%}

#nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 36px;height:68px;background:transparent;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
#nav.sc{background:rgba(13,13,13,.68);border-bottom-color:rgba(255,255,255,.07);box-shadow:0 4px 24px rgba(0,0,0,.22)}
.n-logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.n-logo img{height:44px;width:auto;object-fit:contain;filter:brightness(1.1)}
.n-ctr{position:absolute;left:48%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;list-style:none}
.n-ctr a{color:var(--mt);font-size:15px;font-weight:500;letter-spacing:.2px;padding:8px 14px;border-radius:8px;transition:color .2s,background .2s}
.n-ctr a:hover,.n-ctr a.active{color:var(--tx);background:rgba(255,255,255,.05)}
.n-ctr a.active{color:var(--ac)}
.n-rt{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-pair{display:flex;gap:6px}
.theme-btn-s{background:rgba(255,255,255,.06);border:1px solid var(--bdr);color:var(--mt);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;line-height:1;padding:0}
.theme-btn-s.active{background:rgba(232,148,74,.18);border-color:rgba(232,148,74,.45);color:var(--ac)}
.theme-btn-s:not(.active):hover{background:rgba(255,255,255,.12);color:var(--tx)}
body.light .theme-btn-s{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:#666}
body.light .theme-btn-s:hover{background:rgba(0,0,0,.1);color:#1a1a1a}
body.light .theme-btn-s.active{background:rgba(196,118,47,.15) !important;border-color:rgba(196,118,47,.4) !important;color:#C4762F !important}
.ncta{background:var(--ac);color:#000;border:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.ncta:hover{background:var(--ac2)}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.ham span{width:22px;height:1.5px;background:var(--tx)}
.mob{position:fixed;inset:0;z-index:300;background:rgba(13,13,13,.98);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .3s}
.mob.op{opacity:1;pointer-events:all}
.mob a{font-family:var(--ss);font-size:32px;font-weight:500;color:var(--tx)}
.mob a:hover{color:var(--ac)}
.mob-x{position:absolute;top:22px;right:24px;background:none;border:none;color:var(--mt);font-size:26px;cursor:pointer}

.container{max-width:1120px;margin:0 auto;padding:120px 36px 60px}
.crumbs{font-size:12px;color:var(--dm);margin-bottom:24px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:var(--ac);transition:color .2s}
.crumbs a:hover{color:var(--ac2)}
.crumbs .sep{color:var(--dm)}
.crumbs .cur{color:var(--mt);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.product-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start;margin-bottom:56px}
.gallery{position:static}
.g-main{border:1px solid var(--bds);border-radius:14px;overflow:hidden;background:var(--bgc);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.g-main img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.g-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.g-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--bds);cursor:pointer;opacity:.65;transition:opacity .2s,border-color .2s}
.g-thumbs img.active,.g-thumbs img:hover{opacity:1;border-color:var(--ac)}

.p-info h1{font-family:var(--sf);font-size:clamp(24px,3vw,34px);line-height:1.2;margin-bottom:14px}
.p-cat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ac);border:1px solid rgba(232,148,74,.3);background:rgba(232,148,74,.08);padding:4px 12px;border-radius:20px;margin-bottom:16px}
.p-price{font-size:18px;font-weight:700;color:var(--ac);margin-bottom:16px}
.p-desc{font-size:14px;color:var(--mt);line-height:1.85;margin-bottom:22px}
.p-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:10px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;cursor:pointer}
.btn-main{background:var(--ac);color:#000}
.btn-main:hover{background:var(--ac2);transform:translateY(-2px)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border:1px solid var(--bdr);color:var(--mt)}
.btn-ghost:hover{color:var(--tx);border-color:var(--ac)}
.p-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip{font-size:12px;color:var(--mt);border:1px solid var(--bds);background:var(--bgc);padding:5px 12px;border-radius:16px}
.chip a{color:var(--mt)}
.chip a:hover{color:var(--ac)}
.dsheet{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ac);border-bottom:1px solid rgba(232,148,74,.3);padding-bottom:2px}
.dsheet:hover{color:var(--ac2)}

.p-details{border-top:1px solid var(--bds);padding-top:36px}
.p-details h2{font-family:var(--sf);font-size:24px;margin-bottom:20px}
.specs{width:100%;border-collapse:collapse;background:var(--bgc);border-radius:12px;overflow:hidden;border:1px solid var(--bds)}
.specs tr:nth-child(odd){background:rgba(255,255,255,.02)}
.specs th,.specs td{text-align:left;padding:12px 18px;font-size:13px;border-bottom:1px solid var(--bds)}
.specs th{color:var(--mt);width:34%;font-weight:500}
.specs td{color:var(--tx)}
.process-steps{margin-top:24px}
.process-steps h3{font-family:var(--sf);font-size:19px;margin-bottom:14px}
.pstep{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--bds)}
.pstep .num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:rgba(232,148,74,.12);border:1px solid rgba(232,148,74,.3);color:var(--ac);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.pstep .txt strong{display:block;font-size:14px;margin-bottom:4px}
.pstep .txt p{font-size:13px;color:var(--mt)}

footer{padding:48px 36px;border-top:1px solid var(--bds);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.ft-brand-n{font-family:var(--ss);font-size:22px;font-weight:600;letter-spacing:.2px}
.ft-sub{font-size:13.5px;color:var(--dm);line-height:1.6}
.ft-links{display:flex;gap:20px;flex-wrap:wrap}
.ft-links a{font-size:14.5px;color:var(--mt);transition:color .2s}
.ft-links a:hover{color:var(--ac)}

.float-btns{position:fixed;bottom:28px;right:28px;z-index:500;display:flex;flex-direction:column;gap:14px}
.float-btn{position:relative;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.22);transition:transform .25s,box-shadow .25s;border:none;cursor:pointer}
.float-btn:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 12px 34px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.35)}
.float-btn-wa{background:linear-gradient(135deg,#25D366,#1DA851)}
.float-btn-wc{background:linear-gradient(135deg,#07C160,#06AD56)}
.float-btn-li{background:linear-gradient(135deg,#22C55E,#15803D)}
.float-btn-label{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);background:rgba(0,0,0,.88);color:#fff;font-size:12px;font-weight:600;padding:7px 13px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;letter-spacing:.3px}
.float-btn:hover .float-btn-label{opacity:1;transform:translateY(-50%) translateX(0)}
.float-btn-wa::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:rgba(37,211,102,.35);z-index:-1;animation:wa-pulse 2.2s ease-out infinite}
@keyframes wa-pulse{0%{transform:scale(.7);opacity:.8}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
body.light .float-btn-label{background:rgba(20,20,20,.9);color:#fff}
.wc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);z-index:800;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.wc-modal-overlay.op{opacity:1;pointer-events:all}
.wc-modal{background:var(--bgc);border:1px solid var(--bdr);border-radius:20px;padding:36px 32px 28px;text-align:center;max-width:340px;width:calc(100% - 48px);box-shadow:0 24px 80px rgba(0,0,0,.6)}
.wc-modal-icon{margin-bottom:12px;font-size:36px}
.wc-modal-title{font-family:var(--sf);font-size:20px;margin-bottom:6px}
.wc-modal-sub{font-size:13px;color:var(--mt);margin-bottom:20px;line-height:1.5}
.wc-qr-wrap{width:140px;height:140px;margin:0 auto 20px;border-radius:12px;overflow:hidden;border:1px solid var(--bds)}
.wc-qr-wrap img{width:100%;height:100%;object-fit:cover}
.wc-modal-close{background:rgba(255,255,255,.07);border:1px solid var(--bdr);color:var(--mt);padding:9px 28px;border-radius:8px;font-size:13px;cursor:pointer}
.wc-modal-close:hover{color:var(--tx)}

/* LIGHT MODE */
body.light{--bg:#f8f7f4;--bgs:#efefeb;--bgc:#ffffff;--bgc2:#f2f0ec;--sur:#e5e3de;--bdr:rgba(0,0,0,0.1);--bds:rgba(0,0,0,0.07);--tx:#1a1a1a;--mt:#555;--dm:#888;--ac:#C4762F;--ac2:#B06B2A}
body.light nav{background:transparent;border-bottom-color:transparent}
body.light #nav.sc{background:rgba(16,54,40,.85);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 4px 24px rgba(0,0,0,.15)}
body.light nav.sc .n-ctr > li > a{color:rgba(255,255,255,.86)}
body.light nav.sc .n-ctr > li > a:hover,body.light nav.sc .n-ctr > li > a.active{color:#fff;background:rgba(255,255,255,.1)}
body.light nav.sc .n-ctr > li > a.active{color:#E8944A}
body.light nav.sc .lbtn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
body.light nav.sc .tpbtn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
body.light nav.sc .tpbtn:hover{background:rgba(255,255,255,.18);color:#fff}
body.light nav.sc .tpbtn-act{background:rgba(232,148,74,.25)!important;border-color:rgba(232,148,74,.55)!important;color:#E8944A!important}
body.light nav.sc .ham span{background:#fff}
body.light nav.sc .n-logo-fb{color:#fff}
body.light .n-ctr a{color:#555}
body.light .n-ctr a:hover,body.light .n-ctr a.active{color:#1a1a1a;background:rgba(0,0,0,.05)}
body.light .n-ctr a.active{color:var(--ac)}
body.light .specs tr:nth-child(odd){background:rgba(0,0,0,.02)}
body.light .wc-modal{background:var(--bgc)}
body.light .wc-modal-close{background:rgba(0,0,0,.05);color:var(--mt)}

@media(max-width:960px){
  .container{padding:110px 24px 40px}
  .product-layout{grid-template-columns:1fr;gap:28px}
  .gallery{position:static}
  .n-ctr{display:none}
  .ham{display:flex}
  footer{padding:32px 24px}
}
@media(max-width:640px){
  nav{padding:0 16px;height:60px}
  .container{padding:90px 16px 28px}
}
[dir=rtl] nav,[dir=rtl] .n-logo,[dir=rtl] .n-ctr,[dir=rtl] .n-rt{direction:ltr}
[dir=rtl] .container,[dir=rtl] footer{direction:rtl;text-align:right}
[dir=rtl] .crumbs{direction:rtl}
[dir=rtl] .float-btns{right:auto;left:28px}
.flag-txt{display:inline-flex;align-items:center;justify-content:center;width:16px;height:12px;background:rgba(232,148,74,.16);border:1px solid rgba(232,148,74,.35);color:#E8944A;font-size:8px;font-weight:700;border-radius:2px;letter-spacing:.5px}

/* Language switcher + features (added for static product pages) */
.n-rt{position:relative}
.lbtn{background:rgba(255,255,255,.06);border:1px solid var(--bdr);color:var(--mt);padding:7px 13px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:var(--ss)}
.lbtn:hover{background:rgba(255,255,255,.1);color:var(--tx)}
.ldrop{position:absolute;top:calc(100% + 8px);right:0;background:#1e1e1e;border:1px solid var(--bdr);border-radius:10px;overflow:hidden;min-width:150px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:300}
.ldrop.op{opacity:1;pointer-events:all;transform:none}
.lopt{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--mt);cursor:pointer;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;font-family:var(--ss)}
.lopt:hover{background:rgba(255,255,255,.06);color:var(--tx)}
.lopt.act{color:var(--ac)}
.mob-lngs{display:flex;gap:10px;margin-top:6px}
.mlb{background:rgba(255,255,255,.08);border:1px solid var(--bdr);color:var(--mt);padding:6px 12px;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s;font-family:var(--ss);width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.mlb.act{background:rgba(232,148,74,.15);color:var(--ac);border-color:rgba(232,148,74,.3)}
body.light .lbtn{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:#555}
body.light .ldrop{background:#fff;border-color:rgba(0,0,0,.1)}
body.light .lopt:hover{background:rgba(0,0,0,.05)}
body.light .mlb{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}
.p-features{margin-top:30px}
.p-features h2{font-family:var(--sf);font-size:24px;margin-bottom:18px}
.p-features ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.p-features li{position:relative;padding-left:22px;color:var(--mt);font-size:14.5px;line-height:1.6}
.p-features li::before{content:"\2713";position:absolute;left:0;color:var(--ac);font-weight:700}
.p-apps{margin-top:30px}
.p-apps h2{font-family:var(--sf);font-size:24px;margin-bottom:18px}
.p-apps ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}
.p-apps li{position:relative;padding-left:22px;color:var(--mt);font-size:14.5px;line-height:1.6}
.p-apps li::before{content:"\2022";position:absolute;left:6px;color:var(--ac);font-weight:700}
.p-why{margin-top:30px;padding:24px;border:1px solid var(--bdr);border-radius:14px;background:var(--bgc)}
.p-why h2{font-family:var(--sf);font-size:24px;margin-bottom:12px}
.p-why p{color:var(--mt);font-size:14.5px;line-height:1.65;margin-bottom:14px}
.p-why ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.p-why li{position:relative;padding-left:24px;color:var(--mt);font-size:14.5px;line-height:1.6}
.p-why li::before{content:"\2713";position:absolute;left:0;color:var(--ac);font-weight:700}

/* CANONICAL SITE UNIFY */
.mob{position:fixed;inset:0;z-index:300;background:rgba(13,13,13,.98);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .3s}
.mob.op{opacity:1;pointer-events:all}
.mob a{font-family:var(--ss);font-size:34px;font-weight:500;color:var(--tx);text-decoration:none;transition:color .2s}
.mob a:hover{color:var(--ac)}
.mob-x{position:absolute;top:22px;right:24px;background:none;border:none;color:var(--mt);font-size:26px;cursor:pointer}
.mob-lngs{display:flex;gap:10px;margin-top:6px}
.mlb{background:rgba(255,255,255,.08);border:1px solid var(--bdr);color:var(--mt);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}
.mlb.act{background:rgba(232,148,74,.15);color:var(--ac);border-color:rgba(232,148,74,.3)}
.mlb .flag{margin:0}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.ham span{width:22px;height:1.5px;background:var(--tx);display:block;transition:all .3s}
.n-drop{position:relative}
.n-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--bgc);border:1px solid var(--bds);border-radius:14px;padding:24px 28px;min-width:680px;display:none;grid-template-columns:repeat(3,1fr);gap:6px 32px;z-index:300;box-shadow:0 20px 60px rgba(0,0,0,.5);opacity:0;transition:opacity .2s,transform .2s}
.n-drop:hover .n-mega,.n-mega.show{display:grid;opacity:1;transform:translateX(-50%) translateY(4px)}
.n-mega a{display:flex;align-items:center;gap:10px;padding:9px 12px !important;border-radius:8px !important;font-size:13.5px !important;color:var(--mt) !important}
.n-mega a:hover{background:rgba(255,255,255,.05) !important;color:var(--ac) !important}
.mega-icon{font-size:18px;flex-shrink:0;width:26px;text-align:center}
.mega-name{flex:1}
.tpbtn{background:rgba(255,255,255,.06);border:1px solid var(--bdr);color:var(--mt);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;line-height:1;padding:0}
.tpbtn:hover{background:rgba(255,255,255,.12);color:var(--tx)}
.tpbtn-act{background:rgba(232,148,74,.18) !important;border-color:rgba(232,148,74,.45) !important;color:var(--ac) !important}
.lsw{position:relative;z-index:260;overflow:visible}
.lbtn{background:rgba(255,255,255,.06);border:1px solid var(--bdr);color:var(--mt);padding:7px 13px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:var(--ss)}
.lbtn:hover{background:rgba(255,255,255,.1);color:var(--tx)}
.ldrop{position:absolute;top:calc(100% + 8px);right:0;background:#1e1e1e;border:1px solid var(--bdr);border-radius:10px;overflow:hidden;min-width:150px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:300}
.ldrop.op{opacity:1;pointer-events:all;transform:none}
.lopt{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;color:var(--mt);cursor:pointer;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;font-family:var(--ss);white-space:nowrap}
.lopt:hover{background:rgba(255,255,255,.06);color:var(--tx)}
.lopt.act{color:var(--ac)}
.fmq{overflow:hidden;border-bottom:1px solid var(--bds);padding:14px 0;margin:0 -60px 56px}
.fmqt{display:flex;animation:mq 18s linear infinite;width:max-content}
.fmqi{font-family:var(--sf);font-size:clamp(24px,4vw,52px);color:rgba(255,255,255,.025);letter-spacing:-1px;padding:0 32px;user-select:none}
.fmqi.a{color:rgba(232,148,74,.05)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:52px}
.flogo{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.flogo img{height:36px;width:auto;object-fit:contain;filter:brightness(1.05)}
.fbrand p{font-size:14px;color:var(--mt);line-height:1.7;max-width:250px;margin-bottom:16px}
.fci{font-size:12px;color:var(--dm);margin-bottom:6px}
.fci a{color:var(--dm);text-decoration:none;transition:color .2s}
.fci a:hover{color:var(--ac)}
.fcol .fcol-ttl{font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mt);margin-bottom:14px;font-weight:600;display:block}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.fcol ul a{font-size:14.5px;color:var(--dm);text-decoration:none;transition:color .2s}
.fcol ul a:hover{color:var(--tx)}
.fbot{border-top:1px solid var(--bds);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fbot p{font-size:13px;color:var(--dm)}
footer{padding:80px 60px 40px;border-top:1px solid var(--bds)}
@media (max-width:980px){.fgrid{grid-template-columns:1fr 1fr;gap:32px}.fmq{margin:0 -24px 40px}footer{padding:48px 24px 32px}}
@media (max-width:640px){.fgrid{grid-template-columns:1fr;gap:28px}}
/* END CANONICAL SITE UNIFY */


/* Customer reviews */
.reviews-box .rev-sum{font-size:14px;color:var(--mt);margin-bottom:20px}
.reviews-box .rev-sum strong{font-size:22px;color:var(--ac);margin-right:4px}
.rev-list{display:flex;flex-direction:column;gap:14px}
.rev-item{background:var(--bgc);border:1px solid var(--bds);border-radius:12px;padding:16px 18px}
.rev-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.rev-flag{width:20px;height:14px;border-radius:3px;object-fit:cover;border:1px solid rgba(255,255,255,.12);flex-shrink:0}
.rev-flag-none{display:inline-block;background:rgba(255,255,255,.06)}
.rev-name{font-size:13.5px;font-weight:700;color:var(--tx)}
.rev-country{font-size:12px;color:var(--mt)}
.rev-stars{font-size:13px;color:#f5b942;letter-spacing:1px}
.rev-date{font-size:11.5px;color:var(--dm);margin-left:auto}
.rev-text{font-size:13.5px;color:var(--mt);line-height:1.7;margin:0}

/* Skip link (a11y) */
.skip-link{position:absolute;top:-48px;left:16px;z-index:9999;background:#e8944a;color:#000;padding:12px 18px;border-radius:0 0 10px 10px;font-weight:700;font-size:14px;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}


.detail-imgs img{width:100%;display:block;margin:0 0 12px;border-radius:10px;background:var(--bgs)}