/*
 SmartShop™ — COMPLETE ENGLISH DESIGN CONTROL FILE
 ============================================================
 This file reproduces ALL public CSS files from assets/css and
 scopes their layout selectors to html[lang="en"].

 You can now control essentially every English visual property:
 fonts, sizes, colors, spacing, widths/heights, borders, radius,
 shadows, grids, cards, header, navbar, dropdowns, hero, products,
 stores, categories, cart, commerce, accounts, help, footer,
 notifications, responsive rules, etc.

 Arabic is not targeted by the normal selectors in this file.
*/


/* ============================================================
   SOURCE CSS: about.css
   ============================================================ */

html[lang="en"] /*==================================================
    ABOUT PAGE
==================================================*/

:root{

    --about-hero-image-width:760px;
    --about-workspace-width:700px;
    --about-rocket-width:170px;
    --about-cta-icon-width:140px;

    --about-feature-icon-size:78px;
    --about-stat-icon-size:64px;

    --about-radius:18px;

    --about-section-padding:75px;

}
html[lang="en"] .about-hero{
    position: relative;
    overflow: hidden;
    padding: 65px 0 60px;
    background: radial-gradient(circle at 96% 8%,
    rgba(255,193,55,.16),
    transparent 22%),

    radial-gradient(circle at 12% 72%,
    rgba(40,130,255,.18),
    transparent 28%),

    radial-gradient(circle at 55% 48%,
    rgba(0,140,255,.07),
    transparent 45%),

    linear-gradient(
        135deg,
        #050d1d,
        #07162d,
        #091f45,
        #07162d,
        #050d1d
    );
    max-width: 1400px;
    margin: 0 auto;
}
html[lang="en"] .about-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("/assets/images/pattern.svg");

    opacity:.05;

}
html[lang="en"] .about-hero-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    align-items:center;

    gap:80px;

    min-height:520px;

}
html[lang="en"] .about-hero-content{

    max-width:580px;

    padding-right:55px;

    position:relative;

    z-index:5;

}
html[lang="en"] .about-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 26px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.45);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    letter-spacing:.2px;

    box-shadow:

        inset 0 0 18px rgba(255,191,53,.08),

        0 0 18px rgba(255,191,53,.08);

    margin-bottom:28px;

}
html[lang="en"] .about-hero::after{

    content:"";

    position:absolute;

    left:-8%;

    top:58%;

    width:70%;

    height:2px;

    background:linear-gradient(
        to right,
        transparent,
        #2d7dff,
        transparent
    );

    box-shadow:
        0 0 20px #2d7dff;

    transform:rotate(-8deg);

}
html[lang="en"] .about-hero-content h1{

    font-size:55px;

    line-height:1.3;

    font-weight:900;

    color:#fff;

    margin:0 0 28px;

    text-wrap:balance;

}
html[lang="en"] .about-hero-content p{

    max-width:520px;

    font-size:21px;

    line-height:2;

    color:#dce5f7;

    margin-bottom:42px;

}
html[lang="en"] .about-hero .hero-actions{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:10px;

}
html[lang="en"] .about-hero .btn-primary{

    background:linear-gradient(135deg,#f0b323,#ffd45e);

    color:#fff;

    border:none;

    box-shadow:

        0 12px 30px rgba(240,179,35,.35),

        0 0 18px rgba(255,208,70,.18);

}
html[lang="en"] .about-hero .btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:

        0 18px 40px rgba(240,179,35,.42),

        0 0 28px rgba(255,208,70,.25);

}
html[lang="en"] .about-hero .btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:190px;

    height:58px;

    padding:0 30px;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}
html[lang="en"] .about-hero .btn-outline{

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

    border:1px solid rgba(255,255,255,.22);

    color:#fff;

    backdrop-filter:blur(10px);

}
html[lang="en"] .about-hero .btn-outline:hover{

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

    border-color:#fff;

    transform:translateY(-3px);

}
html[lang="en"] .about-hero-image{

    display:flex;

    justify-content:flex-start;

    align-items:center;

    padding-left:55px;

    position:relative;

    transform:perspective(1600px) rotateY(11deg);

    transform-origin:left center;

}
html[lang="en"] .about-hero-image img{

    width:610px;


    display:block;

    position:relative;

    z-index:2;

    border-radius:30px;

    border:1px solid rgba(110,180,255,.18);

    box-shadow:

        0 0 15px rgba(90,170,255,.45),

        0 0 45px rgba(60,130,255,.18),

        0 35px 70px rgba(0,0,0,.35);

}
html[lang="en"] .about-hero-image::before{

    content:"";

    position:absolute;

    left:80px;

    top:50%;

    transform:translateY(-50%);

    width:470px;

    height:470px;

    border-radius:50%;

    background:radial-gradient(circle,

        rgba(60,130,255,.22),

        rgba(60,130,255,.08),

        transparent 70%);

    filter:blur(35px);

    z-index:1;

}
html[lang="en"] .about-story{
    padding: 20px 0 25px;
    background: #fff;
    max-width: 1400px;
    margin: 0 auto;
}
html[lang="en"] .story-grid{
    display: grid;
    grid-template-columns: 450px minmax(450px,1fr) 220px;
    gap: 20px;
    align-items: center;
}
html[lang="en"] .story-rocket{


    justify-content:center;

    align-items:center;

    position:relative;

}
html[lang="en"] .story-rocket::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:radial-gradient(circle,

        rgba(55,135,255,.18),

        rgba(55,135,255,.08),

        transparent 72%);

    filter:blur(24px);

    z-index:1;

}
html[lang="en"] .story-rocket img{

    width:var(--about-rocket-width);

    position:relative;

    z-index:2;

    animation:rocketFloat 5s ease-in-out infinite;

}
html[lang="en"] .story-content{

    max-width:600px;

}
html[lang="en"] .story-content .section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    margin-bottom:22px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.35);

    color:#d7a51e;

    font-size:15px;

    font-weight:700;

    box-shadow:

        inset 0 0 14px rgba(255,191,53,.08),

        0 0 14px rgba(255,191,53,.08);

}
html[lang="en"] .story-content h2{
    margin: 0 0 12px;
    font-size: 42px;
    line-height: 1.15;
    color: #081b3c;
    font-weight: 800;
}
html[lang="en"] .story-content p{



    font-size:16px;

    color:#67738d;

}
html[lang="en"] .story-image{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:18px;

}
html[lang="en"] .story-image img{

    width:calc(100% - 40px);

    max-width:760px;

    display:block;

    object-fit:cover;

    margin:20px;

    border-radius:28px;

    padding:14px;

    background:#fff;

    border:1px solid rgba(70,110,190,.10);

    box-shadow:

        0 24px 60px rgba(10,30,70,.12),

        0 8px 22px rgba(0,0,0,.05);

}
html[lang="en"] .about-features{

    padding:10px 0 45px;max-width: 1400px;
    background:#fff;margin: 0 auto;

}
html[lang="en"] .about-features .section-heading{

    margin-bottom:0;

    text-align:center;

}
html[lang="en"] .about-features .section-heading .section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    margin-bottom:8px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.35);

    color:#d7a51e;

    font-size:15px;

    font-weight:700;

    letter-spacing:.2px;

    box-shadow:

        inset 0 0 14px rgba(255,191,53,.08),

        0 0 14px rgba(255,191,53,.08);

}
html[lang="en"] .about-features .section-heading h2{

    font-size:42px;

    margin-top:0px;

}
html[lang="en"] .features-grid{
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 12px;
    padding: 12px;
}
html[lang="en"] .feature-card{

    background:#fff;

    border:1px solid #edf1f8;

    border-radius:18px;

    padding:28px 22px;

    min-height:220px;

    text-align:center;

    transition:.25s;

    box-shadow:0 8px 24px rgba(0,0,0,.05);

}
html[lang="en"] .feature-card:hover{

    transform:translateY(-6px);

    border-color:#d6a72c;

    box-shadow:0 18px 45px rgba(10,35,70,.10);

}
html[lang="en"] .feature-icon{

    margin-bottom:18px;

}
html[lang="en"] .feature-icon img{

    width:var(--about-feature-icon-size);

    height:var(--about-feature-icon-size);

    object-fit:contain;

}
html[lang="en"] .feature-card h3{

    margin:0 0 12px;

    font-size:18px;

    color:#081b3c;

    font-weight:700;

    line-height:0.3;

}
html[lang="en"] .feature-card p{

    margin:0;

    font-size:14px;

    line-height:1.7;

    color:#6f7890;

}
html[lang="en"] .about-stats{
    padding: 0 0 65px;
    background: #fff;
    max-width: 1400px;
    margin: 0 auto;
}
html[lang="en"] .stats-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);
margin: 0 10px 0 10px;
    background:linear-gradient(135deg,#07152d,#081c40);

    border-radius:22px;

    overflow:hidden;

}
html[lang="en"] .stat-card{

    padding:20px 18px;

    text-align:center;

    position:relative;

}
html[lang="en"] .stat-card:not(:last-child)::after{

    content:"";

    position:absolute;

    top:22%;

    left:0;

    width:1px;

    height:56%;

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

}
html[lang="en"] .stat-icon{

    margin-bottom:0;

}
html[lang="en"] .stat-icon img{

    width:var(--about-stat-icon-size);

    height:var(--about-stat-icon-size);

    object-fit:contain;

}
html[lang="en"] .stat-card h3{

    margin:0;

    color:#ffbf35;

    font-size:42px;

    font-weight:800;

}
html[lang="en"] .stat-card span{

    color:#eef3ff;

    font-size:15px;

}
html[lang="en"] .about-timeline{
    padding: 10px 0 65px;
    background: #f8f9fc;
    max-width: 1400px;
    margin: 0 auto;
}
html[lang="en"] .about-timeline .section-heading{

    margin-bottom:15px;

    text-align:center;

}
html[lang="en"] .about-timeline .section-heading h2{

    font-size:40px;

    margin-top:10px;

}
html[lang="en"] .timeline{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    position:relative;

}
html[lang="en"] .about-timeline .section-heading .section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    margin-bottom:18px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.35);

    color:#d7a51e;

    font-size:15px;

    font-weight:700;

    letter-spacing:.2px;

    box-shadow:

        inset 0 0 14px rgba(255,191,53,.08),

        0 0 14px rgba(255,191,53,.08);

}
html[lang="en"] .about-cta-content .section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    margin-bottom:20px;

    border-radius:50px;

    background:rgba(255,191,53,.16);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    letter-spacing:.2px;

    box-shadow:

        inset 0 0 14px rgba(255,191,53,.08),

        0 0 18px rgba(255,191,53,.10);

}
html[lang="en"] .timeline-line{

    position:absolute;

    top:30px;

    left:11%;

    right:11%;

    height:2px;

    background:linear-gradient(to left,#d7a51e,#2d72ff);

}
html[lang="en"] .timeline-item{

    text-align:center;

    position:relative;

    z-index:2;

}
html[lang="en"] .timeline-number{

    width:60px;

    height:60px;

    margin:0 auto 18px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#d7a51e,#ffca4f);

    color:#fff;

    font-size:24px;

    font-weight:700;

    box-shadow:0 10px 28px rgba(215,165,30,.30);

}
html[lang="en"] .timeline-item h3{

    margin-bottom:10px;

    color:#081b3c;

    font-size:22px;

}
html[lang="en"] .timeline-item p{

    color:#69738d;

    font-size:15px;

    line-height:1.75;

}
html[lang="en"] .about-cta{
    padding: 0 0 25px;
    background: #fff;
    max-width: 1400px;
    margin: 0 auto;
}
html[lang="en"] .about-cta-box{
    display: grid;
    grid-template-columns: 0.6fr 580px;
    align-items: center;
    gap: 45px;
    padding: 45px;
    border-radius: 24px;
    overflow: hidden;
    background: radial-gradient(circle at top left,rgba(255,184,0,.12),transparent 30%),
    linear-gradient(135deg,#07152d,#081b3d);
}
html[lang="en"] .about-cta-content h2{

    margin:12px 0 18px;

    color:#fff;

    font-size:48px;

    line-height:1.2;

}
html[lang="en"] .about-cta-content p{

    margin-bottom:28px;

    color:#dce5f7;

    font-size:17px;

    line-height:1.9;

    max-width:700px;

}
html[lang="en"] .about-cta-icon{

    display:flex;

    justify-content:center;

    align-items:center;

}
html[lang="en"] .about-cta-icon img{

    width:var(--about-cta-icon-width);

    display:block;

}
html[lang="en"] .about-cta .hero-actions{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:12px;

}
html[lang="en"] .about-cta .btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:190px;

    height:58px;

    padding:0 30px;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}
html[lang="en"] .about-cta .btn-primary{

    background:linear-gradient(135deg,#f0b323,#ffd45e);

    color:#fff;

    border:none;

    box-shadow:

        0 12px 30px rgba(240,179,35,.35),

        0 0 18px rgba(255,208,70,.18);

}
html[lang="en"] .about-cta .btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:

        0 18px 40px rgba(240,179,35,.42),

        0 0 28px rgba(255,208,70,.25);

}
html[lang="en"] .about-cta .btn-outline{

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

    color:#fff;

    border:1px solid rgba(255,255,255,.28);

    backdrop-filter:blur(10px);

}
html[lang="en"] .about-cta .btn-outline:hover{

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

    border-color:#fff;

    transform:translateY(-3px);

}


@media (max-width:1200px){
html[lang="en"] .about-hero-grid,
html[lang="en"] .story-grid,
html[lang="en"] .about-cta-box{

        grid-template-columns:1fr;

        text-align:center;

    }
html[lang="en"] .timeline{

        grid-template-columns:repeat(2,1fr);

    }
html[lang="en"] .timeline-line{

        display:none;

    }

}


@media (max-width:768px){
html[lang="en"]{

        --about-hero-image-width:100%;
        --about-workspace-width:100%;
        --about-rocket-width:120px;
        --about-feature-icon-size:64px;
        --about-stat-icon-size:52px;
        --about-cta-icon-width:90px;

    }
html[lang="en"] .about-hero-content h1{

        font-size:42px;

    }
html[lang="en"] .story-content h2{

        font-size:38px;

    }
html[lang="en"] .about-cta-content h2{

        font-size:36px;

    }
html[lang="en"] .features-grid,
html[lang="en"] .stats-grid,
html[lang="en"] .timeline{

        grid-template-columns:1fr;

    }
html[lang="en"] .story-rocket{

        display:none;

    }

}

/* ============================================================
   SOURCE CSS: account-type.css
   ============================================================ */

html[lang="en"] /*
|--------------------------------------------------------------------------
| SmartShop Account Type
|--------------------------------------------------------------------------
*/

.account-type-page{

    padding:0px 0;

    background:#f4f6fb;

}
html[lang="en"] .account-type-wrapper{

    display:grid;

    grid-template-columns:65% 35%;

    grid-template-areas:"content hero";

    background:#fff;

    border-radius:0;

    overflow:hidden;

    box-shadow:0 20px 70px rgba(0,0,0,.08);

}
html[lang="en"] .account-type-hero{
    position: relative;grid-area:hero;
    min-height: 760px;
    overflow: hidden;
background:
linear-gradient(135deg,#081b55 0%,#12368d 45%,#214fb8 100%);
}
html[lang="en"] .account-type-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at 15% 20%,rgba(255,255,255,.08),transparent 28%),

    radial-gradient(circle at 80% 15%,rgba(255,255,255,.05),transparent 25%),

    repeating-linear-gradient(
        -45deg,
        rgba(255,255,255,.025) 0,
        rgba(255,255,255,.025) 2px,
        transparent 2px,
        transparent 18px
    );

}
html[lang="en"] .account-type-hero-content{

    position:absolute;

    inset:0;
align-items:center;

text-align:center;

padding:60px 40px;
    z-index:5;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:70px;

    color:#fff;

}
html[lang="en"] .account-type-hero-badge{

    display:inline-flex;

    width:max-content;

    padding:10px 18px;

    border-radius:50px;

    margin-bottom:22px;

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

    font-weight:700;

}
html[lang="en"] .account-type-hero-content h1{

    margin:0;

    font-size:64px;

    font-weight:800;

}
html[lang="en"] .account-type-hero-content h1 span{

    color:#ffbf2f;

}
html[lang="en"] .account-type-hero-content p{

    margin:25px 0 40px;
max-width:360px;
    line-height:2;

    font-size:18px;

    opacity:.95;

}
html[lang="en"] .account-type-hero-features{

    margin:0;
width:100%;

max-width:330px;
    padding:0;

    list-style:none;

}
html[lang="en"] .account-type-hero-features li{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:22px;

    font-size:16px;

}
html[lang="en"] .account-type-hero-features i{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

}
html[lang="en"] .account-type-content{

    display:flex;grid-area:content;

    flex-direction:column;

    justify-content:center;

    padding:35px;

}
html[lang="en"] .content-header{

    margin-bottom:45px;

    text-align:center;

}
html[lang="en"] .content-header h2{

    margin:0 0 15px;

    font-size:42px;

    color:#0f2d75;

    font-weight:800;

}
html[lang="en"] .content-header p{

    margin:0;

    color:#6c7488;

    line-height:1.9;

}
html[lang="en"] .account-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}
html[lang="en"] .account-card{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:30px 22px;

    border-radius:22px;

    border:1px solid #ebeff7;

    background:#fff;

    text-decoration:none;

    transition:.35s;

    position:relative;

    overflow:hidden;

}
html[lang="en"] .account-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(26,72,178,.15);

    border-color:#1b57d8;

}
html[lang="en"] .card-icon{

    width:86px;

    height:86px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    margin-bottom:22px;

    font-size:34px;

}
html[lang="en"] .user-card .card-icon{

    background:#edf4ff;

    color:#2563eb;

}
html[lang="en"] .merchant-card .card-icon{

    background:#fff4dc;

    color:#d28d00;

}
html[lang="en"] .guest-card .card-icon{

    background:#eef9f2;

    color:#18a957;

}
html[lang="en"] .account-card h3{

    margin:0 0 14px;

    font-size:28px;

    font-weight:800;

    color:#17306d;

}
html[lang="en"] .account-card p{

    margin:0 0 22px;

    color:#6d768d;

    line-height:1.8;

    min-height:70px;

}
html[lang="en"] .account-card ul{

    margin:0;

    padding:0;

    list-style:none;

    width:100%;

}
html[lang="en"] .account-card li{

    display:flex;

    align-items:center;


    gap:10px;

    margin-bottom:12px;

    color:#556074;

    font-size:14px;

}
html[lang="en"] .account-card li i{

    color:#21b65f;

}
html[lang="en"] .card-button{

    margin-top:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    height:52px;

    border-radius:12px;

    font-weight:700;

    color:#fff;

    transition:.3s;

}
html[lang="en"] .user-card .card-button{

    background:#2563eb;

}
html[lang="en"] .merchant-card .card-button{

    background:#d79a11;

}
html[lang="en"] .guest-card .card-button{

    background:#6b46c1;

}
html[lang="en"] .account-card:hover .card-button{

    transform:scale(1.03);

}
html[lang="en"] .account-type-footer{

    margin-top:45px;

    text-align:center;

}
html[lang="en"] .account-type-footer p{

    margin:0;

    color:#7b8499;

    line-height:1.9;

}



/* ============================================================
   SOURCE CSS: accounts.css
   ============================================================ */

html[lang="en"] /*
|--------------------------------------------------------------------------
| SmartShop Accounts
| Login
| Register
| Verify Email
| Forgot Password
| Reset Password
|--------------------------------------------------------------------------
*/

.accounts-page{

    padding:40px 0;

    background:#f5f7fb;

}
html[lang="en"] .accounts-container{

    width:100%;

    max-width:520px;

    margin:auto;

}
html[lang="en"] .accounts-card{

    background:#ffffff;

    border-radius:24px;

    padding:45px;

    box-shadow:0 20px 70px rgba(15,35,90,.08);

    border:1px solid #edf1f8;

}
html[lang="en"] .accounts-header{

    text-align:center;

    margin-bottom:0px;

}
html[lang="en"] .accounts-logo{

    width:72px;

    height:72px;

    margin:0 auto 20px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#1d4ed8,#12368d);

    color:#fff;

    font-size:28px;

}
html[lang="en"] .accounts-title{

    margin:0;

    color:#102f75;

    font-size:34px;

    font-weight:800;

}
html[lang="en"] .accounts-subtitle{

    margin:5px 0 0;

    color:#6f778c;

    line-height:1.9;

    font-size:15px;

}
html[lang="en"] .accounts-form{

    margin-top:15px;

}
html[lang="en"] .accounts-group{

    margin-bottom:22px;

}
html[lang="en"] .accounts-label{

    display:block;

    margin-bottom:8px;

    color:#17306d;

    font-weight:700;

    font-size:14px;

}
html[lang="en"] .accounts-input{

    width:100%;

    height:56px;

    border:1px solid #dfe6f3;

    border-radius:14px;

    padding:0 18px;

    background:#fff;

    transition:.30s;

    font-size:15px;

}
html[lang="en"] .accounts-input:focus{

    outline:none;

    border-color:#2563eb;

    box-shadow:0 0 0 4px rgba(37,99,235,.10);

}
html[lang="en"] .accounts-button{

    width:100%;

    height:56px;

    border:none;

    border-radius:14px;

    background:linear-gradient(135deg,#1d4ed8,#15388f);

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.30s;

}
html[lang="en"] .accounts-button:hover{

    transform:translateY(-2px);

    box-shadow:0 14px 35px rgba(29,78,216,.22);

}
html[lang="en"] .accounts-button:active{

    transform:translateY(0);

}
html[lang="en"] .accounts-alert{

    padding:15px 18px;

    margin-bottom:22px;

    border-radius:14px;

    font-size:14px;

    line-height:1.8;

}
html[lang="en"] .accounts-alert-success{

    background:#edf9f1;

    border:1px solid #cdebd8;

    color:#1f7a46;

}
html[lang="en"] .accounts-alert-error{

    background:#fff1f1;

    border:1px solid #ffd5d5;

    color:#b42318;

}
html[lang="en"] .accounts-error{

    display:block;

    margin-top:8px;

    color:#d92d20;

    font-size:13px;

}
html[lang="en"] .accounts-divider{

    position:relative;

    margin:5px 0;

    text-align:center;

}
html[lang="en"] .accounts-divider::before{

    content:"";

    position:absolute;

    top:50%;

    inset-inline:0;

    height:1px;

    background:#e8edf5;

}
html[lang="en"] .accounts-divider span{

    position:relative;

    padding:0 18px;

    background:#fff;

    color:#7b8499;

    font-size:13px;

}
html[lang="en"] .accounts-links{

    margin-top:8px;

    text-align:center;

}
html[lang="en"] .accounts-links a{

    color:#1d4ed8;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}
html[lang="en"] .accounts-links a:hover{

    color:#102f75;

}
html[lang="en"] .accounts-links p{

    margin:2px 0;

    color:#6f778c;

}
html[lang="en"] .accounts-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    margin:18px 0 25px;

}
html[lang="en"] .accounts-checkbox input{

    width:18px;

    height:18px;

    accent-color:#1d4ed8;

}
html[lang="en"] .accounts-checkbox label{

    color:#556074;

    font-size:14px;

    cursor:pointer;

}
html[lang="en"] .accounts-input::placeholder{

    color:#9aa4b5;

}
html[lang="en"] .accounts-input:disabled{

    background:#f5f7fb;

    cursor:not-allowed;

}
html[lang="en"] .accounts-password{

    position:relative;

}
html[lang="en"] .accounts-password-toggle{

    position:absolute;

    top:50%;

    inset-inline-end:16px;

    transform:translateY(-50%);

    border:none;

    background:none;

    color:#7b8499;

    cursor:pointer;

    padding:0;

    font-size:16px;

}
html[lang="en"] .accounts-password-toggle:hover{

    color:#1d4ed8;

}
html[lang="en"] .accounts-otp{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:10px;

    margin:15px 0;

}
html[lang="en"] .accounts-otp input{

    width:100%;

    height:58px;

    border:1px solid #dfe6f3;

    border-radius:14px;

    text-align:center;

    font-size:22px;

    font-weight:700;

    transition:.30s;

}
html[lang="en"] .accounts-otp input:focus{

    outline:none;

    border-color:#2563eb;

    box-shadow:0 0 0 4px rgba(37,99,235,.10);

}
html[lang="en"] .accounts-captcha{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    padding:16px 18px;

    border-radius:14px;

    background:#f7f9fd;

    border:1px solid #e3e9f4;

    margin-bottom:22px;

}
html[lang="en"] .accounts-captcha-question{

    color:#17306d;

    font-weight:800;

    font-size:18px;

}
html[lang="en"] .accounts-footer{

    margin-top:5px;

    text-align:center;

    color:#7b8499;

    font-size:14px;

    line-height:1.9;

}
html[lang="en"] .accounts-footer a{

    color:#1d4ed8;

    text-decoration:none;

    font-weight:700;

}
html[lang="en"] .accounts-footer a:hover{

    color:#102f75;

}
html[lang="en"] /* ==========================================
   Create Store Layout
========================================== */

.accounts-grid-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:25px;
    margin-top:20px;
}
html[lang="en"] .accounts-grid-3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:25px;
    margin-top:20px;
}
html[lang="en"] .accounts-section{
    margin-top:35px;
}
html[lang="en"] .accounts-section-title{
    margin-bottom:20px;
}

@media (max-width:992px){
html[lang="en"] .accounts-grid-2,
html[lang="en"] .accounts-grid-3{

        grid-template-columns:1fr;

    }

}

/* ============================================================
   SOURCE CSS: all-categories.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   SmartShop - All Categories Page
   ========================================================== */

.categories-page{
    padding:30px 0 30px;
    background:#f8f9fc;
    min-height:500px;
}
html[lang="en"] .categories-page .page-title{
    margin:0;
    text-align:center;
    font-size:38px;
    font-weight:800;
    color:#0f1b46;
}
html[lang="en"] .categories-page .page-description{
    max-width:700px;
    margin:0 auto 20px;
    text-align:center;
    color:#6b7280;
    font-size:16px;
    line-height:1.8;
}
html[lang="en"] /* ==========================================================
   Grid
   ========================================================== */

.all-categories-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
html[lang="en"] /* ==========================================================
   Card
   ========================================================== */

.all-category-card{
    background:#fff;
    border:1px solid #edf0f5;
    border-radius:18px;
    padding:20px;
    transition:.25s;
    box-shadow:0 8px 24px rgba(15,27,70,.05);
}
html[lang="en"] .all-category-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 40px rgba(15,27,70,.10);
}
html[lang="en"] /* ==========================================================
   Header
   ========================================================== */

.all-category-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding-bottom:16px;
    border-bottom:1px solid #edf0f5;
}
html[lang="en"] .all-category-info{
    display:flex;
    align-items:center;
    gap:14px;
    flex:1;
    min-width:0;
}
html[lang="en"] .all-category-icon{
    width:54px;
    height:54px;
    border-radius:14px;
    object-fit:cover;
    border:1px solid #edf0f5;
    background:#fff;
    flex-shrink:0;
}
html[lang="en"] .all-category-title{
    margin:0;
    padding:0;
    border:none;
    font-size:18px;
    line-height:1.4;
    font-weight:700;
}
html[lang="en"] .all-category-title a{
    color:#0f1b46;
    text-decoration:none;
    transition:.2s;
}
html[lang="en"] .all-category-title a:hover{
    color:#f6a800;
}
html[lang="en"] .all-category-count{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:72px;
    padding:3px 6px;
    border-radius:12px;
    background:#f8f9fc;
    border:1px solid #edf0f5;
    font-weight:700;
    color:#0f1b46;
    font-size:20px;
}
html[lang="en"] .all-category-count span{
    margin-top:3px;
    font-size:12px;
    color:#6b7280;
    font-weight:600;
}
html[lang="en"] /* ==========================================================
   Sub Categories
   ========================================================== */

.all-subcategory-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
html[lang="en"] .all-subcategory-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    background:#f5f7fb;
    border:1px solid #edf0f5;
    border-radius:40px;
    color:#374151;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:.2s;
}
html[lang="en"] .all-subcategory-link:hover{
    background:#0f1b46;
    border-color:#0f1b46;
    color:#fff;
}
html[lang="en"] .all-empty-subcategories{
    color:#9ca3af;
    font-size:14px;
    font-style:italic;
}
html[lang="en"] /* ==========================================================
   Empty Message
   ========================================================== */

.empty-message{
    background:#fff;
    padding:60px;
    border-radius:16px;
    text-align:center;
    font-size:18px;
    color:#666;
}
html[lang="en"] /* ==========================================================
   Responsive
   ========================================================== */

@media (max-width:1200px){

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

}

@media (max-width:992px){
html[lang="en"] .all-categories-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:768px){
html[lang="en"] .categories-page{
        padding:40px 0 60px;
    }
html[lang="en"] .categories-page .page-title{
        font-size:28px;
    }
html[lang="en"] .all-category-card{
        padding:18px;
    }

}

@media (max-width:576px){
html[lang="en"] .all-categories-grid{
        grid-template-columns:1fr;
    }
html[lang="en"] .all-category-header{
        align-items:flex-start;
    }
html[lang="en"] .all-category-icon{
        width:46px;
        height:46px;
    }
html[lang="en"] .all-category-title{
        font-size:16px;
    }
html[lang="en"] .all-category-count{
        min-width:60px;
        font-size:16px;
        padding:8px;
    }

}

/* ============================================================
   SOURCE CSS: cart.css
   ============================================================ */

