:root{--blue:#1979c7;--blue2:#0d5da5;--sky:#edf8ff;--border:#d9eaf5;--text:#163d62;--muted:#71869a;--white:#fff;--shadow:0 18px 45px rgba(16,93,145,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfdff;color:var(--text);font-family:Vazirmatn,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.header{margin-top:12px}.topbar{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--border);border-radius:20px 20px 0 0;padding:10px 16px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;color:#1b6ead;white-space:nowrap}.brand small{display:block;font-size:7px;color:#7c91a3;font-weight:500}.brand-mark{width:35px;height:35px;border-radius:12px;background:linear-gradient(145deg,#1386df,#74baf0);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px #1f85d033}.search{height:38px;background:#f4f9fd;border:1px solid #e2eef6;border-radius:11px;display:flex;align-items:center;padding:0 12px}.search i{color:#4c82a6}.search input{width:100%;border:0;outline:0;background:transparent;padding:0 9px;font-size:11px}.head-actions{display:flex;gap:7px}.icon-btn{width:35px;height:35px;border:1px solid #dfedf6;border-radius:10px;background:#fff;display:grid;place-items:center;color:#366683;position:relative}.icon-btn b{position:absolute;top:-6px;right:-5px;background:#1677ca;color:#fff;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;font-size:8px}.menu-toggle{display:none}.nav{display:flex;justify-content:center;gap:28px;background:#fff;border:1px solid var(--border);border-top:0;border-radius:0 0 20px 20px;padding:11px}.nav a{font-size:10px;color:#416982}.nav a:hover{color:var(--blue)}.hero{margin-top:18px;min-height:470px;border-radius:24px;overflow:hidden;background:#e7f5ff;position:relative;display:grid;grid-template-columns:42% 58%;box-shadow:var(--shadow)}.hero-copy{padding:55px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow{font-size:11px;color:var(--blue);font-weight:800}.hero h1{font-family:Georgia,serif;margin:13px 0;color:#133f6d;font-size:58px;line-height:1.02}.hero h1 strong{color:var(--blue)}.hero p{color:#6a8194;max-width:410px;font-size:13px;line-height:2;margin:0 0 22px}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.discount{position:absolute;left:36px;top:35px;width:92px;height:92px;border-radius:50%;background:#197ed3;color:#fff;display:grid;place-items:center;text-align:center;line-height:1.1;font-size:9px;transform:rotate(-7deg);box-shadow:0 16px 30px #1477bd3b}.discount b{font-size:25px}.discount small{font-size:8px}.btn{border:0;border-radius:999px;padding:11px 17px;background:#eef7fd;color:#126db0;cursor:pointer;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,#218bdf,#0d66b4);color:#fff;box-shadow:0 12px 28px #1978c733}.btn.full{width:100%}.service-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:15px;background:#fff;border:1px solid var(--border);border-radius:18px;margin-top:12px}.service{display:flex;gap:10px;align-items:center}.service>span{width:41px;height:41px;border-radius:13px;background:#edf8ff;display:grid;place-items:center;color:var(--blue)}.service b,.service small{display:block}.service b{font-size:10px}.service small{color:#8395a6;font-size:8px;margin-top:3px}.section{margin-top:46px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.section-head small{color:var(--blue);font-weight:800;font-size:9px}.section-head h2{margin:2px 0 0;font-size:23px}.section-head>a{font-size:9px;color:var(--blue);font-weight:800}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{display:block;position:relative;aspect-ratio:1;background:#f1f9ff;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:.3s}.product-card:hover .product-image img{transform:scale(1.04)}.sale{position:absolute;z-index:2;right:9px;top:9px;background:#1479cb;color:#fff;border-radius:99px;padding:4px 8px;font-size:8px}.wish{position:absolute;z-index:3;left:9px;top:9px;width:30px;height:30px;border:1px solid #dbeaf4;border-radius:50%;background:#fff;color:#52728b;cursor:pointer;padding: 5px;}.wish.active{color:#1475c7}.product-info{padding:12px}.product-info>small{font-size:7px;color:#8398a9}.product-info h3{font-size:11px;line-height:1.8;min-height:40px;margin:5px 0}.product-info h3 a{color:#264b68}.rating{color:#eca82a;font-size:9px;margin-bottom:6px}.rating span{color:#8c9daa;font-size:7px}.price{display:flex;gap:7px;align-items:center;margin-bottom:10px}.price b{color:#1174c2;font-size:11px}.price del{color:#a0aeb8;font-size:8px}.add-form{margin:0}.add{width:100%}.add:hover{background:#167acd;color:#fff}.promo-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:18px}.promo{min-height:220px;border-radius:19px;overflow:hidden;position:relative;background:#e8f5ff}.promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e6f5ffed 0%,#e6f5ffb8 38%,transparent 75%)}.promo>div{position:relative;z-index:2;width:52%;padding:30px;height:100%;display:flex;flex-direction:column;justify-content:center}.promo span{font-size:10px;color:#5e7e97}.promo h3{font-size:23px;margin:4px 0;color:#16406a}.promo p{font-size:9px;color:#71879a;line-height:1.9}.promo b{font-size:9px;color:#fff;background:#167fd1;padding:9px 14px;border-radius:99px;width:max-content}.category-band{margin-top:46px}.categories{display:flex;gap:14px}.categories a{flex:1;text-align:center;min-width:0}.categories a span{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#eef8ff;border:5px solid #f8fcff;box-shadow:0 12px 25px #1777b914}.categories img{width:100%;height:100%;object-fit:cover}.categories b{font-size:9px;display:block;margin-top:8px}.wide-banner{margin-top:46px;height:230px;border-radius:20px;overflow:hidden;position:relative;background:#e4f4ff}.wide-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#e6f5fff5,#e6f5ffa3 38%,transparent 75%)}.wide-banner>div:last-child{position:relative;z-index:2;padding:35px;width:42%;height:100%;display:flex;flex-direction:column;justify-content:center}.wide-banner span{font-size:14px}.wide-banner h3{font-size:30px;margin:2px 0}.wide-banner p{font-size:9px;color:#6f8496}.footer{margin-top:60px;background:#eef8ff;border:1px solid var(--border);border-radius:20px;padding:28px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:25px}.footer h4{font-size:11px}.footer a,.footer p{display:block;font-size:9px;color:#71879a;margin:7px 0}.footer-brand{margin-bottom:10px}.socials{display:flex;gap:5px}.socials a{width:28px;height:28px;border:1px solid #d9eaf5;background:#fff;border-radius:9px;display:grid;place-items:center;color:#206b9d}.footer-bottom{border-top:1px solid #d7e9f5;padding-top:14px;margin-top:20px;font-size:8px;color:#8498a8}.mobile-nav{display:none}.page-head{margin:30px auto 22px}.page-head small{color:var(--blue);font-size:9px;font-weight:800}.page-head h1{margin:5px 0;font-size:28px}.page-head p{margin:0;color:#758999;font-size:10px}.shop-layout,.cart-layout,.checkout-grid,.account-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.filters,.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.filters h3{font-size:13px;margin-top:0}.filters a{display:block;padding:9px 8px;color:#6b8497;font-size:10px;border-radius:9px}.filters a.active,.filters a:hover{background:#eef7fd;color:var(--blue)}.pager{margin-top:18px}.pager a,.pager span{display:inline-block;padding:8px 11px;border:1px solid var(--border);border-radius:8px;margin:2px;font-size:9px}.breadcrumb{display:flex;gap:8px;align-items:center;margin:20px auto;font-size:9px;color:#7890a0}.product-single{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.gallery{aspect-ratio:1;border:1px solid var(--border);border-radius:22px;background:#eef8ff;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:contain}.brand-label{font-size:9px;color:#7a90a0}.product-summary h1{font-size:30px;line-height:1.6;margin:8px 0}.rating.big{font-size:13px}.rating.big span{font-size:9px}.single-price{font-size:22px;color:var(--blue);font-weight:900;margin:15px 0}.single-price del{font-size:11px;color:#9aaab5;margin-right:9px}.product-summary p{line-height:2;color:#708799;font-size:11px}.stock{color:#218457;background:#ecfff6;padding:10px 12px;border-radius:10px;font-size:10px;display:inline-flex;gap:8px;margin:10px 0}.single-add{display:flex;gap:10px;margin-top:12px}.qty{width:75px;border:1px solid var(--border);border-radius:12px;padding:10px}.single-add .btn{flex:1}.cart-layout,.checkout-grid{grid-template-columns:1fr 330px}.cart-row{display:grid;grid-template-columns:70px 1fr 70px 130px;gap:12px;align-items:center;border-bottom:1px solid #edf3f7;padding:12px 0}.cart-row img{width:70px;height:70px;border-radius:12px;background:#eef8ff;object-fit:contain}.cart-row h3{margin:0;font-size:11px}.cart-row input{width:60px}.summary h3{margin-top:0}.summary>div{display:flex;justify-content:space-between;padding:9px 0;font-size:10px}.summary .total{font-size:12px}.secure{color:#24845b}.empty{text-align:center;padding:45px}.empty i{font-size:44px;color:#6bb3e4}.form{display:grid;gap:12px}.form label,.auth-card label{font-size:10px;font-weight:700}.form input,.form textarea,.form select,.auth-card input{display:block;width:100%;margin-top:6px;border:1px solid var(--border);border-radius:11px;padding:10px;outline:0;background:#fff}.auth-page{min-height:65vh;display:grid;place-items:center;padding:40px 16px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{font-size:22px}.auth-card p{font-size:10px;color:#758b9e;line-height:1.9}.auth-brand{margin-bottom:15px}.otp{letter-spacing:8px;text-align:center;font-size:25px}.back{display:block;text-align:center;font-size:9px;color:#6c879a;margin-top:14px}.account-layout{grid-template-columns:270px 1fr}.account-side{text-align:center}.profile-icon{width:70px;height:70px;background:#eef8ff;color:#1679ca;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;font-size:28px}.account-side label{text-align:right;display:block;font-size:9px;margin-top:15px}.account-side input{width:100%;margin-top:4px;border:1px solid var(--border);border-radius:10px;padding:9px}.logout{border:0;background:none;color:#b25151;font-size:9px;margin-top:12px;cursor:pointer}.orders-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.orders-head h2{font-size:20px}.order-list{display:grid;gap:10px}.order-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.order-card strong,.order-card b,.order-card small{display:block}.order-card small{font-size:8px;color:#8195a6}.order-card strong{font-size:12px;margin-top:4px}.status{padding:5px 8px;border-radius:99px;background:#eef7ff;color:#1b74b8;font-size:8px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.step{padding:15px;border-radius:14px;background:#f6fafc;color:#98a9b4;text-align:center;font-size:9px}.step i{display:block;font-size:22px;margin-bottom:5px}.step.active{background:#eaf6ff;color:var(--blue)}.tracking-box{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;background:#f7fbfd;border:1px dashed #cfe3ef;border-radius:14px;padding:15px}.tracking-box small,.tracking-box b{display:block;font-size:9px}.tracking-box b{font-size:12px;margin-top:4px}.admin-shell{min-height:75vh;display:grid;grid-template-columns:220px 1fr;background:#f7fbfe}.admin-side{background:#fff;border-left:1px solid var(--border);padding:22px;display:flex;flex-direction:column;gap:6px}.admin-side a{padding:11px 12px;border-radius:10px;font-size:10px}.admin-side a.active,.admin-side a:hover{background:#eef7fd;color:var(--blue)}.admin-main{padding:25px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-top h1{margin:3px 0;font-size:23px}.admin-top small{font-size:9px;color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}.stat span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef7fd;color:var(--blue);margin-bottom:10px}.stat small,.stat b{display:block}.stat small{font-size:9px;color:#8093a2}.stat b{font-size:22px;margin-top:2px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th,.table-wrap td{text-align:right;border-bottom:1px solid #edf3f7;padding:10px;font-size:9px}.table-wrap th{color:#7890a0}.inline-form{display:flex;gap:5px;align-items:center}.inline-form input,.inline-form select{border:1px solid var(--border);border-radius:8px;padding:6px;font-size:8px}.mini{border:0;background:#eef7fd;color:#176fad;border-radius:8px;padding:6px 8px;font-size:8px;cursor:pointer}.product-edit{display:grid;gap:14px;margin-bottom:18px}.product-edit>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-edit label{font-size:9px;font-weight:700}.product-edit input{display:block;width:100%;margin-top:5px;border:1px solid var(--border);border-radius:9px;padding:8px}.note{padding:10px;background:#fff9e9;color:#94742b;border-radius:10px;font-size:9px}
@media(max-width:980px){.hero{grid-template-columns:1fr 1fr}.products{grid-template-columns:repeat(3,1fr)}.service-strip{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.shop-layout,.account-layout{grid-template-columns:1fr}.filters{display:none}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.stats{grid-template-columns:repeat(2,1fr)}.admin-main{padding:16px}.tracking-box{grid-template-columns:1fr 1fr}.tracking-box .btn{grid-column:1/-1}}
@media(max-width:680px){.container{width:calc(100% - 18px)}.topbar{grid-template-columns:auto 1fr auto;border-radius:15px;padding:8px}.brand{font-size:14px}.brand-mark{width:30px;height:30px}.search{height:33px}.search input{font-size:9px}.menu-toggle{display:grid}.nav{display:none}.hero{display:flex;flex-direction:column;margin-top:10px;border-radius:18px}.hero-copy{padding:28px 20px 18px}.hero h1{font-size:38px}.hero-art{height:270px}.discount{width:72px;height:72px;left:14px;top:13px}.discount b{font-size:18px}.service-strip{grid-template-columns:1fr 1fr;border-radius:15px;padding:8px}.service{padding:5px}.service b{font-size:8px}.service small{font-size:7px}.promo-grid{grid-template-columns:1fr;gap:10px}.promo{min-height:190px}.promo>div{width:68%;padding:22px}.categories{overflow:auto;padding-bottom:7px}.categories a{flex:0 0 78px}.products{grid-template-columns:repeat(2,1fr);gap:8px}.section-head h2{font-size:18px}.wide-banner{height:290px}.wide-banner>div:last-child{width:100%;padding:25px}.wide-overlay{background:linear-gradient(90deg,#e6f5fff5,#e6f5ff9c)}.cart-layout,.checkout-grid,.product-single{grid-template-columns:1fr}.cart-row{grid-template-columns:60px 1fr 55px}.cart-row>b{grid-column:2/-1}.gallery{order:0}.product-summary h1{font-size:22px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 40px rgba(14,75,114,.16);z-index:999}.mobile-nav a{padding:9px 4px;text-align:center;color:#7890a1;font-size:8px;position:relative}.mobile-nav i{display:block;font-size:17px;margin-bottom:3px}.mobile-nav a.center{color:var(--blue)}.mobile-nav a.center b{position:absolute;top:4px;right:calc(50% - 20px);background:#1578ca;color:#fff;border-radius:99px;min-width:15px;height:15px;font-size:7px;display:grid;place-items:center}.page-head{margin-top:24px}.timeline{grid-template-columns:1fr 1fr}.order-card{grid-template-columns:1fr auto}.order-card>div:last-child{grid-column:1/-1}.stats{gap:8px}.stat{padding:12px}.product-edit>div{grid-template-columns:1fr}.admin-main{padding-bottom:35px}}
/* =========================================================
   BEAUTYSTAR HOME - PREMIUM CAROUSELS
========================================================= */

.product-carousel-section{
    position:relative;
}

.carousel-toolbar{
    display:flex;
    align-items:center;
    gap:14px;
}

.section-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#1677c5;
    font-size:10px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.carousel-nav{
    display:flex;
    align-items:center;
    gap:6px;
}

.carousel-button{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d9eaf6;
    background:#fff;
    color:#1476c5;
    border-radius:11px;
    cursor:pointer;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        border-color .2s ease;
}

.carousel-button:hover{
    background:#eaf6ff;
    border-color:#b8d9ee;
    transform:translateY(-2px);
}

.carousel-button:active{
    transform:translateY(0);
}

.bs-product-carousel{
    position:relative;
    width:100%;
}

.bs-carousel-viewport{
    width:100%;
    overflow:hidden;
    padding:4px 2px 12px;
}

.bs-carousel-track{
    display:flex;
    align-items:stretch;
    transition:
        transform .58s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
    direction:ltr;
}

.bs-carousel-item{
    flex:0 0 25%;
    min-width:0;
    padding:0 7px;
    direction:rtl;
}

.bs-carousel-item > *{
    height:100%;
}

.bs-carousel-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
    min-height:10px;
    margin-top:2px;
}

.bs-carousel-pagination button{
    appearance:none;
    border:0;
    padding:0;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#b8d7e9;
    cursor:pointer;
    transition:all .25s ease;
}

.bs-carousel-pagination button.active{
    width:19px;
    border-radius:99px;
    background:#1679c9;
}


/* =========================================================
   CATEGORY SECTION
========================================================= */

.category-band{
    position:relative;
}

.categories{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:16px;
}

.category-item{
    text-decoration:none;
    color:#183f61;
    text-align:center;
    min-width:0;
}

.category-image{
    width:100%;
    max-width:120px;
    aspect-ratio:1;
    margin:0 auto 10px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #f1f9ff,
            #deeffc
        );

    border:5px solid #f9fcff;

    box-shadow:
        0 10px 25px rgba(
            25,
            110,
            168,
            .08
        );

    transition:.3s ease;
}

.category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.35s ease;
}

.category-item:hover .category-image{
    transform:translateY(-5px);

    box-shadow:
        0 18px 32px rgba(
            25,
            110,
            168,
            .15
        );
}

.category-item:hover .category-image img{
    transform:scale(1.05);
}

.category-item b{
    display:block;
    font-size:10px;
    color:#2f607f;
    font-weight:700;
}


/* =========================================================
   SKIN PROBLEMS
========================================================= */

.skin-problems-section{
    margin-top:12px;
}

.skin-problems{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:13px;
}

.skin-problem{
    display:block;
    text-decoration:none;
    color:inherit;

    overflow:hidden;

    background:#fff;

    border:
        1px solid
        #dcecf7;

    border-radius:18px;

    box-shadow:
        0 10px 28px
        rgba(18,106,162,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.skin-problem:hover{
    transform:translateY(-5px);

    box-shadow:
        0 19px 35px
        rgba(18,106,162,.12);
}

.skin-problem-image{
    position:relative;

    aspect-ratio:1.18 / 1;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #eef8ff,
            #dfeffc
        );
}

.skin-problem-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;

    transition:
        transform .35s ease;
}

.skin-problem:hover
.skin-problem-image img{
    transform:scale(1.05);
}

.skin-problem-icon{
    position:absolute;

    top:9px;
    left:9px;

    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
        rgba(255,255,255,.9);

    color:#1479ca;

    border:
        1px solid
        rgba(207,230,244,.95);

    box-shadow:
        0 5px 15px
        rgba(22,101,152,.08);
}

.skin-problem-info{
    padding:12px 12px 13px;
}

.skin-problem-info strong{
    display:block;
    color:#183e60;
    font-size:11px;
    margin-bottom:4px;
}

.skin-problem-info small{
    display:block;
    color:#7a91a4;
    font-size:8px;
    line-height:1.8;
    min-height:28px;
}

.skin-problem-info > span{
    display:flex;
    align-items:center;
    gap:5px;

    margin-top:8px;

    color:#1578c8;
    font-size:8px;
    font-weight:700;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.hero-art{
    position:relative;
    overflow:hidden;
}

.hero-art img{
    width:100%;
    height:100%;
    display:block;

    object-fit:contain;
    object-position:center bottom;

    filter:
        drop-shadow(
            0 22px 30px
            rgba(24,99,152,.12)
        );
}


/* =========================================================
   RESPONSIVE TABLET
========================================================= */

@media(max-width:1100px){

    .bs-carousel-item{
        flex-basis:33.333333%;
    }

    .skin-problems{
        grid-template-columns:repeat(3,1fr);
    }

    .categories{
        grid-template-columns:repeat(4,1fr);
    }

}


/* =========================================================
   RESPONSIVE MOBILE
========================================================= */

@media(max-width:767px){

    .carousel-toolbar{
        gap:7px;
    }

    .section-link{
        display:none;
    }

    .carousel-button{
        width:31px;
        height:31px;
        border-radius:9px;
    }

    .bs-carousel-viewport{
        margin-inline:-6px;
        padding-inline:4px;
    }

    .bs-carousel-item{
        flex-basis:50%;
        padding-inline:5px;
    }

    .categories{
        display:flex;
        gap:11px;

        overflow-x:auto;

        padding-bottom:7px;

        scrollbar-width:none;
    }

    .categories::-webkit-scrollbar{
        display:none;
    }

    .category-item{
        flex:0 0 82px;
    }

    .category-image{
        width:82px;
        height:82px;
        max-width:none;
    }

    .category-item b{
        font-size:8px;
    }

    .skin-problems{
        display:flex;
        gap:10px;

        overflow-x:auto;

        padding-bottom:8px;

        scrollbar-width:none;
    }

    .skin-problems::-webkit-scrollbar{
        display:none;
    }

    .skin-problem{
        flex:0 0 170px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .bs-carousel-item{
        flex-basis:82%;
    }

    .skin-problem{
        flex-basis:158px;
    }

}
/* =========================================================
   BEAUTYSTAR HEADER LOGO
========================================================= */

.brand{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 auto;

    width:auto;
    height:56px;

    padding:5px 0;

    text-decoration:none;

    line-height:0;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.brand img{
    display:block;

    width:auto;
    height:46px;

    max-width:190px;

    object-fit:contain;
    object-position:center;

    /* مخصوص PNG شفاف لوگو */
    background:transparent;

    /* جلوگیری از تار شدن لوگوی PNG */
    image-rendering:auto;

    transition:
        transform .25s ease,
        filter .25s ease;
}

.brand:hover{
    opacity:.94;
}

.brand:hover img{
    transform:translateY(-1px);
    filter:drop-shadow(
        0 5px 12px
        rgba(20,112,180,.12)
    );
}


/* =========================================================
   HEADER LAYOUT
========================================================= */

.site-header .brand,
.header .brand,
header .brand{
    margin-inline-start:auto;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width:1025px){

    .brand{
        height:64px;
        padding:6px 0;
    }

    .brand img{
        height:50px;
        max-width:205px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1024px){

    .brand{
        height:58px;
    }

    .brand img{
        height:44px;
        max-width:180px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .brand{
        height:50px;
        padding:4px 0;
    }

    .brand img{
        height:37px;
        max-width:155px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:420px){

    .brand{
        height:46px;
    }

    .brand img{
        height:34px;
        max-width:140px;
    }

}
/* =========================================================
   BEAUTYSTAR PATCH 2026-09-14
   Shared polish / admin / form / logo fixes
========================================================= */
.brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none;min-width:0}.brand img{display:block;width:auto;height:46px;max-width:205px;object-fit:contain;background:transparent}.footer-brand img,.admin-brand img{height:44px;max-width:185px}.admin-brand{display:flex!important;align-items:center;justify-content:center;padding:7px 0 14px!important}.product-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-edit-grid .wide{grid-column:1/-1}.product-edit-grid select,.product-edit-grid textarea,.product-edit-grid input{display:block;width:100%;margin-top:5px;border:1px solid var(--border);border-radius:10px;padding:9px;background:#fff}.profile-card{text-align:center}.profile-avatar{width:64px;height:64px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;background:#edf7ff;color:var(--blue);font-size:24px}.order-detail-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.order-detail-head h1{margin:2px 0 0;font-size:24px}.order-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.order-summary-grid>div{padding:14px;border:1px solid var(--border);border-radius:13px;background:#fff}.order-summary-grid small,.order-summary-grid b{display:block}.order-summary-grid small{font-size:8px;color:#8295a3}.order-summary-grid b{margin-top:5px;font-size:12px}.status-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:8px;background:#eef7fd;color:#126aa9}.status-processing{background:#fff6df;color:#9b6d19}.status-shipped{background:#eaf8f0;color:#1a8b55}.status-completed{background:#e8f5ff;color:#126aa9}.status-cancelled{background:#fff0f2;color:#c73f5d}.empty-state{padding:45px 20px;text-align:center;border:1px dashed var(--border);border-radius:18px;background:#fbfdff}.empty-state i{font-size:35px;color:var(--blue)}.empty-state h3{margin:10px 0 5px}.empty-state p{color:#8194a2;font-size:10px}.auth-brand img{height:52px;max-width:220px}.auth-kicker{display:block;color:var(--blue);font-size:9px;font-weight:800;margin-bottom:5px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.form label small{display:block;color:#889aa8;font-weight:400;margin-top:3px}.mobile-nav{display:none}@media(max-width:900px){.order-summary-grid{grid-template-columns:repeat(2,1fr)}.product-edit-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.brand img{height:36px;max-width:145px}.footer-brand img{height:39px}.product-edit-grid{grid-template-columns:1fr}.product-edit-grid .wide{grid-column:auto}.order-summary-grid{grid-template-columns:1fr 1fr}.mobile-nav{display:grid}.admin-brand img{height:34px}.auth-brand img{height:45px}}

/* BeautyStar PWA install action */
.bs-pwa-install {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 99990;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fff;
    font: 700 14px/1.2 "Vazirmatn", Tahoma, sans-serif;
    box-shadow: 0 14px 34px rgba(37, 99, 235, .30);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.bs-pwa-install:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(37,99,235,.36); }
.bs-pwa-install i { font-size: 17px; }
.bs-pwa-install[hidden] { display: none !important; }
@media (max-width: 640px) {
    .bs-pwa-install { left: 12px; right: 12px; bottom: 88px; justify-content: center; }
}