/* ============================================================
   PRODUCT SINGLE PAGE
   ============================================================ */
.pd-crumb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0}
.pd-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}
.pd-crumb a{color:var(--ink-soft)}
.pd-crumb a:hover{color:var(--primary)}
.pd-crumb .cur{color:var(--ink);font-weight:700}
.pd-crumb svg{width:13px;height:13px;color:var(--ink-faint)}
.pd-actions{display:flex;align-items:center;gap:20px}
.pd-actions button{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-soft)}
.pd-actions button:hover{color:var(--primary)}
.pd-actions svg{width:17px;height:17px}

.pd-grid{display:grid;grid-template-columns:420px 1fr 260px;grid-template-areas:"gallery info sidebar";gap:26px;align-items:start}

/* gallery */
.pd-gallery{grid-area:gallery}
.pd-main-img{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pd-main-img img{transition:opacity .15s var(--ease)}
.pd-main-img .pd-mark{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}
.pd-main-img .pd-mark svg{width:18px;height:18px}
.pd-main-img svg.pd-illustration{width:60%;height:auto;color:var(--primary)}
.pd-main-img .pd-watermark{position:absolute;bottom:14px;left:14px;right:14px;background:rgba(0,0,0,.38);color:#fff;border-radius:var(--r-sm);padding:10px 14px}
.pd-main-img .pd-watermark b{display:block;font-size:12.5px;font-weight:800}
.pd-main-img .pd-watermark span{font-size:10.5px;color:rgba(255,255,255,.75)}
.pd-thumbs{display:flex;gap:10px;margin-top:14px}
.pd-thumbs .th{width:64px;height:64px;border:1.5px solid var(--line);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer}
.pd-thumbs .th.active{border-color:var(--primary)}
.pd-thumbs .th svg{width:30px;height:30px}

/* info */
.pd-info{grid-area:info}
.pd-info h1{font-size:23px;font-weight:800;line-height:1.6}
.pd-info .en{font-size:12.5px;color:var(--ink-faint);margin-top:6px;font-family:Arial,Helvetica,sans-serif}
.pd-block{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.pd-block h2{font-size:14.5px;font-weight:800;margin-bottom:10px}
.pd-block p{font-size:13px;color:var(--ink-soft)}
.pd-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.pd-spec-grid h3{font-size:13px;font-weight:800;margin-bottom:10px}
.pd-adv-list li{font-size:12.5px;color:var(--ink-soft);padding:7px 0;border-bottom:1px dashed var(--line)}
.pd-spec-list li{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);padding:7px 0;border-bottom:1px dashed var(--line)}
.pd-spec-list li b{color:var(--ink);font-weight:700}

.pd-buy{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:16px}
.pd-buy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pd-buy .pd-addcart{width:100%;justify-content:center;min-height:52px;border-radius:14px;font-size:15px;gap:10px}
.pd-buy .pd-addcart .pd-addcart-price{font-weight:800;opacity:.95}
.pd-price-box{display:flex;flex-direction:column-reverse;line-height:1.3}
.pd-price-box b{font-size:19px;font-weight:800;color:var(--ink)}
.pd-price-box span{font-size:11px;color:var(--ink-faint)}
.pd-qty{display:flex;align-items:center;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);overflow:hidden}
.pd-qty button{width:38px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}
.pd-qty button:hover{background:var(--surface-2)}
.pd-qty input{width:40px;text-align:center;border:0;outline:0;font-family:inherit;font-size:14px;font-weight:700}
.pd-addcart{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border-radius:var(--r-pill);padding:12px 26px;font-size:14px;font-weight:700;transition:background var(--dur) var(--ease)}
.pd-addcart:hover:not(:disabled){background:var(--primary-dark)}
.pd-addcart:disabled{opacity:.5;cursor:not-allowed}
.pd-addcart.is-loading{opacity:.75;pointer-events:none}
.pd-addcart.is-added{background:var(--ink)}
.pd-addcart:hover{background:var(--primary-dark)}
.pd-addcart svg{width:18px;height:18px}
.pd-stock{font-size:12px;color:var(--ink-soft);margin-right:auto}
.pd-stock b{color:var(--primary);font-weight:800}

/* sidebar */
.pd-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:20px}
.pd-pdf{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);padding:14px}
.pd-pdf .icon{width:34px;height:34px;border-radius:8px;background:#fde9ea;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.pd-pdf span{font-size:12.5px;font-weight:700}
.pd-perf h3{font-size:13.5px;font-weight:800;line-height:1.7;margin-bottom:14px}
.pd-perf-item{margin-bottom:14px}
.pd-perf-item .row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pd-perf-item .num{width:22px;height:22px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pd-perf-item span{font-size:12px;color:var(--ink-soft)}
.pd-perf-item .bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.pd-perf-item .bar i{display:block;height:100%;background:var(--primary);border-radius:99px}
.pd-compose h3{font-size:13.5px;font-weight:800;margin-bottom:12px}
.pd-compose-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-soft);padding:8px 0;border-bottom:1px dashed var(--line)}
.pd-compose-row b{color:var(--ink);font-weight:700}