html[lang="en"] .cart-drawer-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    visibility:hidden;
    transition:.25s;
    z-index:9998;
}
html[lang="en"] .cart-drawer-overlay.is-open{
    opacity:1;
    visibility:visible;
}
html[lang="en"] .cart-drawer{
    position:fixed;
    top:0;
    right:0;
    width:min(420px,92vw);
    height:100vh;
    background:#fff;
    transform:translateX(100%);
    visibility:hidden;
    transition:transform .3s ease, visibility 0s linear .3s;
    z-index:9999;
    display:flex;
    flex-direction:column;
    box-shadow:-12px 0 35px rgba(0,0,0,.15);
}
html[lang="en"] .cart-drawer.is-open{
    transform:translateX(0);
    visibility:visible;
    transition:transform .3s ease;
}
html[lang="en"] .cart-drawer-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    border-bottom:1px solid #eee;
}
html[lang="en"] .cart-drawer-header h2{
    margin:0;
    font-size:20px;
}
html[lang="en"] .cart-drawer-close{
    border:0;
    background:none;
    font-size:25px;
    cursor:pointer;
}
html[lang="en"] .cart-drawer-items{
    flex:1;
    overflow:auto;
    padding:16px;
}
html[lang="en"] .cart-drawer-item{
    display:flex;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid #eee;
}
html[lang="en"] .cart-drawer-item img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:8px;
}
html[lang="en"] .cart-drawer-item-info{
    flex:1;
}
html[lang="en"] .cart-drawer-item-info h3{
    margin:0 0 7px;
    font-size:14px;
}
html[lang="en"] .cart-drawer-item-price{
    font-size:13px;
    font-weight:700;
}
html[lang="en"] .cart-drawer-qty{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:8px;
}
html[lang="en"] .cart-drawer-qty button,
html[lang="en"] .cart-page-qty button{
    width:30px;
    height:30px;
    border:1px solid #ddd;
    background:#fff;
    border-radius:5px;
    cursor:pointer;
}
html[lang="en"] .cart-drawer-remove,
html[lang="en"] .cart-page-remove{
    border:0;
    background:none;
    color:#b42318;
    cursor:pointer;
}
html[lang="en"] .cart-drawer-footer{
    padding:18px;
    border-top:1px solid #eee;
}
html[lang="en"] .cart-drawer-total{
    display:flex;
    justify-content:space-between;
    font-weight:700;
    margin-bottom:14px;
}
html[lang="en"] .cart-drawer-actions{
    display:grid;
    gap:10px;
}
html[lang="en"] .cart-drawer-actions a{
    display:block;
    text-align:center;
    text-decoration:none;
    padding:12px;
    border-radius:8px;
}
html[lang="en"] .cart-drawer-view{
    border:1px solid #0B1F4D;
    color:#0B1F4D;
}
html[lang="en"] .cart-drawer-checkout{
    background:#F5B223;
    color:#111;
}
html[lang="en"] .cart-empty{
    text-align:center;
    padding:50px 20px;
    color:#666;
}
html[lang="en"] .cart-empty i{
    font-size:42px;
    margin-bottom:15px;
}
html[lang="en"] .cart-empty a{
    display:inline-block;
    margin-top:15px;
}
html[lang="en"] .cart-page{
    padding:45px 0;
}
html[lang="en"] .cart-page-content{
    display:grid;
    grid-template-columns:1fr 330px;
    gap:25px;
}
html[lang="en"] .cart-page-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;
    border:1px solid #eee;
    border-radius:10px;
    margin-bottom:12px;
}
html[lang="en"] .cart-page-item img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:8px;
}
html[lang="en"] .cart-page-item-info{
    flex:1;
}
html[lang="en"] .cart-page-item-info h3{
    margin:0 0 8px;
}
html[lang="en"] .cart-page-qty{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:10px;
}
html[lang="en"] .cart-page-summary{
    border:1px solid #eee;
    border-radius:10px;
    padding:20px;
    height:max-content;
}
html[lang="en"] .cart-page-summary h2{
    margin-top:0;
}
html[lang="en"] .cart-page-summary>div{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid #eee;
}
html[lang="en"] .cart-clear,
html[lang="en"] .cart-checkout{
    width:100%;
    margin-top:12px;
    padding:12px;
    border-radius:8px;
}
html[lang="en"] .cart-clear{
    border:1px solid #ddd;
    background:#fff;
    cursor:pointer;
}
html[lang="en"] .cart-checkout{
    display:block;
    text-align:center;
    text-decoration:none;
    background:#F5B223;
    color:#111;
}
html[lang="en"] .cart-page-header{
    margin-bottom:25px;
}

