/* ChicShop — کامپوننتهای جدید (هیرو، دستهبندی، کارت محصول بازطراحیشده، بنر، نوار اعتماد)
این فایل روی استایل قدیمی layout اضافه میشه، جایگزینش نمیکنه. */
/* @font-face های Vazirmatn/Lalezar از اینجا حذف شدن — الان در public/css/fonts.css تعریف میشن
(فایل جداگانهای که رضا با مسیرهای درست به public/css/fonts/*.woff2 فرستاد).
حتماً fonts.css رو قبل از این فایل در layout لینک کن، وگرنه فونتها اصلاً لود نمیشن. */
.display{ font-family:'Lalezar','Vazirmatn',sans-serif; font-weight:400; }
/* رفع باگ: Bootstrap 5 Reboot بهصورت پیشفرض روی تگهای زیرخط میذاره (text-decoration:underline).
کلاسهای سفارشی زیر روی استفاده میشن ولی از .btn بوتاسترپ ارث نمیبرن، پس این ریست لازمه. */
.btn-hero-primary, .promo-cta, .cat-item, .cat-item *,
.chic-card a, .chic-wish, a.see-all, .eyebrow {
text-decoration:none;
}
/* --- نقطههای شید (سیگنیچر بصری برند) --- */
.dots{ display:flex; gap:6px; align-items:center; }
.dot{ width:11px; height:11px; border-radius:50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06); }
.dot-strip{ display:flex; justify-content:center; gap:14px; padding:22px 0; background:var(--light-bg); }
.dot-strip .dot{ width:8px; height:8px; }
/* --- Hero --- */
.hero{ background:linear-gradient(135deg, #F3DCD9 0%, #F6EDE6 55%, var(--light-bg) 100%); overflow:hidden; padding:56px 0 40px; }
.hero .row{ align-items:center; }
.eyebrow{ display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid #EFC9C9; color:var(--primary); font-size:12.5px; font-weight:600; padding:6px 14px; border-radius:999px; margin-bottom:18px; }
.hero h1{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:clamp(30px,4vw,50px); line-height:1.3; color:#3B1F2B; margin-bottom:16px; }
.hero h1 em{ font-style:normal; color:var(--primary); }
.hero p{ font-size:15.5px; color:#6E5A5F; max-width:460px; margin-bottom:24px; }
.hero .trust-inline{ display:flex; gap:18px; flex-wrap:wrap; font-size:13px; color:#6E5A5F; margin-top:20px; }
.hero .trust-inline i{ color:var(--primary); }
.btn-hero-primary{ background:var(--primary); color:#fff; padding:14px 28px; border-radius:12px; font-weight:700; font-size:15px; display:inline-flex; align-items:center; gap:8px; box-shadow:0 10px 24px -8px rgba(140,47,57,0.5); }
.btn-hero-primary:hover{ color:#fff; opacity:.92; }
.hero-visual{ height:280px; display:flex; align-items:center; justify-content:center; font-size:7rem; }
/* --- ردیف دستهبندی --- */
.cat-rail{ display:flex; gap:18px; overflow-x:auto; padding:6px 4px 14px; }
.cat-item{ flex:0 0 auto; width:96px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; text-decoration:none; }
.cat-ring{ width:78px; height:78px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; border:2px solid #EFC9C9; font-size:26px; background-size:cover; background-position:center; transition:transform .15s, border-color .15s; }
.cat-item:hover .cat-ring{ transform:translateY(-4px); border-color:var(--primary); }
.cat-item span{ font-size:12.5px; font-weight:600; color:#3B1F2B; }
/* --- نوار اعتماد --- */
.trust-strip{ background:#3B1F2B; color:#F6EDE6; padding:26px 0; }
.trust-strip .item{ display:flex; align-items:center; gap:12px; }
.trust-strip i{ color:var(--secondary); font-size:1.6rem; }
.trust-strip b{ display:block; font-size:13.5px; }
.trust-strip small{ font-size:11.5px; color:#C9B8BE; }
/* --- بنر پیشنهاد --- */
.promo{ background:linear-gradient(120deg, var(--primary) 0%, #6E2029 100%); border-radius:20px; overflow:hidden; color:#fff; padding:40px; }
.promo h3{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:26px; margin-bottom:10px; }
.promo p{ font-size:14px; color:#EAD2D6; max-width:420px; margin-bottom:18px; }
.promo-cta{ background:#fff; color:var(--primary); padding:12px 24px; border-radius:10px; font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:8px; }
.promo-cta:hover{ color:var(--primary); opacity:.9; }
/* --- کارت محصول (بازطراحیشده) --- */
.chic-card{ background:#fff; border-radius:16px; border:1px solid #E7D9D1; overflow:hidden; position:relative; transition:box-shadow .18s, transform .18s; height:100%; }
.chic-card:hover{ box-shadow:0 10px 30px -12px rgba(59,31,43,0.18); transform:translateY(-3px); }
.chic-card-media{ position:relative; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--light-bg); }
.chic-card-media img{ width:100%; height:100%; object-fit:cover; }
.chic-tag{ position:absolute; top:10px; right:10px; background:var(--primary); color:#fff; font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:999px; z-index:2; }
.chic-tag.low{ background:var(--secondary); }
.chic-wish{ position:absolute; top:10px; left:10px; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,0.9); display:flex; align-items:center; justify-content:center; z-index:2; color:#3B1F2B; border:none; }
.chic-wish:hover, .chic-wish.active{ color:var(--primary); }
.chic-card-body{ padding:14px; }
.chic-brand{ font-size:11.5px; color:#94A3B8; margin-bottom:3px; }
.chic-name{ font-size:14px; font-weight:700; color:#3B1F2B; margin-bottom:8px; min-height:38px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.chic-rating{ display:flex; align-items:center; gap:4px; font-size:11.5px; color:#6E5A5F; margin-bottom:8px; }
.chic-rating .stars{ color:var(--secondary); }
.chic-price-row{ display:flex; flex-direction:column; margin-bottom:10px; }
.chic-price-top-row{ display:flex; align-items:center; gap:8px; margin-bottom:3px; }
.chic-compare-price{ font-size:12px; color:#B79098; }
.chic-price{ display:flex; align-items:baseline; gap:6px; }
.chic-price b{ font-size:20px; font-weight:800; color:#3B1F2B; }
.chic-price s{ font-size:12px; color:#B79098; }
.chic-price small{ font-size:11px; color:#6E5A5F; }
.chic-discount{ background:#F3DCD9; color:var(--primary); font-size:11px; font-weight:700; padding:3px 8px; border-radius:6px; }
.chic-deal-badge{ position:absolute; top:8px; right:8px; z-index:3; background:linear-gradient(135deg, var(--primary), #6E2029); color:#fff; font-size:10px; font-weight:800; padding:4px 9px; border-radius:8px; box-shadow:0 3px 8px rgba(0,0,0,.25); }
@media (max-width:767px){
.hero{ padding:32px 0 28px; text-align:center; }
.hero .trust-inline{ justify-content:center; }
.hero-visual{ height:180px; font-size:5rem; margin-bottom:16px; }
.promo{ padding:26px; text-align:center; }
}
/* --- صفحه دستهبندی (بردکرامب، فیلتر، تولبار، صفحهبندی) --- */
.chic-breadcrumb{ font-size:12.5px; color:#B79098; margin-bottom:14px; display:flex; align-items:center; flex-wrap:wrap; }
.chic-breadcrumb a{ color:var(--primary); text-decoration:none; font-weight:600; }
.chic-breadcrumb a:hover{ text-decoration:underline; }
.chic-breadcrumb .sep{ margin:0 8px; color:#D8C3BC; }
.chic-breadcrumb .current{ color:#6E5A5F; }
.chic-page-title{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:clamp(22px,3vw,30px); color:#3B1F2B; margin-bottom:2px; }
/* کارت فیلتر */
.chic-filter{ background:#fff; border:1px solid #E7D9D1; border-radius:16px; padding:20px; }
.chic-filter-head{ display:flex; align-items:center; gap:8px; font-weight:700; color:var(--primary); font-size:14.5px; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid #F3DCD9; }
.chic-filter-head i{ font-size:16px; }
.chic-filter-group{ margin-bottom:22px; }
.chic-filter-group:last-of-type{ margin-bottom:16px; }
.chic-filter-label{ font-size:12.5px; font-weight:700; color:#3B1F2B; margin-bottom:12px; }
.chic-filter .form-control{ border-radius:9px; border-color:#E7D9D1; font-size:13px; }
.chic-filter .form-control:focus{ border-color:var(--primary); box-shadow:0 0 0 .18rem rgba(140,47,57,.1); }
.chic-price-range{ font-size:11.5px; color:var(--primary); background:var(--light-bg); padding:7px 10px; border-radius:8px; text-align:center; margin-top:10px; }
.chic-swatch{ width:30px; height:30px; border-radius:50%; padding:0; border:2px solid transparent; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); cursor:pointer; transition:transform .15s; }
.chic-swatch:hover{ transform:scale(1.08); }
.chic-swatch.active{ border-color:#fff; box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--primary); }
.chic-check{ display:flex; align-items:center; gap:9px; margin-bottom:9px; cursor:pointer; font-size:13px; color:#3B1F2B; }
.chic-check input{ width:16px; height:16px; accent-color:var(--primary); cursor:pointer; margin:0; }
.chic-clear-btn{ background:transparent; border:1px solid #E7D9D1; color:#6E5A5F; border-radius:10px; font-size:12.5px; font-weight:600; padding:9px; width:100%; transition:all .15s; }
.chic-clear-btn:hover{ border-color:var(--primary); color:var(--primary); }
/* دکمه فیلتر موبایل */
.chic-mobile-filter-btn{ display:none; }
@media (max-width:767px){
.chic-mobile-filter-btn{ display:flex; align-items:center; justify-content:center; gap:8px; background:#fff; border:1px solid #E7D9D1; border-radius:10px; padding:11px 16px; font-size:13px; font-weight:700; color:var(--primary); width:100%; margin-bottom:16px; }
.chic-mobile-filter-btn i{ font-size:15px; }
}
/* تولبار (عنوان + تعداد + مرتبسازی) */
.chic-toolbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:10px; }
.chic-count{ font-size:12px; color:#6E5A5F; background:var(--light-bg); padding:6px 13px; border-radius:999px; white-space:nowrap; }
.chic-sort{ border-radius:10px; border:1px solid #E7D9D1; font-size:13px; color:#3B1F2B; padding:8px 12px; background-color:#fff; }
.chic-sort:focus{ border-color:var(--primary); box-shadow:none; }
/* صفحهبندی */
.chic-pagination{ display:flex; justify-content:center; gap:6px; margin-top:38px; list-style:none; padding:0; flex-wrap:wrap; }
.chic-pagination a{ display:flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 6px; border-radius:10px; border:1px solid #E7D9D1; color:#3B1F2B; font-size:13px; font-weight:600; text-decoration:none; transition:all .15s; }
.chic-pagination a:hover{ border-color:var(--primary); color:var(--primary); }
.chic-pagination li.active a{ background:var(--primary); border-color:var(--primary); color:#fff; }
/* حالت خالی */
.chic-empty{ text-align:center; padding:70px 16px; }
.chic-empty-icon{ width:84px; height:84px; border-radius:50%; background:var(--light-bg); display:flex; align-items:center; justify-content:center; font-size:2.1rem; color:var(--primary); margin:0 auto 18px; }
.chic-empty h5{ font-weight:700; color:#3B1F2B; }
/* =========================================================
صفحه محصول (فاز ۳ ریدیزاین) — گالری، باکس خرید، مشخصات، تبها، نظرات
========================================================= */
/* --- گالری --- */
.chic-gallery-main{ position:relative; aspect-ratio:1/1; background:var(--light-bg); border:1px solid #E7D9D1; border-radius:20px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.chic-gallery-main img{ width:100%; height:100%; object-fit:contain; }
.chic-gallery-main .chic-gallery-fallback{ font-size:7rem; }
.chic-gallery-thumbs{ display:flex; gap:10px; overflow-x:auto; padding-bottom:2px; }
.chic-thumb{ flex:0 0 auto; width:66px; height:66px; border-radius:12px; border:2px solid #E7D9D1; overflow:hidden; cursor:pointer; background:#fff; padding:0; transition:border-color .15s, transform .15s; }
.chic-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.chic-thumb:hover{ transform:translateY(-2px); }
.chic-thumb.active{ border-color:var(--primary); box-shadow:0 0 0 2px #fff, 0 0 0 3.5px rgba(140,47,57,.18); }
/* --- باکس خرید --- */
.chic-eyebrow-link{ font-size:12.5px; font-weight:700; color:var(--secondary); letter-spacing:.2px; text-decoration:none; }
.chic-eyebrow-link:hover{ color:var(--primary); }
.chic-title{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:clamp(24px,3vw,32px); color:#3B1F2B; margin:6px 0 10px; line-height:1.35; }
.chic-rating-row{ display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.chic-rating-row .stars{ color:var(--secondary); font-size:14.5px; letter-spacing:1px; }
.chic-rating-row a{ font-size:12.5px; color:#6E5A5F; text-decoration:none; }
.chic-rating-row a:hover{ color:var(--primary); text-decoration:underline; }
/* شید-پیکر (سیگنیچر بصری برند: نقطههای شید روی چیپهای انتخاب) */
.chic-shade-label{ font-size:12.5px; font-weight:700; color:#3B1F2B; margin-bottom:10px; }
.chic-shade-picker{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.chic-shade-btn{ position:relative; display:inline-flex; align-items:center; gap:7px; background:#fff; border:1.5px solid #E7D9D1; color:#3B1F2B; font-size:13px; font-weight:600; padding:8px 16px; border-radius:999px; cursor:pointer; transition:all .15s; }
.chic-shade-deal-badge{ position:absolute; top:-6px; right:-6px; width:18px; height:18px; border-radius:50%; background:linear-gradient(135deg, var(--primary), #6E2029); color:#fff; font-size:10px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 5px rgba(0,0,0,.25); }
.chic-shade-btn::before{ content:''; width:8px; height:8px; border-radius:50%; background:#E7D9D1; transition:background .15s; }
.chic-shade-btn:hover{ border-color:var(--primary); color:var(--primary); }
.chic-shade-btn.active{ border-color:var(--primary); background:var(--primary); color:#fff; }
.chic-shade-btn.active::before{ background:#fff; }
.chic-shade-btn.has-swatch::before{ display:none; }
.chic-shade-swatch{ width:20px; height:20px; border-radius:50%; object-fit:cover; flex-shrink:0; border:1px solid rgba(0,0,0,.08); }
.chic-price-block{ background:var(--light-bg); border-radius:16px; padding:16px 18px; margin-bottom:16px; }
.chic-price-compare{ font-size:13px; color:#B79098; text-decoration:line-through; margin-bottom:2px; }
.chic-deal-title{ display:inline-block; background:linear-gradient(135deg, var(--primary), #6E2029); color:#fff; font-size:12px; font-weight:800; padding:4px 12px; border-radius:8px; margin-bottom:6px; }
.chic-price-line{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.chic-price-compare-inline{ font-size:13px; color:#B79098; text-decoration:line-through; }
.chic-discount-inline{ font-size:17px; font-weight:800; color:var(--primary); }
.chic-price-main{ font-size:clamp(24px,3vw,30px); font-weight:800; color:var(--primary); display:inline-flex; align-items:baseline; gap:8px; }
.chic-price-main small{ font-size:13.5px; font-weight:600; color:#6E5A5F; }
.chic-discount-pill{ display:inline-block; background:#fff; color:var(--primary); font-size:12px; font-weight:700; padding:4px 10px; border-radius:8px; margin-top:8px; }
.chic-stock{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; margin-bottom:20px; }
.chic-stock.in{ color:#3E7A4B; }
.chic-stock.low{ color:var(--secondary); }
.chic-stock.out{ color:#B4323F; }
.chic-buy-row{ display:flex; gap:10px; margin-bottom:22px; }
.chic-qty{ display:flex; align-items:center; border:1.5px solid #E7D9D1; border-radius:12px; overflow:hidden; flex:0 0 auto; }
.chic-qty button{ background:#fff; border:none; width:38px; height:48px; font-size:17px; color:var(--primary); cursor:pointer; }
.chic-qty button:hover{ background:var(--light-bg); }
.chic-qty input{ width:44px; height:48px; border:none; border-inline:1px solid #E7D9D1; text-align:center; font-size:14px; font-weight:700; color:#3B1F2B; -moz-appearance:textfield; }
.chic-qty input::-webkit-outer-spin-button, .chic-qty input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.chic-add-btn{ flex:1 1 auto; background:var(--primary); color:#fff; border:none; border-radius:12px; font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 10px 24px -10px rgba(140,47,57,.55); transition:background .15s, opacity .15s; }
.chic-add-btn:hover{ background:#6E2029; color:#fff; }
.chic-add-btn:disabled{ opacity:.55; cursor:not-allowed; }
.chic-wish-btn{ flex:0 0 auto; width:48px; height:48px; border-radius:12px; border:1.5px solid #E7D9D1; background:#fff; color:#94A3B8; display:flex; align-items:center; justify-content:center; font-size:18px; transition:all .15s; }
.chic-wish-btn:hover{ color:var(--primary); border-color:var(--primary); }
.chic-wish-btn.active{ color:#fff; background:var(--primary); border-color:var(--primary); }
/* نوار مزایای سریع */
.chic-perks{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:#E7D9D1; border:1px solid #E7D9D1; border-radius:16px; overflow:hidden; margin-bottom:22px; }
.chic-perk{ background:#fff; display:flex; align-items:center; gap:10px; padding:13px 14px; font-size:12.5px; font-weight:600; color:#3B1F2B; }
.chic-perk i{ font-size:16px; color:var(--primary); flex-shrink:0; }
/* جدول مشخصات */
.chic-spec-title{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:18px; color:#3B1F2B; margin-bottom:12px; }
.chic-spec-table{ border:1px solid #E7D9D1; border-radius:14px; overflow:hidden; }
.chic-spec-row{ display:flex; font-size:13px; }
.chic-spec-row:not(:last-child){ border-bottom:1px solid #F0E4DD; }
.chic-spec-row > div{ padding:11px 16px; }
.chic-spec-row .k{ flex:0 0 40%; color:#6E5A5F; background:var(--light-bg); font-weight:600; }
.chic-spec-row .v{ flex:1; color:#3B1F2B; font-weight:600; }
/* --- تبهای توضیحات / نظرات --- */
.chic-tabs{ display:flex; gap:6px; border-bottom:2px solid #F0E4DD; margin:56px 0 0; }
.chic-tab-btn{ background:none; border:none; padding:14px 6px; margin-left:26px; font-size:14.5px; font-weight:700; color:#B79098; position:relative; cursor:pointer; }
.chic-tab-btn::after{ content:''; position:absolute; right:0; left:0; bottom:-2px; height:2px; background:transparent; }
.chic-tab-btn.active{ color:var(--primary); }
.chic-tab-btn.active::after{ background:var(--primary); }
.chic-tab-panel{ padding:32px 2px; display:none; }
.chic-tab-panel.active{ display:block; }
.chic-desc-text{ font-size:14.5px; line-height:2.1; color:#4E3A40; max-width:780px; }
/* خلاصه امتیازات */
.chic-review-summary{ display:flex; gap:36px; align-items:center; flex-wrap:wrap; background:var(--light-bg); border-radius:18px; padding:26px 28px; margin-bottom:28px; }
.chic-review-score{ text-align:center; flex:0 0 auto; }
.chic-review-score .num{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:44px; color:var(--primary); line-height:1; }
.chic-review-score .stars{ color:var(--secondary); font-size:15px; margin:6px 0 4px; }
.chic-review-score .cnt{ font-size:12px; color:#6E5A5F; }
.chic-review-bars{ flex:1 1 260px; min-width:220px; }
.chic-review-bar-row{ display:flex; align-items:center; gap:10px; font-size:12.5px; color:#6E5A5F; margin-bottom:9px; }
.chic-review-bar-row span:first-child{ flex:0 0 62px; font-weight:600; }
.chic-review-bar-row span:last-child{ flex:0 0 22px; text-align:left; font-weight:700; color:#3B1F2B; }
.chic-review-bar-track{ flex:1; height:7px; background:#EADFD8; border-radius:99px; overflow:hidden; }
.chic-review-bar-fill{ height:100%; background:var(--primary); border-radius:99px; }
.chic-review-card{ display:flex; gap:14px; padding:20px 0; border-bottom:1px solid #F0E4DD; }
.chic-review-avatar{ flex:0 0 auto; width:38px; height:38px; border-radius:50%; background:var(--primary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; }
.chic-review-body{ flex:1; }
.chic-review-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:4px; }
.chic-review-name{ font-size:13.5px; font-weight:700; color:#3B1F2B; }
.chic-review-date{ font-size:11.5px; color:#B79098; }
.chic-review-stars{ color:var(--secondary); font-size:12px; margin-bottom:6px; }
.chic-review-title{ font-size:13.5px; font-weight:700; color:#3B1F2B; margin-bottom:3px; }
.chic-review-text{ font-size:13.5px; color:#6E5A5F; line-height:1.9; margin:0; }
.chic-review-empty{ text-align:center; padding:40px 10px; color:#B79098; font-size:13.5px; }
/* فرم ثبت نظر */
.chic-review-form{ background:#fff; border:1px solid #E7D9D1; border-radius:18px; padding:24px; margin-top:32px; }
.chic-review-form h6{ font-family:'Lalezar',sans-serif; font-weight:400; font-size:18px; color:#3B1F2B; margin-bottom:16px; }
.chic-review-form label{ font-size:12.5px; font-weight:700; color:#3B1F2B; margin-bottom:8px; display:block; }
.chic-review-form .form-control{ border-radius:10px; border-color:#E7D9D1; font-size:13.5px; }
.chic-review-form .form-control:focus{ border-color:var(--primary); box-shadow:0 0 0 .18rem rgba(140,47,57,.1); }
.chic-star-input{ display:flex; gap:6px; font-size:26px; }
.chic-star-input span{ cursor:pointer; color:#E0D3CC; transition:color .1s; }
.chic-submit-review{ background:var(--primary); color:#fff; border:none; border-radius:10px; font-size:13.5px; font-weight:700; padding:10px 22px; margin-top:6px; }
.chic-submit-review:hover{ background:#6E2029; color:#fff; }
@media (max-width:767px){
.chic-tabs{ margin-top:36px; }
.chic-tab-btn{ margin-left:16px; font-size:13.5px; }
.chic-perks{ grid-template-columns:1fr; }
.chic-review-summary{ padding:20px; gap:20px; }
}
/* --- Rollover های محصول (کالاهای مشابه/درکنارش خریداریشده/مشاهدهشده/دستهبندی مشابه) --- */
.chic-rollover{ margin:28px 0; }
.chic-rollover-title{ font-size:1.15rem; font-weight:700; color:#3B1F2B; margin-bottom:12px; }
.chic-rollover-rail{ display:flex; gap:14px; overflow-x:auto; padding:4px 4px 14px; scroll-snap-type:x proximity; }
.chic-rollover-item{ flex:0 0 168px; scroll-snap-align:start; }
@media (min-width:768px){ .chic-rollover-item{ flex-basis:210px; } }
/* --- رتبهبندی ۱ تا ۱۲ (پرفروشترینها/داغترین چند ساعت گذشته) --- */
.chic-rank-rail{ display:flex; gap:16px; overflow-x:auto; padding:10px 4px 14px; }
.chic-rank-item{ flex:0 0 108px; text-decoration:none; text-align:center; }
.chic-rank-media{ position:relative; width:108px; height:108px; border-radius:12px; overflow:visible; background:#fff; border:1px solid #EFC9C9; display:flex; align-items:center; justify-content:center; }
.chic-rank-media img{ width:100%; height:100%; object-fit:cover; border-radius:11px; }
.chic-rank-badge{ position:absolute; top:-8px; right:-8px; width:26px; height:26px; border-radius:50%; background:var(--primary); color:#fff; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:0 1px 4px rgba(0,0,0,.25); }
.chic-rank-name{ font-size:12.5px; font-weight:600; color:#3B1F2B; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* --- پیشنهاد ما --- */
.chic-offer-picks{ margin:28px 0; }
.chic-offer-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media (min-width:768px){ .chic-offer-grid{ grid-template-columns:repeat(4,1fr); } }
/* --- rollover محبوبترین برندها --- */
.chic-brand-rail{ display:flex; gap:16px; overflow-x:auto; padding:6px 4px 14px; }
.chic-brand-item{ flex:0 0 100px; text-decoration:none; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; }
.chic-brand-logo{ width:76px; height:76px; border-radius:50%; background:#fff; border:2px solid #EFC9C9; display:flex; align-items:center; justify-content:center; overflow:hidden; font-size:22px; }
.chic-brand-logo img{ width:100%; height:100%; object-fit:contain; padding:10px; }
.chic-brand-item span{ font-size:12px; font-weight:600; color:#3B1F2B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100px; }
/* --- placeholder برای rollover های شخصیسازیشده که با JS پر میشن --- */
.chic-personalized-slot:empty{ display:none; }
/* --- توضیح شفافیت زیر عنوان هر بخش پیشنهادی («بر اساس بازدیدهای اخیر شما» و ...) --- */
.chic-rollover-caption{ font-size:.75rem; color:#8A6A73; margin:-6px 0 10px; }
/* --- بخش شگفتانگیز (زیر اسلایدر صفحه اصلی) --- */
.chic-deals{ background:linear-gradient(135deg, var(--primary), #6E2029); border-radius:20px; padding:18px; margin:28px 0; display:flex; gap:16px; align-items:stretch; }
.chic-deals-panel{ flex:0 0 150px; background:rgba(255,255,255,.1); border-radius:14px; padding:16px 12px; text-align:center; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; }
.chic-deals-icon{ width:64px; height:64px; background:transparent;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%20106%27%3E%3Ccircle%20cx%3D%2730%27%20cy%3D%2726%27%20r%3D%278%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%277%27/%3E%3Ccircle%20cx%3D%2770%27%20cy%3D%2764%27%20r%3D%278%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%277%27/%3E%3Cline%20x1%3D%2770%27%20y1%3D%2717%27%20x2%3D%2730%27%20y2%3D%2773%27%20stroke%3D%27white%27%20stroke-width%3D%277%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M6%2089%20Q50%20115%2094%2089%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%277%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");
background-size:contain; background-repeat:no-repeat; background-position:center; }
.chic-deals-title{ font-weight:800; font-size:1.05rem; padding: 20px 0 20px 0; }
.chic-deals-timer{ display:flex; gap:4px; direction:ltr; font-variant-numeric:tabular-nums; padding: 0 0 20px 0; }
.chic-deals-timer span{ background:rgba(255,255,255,.18); border-radius:8px; padding:4px 7px; font-weight:700; font-size:.85rem; min-width:30px; }
.chic-deals-viewall{ background:#fff; color:var(--primary); border-radius:10px; padding:7px 14px; font-weight:700; font-size:.8rem; text-decoration:none; white-space:nowrap; }
.chic-deals-viewall:hover{ color:var(--primary); opacity:.9; }
.chic-deals-viewport-wrap{ flex:1; position:relative; min-width:0; }
.chic-deals-viewport{ overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; }
.chic-deals-viewport::-webkit-scrollbar{ display:none; }
.chic-deals-track{ display:flex; gap:12px; }
.chic-deals-item{ flex:0 0 168px; }
@media (min-width:768px){ .chic-deals-item{ flex-basis:190px; } }
.chic-deals-item .chic-card{ height:100%; background:#fff; }
.chic-deals-viewall-card{ display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.1); border-radius:16px; }
.chic-deals-viewall-card a{ display:flex; flex-direction:column; align-items:center; gap:8px; color:#fff; font-weight:700; text-decoration:none; font-size:.85rem; }
.chic-deals-viewall-card i{ font-size:1.8rem; }
.chic-deals-nav{ position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; background:#fff; color:var(--primary); border:none; box-shadow:0 4px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; z-index:5; }
.chic-deals-nav.next{ left:-6px; }
.chic-deals-nav.prev{ right:-6px; }
.chic-deals-nav[hidden]{ display:none; }
@media (max-width:767px){
.chic-deals{ flex-direction:column; padding:14px; }
.chic-deals-panel{ flex-direction:row; justify-content:space-between; flex-basis:auto; padding:10px 14px; }
.chic-deals-viewall{ margin-inline-start:auto; }
}
/* --- مراحل سبد خرید (سبد → آدرس → پرداخت) --- */
.chic-steps{ display:flex; align-items:center; }
.chic-step-pill{ font-size:.85rem; font-weight:600; color:#B79098; padding:6px 4px; }
.chic-step-pill.active{ color:var(--primary); font-weight:800; }
.chic-step-pill.done{ color:#3B1F2B; }
.chic-addr-card{ border:1.5px solid #E7D9D1; border-radius:12px; padding:14px; cursor:pointer; transition:all .15s; margin:1px 1px 11px 1px; }
.chic-addr-card:hover{ border-color:var(--primary); }
.chic-addr-card.selected{ border-color:var(--primary); border-width:2px; background:#FBF3F1; margin:0 0 10px 0; }
.chic-coupon-input-group{ display:flex; align-items:center; gap:8px; border:1.5px dashed #E7B8A8; border-radius:12px; padding:6px 6px 6px 14px; background:#FFFBFA; }
.chic-coupon-input-group input{ background:transparent; box-shadow:none; padding:6px 4px; }
.chic-coupon-input-group input:focus{ background:transparent; box-shadow:none; }
.chic-coupon-apply-btn{ background:var(--primary); color:#fff; font-weight:700; font-size:13px; padding:8px 18px; border-radius:9px; white-space:nowrap; }
.chic-coupon-apply-btn:hover{ background:#6E2029; color:#fff; }
/* پیامهای اصلاح خودکار سبد خرید (کمبود موجودی/حذف/تغییر قیمت) — گام ۱ */
.chic-cart-notice{ display:flex; align-items:flex-start; gap:10px; padding:10px 14px; border-radius:10px; font-size:13px; margin-bottom:8px; }
.chic-cart-notice i{ font-size:15px; margin-top:1px; flex-shrink:0; }
.chic-cart-notice-warning{ background:#FBF0E3; color:#8A5A20; }
.chic-cart-notice-danger{ background:#FBEAEA; color:#A32E2E; }
.chic-cart-notice-success{ background:#E9F7EE; color:#1F7A44; }
/* یادداشت زیر دکمهی ادامه/ثبت سفارش در گام ۱ سبد خرید */
.chic-cart-hint{ font-size:11.5px; color:#94A3B8; text-align:center; margin-top:10px; line-height:1.7; }
/* کارت خلاصهی مرسوله (گام ۳ — زیر کد تخفیف) */
.chic-shipment-card{ }
.chic-shipment-badge{ background:var(--light-bg); color:var(--primary); font-size:11.5px; font-weight:700; padding:5px 10px; border-radius:8px; }
.chic-shipment-date{ display:inline-flex; align-items:center; gap:5px; color:var(--primary); font-weight:700; font-size:12.5px; }
.chic-shipment-toggle{ background:none; border:none; padding:0; color:var(--primary); font-size:12.5px; font-weight:600; display:inline-flex; align-items:center; gap:5px; cursor:pointer; }
.chic-shipment-toggle:hover{ color:#6E2029; }
.chic-shipment-thumb{ width:58px; height:58px; border-radius:10px; overflow:hidden; background:var(--light-bg); display:flex; align-items:center; justify-content:center; }
.chic-shipment-thumb img{ width:100%; height:100%; object-fit:cover; }
.chic-shipment-note{ display:flex; align-items:flex-start; gap:8px; background:var(--light-bg); color:#8A6A55; font-size:12px; padding:10px 12px; border-radius:10px; line-height:1.8; }
.chic-shipment-note i{ color:var(--primary); margin-top:2px; }
/* منوی کشویی آیکون کاربر در هدر */
.chic-user-menu{ min-width:220px; border-radius:12px; border:1px solid #F1E7E1; box-shadow:0 8px 24px rgba(0,0,0,.08); padding:6px; }
.chic-user-menu .dropdown-item{ border-radius:8px; padding:8px 12px; font-size:13.5px; display:flex; align-items:center; gap:8px; }
.chic-user-menu .dropdown-item:hover, .chic-user-menu .dropdown-item:focus{ background:var(--light-bg); color:var(--primary); }
.chic-user-menu .dropdown-item.text-danger:hover{ background:#FBEAEA; color:#A32E2E !important; }
/* .table-card قبلاً فقط توی لایوت ادمین تعریف شده بود؛ توی فرانت فروشگاه
(سبد خرید، پروفایل، سفارشها) هم استفاده میشه ولی تعریفش اینجا نبود —
یعنی بدون شادو/border-radius رندر میشد. اینجا برای فرانت اضافه شد. */
.table-card{ background:#fff; border-radius:14px; border:1px solid #F1E7E1; box-shadow:0 2px 14px rgba(59,31,43,0.05); overflow:hidden; }
/* تبهای صفحهی سفارشهای من */
.chic-order-tabs{ display:flex; gap:4px; list-style:none; margin:0; padding:0; overflow-x:auto; }
.chic-order-tabs .nav-link{ background:none; border:none; padding:10px 18px; font-size:13.5px; font-weight:600; color:#8A6A55; border-radius:10px; white-space:nowrap; }
.chic-order-tabs .nav-link.active{ background:var(--light-bg); color:var(--primary); }
.chic-order-status-badge{ font-size:11.5px; font-weight:700; padding:5px 10px; border-radius:8px; display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.chic-order-status-current{ background:#FBF0E3; color:#8A5A20; }
.chic-order-status-delivered{ background:#E9F7EE; color:#1F7A44; }
.chic-order-status-returned{ background:#FFF6E0; color:#B8860B; }
.chic-order-status-cancelled{ background:#FBEAEA; color:#A32E2E; }
/* لینکهای سایدبار مشترک حساب کاربری (پروفایل/سفارشها/آدرسها/لیستها/دیدگاهها) */
.chic-sidebar-link{ display:flex; align-items:center; gap:10px; padding:12px 16px; font-size:13.5px; color:#3a3a3a; text-decoration:none; border-bottom:1px solid #F1E7E1; }
.chic-sidebar-link:last-child{ border-bottom:none; }
.chic-sidebar-link i{ font-size:15px; color:var(--primary); width:18px; text-align:center; }
.chic-sidebar-link:hover{ background:var(--light-bg); color:var(--primary); }
.chic-sidebar-link.active{ background:var(--light-bg); color:var(--primary); font-weight:700; }
.chic-sidebar-link.text-danger i{ color:#A32E2E !important; }
.chic-sidebar-link.text-danger:hover{ background:#FBEAEA; color:#A32E2E !important; }
/* مرتبسازی لیستهای من (ویشلیست) */
.chic-sort-link{ color:#8A6A55; text-decoration:none; font-weight:600; }
.chic-sort-link.active{ color:var(--primary); }
.chic-sort-link:hover{ color:var(--primary); }
/* بجهای گوشهی کارت محصول در لیستهای من */
.chic-wishlist-badge{ position:absolute; top:8px; z-index:2; font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:6px; }
.chic-wishlist-badge-deal{ right:8px; background:#3B1F2B; color:#fff; }
.chic-wishlist-badge-discount{ right:8px; background:var(--primary); color:#fff; }
.chic-wishlist-badge-oos{ left:8px; background:#6b7280; color:#fff; }
.chic-wishlist-badge-low{ left:8px; background:#B8860B; color:#fff; }