.ags-product-reviews{--pr-line:rgba(111,205,235,.18);--pr-muted:#91a9b8;max-width:1320px;margin:42px auto 28px;padding:clamp(18px,3vw,30px);border:1px solid var(--pr-line);border-radius:22px;background:linear-gradient(145deg,rgba(9,26,36,.96),rgba(5,15,24,.98));color:#eaf7fc;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.ags-product-reviews *{box-sizing:border-box}
.ags-pr-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--pr-line)}
.ags-pr-eyebrow{color:#5bdcf3;font-size:11px;font-weight:800;letter-spacing:.08em}
.ags-pr-heading h2{margin:6px 0;font-size:clamp(21px,2.5vw,28px);line-height:1.4;color:#f1fbff}
.ags-pr-heading p{margin:0;color:var(--pr-muted);font-size:13px;line-height:1.8}
.ags-pr-heading>a,.ags-pr-form-footer button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid rgba(80,220,244,.34);border-radius:12px;background:linear-gradient(120deg,rgba(38,176,203,.18),rgba(103,105,255,.16));color:#8cecff;text-decoration:none;font:inherit;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.ags-pr-heading>a:hover,.ags-pr-form-footer button:hover{transform:translateY(-1px);border-color:rgba(80,220,244,.7);background:rgba(38,176,203,.24)}
.ags-pr-overview{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr);gap:26px;align-items:center;padding:22px 0;border-bottom:1px solid var(--pr-line)}
.ags-pr-score{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ags-pr-score>strong{font-size:42px;line-height:1.1;color:#fff}
.ags-pr-stars-display,.ags-pr-card-stars{color:#ffc968;letter-spacing:.08em;white-space:nowrap}
.ags-pr-stars-display{font-size:20px}
.ags-pr-score>small{color:var(--pr-muted);font-size:12px}
.ags-pr-bars{display:flex;flex-direction:column;gap:8px}
.ags-pr-bar-row{display:grid;grid-template-columns:44px minmax(50px,1fr) 34px;gap:10px;align-items:center;color:#c8d9e2;font-size:12px}
.ags-pr-bar-row>i{height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}
.ags-pr-bar-row>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#51dff5,#7d8aff)}
.ags-pr-bar-row>small{text-align:left;color:var(--pr-muted)}
.ags-pr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:18px}
.ags-pr-card{min-width:0;padding:16px;border:1px solid rgba(126,190,212,.15);border-radius:16px;background:rgba(4,15,23,.64)}
.ags-pr-card>header{display:flex;align-items:center;gap:10px;min-width:0}
.ags-pr-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(91,220,243,.28);border-radius:50%;background:rgba(62,190,218,.12);color:#83e9fb;font-weight:900}
.ags-pr-card>header>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.ags-pr-card>header strong{overflow:hidden;color:#effaff;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ags-pr-card>header small{color:var(--pr-muted);font-size:10px}
.ags-pr-card>header small b{color:#74dfb8;font-weight:700}
.ags-pr-card-stars{font-size:14px}
.ags-pr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ags-pr-tags span{padding:4px 9px;border:1px solid rgba(91,220,243,.14);border-radius:99px;background:rgba(91,220,243,.055);color:#a8dbe5;font-size:10px}
.ags-pr-comment{margin-top:12px;color:#d2e2e9;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.ags-pr-comment p{margin:0}
.ags-pr-pagination{display:flex;justify-content:center;gap:7px;margin-top:16px}
.ags-pr-pagination a,.ags-pr-pagination span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--pr-line);border-radius:10px;color:#b5d2df;text-decoration:none}
.ags-pr-pagination span[aria-current]{border-color:#52dcef;background:rgba(62,190,218,.14);color:#9af0ff}
.ags-pr-form-wrap{margin-top:20px;padding:18px;border:1px solid rgba(91,220,243,.17);border-radius:16px;background:rgba(3,13,21,.55)}
.ags-pr-form-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.ags-pr-form-heading>div{display:flex;flex-direction:column;gap:5px}
.ags-pr-form-heading strong{font-size:15px;color:#effaff}
.ags-pr-form-heading small{color:var(--pr-muted);font-size:11px;line-height:1.7}
.ags-pr-form-heading>span{color:#75dfb8;font-size:11px;font-weight:800;white-space:nowrap}
.ags-pr-form{display:grid;gap:15px}
.ags-pr-form fieldset{min-width:0;margin:0;padding:0;border:0}
.ags-pr-form legend,.ags-pr-comment-label{display:block;margin-bottom:8px;color:#d9e8ef;font-size:12px;font-weight:800}
.ags-pr-form legend>span{color:#ff9b92}
.ags-pr-form legend small,.ags-pr-comment-label small{margin-inline-start:6px;color:var(--pr-muted);font-weight:500}
.ags-pr-star-input{display:flex;align-items:center;gap:4px;width:max-content}
.ags-pr-star-input>span{position:relative;display:block}
.ags-pr-star-input input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.ags-pr-star-input label{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);color:#657b86;font-size:23px;cursor:pointer;transition:.15s}
.ags-pr-star-input label:hover,.ags-pr-star-input input:checked+label{border-color:rgba(255,201,104,.4);background:rgba(255,201,104,.12);color:#ffc968}
.ags-pr-star-input input:focus-visible+label{outline:2px solid #72e6fb;outline-offset:2px}
.ags-pr-quick-tags{display:flex;flex-wrap:wrap;gap:8px}
.ags-pr-quick-tags legend{flex:0 0 100%}
.ags-pr-quick-tags label{cursor:pointer}
.ags-pr-quick-tags input{position:absolute;opacity:0}
.ags-pr-quick-tags span{display:block;padding:8px 11px;border:1px solid rgba(126,190,212,.17);border-radius:99px;color:#b5ccd6;font-size:11px;transition:.15s}
.ags-pr-quick-tags input:checked+span{border-color:rgba(91,220,243,.42);background:rgba(91,220,243,.11);color:#9cecff}
.ags-pr-quick-tags input:focus-visible+span{outline:2px solid #72e6fb;outline-offset:2px}
.ags-pr-comment-label{margin:0}
.ags-pr-form textarea{display:block;width:100%;min-height:90px;padding:12px 13px;border:1px solid rgba(126,190,212,.2);border-radius:12px;outline:0;background:#06121b;color:#effaff;font:inherit;font-size:13px;line-height:1.8;resize:vertical}
.ags-pr-form textarea:focus{border-color:rgba(91,220,243,.55);box-shadow:0 0 0 3px rgba(91,220,243,.08)}
.ags-pr-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ags-pr-consent{display:flex;align-items:flex-start;gap:8px;color:var(--pr-muted);font-size:10px;line-height:1.7}
.ags-pr-consent input{flex:0 0 auto;margin-top:3px;accent-color:#54d9ed}
.ags-pr-form-footer button{border:0;background:linear-gradient(115deg,#42dff4,#797df9);color:#06131c}
.ags-pr-privacy-note{color:#8199a6;font-size:10px;line-height:1.7}
.ags-pr-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;color:var(--pr-muted);font-size:12px;line-height:1.8}
.ags-pr-empty strong{color:#e7f6fb;font-size:13px}
.ags-pr-empty a{color:#78e6f7;text-decoration:none;font-weight:800}
.ags-pr-flash{margin-top:16px;padding:12px 14px;border:1px solid rgba(255,153,137,.25);border-radius:12px;background:rgba(255,115,103,.08);color:#ffc0b6;font-size:12px;line-height:1.8}
.ags-pr-flash.is-success{border-color:rgba(91,220,170,.23);background:rgba(45,181,134,.08);color:#9ae6c8}
.ags-pr-order-prompt{margin-top:8px;font-size:11px;line-height:1.6}
.ags-pr-order-prompt a{color:#58dff2;text-decoration:none;font-weight:800}
.ags-pr-order-prompt.is-pending{color:#a9c0cb}
.ags-pr-star-input:has(input[value="1"]:checked) span:nth-child(-n+1) label,.ags-pr-star-input:has(input[value="2"]:checked) span:nth-child(-n+2) label,.ags-pr-star-input:has(input[value="3"]:checked) span:nth-child(-n+3) label,.ags-pr-star-input:has(input[value="4"]:checked) span:nth-child(-n+4) label,.ags-pr-star-input:has(input[value="5"]:checked) span:nth-child(-n+5) label{border-color:rgba(255,201,104,.4);background:rgba(255,201,104,.12);color:#ffc968}
.ags-pr-star-input:has(span:nth-child(1):hover) span:nth-child(-n+1) label,.ags-pr-star-input:has(span:nth-child(2):hover) span:nth-child(-n+2) label,.ags-pr-star-input:has(span:nth-child(3):hover) span:nth-child(-n+3) label,.ags-pr-star-input:has(span:nth-child(4):hover) span:nth-child(-n+4) label,.ags-pr-star-input:has(span:nth-child(5):hover) span:nth-child(-n+5) label{border-color:rgba(255,201,104,.4);background:rgba(255,201,104,.12);color:#ffc968}
@media(max-width:720px){.ags-product-reviews{margin:28px 12px 20px;padding:16px;border-radius:17px}.ags-pr-heading{align-items:flex-start;flex-direction:column}.ags-pr-heading>a{width:100%}.ags-pr-overview{grid-template-columns:1fr;gap:18px}.ags-pr-score{padding:3px 0}.ags-pr-list{grid-template-columns:1fr}.ags-pr-form-wrap{padding:14px}.ags-pr-form-heading{align-items:flex-start;flex-direction:column}.ags-pr-form-footer{align-items:stretch;flex-direction:column}.ags-pr-form-footer button{width:100%}.ags-pr-empty{align-items:flex-start;flex-direction:column}}

/* Keep product review summaries compact on phones: score and distribution share a row. */
@media(max-width:600px){
  .ags-product-reviews{margin:20px 0 18px;padding:14px 12px;border-radius:16px}
  .ags-pr-heading{gap:10px;padding-bottom:13px}
  .ags-pr-heading h2{margin:4px 0;font-size:18px;line-height:1.5}
  .ags-pr-heading p{font-size:11px;line-height:1.75}
  .ags-pr-heading>a{align-self:flex-start;width:auto;min-height:40px;padding:0 12px;font-size:11px}
  .ags-pr-overview{grid-template-columns:minmax(68px,.42fr) minmax(0,1fr);gap:12px;align-items:center;padding:14px 0}
  .ags-pr-score{gap:3px;padding:0}
  .ags-pr-score>strong{font-size:31px}
  .ags-pr-stars-display{font-size:14px;letter-spacing:.03em}
  .ags-pr-score>small{font-size:9px;line-height:1.5}
  .ags-pr-bars{gap:6px;min-width:0}
  .ags-pr-bar-row{grid-template-columns:32px minmax(0,1fr) 20px;gap:5px;font-size:10px}
  .ags-pr-bar-row>i{height:6px}
  .ags-pr-bar-row>small{font-size:9px}
  .ags-pr-form-wrap{margin-top:12px;padding:12px;border-radius:14px}
  .ags-pr-empty{gap:5px;font-size:10px}
  .ags-pr-empty strong{font-size:12px}
  .ags-pr-empty a{font-size:10px}
}
@media(max-width:350px){
  .ags-pr-overview{grid-template-columns:minmax(58px,.36fr) minmax(0,1fr);gap:8px}
  .ags-pr-bar-row{grid-template-columns:28px minmax(0,1fr) 18px;gap:4px;font-size:9px}
}
