@font-face{font-family:IRANSans;src:url('../fonts/woff2/IRANSansWeb.woff2') format('woff2');font-display:swap}
@font-face{font-family:IRANSans;src:url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--home-navy:#103e53;--home-teal:#16849b;--home-ink:#17212a;--home-muted:#667582;--home-line:#e9eef0}
body{font-family:IRANSans,Tahoma,sans-serif;background:#fff;color:var(--home-ink)}
header{direction:rtl;box-shadow:0 3px 22px rgba(15,48,62,.05)}
.top-header{background:#fff;padding:6px 0}
.top-header>.container{min-height:66px;gap:24px}
.logo img{max-height:54px;max-width:125px;object-fit:contain}
.top-header .d-flex.align-items-center{gap:12px}
.top-header .search-box{margin:0!important;width:min(28vw,280px)}
.top-header .search-box input{border:0;background:#f5f7f8;border-radius:24px;padding:10px 18px 10px 38px}
.top-header .search-box button{color:var(--home-navy)}
.top-header .login-btn,.top-header .cart-btn{margin:0!important;min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--home-line);border-radius:12px;background:#fff;color:var(--home-navy)}
.top-header .login-btn{padding:0 14px}
.top-header .cart-btn{order:3;font-size:1.1rem}
.top-header .cart-btn span{top:-6px;right:-5px;background:var(--home-teal)}
.bottom-header{background:#fff;border-top:1px solid #f4f5f6;border-bottom:0}
.bottom-header .navbar{background:#fff!important;padding:0}
.bottom-header .nav-menu{margin:auto!important;gap:4px}
.bottom-header .nav-menu a{font-size:.87rem;color:#233743;padding:12px 15px}
.bottom-header .nav-menu a:hover{color:var(--home-teal);background:transparent}
.home-hero{width:100%;margin:0 auto;overflow:hidden;background:#e9efef}
.home-hero .carousel-item{height:clamp(450px,58vw,690px);position:relative}
.home-hero-image{width:100%;height:100%;object-fit:cover;display:block}
.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,248,248,.78) 0%,rgba(245,248,248,.33) 35%,transparent 65%)}
.home-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;pointer-events:none;text-align:right}
.home-hero-content>*{pointer-events:auto}
.home-eyebrow{font-size:.86rem;color:var(--home-navy);font-weight:700;letter-spacing:.02em}
.home-hero-content h1{font-weight:700;color:#111c23;font-size:clamp(2.25rem,4.4vw,4.7rem);line-height:1.35;margin:15px 0}
.home-hero-content p{color:#42515c;font-size:clamp(1rem,1.45vw,1.35rem);max-width:420px;margin-bottom:25px}
.home-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:12px;background:var(--home-navy);color:#fff!important;padding:13px 23px;font-size:.9rem;transition:transform .2s,background .2s}
.home-primary-button:hover{background:#176078;transform:translateY(-2px)}
.home-hero-dots{left:8%;right:auto;bottom:28px;margin:0;justify-content:flex-start;gap:6px}
.home-hero-dots button{border:0!important;width:22px!important;height:4px!important;border-radius:5px!important;background:#9eb0b4!important;opacity:1!important}
.home-hero-dots button.active{width:42px!important;background:var(--home-navy)!important}
.home-hero-controls{position:absolute;right:5%;bottom:28px;display:flex;gap:10px}
.home-hero-controls button{border:1px solid #e7ecee;background:#fff;color:var(--home-navy);width:42px;height:42px;border-radius:50%}
.home-section{margin-top:76px;margin-bottom:0}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.home-section-heading h2,.home-guide h2{font-size:clamp(1.4rem,2vw,2rem);font-weight:700;margin:0}
.home-section-heading a{color:var(--home-teal);font-size:.9rem;display:inline-flex;align-items:center;gap:10px}
.home-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.home-category-card{position:relative;overflow:hidden;display:block;border-radius:14px;background:#f1f3f3;color:#18232b;aspect-ratio:420/275;grid-column:span 2;isolation:isolate}
.home-category-card-large{grid-column:span 3;aspect-ratio:640/320}
.home-category-card img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}
.home-category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0) 58%)}
.home-category-content{position:absolute;z-index:1;top:22px;right:24px;display:flex;flex-direction:column;gap:5px}
.home-category-content strong{font-size:1.55rem;font-weight:700}.home-category-content small{font-size:.92rem;color:#4f5a60}
.home-category-arrow{position:absolute;z-index:1;bottom:18px;left:18px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 16px #00000014}
.home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-product-card{border:1px solid var(--home-line);border-radius:14px;padding:8px;display:flex;flex-direction:column;color:var(--home-ink);min-width:0;transition:box-shadow .2s,transform .2s}
.home-product-card:hover{box-shadow:0 12px 32px #17374712;transform:translateY(-3px)}
.home-product-image{display:grid;place-items:center;background:#f6f7f8;border-radius:10px;aspect-ratio:1.1;overflow:hidden}
.home-product-image img{width:100%;height:100%;object-fit:contain}
.home-product-name{font-size:.92rem;padding:14px 8px 10px;min-height:52px}
.home-product-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;color:var(--home-teal);font-weight:700}
.home-product-bottom small{font-size:.75rem;font-weight:400}.home-cart-small{background:#e3eff1;color:var(--home-navy);width:37px;height:37px;border-radius:10px;display:grid;place-items:center}
.home-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-banner{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:640/320;background:#eef1f1;color:var(--home-ink)}
.home-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.home-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#ffffffdf,transparent 65%)}
.home-banner-content{position:absolute;z-index:1;inset:30px auto auto 28px;right:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.home-banner-content strong{font-size:1.7rem;font-weight:700}.home-banner-content small{font-size:.9rem}.home-banner-content>span{margin-top:13px;color:#fff;background:var(--home-navy);padding:9px 15px;border-radius:9px;font-size:.83rem}
.home-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f5f7f8;border-radius:16px;padding:30px 15px}
.home-benefits>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;border-left:1px solid #e5e9eb}.home-benefits>div:last-child{border:0}.home-benefits i{font-size:1.7rem;color:var(--home-navy);margin-bottom:8px}.home-benefits strong{font-size:.95rem}.home-benefits span{font-size:.78rem;color:var(--home-muted)}
.home-guide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#f5f7f8;border-radius:16px;overflow:hidden;padding:35px;margin-bottom:75px}.home-guide p{color:var(--home-muted);max-width:450px;line-height:2;margin:20px 0}.home-guide img{max-width:100%;max-height:300px;object-fit:contain;margin:auto}
.home-popup-backdrop{position:fixed;z-index:2000;inset:0;background:#0c252a9c;display:grid;place-items:center;padding:18px}.home-popup-backdrop[hidden]{display:none}.home-popup-card{position:relative;background:#fff;width:min(100%,440px);padding:46px 32px 36px;border-radius:18px;text-align:center;box-shadow:0 22px 70px #0003}.home-popup-card h2{font-size:1.45rem;font-weight:700;margin:0 0 14px}.home-popup-card p{color:var(--home-muted);line-height:1.9;margin:0 0 24px}.home-popup-card .home-primary-button{width:100%}.home-popup-close{position:absolute;top:16px;left:17px;border:0;background:transparent;color:#75858b;font-size:1.1rem}.home-popup-image{max-width:100%;max-height:160px;object-fit:contain;margin-bottom:18px}
footer{background:var(--home-navy);color:#eef6f7}footer a,footer p,footer h5{color:inherit!important}
@media(max-width:991px){.home-category-content{top:12px;right:12px}.home-category-content strong{font-size:1.05rem}.home-category-content small{font-size:.72rem}.home-category-arrow{width:30px;height:30px;bottom:10px;left:10px}.home-product-grid{grid-template-columns:repeat(2,1fr)}.top-header .search-box{width:210px}}
@media(max-width:767px){.top-header>.container{gap:10px}.logo img{max-width:90px}.top-header .search-box{width:150px}.top-header .login-btn{font-size:.75rem;min-width:38px}.home-hero .carousel-item{height:460px}.home-hero-image{object-position:center}.home-hero-shade{background:linear-gradient(270deg,#f6f8f8e8,#f6f8f877 70%,transparent)}.home-hero-content h1{font-size:2.4rem}.home-hero-content p{font-size:.95rem;max-width:260px}.home-section{margin-top:46px}.home-category-grid{grid-template-columns:1fr;gap:12px}.home-category-card,.home-category-card-large{grid-column:auto}.home-banner-grid{grid-template-columns:1fr}.home-banner-content{inset:18px auto auto 18px;right:18px}.home-banner-content strong{font-size:1.25rem}.home-banner-content small{font-size:.8rem}.home-banner-content>span{margin-top:5px}.home-benefits{grid-template-columns:repeat(2,1fr);row-gap:24px}.home-benefits>div:nth-child(2){border:0}.home-guide{grid-template-columns:1fr;padding:25px}.home-guide img{max-height:200px}}
@media(max-width:480px){.top-header .search-box{display:none}.top-header>.container{justify-content:space-between!important}.home-hero .carousel-item{height:390px}.home-hero-content h1{font-size:2rem}.home-hero-controls{display:none}.home-product-grid{gap:9px}.home-product-name{font-size:.78rem}.home-section-heading a{font-size:.75rem}}
@media(max-width:767px){.home-hero-shade{background:linear-gradient(90deg,#f6f8f8e8,#f6f8f877 70%,transparent)}}
@media(max-width:480px){.top-header>.container{align-items:flex-start!important}.top-header .d-flex.align-items-center{flex-wrap:wrap;justify-content:flex-end;flex:1}.top-header .search-box{display:block;order:4;width:100%;margin-top:7px!important}.top-header .login-btn{margin-right:auto!important}}

@media (max-width: 991px) {
    .bottom-header {
        padding: 11px 0 13px;
        border-top: 1px solid #edf1f2;
    }

    .bottom-header .main-nav .container-fluid {
        justify-content: center;
    }

    .bottom-header .site-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        width: min(100%, 240px);
        min-height: 45px;
        margin: 0 auto;
        padding: 9px 18px;
        border: 1px solid #dce9eb;
        border-radius: 12px;
        color: var(--home-navy);
        background: #f3f8f8;
        font-size: .85rem;
        font-weight: 700;
        box-shadow: 0 4px 14px #1236430b;
        transition: border-color .2s, background .2s, box-shadow .2s;
    }

    .bottom-header .site-menu-toggle:hover,
    .bottom-header .site-menu-toggle[aria-expanded="true"] {
        border-color: #bdd8dd;
        background: #e9f3f4;
        box-shadow: 0 5px 16px #12364316;
    }

    .bottom-header .site-menu-toggle:focus-visible {
        outline: 2px solid var(--home-teal);
        outline-offset: 3px;
    }

    .site-menu-toggle-icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        width: 20px;
        height: 20px;
    }

    .site-menu-toggle-icon span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: transform .2s, opacity .2s;
    }

    .site-menu-toggle[aria-expanded="true"] .site-menu-toggle-icon span:first-child {
        transform: translateY(6px) rotate(45deg);
    }

    .site-menu-toggle[aria-expanded="true"] .site-menu-toggle-icon span:nth-child(2) {
        opacity: 0;
    }

    .site-menu-toggle[aria-expanded="true"] .site-menu-toggle-icon span:last-child {
        transform: translateY(-6px) rotate(-45deg);
    }

    .bottom-header #mainNavbar {
        flex-basis: 100%;
        margin-top: 12px;
    }

    .bottom-header #mainNavbar .nav-menu {
        gap: 0;
        padding: 7px;
        border: 1px solid #e7edee;
        border-radius: 13px;
        background: #fff;
        box-shadow: 0 12px 30px #12364312;
    }

    .bottom-header #mainNavbar .nav-link {
        padding: 10px 14px;
        border-radius: 8px;
    }

    .bottom-header #mainNavbar .nav-link:hover,
    .bottom-header #mainNavbar .nav-link:focus-visible {
        color: var(--home-navy);
        background: #eef5f6;
    }
}