/* feature strip */
.pd-feat-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:40px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pd-feat-strip .f{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap}
.pd-feat-strip .f svg{width:19px;height:19px;color:var(--primary);flex-shrink:0}

/* tabs */
.pd-tabs{display:flex;align-items:center;gap:30px;margin-top:34px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pd-tabs button{font-size:14px;font-weight:700;color:var(--ink-faint);padding:14px 0;position:relative}
.pd-tabs button.active{color:var(--ink)}
.pd-tabs button.active::after{content:"";position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--primary)}
.pd-tabpanel{padding:28px 0}
.pd-review-form{padding:6px 0 0}
.pd-review-form h3{font-size:14px;font-weight:800;margin-bottom:10px}
.pd-review-form p{font-size:12.5px;color:var(--ink-soft)}

@media(max-width:1180px){
  .pd-grid{grid-template-columns:1fr 1fr;grid-template-areas:"gallery info" "sidebar info"}
  .pd-sidebar{grid-area:sidebar}
}
@media(max-width:760px){
  .pd-grid{grid-template-columns:1fr;grid-template-areas:"gallery" "info" "sidebar"}
  .pd-spec-grid{grid-template-columns:1fr}
  .pd-feat-strip{justify-content:flex-start}
}


/* ============================================================
   Merged "نظرات و پرسش‌وپاسخ" section — one tab, two blocks
   stacked with a small pill sub-nav between them.
   ============================================================ */