@media(max-width:800px){
html[lang="en"] .cart-page-content{
        grid-template-columns:1fr;
    }
html[lang="en"] .cart-page-item{
        align-items:flex-start;
    }
html[lang="en"] .cart-page-item img{
        width:70px;
        height:70px;
    }
}
html[lang="en"] .cart-drawer-total{display:flex;flex-direction:column;gap:8px;font-weight:400}
html[lang="en"] .cart-drawer-total>div{display:flex;justify-content:space-between}
html[lang="en"] .cart-drawer-grand{font-weight:800;font-size:18px;padding-top:8px;border-top:1px solid #e8edf4}
html[lang="en"] .cart-drawer-actions{grid-template-columns:1fr 1fr;gap:8px}
html[lang="en"] .cart-item-options{display:block;color:#73809a;font-size:12px;margin:4px 0}
html[lang="en"] .cart-page-summary .cart-checkout{display:block;text-align:center;text-decoration:none;background:#f5b223;color:#111}
html[lang="en"] .cart-page-summary .cart-clear{display:block}
@media(max-width:520px){
html[lang="en"] .cart-drawer-actions{grid-template-columns:1fr 1fr}
html[lang="en"] .cart-page-content{grid-template-columns:1fr}
html[lang="en"] .cart-page-item{align-items:flex-start}
html[lang="en"] .cart-page-item img{width:70px;height:70px}}
html[lang="en"] .cart-drawer.checkout-mode .cart-drawer-items{padding:0}
html[lang="en"] .cart-checkout-wizard{min-height:100%;background:#fff;animation:smartshopCartPage .32s ease}
html[lang="en"] .wizard-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #edf0f5;position:sticky;top:0;background:#fff;z-index:2}
html[lang="en"] .wizard-head button{border:0;background:#eef3fb;color:#122247;border-radius:9px;padding:7px 11px}
html[lang="en"] .wizard-body{padding:18px}
html[lang="en"] .wizard-body.wizard-page-next{animation:smartshopCartPage .32s ease}
html[lang="en"] .wizard-loading,
html[lang="en"] .wizard-error{text-align:center;padding:50px 15px;color:#71809a}
html[lang="en"] .wizard-item{border:1px solid #e4e9f1;border-radius:13px;padding:14px;margin:10px 0;display:flex;flex-direction:column;gap:7px}
html[lang="en"] .wizard-item small,
html[lang="en"] .wizard-item em{color:#7b879b;font-style:normal}
html[lang="en"] .wizard-item select{border:1px solid #dce3ee;border-radius:9px;padding:10px}
html[lang="en"] .wizard-summary{margin:18px 0;padding:14px;background:#f8fafc;border-radius:12px}
html[lang="en"] .wizard-summary>div{display:flex;justify-content:space-between;padding:7px 0}
html[lang="en"] .wizard-payments{display:grid;gap:10px}
html[lang="en"] .wizard-payments label{border:1px solid #e0e6ef;border-radius:12px;padding:14px;display:flex;gap:8px;align-items:center}
html[lang="en"] .wizard-payments small{color:#7b879b;margin-inline-start:auto}
html[lang="en"] .wizard-notes{display:flex;flex-direction:column;gap:7px;margin-top:18px}
html[lang="en"] .wizard-notes textarea{border:1px solid #dce3ee;border-radius:10px;padding:10px}@keyframes smartshopCartPage{from{opacity:.2;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}


/* ============================================================
   SOURCE CSS: categories.css
   ============================================================ */

html[lang="en"] /*==================================================
  SmartShop Categories
==================================================*/

.categories{

    margin:40px 15px 20px 15px;

}
html[lang="en"] .categories .container{

    width:min(100%,1400px);

    margin:auto;

}
html[lang="en"] .categories .section-header{

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:25px;

    margin-bottom:24px;

}
html[lang="en"] .categories-banner{

    height:42px;

    border:1px solid #fde1a8;

    background:#fff8ea;

    border-radius:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0 22px;

    color:#8a6730;

    font-size:14px;

    font-weight:600;

    white-space:nowrap;

}
html[lang="en"] .categories-banner strong{

    color:#d49308;

    margin:0 5px;

}
html[lang="en"] .categories .section-header h2{

    margin:0;

    font-size:25px;

    font-weight:700;

    color:#162447;

}
html[lang="en"] .categories .view-all{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:42px;

    padding:0 18px;

    border-radius:24px;

    background:#f8f9fc;

    border:1px solid #eceff5;

    color:#16325c;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}
html[lang="en"] .categories .view-all:hover{

    background:#f4b223;

    color:#fff;

}
html[lang="en"] .categories-wrapper{

    display:block;

}
html[lang="en"] .category-arrow{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.25s;

    flex-shrink:0;

}
html[lang="en"] .category-arrow:hover{

    background:#f4b223;

}
html[lang="en"] .category-arrow img{

    width:16px;

    height:16px;

}
html[lang="en"] .categories-grid{

    display:grid;

    grid-template-columns:repeat(8,1fr);

    gap:10px;

}
html[lang="en"] .category-card{

    background:#fff;

    border:1px solid #eef2f7;

    border-radius:16px;

    padding:22px 4px;

    text-align:center;

    text-decoration:none;

    transition:.25s;

    box-shadow:0 8px 25px rgba(0,0,0,.04);

}
html[lang="en"] .category-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}
html[lang="en"] .category-icon{

    position:relative;

    width:70px;

    height:70px;

    margin:0 auto 16px;

    display:flex;

    align-items:center;

    justify-content:center;

}
html[lang="en"] .icon-bg{

    position:absolute;

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fff5df;

}
html[lang="en"] .category-icon img{

    position:relative;

    z-index:2;

    width:36px;

    height:36px;

    object-fit:contain;

}
html[lang="en"] .category-card h3{

    margin:0 0 8px;

    font-size:15px;

    color:#162447;

    line-height:1.5;

    font-weight:700;

}
html[lang="en"] .category-count{

    display:block;

    color:#8c95a8;

    font-size:14px;

}
html[lang="en"] .more-card .icon-bg{

    background:#f3f5f8;

}
html[lang="en"] .more-card img{

    width:28px;

    height:28px;

}
html[lang="en"] .more-card h3{

    font-weight:700;

}

@media(max-width:1200px){
html[lang="en"] .categories-grid{

        grid-template-columns:repeat(4,1fr);

    }

}

@media(max-width:768px){
html[lang="en"] .categories-wrapper{

        gap:10px;

    }
html[lang="en"] .categories-grid{

        grid-template-columns:repeat(2,1fr);

    }
html[lang="en"] .category-arrow{

        display:none;

    }

}

@media(max-width:576px){
html[lang="en"] .categories .section-header{

        flex-direction:column;

        gap:10px;

        text-align:center;

    }
html[lang="en"] .categories-grid{

        grid-template-columns:1fr;

    }

}
html[lang="en"] /*==================================================
  SmartShop Categories Mobile
==================================================*/

.sscat-mobile{
    display:none;
}

@media (max-width:768px){
html[lang="en"] .categories-desktop{
        display:none;
    }
html[lang="en"] .sscat-mobile{
        display:block;
        margin:40px 15px;
    }
html[lang="en"] .sscat-header{
        text-align:center;
        margin-bottom:24px;
    }
html[lang="en"] .sscat-header h2{
        margin:0 0 14px;
        font-size:34px;
        font-weight:700;
        color:#162447;
    }
html[lang="en"] .sscat-banner{

     

        align-items:center;

        justify-content:center;

        padding:10px 18px;

        border-radius:30px;

        background:#fff8ea;

        border:1px solid #fde1a8;

        color:#8a6730;

        font-size:15px;

        font-weight:600;

        white-space:nowrap;

    }

}
html[lang="en"] .sscat-slider{

        position:relative;

        overflow:hidden;

        width:100%;

    }
html[lang="en"] .sscat-track{

        display:flex;

        width:100%;

        transition:transform .35s ease;

    }
html[lang="en"] .sscat-page{

        flex:0 0 100%;

        width:100%;

        display:grid;

        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:16px;

        box-sizing:border-box;

        padding:0;

    }
html[lang="en"] .sscat-card{

        background:#fff;

        border:1px solid #eef2f7;

        border-radius:18px;

        min-height:180px;

        padding:20px 12px;

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        text-align:center;

        text-decoration:none;

        box-shadow:0 8px 25px rgba(0,0,0,.05);

        transition:.25s;

    }
html[lang="en"] .sscat-card:hover{

        transform:translateY(-4px);

    }
html[lang="en"] .sscat-more{

        background:#f8f9fc;

    }
html[lang="en"] .sscat-icon{

        position:relative;

        width:72px;

        height:72px;

        margin-bottom:14px;

        display:flex;

        align-items:center;

        justify-content:center;

    }
html[lang="en"] .sscat-icon-bg{

        position:absolute;

        width:56px;

        height:56px;

        border-radius:50%;

        background:#fff5df;

    }
html[lang="en"] .sscat-icon img{

        position:relative;

        z-index:2;

        width:36px;

        height:36px;

        object-fit:contain;

    }
html[lang="en"] .sscat-card h3{

        margin:8px 0 6px;

        font-size:15px;

        line-height:1.5;

        color:#162447;

        font-weight:700;

    }
html[lang="en"] .sscat-card span{

        font-size:14px;

        color:#8c95a8;

    }
html[lang="en"] .sscat-arrow{

        position:absolute;

        top:50%;

        transform:translateY(-50%);

        width:42px;

        height:42px;

        border:none;

        border-radius:50%;

        background:#fff;

        display:flex;

        align-items:center;

        justify-content:center;

        cursor:pointer;

        box-shadow:0 5px 20px rgba(0,0,0,.10);

        z-index:5;

        transition:.25s;

    }
html[lang="en"] .sscat-arrow:hover{

        background:#f4b223;

    }
html[lang="en"] .sscat-arrow img{

        width:16px;

        height:16px;

    }
html[lang="en"] .sscat-prev{

        right:8px;

    }
html[lang="en"] .sscat-next{

        left:8px;

    }
	    @media (max-width:480px){
html[lang="en"] .sscat-header h2{

            font-size:28px;

        }
html[lang="en"] .sscat-banner{

            font-size:13px;

            padding:8px 14px;

            white-space:normal;

            line-height:1.6;

        }
html[lang="en"] .sscat-page{

            gap:12px;

        }
html[lang="en"] .sscat-card{

            min-height:165px;

            padding:8px 10px;

        }
html[lang="en"] .sscat-icon{

            width:64px;

            height:64px;
margin-bottom: 0;
        }
html[lang="en"] .sscat-icon-bg{

            width:50px;

            height:50px;

        }
html[lang="en"] .sscat-icon img{

            width:32px;

            height:32px;

        }
html[lang="en"] .sscat-card h3{

            font-size:14px;

        }
html[lang="en"] .sscat-card span{

            font-size:13px;

        }

    }

}


/* ============================================================
   SOURCE CSS: commerce-pages.css
   ============================================================ */

html[lang="en"] /* SmartShop - Orders & Merchant Products page polish. Loaded only by the target pages. */
.ss-commerce-page{padding:48px 0 90px;background:#f6f8fc;min-height:60vh}
html[lang="en"] .ss-commerce-page .container{width:min(100% - 28px,1200px);margin-inline:auto;box-sizing:border-box}
html[lang="en"] .ss-commerce-shell{background:#fff;border:1px solid #e4eaf2;border-radius:22px;box-shadow:0 14px 45px rgba(18,34,71,.07);padding:30px}
html[lang="en"] .ss-commerce-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
html[lang="en"] .ss-commerce-head h1{margin:0;color:#122247;font-size:31px;font-weight:800;letter-spacing:-.4px}
html[lang="en"] .ss-commerce-head p{margin:7px 0 0;color:#71809a;font-size:13px}
html[lang="en"] .ss-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#eef3fb;color:#122247;border:1px solid #dfe7f2;border-radius:11px;padding:11px 17px;text-decoration:none;font-weight:800;white-space:nowrap;transition:.2s}
html[lang="en"] .ss-back-btn:hover{background:#122247;color:#fff;border-color:#122247}
html[lang="en"] .ss-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#dca900;color:#fff;border:0;border-radius:11px;padding:11px 17px;text-decoration:none;font-weight:800;white-space:nowrap;transition:.2s}
html[lang="en"] .ss-primary-btn:hover{background:#c69500;color:#fff}
html[lang="en"] .ss-table{border:1px solid #dfe6ef;border-radius:16px;overflow:hidden;background:#fff}
html[lang="en"] .ss-table-head,
html[lang="en"] .ss-table-row{display:grid;align-items:center;gap:14px;padding:16px 18px}
html[lang="en"] .ss-table-head{background:#2563eb;color:#fff;font-weight:800}
html[lang="en"] .ss-table-row{border-top:1px solid #edf1f6;color:#263652;text-decoration:none;min-height:26px;transition:background .18s}
html[lang="en"] .ss-table-row:hover{background:#f7faff}
html[lang="en"] .ss-table-row .ss-order-number{color:#122247;font-weight:800}
html[lang="en"] .ss-table-row .ss-action-link{color:#2457bd;font-weight:800;text-decoration:none}
html[lang="en"] .ss-table-row .ss-action-link:hover{text-decoration:underline}
html[lang="en"] .ss-orders-merchant .ss-table-head,
html[lang="en"] .ss-orders-merchant .ss-table-row{grid-template-columns:1.45fr 1fr 1fr 1fr 1.1fr}
html[lang="en"] .ss-orders-user .ss-table-head,
html[lang="en"] .ss-orders-user .ss-table-row{grid-template-columns:1.5fr 1.15fr 1fr 1fr}
html[lang="en"] .ss-products .ss-table-head,
html[lang="en"] .ss-products .ss-table-row{grid-template-columns:1.6fr .9fr .8fr .9fr .55fr}
html[lang="en"] .ss-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:6px 11px;border-radius:50px;font-size:12px;font-weight:800;background:#eef3fb;color:#52617a}
html[lang="en"] .ss-status.pending{background:#fff7df;color:#986900}
html[lang="en"] .ss-status.processing{background:#eaf2ff;color:#2457bd}
html[lang="en"] .ss-status.completed{background:#e8f8ee;color:#14753a}
html[lang="en"] .ss-status.cancelled{background:#fff0f0;color:#b42318}
html[lang="en"] .ss-empty{padding:42px 20px;text-align:center;color:#7b879b}
html[lang="en"] .ss-empty i{display:block;font-size:28px;color:#d6a600;margin-bottom:10px}
html[lang="en"] .ss-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:20px;background:#f8fafd;border:1px solid #e3e9f1;border-radius:14px}
html[lang="en"] .ss-detail-meta div{display:flex;flex-direction:column;gap:4px}
html[lang="en"] .ss-detail-meta span{color:#8490a3;font-size:12px}
html[lang="en"] .ss-detail-meta strong{color:#122247;font-size:14px}
html[lang="en"] .ss-detail-items{border-top:1px solid #e8edf3}
html[lang="en"] .ss-detail-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px;border-bottom:1px solid #edf1f6}
html[lang="en"] .ss-detail-item-info{display:flex;flex-direction:column;gap:6px}
html[lang="en"] .ss-detail-item-info strong{color:#122247;font-size:15px}
html[lang="en"] .ss-detail-item-info small{color:#7b879b}
html[lang="en"] .ss-detail-item-total{color:#122247;font-size:15px;font-weight:800;white-space:nowrap}
html[lang="en"] .ss-section-title{display:flex;align-items:center;gap:9px;margin:27px 0 12px;color:#122247;font-size:18px;font-weight:800}
html[lang="en"] .ss-section-title i{color:#d6a600}
html[lang="en"] .ss-timeline{border-top:1px solid #e7ebf2;padding-top:10px}
html[lang="en"] .ss-timeline-item{position:relative;padding:14px 18px;border-inline-start:3px solid #dbe5f3;margin:10px 0;background:#fbfcfe;border-radius:0 10px 10px 0}
html[lang="en"] .ss-timeline-item strong{display:block;color:#122247}
html[lang="en"] .ss-timeline-item small{display:block;color:#8a95a8;margin-top:4px}
html[lang="en"] .ss-timeline-item p{margin:6px 0 0;color:#66758b}
html[lang="en"] .ss-totals{margin-top:22px;padding-top:12px;border-top:1px solid #e2e8f0}
html[lang="en"] .ss-total-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;color:#55637a}
html[lang="en"] .ss-total-row strong{color:#122247}
html[lang="en"] .ss-total-row.grand{margin-top:4px;padding-top:16px;border-top:1px solid #e2e8f0;color:#122247;font-size:20px;font-weight:800}
html[lang="en"] .ss-total-row.grand strong{font-size:20px}
html[lang="en"] .ss-status-panel{margin-top:24px;padding-top:20px;border-top:1px solid #e7ebf2}
html[lang="en"] .ss-status-form{display:flex;align-items:end;gap:14px}
html[lang="en"] .ss-status-form label{display:flex;flex-direction:column;gap:8px;flex:1;color:#273852;font-weight:800;font-size:13px}
html[lang="en"] .ss-status-form select{width:100%;box-sizing:border-box;border:1px solid #d9e1ec;background:#fff;border-radius:11px;padding:12px 13px;font:inherit;color:#1e2d47;height:47px}
html[lang="en"] .ss-status-form select:focus{outline:0;border-color:#284fa6;box-shadow:0 0 0 3px rgba(40,79,166,.08)}
html[lang="en"] .ss-order-detail .ss-commerce-head{margin-bottom:18px}
html[lang="en"] .ss-order-detail .ss-commerce-head h1{font-size:29px}
html[lang="en"] .ss-order-detail .ss-back-btn{margin-inline-start:auto}
@media(max-width:760px){
html[lang="en"] .ss-commerce-page{padding:30px 0 55px}
html[lang="en"] .ss-commerce-shell{padding:20px;border-radius:18px}
html[lang="en"] .ss-commerce-head{align-items:flex-start;flex-direction:column}
html[lang="en"] .ss-commerce-head h1{font-size:25px}
html[lang="en"] .ss-back-btn,
html[lang="en"] .ss-primary-btn{width:100%;box-sizing:border-box}
html[lang="en"] .ss-table{overflow-x:auto}
html[lang="en"] .ss-table-head,
html[lang="en"] .ss-table-row{min-width:720px}
html[lang="en"] .ss-orders-user .ss-table-head,
html[lang="en"] .ss-orders-user .ss-table-row{min-width:650px}
html[lang="en"] .ss-products .ss-table-head,
html[lang="en"] .ss-products .ss-table-row{min-width:700px}
html[lang="en"] .ss-detail-meta{align-items:stretch;flex-direction:column}
html[lang="en"] .ss-status-form{align-items:stretch;flex-direction:column}
html[lang="en"] .ss-status-form .ss-primary-btn{width:100%}}
@media(max-width:520px){
html[lang="en"] .ss-commerce-page .container{width:min(100% - 18px,1200px)}
html[lang="en"] .ss-commerce-shell{padding:17px}
html[lang="en"] .ss-commerce-head h1{font-size:23px}
html[lang="en"] .ss-detail-item{align-items:flex-start;flex-direction:column}
html[lang="en"] .ss-detail-item-total{align-self:flex-end}
html[lang="en"] .ss-total-row.grand,
html[lang="en"] .ss-total-row.grand strong{font-size:18px}}


/* ============================================================
   SOURCE CSS: commerce.css
   ============================================================ */

html[lang="en"] .commerce-dashboard,
html[lang="en"] .commerce-checkout,
html[lang="en"] .commerce-success{padding:48px 0 90px;background:#f6f8fc;min-height:60vh}
html[lang="en"] .dashboard-hero,
html[lang="en"] .commerce-checkout-card,
html[lang="en"] .dashboard-card,
html[lang="en"] .success-card{background:#fff;border:1px solid #e7ebf2;border-radius:22px;box-shadow:0 14px 45px rgba(19,38,74,.07)}
html[lang="en"] .dashboard-hero{padding:38px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
html[lang="en"] .dashboard-hero h1{margin:8px 0;font-size:32px;color:#122247}
html[lang="en"] .dashboard-hero p{margin:0;color:#71809a}
html[lang="en"] .dashboard-avatar{width:74px;height:74px;border-radius:22px;background:#122247;color:#fff;display:grid;place-items:center;font-size:28px}
html[lang="en"] .dashboard-switch a{display:inline-flex;padding:12px 18px;border-radius:12px;background:#eef3fb;color:#122247}
html[lang="en"] .dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
html[lang="en"] .dashboard-tile{min-height:145px;padding:25px;border-radius:20px;background:#fff;border:1px solid #e5eaf2;color:#122247;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
html[lang="en"] .dashboard-tile:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(19,38,74,.08)}
html[lang="en"] .dashboard-tile i{font-size:28px;color:#d7a500}
html[lang="en"] .dashboard-tile strong{font-size:18px}
html[lang="en"] .dashboard-tile span{color:#71809a}
html[lang="en"] .dashboard-tile.accent{background:#122247;color:#fff}
html[lang="en"] .merchant-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
html[lang="en"] .merchant-stats>div{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px}
html[lang="en"] .merchant-stats span{color:#7b879b}
html[lang="en"] .dashboard-card{padding:30px}
html[lang="en"] .dashboard-card h1{color:#122247;margin:0 0 25px}
html[lang="en"] .dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
html[lang="en"] .dashboard-card-head button,
html[lang="en"] .dashboard-card-head>a{border:0;background:#eef3fb;padding:10px 16px;border-radius:10px;color:#122247}
html[lang="en"] .commerce-table{border:1px solid #e4e9f1;border-radius:16px;overflow:hidden}
html[lang="en"] .commerce-table-head,
html[lang="en"] .commerce-table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:12px;padding:16px 18px;align-items:center}
html[lang="en"] .commerce-table-head{background:#2563eb;color:#fff;font-weight:700}
html[lang="en"] .commerce-table-row{border-top:1px solid #edf0f5;color:#263652}
html[lang="en"] .commerce-table-row:hover{background:#f8faff}
html[lang="en"] .empty-state{padding:45px;text-align:center;color:#7b879b}
html[lang="en"] .notification-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #edf0f5}
html[lang="en"] .notification-row.unread{background:#f8fbff;padding:20px;border-radius:12px}
html[lang="en"] .notification-row p{margin:7px 0;color:#68758b}
html[lang="en"] .notification-row a{color:#2563eb}
html[lang="en"] .commerce-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
html[lang="en"] .commerce-product{border:1px solid #e6ebf2;border-radius:16px;padding:15px;background:#fff}
html[lang="en"] .commerce-product img{width:100%;height:190px;object-fit:contain;border-radius:12px;background:#f7f8fa}
html[lang="en"] .commerce-product h3{color:#122247;font-size:16px}
html[lang="en"] .commerce-product>strong{color:#122247}
html[lang="en"] .commerce-product form button{margin-top:12px;border:0;background:#fff0f0;color:#c33;padding:8px 12px;border-radius:9px}
html[lang="en"] .commerce-form{display:flex;flex-direction:column;gap:20px}
html[lang="en"] .commerce-form label{display:flex;flex-direction:column;gap:8px;color:#263652;font-weight:700}
html[lang="en"] .commerce-form input,
html[lang="en"] .commerce-form textarea,
html[lang="en"] .commerce-form select,
html[lang="en"] .checkout-item select,
html[lang="en"] .status-form select{border:1px solid #dce3ee;border-radius:12px;padding:13px 14px;background:#fff;font:inherit;font-weight:400}
html[lang="en"] .form-two,
html[lang="en"] .form-three{display:grid;gap:18px}
html[lang="en"] .form-two{grid-template-columns:repeat(2,1fr)}
html[lang="en"] .form-three{grid-template-columns:repeat(3,1fr)}
html[lang="en"] .commerce-primary{border:0;border-radius:12px;background:#15803d;color:#fff;padding:13px 22px;cursor:pointer;font-weight:700;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}
html[lang="en"] .commerce-primary.small{padding:10px 16px}
html[lang="en"] .commerce-secondary{border:1px solid #dce3ee;border-radius:12px;padding:13px 20px;background:#fff;color:#263652;text-decoration:none}
html[lang="en"] .commerce-alert{background:#fff1f1;color:#b42318;border:1px solid #ffd0d0;padding:14px 16px;border-radius:12px;margin-bottom:20px}
html[lang="en"] .commerce-success-message{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;padding:14px 16px;border-radius:12px;margin-bottom:20px}
html[lang="en"] .commerce-checkout-card{max-width:900px;margin:auto;padding:30px}
html[lang="en"] .commerce-checkout-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #edf0f5;padding-bottom:20px}
html[lang="en"] .commerce-checkout-head h1{margin:0;color:#122247}
html[lang="en"] .commerce-steps{display:flex;gap:8px;flex-wrap:wrap}
html[lang="en"] .commerce-steps span{padding:8px 12px;background:#eef3fb;border-radius:9px;color:#72809a}
html[lang="en"] .commerce-steps span.active{background:#122247;color:#fff}
html[lang="en"] .checkout-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #edf0f5}
html[lang="en"] .checkout-item>div{display:flex;flex-direction:column;gap:6px}
html[lang="en"] .checkout-item small{color:#71809a}
html[lang="en"] .checkout-item select{min-width:300px}
html[lang="en"] .checkout-summary{margin:25px 0;display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px;border-radius:15px;background:#f8fafc}
html[lang="en"] .checkout-summary strong{text-align:left}
html[lang="en"] .checkout-summary .grand-label,
html[lang="en"] .checkout-summary .grand-value{font-size:20px;color:#122247;padding-top:10px;border-top:1px solid #dde4ee}
html[lang="en"] .payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:15px}
html[lang="en"] .payment-methods label{border:1px solid #dfe5ef;border-radius:14px;padding:20px;cursor:pointer}
html[lang="en"] .payment-methods input{margin-inline-end:10px}
html[lang="en"] .payment-note{background:#f8fafc;border-radius:12px;padding:12px;color:#66758d}
html[lang="en"] .checkout-notes{display:flex;flex-direction:column;gap:8px;margin-top:20px}
html[lang="en"] .checkout-notes textarea{border:1px solid #dce3ee;border-radius:12px;padding:12px}
html[lang="en"] .checkout-buttons{display:flex;justify-content:flex-end;gap:12px}
html[lang="en"] .success-card{max-width:720px;margin:auto;padding:45px;text-align:center}
html[lang="en"] .success-icon{width:75px;height:75px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-size:40px;margin:0 auto 20px}
html[lang="en"] .success-card h1{color:#122247}
html[lang="en"] .success-order-list{margin:25px 0;text-align:right;border-top:1px solid #edf0f5}
html[lang="en"] .success-order-list>div,
html[lang="en"] .order-detail-item{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf0f5}
html[lang="en"] .success-total,
html[lang="en"] .order-totals>div{display:flex;justify-content:space-between;padding:13px 0}
html[lang="en"] .success-total{font-size:20px}
html[lang="en"] .success-actions{display:flex;gap:12px;justify-content:center;margin-top:25px}
html[lang="en"] .success-actions a{padding:12px 18px;border-radius:12px;background:#122247;color:#fff;text-decoration:none}
html[lang="en"] .order-detail-item div{display:flex;flex-direction:column;gap:5px}
html[lang="en"] .order-detail-item small{color:#71809a}
html[lang="en"] .order-totals{margin-top:20px;border-top:1px solid #e7ebf2;padding-top:12px}
html[lang="en"] .order-totals .grand{font-size:20px;font-weight:700}
html[lang="en"] .status-form{display:flex;gap:15px;align-items:end;margin-top:25px}
html[lang="en"] .status-form label{display:flex;flex-direction:column;gap:8px;flex:1}
@media(max-width:800px){
html[lang="en"] .dashboard-grid,
html[lang="en"] .merchant-stats,
html[lang="en"] .commerce-products-grid{grid-template-columns:repeat(2,1fr)}
html[lang="en"] .dashboard-hero,
html[lang="en"] .commerce-checkout-head{flex-direction:column;align-items:flex-start}
html[lang="en"] .commerce-table-head,
html[lang="en"] .commerce-table-row{grid-template-columns:1fr 1fr}
html[lang="en"] .form-two,
html[lang="en"] .form-three,
html[lang="en"] .payment-methods{grid-template-columns:1fr}
html[lang="en"] .checkout-item{flex-direction:column;align-items:stretch}
html[lang="en"] .checkout-item select{min-width:0}
html[lang="en"] .success-card,
html[lang="en"] .dashboard-card,
html[lang="en"] .commerce-checkout-card{padding:22px}
html[lang="en"] .status-form{flex-direction:column;align-items:stretch}}
@media(max-width:520px){
html[lang="en"] .dashboard-grid,
html[lang="en"] .merchant-stats,
html[lang="en"] .commerce-products-grid{grid-template-columns:1fr}
html[lang="en"] .commerce-table{overflow-x:auto;min-width:620px}
html[lang="en"] .success-actions,
html[lang="en"] .checkout-buttons{flex-direction:column}
html[lang="en"] .commerce-primary,
html[lang="en"] .commerce-secondary{width:100%}}
html[lang="en"] .order-timeline{margin-top:28px;border-top:1px solid #e7ebf2;padding-top:20px}
html[lang="en"] .order-timeline>div{position:relative;padding:12px 18px;border-inline-start:3px solid #dbe5f3;margin:10px 0}
html[lang="en"] .order-timeline strong{display:block;color:#122247}
html[lang="en"] .order-timeline small{color:#8a95a8}
html[lang="en"] .order-timeline p{margin:5px 0;color:#66758b}
html[lang="en"] /* SmartShop Commerce responsive hardening */
.commerce-dashboard .container,
html[lang="en"] .commerce-checkout .container,
html[lang="en"] .commerce-success .container{width:min(100% - 28px,1200px);margin-inline:auto;box-sizing:border-box}
html[lang="en"] .commerce-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}
html[lang="en"] .commerce-tabs a{padding:11px 16px;background:#eef3fb;border-radius:10px;color:#122247;text-decoration:none;white-space:nowrap}
html[lang="en"] .commerce-tabs a.active{background:#122247;color:#fff}
html[lang="en"] .option-record{border:1px solid #e5eaf2;border-radius:16px;padding:18px;margin-top:16px;background:#fff}
html[lang="en"] .option-badges{display:flex;gap:8px;flex-wrap:wrap}
html[lang="en"] .option-badges span{background:#f1f5f9;padding:7px 10px;border-radius:9px}
html[lang="en"] .product-review-form{box-sizing:border-box}
html[lang="en"] .commerce-table-row{color:inherit;text-decoration:none}
html[lang="en"] .commerce-pending-icon{background:#fff7ed!important;color:#c2410c!important}
html[lang="en"]html[dir="ltr"] .commerce-table-head,
html[lang="en"]html[dir="ltr"] .commerce-table-row{direction:ltr}
html[lang="en"]html[dir="ltr"] .checkout-summary strong{text-align:right}
@media(max-width:700px){
html[lang="en"] .commerce-dashboard,
html[lang="en"] .commerce-checkout,
html[lang="en"] .commerce-success{padding:28px 0 55px}
html[lang="en"] .dashboard-hero{padding:24px;border-radius:18px}
html[lang="en"] .dashboard-hero h1{font-size:25px}
html[lang="en"] .dashboard-grid{grid-template-columns:1fr 1fr;gap:12px}
html[lang="en"] .dashboard-tile{min-height:125px;padding:18px}
html[lang="en"] .merchant-stats{grid-template-columns:1fr;gap:12px}
html[lang="en"] .dashboard-card{padding:18px;border-radius:18px}
html[lang="en"] .dashboard-card-head{align-items:stretch;flex-direction:column}
html[lang="en"] .commerce-table{overflow-x:auto}
html[lang="en"] .commerce-table-head,
html[lang="en"] .commerce-table-row{min-width:620px}
html[lang="en"] .commerce-products-grid{grid-template-columns:1fr 1fr;gap:12px}
html[lang="en"] .commerce-product img{height:150px}
html[lang="en"] .commerce-checkout-card{padding:18px;border-radius:18px}
html[lang="en"] .commerce-checkout-head{padding-bottom:14px}
html[lang="en"] .checkout-item{padding:14px 0}
html[lang="en"] .checkout-item select{width:100%;min-width:0;box-sizing:border-box}
html[lang="en"] .payment-methods{grid-template-columns:1fr}
html[lang="en"] .checkout-buttons,
html[lang="en"] .success-actions{flex-direction:column}
html[lang="en"] .checkout-buttons>*,
html[lang="en"] .success-actions a{width:100%;box-sizing:border-box;text-align:center}
html[lang="en"] .form-two,
html[lang="en"] .form-three{grid-template-columns:1fr}
html[lang="en"] .status-form{flex-direction:column;align-items:stretch}
html[lang="en"] .commerce-primary,
html[lang="en"] .commerce-secondary{box-sizing:border-box}
}
@media(max-width:480px){
html[lang="en"] .commerce-dashboard .container,
html[lang="en"] .commerce-checkout .container,
html[lang="en"] .commerce-success .container{width:min(100% - 18px,1200px)}
html[lang="en"] .dashboard-grid{grid-template-columns:1fr}
html[lang="en"] .commerce-products-grid{grid-template-columns:1fr}
html[lang="en"] .commerce-steps{width:100%;overflow:auto;flex-wrap:nowrap}
html[lang="en"] .commerce-steps span{white-space:nowrap}
html[lang="en"] .wizard-body{padding:14px}
html[lang="en"] .cart-drawer{width:min(100vw,420px)}
}
html[lang="en"] .review-history{display:grid;gap:14px}
html[lang="en"] .commerce-review-history{border:1px solid #e5eaf2;border-radius:15px;padding:18px;background:#fff}
html[lang="en"] .commerce-review-history .dashboard-card-head{margin-bottom:10px}
html[lang="en"] .commerce-review-history .dashboard-card-head small{display:block;color:#7b879b;margin-top:5px}
html[lang="en"] .review-stars{color:#eab308;letter-spacing:1px}
html[lang="en"] .commerce-review-history p{line-height:1.8;color:#536179;margin:8px 0}
html[lang="en"] .commerce-review-history>small{color:#8b96a8}


/* ============================================================
   SOURCE CSS: contact.css
   ============================================================ */

html[lang="en"] /*==================================================
    SMARTSHOP CONTACT PAGE
==================================================*/

:root{
    --contact-radius:20px;
    --contact-shadow:0 18px 45px rgba(10,35,70,.08);
}
html[lang="en"] /*==================================================
    HERO
==================================================*/

.page-hero{
    position:relative;
    overflow:hidden;
    padding:75px 0 70px;
    text-align:center;
    max-width:1400px;
    margin:0 auto;

    background:
    radial-gradient(circle at 90% 10%,rgba(255,193,55,.18),transparent 24%),
    radial-gradient(circle at 12% 80%,rgba(42,133,255,.15),transparent 30%),
    linear-gradient(135deg,#07162d,#0a2347,#07162d);
}
html[lang="en"] .page-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/pattern.svg");
    opacity:.05;
}
html[lang="en"] .page-hero .container{
    position:relative;
    z-index:2;padding: 10px;
}
html[lang="en"] .page-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:11px 24px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd35f;

    font-weight:700;

    margin-bottom:28px;

    box-shadow:
    inset 0 0 18px rgba(255,191,53,.08),
    0 0 20px rgba(255,191,53,.08);
}
html[lang="en"] .page-hero h1{
    margin:0;
    color:#fff;
    font-size:56px;
    font-weight:900;
}
html[lang="en"] .page-description{
    max-width:760px;
    margin:25px auto 0;
    color:#dbe5f6;
    font-size:20px;
    line-height:1.9;
}
html[lang="en"] /*==================================================
    CONTACT
==================================================*/

.contact-section{
    background:#f7f9fc;
    padding:20px 0 0;
    max-width:1400px;
    margin:0 auto;
}
html[lang="en"] .contact-grid{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:35px;margin:0 20px;
    align-items:start;
}
html[lang="en"] .contact-info{
    display:flex;
    flex-direction:column;
    gap:22px;margin: 0 20px 0 0px;
}
html[lang="en"] .info-card{
    display:flex;
    gap:18px;

    padding:20px;

    background:#fff;

    border:1px solid #edf1f8;

    border-radius:20px;

    box-shadow:var(--contact-shadow);

    transition:.35s;
}
html[lang="en"] .info-card:hover{

    transform:translateY(-8px);

    border-color:#ffc13a;

    box-shadow:0 24px 50px rgba(10,35,70,.12);
}
html[lang="en"] .info-card .icon{

    width:64px;
    height:64px;

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

    border-radius:18px;

    background:linear-gradient(135deg,#0b2448,#163f7a);

    color:#fff;

    font-size:24px;

    flex-shrink:0;
}
html[lang="en"] .info-card h3{

    margin:0 0 10px;

    color:#07162d;

    font-size:20px;
}
html[lang="en"] .info-card p{

    margin:0;

    color:#6d7890;

    line-height:1.9;
}
html[lang="en"] /*==================================================
    FORM
==================================================*/

.contact-form-wrapper{

    background:#fff;
margin: 0 0 0 20px;
    border-radius:22px;

    border:1px solid #edf1f8;

    padding:20px;

    box-shadow:var(--contact-shadow);
}
html[lang="en"] .contact-form{

    display:flex;

    flex-direction:column;

    gap:24px;
}
html[lang="en"] .form-group{

    display:flex;

    flex-direction:column;

    gap:10px;
}
html[lang="en"] .form-group label{

    font-weight:700;

    color:#07162d;
}
html[lang="en"] .contact-form input,
html[lang="en"] .contact-form textarea{

    width:100%;

    border:1px solid #dbe3ec;

    border-radius:14px;

    padding:15px 18px;

    font-size:15px;

    transition:.3s;

    background:#e6f8ff;
}
html[lang="en"] .contact-form input:focus,
html[lang="en"] .contact-form textarea:focus{

    outline:none;

    border-color:#ffc13a;

    box-shadow:0 0 0 5px rgba(255,193,55,.18);
}
html[lang="en"] /*==================================================
    BUTTONS
==================================================*/

.contact-form button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:auto;

    min-width:220px;

    height:54px;

    padding:0 30px;

    border:none;

    border-radius:12px;

    background:#f5b400;

    color:#07162d;

    font-weight:700;

    text-decoration:none;

    cursor:pointer;

    transition:.3s;

    align-self:flex-start;

}
html[lang="en"] .contact-form button:hover{

    transform:translateY(-3px);

    background:#ffca2f;

    box-shadow:0 12px 30px rgba(245,180,0,.35);

}
html[lang="en"] .faq-box a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 28px;

    border:none;

    border-radius:12px;

    background:#f5b400;

    color:#07162d;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}
html[lang="en"] .faq-box a:hover{

    transform:translateY(-3px);

    background:#ffca2f;

    box-shadow:0 12px 30px rgba(245,180,0,.35);

}
html[lang="en"] .contact-form button:hover,
html[lang="en"] .faq-box a:hover{

    transform:translateY(-3px);

    background:#ffca2f;

    box-shadow:0 12px 30px rgba(245,180,0,.35);
}
html[lang="en"] /*==================================================
    HELP
==================================================*/

.contact-help{

    padding:20px 0;
margin: 0 20px 0 20px;
    background:#fff;
}
html[lang="en"] .section-header{

    text-align:center;

    margin-bottom:45px;
}
html[lang="en"] .section-header h2{

    color:#07162d;

    font-size:38px;

    margin-bottom:0;
}
html[lang="en"] .section-header p{

    color:#6d7890;
}
html[lang="en"] .help-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:10px;
}
html[lang="en"] .help-card{
    text-align: center;
    background: #fff;
    border: 1px solid #edf1f8;
    border-radius: 20px;
    padding: 18px 10px;
    box-shadow: var(--contact-shadow);
    transition: .35s;
  
}
html[lang="en"] .help-card:hover{

    transform:translateY(-8px);

    border-color:#ffc13a;
}
html[lang="en"] .help-card i{

    width:72px;
    height:72px;

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

    margin:0 auto 22px;

    border-radius:18px;

    background:linear-gradient(135deg,#0b2448,#163f7a);

    color:#fff;

    font-size:30px;
}
html[lang="en"] .help-card h3{

    color:#07162d;

    font-size:17px;

    margin:0;
}
html[lang="en"] /*==================================================
    CTA
==================================================*/

.contact-faq{

    padding:0 0 20px;

    background:#fff;
}
html[lang="en"] .faq-box{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:75px 45px;

    border-radius:26px;

    background:
    radial-gradient(circle at 90% 15%,rgba(255,193,55,.18),transparent 24%),
    linear-gradient(135deg,#07162d,#0b2348,#07162d);

    color:#fff;
}
html[lang="en"] .faq-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/pattern.svg");

    opacity:.05;
}
html[lang="en"] .faq-box>*{

    position:relative;

    z-index:2;
}
html[lang="en"] .faq-box h2{

    color:#fff;

    font-size:42px;

    margin-bottom:20px;
}
html[lang="en"] .faq-box p{

    max-width:720px;

    margin:0 auto 35px;

    color:#dbe5f6;

    line-height:2;
}
html[lang="en"] /*==================================================
    RESPONSIVE
==================================================*/

@media(max-width:991px){

    .contact-grid{

        grid-template-columns:1fr;
    }

    .help-grid{

        grid-template-columns:repeat(2,1fr);
    }

    .page-hero h1{

        font-size:44px;
    }
}

@media(max-width:768px){
html[lang="en"] .page-hero{

        padding:60px 0;
    }
html[lang="en"] .page-description{

        font-size:17px;
    }
html[lang="en"] .contact-form-wrapper{

        padding:25px;
    }
html[lang="en"] .help-grid{

        grid-template-columns:1fr;
    }
html[lang="en"] .faq-box{

        padding:55px 25px;
    }
html[lang="en"] .faq-box h2{

        font-size:32px;
    }
}
html[lang="en"] /*==================================================
    SUPPORT CARD
==================================================*/

.contact-support-card{

    margin-top:25px;

    background:
radial-gradient(circle at 90% 15%, rgba(255, 193, 55, .12), transparent 25%), linear-gradient(135deg, #f6a800, #0c2345, #f6a800);
    border-radius:22px;

    padding:28px;

    color:#fff;

    overflow:hidden;

    position:relative;

    box-shadow:0 18px 40px rgba(10,35,70,.15);

}
html[lang="en"] .contact-support-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/pattern.svg");

    opacity:.05;

}
html[lang="en"] .contact-support-card>*{

    position:relative;

    z-index:2;

}
html[lang="en"] .support-status{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:8px 14px;

    border-radius:30px;

    background:rgba(0,255,140,.12);

    border:1px solid rgba(0,255,140,.30);

    margin-bottom:18px;

    font-size:14px;

}
html[lang="en"] .status-dot{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#00d26a;

    box-shadow:0 0 12px #00d26a;

}
html[lang="en"] .contact-support-card h3{

    font-size:28px;

    margin:0 0 18px;

}
html[lang="en"] .contact-support-card p{

    color:#dbe5f6;

    line-height:1.9;

    margin-bottom:22px;

}
html[lang="en"] .support-features{

    list-style:none;

    margin:0;

    padding:0;

}
html[lang="en"] .support-features li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

}
html[lang="en"] .support-features i{

    color:#ffc13a;

    width:22px;

}
html[lang="en"] .support-actions{

    margin-top:25px;

    display:flex;

    flex-direction:column;

    gap:12px;

}
html[lang="en"] .support-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    text-decoration:none;

    padding:14px;

    border-radius:12px;

    font-weight:700;

    transition:.3s;

}
html[lang="en"] .whatsapp-btn{

    background:#25D366;

    color:#fff;

}
html[lang="en"] .help-btn{

    background:#ffc13a;

    color:#07162d;

}
html[lang="en"] .support-btn:hover{

    transform:translateY(-3px);

}
html[lang="en"] .contact-help-inline{

    margin-top:55px;

}
html[lang="en"] .contact-help-inline .section-header{

    margin-bottom:15px;

}
html[lang="en"] /* Success Message */

.contact-success-box{

    margin-bottom:30px;

    padding:28px;

    text-align:center;

    background:#f4fff8;

    border:1px solid #bfe8cc;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}
html[lang="en"] .contact-success-box .success-icon{

    width:72px;

    height:72px;

    margin:0 auto 18px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#22c55e;

    color:#fff;

    font-size:34px;

}
html[lang="en"] .contact-success-box h3{

    margin:0 0 12px;

    color:#15803d;

    font-size:28px;

    font-weight:700;

}
html[lang="en"] .contact-success-box p{

    margin:0;

    color:#475569;

    line-height:2;

    font-size:16px;

}
html[lang="en"] /* Contact Form Select */

.contact-form select{

    width:100%;

    height:56px;

    padding:0 18px;

    border:1px solid #dbe3ef;

    border-radius:14px;

    background:#e6f8ff;

    color:#0f172a;

    font-size:15px;

    font-family:inherit;

    outline:none;

    transition:.25s;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    cursor:pointer;

}
html[lang="en"] .contact-form select:focus{

    border-color:#f5b400;

    box-shadow:0 0 0 4px rgba(245,180,0,.15);

}
html[lang="en"] .contact-error-box{

    margin-bottom:20px;

    padding:16px 20px;

    border-radius:14px;

    background:#fff4f4;

    border:1px solid #f5b3b3;

    color:#b91c1c;

    font-weight:700;

    display:flex;

    align-items:center;

    gap:10px;

}
html[lang="en"] /* Three Fields Row */

.contact-row{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

}
html[lang="en"] .contact-row .form-group{

    margin:0;

}

@media(max-width:991px){
html[lang="en"] .contact-row{

        grid-template-columns:1fr;

    }

}

/* ============================================================
   SOURCE CSS: currency.css
   ============================================================ */

html[lang="en"] .topbar-currency-wrap{position:relative;display:flex;align-items:center}
html[lang="en"] .topbar-currency{border:0;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;gap:5px;font:inherit;font-weight:700;padding:6px 8px}
html[lang="en"] .topbar-currency img{width:10px;height:10px}
html[lang="en"] .topbar-currency-menu{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:10050;overflow:hidden}
html[lang="en"] .topbar-currency-menu a{display:grid;grid-template-columns:48px 1fr 30px;gap:7px;align-items:center;padding:10px 12px;color:#18234b;text-decoration:none;border-bottom:1px solid #f1f1f1}
html[lang="en"] .topbar-currency-menu a:last-child{border-bottom:0}
html[lang="en"] .topbar-currency-menu a:hover{background:#f7f9fc}
html[lang="en"] .topbar-currency-menu small{font-weight:700;text-align:left}
html[lang="en"] .mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;z-index:10000;transition:.2s}
html[lang="en"] .mobile-offcanvas{position:fixed;top:0;right:0;width:min(360px,88vw);height:100vh;background:#fff;transform:translateX(105%);visibility:hidden;pointer-events:none;z-index:10001;box-shadow:-12px 0 35px rgba(0,0,0,.18);overflow:auto;transition:transform .25s ease,visibility .25s ease;padding:0 16px 24px;box-sizing:border-box}
html[lang="en"] .mobile-offcanvas.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
html[lang="en"] .mobile-menu-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
html[lang="en"] .mobile-offcanvas-head{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;color:#10204c}
html[lang="en"] .mobile-offcanvas-head button{border:0;background:none;font-size:30px;cursor:pointer;color:#10204c}
html[lang="en"] .mobile-offcanvas-search{display:flex;gap:7px;margin:16px 0}
html[lang="en"] .mobile-offcanvas-search input{flex:1;min-width:0;border:1px solid #ddd;border-radius:9px;padding:11px}
html[lang="en"] .mobile-offcanvas-search button{width:46px;border:0;border-radius:9px;background:#11224d}
html[lang="en"] .mobile-offcanvas-search img{width:20px;filter:brightness(0) invert(1)}
html[lang="en"] .mobile-offcanvas-title{font-weight:800;color:#11224d;margin:8px 0}
html[lang="en"] .mobile-offcanvas-link{display:block;padding:11px 8px;color:#222;text-decoration:none;border-bottom:1px solid #f2f2f2}
html[lang="en"] .mobile-offcanvas-link:hover{color:#ffb400}
html[lang="en"] .mobile-all-categories{font-weight:800;color:#11224d}
html[lang="en"] .mobile-offcanvas-store{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 15px;background:#ffb300;color:#11224d;border-radius:10px;text-decoration:none;font-weight:800}
html[lang="en"] .mobile-offcanvas-store img{width:22px;height:22px}@media(min-width:992px){
html[lang="en"] .mobile-offcanvas,
html[lang="en"] .mobile-menu-overlay{display:none!important}}

/* ============================================================
   SOURCE CSS: dashboard.css
   ============================================================ */

html[lang="en"]{--ss-navy:#0b1f4b;--ss-navy-2:#142f65;--ss-gold:#f2ad00;--ss-blue:#2f65d9;--ss-green:#16864d;--ss-ink:#17264a;--ss-muted:#71809a;--ss-line:#e4e9f2}
html[lang="en"] .ss-dashboard-page{padding:30px 0 65px;background:#f5f7fb;min-height:60vh}
html[lang="en"] .ss-dashboard-page .container{width:min(100% - 32px,1180px);margin:auto}
html[lang="en"] .ss-compact-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;margin-bottom:16px;background:linear-gradient(135deg,var(--ss-navy),var(--ss-navy-2));border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(11,31,75,.12);color:#fff}
html[lang="en"] .ss-compact-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(242,173,0,.14);border-radius:50%;left:-100px;bottom:-150px}
html[lang="en"] .ss-hero-main{position:relative;z-index:1}
html[lang="en"] .ss-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#f8c63c;font-size:12px;font-weight:800;margin-bottom:5px}
html[lang="en"] .ss-compact-hero h1{margin:0;font-size:28px;line-height:1.25;color:#fff}
html[lang="en"] .ss-compact-hero p{margin:7px 0 0;color:#d9e2f3;font-size:13px}
html[lang="en"] .ss-store-status{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:#dce5f7;font-size:12px}
html[lang="en"] .ss-store-status i{font-size:8px;color:#48c17d}
html[lang="en"] .ss-hero-actions{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
html[lang="en"] .ss-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
html[lang="en"] .ss-action.light{background:#fff;color:var(--ss-navy)}
html[lang="en"] .ss-action.gold{background:var(--ss-gold);color:#fff}
html[lang="en"] .ss-action.danger{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#ffd0d0}
html[lang="en"] .ss-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
html[lang="en"] .ss-summary{min-height:70px;padding:12px 15px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--ss-line);border-radius:13px;box-shadow:0 7px 20px rgba(19,38,74,.045)}
html[lang="en"] .ss-summary-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:16px;flex:0 0 auto}
html[lang="en"] .ss-summary-icon.blue{background:#edf3ff;color:var(--ss-blue)}
html[lang="en"] .ss-summary-icon.gold{background:#fff5d8;color:#c88d00}
html[lang="en"] .ss-summary-icon.green{background:#eaf8f0;color:var(--ss-green)}
html[lang="en"] .ss-summary small{display:block;color:var(--ss-muted);font-size:11px;margin-bottom:2px}
html[lang="en"] .ss-summary strong{display:block;color:var(--ss-ink);font-size:19px;font-weight:900}
html[lang="en"] .ss-summary em{font-style:normal;font-size:10px;color:#8b96a8}
html[lang="en"] .ss-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
html[lang="en"] .ss-dashboard-tile{min-height:94px;padding:14px 15px;display:flex;align-items:center;gap:12px;border:1px solid var(--ss-line);border-radius:14px;background:#fff;color:var(--ss-ink);text-decoration:none;box-shadow:0 7px 20px rgba(19,38,74,.04);transition:.2s}
html[lang="en"] .ss-dashboard-tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(19,38,74,.09);border-color:#d6deeb}
html[lang="en"] .ss-tile-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:var(--ss-blue);font-size:17px;flex:0 0 auto}
html[lang="en"] .ss-dashboard-tile.gold .ss-tile-icon{background:#fff5d8;color:#c88d00}
html[lang="en"] .ss-dashboard-tile.featured{background:linear-gradient(135deg,var(--ss-navy),#18366e);border-color:var(--ss-navy);color:#fff}
html[lang="en"] .ss-dashboard-tile.featured .ss-tile-icon{background:rgba(255,255,255,.12);color:#f8c63c}
html[lang="en"] .ss-tile-body{min-width:0;flex:1}
html[lang="en"] .ss-tile-body strong{display:block;font-size:15px;line-height:1.4}
html[lang="en"] .ss-tile-body small{display:block;margin-top:3px;color:var(--ss-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[lang="en"] .ss-dashboard-tile.featured .ss-tile-body small{color:#d5e0f4}
html[lang="en"] .ss-dashboard-tile>b{min-width:28px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:8px;background:#f4f6fa;color:#68768e;font-size:12px}
html[lang="en"] .ss-dashboard-tile.featured>b{background:rgba(255,255,255,.1);color:#fff}
html[lang="en"] .ss-store-mini-panel{margin-top:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#fffaf0);border:1px solid #f0dfab;border-radius:14px}
html[lang="en"] .ss-store-mini-panel>div:first-child{display:flex;align-items:center;gap:10px}
html[lang="en"] .ss-panel-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#fff2c9;color:#c88d00}
html[lang="en"] .ss-store-mini-panel strong{display:block;color:var(--ss-ink);font-size:14px}
html[lang="en"] .ss-store-mini-panel small{display:block;color:var(--ss-muted);font-size:11px;margin-top:2px}
html[lang="en"] .ss-panel-values{display:flex;gap:26px}
html[lang="en"] .ss-panel-values span{min-width:90px}
html[lang="en"] .ss-panel-values strong{font-size:13px;margin-top:2px}
@media(max-width:850px){
html[lang="en"] .ss-compact-hero{align-items:flex-start;flex-direction:column}
html[lang="en"] .ss-hero-actions{justify-content:flex-start}
html[lang="en"] .ss-dashboard-grid{grid-template-columns:repeat(2,1fr)}
html[lang="en"] .ss-store-mini-panel{align-items:flex-start;flex-direction:column}
html[lang="en"] .ss-panel-values{width:100%;justify-content:space-between;gap:10px}}
@media(max-width:560px){
html[lang="en"] .ss-dashboard-page{padding:20px 0 45px}
html[lang="en"] .ss-dashboard-page .container{width:min(100% - 18px,1180px)}
html[lang="en"] .ss-compact-hero{padding:20px;border-radius:15px}
html[lang="en"] .ss-compact-hero h1{font-size:24px}
html[lang="en"] .ss-summary-row,
html[lang="en"] .ss-dashboard-grid{grid-template-columns:1fr}
html[lang="en"] .ss-summary{min-height:64px}
html[lang="en"] .ss-dashboard-tile{min-height:86px}
html[lang="en"] .ss-panel-values{flex-direction:column;gap:9px}
html[lang="en"] .ss-panel-values span{min-width:0}
html[lang="en"] .ss-action{flex:1}}


/* ============================================================
   SOURCE CSS: faqs.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   FAQ PAGE
========================================================== */

.faq-section{
    padding:90px 0;
}
html[lang="en"] .faq-wrapper{
    max-width:920px;
    margin:auto;
}
html[lang="en"] .faq-item{

    position:relative;

    background:#fff;

    border:1px solid rgba(11,35,65,.08);

    border-radius:16px;

    margin-bottom:20px;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}
html[lang="en"] .faq-item::before{

    content:"";

    position:absolute;

    top:0;
    bottom:0;

    width:5px;

    background:#d4af37;

    transform:scaleY(0);

    transition:.35s ease;

}
html[lang="en"]html[dir="rtl"] .faq-item::before{

    right:0;

}
html[lang="en"]html[dir="ltr"] .faq-item::before{

    left:0;

}
html[lang="en"] .faq-item:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 45px rgba(0,0,0,.10);

}
html[lang="en"] .faq-item.active{

    border-color:#d4af37;

    box-shadow:0 22px 55px rgba(212,175,55,.18);

}
html[lang="en"] .faq-item.active::before{

    transform:scaleY(1);

}
html[lang="en"] .faq-question{

    width:100%;

    background:none;

    border:none;

    cursor:pointer;

    padding:24px 28px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    text-align:inherit;

}
html[lang="en"] .faq-title{

    display:flex;

    align-items:center;

    gap:18px;

}
html[lang="en"] .faq-title span{

    font-size:20px;

    font-weight:700;

    color:#0b2341;

    transition:.3s;

}
html[lang="en"] .faq-item.active .faq-title span{

    color:#d4af37;

}
html[lang="en"] .faq-icon{

    font-family:"Font Awesome 7 Free" !important;

    font-weight:900;

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#f8f8f8;

    color:#d4af37;

    font-size:24px;

    transition:.35s;

    flex-shrink:0;

}
html[lang="en"] .faq-item:hover .faq-icon{

    background:#d4af37;

    color:#fff;

}
html[lang="en"] .faq-item.active .faq-icon{

    background:#0b2341;

    color:#fff;

    transform:rotate(8deg) scale(1.05);

}
html[lang="en"] .faq-arrow{

    font-size:20px;

    color:#999;

    transition:.35s;

}
html[lang="en"] .faq-item.active .faq-arrow{

    color:#d4af37;

    transform:rotate(180deg);

}
html[lang="en"] .faq-answer{

    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:

        max-height .45s ease,

        opacity .30s ease;

}
html[lang="en"] .faq-item.active .faq-answer{

    max-height:320px;

    opacity:1;

}
html[lang="en"] .faq-answer p{

    margin:0;

    padding:0 28px 28px 92px;

    color:#555;

    font-size:16px;

    line-height:1.9;

}
html[lang="en"]html[dir="rtl"] .faq-answer p{

    padding:0 92px 28px 28px;

}

@media(max-width:768px){
html[lang="en"] .faq-section{

        padding:70px 0;

    }
html[lang="en"] .faq-question{

        padding:18px;

    }
html[lang="en"] .faq-title{

        gap:12px;

    }
html[lang="en"] .faq-title span{

        font-size:17px;

    }
html[lang="en"] .faq-icon{

        width:40px;

        height:40px;

        font-size:20px;

    }
html[lang="en"] .faq-answer p{

        padding:0 18px 20px 70px;

        font-size:15px;

    }
html[lang="en"]html[dir="rtl"] .faq-answer p{

        padding:0 70px 20px 18px;

    }

}

/* ============================================================
   SOURCE CSS: fonts.css
   ============================================================ */

html[lang="en"] /* ===========================
   Global Reset
=========================== */

*,
html[lang="en"] *::before,
html[lang="en"] *::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html[lang="en"] html,
html[lang="en"] body{

    width:100%;
    min-height:100%;

    margin:0;
    padding:0;

}
html[lang="en"] body{

    overflow-x:hidden;

    background:#ffffff;

}

@font-face{
    font-family:'HelveticaNeue';
    src:url('../fonts/HelveticaNeueW23forSKY-Reg.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'HelveticaNeue';
    src:url('../fonts/HelveticaNeueW23forSKY-Bd.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
html[lang="en"] html,
html[lang="en"] body{

    font-family:'HelveticaNeue',Arial,sans-serif;

}
html[lang="en"] body *:not(i):not(.fa):not([class*="fa-"]){

    font-family:'HelveticaNeue',Arial,sans-serif;

}
html[lang="en"] .fa,
html[lang="en"] .fa-brands,
html[lang="en"] .fa-regular,
html[lang="en"] .fa-solid,
html[lang="en"] .fas,
html[lang="en"] .far,
html[lang="en"] .fab{

    font-family:"Font Awesome 7 Free" !important;

}
html[lang="en"] .fa-brands{

    font-family:"Font Awesome 7 Brands" !important;

}

/* ============================================================
   SOURCE CSS: footer.css
   ============================================================ */

html[lang="en"] /* ===========================
   Newsletter
=========================== */

.newsletter{
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}
html[lang="en"] .newsletter .container{

    width:min(99%,1400px);

    margin:0 auto;

    background:#061b49;
    border-radius:18px;

    padding:8px;

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

}
html[lang="en"] .newsletter-left{

    display:flex;
    align-items:center;
    gap:18px;

    flex:1;

}
html[lang="en"] .newsletter-icon img{

    width:64px;
    height:64px;
    object-fit:contain;

}
html[lang="en"] .newsletter-content h3{

    color:#fff;
    font-size:16px;
    margin:0 0 8px;

}
html[lang="en"] .newsletter-content p{

    color:#d7dceb;
    margin:0;font-size: 14px;

}
html[lang="en"] .newsletter-center{
    flex: 1;
    max-width: 380px;
    flex: 0 0 380px;
}
html[lang="en"] }

.newsletter-form{

    display:flex;
    background:#fff;
    border-radius:10px;
    overflow:hidden;

}
html[lang="en"] .newsletter-form input{

    flex:1;
    border:none;
    height:44px;
    padding:0 20px;
    font-size:15px;

}
html[lang="en"] .newsletter-form input:focus{

    outline:none;

}
html[lang="en"] .newsletter-form button{

    width:120px;
  height:44px;
    border:none;

    background:#f6a800;

    color:#fff;

    cursor:pointer;

    font-weight:700;

}
html[lang="en"] .newsletter-right{

    display:flex;
    gap:35px;

}
html[lang="en"] .newsletter-feature{

    display:flex;
    align-items:center;
    gap:12px;

}
html[lang="en"] .newsletter-feature img{

    width:40px;
    height:40px;

}
html[lang="en"] .newsletter-feature strong{

    display:block;
    color:#fff;
    font-size:16px;

}
html[lang="en"] .newsletter-feature span{

    color:#d7dceb;
    font-size:13px;

}
html[lang="en"] /* ===========================
   Footer
=========================== */

.footer{
    background: #061b49;
    color: #fff;
    max-width: 1400px;
    margin: 0 auto;
}
html[lang="en"] .footer .container{

    width:min(100%,1400px);

    margin:auto;

    padding:20px 15px 16px;

    box-sizing:border-box;

}
html[lang="en"] .footer-grid{

    display:grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr
        1fr
        1.2fr;

    gap:24px;

}
html[lang="en"] .footer-column h4{

    margin:0 0 22px;
    font-size:18px;

}
html[lang="en"] .footer-column ul{

    margin:0;
    padding:0;
    list-style:none;

}
html[lang="en"] .footer-column li{

    margin-bottom:14px;

}
html[lang="en"] .footer-column a{

    color:#d8dceb;
    text-decoration:none;
    transition:.25s;

}
html[lang="en"] .footer-column a:hover{

    color:#f6a800;

}
html[lang="en"] .footer-column p{

    color:#d8dceb;
    line-height:2;

}
html[lang="en"] .footer-logo{

    height:60px;
    margin-bottom:28px;

}
html[lang="en"] .footer-contact{

    list-style:none;
    padding:0;
    margin:0;

}
html[lang="en"] .footer-contact li{

    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;

}
html[lang="en"] .footer-contact img{

    width:18px;
    height:18px;

}
html[lang="en"] .footer-social{

    display:flex;
    gap:12px;
    margin-top:25px;

}
html[lang="en"] .footer-social img{

    width:32px;
    height:32px;
    transition:.3s;

}
html[lang="en"] .footer-social img:hover{

    transform:translateY(-4px);

}
html[lang="en"] /* ===========================
Bottom
=========================== */

.footer-bottom{

    background:#041433;

}
html[lang="en"] .footer-bottom .container{
width:min(100%,1400px);

margin:auto;

padding:12px 15px;

box-sizing:border-box;
    display:flex;
    align-items:center;

    position:relative;
}
html[lang="en"] .footer-payments img{

    height:26px;

}
html[lang="en"] .footer-copy{
    position:absolute;
    left:50%;
    transform:translateX(-50%);

    text-align:center;
    color:#c8cfdd;
    font-size:14px;
    line-height:1.7;
}
html[lang="en"] .footer-payments{
    margin-left:auto;
}
html[lang="en"] .back-top{
    position: fixed;
    bottom: 25px;
    left: 25px;
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: pointer;

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

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);

    transition: all .3s ease;
    z-index: 9999;
    padding: 0;
}
html[lang="en"] .back-top:hover{
    transform: translateY(-4px) scale(1.08);
}
html[lang="en"] .back-top.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
html[lang="en"] .back-top img{
    width: 42px;
    height: 42px;
    display: block;
}
html[lang="en"] /* ===========================
Responsive
=========================== */

@media(max-width:991px){

.newsletter .container{

    flex-direction:column;

}

.newsletter-right{

    flex-wrap:wrap;
    justify-content:center;

}

.footer-grid{

    grid-template-columns:1fr 1fr;

}

.footer-bottom .container{

    flex-direction:column;
    gap:20px;

}

}

@media(max-width:768px){
html[lang="en"] .footer-grid{

    grid-template-columns:1fr;

}
html[lang="en"] .newsletter-form{

    flex-direction:column;

}
html[lang="en"] .newsletter-form button{

    width:100%;
    height:52px;

}
html[lang="en"] .newsletter-content{

    text-align:center;

}
html[lang="en"] .newsletter-left{

    justify-content:center;
    flex-direction:column;

}
html[lang="en"] .newsletter-right{

    flex-direction:column;

}

}
html[lang="en"] .footer-column{

    position:relative;

}
html[lang="en"] .footer-column:not(:last-child)::after{

    content:"";

    position:absolute;

    left:0px;

    top:0;

    width:0px;

    height:100%;

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

}
html[lang="en"] .newsletter-menu{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;justify-content:center}
html[lang="en"] .newsletter-menu a{color:inherit;text-decoration:none;font-size:12px;opacity:.9}
html[lang="en"] .newsletter-menu a:hover{opacity:1;color:#f6c344}


/* ============================================================
   SOURCE CSS: help.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   SMARTSHOP HELP CENTER
   ========================================================== */


/* ==========================================================
   Page Layout
   ========================================================== */

.help-center-page{
    position:relative;
}
html[lang="en"] .help-center-page .contact-section{
    padding:40px 0 0px;
}
html[lang="en"] .help-center-page .contact-grid{
    align-items:start;
    gap:40px;
}
html[lang="en"] .help-center-page .contact-form-wrapper{
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}
html[lang="en"] .help-center-page .contact-info{
    position:sticky;
    top:100px;
}
html[lang="en"] /* ==========================================================
   FAQ Overrides
   ========================================================== */

.help-center-page .faq-section{
    padding:0;
}
html[lang="en"] .help-center-page .faq-wrapper{
    max-width:100%;
    margin:0;
}
html[lang="en"] /* ==========================================================
   Help Banner
   ========================================================== */

.help-center-banner{
    position:relative;
    overflow:hidden;

    margin-bottom:30px;
    padding:28px 32px;

    border-radius:20px;

    background:
        linear-gradient(135deg,#0b2341 0%,#17385f 100%);

    color:#fff;

    box-shadow:
        0 18px 45px rgba(11,35,65,.18);
}
html[lang="en"] .help-center-banner::before{

    content:"";

    position:absolute;

    top:-70px;
    right:-70px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:rgba(212,175,55,.10);

}
html[lang="en"] .help-center-banner::after{

    content:"";

    position:absolute;

    bottom:-40px;
    left:-40px;

    width:120px;
    height:120px;

    border-radius:50%;

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

}
html[lang="en"] .help-center-banner>*{
    position:relative;
    z-index:2;
}
html[lang="en"] .help-center-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    border-radius:50px;

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

    color:#fff;

    font-size:14px;
    font-weight:700;

    letter-spacing:.3px;
}
html[lang="en"] .help-center-badge i{
    color:#d4af37;
}
html[lang="en"] /* ==========================================================
   Contact Card Overrides
   ========================================================== */

.help-center-page .contact-support-card{
    border:1px solid rgba(212,175,55,.15);
}
html[lang="en"] /* ==========================================================
   Help Cards
   ========================================================== */

.help-center-page .contact-help-inline{
    margin-top:50px;
}
html[lang="en"] /* ==========================================================
   Responsive
   ========================================================== */

@media(max-width:992px){

    .help-center-page .contact-grid{
        gap:30px;
    }

    .help-center-page .contact-info{
        position:static;
    }

}


@media(max-width:768px){
html[lang="en"] .help-center-banner{

        padding:22px;

        border-radius:16px;
    }

}
html[lang="en"] /* ==========================================================
   HELP CENTER VISUAL ENHANCEMENTS
   ========================================================== */

.help-center-page{

    --help-primary:#102c52;
    --help-secondary:#173d6d;
    --help-gold:#d8aa2c;
    --help-border:#eef2f7;
    --help-shadow:0 12px 35px rgba(16,44,82,.08);

}
html[lang="en"] /* ===========================
   FAQ Cards
=========================== */

.help-center-page .faq-item{

    border:1px solid var(--help-border);

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--help-shadow);

    transition:.30s;

}
html[lang="en"] .help-center-page .faq-item:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(16,44,82,.12);

}
html[lang="en"] .help-center-page .faq-question{

    min-height:74px;

    padding:0 28px;

    background:#fff;

}
html[lang="en"] .help-center-page .faq-question:hover{

    background:#fbfcff;

}
html[lang="en"] .help-center-page .faq-title span{

    font-size:18px;

    font-weight:700;

    color:#0f2340;

}
html[lang="en"] .help-center-page .faq-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#fff7df;

    color:var(--help-gold);

    display:flex;

    align-items:center;

    justify-content:center;

}
html[lang="en"] .help-center-page .faq-answer{

    background:#ffffff;

}
html[lang="en"] .help-center-page .faq-answer p{

    color:#58667a;

    line-height:2;

    font-size:15px;

}
html[lang="en"] /* ===========================
   Right Contact Cards
=========================== */

.help-center-page .contact-card{

    border:none;

    border-radius:18px;

    background:#fff;

    box-shadow:var(--help-shadow);

    transition:.30s;

}
html[lang="en"] .help-center-page .contact-card:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(16,44,82,.12);

}
html[lang="en"] .help-center-page .contact-card .icon{

    background:linear-gradient(135deg,#173d6d,#102c52);

    color:#fff;

}
html[lang="en"] /* ===========================
   Support Box
=========================== */

.help-center-page .contact-support-card{

    border:none;

    border-radius:24px;

    background:
    linear-gradient(135deg,#d8aa2c 0%,#b9890c 25%,#173d6d 100%);

    box-shadow:0 20px 50px rgba(16,44,82,.18);

}
html[lang="en"] /* ==========================================================
   HELP BANNER V2
========================================================== */

.help-center-banner{

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

    min-height:130px;

    padding:30px 35px;

    overflow:hidden;

    position:relative;

    border-radius:22px;

    background:
    linear-gradient(135deg,#0b2341 0%,#173d6d 100%);

}
html[lang="en"] .help-center-banner::before{

    content:"";

    position:absolute;

    left:-80px;
    top:-60px;

    width:220px;
    height:220px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,255,255,.08) 0%,
    transparent 70%);

}
html[lang="en"] .help-center-banner::after{

    content:"\f590";

    font-family:"Font Awesome 7 Free";

    font-weight:900;

    position:absolute;

    left:35px;

    top:50%;

    transform:translateY(-50%);

    font-size:95px;

    color:rgba(212,175,55,.22);

}
html[lang="en"] .help-center-banner .help-center-badge{

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

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(10px);

}
html[lang="en"] .help-center-banner-content{

    position:relative;

    z-index:3;

}
html[lang="en"] .help-center-banner h2{

    margin:18px 0 10px;

    color:#fff;

    font-size:38px;

    font-weight:800;

}
html[lang="en"] .help-center-banner p{

    color:rgba(255,255,255,.85);

    font-size:16px;

    margin:0;

}

/* ============================================================
   SOURCE CSS: hero.css
   ============================================================ */

html[lang="en"] /*==================================================
  SmartShop Hero
==================================================*/

.hero{

    margin:24px 15px 18px;

}
html[lang="en"] .hero .container{
    width:min(100%,1400px);
    margin:auto;
}
html[lang="en"] .hero-box{

    background:url("../images/hero/hero-banner.png") center center no-repeat;

    background-size:cover;


    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:flex-end;

    min-height:430px;

    position:relative;

    padding:0 60px;

}
html[lang="en"] /*==================================
    Image
==================================*/



/*==================================
    Content
==================================*/

.hero-content{

    width:100%;

    max-width:520px;

    margin-right:70px;

    margin-left:auto;

    z-index:2;

}
html[lang="en"] .hero-content h1{

    margin:0;
color: #fff;
    font-size:42px;

    line-height:1.5;

    font-weight:800;

}
html[lang="en"] .hero-content h1 span{

    display:block;
font-size: 30px;
    color:#ffb31a;

}
html[lang="en"] .hero-content p{

    margin:28px 0 36px;

    color:#d4d8e2;

    line-height:2;

    font-size:18px;

}
html[lang="en"] /*==================================
    Buttons
==================================*/

.hero-buttons{

    display:flex;

    gap:18px;

}
html[lang="en"] .hero-btn{

    height:56px;

    padding:0 28px;

    border-radius:10px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    transition:.25s;

}
html[lang="en"] .hero-btn img{

    width:20px;

    height:20px;

}
html[lang="en"] .hero-btn-primary{

    background:#ffb31a;

    color:#fff;

}
html[lang="en"] .hero-btn-primary:hover{

    background:#e6a000;

}
html[lang="en"] .hero-btn-outline{

    border:2px solid rgba(255,255,255,.25);

    color:#fff;

}
html[lang="en"] .hero-btn-outline:hover{

    background:#fff;

    color:#11224d;

}
html[lang="en"] /*==================================
    Slider Dots
==================================*/

.hero-dots{

    position:absolute;

    left:32px;

    bottom:28px;

    display:flex;

    gap:10px;

    z-index:50;

}
html[lang="en"] .hero-dots span{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#ffffff66;

    display:block;

}
html[lang="en"] .hero-dots span.active{

    background:#f4b223;

}
html[lang="en"] /*==================================
    Features
==================================*/

.hero-features{
      margin: 10px 15px 0 15px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 5px 2px rgb(0 0 0 / 10%);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    overflow: hidden;
}
html[lang="en"] .hero-feature{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    padding:28px;

    position:relative;

}
html[lang="en"] .hero-feature:not(:last-child)::after{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:55%;

    background:#d9d9d9;

}
html[lang="en"] .hero-feature img{

    width:42px;

    height:42px;

}
html[lang="en"] .hero-feature strong{

    display:block;

    color:#11224d;

    font-size:16px;

    margin-bottom:0px;

}
html[lang="en"] .hero-feature span{

    color:#8a8f9b;

    font-size:14px;

}
html[lang="en"] /*==================================
    Responsive
==================================*/

@media (max-width:1200px){

    .hero-content{

        padding:40px;

    }

    .hero-content h1{

        font-size:40px;

    }

}

@media (max-width:992px){
html[lang="en"] .hero-box{

        flex-direction:column;

    }
html[lang="en"] .hero-image,
html[lang="en"] .hero-content{

        width:100%;

    }
html[lang="en"] .hero-content{

        text-align:center;

        padding:40px 30px;

    }
html[lang="en"] .hero-buttons{

        justify-content:center;

    }
html[lang="en"] .hero-features{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:576px){
html[lang="en"] .hero-content h1{

        font-size:32px;

    }
html[lang="en"] .hero-content p{

        font-size:16px;

    }
html[lang="en"] .hero-buttons{

        flex-direction:column;

    }
html[lang="en"] .hero-btn{

        width:100%;

    }
html[lang="en"] .hero-features{

        grid-template-columns:1fr;

    }

}
@media (max-width:768px){
html[lang="en"] .hero-box{

        background-position:20% center;

    }

}
html[lang="en"] /* ===========================
   Hero Slider
=========================== */

.hero-slider{
    position:relative;
    overflow:hidden;
    background:#11224d;
}
html[lang="en"] .hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .6s ease;
    z-index:1;
    pointer-events:none;
}
html[lang="en"] .hero-slide.active{
    position:absolute;
    inset:0;
    opacity:1;
    z-index:2;
    pointer-events:auto;
}

@media (min-width:993px){
    html[lang="en"] .hero-slider{
        height:430px;
        min-height:430px;
        max-height:430px;
    }

    html[lang="en"] .hero-slide{
        height:430px;
        min-height:430px;
        max-height:430px;
    }
}
html[lang="en"] .hero-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    border:0;
    background:rgba(255,255,255,.92);
    border-radius:50%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    z-index:20;
}
html[lang="en"] .hero-prev{
    right:25px;
}
html[lang="en"] .hero-next{
    left:25px;
}
html[lang="en"] .hero-arrow img{
    width:18px;
    height:18px;
}



/* ============================================================
   SOURCE CSS: merchant-forms.css
   ============================================================ */

html[lang="en"] .merchant-form-page{padding:38px 0 80px;background:#f5f7fb}
html[lang="en"] .merchant-product-card,
html[lang="en"] .merchant-store-card,
html[lang="en"] .merchant-profile-card{max-width:1120px;margin:auto;padding:28px;border-radius:20px}
html[lang="en"] .merchant-form-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #edf0f5}
html[lang="en"] .merchant-eyebrow{display:inline-flex;color:#d3a300;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[lang="en"] .merchant-form-head h1{margin:5px 0 7px;color:#102451;font-size:29px}
html[lang="en"] .merchant-form-head p{margin:0;color:#71809a}
html[lang="en"] .merchant-back,
html[lang="en"] .merchant-logout{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:10px;text-decoration:none;font-weight:700;white-space:nowrap}
html[lang="en"] .merchant-back{background:#eef3fb;color:#102451}
html[lang="en"] .merchant-logout{background:#fff1f1;color:#b42318}
html[lang="en"] .head-actions{display:flex;gap:8px;align-items:center}
html[lang="en"] .merchant-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:#f3f6fb;border:1px solid #e5eaf2;border-radius:13px;margin-bottom:22px}
html[lang="en"] .merchant-tabs a,
html[lang="en"] .merchant-tabs span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:9px;text-decoration:none;color:#55657d;font-size:13px;font-weight:800}
html[lang="en"] .merchant-tabs a.active,
html[lang="en"] .merchant-tabs span.active{background:#122657;color:#fff;box-shadow:0 5px 14px rgba(18,38,87,.12)}
html[lang="en"] .merchant-tabs .muted{opacity:.55}
html[lang="en"] .merchant-section{padding:20px;border:1px solid #e7ebf2;border-radius:15px;background:#fff;margin-bottom:16px}
html[lang="en"] .section-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}
html[lang="en"] .section-title>i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#fff4d1;color:#d19d00}
html[lang="en"] .section-title strong{display:block;color:#14264d;font-size:16px}
html[lang="en"] .section-title small{display:block;margin-top:3px;color:#8190a6;font-size:12px}
html[lang="en"] .merchant-form{display:flex;flex-direction:column;gap:0}
html[lang="en"] .merchant-form label{display:flex;flex-direction:column;gap:7px;color:#263653;font-weight:700;font-size:13px}
html[lang="en"] .merchant-form input,
html[lang="en"] .merchant-form textarea,
html[lang="en"] .merchant-form select{width:100%;box-sizing:border-box;border:1px solid #dbe3ee;border-radius:10px;padding:11px 12px;background:#fff;color:#172643;font:inherit;font-weight:400;outline:none;transition:.18s}
html[lang="en"] .merchant-form input:focus,
html[lang="en"] .merchant-form textarea:focus,
html[lang="en"] .merchant-form select:focus{border-color:#1d3c82;box-shadow:0 0 0 3px rgba(29,60,130,.08)}
html[lang="en"] .grid-2,
html[lang="en"] .grid-3,
html[lang="en"] .grid-4{display:grid;gap:14px;margin-bottom:14px}
html[lang="en"] .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang="en"] .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
html[lang="en"] .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
html[lang="en"] .merchant-form-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:4px;padding-top:18px;border-top:1px solid #edf0f5}
html[lang="en"] .merchant-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 16px;text-decoration:none;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
html[lang="en"] .merchant-btn.primary{background:#122657;color:#fff}
html[lang="en"] .merchant-btn.success{background:#d7a400;color:#102451}
html[lang="en"] .merchant-btn.ghost{background:#eef3f8;color:#33445f}
html[lang="en"] .merchant-btn.back{background:#fff;border:1px solid #dbe3ee;color:#33445f}
html[lang="en"] .media-upload{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px dashed #cfd9e7;border-radius:12px;background:#fafcff;color:#263653;font-weight:800;font-size:13px}
html[lang="en"] .media-upload img{width:100%;height:150px;object-fit:contain;border-radius:10px;background:#f4f6f9}
html[lang="en"] .media-upload.cover img{object-fit:cover}
html[lang="en"] .media-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:#f7f9fc;color:#63738b}
html[lang="en"] .media-note i{color:#d3a300;margin-top:3px}
html[lang="en"] .media-note strong{display:block;color:#203457}
html[lang="en"] .media-note p{margin:5px 0 0;font-size:12px;line-height:1.8}
html[lang="en"] .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
html[lang="en"] .gallery-item{border:1px solid #e4e9f1;border-radius:12px;padding:8px;background:#fff}
html[lang="en"] .gallery-item img{width:100%;height:150px;object-fit:contain;border-radius:8px;background:#f7f8fa}
html[lang="en"] .gallery-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;color:#8491a5;font-size:11px}
html[lang="en"] .option-list,
html[lang="en"] .shipping-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
html[lang="en"] .option-card,
html[lang="en"] .shipping-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid #e4e9f1;border-radius:12px;background:#fff}
html[lang="en"] .option-card strong,
html[lang="en"] .shipping-card strong{color:#172b53}
html[lang="en"] .option-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
html[lang="en"] .option-badges span{background:#eef3ff;color:#1d4ed8;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}
html[lang="en"] .option-actions{display:flex;align-items:center;gap:6px}
html[lang="en"] .option-actions a,
html[lang="en"] .option-actions button{border:0;border-radius:8px;padding:8px 10px;text-decoration:none;background:#eef3ff;color:#1d4ed8;font:inherit;font-size:12px;cursor:pointer}
html[lang="en"] .option-actions button{background:#fff0f0;color:#b42318}
html[lang="en"] .shipping-card span{display:block;color:#7b879a;font-size:12px;margin-top:4px}
html[lang="en"] .store-status-section{display:flex;align-items:center;justify-content:space-between;background:#f7f9fc}
html[lang="en"] .store-status-section span{display:block;color:#7b879a;font-size:12px}
html[lang="en"] .store-status-section strong{display:block;color:#15803d;margin:3px 0}
html[lang="en"] .store-status-section small{color:#8491a5}
html[lang="en"] .choice-row{display:flex;gap:12px;flex-wrap:wrap}
html[lang="en"] .choice{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;font-weight:500!important}
html[lang="en"] .choice input{width:auto}
html[lang="en"] .field-help{font-size:11px;color:#8793a5}
html[lang="en"] .dashboard-head-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
html[lang="en"] .dashboard-back-link,
html[lang="en"] .dashboard-logout-link{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800}
html[lang="en"] .dashboard-back-link{background:#eef3fb;color:#142957}
html[lang="en"] .dashboard-logout-link{background:#fff1f1;color:#b42318}@media(max-width:900px){
html[lang="en"] .grid-4{grid-template-columns:repeat(2,1fr)}
html[lang="en"] .gallery-grid{grid-template-columns:repeat(3,1fr)}
html[lang="en"] .merchant-form-head{align-items:flex-start;flex-direction:column}
html[lang="en"] .head-actions{width:100%;flex-wrap:wrap}}@media(max-width:650px){
html[lang="en"] .grid-2,
html[lang="en"] .grid-3,
html[lang="en"] .grid-4{grid-template-columns:1fr}
html[lang="en"] .gallery-grid{grid-template-columns:repeat(2,1fr)}
html[lang="en"] .merchant-product-card,
html[lang="en"] .merchant-store-card,
html[lang="en"] .merchant-profile-card{padding:18px}
html[lang="en"] .merchant-tabs{overflow-x:auto;flex-wrap:nowrap}
html[lang="en"] .merchant-tabs a,
html[lang="en"] .merchant-tabs span{white-space:nowrap}
html[lang="en"] .merchant-form-actions{flex-direction:column;align-items:stretch}
html[lang="en"] .merchant-btn{width:100%}
html[lang="en"] .option-card,
html[lang="en"] .shipping-card{align-items:flex-start;flex-direction:column}
html[lang="en"] .option-actions{width:100%}
html[lang="en"] .option-actions a,
html[lang="en"] .option-actions button{flex:1;text-align:center}}
html[lang="en"] .merchant-step-banner{display:flex;align-items:center;gap:12px;margin:-8px 0 18px;padding:12px 15px;border:1px solid #f0d78c;border-right:4px solid #e6a800;border-radius:12px;background:linear-gradient(90deg,#fffaf0,#fff);color:#25385d}
html[lang="en"] .merchant-step-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#fff0bf;color:#bd8700}
html[lang="en"] .merchant-step-banner strong{display:block;font-size:13px;color:#162b55}
html[lang="en"] .merchant-step-banner p{margin:2px 0 0;color:#71809a;font-size:11px;line-height:1.7}
html[lang="en"] .merchant-step-banner i{font-size:13px}@media(max-width:600px){
html[lang="en"] .merchant-step-banner{align-items:flex-start}}


/* ============================================================
   SOURCE CSS: merchant-pages.css
   ============================================================ */

html[lang="en"] .merchant-page{padding-top:34px!important}
html[lang="en"] .merchant-page .container{max-width:1200px}
html[lang="en"] .merchant-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:8px 2px}
html[lang="en"] .merchant-page-kicker{display:inline-flex;align-items:center;gap:7px;color:#d6a600;font-weight:800;font-size:13px;margin-bottom:5px}
html[lang="en"] .merchant-page-header h1{margin:0;color:#122247;font-size:31px;font-weight:800;letter-spacing:-.4px}
html[lang="en"] .merchant-page-header p{margin:7px 0 0;color:#71809a;font-size:14px}
html[lang="en"] .merchant-back-btn{display:inline-flex;align-items:center;gap:8px;background:#eef3fb;color:#122247;border:1px solid #dfe7f2;padding:11px 16px;border-radius:11px;text-decoration:none;font-weight:700;white-space:nowrap}
html[lang="en"] .merchant-back-btn:hover{background:#122247;color:#fff}
html[lang="en"] .merchant-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;margin-bottom:16px;font-weight:700}
html[lang="en"] .merchant-alert-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}
html[lang="en"] .merchant-alert-error{background:#fff1f1;color:#b42318;border:1px solid #ffd0d0}
html[lang="en"] .merchant-editor-shell{background:#fff;border:1px solid #e0e7f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(18,34,71,.07)}
html[lang="en"] .merchant-editor-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:12px;background:#f7f9fc;border-bottom:1px solid #e4eaf2}
html[lang="en"] .merchant-editor-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:10px;background:#edf2f8;color:#34445f;text-decoration:none;font-weight:700;font-size:14px;transition:.2s}
html[lang="en"] .merchant-editor-tabs a i{color:#d6a600}
html[lang="en"] .merchant-editor-tabs a.active{background:#122247;color:#fff}
html[lang="en"] .merchant-editor-tabs a.active i{color:#f4b400}
html[lang="en"] .merchant-editor-tabs a:hover:not(.active){background:#e3eaf4;color:#122247}
html[lang="en"] .merchant-editor-body{padding:22px}
html[lang="en"] .merchant-form-section{border:1px solid #e3e9f1;border-radius:15px;background:#fff;overflow:hidden}
html[lang="en"] .merchant-section-title{display:flex;align-items:center;gap:12px;padding:17px 19px;background:#fbfcfe;border-bottom:1px solid #e8edf4}
html[lang="en"] .merchant-section-title>span{width:38px;height:38px;border-radius:10px;background:#fff5d6;color:#d6a600;display:grid;place-items:center}
html[lang="en"] .merchant-section-title h2{margin:0;color:#122247;font-size:18px}
html[lang="en"] .merchant-section-title p{margin:3px 0 0;color:#8290a5;font-size:12px}
html[lang="en"] .merchant-form-section>.commerce-form,
html[lang="en"] .merchant-option-editor{padding:20px}
html[lang="en"] .merchant-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}
html[lang="en"] .merchant-form-grid-wide{margin-top:17px}
html[lang="en"] .merchant-form-grid label,
html[lang="en"] .merchant-option-row label{display:flex;flex-direction:column;gap:7px;color:#273852;font-weight:700;font-size:13px}
html[lang="en"] .merchant-form-grid input,
html[lang="en"] .merchant-form-grid select,
html[lang="en"] .merchant-form-grid textarea,
html[lang="en"] .merchant-option-row input,
html[lang="en"] .merchant-option-editor>label input,
html[lang="en"] .merchant-upload-form input[type=file]{width:100%;box-sizing:border-box;border:1px solid #d9e1ec;background:#fff;border-radius:10px;padding:11px 13px;font:inherit;font-weight:400;color:#1e2d47;transition:.2s}
html[lang="en"] .merchant-form-grid input,
html[lang="en"] .merchant-form-grid select,
html[lang="en"] .merchant-option-row input{height:45px}
html[lang="en"] .merchant-form-grid textarea{min-height:125px;resize:vertical}
html[lang="en"] .merchant-form-grid input:focus,
html[lang="en"] .merchant-form-grid select:focus,
html[lang="en"] .merchant-form-grid textarea:focus,
html[lang="en"] .merchant-option-row input:focus{outline:0;border-color:#284fa6;box-shadow:0 0 0 3px rgba(40,79,166,.08)}
html[lang="en"] .merchant-upload-box{display:flex;align-items:center;gap:18px;margin-top:18px;padding:14px;border:1px dashed #cbd7e6;background:#f8fafd;border-radius:12px}
html[lang="en"] .merchant-upload-box>div{display:flex;flex-direction:column;gap:3px;flex:1}
html[lang="en"] .merchant-upload-box strong{color:#122247}
html[lang="en"] .merchant-upload-box small{color:#7a879b}
html[lang="en"] .merchant-upload-box input[type=file]{max-width:320px}
html[lang="en"] .merchant-upload-box img{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #dce4ee;background:#fff}
html[lang="en"] .merchant-form-actions{display:flex;align-items:center;gap:10px;margin-top:19px;padding-top:17px;border-top:1px solid #edf1f5}
html[lang="en"] .merchant-save-btn,
html[lang="en"] .merchant-add-btn,
html[lang="en"] .merchant-cancel-btn,
html[lang="en"] .merchant-edit-btn,
html[lang="en"] .merchant-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 15px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
html[lang="en"] .merchant-save-btn{background:#dca900;color:#fff}
html[lang="en"] .merchant-save-btn:hover{background:#c79600}
html[lang="en"] .merchant-add-btn{background:#eef3fb;color:#122247;margin:0 20px 20px}
html[lang="en"] .merchant-cancel-btn{background:#eef3fb;color:#122247}
html[lang="en"] .merchant-edit-btn{background:#eef3fb;color:#17315e}
html[lang="en"] .merchant-delete-btn{background:#fff0f0;color:#b42318}
html[lang="en"] .merchant-upload-form{display:flex;align-items:center;gap:12px;padding:20px}
html[lang="en"] .merchant-upload-form input[type=file]{flex:1}
html[lang="en"] .merchant-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 20px 20px}
html[lang="en"] .merchant-gallery-item{border:1px solid #e3e9f1;border-radius:12px;padding:9px;background:#fff}
html[lang="en"] .merchant-gallery-item img{width:100%;height:145px;object-fit:contain;border-radius:8px;background:#f7f9fc}
html[lang="en"] .merchant-gallery-item span{display:block;margin-top:7px;font-size:11px;color:#8290a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[lang="en"] .merchant-option-editor>label{display:flex;flex-direction:column;gap:7px;color:#273852;font-weight:700;font-size:13px}
html[lang="en"] .merchant-option-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:14px;padding:13px;border:1px solid #e6ebf2;background:#fafbfd;border-radius:11px}
html[lang="en"] .merchant-option-list{padding:0 20px 20px;display:flex;flex-direction:column;gap:10px}
html[lang="en"] .merchant-option-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid #e1e8f0;border-radius:12px}
html[lang="en"] .merchant-option-card strong{display:block;color:#122247;margin-bottom:8px}
html[lang="en"] .option-badges{display:flex;gap:6px;flex-wrap:wrap}
html[lang="en"] .option-badges span{background:#f1f5f9;color:#52617a;padding:6px 9px;border-radius:8px;font-size:12px}
html[lang="en"] .merchant-option-actions{display:flex;align-items:center;gap:7px}
html[lang="en"] .merchant-option-actions form,
html[lang="en"] .merchant-row-actions form{margin:0}
html[lang="en"] .merchant-empty{text-align:center;padding:35px;color:#7b879b}
html[lang="en"] .merchant-empty i{font-size:28px;color:#d6a600}
html[lang="en"] .merchant-empty p{margin:8px 0 0}
html[lang="en"] .merchant-shipping-list{padding:0 20px 20px;display:flex;flex-direction:column;gap:9px}
html[lang="en"] .merchant-shipping-row{display:grid;grid-template-columns:1.8fr .7fr .8fr auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid #e1e8f0;border-radius:12px}
html[lang="en"] .shipping-main{display:flex;align-items:center;gap:10px}
html[lang="en"] .shipping-icon{width:35px;height:35px;border-radius:9px;background:#fff5d6;color:#d6a600;display:grid;place-items:center}
html[lang="en"] .shipping-main strong,
html[lang="en"] .shipping-main small{display:block}
html[lang="en"] .shipping-main small{margin-top:2px;color:#8994a6;font-size:11px}
html[lang="en"] .merchant-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:50px;font-size:12px;font-weight:800}
html[lang="en"] .merchant-status-pill.is-active{background:#dcfce7;color:#166534}
html[lang="en"] .merchant-status-pill.is-inactive{background:#fee2e2;color:#991b1b}
html[lang="en"] .merchant-row-actions{display:flex;gap:6px}
html[lang="en"] .subscription-status-top{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:11px;background:#f1f5f9}
html[lang="en"] .subscription-status-top span{font-size:11px;color:#7a879a}
html[lang="en"] .subscription-status-top strong{font-size:13px}
html[lang="en"] .subscription-status-top.is-active{background:#ecfdf3;color:#166534}
html[lang="en"] .subscription-status-top.is-expired{background:#fff1f1;color:#b42318}
html[lang="en"] .subscription-status-top.is-trial{background:#fff8e5;color:#946200}
html[lang="en"] .subscription-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #e1e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(18,34,71,.05)}
html[lang="en"] .subscription-overview-main{display:flex;align-items:center;gap:14px}
html[lang="en"] .subscription-plan-icon{width:52px;height:52px;border-radius:13px;background:#fff5d6;color:#d6a600;display:grid;place-items:center;font-size:20px}
html[lang="en"] .subscription-overview-main>div:last-child>span{color:#8792a4;font-size:12px}
html[lang="en"] .subscription-overview-main h2{margin:3px 0 5px;color:#122247;font-size:21px}
html[lang="en"] .subscription-overview-main p{margin:0;color:#748198;font-size:12px}
html[lang="en"] .subscription-overview-main p i{color:#d6a600}
html[lang="en"] .subscription-status-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:50px;font-weight:800;font-size:12px}
html[lang="en"] .subscription-status-badge i{font-size:7px}
html[lang="en"] .subscription-status-badge.is-active{background:#dcfce7;color:#166534}
html[lang="en"] .subscription-status-badge.is-expired{background:#fee2e2;color:#991b1b}
html[lang="en"] .subscription-status-badge.is-trial{background:#fff5d6;color:#946200}
html[lang="en"] .subscription-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}
html[lang="en"] .subscription-stat{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:17px;min-height:92px}
html[lang="en"] .subscription-stat span{display:flex;align-items:center;gap:7px;color:#7c899d;font-size:12px}
html[lang="en"] .subscription-stat span i{color:#d6a600}
html[lang="en"] .subscription-stat strong{display:block;margin-top:9px;color:#122247;font-size:20px}
html[lang="en"] .subscription-stat small{display:block;margin-top:3px;color:#98a2b2;font-size:11px}
html[lang="en"] .subscription-note{display:flex;gap:11px;margin-top:15px;padding:14px 16px;border:1px solid #e0e8f2;background:#f8fafd;border-radius:13px}
html[lang="en"] .subscription-note>i{color:#2f64c7;margin-top:2px}
html[lang="en"] .subscription-note strong{color:#122247;font-size:13px}
html[lang="en"] .subscription-note p{margin:4px 0 0;color:#758198;font-size:12px}
html[lang="en"] .subscription-empty{text-align:center;padding:60px 25px;background:#fff;border:1px solid #e1e8f0;border-radius:16px}
html[lang="en"] .subscription-empty-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:16px;background:#fff5d6;color:#d6a600;display:grid;place-items:center;font-size:22px}
html[lang="en"] .subscription-empty h2{margin:0;color:#122247}
html[lang="en"] .subscription-empty p{color:#7c899d}
@media(max-width:800px){
html[lang="en"] .merchant-page-header{align-items:flex-start;flex-direction:column}
html[lang="en"] .merchant-form-grid,
html[lang="en"] .merchant-option-row,
html[lang="en"] .subscription-stats-grid{grid-template-columns:1fr}
html[lang="en"] .merchant-gallery-grid{grid-template-columns:repeat(2,1fr)}
html[lang="en"] .merchant-upload-box,
html[lang="en"] .merchant-upload-form,
html[lang="en"] .subscription-overview{align-items:stretch;flex-direction:column}
html[lang="en"] .merchant-upload-box input[type=file]{max-width:none}
html[lang="en"] .merchant-shipping-row{grid-template-columns:1fr 1fr}
html[lang="en"] .merchant-row-actions{justify-content:flex-start}
html[lang="en"] .merchant-editor-body{padding:14px}
html[lang="en"] .merchant-editor-tabs{overflow-x:auto;flex-wrap:nowrap}
html[lang="en"] .merchant-editor-tabs a{flex:0 0 auto}
html[lang="en"] .merchant-page-header h1{font-size:26px}}
@media(max-width:520px){
html[lang="en"] .merchant-gallery-grid{grid-template-columns:1fr 1fr}
html[lang="en"] .merchant-shipping-row{grid-template-columns:1fr}
html[lang="en"] .merchant-form-actions{flex-direction:column;align-items:stretch}
html[lang="en"] .merchant-save-btn,
html[lang="en"] .merchant-cancel-btn{width:100%}
html[lang="en"] .subscription-overview-main{align-items:flex-start}
html[lang="en"] .subscription-status-badge{align-self:flex-start}}


/* ============================================================
   SOURCE CSS: merchant-product-edit.css
   ============================================================ */

html[lang="en"] /* SmartShop - Merchant product editor only. Scoped to avoid touching stable pages. */
.merchant-product-edit-page{padding:30px 0 65px!important}
html[lang="en"] .merchant-product-edit-page .merchant-page-header{margin-bottom:18px}
html[lang="en"] .merchant-product-edit-page .merchant-editor-shell{border-radius:18px}
html[lang="en"] .merchant-product-edit-page .merchant-editor-tabs{justify-content:flex-start;gap:8px;padding:12px 14px}
html[lang="en"] .merchant-product-edit-page .merchant-editor-tabs a{padding:11px 15px;font-size:13px}
html[lang="en"] .merchant-product-edit-page .merchant-editor-body{padding:20px}
html[lang="en"] .merchant-product-edit-page .merchant-form-section{border-radius:14px}
html[lang="en"] .merchant-product-edit-page .merchant-section-title{padding:15px 18px}
html[lang="en"] .merchant-product-edit-page .merchant-section-title h2{font-size:17px}
html[lang="en"] .merchant-product-edit-page .merchant-section-title p{font-size:11px}
html[lang="en"] .merchant-product-edit-page .merchant-form-grid{gap:15px 18px}
html[lang="en"] .merchant-product-edit-page .merchant-form-grid input,
html[lang="en"] .merchant-product-edit-page .merchant-form-grid select,
html[lang="en"] .merchant-product-edit-page .merchant-form-grid textarea{border-radius:10px}
html[lang="en"] .merchant-product-edit-page .merchant-form-actions{margin-top:18px;padding-top:15px}
html[lang="en"] .merchant-product-edit-page .merchant-save-btn{background:#f2ad00;color:#fff}
html[lang="en"] .merchant-product-edit-page .merchant-save-btn:hover{background:#d99a00}
html[lang="en"] .merchant-product-edit-page .merchant-cancel-btn{background:#eef3fb;color:#122247;border:1px solid #dfe7f2}
html[lang="en"] .merchant-product-edit-page .merchant-tab-note{margin:0 0 18px;padding:13px 15px;border:1px solid #dbe5f2;background:#f7f9fc;border-radius:11px;color:#62718a;font-size:12px;line-height:1.9}
html[lang="en"] .merchant-product-edit-page .merchant-tab-note i{color:#d6a600;margin-inline-end:6px}
html[lang="en"] .merchant-product-edit-page .merchant-gallery-item{position:relative}
html[lang="en"] .merchant-product-edit-page .merchant-gallery-delete{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:7px;padding:8px 10px;border:0;border-radius:9px;background:#fff0f0;color:#b42318;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
html[lang="en"] .merchant-product-edit-page .merchant-gallery-delete:hover{background:#fee2e2}
html[lang="en"] .merchant-product-edit-page .merchant-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding:14px 2px 0;border-top:1px solid #e9eef5}
html[lang="en"] .merchant-product-edit-page .merchant-editor-footer-actions{display:flex;gap:8px;flex-wrap:wrap}
html[lang="en"] .merchant-product-edit-page .merchant-editor-footer .merchant-save-btn,
html[lang="en"] .merchant-product-edit-page .merchant-editor-footer .merchant-cancel-btn{min-height:42px}
@media(max-width:800px){
html[lang="en"] .merchant-product-edit-page{padding-top:20px!important}
html[lang="en"] .merchant-product-edit-page .merchant-editor-body{padding:14px}
html[lang="en"] .merchant-product-edit-page .merchant-editor-tabs{overflow-x:auto;flex-wrap:nowrap}
html[lang="en"] .merchant-product-edit-page .merchant-editor-tabs a{flex:0 0 auto}
html[lang="en"] .merchant-product-edit-page .merchant-editor-footer{align-items:stretch;flex-direction:column}
}


/* ============================================================
   SOURCE CSS: merchant-store.css
   ============================================================ */

html[lang="en"] /*
==========================================================
SmartShop Merchant Store
==========================================================
*/

.merchant-store-page{

    padding:20px 0 0px;

    background:#f7f8fc;

}
html[lang="en"] .merchant-store-page .container{

    max-width:1450px;

    margin:auto;

}
html[lang="en"] /*==========================================================
Hero
==========================================================*/

.merchant-store-hero{

    background:#ffffff;

    border-radius:0;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(18,30,55,.08);

    margin-bottom:30px;

}
html[lang="en"] .merchant-store-cover{

    width:100%;

    height:260px;

    overflow:hidden;

    border-radius:0;

    position:relative;

    background:#f5f7fb;

}
html[lang="en"] .merchant-store-cover img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}
html[lang="en"] .merchant-store-cover-image{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}
html[lang="en"] .merchant-store-cover-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(16,24,40,.10),
        rgba(16,24,40,.55)
    );

}
html[lang="en"] .merchant-store-header{
    display: grid;
    grid-template-columns: 180px 1fr 560px;
    align-items: center;
    gap: 40px;
    background: #fff;
    margin-top: -70px;
    padding: 25px 50px;
    position: relative;
    z-index: 20;
}
html[lang="en"] .merchant-store-avatar{

    grid-column:1;

    width:170px;

    height:170px;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    border:8px solid #fff;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    margin-top:-120px;

    justify-self:center;

}
html[lang="en"] .merchant-store-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}
html[lang="en"] .merchant-store-meta{

    flex:1;

    color:#222;

}
html[lang="en"] .merchant-store-title{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0;

    font-size:28px;

    font-weight:800;

    color:#1d243f;

}
html[lang="en"] .merchant-store-stats-inline{

    order:3;

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:8px;

    font-size:17px;

    color:#555;

}
html[lang="en"] .merchant-store-stats-inline strong{

    color:#111;

    font-size:20px;

    margin-right:6px;

}
html[lang="en"] .merchant-store-stats-inline .separator{

    color:#bbb;

    font-size:24px;

}
html[lang="en"] .merchant-store-title-row{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;

}
html[lang="en"] .merchant-store-verified{

    color:#0ea5e9;

    font-size:22px;

}
html[lang="en"] .merchant-store-description{

    order:2;

    margin:0;

    font-size:17px;

    color:#666;

    line-height:1.9;

}
html[lang="en"] .merchant-store-info{

    grid-column:2;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    text-align:right;

}
html[lang="en"] /*==========================================================
Stats
==========================================================*/

.merchant-store-stats{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:22px;

}
html[lang="en"] .merchant-store-stat{

    min-width:120px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:18px;

    text-align:center;

    transition:.25s;

}
html[lang="en"] .merchant-store-stat:hover{

    transform:translateY(-3px);

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

}
html[lang="en"] .merchant-store-stat strong{

    display:block;

    font-size:24px;

    color:#111827;

    margin-bottom:6px;

}
html[lang="en"] .merchant-store-stat span{

    color:#6b7280;

    font-size:14px;

}
html[lang="en"] /*==========================================================
Actions
==========================================================*/

.merchant-store-actions{

    grid-column:3;

    display:flex;

    flex-wrap:nowrap;

    align-items:center;

    justify-content:flex-start;

    gap:10px;

}
html[lang="en"] .merchant-store-btn{
    height: 34px;
    min-width: 130px;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    transition: .25s;
    text-decoration: none;
    white-space: nowrap;
}
html[lang="en"] .merchant-store-btn:hover{

    transform:translateY(-2px);

}
html[lang="en"] .merchant-store-email{

    background:#4457d9;

    color:#fff;
font-size:13px;
    border:none;

}
html[lang="en"] .merchant-store-contact:hover{

    background:#4338ca;

    transform:translateY(-2px);

}
html[lang="en"] .merchant-store-share{

    background:#ffffff;
font-size:13px;
    border:1px solid #d7dbe7;

    color:#222;

}
html[lang="en"] .merchant-store-contact{

    background:#dddddd;

    border:1px solid #d7dbe7;
font-size:13px;
    color:#222;

}
html[lang="en"] .merchant-store-whatsapp{

    background:#179500;
font-size:13px;
    color:#fff;

    border:none;

}
html[lang="en"] .merchant-store-share:hover{

    background:#f3f4f6;

}
html[lang="en"] /*==========================================================
Tabs
==========================================================*/

.merchant-store-tabs{

    margin:5px 20px 0;

}
html[lang="en"] .merchant-store-tab{
    background: #ffffff;
    border-bottom: 3px solid #4f46e5;
    border-radius: 0;
    padding: 14px 21.8px;
    cursor: pointer;
    transition: .25s;
    font-size: 15px;
    font-weight: 600;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
html[lang="en"] .merchant-store-tab:hover{

    background:#eef2ff;

}
html[lang="en"] .merchant-store-tab.active{

    background:#4f46e5;

    color:#fff;

    border-color:#4f46e5;

}
html[lang="en"] .merchant-store-tab-panel{

    display:none;

}
html[lang="en"] .merchant-store-tab-panel.active{

    display:block;

}
html[lang="en"] /*==========================================================
Tabs Header
==========================================================*/

.merchant-store-tabs-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:5px;

    margin:5px 10px 0;

}
html[lang="en"] .merchant-store-tabs-inner{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}
html[lang="en"] .merchant-store-tabs-actions{

    display:flex;

    align-items:center;

    gap:5px;

    flex-wrap:wrap;

    margin-inline-start:auto;

}
html[lang="en"] /*==========================================================
Empty State
==========================================================*/

.merchant-store-empty{

    background:#ffffff;

    border-radius:0;

    padding:70px 30px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}
html[lang="en"] .merchant-store-empty-icon{

    font-size:60px;

    margin-bottom:18px;

}
html[lang="en"] .merchant-store-empty h3{

    margin-bottom:12px;

    color:#111827;

}
html[lang="en"] .merchant-store-empty p{

    color:#6b7280;

    line-height:1.8;

}
html[lang="en"] /*==========================================================
About
==========================================================*/

.merchant-store-about{

    background:#ffffff;

    border-radius:0;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}
html[lang="en"] .merchant-store-about h2{

    margin-bottom:20px;

}
html[lang="en"] .merchant-store-about-text{

    line-height:2;

    color:#4b5563;

}
html[lang="en"] /*==========================================================
Reviews
==========================================================*/

.merchant-store-reviews{

    background:#ffffff;

    border-radius:0;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}
html[lang="en"] /*==========================================================
Contact Modal
==========================================================*/

.merchant-store-contact-modal{

    position:relative;

    inset:0;

    background:rgba(15,23,42,.55);

    display:flex;

    align-items:center;

    justify-content:center;

    padding:25px;

    z-index:9999;

}
html[lang="en"] .merchant-store-contact-box{

    width:100%;

    max-width:520px;

    background:#ffffff;

    border-radius:22px;

    padding:35px;

    position:relative;

    box-shadow:0 25px 60px rgba(0,0,0,.18);

}
html[lang="en"] .merchant-store-contact-close{

    position:absolute;

    top:18px;

    left:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#f3f4f6;

    cursor:pointer;

    font-size:22px;

}
html[lang="en"] .merchant-store-contact-content{

    margin-top:25px;

    display:flex;

    flex-direction:column;

    gap:15px;

}
html[lang="en"] .merchant-store-contact-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px 18px;

    border:1px solid #e5e7eb;

    border-radius:14px;

    color:#374151;

    text-decoration:none;

    transition:.25s;

}
html[lang="en"] .merchant-store-contact-item:hover{

    background:#eef2ff;

    border-color:#4f46e5;

}
html[lang="en"] .merchant-store-contact-item i{

    width:22px;

    text-align:center;

    color:#4f46e5;

}
html[lang="en"] /* ==========================================================
   Merchant Store Products
========================================================== */

.merchant-products-grid{
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 5px;
    margin: 20px  20px;
}
html[lang="en"] .merchant-product-card{
    background:#fff;
    border:1px solid #edf0f7;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    transition:.25s;
    box-shadow:0 8px 25px rgba(0,0,0,.04);
}
html[lang="en"] .merchant-product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 35px rgba(0,0,0,.08);
}
html[lang="en"] .merchant-product-badge{
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    color: #ffffff;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
}
html[lang="en"] .merchant-product-wishlist{
    position:absolute;
    left:15px;
    top:15px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    display:flex;
    align-items:center;
    justify-content:center;
}
html[lang="en"] .merchant-product-media{
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0 0;
}
html[lang="en"] .merchant-product-image{
    max-width:100%;
    max-height:180px;
    object-fit:contain;
}
html[lang="en"] .merchant-product-content{
    padding:18px;
}
html[lang="en"] .merchant-product-title{
    font-size: 19px;
    font-weight: 700;
    line-height: 1.7;
    margin: 0 0 8px;
    text-align: center;
}
html[lang="en"] .merchant-product-title a{
    color:#222;
    text-decoration:none;
}
html[lang="en"] .merchant-product-price-box{
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 1px 3px 2px rgba(0, 0, 0, .04);
}
html[lang="en"] .merchant-product-price{
    color:#1e3cff;
    font-size:28px;
    font-weight:800;
}
html[lang="en"] .merchant-product-old-price{
    margin-top:6px;
    color:#999;
    text-decoration:line-through;
    font-size:14px;
}
html[lang="en"] .merchant-product-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #eef2f7;
    padding-top:18px;
}
html[lang="en"] .merchant-product-rating{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14px;
}
html[lang="en"] .merchant-product-rating img{
    width:15px;
}
html[lang="en"] .merchant-product-cart{
    width:46px;
    height:46px;
    border:none;
    border-radius:12px;
    background:#ff9800;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s;
}
html[lang="en"] .merchant-product-cart:hover{
    background:#f08a00;
}
html[lang="en"] .merchant-product-cart img{
    width:20px;
}

@media(max-width:1400px){
html[lang="en"] .merchant-products-grid{
        grid-template-columns:repeat(4,1fr);
    }
}

@media(max-width:1100px){
html[lang="en"] .merchant-products-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:768px){
html[lang="en"] .merchant-products-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:480px){
html[lang="en"] .merchant-products-grid{
        grid-template-columns:1fr;
    }
}
html[lang="en"] /* ===========================================
   Store Location
=========================================== */

.merchant-store-location{
    margin:0 20px 0 20px;
}
html[lang="en"] .merchant-store-location-grid{
    display:grid;
    grid-template-columns:1.1fr 1.9fr;
    gap:10px;
    align-items:start;
}
html[lang="en"] .merchant-store-location-map{
    order:2;
}
html[lang="en"] .merchant-store-location-info{
    order:1;
}
html[lang="en"] .merchant-store-location-map{
    min-height:380px;
    border:1px solid #e5e7eb;
    border-radius:0;
    overflow:hidden;
    background:#f8fafc;
    box-shadow:0 6px 20px rgba(0,0,0,.05);
}
html[lang="en"] .merchant-store-location-map iframe{
    width:100%;
    height:100%;
    border:0;
}
html[lang="en"] .merchant-store-location-placeholder{
    height:100%;
    min-height:420px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#94a3b8;
    font-size:18px;
}
html[lang="en"] .merchant-store-location-info{
    background: #fff;
    border-right: 1px solid #e5e7eb;
    border-radius: 0;
    padding: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,.05);
    border-left: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    border-top: 0;
}
html[lang="en"] .merchant-store-location-info h2{
    margin:0 0 25px;
    color:#0f2350;
    font-size:24px;
}
html[lang="en"] .merchant-store-location-item{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:12px 10px;
    border-bottom:1px solid #eef2f7;
}
html[lang="en"] .merchant-store-location-item:last-child{
    border-bottom:none;
}
html[lang="en"] .merchant-store-location-item strong{
    color:#0f2350;
    font-size:15px;
    font-weight:700;
}
html[lang="en"] .merchant-store-location-item span{
    color:#555;
    font-size:15px;
    line-height:1.8;
}
html[lang="en"] .merchant-store-location-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:25px;
    padding:12px 18px;
    background:#1d4ed8;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    font-weight:700;
    transition:.25s;
}
html[lang="en"] .merchant-store-location-button:hover{
    background:#163ea8;
    color:#fff;
}

@media (max-width:992px){
html[lang="en"] .merchant-store-location-grid{

        grid-template-columns:1fr;

    }
html[lang="en"] .merchant-store-location-map{

        order:2;

        min-height:320px;

    }
html[lang="en"] .merchant-store-location-info{

        order:1;

    }

}
html[lang="en"] #store-map{
    width:100%;
    height:420px;
    border-radius:18px;
}
html[lang="en"] /* ===========================
   Store Location Toolbar
=========================== */

.merchant-store-location-toolbar{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 15px 0;

    padding-left:0;

}
html[lang="en"] .merchant-store-location-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 8px;
  
    color:#000000;
    text-decoration:none;
   border: 1px solid #c5c5c5;
    font-size:14px;
    font-weight:700;
    transition:.25s;
}
html[lang="en"] .merchant-store-location-btn:hover{
    background:#153ea7;
    color:#fff;
}
html[lang="en"] .merchant-store-location-eta{

    margin-inline-start:auto;

    display:flex;

    align-items:center;

    color:#0f2350;

    font-weight:700;

    font-size:14px;

}
html[lang="en"] .merchant-store-review-list{display:grid;gap:14px}
html[lang="en"] .merchant-store-review{padding:18px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}
html[lang="en"] .merchant-store-review-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
html[lang="en"] .merchant-store-review-head span{color:#eab308;letter-spacing:1px}
html[lang="en"] .merchant-store-review small{display:block;color:#7b879b;margin-top:6px}
html[lang="en"] .merchant-store-review p{color:#526078;line-height:1.8;margin:10px 0}
html[lang="en"] .merchant-store-review time{font-size:12px;color:#9aa4b4}
@media(max-width:600px){
html[lang="en"] .merchant-store-review{padding:14px}
html[lang="en"] .merchant-store-review-head{align-items:flex-start;flex-direction:column}}
html[lang="en"] .merchant-product-wishlist.is-saved{background:#0b1f4b;box-shadow:0 8px 22px rgba(11,31,75,.18)}
html[lang="en"] .merchant-product-wishlist.is-saved img{filter:brightness(0) invert(1)}
html[lang="en"] .merchant-product-wishlist.is-loading{opacity:.65;pointer-events:none}


/* ============================================================
   SOURCE CSS: navbar.css
   ============================================================ */

html[lang="en"] /*==================================================
  SmartShop Navbar
==================================================*/

.main-navbar{

    background:#ffffff;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
    height:60px;
	max-width: 1400px;
    margin: 0 auto;

}
html[lang="en"] .main-navbar .container{

    width:min(100%,1400px);

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0px;
    height:60px;

    padding-left:0px;
    padding-right:0;

    box-sizing:border-box;

}
html[lang="en"] /*=========================
  All Categories
=========================*/

.navbar-all{

    width:220px;
    height:60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    background:#11224d;
    color:#ffffff;

    text-decoration:none;
    font-size:15px;
    font-weight:700;

    transition:.25s;

}
html[lang="en"] .navbar-all img{

    width:18px;
    height:18px;

}
html[lang="en"] .navbar-all:hover{

    background:#ffbf28;

    color:#11224d;

}
html[lang="en"] /*=========================
  Menu
=========================*/

.navbar-menu{

    flex:1;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;

}
html[lang="en"] .navbar-menu a{

    color:#1d1d1d;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    white-space:nowrap;

    transition:.25s;
	    display:flex;
    align-items:center;
    gap:8px;

}
html[lang="en"] .navbar-menu a:hover{

    color:#ffbf28;

}
html[lang="en"] /*=========================
  More
=========================*/

.navbar-more{

    display:flex;
    align-items:center;
    gap:8px;

    color:#222;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}
html[lang="en"] .navbar-more img{

    width:12px;
    height:12px;

}
html[lang="en"] .navbar-more:hover{

    color:#ffbf28;

}
html[lang="en"] /*=========================
  Responsive
=========================*/

@media (max-width:1200px){

    .navbar-menu{

        gap:20px;

    }

}

@media (max-width:992px){
html[lang="en"] .main-navbar{

        display:none;

    }

}
html[lang="en"] .nav-icon{

    width:18px;
    height:18px;

    object-fit:contain;

    flex-shrink:0;

}
html[lang="en"] /*==========================================
    All Categories Dropdown
==========================================*/

.navbar-all-wrapper{

    position:relative;

    display:flex;

    flex-shrink:0;

}
html[lang="en"] .navbar-all{

    width:150px;

}
html[lang="en"] .navbar-all-dropdown{

    position:absolute;

    top:100%;

    right:0;

    width:280px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:0 0 14px 14px;

    box-shadow:0 14px 40px rgba(0,0,0,.12);

    display:none;

    overflow:hidden;

    z-index:9999;

}
html[lang="en"] .navbar-all-dropdown.show{

    display:block;

}
html[lang="en"] .navbar-dropdown-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    color:#222;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px solid #f3f3f3;

}
html[lang="en"] .navbar-dropdown-item:last-child{

    border-bottom:0;

}
html[lang="en"] .navbar-dropdown-item:hover{

    background:#f8f9fc;

    color:#11224d;

}
html[lang="en"] .navbar-dropdown-item img{

    width:18px;

    height:18px;

    object-fit:contain;

    flex-shrink:0;

}
html[lang="en"] /*==============================
    More Dropdown
==============================*/

.navbar-more-wrapper{

    position:relative;

    display:flex;

    flex-shrink:0;

}
html[lang="en"] .navbar-more-dropdown{

    position:absolute;

    left:0;

    top:100%;

    min-width:230px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:0 0 14px 14px;

    box-shadow:0 14px 40px rgba(0,0,0,.12);

    display:none;

    overflow:hidden;

    z-index:9999;

}
html[lang="en"] .navbar-more-dropdown.show{

    display:block;

}
html[lang="en"] .navbar-more-dropdown a{

    display:flex;

    align-items:center;

    gap:10px;

    padding:13px 18px;

    color:#222;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px solid #f3f3f3;

}
html[lang="en"] .navbar-more-dropdown a:last-child{

    border-bottom:none;

}
html[lang="en"] .navbar-more-dropdown a:hover{

    background:#f8f9fc;

    color:#11224d;

}
html[lang="en"] .navbar-hidden{

    display:none !important;

}
html[lang="en"] .navbar-more-empty{

    padding:18px;

    text-align:center;

    color:#888;

    font-size:14px;

    white-space:nowrap;

}

/* ============================================================
   SOURCE CSS: notifications.css
   ============================================================ */

html[lang="en"] /* =========================================================
   SmartShop Notifications
   Header dropdown + notifications page
   ========================================================= */

.header-notifications{
    position:relative;
    display:flex;
    align-items:center;
}
html[lang="en"] .header-notifications-toggle{
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    width:32px;
    height:34px;
}
html[lang="en"] .header-notifications-toggle:focus-visible{
    outline:2px solid #f5b223;
    outline-offset:4px;
    border-radius:8px;
}
html[lang="en"] .header-notifications-toggle img{
    transition:transform .2s ease, opacity .2s ease;
}
html[lang="en"] .header-notifications-toggle:hover img{
    transform:translateY(-1px);
    opacity:.78;
}
html[lang="en"] .header-notifications-toggle[aria-expanded="true"] img{
    transform:scale(1.08);
}
html[lang="en"] .header-notifications .badge{
    top:-4px;
    left:-5px;
    min-width:19px;
    width:auto;
    height:19px;
    padding:0 4px;
    box-sizing:border-box;
    background:#eab308;
    box-shadow:0 3px 8px rgba(234,179,8,.3);
}
html[lang="en"] .notifications-dropdown{
    position:absolute;
    top:calc(100% + 16px);
    inset-inline-end:-12px;
    width:min(410px, calc(100vw - 28px));
    background:#fff;
    border:1px solid #e7ebf2;
    border-radius:20px;
    box-shadow:0 22px 60px rgba(11,31,77,.18), 0 4px 18px rgba(15,23,42,.08);
    overflow:hidden;
    opacity:0;
    transform:translateY(-8px) scale(.98);
    transform-origin:top right;
    transition:opacity .18s ease, transform .18s ease;
    z-index:10050;
}
html[lang="en"]html[dir="ltr"] .notifications-dropdown{
    transform-origin:top left;
}
html[lang="en"] .notifications-dropdown.is-open{
    opacity:1;
    transform:translateY(0) scale(1);
}
html[lang="en"] .notifications-dropdown[hidden]{
    display:none;
}
html[lang="en"] .notifications-dropdown-head{
    padding:18px 18px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    background:linear-gradient(135deg,#0b1f4d 0%,#132d67 100%);
    color:#fff;
}
html[lang="en"] .notifications-dropdown-head h3{
    margin:2px 0 0;
    font-size:19px;
    line-height:1.3;
    color:#fff;
}
html[lang="en"] .notifications-eyebrow{
    display:block;
    color:#d9a51d;
    font-size:11px;
    font-weight:800;
    letter-spacing:.4px;
    margin-bottom:3px;
}
html[lang="en"] .notifications-mark-all{
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.1);
    color:#fff;
    border-radius:10px;
    padding:8px 10px;
    font:inherit;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    transition:.2s ease;
}
html[lang="en"] .notifications-mark-all:hover{
    background:#f5b223;
    border-color:#f5b223;
    color:#0b1f4d;
}
html[lang="en"] .notifications-mark-all:disabled{
    opacity:.55;
    cursor:wait;
}
html[lang="en"] .notifications-dropdown-list{
    max-height:410px;
    overflow-y:auto;
    padding:7px;
    scrollbar-width:thin;
    scrollbar-color:#d6deec transparent;
}
html[lang="en"] .notification-item{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:13px 11px;
    border-radius:14px;
    color:#122247;
    text-decoration:none;
    transition:background .18s ease, transform .18s ease;
}
html[lang="en"] .notification-item:hover{
    background:#f5f8fd;
    transform:translateY(-1px);
}
html[lang="en"] .notification-item.is-unread{
    background:linear-gradient(90deg,#fffaf0 0%,#f7fbff 100%);
}
html[lang="en"] .notification-item-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#eef3fb;
    color:#0b1f4d;
    font-size:15px;
}
html[lang="en"] .notification-item.is-unread .notification-item-icon{
    background:#fff1c9;
    color:#c58b00;
}
html[lang="en"] .notification-item-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
    flex:1;
}
html[lang="en"] .notification-item-content strong{
    color:#102450;
    font-size:13px;
    line-height:1.45;
}
html[lang="en"] .notification-item-content > span{
    color:#66758d;
    font-size:12px;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
html[lang="en"] .notification-item-content small{
    color:#9aa5b7;
    font-size:10px;
    margin-top:2px;
}
html[lang="en"] .notification-item-content small i{
    margin-inline-end:3px;
}
html[lang="en"] .notification-unread-dot{
    flex:0 0 8px;
    width:8px;
    height:8px;
    margin-top:7px;
    border-radius:50%;
    background:#f5b223;
    box-shadow:0 0 0 4px rgba(245,178,35,.12);
}
html[lang="en"] .notifications-dropdown-foot{
    border-top:1px solid #edf0f5;
    padding:11px 14px;
    background:#fbfcfe;
}
html[lang="en"] .notifications-dropdown-foot a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:36px;
    color:#0b1f4d;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    border-radius:10px;
    transition:.2s ease;
}
html[lang="en"] .notifications-dropdown-foot a:hover{
    background:#eef3fb;
    color:#c58b00;
}
html[lang="en"] .notifications-dropdown-foot i{
    color:#f5b223;
}
html[lang="en"] .notifications-loading,
html[lang="en"] .notifications-empty,
html[lang="en"] .notifications-error{
    min-height:180px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-align:center;
    color:#7b879b;
    padding:20px;
}
html[lang="en"] .notifications-loading i{
    color:#f5b223;
    font-size:22px;
}
html[lang="en"] .notifications-empty-icon{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eef3fb;
    color:#0b1f4d;
    font-size:20px;
    margin-bottom:2px;
}
html[lang="en"] .notifications-empty strong{
    color:#122247;
    font-size:13px;
}
html[lang="en"] .notifications-empty span,
html[lang="en"] .notifications-error span{
    font-size:11px;
}
html[lang="en"] .notifications-error i{
    color:#d64545;
    font-size:20px;
}
html[lang="en"] /* =========================================================
   Full notifications page
   ========================================================= */

.notifications-page{
    background:#f4f7fb;
    padding:38px 0 70px;
    min-height:calc(100vh - 300px);
}
html[lang="en"] .notifications-page > .container{
    width:min(100% - 48px, 1180px);
    margin-inline:auto;
}
html[lang="en"] .notifications-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:26px 28px;
    margin-bottom:20px;
    border-radius:22px;
    background:linear-gradient(135deg,#0b1f4d 0%,#16366f 100%);
    box-shadow:0 18px 45px rgba(11,31,77,.14);
    color:#fff;
}
html[lang="en"] .notifications-hero-copy{
    display:flex;
    align-items:center;
    gap:17px;
}
html[lang="en"] .notifications-hero-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:rgba(245,178,35,.15);
    color:#f5b223;
    font-size:24px;
    box-shadow:inset 0 0 0 1px rgba(245,178,35,.2);
}
html[lang="en"] .notifications-hero h1{
    margin:3px 0 5px;
    color:#fff;
    font-size:30px;
    line-height:1.25;
}
html[lang="en"] .notifications-hero p{
    margin:0;
    color:#cbd6e8;
    font-size:13px;
    line-height:1.7;
}
html[lang="en"] .notifications-hero .notifications-eyebrow{
    color:#f5b223;
}
html[lang="en"] .notifications-hero-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
html[lang="en"] .notifications-count-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#dbe4f3;
    font-size:11px;
}
html[lang="en"] .notifications-count-pill strong{
    color:#f5b223;
    font-size:17px;
}
html[lang="en"] .notifications-page-mark-all{
    border:0;
    border-radius:12px;
    background:#f5b223;
    color:#0b1f4d;
    padding:11px 14px;
    font:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
    transition:.2s ease;
}
html[lang="en"] .notifications-page-mark-all:hover{
    background:#ffc84a;
    transform:translateY(-1px);
}
html[lang="en"] .notifications-page-mark-all i{
    margin-inline-end:5px;
}
html[lang="en"] .notifications-list-card{
    background:#fff;
    border:1px solid #e4e9f2;
    border-radius:22px;
    box-shadow:0 12px 35px rgba(15,23,42,.06);
    overflow:hidden;
}
html[lang="en"] .notifications-list-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 26px;
    border-bottom:1px solid #edf0f5;
}
html[lang="en"] .notifications-list-head h2{
    margin:3px 0 0;
    color:#122247;
    font-size:20px;
}
html[lang="en"] .notifications-unread-label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border-radius:999px;
    background:#fff6df;
    color:#9a6a00;
    font-size:11px;
    font-weight:800;
}
html[lang="en"] .notifications-unread-label i{
    font-size:6px;
    color:#f5b223;
}
html[lang="en"] .notifications-page-list{
    padding:8px 18px 20px;
}
html[lang="en"] .notification-page-item{
    position:relative;
    display:flex;
    gap:17px;
    padding:20px 10px;
    border-bottom:1px solid #edf0f5;
    transition:.2s ease;
}
html[lang="en"] .notification-page-item:last-child{
    border-bottom:0;
}
html[lang="en"] .notification-page-item:hover{
    background:#fbfcfe;
    border-radius:15px;
}
html[lang="en"] .notification-page-item.is-unread{
    margin-inline:0;
    padding-inline:14px;
    background:linear-gradient(90deg,#fffaf0 0%,#fbfdff 70%);
    border-radius:15px;
    border-bottom-color:transparent;
    box-shadow:inset 3px 0 0 #f5b223;
}
html[lang="en"] .notification-page-icon{
    flex:0 0 50px;
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#eef3fb;
    color:#0b1f4d;
    font-size:18px;
}
html[lang="en"] .notification-page-item.is-unread .notification-page-icon{
    background:#fff0c5;
    color:#bd8400;
}
html[lang="en"] .notification-page-content{
    min-width:0;
    flex:1;
}
html[lang="en"] .notification-page-title-line{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}
html[lang="en"] .notification-page-title-line > div:first-child{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
}
html[lang="en"] .notification-page-title-line h3{
    margin:0;
    color:#122247;
    font-size:15px;
    line-height:1.5;
}
html[lang="en"] .notification-new-label{
    padding:3px 7px;
    border-radius:999px;
    background:#fff0c5;
    color:#9a6a00;
    font-size:9px;
    font-weight:900;
}
html[lang="en"] .notification-page-title-line time{
    color:#9aa5b7;
    font-size:10px;
    white-space:nowrap;
}
html[lang="en"] .notification-page-title-line time i{
    margin-inline-end:4px;
}
html[lang="en"] .notification-page-content > p{
    margin:7px 0 12px;
    color:#66758d;
    font-size:12px;
    line-height:1.8;
}
html[lang="en"] .notification-page-actions{
    display:flex;
    align-items:center;
    gap:13px;
    flex-wrap:wrap;
}
html[lang="en"] .notification-page-view,
html[lang="en"] .notification-page-read{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:0;
    background:none;
    padding:0;
    color:#1f5fbf;
    text-decoration:none;
    font:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}
html[lang="en"] .notification-page-view:hover{
    color:#0b1f4d;
}
html[lang="en"] .notification-page-view i{
    color:#f5b223;
}
html[lang="en"] .notification-page-read{
    color:#68758b;
}
html[lang="en"] .notification-page-read:hover{
    color:#15803d;
}
html[lang="en"] .notifications-page-empty{
    padding:75px 25px;
    text-align:center;
}
html[lang="en"] .notifications-page-empty-icon{
    width:76px;
    height:76px;
    margin:0 auto 18px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eef3fb;
    color:#0b1f4d;
    font-size:28px;
}
html[lang="en"] .notifications-page-empty h3{
    margin:0 0 7px;
    color:#122247;
    font-size:18px;
}
html[lang="en"] .notifications-page-empty p{
    margin:0;
    color:#8490a3;
    font-size:12px;
}
html[lang="en"]html[dir="ltr"] .notification-page-item.is-unread{
    box-shadow:inset -3px 0 0 #f5b223;
}

@media(max-width:991px){
html[lang="en"] .notifications-dropdown{
        position:fixed;
        top:78px;
        inset-inline:14px auto;
        width:min(410px, calc(100vw - 28px));
        max-width:none;
        transform-origin:top center;
    }
html[lang="en"]html[dir="ltr"] .notifications-dropdown{
        inset-inline:auto 14px;
    }
html[lang="en"] .notifications-hero{
        align-items:flex-start;
        flex-direction:column;
    }
html[lang="en"] .notifications-hero-actions{
        justify-content:flex-start;
    }
}

@media(max-width:640px){
html[lang="en"] .notifications-page{
        padding:22px 0 48px;
    }
html[lang="en"] .notifications-page > .container{
        width:min(100% - 22px,1180px);
    }
html[lang="en"] .notifications-hero{
        padding:20px;
        border-radius:18px;
    }
html[lang="en"] .notifications-hero-copy{
        align-items:flex-start;
    }
html[lang="en"] .notifications-hero h1{
        font-size:24px;
    }
html[lang="en"] .notifications-hero p{
        font-size:11px;
    }
html[lang="en"] .notifications-list-head{
        padding:18px;
        align-items:flex-start;
        flex-direction:column;
    }
html[lang="en"] .notifications-page-list{
        padding:5px 10px 14px;
    }
html[lang="en"] .notification-page-item,
html[lang="en"] .notification-page-item.is-unread{
        padding:16px 9px;
        gap:11px;
    }
html[lang="en"] .notification-page-icon{
        flex-basis:42px;
        width:42px;
        height:42px;
        border-radius:12px;
        font-size:15px;
    }
html[lang="en"] .notification-page-title-line{
        flex-direction:column;
        gap:5px;
    }
html[lang="en"] .notification-page-title-line time{
        font-size:9px;
    }
html[lang="en"] .notification-page-content > p{
        font-size:11px;
    }
html[lang="en"] .notifications-dropdown-head{
        padding:15px;
    }
}
html[lang="en"] .header-notifications + .header-icon::before,
html[lang="en"] .header-notifications + .header-account::before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:0px;
    height:24px;
    background:#E8E8E8;
}
html[lang="en"]html[dir="ltr"] .header-notifications + .header-icon::before,
html[lang="en"]html[dir="ltr"] .header-notifications + .header-account::before{
    right:auto;
    left:0;
}


/* ============================================================
   SOURCE CSS: privacy-policy.css
   ============================================================ */

html[lang="en"] /*==================================================
    PRIVACY POLICY PAGE
==================================================*/

:root{

    --legal-radius:18px;

    --legal-max-width:980px;

}
html[lang="en"] /*==========================================
=            HERO
==========================================*/

.legal-hero{

    position:relative;

    overflow:hidden;

    padding:70px 0 60px;

    background:
    radial-gradient(circle at 92% 10%,rgba(255,193,55,.15),transparent 22%),
    radial-gradient(circle at 10% 78%,rgba(40,130,255,.16),transparent 28%),
    linear-gradient(135deg,#050d1d,#07162d,#091f45,#07162d,#050d1d);

    max-width:1400px;

    margin:0 auto;

    text-align:center;

}
html[lang="en"] .legal-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("/assets/images/pattern.svg");

    opacity:.05;

}
html[lang="en"] .legal-hero .container{

    position:relative;

    z-index:2;

}
html[lang="en"] .legal-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    margin-bottom:24px;

    box-shadow:
    inset 0 0 14px rgba(255,191,53,.08),
    0 0 18px rgba(255,191,53,.08);

}
html[lang="en"] .legal-hero h1{

    margin:0;

    color:#fff;

    font-size:52px;

    font-weight:900;

}
html[lang="en"] .legal-hero p{

    max-width:760px;

    margin:25px auto;

    color:#dce5f7;

    font-size:20px;

    line-height:1.9;

}
html[lang="en"] .legal-updated{

    display:inline-block;

    padding:10px 18px;

    border-radius:10px;

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

    color:#fff;

    border:1px solid rgba(255,255,255,.10);

    font-size:15px;

}
html[lang="en"] /*==========================================
=            CONTENT
==========================================*/

.legal-content{

    padding:60px 0 80px;

    background:#f7f9fc;

    max-width:1400px;

    margin:0 auto;

}
html[lang="en"] .legal-box{

    max-width:var(--legal-max-width);

    margin:0 auto;

    background:#fff;

    border-radius:var(--legal-radius);

    padding:50px;

    border:1px solid #edf1f8;

    box-shadow:0 15px 45px rgba(10,35,70,.06);

}
html[lang="en"] .legal-box h2{

    margin:45px 0 18px;

    color:#081b3c;

    font-size:30px;

    font-weight:800;

}
html[lang="en"] .legal-box h2:first-child{

    margin-top:0;

}
html[lang="en"] .legal-box p{

    margin:0 0 20px;

    color:#67738d;

    font-size:17px;

    line-height:2;

}
html[lang="en"] .legal-box ul{

    margin:15px 0 35px;

    padding-inline-start:28px;

}
html[lang="en"] .legal-box li{

    margin-bottom:12px;

    color:#67738d;

    font-size:17px;

    line-height:1.9;

}
html[lang="en"] /*==========================================
=            RESPONSIVE
==========================================*/

@media(max-width:768px){

    .legal-hero{

        padding:55px 0;

    }

    .legal-hero h1{

        font-size:40px;

    }

    .legal-hero p{

        font-size:18px;

    }

    .legal-box{

        padding:30px;

    }

    .legal-box h2{

        font-size:24px;

    }

}

/* ============================================================
   SOURCE CSS: product-cards-cart.css
   ============================================================ */

html[lang="en"] /* SmartShop Product Cards - safe scoped fixes */

/* Keep exactly one version of the latest-products component visible. */
.products .products-desktop{
    display:block !important;
}
html[lang="en"] .products .sspro-mobile{
    display:none !important;
}
html[lang="en"] .product-store-link{
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 5px auto 7px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #061b49;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
html[lang="en"] .product-store-link:hover{
    color:#ffffff;
    text-decoration:underline;
}
html[lang="en"] .product-price-box{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:5px !important;
    min-height:74px;
    width:100%;
    box-sizing:border-box;
}
html[lang="en"] .product-price,
html[lang="en"] .product-old-price{
    width:100%;
    justify-content:flex-start;
}
html[lang="en"] .product-old-price{
    order:2;
}
html[lang="en"] .product-cart-form{
    margin:0;
    padding:0;
    display:flex;
}
html[lang="en"] .product-cart-options{
    text-decoration:none;
}
html[lang="en"] .sspro-store-link{
    font-size:11px;
    margin-top:-3px;
    margin-bottom:3px;
}
html[lang="en"] .sspro-price-box{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    width:100%;
    min-height:62px;
    box-sizing:border-box;
}
html[lang="en"] .sspro-price,
html[lang="en"] .sspro-old-price{
    display:flex;
    align-items:center;
    gap:3px;
    width:100%;
    justify-content:flex-start;
}
html[lang="en"] .sspro-old-price{
    order:2;
    color:#98a2b3;
    text-decoration:line-through;
}
html[lang="en"] /* On phones use the original two-column mobile slider only. */
@media(max-width:768px){
    .products .products-desktop{
        display:none !important;
    }

    .products .sspro-mobile{
        display:block !important;
    }

    .products .sspro-page{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .product-store-link{
        margin:0 auto 4px;
    }

    .sspro-price-box{
        min-height:58px;
    }
}


/* ============================================================
   SOURCE CSS: product-page.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   Product Details Page
========================================================== */

.product-page{
    padding:0px 0 20px;
}
html[lang="en"] .product-page .product-wrapper{
    display:grid;
    grid-template-columns:560px 1fr;
    gap:50px;
    align-items:start;
    margin:40px 30px 0;
}
html[lang="en"] .product-page .product-gallery{
    position:sticky;
    top:30px;
}
html[lang="en"] .product-page .product-image-box{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    min-height:483px;
    padding:5px;
    display:flex;
    align-items:center;
    justify-content:center;
}
html[lang="en"] .product-page .product-main-image{
    max-width:100%;
    max-height:470px;
    object-fit:contain;
    display:block;
}
html[lang="en"] .product-page .product-thumbnails{
    display: flex;
    gap: 12px;
    margin-top: 18px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
html[lang="en"] .product-page .product-thumbnail{
    width:90px;
    height:90px;
    background:#fff;
    border:2px solid #ececec;
    border-radius:12px;
    padding:6px;
    object-fit:contain;
    cursor:pointer;
    transition:.25s;
}
html[lang="en"] .product-page .product-thumbnail:hover{
    border-color:#f3b11b;
}
html[lang="en"] .product-page .product-thumbnail.active{
    border-color:#12224c;
}
html[lang="en"] .product-page .product-details{
    display:flex;
    flex-direction:column;
    gap:4px;
}
html[lang="en"] .product-page .product-name{
    margin:0;
    font-size:42px;
    font-weight:800;
    line-height:1.3;
    color:#111;
	display: inline-block;
}
html[lang="en"] .product-page .product-short-description{
    margin:0;
    color:#666;
    font-size:17px;
    line-height:2;
}
html[lang="en"] .product-page .product-price-box{
    display:flex;
    align-items:flex-end;
    gap:18px;
    padding:25px 10px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    flex-wrap:wrap;
}
html[lang="en"] .product-page .product-price-current,
html[lang="en"] .product-page .product-price-old{
    display:inline-flex;
    align-items:flex-end;
    gap:8px;
}
html[lang="en"] .product-page .product-price-current .currency{
    order:1;
    font-size:22px;
    margin-bottom:6px;
}
html[lang="en"] .product-page .product-price-current{
    color:#d62828;
}
html[lang="en"] .product-page .product-price-current .amount{
    font-size:48px;
    font-weight:800;
}
html[lang="en"] .product-page .product-price-old{
    margin:0;
    color:#999;
    display:flex;
    align-items:center;
    gap:6px;
}
html[lang="en"] .product-page .product-price-old .amount{
    font-size:22px;
    text-decoration:line-through;
}
html[lang="en"] .product-page .product-price-old .currency{
    font-size:16px;
}
html[lang="en"] .product-page .product-price-old .amount{
    text-decoration:line-through;
    font-size:28px;
}
html[lang="en"] .product-page .product-cart-form{
    display: flex;
    gap: 20px;

    justify-content: center;
}
html[lang="en"] .product-page .product-quantity{
    display:flex;
    align-items:center;
    gap:12px;
}
html[lang="en"] .product-page .product-quantity input{
    width:90px;
    height:50px;
    border:1px solid #ddd;
    border-radius:10px;
    text-align:center;
    font-size:18px;
}
html[lang="en"] .product-page .product-add-cart{
    height:52px;
    padding:0 40px;
    border:0;
    border-radius:10px;
    background:#12224c;
    color:#fff;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    transition:.25s;
}
html[lang="en"] .product-page .product-add-cart:hover{
    background:#f3b11b;
    color:#12224c;
}
html[lang="en"] .product-page .product-description{
    margin-top:70px;
    border:1px solid #ececec;
    border-radius:16px;
    overflow:hidden;
}
html[lang="en"] .product-page .product-description h2{
    margin:0;
    padding:18px 30px;
    background:#12224c;
    color:#fff;
    font-size:22px;
}
html[lang="en"] .product-page .product-description-content{
    padding:35px;
    line-height:2.1;
    color:#444;
}

@media (max-width:992px){
html[lang="en"] .product-page .product-wrapper{
        grid-template-columns:1fr;
        gap:35px;
    }
html[lang="en"] .product-page .product-gallery{
        position:static;
    }
html[lang="en"] .product-page .product-image-box{
        min-height:360px;
    }
html[lang="en"] .product-page .product-thumbnails{
        justify-content:center;
    }
html[lang="en"] .product-page .product-name{
        font-size:30px;
    }
html[lang="en"] .product-page .product-price-current .amount{
        font-size:38px;
    }
html[lang="en"] .product-page .product-meta{
        grid-template-columns:1fr;
    }
html[lang="en"] .product-page .product-meta-item{
        display:flex;
        justify-content:space-between;
    }
html[lang="en"] .product-page .product-cart-form{
        flex-direction:column;
        align-items:stretch;
    }
html[lang="en"] .product-page .product-add-cart{
        width:100%;
    }

}
html[lang="en"] /* ===== Product Details ===== */

.product-header{
    position:relative;
    background:#ffffff;
    border:1px solid #edf1f7;
    border-radius:20px;
    padding:14px 38px;
    box-shadow:0 8px 28px rgba(15,23,42,.05);
}
html[lang="en"] .product-name{
    margin:0;
    color:#081b4d;
    font-family:inherit;
    font-size:52px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
}
html[lang="en"] .product-rating{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:18px;
    color:#666;
    font-size:14px;
}
html[lang="en"] .product-stars{
    color:#f7b500;
    letter-spacing:2px;
    font-size:17px;
}
html[lang="en"] .product-price-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 22px 30px;
    background: #ffffff;
    border: 1px solid #edf1f7;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(15,23,42,.05);
    margin: 10px 0;
}
html[lang="en"] .product-price-main{
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
}
html[lang="en"] .product-price-current,
html[lang="en"] .product-price-old{
    display:flex;
    align-items:flex-end;
    gap:6px;
}
html[lang="en"] .product-price-current .currency{
    order:0;
    color:#e3262f;
    font-size:22px;
    font-weight:700;
    margin-bottom:4px;
	 display:flex;
    flex-direction:row-reverse;
    align-items:flex-end;
}
html[lang="en"] .product-price-old .currency{
    order:1;
    color:#777;
    font-size:16px;
}
html[lang="en"] .product-price-current .amount{
    font-size:58px;
    font-weight:800;
    line-height:1;
    color:#e3262f;
}
html[lang="en"] .product-price-old .amount{
    font-size:18px;
    color:#9ca3af;
    text-decoration:line-through;
}
html[lang="en"] .product-discount{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 10px;
    border-radius:6px;
    background:#ef4444;
    color:#fff;
    font-size:12px;
    font-weight:700;
}
html[lang="en"] .product-meta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
    margin:5px 0;
}
html[lang="en"] .product-meta-item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:95px;
    padding:20px;
    border-left:1px solid #edf1f7;
    background:#fff;
}
html[lang="en"] .product-meta-item:last-child{
    border-left:none;
}
html[lang="en"] .product-meta-item strong{
    display:block;
    margin-bottom:12px;
    font-size:16px;
    font-weight:700;
    color:#222;
}
html[lang="en"] .product-meta-item span{

    font-weight:600;
	    font-size: 14px;
 
}
html[lang="en"] .stock-available{
    color:#28a745;
    font-weight:700;
	    font-size: 14px;
}
html[lang="en"] .stock-unavailable{
    color:#dc3545;
    font-weight:700;
}
html[lang="en"] .product-cart-row{
    display:flex;
    gap:15px;
    margin:25px 0;
}
html[lang="en"] .product-quantity{
    display:flex;
    align-items:center;
    border:1px solid #ddd;
    border-radius:10px;
    overflow:hidden;
}
html[lang="en"] .quantity-btn{
    width:46px;
    height:46px;
    border:none;
    background:#f7f7f7;
    cursor:pointer;
    font-size:20px;
}
html[lang="en"] .product-quantity input{
    width:70px;
    text-align:center;
    border:none;
    height:46px;
}
html[lang="en"] .product-add-cart{
    flex:1;
    height:46px;
    border:none;
    border-radius:10px;
    background:#0d6efd;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}
html[lang="en"] .product-features{
display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    margin-top: 5px;
}
html[lang="en"] .product-feature{
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 8px;
    border: 1px solid #ececec;
    border-radius: 12px;
    line-height: 25px;
}
html[lang="en"] .product-feature i{
    color:#0d6efd;
    font-size:22px;
    margin-top:2px;
}
html[lang="en"] .product-feature strong{
    display:block;
    margin-bottom:4px;
}
html[lang="en"] .product-feature span{
    color:#777;
    font-size:14px;
}
html[lang="en"] .product-header-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    width:100%;
    margin-top:14px;
}
html[lang="en"] .product-header-right{
    display:flex;
    align-items:center;
    gap:18px;
}
html[lang="en"] .product-rating{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
}
html[lang="en"] .product-header-views{
    display:flex;
    align-items:center;
    gap:6px;
}
html[lang="en"] .product-favorite{
    width:44px;
    height:44px;
    border:none;
    border-radius:50%;
    background:#ffffff;
    color:#5f6b7a;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex-shrink:0;
    font-size:18px;
    box-shadow:0 8px 24px rgba(15,23,42,.10);
    transition:.25s;
}
html[lang="en"] .product-favorite:hover{
    color:#d62f45;
    transform:translateY(-2px);
}
html[lang="en"] .product-header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}
html[lang="en"] .product-quantity-label{
    font-size:16px;
    font-weight:700;
    color:#222;
    margin-left:10px;
}
html[lang="en"] /*==============================
    Product Tabs
==============================*/

.product-tabs{

    margin:30px 35px  0px 35px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}
html[lang="en"] .product-tabs-header{

    display:flex;

    border-bottom:1px solid #ececec;

    background:#fafafa;

}
html[lang="en"] .product-tab{

    flex:1;

    border:0;

    background:transparent;

    padding:22px 18px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    font-size:16px;

    font-weight:700;

    color:#666;

    transition:.25s;

    position:relative;

}
html[lang="en"] .product-tab i{

    font-size:18px;

}
html[lang="en"] .product-tab:hover{

    color:var(--primary-color);

}
html[lang="en"] .product-tab.active{

    background:#061b49;

    color:#fff;

}
html[lang="en"] .product-tab.active::after{

    content:"";

    position:absolute;

    right:0;

    left:0;

    bottom:0;

    height:4px;

    background:#f5b400;

}
html[lang="en"] .product-tabs-content{

    padding:40px;

}
html[lang="en"] .product-tab-panel{

    display:none;

    line-height:2;

    color:#555;

    font-size:16px;

}
html[lang="en"] .product-tab-panel.active{

    display:block;

}
html[lang="en"] .product-tab.active i{

    color:#fff;

}
html[lang="en"] .product-options-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
html[lang="en"] .product-options-selectors label,
html[lang="en"] .product-review-form label{display:flex;flex-direction:column;gap:7px;font-weight:700}
html[lang="en"] .product-options-selectors select,
html[lang="en"] .product-review-form select{border:1px solid #dce3ee;border-radius:10px;padding:12px;background:#fff}
html[lang="en"] .product-review{padding:16px 0;border-bottom:1px solid #edf0f5}
html[lang="en"] .product-review>span{color:#eab308;margin-inline-start:10px}
html[lang="en"] .product-review p{color:#59677e}
html[lang="en"] .product-review-form{margin-top:25px;padding:20px;border:1px solid #e3e8f0;border-radius:14px;display:flex;flex-direction:column;gap:12px}
html[lang="en"] .product-review-form textarea{border:1px solid #dce3ee;border-radius:10px;padding:12px}
html[lang="en"] .product-review-form button{border:0;border-radius:10px;padding:12px;background:#122247;color:#fff}@media(max-width:600px){
html[lang="en"] .product-options-selectors{grid-template-columns:1fr}}
html[lang="en"] .product-favorite.is-saved{background:#0b1f4b;color:#f5b400;box-shadow:0 8px 24px rgba(11,31,75,.18)}
html[lang="en"] .product-favorite.is-loading{opacity:.65;pointer-events:none}


/* ============================================================
   SOURCE CSS: product-store-link.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   SmartShop Product Store Link
   Shared by: Products / All Products / Category
   ========================================================== */

.product-store-link{
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 5px auto 0px;
    padding: 2px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-decoration: none !important;
    transition: color .2s ease, opacity .2s ease;
    background: #005ba5;
    border-radius: 12px;
    text-align: center;
}
html[lang="en"] .product-store-link:hover{
    color:#ffffff;
    text-decoration:none !important;
    opacity:.9;
}
html[lang="en"] .product-store-link:focus-visible{
    outline:2px solid rgba(31,58,138,.25);
    outline-offset:3px;
    border-radius:4px;
}

@media (max-width:768px){
html[lang="en"] .product-store-link{
        margin:-8px 0 12px;
        font-size:12px;
    }
}


/* ============================================================
   SOURCE CSS: products.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   PRODUCTS SECTION
========================================================== */

.products{
    padding:20px 15px;
    background:#f7f9fc;
}
html[lang="en"] .products .container{
    width:min(100%,1400px);
    margin:auto;
}
html[lang="en"] /* ==========================================================
   HEADER
========================================================== */

.products-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
    flex-wrap:wrap;
}
html[lang="en"] .products-title{
    margin:0;
    font-size:27px;
    font-weight:700;
    color:#0d1b4c;
}
html[lang="en"] .products-message{
    height: 42px;
border: 1px solid #cbff90;
    background: #f1ffe1;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    color: #8a6730;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;

}
html[lang="en"] .products-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 18px;
    border-radius: 24px;
    text-decoration: none;
    color: #16325c;
    background: #f8f9fc;
    border: 1px solid #eceff5;
    font-weight: 700;
    transition: .25s;
}
html[lang="en"] .products-link:hover{
    background:#f4b223;

    color:#fff;
}
html[lang="en"] /* ==========================================================
   GRID
========================================================== */

.products-grid{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(180px,1fr));

    gap:8px;

}
html[lang="en"] /* ==========================================================
   CARD
========================================================== */

.product-card{

    position:relative;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #ececec;

    transition:.30s;

    display:flex;

    flex-direction:column;

    height:100%;

}
html[lang="en"] .product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}
html[lang="en"] /* ==========================================================
   BADGE
========================================================== */

.product-badge{

    position:absolute;

    top:16px;

    right:16px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:34px;

    padding:0 14px;

    border-radius:999px;

    font-size:.80rem;

    font-weight:700;

    color:#fff;

    z-index:3;

    white-space:nowrap;

}
html[lang="en"] .badge-new{

    background:#16a34a;

}
html[lang="en"] .badge-offer{

    background:#dc2626;

}
html[lang="en"] /* ==========================================================
   WISHLIST
========================================================== */

.product-wishlist{

    position:absolute;

    top:16px;

    left:16px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.25s;

    z-index:3;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}
html[lang="en"] .product-wishlist:hover{

    transform:scale(1.08);

}
html[lang="en"] .product-wishlist img{

    width:18px;

    height:18px;

}
html[lang="en"] /* ==========================================================
   IMAGE
========================================================== */

.product-media{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px 14px 0px;
    min-height: 240px;
    background: #fbfbfc;
    overflow: hidden;
}
html[lang="en"] .product-image{

    display:block;

    max-width:100%;

    max-height:190px;

    object-fit:contain;

    transition:.35s;

}
html[lang="en"] .product-card:hover .product-image{

    transform:scale(1.06);

}
html[lang="en"] /* ==========================================================
   CONTENT
========================================================== */

.product-content{
    display: flex;
    flex-direction: column;

    padding: 13px;
    flex: 1;
}
html[lang="en"] /* ==========================================================
   TITLE
========================================================== */

.product-title{
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: #0d1b4c;
    font-weight: 700;
    min-height: 26px;
    text-align: center;
}
html[lang="en"] .product-title a{
    color:inherit;
    text-decoration:none;
    transition:.25s;
}
html[lang="en"] .product-title a:hover{
    color:var(--primary-color);
}
html[lang="en"] /* ==========================================================
   PRICE BOX
========================================================== */

.product-price-box{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    padding:14px 16px;

    border:1px solid #ececec;

    border-radius:14px;

    background:#fafafa;

}
html[lang="en"] .product-price{

    display:flex;

    align-items:center;

    gap:2px;

    color:#0d1b4c;

    font-weight:700;

}
html[lang="en"] .product-price .currency{

    font-size:.82rem;

    color:#667085;

}
html[lang="en"] .product-price .amount{

    font-size:1.35rem;

    line-height:1;

}
html[lang="en"] .product-old-price{

    display:flex;

    align-items:center;

    color:#98a2b3;

    text-decoration:line-through;

}
html[lang="en"] .product-old-price .currency{

    font-size:.75rem;

}
html[lang="en"] .product-old-price .amount{

    font-size:.95rem;

}
html[lang="en"] /* ==========================================================
   FOOTER
========================================================== */

.product-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-top:auto;

}
html[lang="en"] /* ==========================================================
   RATING
========================================================== */

.product-rating{

    display:flex;

    align-items:center;

    gap:6px;

    color:#475467;

    font-size:.92rem;

}
html[lang="en"] .product-rating img{

    width:18px;

    height:18px;

}
html[lang="en"] .product-rating strong{

    color:#0d1b4c;

    font-weight:700;

}
html[lang="en"] /* ==========================================================
   CART BUTTON
========================================================== */

.product-cart{
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 12px;
    background: #f5b223;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .25s;
}
html[lang="en"] .product-cart:hover{

    background:#c9a227;

    transform:translateY(-2px);

}
html[lang="en"] .product-cart img{

    width:22px;

    height:22px;

}
html[lang="en"] /* ==========================================================
   SECTION FOOTER
========================================================== */

.products-footer{

    margin-top:20px;

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:20px;

}
html[lang="en"] .products-nav{

    width:46px;

    height:46px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.25s;

    box-shadow:0 8px 18px rgba(0,0,0,.08);

}
html[lang="en"] .products-nav:hover{

    transform:translateY(-2px);

    background:#0d1b4c;

}
html[lang="en"] .products-nav img{

    width:18px;

    height:18px;

}
html[lang="en"] .products-pagination{

    display:flex;

    align-items:center;

    gap:10px;

}
html[lang="en"] .products-pagination span{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#d0d5dd;

}
html[lang="en"] .products-pagination span.active{

    width:28px;

    border-radius:999px;

    background:#c9a227;

}
html[lang="en"] /* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:992px){

    .products{

        padding:70px 0;

    }

    .products-header{

        justify-content:center;
        gap: 10px;
        text-align:center;

    }

}

@media (max-width:768px){
html[lang="en"] .products-grid{

        grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    }
html[lang="en"] .product-media{

        min-height:200px;

    }
html[lang="en"] .product-image{

        max-height:160px;

    }

}

@media (max-width:480px){
html[lang="en"] .products{

        padding:10px 0;

    }
html[lang="en"] .products-grid{

        grid-template-columns:1fr;

        gap:20px;

    }
html[lang="en"] .product-price-box{

        flex-direction:column;

        align-items:flex-start;

    }
html[lang="en"] .products-footer{

        gap:12px;

    }

}
html[lang="en"] /*==================================================
  Products Footer Actions
==================================================*/

.products-actions-left{

    display:flex;

    justify-content:flex-start;

    align-items:center;

    gap:12px;

}
html[lang="en"] .products-actions-right{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:12px;

}
html[lang="en"] .products-slider{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

}
html[lang="en"] .product-action-btn{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    border-radius:18px;

    background:#ffffff;

   border:1px solid #c9a22770;

    text-decoration:none;

    transition:.25s;

    min-width:190px;

    box-shadow:0 6px 20px rgba(0,0,0,.05);

}
html[lang="en"] .product-action-btn:hover{

    transform:translateY(-4px);

    border-color:#f4b223;

    box-shadow:0 14px 35px rgba(0,0,0,.10);

}
html[lang="en"] .action-emoji{

    width:46px;

    height:46px;

    border-radius:14px;

    background:#fff6e2;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}
html[lang="en"] .action-text{

    display:flex;

    flex-direction:column;

    gap:3px;

}
html[lang="en"] .action-text strong{

    color:#11224d;

    font-size:15px;

    font-weight:700;

    line-height:1.2;

}
html[lang="en"] .action-text small{

    color:#7d8798;

    font-size:12px;

    line-height:1.4;

}
html[lang="en"] /* ===========================================
   All Products Toolbar
=========================================== */

.sp-products-toolbar{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 25px 0;
}
html[lang="en"] .sp-products-sort-title{
    font-size:15px;
    font-weight:700;
    color:#0d1b4c;
}
html[lang="en"] .sp-products-sort select{
    min-width:180px;
    height:42px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
    padding:0 14px;
    font-size:14px;
    cursor:pointer;
    transition:.2s;
}
html[lang="en"] .sp-products-sort select:hover{
    border-color:#f4b223;
}
html[lang="en"] .sp-products-sort select:focus{
    outline:none;
    border-color:#f4b223;
    box-shadow:0 0 0 3px rgba(244,178,35,.15);
}
html[lang="en"] .product-wishlist.is-saved{background:#0b1f4b;box-shadow:0 8px 22px rgba(11,31,75,.18)}
html[lang="en"] .product-wishlist.is-saved img{filter:brightness(0) invert(1)}
html[lang="en"] .product-wishlist.is-loading{opacity:.65;pointer-events:none}


/* ============================================================
   SOURCE CSS: refund-policy.css
   ============================================================ */

html[lang="en"] /*==================================================
    PRIVACY POLICY PAGE
==================================================*/

:root{

    --legal-radius:18px;

    --legal-max-width:980px;

}
html[lang="en"] /*==========================================
=            HERO
==========================================*/

.legal-hero{

    position:relative;

    overflow:hidden;

    padding:70px 0 60px;

    background:
    radial-gradient(circle at 92% 10%,rgba(255,193,55,.15),transparent 22%),
    radial-gradient(circle at 10% 78%,rgba(40,130,255,.16),transparent 28%),
    linear-gradient(135deg,#050d1d,#07162d,#091f45,#07162d,#050d1d);

    max-width:1400px;

    margin:0 auto;

    text-align:center;

}
html[lang="en"] .legal-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("/assets/images/pattern.svg");

    opacity:.05;

}
html[lang="en"] .legal-hero .container{

    position:relative;

    z-index:2;

}
html[lang="en"] .legal-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    margin-bottom:24px;

    box-shadow:
    inset 0 0 14px rgba(255,191,53,.08),
    0 0 18px rgba(255,191,53,.08);

}
html[lang="en"] .legal-hero h1{

    margin:0;

    color:#fff;

    font-size:52px;

    font-weight:900;

}
html[lang="en"] .legal-hero p{

    max-width:760px;

    margin:25px auto;

    color:#dce5f7;

    font-size:20px;

    line-height:1.9;

}
html[lang="en"] .legal-updated{

    display:inline-block;

    padding:10px 18px;

    border-radius:10px;

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

    color:#fff;

    border:1px solid rgba(255,255,255,.10);

    font-size:15px;

}
html[lang="en"] /*==========================================
=            CONTENT
==========================================*/

.legal-content{

    padding:60px 0 80px;

    background:#f7f9fc;

    max-width:1400px;

    margin:0 auto;

}
html[lang="en"] .legal-box{

    max-width:var(--legal-max-width);

    margin:0 auto;

    background:#fff;

    border-radius:var(--legal-radius);

    padding:50px;

    border:1px solid #edf1f8;

    box-shadow:0 15px 45px rgba(10,35,70,.06);

}
html[lang="en"] .legal-box h2{

    margin:45px 0 18px;

    color:#081b3c;

    font-size:30px;

    font-weight:800;

}
html[lang="en"] .legal-box h2:first-child{

    margin-top:0;

}
html[lang="en"] .legal-box p{

    margin:0 0 20px;

    color:#67738d;

    font-size:17px;

    line-height:2;

}
html[lang="en"] .legal-box ul{

    margin:15px 0 35px;

    padding-inline-start:28px;

}
html[lang="en"] .legal-box li{

    margin-bottom:12px;

    color:#67738d;

    font-size:17px;

    line-height:1.9;

}
html[lang="en"] /*==========================================
=            RESPONSIVE
==========================================*/

@media(max-width:768px){

    .legal-hero{

        padding:55px 0;

    }

    .legal-hero h1{

        font-size:40px;

    }

    .legal-hero p{

        font-size:18px;

    }

    .legal-box{

        padding:30px;

    }

    .legal-box h2{

        font-size:24px;

    }

}

/* ============================================================
   SOURCE CSS: responsive.css
   ============================================================ */

html[lang="en"] /* ===========================
   Mobile Header Toggle
=========================== */

.mobile-menu-toggle{
    display:none;
}
html[lang="en"] .mobile-menu-toggle{
    width:44px;
    height:44px;
    border:0;
    background:none;
    cursor:pointer;
    padding:0;
}
html[lang="en"] .mobile-menu-toggle span{
    display:block;
    width:18px;
    height:2px;
    margin:3px auto;
    background:#16214a;
    border-radius:2px;
}

@media (max-width:991px){
html[lang="en"] .mobile-menu-toggle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        flex-shrink:0;
    }
html[lang="en"] .site-header{
        padding: 0;
        height: 70px;
}
html[lang="en"] .site-header .container{
    display:flex;
    align-items:center;padding: 5px 20px;
    gap:8px;
}
html[lang="en"] .header-logo{
    order:1;
    margin:0 auto;
}
html[lang="en"] .mobile-menu-toggle{
    order:3;
    margin-right:0;
    margin-left:12px;
}
html[lang="en"] .header-actions{
    order:2;
}
html[lang="en"] .header-search{
    display:block;
    width:100%;
    order:3;
    margin-top:14px;
}
html[lang="en"] .header-search form{
    height:46px;
}
html[lang="en"] .search-category{
    display:none;
}
html[lang="en"] .header-search button{
    width:52px;
}
html[lang="en"] .header-actions{
    display:flex;
    align-items:center;
    gap:12px;
    order:2;
}
html[lang="en"] .header-account,
html[lang="en"] .create-store-btn,
html[lang="en"] .header-icon:first-of-type{
    display:none;
}
html[lang="en"] .header-cart{
    gap:0;
}
html[lang="en"] .cart-total{
    display:none;
}
html[lang="en"] .header-cart img,
html[lang="en"] .header-icon img{
    width:22px;
    height:22px;
}
html[lang="en"] .topbar .container{
    padding:0 5px;
}
html[lang="en"] .topbar-left{
    display:flex;
    align-items:center;
    gap:0;
    flex-wrap:nowrap;
}
html[lang="en"] .topbar-left > *{
    margin:0 !important;
    padding:0 4px !important;
}
html[lang="en"] .topbar-left > *:not(:last-child)::after{
    display:block !important;
}
html[lang="en"] .topbar-right{
    white-space:nowrap;
    flex-shrink:0;
}
}
html[lang="en"] html,
html[lang="en"] body{
    width:100%;
    overflow-x:hidden;
}
html[lang="en"] .site-header,
html[lang="en"] .topbar,
html[lang="en"] .hero,
html[lang="en"] .container{
       max-width: 1400px;
    margin: 0 auto;
}
@media (max-width:991px){
html[lang="en"] .topbar .container{
        height:auto;
        min-height:42px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:nowrap;
    }
html[lang="en"] .topbar-right,
html[lang="en"] .topbar-left{
        display:flex;
        align-items:center;
    }
html[lang="en"] .topbar-left>*,
html[lang="en"] .topbar-right>*{
        margin:0;
        padding:0;
    }
html[lang="en"] .topbar-left>*::after,
html[lang="en"] .topbar-right>*::after,
html[lang="en"] .topbar-left>*::before,
html[lang="en"] .topbar-right>*::before{
        display:none;
    }
html[lang="en"] .topbar{
        font-size:12px;
    }
html[lang="en"] /* ===========================
   Hero Mobile
=========================== */

.hero{
    margin:12px;
}
html[lang="en"] .hero-box{
    min-height:250px;
    padding:25px;
    justify-content:flex-start;
    align-items:flex-end;
    border-radius:20px;
}
html[lang="en"] .hero-content{
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
}
html[lang="en"] .hero-content h1{
    font-size:34px;
    line-height:1.25;
}
html[lang="en"] .hero-content p{
    font-size:15px;
    line-height:1.8;
    margin:18px 0 24px;
}
html[lang="en"] .hero-buttons{
    position:absolute;
    left:50%;
    bottom:55px;
    transform:translateX(-50%);
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:12px;
    width:auto;
    flex-wrap:nowrap;
}
html[lang="en"] .hero-btn{
    width:150px;
    flex:none;
    height:43px;
    padding:0;
    font-size:14px;
}
html[lang="en"] .hero-dots{
    left:50%;
    transform:translateX(-50%);
    bottom:16px;
}
html[lang="en"] .hero-features{
    grid-template-columns:repeat(2,1fr);
    margin-top:15px;
}
html[lang="en"] .hero-feature{
padding: 18px 12px;
        text-align: center;
        flex-direction: column;
        gap: 10px;
        border: 1px solid #e6e6e6;
        margin: 2px;border-radius: 15px;
}
html[lang="en"] .hero-feature::after{
    display:none;
}
html[lang="en"] .hero-feature img{
    width:34px;
    height:34px;
}
html[lang="en"] .hero-feature strong{
    font-size:15px;
    margin-bottom:4px;
}
html[lang="en"] .hero-feature span{
    font-size:13px;
}
html[lang="en"] .header-logo img{
    height:52px;
}
}
@media (max-width:768px){
html[lang="en"] .hero-box{

        background-position:20% center;

    }

}
html[lang="en"] /* ===========================
   Stores Mobile
=========================== */

@media (max-width:991px){

    .stores-badge{

        width:100%;
        min-height:56px;
        padding:12px 18px;
        border-radius:30px;

    }

    .stores-badge img{

        width:22px;
        height:22px;

    }

}
html[lang="en"] /*==================================
  Products Mobile
==================================*/

.sspro-mobile{
    display:none;
}

@media (max-width:768px){
html[lang="en"] .products-desktop{
        display:none;
    }
html[lang="en"] .sspro-mobile{
        display:block;
    }

}
html[lang="en"] /*==================================
  Products Mobile Slider
==================================*/

@media (max-width:768px){

.sspro-mobile{

    display:block;

    margin:20px 12px 0;

}
.sspro-mobile .products-message {
    margin: 0 10px 0 10px;
    width: 100%;
    padding: 0 15px 0 15px;
    font-size: 13px;
}
    .sspro-slider{
        width:100%;
        overflow:hidden;
        position:relative;
    }

    .sspro-track{
        display:flex;
        transition:.35s ease;
        will-change:transform;
    }

    .sspro-page{
        min-width:100%;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:12px;
        flex-shrink:0;
    }

.sspro-card{

    position:relative;

    display:flex;

    flex-direction:column;
text-align:center;
    background:#fff;

    border-radius:18px;

    padding:12px;

    box-sizing:border-box;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

    height:100%;

}
.sspro-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:10px;

}

.sspro-badge{

    font-size:11px;

    padding:4px 8px;

    border-radius:8px;

}

.sspro-wishlist{

    width:32px;

    height:32px;

    border:none;

    background:#fff;

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

}

.sspro-wishlist img{

    width:18px;

}

.sspro-image-box{

    display:flex;

    justify-content:center;

    align-items:center;

    height:145px;

    margin-bottom:12px;

}

.sspro-image{

    max-width:110%;

    max-height:135px;

    object-fit:contain;

}

.sspro-title{

    font-size:14px;

    font-weight:700;

    line-height:1.4;

    margin:0 0 8px;

}

.sspro-rating{

    display:flex;

    align-items:center;

    gap:6px;

    font-size:12px;

}

.sspro-rating img{

    width:14px;

}

.sspro-price{

    font-size:18px;

    font-weight:700;

    color:#111;

}

.sspro-old-price{

    font-size:13px;

    color:#888;

    text-decoration:line-through;

    margin-top:4px;

    margin-bottom:10px;

}

.sspro-cart{

    margin-top:auto;

    width:36px;

    height:36px;

    border:none;

    border-radius:12px;

    background:#f5a623;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.sspro-cart img{

    width:17px;

    filter:brightness(0) invert(1);

}
.sspro-bottom{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:10px;

}

.sspro-cart{

    margin-top:0;

    flex-shrink:0;

}
/*==================================
  Products Slider Controls
==================================*/

.sspro-controls{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    margin-top:20px;

}

.sspro-nav{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    box-shadow:0 4px 12px rgba(0,0,0,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.25s;

}

.sspro-nav:hover{

    background:#16214a;

}

.sspro-nav img{

    width:18px;

    transition:.25s;

}

.sspro-nav:hover img{

    filter:brightness(0) invert(1);

}

.sspro-pagination{

    display:flex;

    align-items:center;

    gap:8px;

}

.sspro-pagination span{

    width:9px;

    height:9px;

    border-radius:50%;

    background:#d7dbe7;

    transition:.25s;

}

.sspro-pagination span.active{

    width:24px;

    border-radius:20px;

    background:#f5a623;

}
}
html[lang="en"] /* ==================================================
   Newsletter + Footer Mobile
   ================================================== */

@media (max-width:768px){

    /* ---------- Newsletter ---------- */

    .newsletter{
        margin:18px 12px;
    }

    .newsletter .container{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:22px;
        padding:24px 18px;
        border-radius:20px;
    }

    .newsletter-left{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        gap:14px;
    }

    .newsletter-icon img{
        width:60px;
        height:60px;
    }

    .newsletter-content h3{
        font-size:22px;
        line-height:1.4;
        margin:0;
    }

    .newsletter-content p{
        margin-top:8px;
        font-size:15px;
    }

    .newsletter-center{
        width:100%;
        max-width:none;
        flex:none;
    }

    .newsletter-form{
        display:flex;
        flex-direction:column;
        gap:12px;
        background:none;
        overflow:visible;
    }

    .newsletter-form input{
        width:100%;
        height:52px;
        border-radius:12px;padding:7px;
        text-align:right;
        box-sizing:border-box;
    }

    .newsletter-form button{
        width:100%;
        height:52px;
        border-radius:12px;
    }

    .newsletter-right{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    .newsletter-feature{
        width:100%;
        justify-content:flex-start;
        padding:14px 16px;
        background:rgba(255,255,255,.08);
        border-radius:12px;
        box-sizing:border-box;
    }


    /* ---------- Footer ---------- */

    .footer .container{
        padding:35px 20px;
    }

    .footer-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-column{
        text-align:center;
        padding-bottom:26px;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .footer-column:last-child{
        border-bottom:none;
        padding-bottom:0;
    }

    .footer-column::after{
        display:none !important;
    }

    .footer-logo{
        display:block;
        margin:0 auto 24px;
    }

    .footer-contact li{
        justify-content:center;
    }

    .footer-column h4{
        margin-bottom:18px;
    }

    .footer-social{
        justify-content:center;
    }


    /* ---------- Footer Bottom ---------- */

    .footer-bottom .container{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:18px;
        padding:20px 15px 28px;
    }

    .footer-payments{
        margin:0;
    }

    .footer-copy{
        position:static;
        transform:none;
        order:2;
        text-align:center;
    }

    .back-top{
        left:18px;
        bottom:18px;
    }
.footer-column ul{
    list-style:none;
    padding:0;
}

.footer-column li{
    position:relative;
    margin-bottom:10px;
    padding-right:12px;
    line-height:1.8;
}

.footer-column:not(.footer-brand) li{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    line-height:1.8;
    text-align:center;
    padding:0;
}

.footer-column:not(.footer-brand) li::before{
    content:"";
    flex:0 0 6px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#f6a800;
    display:inline-block;
    transform:translateY(1px);
}

}
html[lang="en"] /* ==========================================
   SmartShop Products - Desktop / Mobile Fix
   ========================================== */

.products-mobile{
    display: none;
}

@media (max-width: 768px) {
html[lang="en"] .products-desktop{
        display: none;
    }
html[lang="en"] .products-mobile{
        display: block;
    }

}

/* ============================================================
   SOURCE CSS: sitemap.css
   ============================================================ */

html[lang="en"] /* ==========================================================
   SmartShop - Sitemap Page
========================================================== */

.sitemap-section{

    padding:70px 0;

}
html[lang="en"] .sitemap-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:14px;margin: 0px 25px 0px 25px;

}
html[lang="en"] .sitemap-card{

    background:#fff;

    border:1px solid #edf1f7;

    border-radius:18px;

    padding:14px;

    transition:.30s;

    box-shadow:0 8px 25px rgba(10,30,70,.05);

}
html[lang="en"] .sitemap-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(10,30,70,.12);

}
html[lang="en"] .sitemap-card h3{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 18px;

    padding-bottom:14px;

    border-bottom:1px solid #edf1f7;

    font-size:22px;

    color:#102a56;

    font-weight:700;

}
html[lang="en"] .sitemap-card h3 i{

    color:#f5b400;

    font-size:20px;

}
html[lang="en"] .sitemap-card ul{

    margin:0;

    padding:0;

    list-style:none;

}
html[lang="en"] .sitemap-card li{

    margin:0;

    padding:0;

}
html[lang="en"] .sitemap-card li + li{

    margin-top:10px;

}
html[lang="en"] .sitemap-card a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    flex-direction:row-reverse;

    text-align:right;

    padding:3px 0;

    color:#334155;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px dashed #edf1f7;

}
html[lang="en"] .sitemap-card li:last-child a{

    border-bottom:none;

}
html[lang="en"] .sitemap-card a::before{

    content:"←";

    color:#f5b400;

    font-size:13px;

    transition:.25s;

    flex-shrink:0;

}
html[lang="en"] .sitemap-card a:hover{

    color:#102a56;

    padding-left:10px;

}
html[lang="en"] .sitemap-card a:hover::before{

    transform:translateX(5px);

}

@media(max-width:992px){
html[lang="en"] .sitemap-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){
html[lang="en"] .sitemap-section{

        padding:45px 0;

    }
html[lang="en"] .sitemap-grid{

        grid-template-columns:1fr;

    }
html[lang="en"] .sitemap-card{

        padding:20px;

    }

}

/* ============================================================
   SOURCE CSS: stores.css
   ============================================================ */

html[lang="en"] /*==================================================
SmartShop
Stores Section
==================================================*/

.stores{

    padding:20px 0;

    background:#ffffff;

}
html[lang="en"] /*==================================================
Container
==================================================*/

.stores .container{

    width:100%;

}
html[lang="en"] /*==================================================
Section Header
==================================================*/

.section-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:24px;

    margin:0 20px 20px 20px;

}
html[lang="en"] .section-header h2{

    margin:0;

    color:#162447;

    font-size:32px;

    font-weight:800;

    line-height:1.2;

}
html[lang="en"] /*==================================================
Stores Badge
==================================================*/

.stores-badge{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    flex:1;

    padding:12px 24px;

    border:1px solid #dbe7ff;

    border-radius:999px;

    background:#f8fbff;

    color:#35528a;

    font-size:15px;

    font-weight:600;

}
html[lang="en"] .stores-badge img{

    width:16px;

    height:16px;

    display:block;

}
html[lang="en"] /*==================================================
View All
==================================================*/

.view-all{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:46px;

    padding:0 24px;

    border:1px solid #d8e0f2;

    border-radius:999px;

    background:#ffffff;

    color:#162447;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}
html[lang="en"] .view-all:hover{

    background:#162447;

    color:#ffffff;

}
html[lang="en"] /*==================================================
Stores Grid
==================================================*/

.stores-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:10px;
margin:0px 15px 0px 15px;
}
html[lang="en"] /*==================================================
Store Card
==================================================*/

.store-card{

    display:block;

    overflow:hidden;

    background:#ffffff;

    border:1px solid #e8edf5;

    border-radius:18px;

    text-decoration:none;

    transition:.30s;

    box-shadow:0 8px 24px rgba(15,23,42,.05);

}
html[lang="en"] .store-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(15,23,42,.12);

}
html[lang="en"] /*==================================================
Store Cover
==================================================*/

.store-cover{

    display:block;

    width:100%;

    height:170px;

    overflow:hidden;

    text-decoration:none;

}
html[lang="en"] .store-cover img{

    width:100%;

    height:130px;

    display:block;

    object-fit:cover;

}
html[lang="en"] /*==================================================
Store Body
==================================================*/

.store-body{

    display:flex;

    flex-direction:column;

    padding:22px;

}
html[lang="en"] /*==================================================
Store Header
==================================================*/

.store-header{

    display:flex;

    align-items:flex-start;

    gap:16px;

    margin-top:-98px;

    direction:ltr;

}
html[lang="en"] /*==================================================
Store Logo
==================================================*/

.store-logo{

    flex:0 0 82px;

}
html[lang="en"] .store-logo img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 20%;
    object-fit: contain;
    background: #fff;
    border: 5px solid #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.10);
    padding: 10px;
}
html[lang="en"] /*==================================================
Store Info
==================================================*/
.store-info{

    flex:1;

    padding-top:48px;

    display:flex;

    flex-direction:column;

}
html[lang="en"] /*==================================================
Store Title
==================================================*/

.store-title{
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    width: 100%;
    flex-direction: row-reverse;
}
html[lang="en"] .store-title h3{

    margin:0;

    flex:1;

    font-size:17px;

    font-weight:700;

    line-height:1.35;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}
html[lang="en"] .store-title h3 a{

    color:#162447;

    text-decoration:none;

}
html[lang="en"] .store-title h3 a:hover{

    color:#2f55d4;

}
html[lang="en"] .store-title .verified{

    width:18px;

    height:18px;

    flex-shrink:0;

}
html[lang="en"] /*==================================================
Store Description
==================================================*/

.store-description{

    min-height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#667085;

    font-size:14px;

    line-height:1.7;

}
html[lang="en"] /*==================================================
Store Footer
==================================================*/

.store-footer{

    display:grid;

    grid-template-columns:0fr auto 0fr;

    align-items:center;

    margin-top:8px;

}
html[lang="en"] /*==================================================
Store Location
==================================================*/

.store-location{

    display:flex;

    align-items:center;

    gap:6px;

    justify-self:start;

    white-space:nowrap;

}
html[lang="en"] .location-icon{

    font-size:15px;

}
html[lang="en"] .location-text{

    white-space:nowrap;

}
html[lang="en"] /*==================================================
Store Rating
==================================================*/

.store-rating{

    display:flex;

    align-items:center;

    justify-self:center;

    gap:4px;

    white-space:nowrap;

}
html[lang="en"] .store-rating img{

    width:15px;

    height:15px;

    display:block;

}
html[lang="en"] /*==================================================
Offers Button
==================================================*/

.store-offers-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    justify-self:end;

    min-width:110px;

    height:38px;

    padding:0 ;

    border-radius:8px;

    background:#2f55d4;

    color:#ffffff;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}
html[lang="en"] .store-offers-btn:hover{

    background:#1e40af;

    color:#ffffff;

}


/* ============================================================
   SOURCE CSS: system-toast.css
   ============================================================ */

html[lang="en"] .system-toasts{
    position:fixed;
    top:50%;
    left:50%;right:15%;
    inset-inline:auto;
    transform:translate(-50%,-50%);
    width:min(430px,calc(100vw - 28px));
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:2147483000;
    pointer-events:none;
    direction:inherit;
}
html[lang="en"] .system-toast{
    position:relative;
    display:grid;
    grid-template-columns:42px 1fr 28px;
    align-items:center;
    gap:11px;
    min-height:72px;
    padding:12px 13px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.7);
    border-radius:16px;
    background:rgba(255,255,255,.98);
    box-shadow:0 16px 42px rgba(11,31,77,.20),0 3px 12px rgba(11,31,77,.08);
    opacity:0;
    transform:translateY(-12px) scale(.97);
    transition:opacity .24s ease,transform .24s ease;
    pointer-events:auto;
    font-family:inherit;
}
html[lang="en"] .system-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
html[lang="en"] .system-toast-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:18px}
html[lang="en"] .system-toast-success .system-toast-icon{background:#eaf8ef;color:#15803d}
html[lang="en"] .system-toast-error .system-toast-icon{background:#fff0f0;color:#c53030}
html[lang="en"] .system-toast-warning .system-toast-icon{background:#fff6df;color:#a66a00}
html[lang="en"] .system-toast-info .system-toast-icon{background:#edf4ff;color:#1f5fbf}
html[lang="en"] .system-toast-body{min-width:0;display:flex;flex-direction:column;gap:3px}
html[lang="en"] .system-toast-body strong{color:#0b1f4d;font-size:13px;line-height:1.4}
html[lang="en"] .system-toast-body span{color:#66758d;font-size:11px;line-height:1.65;word-break:break-word}
html[lang="en"] .system-toast-close{width:28px;height:28px;border:0;background:transparent;color:#9aa5b7;border-radius:8px;font-size:21px;line-height:1;cursor:pointer}
html[lang="en"] .system-toast-close:hover{background:#f1f4f8;color:#0b1f4d}
html[lang="en"] .system-toast-progress{position:absolute;inset:auto 0 0;height:3px;transform-origin:100% 50%;animation:systemToastProgress 3.8s linear forwards}
html[lang="en"] .system-toast-success .system-toast-progress{background:#22a06b}
html[lang="en"] .system-toast-error .system-toast-progress{background:#d64545}
html[lang="en"] .system-toast-warning .system-toast-progress{background:#f5b223}
html[lang="en"] .system-toast-info .system-toast-progress{background:#2f6fed}
@keyframes systemToastProgress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
html[lang="en"] .system-confirm-backdrop{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:18px;background:rgba(7,20,48,.46);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s ease;direction:inherit}
html[lang="en"] .system-confirm-backdrop.is-visible{opacity:1}
html[lang="en"] .system-confirm{width:min(390px,100%);padding:27px 24px 22px;border-radius:22px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.22);text-align:center;transform:translateY(8px) scale(.97);transition:transform .18s ease}
html[lang="en"] .system-confirm-backdrop.is-visible .system-confirm{transform:translateY(0) scale(1)}
html[lang="en"] .system-confirm-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:#fff4d6;color:#d59600;font-size:23px}
html[lang="en"] .system-confirm h3{margin:0 0 7px;color:#0b1f4d;font-size:19px}
html[lang="en"] .system-confirm p{margin:0;color:#6d7890;font-size:12px;line-height:1.8}
html[lang="en"] .system-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}
html[lang="en"] .system-confirm-actions button{min-height:44px;border:0;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
html[lang="en"] .system-confirm-cancel{background:#eef3f9;color:#0b1f4d}
html[lang="en"] .system-confirm-ok{background:#0b1f4d;color:#fff}
html[lang="en"] .system-confirm-ok:hover{background:#132f67}
@media(max-width:600px){
html[lang="en"] .system-toasts{top:50%;width:calc(100vw - 20px)}
html[lang="en"] .system-toast{min-height:66px;border-radius:14px}
html[lang="en"] .system-toast-body strong{font-size:12px}
html[lang="en"] .system-toast-body span{font-size:10px}
html[lang="en"] .system-confirm{border-radius:18px;padding:24px 18px 18px}}
html[lang="en"]html[dir="ltr"] .system-toast-progress{transform-origin:0 50%}
html[lang="en"] /* ==========================================================
   SmartShop System Notifications
   Same visual language as the logout confirmation modal.
   ========================================================== */
.system-notification{
    width:min(390px,100%);
    padding:27px 24px 22px;
    border-radius:22px;
}
html[lang="en"] .system-notification-icon{
    transition:background .18s ease,color .18s ease;
}
html[lang="en"] .system-notification-success{
    background:#eaf8ef;
    color:#15803d;
}
html[lang="en"] .system-notification-error{
    background:#fff0f0;
    color:#c53030;
}
html[lang="en"] .system-notification-warning{
    background:#fff6df;
    color:#a66a00;
}
html[lang="en"] .system-notification-info{
    background:#edf4ff;
    color:#1f5fbf;
}
html[lang="en"] .system-notification-message{
    max-height:120px;
    overflow:auto;
    word-break:break-word;
}
html[lang="en"] .system-notification-actions{
    grid-template-columns:1fr;
    margin-top:21px;
}
html[lang="en"] .system-notification-ok{
    width:100%;
    min-height:44px;
}
@media(max-width:600px){
html[lang="en"] .system-notification{
        width:100%;
        border-radius:18px;
        padding:24px 18px 18px;
    }
}


/* ============================================================
   SOURCE CSS: terms-and-conditions.css
   ============================================================ */

html[lang="en"] /*==================================================
    PRIVACY POLICY PAGE
==================================================*/

:root{

    --legal-radius:18px;

    --legal-max-width:980px;

}
html[lang="en"] /*==========================================
=            HERO
==========================================*/

.legal-hero{

    position:relative;

    overflow:hidden;

    padding:70px 0 60px;

    background:
    radial-gradient(circle at 92% 10%,rgba(255,193,55,.15),transparent 22%),
    radial-gradient(circle at 10% 78%,rgba(40,130,255,.16),transparent 28%),
    linear-gradient(135deg,#050d1d,#07162d,#091f45,#07162d,#050d1d);

    max-width:1400px;

    margin:0 auto;

    text-align:center;

}
html[lang="en"] .legal-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("/assets/images/pattern.svg");

    opacity:.05;

}
html[lang="en"] .legal-hero .container{

    position:relative;

    z-index:2;

}
html[lang="en"] .legal-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    margin-bottom:24px;

    box-shadow:
    inset 0 0 14px rgba(255,191,53,.08),
    0 0 18px rgba(255,191,53,.08);

}
html[lang="en"] .legal-hero h1{

    margin:0;

    color:#fff;

    font-size:52px;

    font-weight:900;

}
html[lang="en"] .legal-hero p{

    max-width:760px;

    margin:25px auto;

    color:#dce5f7;

    font-size:20px;

    line-height:1.9;

}
html[lang="en"] .legal-updated{

    display:inline-block;

    padding:10px 18px;

    border-radius:10px;

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

    color:#fff;

    border:1px solid rgba(255,255,255,.10);

    font-size:15px;

}
html[lang="en"] /*==========================================
=            CONTENT
==========================================*/

.legal-content{

    padding:60px 0 80px;

    background:#f7f9fc;

    max-width:1400px;

    margin:0 auto;

}
html[lang="en"] .legal-box{

    max-width:var(--legal-max-width);

    margin:0 auto;

    background:#fff;

    border-radius:var(--legal-radius);

    padding:50px;

    border:1px solid #edf1f8;

    box-shadow:0 15px 45px rgba(10,35,70,.06);

}
html[lang="en"] .legal-box h2{

    margin:45px 0 18px;

    color:#081b3c;

    font-size:30px;

    font-weight:800;

}
html[lang="en"] .legal-box h2:first-child{

    margin-top:0;

}
html[lang="en"] .legal-box p{

    margin:0 0 20px;

    color:#67738d;

    font-size:17px;

    line-height:2;

}
html[lang="en"] .legal-box ul{

    margin:15px 0 35px;

    padding-inline-start:28px;

}
html[lang="en"] .legal-box li{

    margin-bottom:12px;

    color:#67738d;

    font-size:17px;

    line-height:1.9;

}
html[lang="en"] /*==========================================
=            RESPONSIVE
==========================================*/

@media(max-width:768px){

    .legal-hero{

        padding:55px 0;

    }

    .legal-hero h1{

        font-size:40px;

    }

    .legal-hero p{

        font-size:18px;

    }

    .legal-box{

        padding:30px;

    }

    .legal-box h2{

        font-size:24px;

    }

}

/* ============================================================
   SOURCE CSS: topbar-header.css
   ============================================================ */

html[lang="en"] /* =========================================================
   SmartShop
   Top Bar + Header
   ========================================================= */

.topbar{
    background:#0f172a;
    color:#fff;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}
html[lang="en"] .topbar .container{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
html[lang="en"] .topbar-right,
html[lang="en"] .topbar-left{
    display:flex;
    align-items:center;
}
html[lang="en"] .topbar-left > *{
    position:relative;
    padding-left:18px;
    margin-left:18px;
}
html[lang="en"] .topbar-left > *:not(:last-child)::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:18px;
    background:rgba(255,255,255,.35);
}
html[lang="en"] .topbar a{
    color:#ffffff;
    text-decoration:none;
    transition:.25s;
}
html[lang="en"] .topbar a:hover{
    color:#f6c344;
}
html[lang="en"] .topbar-location{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:500;
}
html[lang="en"] .topbar-location img{
    width:16px;
    height:16px;
}
html[lang="en"] .topbar-seller a{
    display:flex;
    align-items:center;
    gap:6px;
}
html[lang="en"] .topbar-seller img{
    width:12px;
    height:12px;
}
html[lang="en"] .site-header{
    background:#ffffff;
    border-bottom:1px solid #ececec;
}
html[lang="en"] .site-header .container{
    max-width:1400px;
    margin:auto;
    padding:18px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}
html[lang="en"] .header-logo{
    flex:0 0 auto;
}
html[lang="en"] .header-logo img{
    height:62px;
    display:block;
}
html[lang="en"] .header-search{
    flex:1;
}
html[lang="en"] .header-search form{
    display:flex;
    align-items:center;
    height:52px;
    border:1px solid #E8E8E8;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}
html[lang="en"] .header-search input{
    flex:1;
    height:100%;
    border:0;
    outline:none;
    background:none;
    padding:0 18px;
    font-size:15px;
}
html[lang="en"] .header-search input::placeholder{
    color:#999;
}
html[lang="en"] .search-category{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 16px;
    border-right:1px solid #ececec;
    background:#fafafa;
}
html[lang="en"] .search-category select{
    border:0;
    background:none;
    outline:none;
    font-size:14px;
    cursor:pointer;
}
html[lang="en"] .search-category img{
    width:12px;
    height:12px;
}
html[lang="en"] .header-search button{
    width:60px;
    height:52px;
    border:0;
    cursor:pointer;
    background:#0B1F4D;
    display:flex;
    align-items:center;
    justify-content:center;
}
html[lang="en"] .header-search button img{
    width:20px;
    height:20px;
}
html[lang="en"] .header-actions{
    display:flex;
    align-items:center;
    gap:15px;
}
html[lang="en"] .create-store-btn{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#ffffff;
    background:#F5B223;
    padding:10px 12px;
    border-radius:8px;
    transition:.25s;
    font-weight:600;
    font-size:14px;
}
html[lang="en"] .create-store-btn:hover{
    background:#0B1F4D;
    color:#fff;
}
html[lang="en"] .create-store-btn img{
    width:20px;
    height:20px;
}
html[lang="en"] .header-account{
    display:flex;
    align-items:center;
    gap:12px;
    color:#111;
    text-decoration:none;
}
html[lang="en"] .header-account img{
    width:24px;
    height:24px;
}
html[lang="en"] .header-account strong{
    display:block;
    font-size:14px;
    line-height:18px;
}
html[lang="en"] .header-account span{
    display:block;
    font-size:12px;
    color:#777;
}
html[lang="en"] .header-icon,
html[lang="en"] .header-cart{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#111;
    font-size:13px;
}
html[lang="en"] .header-icon img,
html[lang="en"] .header-cart img{
    width:24px;
    height:24px;
}
html[lang="en"] .badge{
    position:absolute;
    top:-6px;
    left:-6px;
    width:18px;
    height:18px;
    background:#F5B223;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:700;
    line-height:1;
}
html[lang="en"] .header-cart{
    display:flex;
    align-items:center;
    gap:10px;
}
html[lang="en"] /* إخفاء إجمالي السلة من الـHeader.
   العداد فقط يبقى ظاهرًا، أما المجموع فيظهر داخل السلة. */
.cart-total{
    display:none !important;
}
html[lang="en"] .header-icon:hover img,
html[lang="en"] .header-account:hover img,
html[lang="en"] .create-store-btn:hover img{
    opacity:.85;
}
html[lang="en"] .topbar a,
html[lang="en"] .header-account,
html[lang="en"] .header-icon,
html[lang="en"] .header-cart,
html[lang="en"] .create-store-btn,
html[lang="en"] .header-search button{
    transition:.25s ease;
}
html[lang="en"] .header-icon + .header-icon,
html[lang="en"] .header-icon + .header-account{
    position:relative;
    padding-right:15px;
}
html[lang="en"] .header-icon + .header-icon::before,
html[lang="en"] .header-icon + .header-account::before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:24px;
    background:#E8E8E8;
}
html[lang="en"] .topbar-currency{
    color:#f6c344 !important;
    font-weight:700;
    width:60px;
}
html[lang="en"] .topbar-currency::after{
 
    margin:0 14px;
    color:rgba(255,255,255,.25);
}
html[lang="en"] .topbar-currency-wrap{position:relative}
html[lang="en"] .topbar-currency-wrap>summary{list-style:none;cursor:pointer}
html[lang="en"] .topbar-currency-wrap>summary::-webkit-details-marker{display:none}
html[lang="en"] .topbar-currency-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#fff;border:1px solid #e7e7e7;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.12);padding:6px;z-index:10000}
html[lang="en"] .topbar-currency-menu a{display:flex!important;justify-content:space-between;gap:14px;padding:9px 10px;color:#1d1d1d!important;border-radius:7px;margin:0!important}
html[lang="en"] .topbar-currency-menu a:hover,
html[lang="en"] .topbar-currency-menu a.active{background:#f6f8fc;color:#0b1f4d!important}
html[lang="en"] .topbar-currency-menu span{font-size:11px;color:#7a8190}


/* ============================================================
   ENGLISH MASTER CONTROLS — EASY KNOBS
   These are intentionally LAST so your changes win.
   ============================================================ */
html[lang="en"]{
    --ss-en-font-family:"HelveticaNeue",Arial,sans-serif;

    /* Typography */
    --ss-en-body-size:15px;
    --ss-en-body-line:1.55;
    --ss-en-h1-size:40px;
    --ss-en-h2-size:30px;
    --ss-en-h3-size:20px;
    --ss-en-h4-size:17px;
    --ss-en-small-size:12px;
    --ss-en-label-size:13px;
    --ss-en-button-size:14px;
    --ss-en-nav-size:15px;

    /* Main header / navbar */
    --ss-en-navbar-all-width:150px;
    --ss-en-navbar-all-height:60px;
    --ss-en-navbar-all-font-size:15px;
    --ss-en-navbar-link-font-size:15px;
    --ss-en-navbar-link-gap:34px;
    --ss-en-navbar-more-font-size:15px;

    /* Dropdowns */
    --ss-en-all-dropdown-width:280px;
    --ss-en-all-dropdown-item-font-size:14px;
    --ss-en-more-dropdown-width:230px;
    --ss-en-more-dropdown-item-font-size:14px;

    /* Common card */
    --ss-en-card-radius:16px;

    direction:ltr;
    text-align:left;
}

html[lang="en"] body{
    font-family:var(--ss-en-font-family);
    font-size:var(--ss-en-body-size);
    line-height:var(--ss-en-body-line);
    direction:ltr;
    text-align:left;
}

html[lang="en"] body *:not(i):not(.fa):not([class*="fa-"]){
    font-family:var(--ss-en-font-family);
}

html[lang="en"] h1{font-size:var(--ss-en-h1-size);}
html[lang="en"] h2{font-size:var(--ss-en-h2-size);}
html[lang="en"] h3{font-size:var(--ss-en-h3-size);}
html[lang="en"] h4{font-size:var(--ss-en-h4-size);}

html[lang="en"] button,
html[lang="en"] .btn,
html[lang="en"] .button{
    font-size:var(--ss-en-button-size);
}

/* Navbar controls */
html[lang="en"] .main-navbar .navbar-all{
    width:var(--ss-en-navbar-all-width);
    height:var(--ss-en-navbar-all-height);
    font-size:var(--ss-en-navbar-all-font-size);
}

html[lang="en"] .main-navbar .navbar-menu{
    gap:var(--ss-en-navbar-link-gap);
}

html[lang="en"] .main-navbar .navbar-menu a{
    font-size:var(--ss-en-navbar-link-font-size);
}

html[lang="en"] .main-navbar .navbar-more{
    font-size:var(--ss-en-navbar-more-font-size);
}

html[lang="en"] .main-navbar .navbar-all-dropdown{
    left:0;
    right:auto;
    width:var(--ss-en-all-dropdown-width);
}

html[lang="en"] .main-navbar .navbar-dropdown-item{
    font-size:var(--ss-en-all-dropdown-item-font-size);
}

html[lang="en"] .main-navbar .navbar-more-dropdown{
    right:0;
    left:auto;
    min-width:var(--ss-en-more-dropdown-width);
}

html[lang="en"] .main-navbar .navbar-more-dropdown a,
html[lang="en"] .main-navbar .navbar-more-empty{
    font-size:var(--ss-en-more-dropdown-item-font-size);
}

/*
 EXAMPLES FOR FUTURE EDITS:

 html[lang="en"] .hero-content h1{font-size:34px;}
 html[lang="en"] .category-card{border-radius:20px;}
 html[lang="en"] .product-title{font-size:17px;}
 html[lang="en"] .footer-column a{font-size:14px;}
 html[lang="en"] .newsletter-content{padding:20px;}
*/

/* ============================================================
   ENGLISH HERO — LEFT CONTENT + MIRRORED BACKGROUNDS
   Desktop only — English interface only
   Targeted override: Hero section only
   ============================================================ */

@media (min-width:993px){

    html[lang="en"] .hero-box{
        position:relative;
        overflow:hidden;
        justify-content:flex-start;
        background:none !important;
    }

    /* Mirror the background independently from the English content. */
    html[lang="en"] .hero-slide::before{
        content:"";
        position:absolute;
        inset:0;
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
        transform:scaleX(-1);
        transform-origin:center center;
        z-index:0;
        pointer-events:none;
    }

    /* Slide 1: Shop smart with SmartShop */
    html[lang="en"] .hero-slide:nth-child(1)::before,
    html[lang="en"] .hero-slide:nth-of-type(1)::before{
        background-image:url("/admin/uploads/hero-sliders/hero_20260801_154807_a2b3fd.png");
    }

    /* Slide 2: Launch into the future of shopping */
    html[lang="en"] .hero-slide:nth-child(2)::before,
    html[lang="en"] .hero-slide:nth-of-type(2)::before{
        background-image:url("/admin/uploads/hero-sliders/hero_20260801_184128_0ee891.jpg");
    }

    /* English hero content on the left. */
    html[lang="en"] .hero-content{
        margin-left:70px;
        margin-right:auto;
        text-align:left;
        position:relative;
        z-index:2;
    }

}