/* ============================================================
   brand.css — هویت بصری ویلو (رنگ‌ها، تایپوگرافی، کامپوننت‌ها)
   استخراج‌شده از index.php تا در تمام صفحات سایت قابل استفاده باشد
   ============================================================ */

    :root {
      /* هویت بصری ویلو — الهام‌گرفته از مُهر تأیید اصالت (Authenticity Seal) */
      --navy:   #0b2b28;   /* ink — متن و تیره‌ترین سطح */
      --blue:   #0e6b5c;   /* clinical — رنگ اصلی برند، سبزِ بالینی */
      --sky:    #c99a4b;   /* seal — طلایی مُهر، لهجهٔ اصالت */
      --teal:   #0a463c;   /* clinical-deep — قیمت و تاکیدهای عمیق */
      --green:  #2f9e6e;   /* موجودی/موفقیت */
      --orange: #a9762c;   /* seal-bronze — لهجهٔ گرم برای آیکون‌ها */
      --light:  #eef5f2;   /* mist — پس‌زمینهٔ خنک */
      --border: #dbe6e2;
      --gray:   #5c6f6b;
      --alert:  #b3432b;   /* تخفیف، به‌جای قرمز خام */
      --seal-soft:#f6efdd;
      --paper:  #ffffff;
      --font-display: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
      --font-data: 'Space Grotesk', 'Vazirmatn', Tahoma, sans-serif;
    }

    body { font-family: var(--font-display); }

    .section { padding:70px 0; }
    .section-head { text-align:center; margin-bottom:44px; }
    .section-eyebrow {
        display:inline-flex; align-items:center; gap:8px;
        font-size:12.5px; font-weight:700; color:var(--blue);
        background:var(--light); border:1px solid var(--border);
        padding:6px 16px; border-radius:999px; margin-bottom:14px;
        letter-spacing:.2px;
    }
    .section-eyebrow i { font-size:7px; color:var(--sky); }
    .section-title { font-family:var(--font-display); font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--navy);margin-bottom:12px;text-align:center;position:relative; }
    .section-title::after{
        content:""; display:block; width:56px; height:4px; border-radius:4px;
        background:linear-gradient(90deg,var(--blue),var(--sky));
        margin:14px auto 0;
    }
    .section-subtitle{ color:var(--gray); font-size:14.5px; max-width:560px; margin:0 auto; }

    /* --- عنصر امضا: مُهر تأییدِ اصالت --- تکرار عمدی در سراسر صفحه --- */
    .seal-badge{
        position:relative; display:inline-flex; align-items:center; justify-content:center;
        width:1em;height:1em;
    }
    [data-reveal]{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
    [data-reveal].reveal-in{ opacity:1; transform:none; }
    @media (prefers-reduced-motion: reduce){
        [data-reveal]{ opacity:1; transform:none; transition:none; }
    }

    /* اسلایدر هیرو — تغذیه‌شده از جدول sliders */
    .hero-slider.slider-container{ position:relative; overflow:hidden; border-radius:20px; min-height:460px; }
    .hero-slider .slide{ position:absolute; inset:0; width:100%; transition:transform .6s ease; }
    .hero-slider .slide:not(:first-child){ transform:translateX(110%); }
    .hero-slider .hero-grid{ height:100%; align-content:center; }
    .hero-slider .slider-prev,
    .hero-slider .slider-next{
        position:absolute; top:50%; transform:translateY(-50%); z-index:5;
        width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
        background:#fff;box-shadow:0 8px 20px rgba(10,37,64,.12);color:var(--navy);
        display:flex;align-items:center;justify-content:center;transition:.25s;
    }
    .hero-slider .slider-prev:hover,
    .hero-slider .slider-next:hover{ background:var(--blue); color:#fff; }
    .hero-slider .slider-prev{ right:16px; }
    .hero-slider .slider-next{ left:16px; }
    .hero-slider .slider-dots{
        position:absolute; bottom:16px; left:50%; transform:translateX(-50%);
        display:flex; gap:8px; z-index:5;
    }
    .hero-slider .slider-dot{
        width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);
        cursor:pointer;transition:.25s;
    }
    .hero-slider .slider-dot.active{ background:var(--sky); width:22px; border-radius:5px; }
    @media (max-width:900px){ .hero-slider.slider-container{ min-height:640px; } }
    @media (max-width:480px){ .hero-slider.slider-container{ min-height:720px; } }

    /* رفع مشکل کنتراست متن هیرو — رنگ صریح، مستقل از hero.css */
    .hero-slider .hero-text{ position:relative; z-index:2; }
    .hero-slider .hero-text h1{ color:var(--navy) !important; }
    .hero-slider .hero-text p{ color:var(--gray) !important; }
    .hero-slider .hero-eyebrow{ color:var(--blue) !important; }

    /* امتیاز ستاره‌ای محصولات — بر اساس جدول reviews */
    .product-rating{ display:flex;align-items:center;gap:2px;margin-bottom:8px;color:var(--sky);font-size:12px; }
    .product-rating .rating-count{ color:var(--gray);font-size:11.5px;margin-right:5px; }
    .product-rating-empty{ color:var(--gray);font-size:11.5px;font-style:italic;margin-bottom:8px; }

    .why-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;text-align:center; }
    .why-card { background:#fff;padding:34px 22px;border-radius:16px;box-shadow:0 8px 26px rgba(0,0,0,.05);transition:.3s; }
    .why-card:hover { transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.09); }
    .why-card .why-icon { width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:1.6rem; }
    .why-card:nth-child(1) .why-icon { background:var(--seal-soft);color:var(--sky); }
    .why-card:nth-child(2) .why-icon { background:var(--light);color:var(--blue); }
    .why-card:nth-child(3) .why-icon { background:#e4f2ee;color:var(--teal); }
    .why-card:nth-child(4) .why-icon { background:var(--seal-soft);color:var(--orange); }
    .why-card h3 { font-weight:700;margin-bottom:8px;color:var(--navy); }
    .why-card p  { color:var(--gray);font-size:14px;line-height:1.7; }

    .featured-section { background:var(--light);padding:70px 0; }
    .product-card { background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.06);transition:.3s;height:100%;display:flex;flex-direction:column; }
    .product-card:hover { transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.1); }
    .product-media { position:relative; }
    .product-media img { width:100%;height:200px;object-fit:cover;display:block; }
    .badge { position:absolute;top:12px;right:12px;z-index:2;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff; }
    .badge-sale { background:var(--alert); }
    .badge-instock { background:var(--green); }
    .badge-outstock { background:var(--gray); }
    .wishlist-btn { position:absolute;top:10px;left:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:var(--alert);text-decoration:none;transition:.2s;box-shadow:0 4px 10px rgba(0,0,0,.08); }
    .wishlist-btn:hover { background:var(--alert);color:#fff;transform:scale(1.08); }
    .price-old { display:block;font-size:12px;font-weight:400;color:#94a3b8;text-decoration:line-through; }
    .product-info { padding:16px;flex:1;display:flex;flex-direction:column; }
    .product-title    { font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:4px; }
    .product-category { font-size:13px;color:var(--gray);margin-bottom:6px; }
    .product-desc     { font-size:13px;color:#475569;line-height:1.7;margin-bottom:10px;flex:1; }
    .product-footer   { display:flex;justify-content:space-between;align-items:center;margin-top:auto; }
    .product-price    { font-size:15px;font-weight:700;color:var(--teal);font-family:var(--font-data); }
    .details-btn { background:var(--navy);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;text-decoration:none;transition:.2s; }
    .details-btn:hover { background:var(--blue);color:#fff; }

    /* اسلایدر محصولات ویژه — دکمه‌های ناوبری سفارشی */
    .myFeaturedSwiper{ position:relative; }
    .myFeaturedSwiper .swiper-slide{ height:auto; }
    .myFeaturedSwiper .swiper-button-next,
    .myFeaturedSwiper .swiper-button-prev{
        width:44px; height:44px; border-radius:50%;
        background:#fff; box-shadow:0 8px 20px rgba(10,37,64,.12);
        color:var(--navy); transition:.25s;
    }
    .myFeaturedSwiper .swiper-button-next:hover,
    .myFeaturedSwiper .swiper-button-prev:hover{ background:var(--blue); color:#fff; }
    .myFeaturedSwiper .swiper-button-next::after,
    .myFeaturedSwiper .swiper-button-prev::after{ font-size:15px; font-weight:700; }
    .myFeaturedSwiper .swiper-pagination-bullet{ background:#cbd5e1; opacity:1; }
    .myFeaturedSwiper .swiper-pagination-bullet-active{ background:var(--blue); width:22px; border-radius:5px; transition:.25s; }

    .categories-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px; }
    .category-card { background:#fff;padding:28px 20px;border-radius:14px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.05);transition:.3s;border:1px solid #f1f5f9; }
    .category-card:hover { background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;transform:translateY(-6px);box-shadow:0 14px 34px rgba(14,107,92,.3); }
    .category-card .cat-icon { width:64px;height:64px;border-radius:50%;background:var(--light);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:.3s; }
    .category-card i { font-size:1.6rem;color:var(--blue);transition:.3s; }
    .category-card:hover .cat-icon { background:rgba(255,255,255,.18); }
    .category-card:hover i { color:#fff; }
    .category-card h3 { font-weight:700;color:var(--navy);margin-bottom:6px;transition:.3s; }
    .category-card:hover h3 { color:#fff; }
    .category-card p  { color:var(--gray);font-size:14px;margin-bottom:12px;transition:.3s; }
    .category-card:hover p { color:rgba(255,255,255,.85); }
    .category-card a  { font-size:13px;color:var(--blue);text-decoration:none;font-weight:600;transition:.3s; }
    .category-card:hover a { color:#fff; }

    .about-content { display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center; }
    .about-text h3 { font-size:1.3rem;font-weight:700;color:var(--navy);margin-bottom:16px; }
    .about-text p  { color:#475569;line-height:2;margin-bottom:22px; }
    .about-list { list-style:none;padding:0;display:flex;flex-direction:column;gap:14px; }
    .about-list li{
        display:flex; align-items:flex-start; gap:12px;
        background:#fff; border:1px solid #eef2f7; border-radius:12px;
        padding:14px 16px; color:#334155; font-size:14.5px;
        box-shadow:0 4px 14px rgba(10,37,64,.04); transition:.25s;
    }
    .about-list li:hover{ transform:translateX(-3px); box-shadow:0 8px 22px rgba(10,37,64,.08); }
    .about-list li i{
        width:30px; height:30px; border-radius:9px; flex-shrink:0;
        background:var(--seal-soft); color:var(--sky);
        display:flex; align-items:center; justify-content:center; font-size:13px;
    }
    .about-media{ position:relative; }
    .about-media::before{
        content:""; position:absolute; inset:-18px;
        background:linear-gradient(135deg,var(--sky),var(--blue));
        border-radius:24px; opacity:.18; z-index:0;
        filter:blur(6px);
    }
    .about-media video{ position:relative; z-index:1; }
    .about-badge{
        position:absolute; z-index:2; bottom:18px; right:18px;
        background:rgba(11,43,40,.88); backdrop-filter:blur(6px);
        color:#fff; padding:10px 18px; border-radius:12px;
        display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700;
    }
    .about-badge i{ color:var(--sky); font-size:16px; }

    .contact-pro { padding:70px 0;background:linear-gradient(135deg,var(--light),var(--seal-soft)); }
    .contact-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px; }
    .contact-box { position:relative;background:#fff;border-radius:16px;padding:26px 22px;box-shadow:0 10px 30px rgba(0,0,0,.06);text-align:center;transition:.3s;overflow:hidden; }
    .contact-box::before{
        content:""; position:absolute; top:0; right:0; left:0; height:4px;
        background:linear-gradient(90deg,var(--blue),var(--sky));
        transform:scaleX(0); transform-origin:right; transition:.3s;
    }
    .contact-box:hover::before{ transform:scaleX(1); }
    .contact-box:hover { transform:translateY(-5px);box-shadow:0 18px 42px rgba(0,0,0,.1); }
    .contact-box .icon { width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin:0 auto 14px; }
    .icon.phone { background:var(--green); } .icon.mail { background:var(--blue); }
    .icon.social { background:var(--teal); } .icon.time { background:var(--orange); }
    .contact-box h3 { font-weight:700;color:var(--navy);margin-bottom:12px; }
    .contact-box a  { display:block;margin:6px 0;padding:9px;border-radius:8px;background:#f8fafc;color:#334155;text-decoration:none;transition:.2s;font-size:14px; }
    .contact-box a:hover { background:var(--light);color:var(--navy); }
    .contact-box ul { list-style:none;padding:0;margin:0; }
    .contact-box li { padding:5px 0;color:#475569;font-size:14px; }
    .contact-box li.off { color:var(--alert);font-weight:600; }
    .social-links { display:flex;justify-content:center;gap:10px;margin-top:6px; }
    .social-links a { width:40px;height:40px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#334155;font-size:18px;text-decoration:none;transition:.2s; }
    .social-links a:hover { background:var(--blue);color:#fff; }

    .map-heading{ text-align:center;margin:48px 0 20px;font-weight:800;color:var(--navy);font-size:1.15rem; }
    .map-grid { display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 12px; }
    .map-box  { flex:1;min-width:280px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:.3s; }
    .map-box:hover{ box-shadow:0 14px 34px rgba(0,0,0,.1); transform:translateY(-3px); }
    .map-box-link{ display:block;text-decoration:none;height:280px; }
    .map-box-link-inner{
        height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;
        gap:8px; background:linear-gradient(135deg,var(--light),#fff); text-align:center; padding:20px;
    }
    .map-box-link-inner i{ font-size:2rem; color:var(--blue); margin-bottom:4px; }
    .map-box-link-inner span{ font-weight:700; color:var(--navy); font-size:15px; }
    .map-box-link-inner small{ color:var(--gray); font-size:12.5px; }
    .map-label { text-align:center;padding:8px;font-size:13px;color:var(--gray);font-weight:600; }
    .map-links { text-align:center;margin-top:10px;font-size:14px;color:var(--gray); }
    .map-links a { color:var(--blue);text-decoration:none;margin:0 6px; }

    @media(max-width:768px) {
      .about-content { grid-template-columns:1fr; }
      .about-media::before{ inset:-10px; }
      .map-grid { flex-direction:column; }
    }

    /* --- مُهر تأیید اصالت: امضای بصری صفحه --- */
    .hero-media{ position:relative; }
    .hero-seal{
        position:absolute; top:14px; left:14px; z-index:4;
        width:98px; height:98px; border-radius:50%;
        background:radial-gradient(circle at 34% 30%, #f1d9a0, var(--sky) 55%, var(--orange) 100%);
        display:flex; flex-direction:column; align-items:center; justify-content:center;
        color:var(--navy); text-align:center;
        box-shadow:0 12px 28px rgba(11,43,40,.35), inset 0 0 0 3px rgba(255,255,255,.4);
        animation: seal-spin 26s linear infinite;
    }
    .hero-seal::before{
        content:""; position:absolute; inset:-7px; border-radius:50%;
        border:2px dashed rgba(255,255,255,.6);
    }
    .hero-seal i{ font-size:20px; margin-bottom:3px; }
    .hero-seal span{ font-family:var(--font-data); font-weight:700; font-size:10px; letter-spacing:.3px; line-height:1.3; }
    @keyframes seal-spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
    @media (max-width:768px){ .hero-seal{ width:78px;height:78px; top:8px; left:8px; } .hero-seal i{ font-size:16px; } .hero-seal span{ font-size:8.5px; } }
    @media (prefers-reduced-motion: reduce){ .hero-seal{ animation:none; } }

    .stats-bar strong, .product-price, .price-old{ font-family:var(--font-data); }