.rvqa-subnav{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}
.rvqa-subnav-link{
  font-size:12.5px;font-weight:700;color:var(--ink-soft);background:var(--surface-2);
  border:1.5px solid transparent;border-radius:var(--r-pill);padding:9px 20px;
  transition:var(--dur) var(--ease);
}
.rvqa-subnav-link:hover{color:var(--primary)}
.rvqa-subnav-link.active{background:var(--primary);color:#fff}

.rvqa-block{scroll-margin-top:100px}
.rvqa-divider{height:1px;background:var(--line);margin:36px 0}

.pd-reviews-head{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin-bottom:22px}
.pd-reviews-head svg{width:18px;height:18px;color:var(--primary)}

/* ---- rating summary card ---- */
.rv-summary{
  display:flex;gap:36px;align-items:center;flex-wrap:wrap;
  background:var(--surface-2);border-radius:var(--r-lg);padding:24px 28px;margin-bottom:24px;
}
.rv-summary-avg{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;padding-left:32px;border-left:1px solid var(--line-strong)}
.rv-summary-avg b{font-size:38px;font-weight:800;color:var(--ink);line-height:1}
.rv-summary-avg .rv-stars{color:#f5a623}
.rv-summary-total{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}
.rv-summary-bars{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}
.rv-bar-row{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--ink-soft)}
.rv-bar-row span{display:flex;align-items:center;gap:3px;width:28px;color:#f5a623;flex-shrink:0;font-weight:700}
.rv-bar-track{flex:1;height:8px;border-radius:var(--r-pill);background:#fff;overflow:hidden}
.rv-bar-fill{height:100%;background:linear-gradient(90deg,#f5a623,#f7b84a);border-radius:var(--r-pill);transition:width .4s var(--ease)}
.rv-bar-row em{width:26px;text-align:left;font-style:normal;color:var(--ink-faint);font-weight:600}

/* ---- toolbar (count + sort) ---- */
.rv-toolbar,.qa-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.rv-toolbar .rv-count,.qa-head-title{font-size:13.5px;font-weight:800;color:var(--ink)}
.qa-total-count{color:var(--ink-faint);font-weight:600;margin-right:4px}
.rv-sort-select,.qa-sort-select{
  border:1.5px solid var(--line-strong);border-radius:var(--r-pill);padding:9px 16px;
  font-family:inherit;font-size:12px;font-weight:600;background:#fff;color:var(--ink-soft);
  cursor:pointer;transition:var(--dur) var(--ease);
}
.rv-sort-select:hover,.qa-sort-select:hover{border-color:var(--primary);color:var(--primary)}

/* ---- review cards ---- */
.rv-list,.qa-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.rv-item{display:flex;gap:14px}
.rv-avatar {
	width: 46px;
	height: 46px !important;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--line);
}
.rv-body{
  flex:1;min-width:0;background:#fff;border-radius:var(--r-lg);padding:18px 20px;
  box-shadow:var(--e1);border:1px solid var(--line);
}
.rv-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.rv-head b{font-size:13.5px;font-weight:800;color:var(--ink)}
.rv-stars{display:flex;gap:1px;color:#f5a623}
.rv-date{font-size:11px;color:var(--ink-faint);margin-right:auto}
.rv-text{font-size:13px;color:var(--ink-soft);line-height:2}
.rv-reply{margin-top:14px;padding:14px 16px;background:var(--primary-light);border-radius:var(--r-md);border-right:3px solid var(--primary)}
.rv-reply-badge{display:inline-block;font-size:10.5px;font-weight:800;color:var(--primary-dark);margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}
.rv-reply p{font-size:12.5px;color:var(--ink);line-height:1.9}

/* ---- Q&A cards ---- */
.qa-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--e1)}
.qa-q{display:flex;gap:14px}
.qa-q-badge{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.qa-q-body{flex:1;min-width:0}
.qa-q-body p{font-size:13.5px;color:var(--ink);line-height:1.9;margin-bottom:8px;font-weight:600}
.qa-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-faint);flex-wrap:wrap}
.qa-meta b{color:var(--ink-soft);font-weight:700}
.qa-answer-count{color:var(--primary);font-weight:700}
.qa-answers{margin-top:14px;margin-right:44px;display:flex;flex-direction:column;gap:10px}
.qa-a{display:flex;gap:10px;padding:12px 14px;background:var(--surface-2);border-radius:var(--r-md)}
.qa-a--staff{background:var(--primary-light)}
.qa-a-badge{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-soft);box-shadow:var(--e1)}
.qa-a--staff .qa-a-badge{color:var(--primary-dark);font-weight:800}
.qa-a p{font-size:12.5px;color:var(--ink-soft);line-height:1.9}

/* ---- shared: reply toggles/forms, empty/closed states, pagination ---- */
.rv-reply-toggle,.qa-reply-toggle{margin-top:12px;font-size:11.5px;font-weight:700;color:var(--primary)}
.rv-reply-toggle:hover,.qa-reply-toggle:hover{text-decoration:underline}
.rv-reply-form,.qa-reply-form{margin-top:12px;display:flex;gap:10px;align-items:flex-start}
.rv-reply-form textarea,.qa-reply-form textarea{flex:1;border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:11px 14px;font-family:inherit;font-size:12.5px;resize:vertical}
.rv-reply-form textarea:focus,.qa-reply-form textarea:focus{border-color:var(--primary);outline:0}
.rv-empty,.qa-empty{font-size:13px;color:var(--ink-soft);padding:36px 20px;text-align:center;background:var(--surface-2);border-radius:var(--r-lg)}
.rv-disabled{font-size:12.5px;color:var(--ink-soft)}
.rv-closed{font-size:12px;color:var(--ink-soft);margin-top:12px;text-align:center}
.rv-pagination,.qa-pagination{display:flex;justify-content:center;gap:6px;margin-bottom:22px}
.rv-pagination a,.rv-pagination span,.qa-pagination a,.qa-pagination span{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:var(--r-sm);font-size:12px;font-weight:600;border:1px solid var(--line);color:var(--ink-soft)}
.rv-pagination a:hover,.qa-pagination a:hover{border-color:var(--primary);color:var(--primary)}
.rv-pagination .current,.qa-pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}
.rv-load-more,.qa-load-more{display:flex;margin:0 auto 22px}
.rv-load-more.is-loading,.qa-load-more.is-loading{opacity:.6;pointer-events:none}
.rv-login-notice,.qa-login-notice{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;
  font-size:12.5px;color:var(--ink-soft);background:var(--surface-2);border-radius:var(--r-lg);padding:20px;
}
.rv-login-link,.qa-login-link{font-weight:800;color:var(--primary);padding:8px 18px;background:#fff;border-radius:var(--r-pill);box-shadow:var(--e1)}

/* ---- "write a review" / "ask a question" composer boxes ---- */
#review_form_wrapper{margin-top:8px;background:var(--surface-2);border-radius:var(--r-lg);padding:22px 24px}
.comment-reply-title,#review_form_wrapper > p:first-child{font-size:14px;font-weight:800;margin-bottom:14px;display:block}
.comment-form-rating label{display:block;font-size:12.5px;font-weight:700;margin-bottom:8px}
.comment-form-comment textarea{width:100%;border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:12px 14px;font-family:inherit;font-size:13px;resize:vertical;background:#fff}
.comment-form-comment textarea:focus{border-color:var(--primary);outline:0}
.comment-form-author input,.comment-form-email input{width:100%;border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:11px 14px;font-family:inherit;font-size:13px;margin-top:6px;background:#fff}
#respond p{margin-bottom:14px}
#respond .form-submit input{background:var(--primary);color:#fff;border:0;border-radius:var(--r-pill);padding:12px 28px;font-size:13.5px;font-weight:700;cursor:pointer;transition:var(--dur) var(--ease)}
#respond .form-submit input:hover{background:var(--primary-dark)}

.qa-ask-box{margin-top:8px;background:var(--surface-2);border-radius:var(--r-lg);padding:22px 24px}
.qa-ask-box h4{font-size:14px;font-weight:800;margin-bottom:14px}
.qa-ask-form textarea{width:100%;border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:12px 14px;font-family:inherit;font-size:13px;resize:vertical;margin-bottom:12px;background:#fff}
.qa-ask-form textarea:focus{border-color:var(--primary);outline:0}
.qa-msg{font-size:12px;padding:11px 14px;border-radius:var(--r-md);margin-top:12px;font-weight:600}
.qa-msg.success{background:var(--primary-light);color:var(--primary-dark)}
.qa-msg.error{background:#fde9ea;color:var(--red-dark)}

@media(max-width:640px){
  .rv-summary{flex-direction:column;align-items:stretch;gap:20px}
  .rv-summary-avg{padding-left:0;border-left:0;padding-bottom:20px;border-bottom:1px solid var(--line-strong)}
  .qa-answers{margin-right:0}
  .rv-toolbar,.qa-head{flex-direction:column;align-items:flex-start}
}


/* Reviews / Q&A empty states (Digikala-like cards) */
.rvqa-empty-card{
  max-width:280px;margin:28px auto 12px;text-align:center;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:28px 20px 22px;box-shadow:0 8px 28px -16px rgba(15,30,20,.12);
}
.rvqa-empty-icon{
  width:56px;height:56px;margin:0 auto 14px;border-radius:50%;
  background:var(--primary-light);color:var(--primary);
  display:flex;align-items:center;justify-content:center;
}
.rvqa-empty-card strong{display:block;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:4px}
.rvqa-empty-card span{font-size:12px;color:var(--ink-soft)}
.rv-empty-lead,.qa-empty-lead{text-align:center;font-size:14px;font-weight:700;color:var(--ink);margin:8px 0 6px}
.rv-empty,.qa-empty{text-align:center;font-size:12.5px;color:var(--ink-soft);max-width:420px;margin:0 auto 18px;line-height:1.8}
.rvqa-subnav{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.rvqa-subnav-link{font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);text-decoration:none}
.rvqa-subnav-link.active{background:var(--primary);color:#fff}

/* ========== Reviews / Q&A — two-column reference layout ========== */
.rvqa-layout{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.75fr);
  gap:20px;align-items:start;margin-bottom:22px
}
.rvqa-main{
  background:linear-gradient(180deg,#f7faf8 0%,#f3f6f8 100%);
  border-radius:20px;min-height:220px;padding:22px 20px;
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start
}
.rvqa-main:has(.rvqa-empty-panel){
  align-items:center;justify-content:center
}
.rvqa-empty-panel{text-align:center;max-width:420px;margin:0 auto}
.rvqa-empty-card{
  display:inline-flex;align-items:center;gap:12px;padding:14px 18px;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 8px 28px -16px rgba(15,30,20,.14);cursor:pointer;
  font-family:inherit;margin-bottom:14px;transition:.15s
}
.rvqa-empty-card:hover{border-color:var(--primary);transform:translateY(-1px)}
.rvqa-empty-icon{
  width:42px;height:42px;border-radius:12px;background:var(--surface-2);
  color:var(--ink-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0
}
.rvqa-empty-texts{text-align:right}
.rvqa-empty-texts strong,.rvqa-side-cta strong{display:block;font-size:13.5px;font-weight:800;color:var(--ink)}
.rvqa-empty-texts small,.rvqa-side-cta small{font-size:11.5px;color:var(--ink-soft)}
.rv-empty-lead,.qa-empty-lead{font-size:14px;font-weight:800;color:var(--ink);margin:6px 0 6px}
.rv-empty,.qa-empty{font-size:12.5px;color:var(--ink-soft);line-height:1.85;margin:0}

.rvqa-side{display:flex;flex-direction:column;gap:12px}
.rv-summary,.qa-side-stats{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px
}
.rv-summary-avg{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px}
.rv-summary-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px var(--primary-light)}
.rv-stars{color:#f5b301;display:flex;gap:2px}
.rv-summary-total{font-size:12px;color:var(--ink-soft)}
.rv-sentiment{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.rv-sent-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}
.rv-sent-row:last-child{border-bottom:0}
.rv-sent-row .ok{color:#16a34a;font-weight:800}
.rv-sent-row .mid{color:var(--ink-soft);font-weight:800}
.rv-sent-row .bad{color:#d97706;font-weight:800}
.rv-sent-row em{font-style:normal;color:var(--ink-faint);font-size:12px}
.rv-side-counts,.qa-side-nums{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin-top:6px
}
.rv-side-counts span,.qa-side-nums span{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--ink-soft)}
.rv-side-counts b,.qa-side-nums b{font-size:15px;font-weight:800;color:var(--ink)}
.qa-side-stats{text-align:center}
.qa-side-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center}
.rvqa-side-cta{
  display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;
  border:1px solid var(--line);border-radius:14px;cursor:pointer;font-family:inherit;text-align:right;transition:.15s
}
.rvqa-side-cta:hover{border-color:var(--primary)}

.rv-list .rv-item,.qa-list .qa-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px
}
.rvqa-main .rv-toolbar,.rvqa-main .qa-head{width:100%;margin-bottom:14px}
.rvqa-main .rv-list,.rvqa-main .qa-list{width:100%}

@media(max-width:800px){
  .rvqa-layout{grid-template-columns:1fr}
  .rv-side-counts{grid-template-columns:repeat(3,1fr)}
}




/* Review rating slider strip */
.rv-rating-field{margin:0 0 18px;padding:16px;background:linear-gradient(180deg,#eef8f4,#e8f4f8);border-radius:16px;border:1px solid var(--line)}
.rv-rate-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.rv-rate-head label{font-size:13px;font-weight:800;margin:0}
.rv-rate-label{font-size:12.5px;font-weight:700;color:var(--ink-soft)}
.rv-rate-slider{direction:rtl}
.rv-rate-track{
  position:relative;height:10px;border-radius:999px;background:rgba(15,61,46,.08);
  cursor:pointer;margin:8px 6px 14px
}
.rv-rate-fill{
  position:absolute;inset-inline-start:0;top:0;bottom:0;width:0;border-radius:999px;
  background:linear-gradient(90deg,#2d8f54,#1f9d6a);transition:width .12s ease
}
.rv-rate-slider[data-tone="bad"] .rv-rate-fill{background:linear-gradient(90deg,#d97706,#ef4444)}
.rv-rate-slider[data-tone="mid"] .rv-rate-fill{background:linear-gradient(90deg,#94a3b8,#64748b)}
.rv-rate-slider[data-tone="ok"] .rv-rate-fill{background:linear-gradient(90deg,#2d8f54,#14b8a6)}
.rv-rate-thumb{
  position:absolute;top:50%;inset-inline-start:0;width:20px;height:20px;border-radius:50%;
  background:#fff;border:3px solid #2d8f54;transform:translate(-50%,-50%);
  box-shadow:0 2px 8px rgba(15,30,20,.18);transition:inset-inline-start .12s ease;pointer-events:none
}
.rv-rate-slider[data-tone="bad"] .rv-rate-thumb{border-color:#ef4444}
.rv-rate-slider[data-tone="mid"] .rv-rate-thumb{border-color:#64748b}
.rv-rate-marks{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.rv-rate-mark{
  display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;
  cursor:pointer;padding:0;font-family:inherit;color:var(--ink-faint)
}
.rv-rate-mark span{
  width:10px;height:10px;border-radius:50%;background:#d1d5db;display:block;transition:.15s
}
.rv-rate-mark.is-on span{background:#2d8f54}
.rv-rate-mark.is-active span{transform:scale(1.25);box-shadow:0 0 0 4px rgba(45,143,84,.18)}
.rv-rate-slider[data-tone="bad"] .rv-rate-mark.is-on span{background:#ef4444}
.rv-rate-slider[data-tone="mid"] .rv-rate-mark.is-on span{background:#64748b}
.rv-rate-mark small{font-size:10.5px;font-weight:700;min-height:14px}

/* Sentiment side card like reference */
.rv-summary{
  background:linear-gradient(180deg,#eef6fb 0%,#e8f7f3 100%)!important;
  border:0!important;border-radius:18px!important;padding:20px 16px 0!important;overflow:hidden
}
.rv-summary-avg{margin-bottom:12px}
.rv-sentiment{margin-bottom:8px}
.rv-summary::after{
  content:"";display:block;height:14px;margin:12px -16px 0;
  background:linear-gradient(90deg,#2d8f54,#14b8a6)
}

/* Product addons UI — clean pill selector like reference */
.ar-addons{
  margin:0;padding:0;display:flex;flex-direction:column;gap:18px;width:100%
}
.ar-addon-group{display:flex;flex-direction:column;gap:10px}
.ar-addon-title{
  font-size:13px;font-weight:800;color:var(--ink);margin:0;
  display:flex;align-items:center;justify-content:space-between
}
.ar-addon-title .req{color:var(--red);margin-right:4px}
.ar-addon-options{
  display:flex;flex-wrap:wrap;gap:8px;align-items:stretch
}
.ar-addon-opt{cursor:pointer;margin:0;position:relative}
.ar-addon-opt input{
  position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)
}
.ar-addon-opt-inner{
  display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:4px;min-width:96px;padding:12px 16px;border-radius:14px;
  border:1.5px solid #e6e8ec;background:#fff;color:var(--ink);
  font-size:13px;font-weight:700;line-height:1.35;transition:border-color .15s,background .15s,color .15s,box-shadow .15s
}
.ar-addon-opt:hover .ar-addon-opt-inner{border-color:#c9cdd4}
.ar-addon-opt input:checked + .ar-addon-opt-inner{
  background:#111;color:#fff;border-color:#111;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.35)
}
.ar-addon-opt-label{font-size:13px;font-weight:800}
.ar-addon-opt-price{
  font-size:12px;font-weight:700;opacity:.75
}
.ar-addon-opt input:checked + .ar-addon-opt-inner .ar-addon-opt-price{opacity:.9}
.ar-addon-total{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0;background:transparent;border:0;margin:0;font-size:13px;font-weight:700;color:var(--ink-soft)
}
.ar-addon-total-price{font-size:18px;font-weight:800;color:var(--ink)}

/* Quantity in buy row */
.pd-buy-row .quantity{
  display:inline-flex;align-items:center;border:1.5px solid #e6e8ec;border-radius:999px;
  overflow:hidden;background:#fff
}
.pd-buy-row .quantity input.qty{
  width:48px;height:40px;border:0;text-align:center;font-family:inherit;font-weight:800;font-size:14px;background:transparent
}
.pd-stock{font-size:12.5px;color:var(--ink-soft)}
.pd-stock b{color:var(--primary)}

.ar-addon-opt--none .ar-addon-opt-inner{border-style:dashed;opacity:.9}
.ar-addon-opt--none input:checked + .ar-addon-opt-inner{background:#f3f4f6;color:var(--ink);border-color:#c9cdd4;box-shadow:none}


/* ===== Q&A polish (clean layout, working form feedback) ===== */
.qa-section{display:flex;flex-direction:column;gap:18px}
.qa-ask-box{
  margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;box-shadow:0 6px 20px -14px rgba(15,30,20,.12)
}
.qa-ask-box h4{font-size:14.5px;font-weight:800;margin:0 0 12px;color:var(--ink)}
.qa-ask-form{display:flex;flex-direction:column;gap:12px}
.qa-ask-form textarea{
  width:100%;border:1.5px solid var(--line-strong);border-radius:12px;
  padding:12px 14px;font-family:inherit;font-size:13px;resize:vertical;min-height:88px;background:#fff
}
.qa-ask-form textarea:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px var(--primary-light)}
.qa-ask-form .btn{align-self:flex-start;min-width:120px}
.qa-ask-form .btn.is-loading{opacity:.7;pointer-events:none}
.qa-msg{font-size:12.5px;padding:11px 14px;border-radius:10px;font-weight:600;display:none}
.qa-msg.success{display:block;background:var(--primary-light);color:var(--primary-dark)}
.qa-msg.error{display:block;background:#fde9ea;color:var(--red-dark,#b42318)}
.qa-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 16px 12px;margin:0
}
.qa-q{display:flex;gap:12px;align-items:flex-start}
.qa-q-badge,.qa-a-badge{
  width:28px;height:28px;border-radius:8px;background:var(--primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0
}
.qa-a-badge{background:var(--surface-2);color:var(--primary);border:1px solid var(--line)}
.qa-a--staff .qa-a-badge{background:var(--primary-light);color:var(--primary-dark);border-color:transparent}
.qa-q-body p,.qa-a p{margin:0 0 8px;font-size:13.5px;line-height:1.85;color:var(--ink)}
.qa-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11.5px;color:var(--ink-faint);align-items:center}
.qa-meta b{color:var(--ink-soft);font-weight:700}
.qa-answer-count{background:var(--surface-2);padding:2px 8px;border-radius:999px;font-weight:700}
.qa-answers{margin:12px 0 4px 0;padding-right:12px;border-right:2px solid var(--line);display:flex;flex-direction:column;gap:10px}
.qa-a{display:flex;gap:10px;align-items:flex-start;padding:8px 0}
.qa-reply-toggle{
  margin-top:8px;font-size:12px;font-weight:700;color:var(--primary);background:transparent;border:0;
  cursor:pointer;padding:0;font-family:inherit
}
.qa-reply-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.qa-reply-form textarea{
  width:100%;border:1.5px solid var(--line-strong);border-radius:10px;padding:10px 12px;
  font-family:inherit;font-size:12.5px;resize:vertical;min-height:64px
}
.qa-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.qa-list{width:100%;display:flex;flex-direction:column;gap:12px}
.qa-side-nums{grid-template-columns:1fr !important}
.qa-side-nums span{align-items:center}
@media(max-width:800px){
  .rvqa-layout{grid-template-columns:1fr}
  .qa-answers{margin-right:0;padding-right:0;border-right:0;border-top:1px solid var(--line);padding-top:10px}
}