/* فیلتر، مقایسه، امتیاز، بخش‌های صفحه‌ی محصول و صفحه‌های جدید فروشگاه */
.flt{background:#fff;border:1px solid #e4e8f0;border-radius:16px;margin:14px 0;box-shadow:0 4px 14px rgba(15,29,58,.05)}
.flt>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:800;font-size:14px;color:#0f1d3a;display:flex;align-items:center;gap:8px}
.flt>summary::-webkit-details-marker{display:none}
.flt-on{background:#ff7a00;color:#fff;border-radius:999px;font-size:11px;padding:2px 9px}
.flt-form{padding:4px 16px 16px;border-top:1px solid #eef1f5}
.flt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.flt-grid label{font-size:12px;font-weight:700;color:#475569;display:flex;flex-direction:column;gap:4px}
.flt-grid input,.flt-grid select{border:1px solid #d8dee9;border-radius:10px;padding:9px 10px;font:inherit;font-size:13px;background:#fff}
.flt-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}
.flt-chips>span{font-size:12px;font-weight:800;color:#475569;margin-inline-end:4px}
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #d8dee9;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;background:#f8fafc}
.chip input{accent-color:#ff7a00}
.flt-actions{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.flt-go{border:0;border-radius:12px;background:#ff7a00;color:#fff;padding:11px 22px;font:800 13px inherit;cursor:pointer}
.flt-clear{font-size:12px;color:#64748b;text-decoration:underline}
.card-rate{font-size:13px;font-weight:800;color:#d97706;margin-top:4px}.card-rate small{color:#94a3b8;font-weight:600}
.card-brand{font-size:11px;color:#64748b;margin-top:2px}
.cmp-pick{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;margin:6px 0;cursor:pointer}
.cmp-pick input{accent-color:#0f1d3a}
#cmpBar{position:fixed;left:50%;transform:translateX(-50%);bottom:84px;z-index:90;background:#0f1d3a;color:#fff;border-radius:16px;padding:10px 14px;display:none;align-items:center;gap:12px;box-shadow:0 12px 30px rgba(15,29,58,.35);font-size:13px;font-weight:700}
#cmpBar.on{display:flex}
#cmpBar a{background:#ff7a00;color:#fff;border-radius:10px;padding:8px 14px;text-decoration:none;font-weight:800}
#cmpBar button{background:none;border:0;color:#cbd5e1;font-size:18px;cursor:pointer}
.sug-box{position:absolute;top:100%;right:0;left:0;background:#fff;border:1px solid #e4e8f0;border-radius:14px;margin-top:6px;box-shadow:0 18px 40px rgba(15,29,58,.18);z-index:200;overflow:hidden;display:none}
.sug-box.on{display:block}
.sug-box a{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#0f1d3a;text-decoration:none;font-size:13px;font-weight:700;border-bottom:1px solid #f1f3f8}
.sug-box a:hover{background:#fff4e8}
.sug-box img{width:34px;height:34px;border-radius:8px;object-fit:cover}
.sug-box small{margin-inline-start:auto;color:#64748b;font-weight:600}
/* صفحه‌ی محصول: بخش‌های اطلاعات */
.px{max-width:1200px;margin:18px auto;padding:0 14px;display:flex;flex-direction:column;gap:14px;color:#0f1d3a}
.px section{background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:18px}
.px h2{margin:0 0 12px;font-size:16px}
.px table{width:100%;border-collapse:collapse;font-size:13px}
.px th,.px td{padding:9px 10px;border-bottom:1px solid #eef1f5;text-align:right;vertical-align:top}
.px th{background:#f8fafc;color:#475569;width:34%}
.px .tbl-scroll{overflow-x:auto}
.px .tags{display:flex;flex-wrap:wrap;gap:7px}.px .tags span{border:1px solid #d8dee9;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;background:#f8fafc}
.px .trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.px .trust div{background:#f8fafc;border-radius:12px;padding:12px;font-size:13px;line-height:1.9}
.px .trust b{display:block;color:#0f1d3a}
.px .warn{background:#fef2f2;color:#991b1b;border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px}
.px .actions{display:flex;gap:8px;flex-wrap:wrap}
.px .btn2{border:1px solid #d8dee9;background:#fff;border-radius:12px;padding:10px 16px;font:800 13px inherit;cursor:pointer;color:#0f1d3a}
.px .btn2.on{background:#fff4e8;border-color:#ff7a00;color:#c2410c}
.px .rv{border-bottom:1px solid #eef1f5;padding:12px 0}.px .rv:last-child{border:0}
.px .stars{color:#f59e0b;letter-spacing:2px}
.px .rv img{max-width:160px;border-radius:10px;margin-top:8px}
.px .bars div{display:flex;align-items:center;gap:8px;font-size:12px;margin:4px 0}
.px .bars i{flex:1;height:8px;background:#eef1f5;border-radius:99px;overflow:hidden;display:block}
.px .bars i b{display:block;height:100%;background:#f59e0b}
.px form.f{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.px textarea,.px input[type=text],.px select,.px input[type=file]{border:1px solid #d8dee9;border-radius:10px;padding:10px;font:inherit;font-size:13px;width:100%}
.px .go{border:0;border-radius:12px;background:#ff7a00;color:#fff;padding:11px 18px;font:800 13px inherit;cursor:pointer;align-self:flex-start}
.px .qa{border-bottom:1px solid #eef1f5;padding:10px 0;font-size:13px;line-height:1.9}.px .qa .a{background:#f1f5f9;border-radius:10px;padding:8px 12px;margin-top:6px}
.px .row-cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}
/* صفحه‌های تازه: پایه */
.shop-wrap{max-width:1100px;margin:0 auto;padding:16px 14px 60px;color:#0f1d3a;font-family:inherit}
.shop-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.shop-top a{text-decoration:none}
.shop-top .home{background:#0f1d3a;color:#fff;border-radius:12px;padding:10px 16px;font-weight:800;font-size:13px}
.shop-top .cartl{background:#fff;border:1px solid #d8dee9;border-radius:12px;padding:10px 16px;font-weight:800;font-size:13px;color:#0f1d3a}
.cmp-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:13px}
.cmp-table th,.cmp-table td{padding:11px 10px;border-bottom:1px solid #eef1f5;text-align:center;vertical-align:top}
.cmp-table th.l{background:#f8fafc;color:#475569;text-align:right;width:22%}
.cmp-table img{width:90px;height:90px;object-fit:cover;border-radius:12px}
.cmp-best{color:#15803d;font-weight:900}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bcard{background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#0f1d3a;box-shadow:0 6px 18px rgba(15,29,58,.06)}
.bcard img{width:100%;height:150px;object-fit:cover;border-radius:12px;background:#f1f3f8}
.bcard .sp{font-size:11px;font-weight:800;color:#c2410c;background:#fff4e8;border-radius:999px;padding:3px 10px;align-self:flex-start}
.bcard .pr s{color:#94a3b8;margin-inline-end:6px;font-size:12px}.bcard .pr b{font-size:16px}
.save-b{background:#dcfce7;color:#166534;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;align-self:flex-start}
.art-body{background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:20px;line-height:2.1;font-size:15px;white-space:pre-line}
.art-cover{width:100%;max-height:340px;object-fit:cover;border-radius:16px;margin-bottom:14px}
.embed{position:relative;padding-top:56.25%;margin:14px 0}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}
@media(max-width:700px){#cmpBar{bottom:140px;width:calc(100% - 28px);justify-content:space-between}}


/* دکمه‌های «خبرم کن / مقایسه» داخل کادر تصویر محصول (زیر عکس‌های کوچک) */
.ga{margin-top:22px;padding-top:16px;border-top:1px dashed #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ga form{margin:0}
.ga-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8dee9;background:#fff;border-radius:12px;padding:9px 14px;font:800 12.5px inherit;cursor:pointer;color:#0f1d3a}
.ga-btn.on{background:#fff4e8;border-color:#ff7a00;color:#c2410c}
.ga-btn input{accent-color:#0f1d3a}
.ga-note{flex:1 1 100%;font-size:11.5px;color:#64748b;line-height:1.8}


/* دایره‌ی چرخان اطلاعات ارسال، ضمانت، مرجوعی و پرداخت (وسط صفحه) */
.px section.ring-sec{background:transparent;border:0;display:flex;justify-content:center;padding:10px 0}
.ring{position:relative;width:268px;height:268px;border-radius:50%;background:#fff;box-shadow:0 12px 34px rgba(15,29,58,.10);display:grid;place-items:center}
.ring-spin{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#ff7a00,rgba(255,122,0,0) 38%,rgba(37,99,235,.55) 62%,rgba(255,122,0,0) 82%,#ff7a00);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:ringSpin 9s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.ring-body{width:196px;min-height:120px;text-align:center;display:grid}
.ring .ri{grid-area:1/1;opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .6s ease;pointer-events:none;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center}
.ring .ri.on{opacity:1;transform:none}
.ring .ri small{font-size:12px;font-weight:800;color:#ff7a00}
.ring .ri b{font-size:13.5px;line-height:1.9;font-weight:700;color:#0f1d3a;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.ring-dots{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.ring-dots i{width:7px;height:7px;border-radius:50%;background:#d8dee9;cursor:pointer}.ring-dots i.on{background:#ff7a00}
@media (prefers-reduced-motion:reduce){.ring-spin{animation:none}.ring .ri{transition:none}}


/* کادر دکمه‌های «خبرم کن / مقایسه»: برجسته، با کادر دور، و پایین‌تر در کادر تصویر */
.product-layout{align-items:stretch!important}
.gallery-section{display:flex!important;flex-direction:column}
.gallery-section .ga{margin-top:auto!important;padding:16px!important;border:1px solid #e2e8f0!important;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 10px 24px rgba(15,29,58,.12),0 2px 0 rgba(255,255,255,.9) inset,0 -2px 0 rgba(15,29,58,.04) inset}
.gallery-section .thumbs{margin-bottom:26px}
.gallery-section .ga-btn{box-shadow:0 3px 8px rgba(15,29,58,.08)}


/* فرفره‌ی سه‌بعدی (نمای بغلِ حلقه): متن‌ها روی سطح بیرونی حلقه نوشته شده‌اند و می‌چرخند */
.px section.ring-sec{background:transparent;border:0;display:flex;justify-content:center;padding:14px 0 6px}
.ring3d{width:100%;max-width:560px;text-align:center}
.r3-stage{perspective:900px;height:150px;display:flex;justify-content:center;align-items:center;overflow:visible}
.r3-wheel{position:relative;height:104px;transform-style:preserve-3d;animation:r3Spin 18s linear infinite}
.r3-stage:hover .r3-wheel,.r3-stage:active .r3-wheel{animation-play-state:paused}
@keyframes r3Spin{from{transform:translateZ(calc(var(--z,150px) * -1)) rotateY(0deg)}to{transform:translateZ(calc(var(--z,150px) * -1)) rotateY(-360deg)}}
.r3-face{position:absolute;inset:0;height:104px;border-radius:16px;padding:10px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#fff;box-shadow:0 8px 20px rgba(15,29,58,.25)}
.r3-face:nth-child(4n+1){background:linear-gradient(135deg,#ff7a00,#ff4d6d)}
.r3-face:nth-child(4n+2){background:linear-gradient(135deg,#0f1d3a,#2c4a8f)}
.r3-face:nth-child(4n+3){background:linear-gradient(135deg,#0ea5a4,#0f766e)}
.r3-face:nth-child(4n+4){background:linear-gradient(135deg,#7c3aed,#4f46e5)}
.r3-face small{font-size:11.5px;font-weight:800;opacity:.9;letter-spacing:.2px}
.r3-face b{font-size:13px;line-height:1.8;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.r3-hint{font-size:11px;color:#94a3b8;margin-top:6px}
@media (prefers-reduced-motion:reduce){.r3-wheel{animation:none}.r3-face:not(:first-child){display:none}.r3-face:first-child{transform:none!important}}


.r3-face[data-c="0"]{background:linear-gradient(135deg,#ff7a00,#ff4d6d)!important}
.r3-face[data-c="1"]{background:linear-gradient(135deg,#0f1d3a,#2c4a8f)!important}
.r3-face[data-c="2"]{background:linear-gradient(135deg,#0ea5a4,#0f766e)!important}
.r3-face[data-c="3"]{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}
.trust3d{margin:14px auto 4px;max-width:640px}
.trust3d .r3-stage{height:128px}
.trust3d .r3-wheel,.trust3d .r3-face{height:84px}
.trust3d .r3-face small{font-size:13px}
.trust3d .r3-face b{font-size:12px;-webkit-line-clamp:2}
.r3-stage{height:160px}
.px .r3-wheel{transform-origin:center}


/* دکمه‌های «خبرم کن» و «مقایسه» کنار هم در یک خط */
.ga{flex-wrap:wrap}
.ga form{flex:1 1 0;min-width:0;margin:0}
.ga form .ga-btn{width:100%}
.ga>label.ga-btn{flex:1 1 0;min-width:0}
.ga .ga-btn{justify-content:center;white-space:nowrap;font-size:12px;padding:10px 8px}