/* =========================================================
   YANTRACLUB TOY MARKETPLACE STOREFRONT
   Brand-specific implementation; no Amazon assets are used.
========================================================= */

:root{
    --amazon-navy:var(--site-header-bg,#131921);
    --amazon-navy-2:var(--site-subnav-bg,#232f3e);
    --amazon-blue:var(--site-link,#007185);
    --amazon-orange:var(--site-accent,#ff9900);
    --amazon-search:var(--site-accent,#febd69);
    --amazon-yellow:var(--site-button,#ffd814);
    --amazon-yellow-border:#fcd200;
    --amazon-canvas:var(--site-page-bg,#eaeded);
    --amazon-white:#ffffff;
    --amazon-ink:#0f1111;
    --amazon-muted:#565959;
    --amazon-line:#d5d9d9;
    --amazon-green:#007600;
    --amazon-red:#cc0c39;
    --amazon-shadow:0 2px 8px rgba(15,17,17,.15);
}

body.amazon-theme{
    color:var(--amazon-ink);
    background:var(--amazon-canvas);
    font-family:Arial,Helvetica,sans-serif;
}

.amazon-theme .app-container{
    width:min(100% - 28px,1500px);
}

.amazon-site-header{
    position:sticky;
    top:0;
    z-index:1200;
    border:0;
    background:var(--amazon-navy);
    backdrop-filter:none;
}

.amazon-main-header{
    background:var(--amazon-navy);
}

.amazon-header-grid{
    min-height:64px;
    display:grid;
    grid-template-columns:auto minmax(145px,210px) minmax(310px,1fr) auto auto auto;
    align-items:center;
    gap:10px;
    padding-block:7px;
}

.amazon-brand{
    min-height:50px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:5px 7px;
    border:1px solid transparent;
    color:#fff;
}

.amazon-brand:hover,
.amazon-location:hover,
.amazon-account-link:hover,
.amazon-orders-link:hover,
.amazon-cart:hover{
    border-color:#fff;
}

.amazon-brand .brand-mark{
    width:39px;
    height:39px;
    border-radius:8px;
    color:var(--amazon-navy);
    background:var(--amazon-orange);
    box-shadow:none;
    font-size:19px;
}

.amazon-brand-copy strong{
    display:block;
    color:#fff;
    font-size:21px;
    line-height:1;
    letter-spacing:-.5px;
}

.amazon-brand-copy strong span{
    color:var(--amazon-orange);
}

.amazon-brand-copy small{
    display:block;
    margin-top:4px;
    color:#d5d9d9;
    font-size:9px;
}

.amazon-location{
    min-width:0;
    min-height:50px;
    display:flex;
    align-items:center;
    gap:5px;
    padding:5px 7px;
    border:1px solid transparent;
    border-radius:2px;
    color:#fff;
    background:transparent;
}

.amazon-location>i{
    align-self:flex-end;
    margin-bottom:6px;
    color:#fff;
    font-size:17px;
}

.amazon-location span{
    min-width:0;
}

.amazon-location small{
    color:#ccc;
    font-size:10px;
    line-height:1.2;
}

.amazon-location strong{
    max-width:165px;
    color:#fff;
    font-size:12px;
    line-height:1.2;
}

.amazon-search{
    min-width:0;
    height:42px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) 48px;
    align-items:stretch;
    gap:0;
    overflow:hidden;
    padding:0;
    border:0;
    border-radius:8px;
    background:#fff;
}

.amazon-search:focus-within{
    outline:3px solid var(--amazon-orange);
    outline-offset:1px;
}

.amazon-search-category{
    min-width:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    border-right:1px solid #cdcdcd;
    color:#555;
    background:#e6e6e6;
    font-size:10px;
}

.amazon-search-category i{
    font-size:8px;
}

.amazon-search input{
    width:100%;
    height:42px;
    padding:0 12px;
    border:0;
    border-radius:0;
    outline:0;
    color:#111;
    background:#fff;
    font-size:13px;
}

.amazon-search button{
    width:48px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:0;
    color:#111;
    background:var(--amazon-search);
    font-size:19px;
}

.amazon-search button:hover{
    background:#f3a847;
}

.amazon-account-link,
.amazon-orders-link{
    min-height:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:4px 7px;
    border:1px solid transparent;
    color:#fff;
    white-space:nowrap;
}

.amazon-account-link small,
.amazon-orders-link small{
    color:#fff;
    font-size:9px;
    line-height:1.15;
}

.amazon-account-link>strong,
.amazon-orders-link>strong{
    max-width:120px;
    overflow:hidden;
    color:#fff;
    font-size:12px;
    line-height:1.15;
    text-overflow:ellipsis;
}

.amazon-account-link>span{
    color:#fff;
    font-size:10px;
    font-weight:700;
}

.amazon-account-link>span i{
    color:#a7acb2;
    font-size:7px;
}

.amazon-cart{
    min-height:50px;
    display:flex;
    align-items:flex-end;
    gap:4px;
    padding:4px 7px;
    border:1px solid transparent;
    border-radius:2px;
    color:#fff;
    background:transparent;
}

.amazon-cart:hover{
    background:transparent;
}

.amazon-cart-icon{
    position:relative;
    display:block;
}

.amazon-cart-icon i{
    color:#fff;
    font-size:30px;
    line-height:1;
}

.amazon-cart-icon b{
    position:absolute;
    top:-7px;
    left:17px;
    min-width:20px;
    height:20px;
    display:grid;
    place-items:center;
    padding:0;
    color:var(--amazon-orange);
    background:transparent;
    font-size:14px;
    font-weight:900;
}

.amazon-cart>strong{
    margin-bottom:4px;
    color:#fff;
    font-size:12px;
}

.amazon-subnav{
    min-height:39px;
    color:#fff;
    background:var(--amazon-navy-2);
}

.amazon-subnav-inner{
    min-height:39px;
    display:flex;
    align-items:center;
    gap:2px;
    overflow-x:auto;
    scrollbar-width:none;
}

.amazon-subnav-inner::-webkit-scrollbar{
    display:none;
}

.amazon-subnav a{
    flex-shrink:0;
    padding:10px 9px;
    border:1px solid transparent;
    color:#fff;
    font-size:11px;
    font-weight:600;
}

.amazon-subnav a:hover{
    border-color:#fff;
}

.amazon-all-link{
    display:flex;
    align-items:center;
    gap:5px;
}

.amazon-all-link i{
    font-size:18px;
}

.amazon-subnav-promo{
    margin-left:auto;
    padding:8px 0 8px 15px;
    color:#fff;
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
}

.amazon-subnav-promo i{
    color:var(--amazon-orange);
}

.amazon-home{
    padding:0 0 35px;
}

.amazon-home>.app-container{
    position:relative;
}

.amazon-hero{
    min-height:360px;
    margin-inline:-14px;
    border-radius:0;
    box-shadow:none;
}

.amazon-hero .hero-track{
    height:360px;
}

.amazon-hero .hero-slide{
    background:
        linear-gradient(
            90deg,
            rgba(19,25,33,.82),
            rgba(19,25,33,.10)
        ),
        var(--slide-image,linear-gradient(135deg,#263b55,#526b84));
}

.amazon-hero .hero-content{
    width:min(630px,78%);
    padding:72px 55px;
}

.amazon-hero .hero-content span{
    color:#111;
    background:var(--amazon-orange);
}

.amazon-hero .hero-content h1{
    max-width:620px;
    margin:14px 0 10px;
    color:#fff;
    font-size:44px;
    text-shadow:0 2px 5px rgba(0,0,0,.4);
}

.amazon-hero .hero-content p{
    color:#fff;
    font-size:14px;
}

.amazon-hero .hero-content a{
    color:#111;
    background:var(--amazon-yellow);
    border:1px solid var(--amazon-yellow-border);
    box-shadow:0 2px 5px rgba(213,217,217,.5);
}

.amazon-service-strip{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    margin-top:-52px;
    margin-bottom:18px;
    border:1px solid #ddd;
    background:#ddd;
    box-shadow:var(--amazon-shadow);
}

.amazon-service-strip>div{
    min-height:83px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:14px;
    background:#fff;
}

.amazon-service-strip i{
    color:var(--amazon-orange);
    font-size:25px;
}

.amazon-service-strip strong{
    display:block;
    font-size:12px;
}

.amazon-service-strip small{
    display:block;
    margin-top:3px;
    color:var(--amazon-muted);
    font-size:9px;
}

.amazon-panel{
    margin-top:18px;
    padding:18px;
    background:#fff;
    box-shadow:var(--amazon-shadow);
}

.amazon-section-heading{
    align-items:center;
    margin-bottom:14px;
}

.amazon-section-heading .eyebrow{
    margin:0 0 3px;
    color:var(--amazon-red);
    font-size:9px;
}

.amazon-section-heading h2{
    font-size:23px;
    font-weight:700;
}

.amazon-section-heading>a{
    color:var(--amazon-blue);
    font-size:11px;
    font-weight:400;
}

.amazon-category-grid{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:10px;
    overflow:visible;
    padding:0;
}

.amazon-category-grid .category-card{
    min-height:155px;
    padding:10px;
    border:0;
    border-radius:0;
    box-shadow:none;
}

.amazon-category-grid .category-card:hover{
    transform:none;
}

.amazon-category-grid .category-card img{
    width:100%;
    height:112px;
    border-radius:0;
    object-fit:contain;
    background:#f7f7f7;
}

.amazon-category-grid .category-card strong{
    width:100%;
    margin-top:4px;
    color:#0f1111;
    text-align:left;
    font-size:11px;
    line-height:1.3;
}

.amazon-promo-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}

.amazon-promo-grid .promo-card{
    min-height:175px;
    border-radius:0;
    box-shadow:var(--amazon-shadow);
}

.amazon-promo-grid .promo-card img{
    min-height:175px;
}

.amazon-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    border-top:1px solid var(--amazon-line);
    border-left:1px solid var(--amazon-line);
}

.amazon-product-card{
    display:flex;
    flex-direction:column;
    border:0;
    border-right:1px solid var(--amazon-line);
    border-bottom:1px solid var(--amazon-line);
    border-radius:0;
    box-shadow:none;
    background:#fff;
}

.amazon-product-card:hover{
    transform:none;
    box-shadow:inset 0 0 0 2px #e3e6e6;
}

.amazon-product-media{
    position:relative;
    aspect-ratio:1/1;
    display:block;
    padding:18px 15px 8px;
    background:#fff;
}

.amazon-product-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    mix-blend-mode:normal;
}

.amazon-deal-badge{
    top:8px;
    left:8px;
    padding:5px 7px;
    border-radius:2px;
    color:#fff;
    background:var(--amazon-red);
    font-size:9px;
    text-transform:lowercase;
}

.amazon-product-info{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:10px 13px 14px;
}

.amazon-product-info .product-category{
    color:#565959;
    font-size:8px;
    letter-spacing:.03em;
}

.amazon-product-title{
    min-height:38px;
    margin:5px 0 3px;
    color:#0f1111;
    font-size:12px;
    font-weight:400;
    line-height:1.45;
}

.amazon-product-title:hover{
    color:#c45500;
    text-decoration:underline;
}

.amazon-rating{
    min-height:17px;
    display:flex;
    align-items:center;
    gap:5px;
}

.amazon-rating-stars{
    display:flex;
    gap:1px;
    color:#de7921;
    font-size:11px;
}

.amazon-rating small{
    color:var(--amazon-blue);
    font-size:9px;
}

.amazon-product-info .product-size{
    min-height:15px;
    margin-top:2px;
    color:#565959;
    font-size:9px;
}

.amazon-price-row{
    display:flex;
    align-items:baseline;
    gap:7px;
    flex-wrap:wrap;
    margin-top:7px;
}

.amazon-price-row>strong{
    color:#0f1111;
    font-size:19px;
    font-weight:400;
}

.amazon-mrp-label{
    color:#565959;
    font-size:8px;
}

.amazon-savings{
    min-height:14px;
    margin:4px 0 0;
    color:var(--amazon-green);
    font-size:9px;
}

.amazon-delivery-note{
    min-height:31px;
    margin:6px 0 8px;
    color:#565959;
    font-size:9px;
    line-height:1.45;
}

.amazon-delivery-note strong{
    color:#0f1111;
}

.amazon-stock-out{
    color:#b12704;
    font-size:10px;
}

.amazon-add-button{
    width:100%;
    min-height:34px;
    margin-top:auto;
    border:1px solid var(--amazon-yellow-border);
    border-radius:99px;
    color:#0f1111;
    background:var(--amazon-yellow);
    box-shadow:0 2px 5px rgba(213,217,217,.5);
    font-size:10px;
    font-weight:400;
}

.amazon-add-button:hover{
    color:#0f1111;
    background:#f7ca00;
}

.amazon-add-button:disabled{
    border-color:#d5d9d9;
    color:#565959;
    background:#e7e9ec;
}

.amazon-shopping-assurance{
    margin-top:18px;
    padding:22px;
    background:#fff;
    box-shadow:var(--amazon-shadow);
}

.amazon-shopping-assurance>h2{
    margin:0 0 16px;
    font-size:22px;
}

.amazon-assurance-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.amazon-assurance-grid>div{
    padding:14px;
    border:1px solid var(--amazon-line);
}

.amazon-assurance-grid i{
    color:var(--amazon-orange);
    font-size:26px;
}

.amazon-assurance-grid strong{
    display:block;
    margin-top:9px;
    font-size:12px;
}

.amazon-assurance-grid p{
    margin:5px 0 0;
    color:var(--amazon-muted);
    font-size:9px;
    line-height:1.45;
}

.amazon-breadcrumb{
    display:flex;
    align-items:center;
    gap:6px;
    padding:10px 0;
    color:#565959;
    font-size:9px;
}

.amazon-breadcrumb a{
    color:var(--amazon-blue);
}

.amazon-catalog-layout{
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:0;
    background:#fff;
    box-shadow:var(--amazon-shadow);
}

.amazon-catalog-sidebar{
    padding:16px;
    border-right:1px solid var(--amazon-line);
}

.amazon-filter-block{
    padding-bottom:17px;
    margin-bottom:15px;
    border-bottom:1px solid #eaeded;
}

.amazon-filter-block:last-child{
    border:0;
}

.amazon-filter-block h3{
    margin:0 0 9px;
    font-size:13px;
}

.amazon-filter-block p{
    margin:8px 0;
    color:#565959;
    font-size:9px;
}

.amazon-filter-block p i{
    width:18px;
    color:#c45500;
}

.amazon-category-filters{
    display:grid;
    gap:0;
    overflow:visible;
    margin:0;
    padding:0;
}

.amazon-category-filters .filter-chip{
    width:100%;
    height:auto;
    padding:5px 0;
    border:0;
    border-radius:0;
    color:#0f1111;
    background:transparent;
    text-align:left;
    font-size:10px;
    font-weight:400;
}

.amazon-category-filters .filter-chip:hover,
.amazon-category-filters .filter-chip.active{
    color:#c45500;
    background:transparent;
    text-decoration:underline;
}

.amazon-check-row{
    display:flex;
    align-items:center;
    gap:7px;
    margin:8px 0;
    color:#0f1111;
    font-size:9px;
}

.amazon-check-row input{
    accent-color:#007185;
}

.amazon-catalog-main{
    min-width:0;
    padding:16px;
}

.amazon-results-head{
    align-items:center;
    padding-bottom:12px;
    margin-bottom:0;
    border-bottom:1px solid var(--amazon-line);
}

.amazon-results-head .eyebrow{
    color:#565959;
}

.amazon-results-head h1{
    font-size:22px;
}

.amazon-sort-label{
    display:flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border:1px solid #d5d9d9;
    border-radius:8px;
    background:#f0f2f2;
    box-shadow:0 2px 5px rgba(15,17,17,.12);
}

.amazon-sort-label span{
    font-size:9px;
}

.amazon-sort-label .select-control{
    min-width:145px;
    height:29px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    font-size:9px;
}

.amazon-catalog-main .amazon-product-grid{
    margin-top:15px;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.amazon-load-more{
    border:1px solid #d5d9d9;
    color:#0f1111;
    background:#fff;
    box-shadow:0 2px 5px rgba(15,17,17,.12);
}

.amazon-load-more:hover{
    background:#f7fafa;
}

.amazon-theme .product-detail-card,
.amazon-theme .panel-card,
.amazon-theme .auth-card,
.amazon-theme .order-card,
.amazon-theme .profile-card,
.amazon-theme .saved-address-card{
    border-radius:0;
    box-shadow:var(--amazon-shadow);
}

.amazon-theme .product-detail-card{
    border:0;
}

.amazon-theme .gallery-main{
    border-radius:0;
    background:#fff;
}

.amazon-theme .product-copy h1{
    color:#0f1111;
    font-weight:400;
}

.amazon-theme .detail-price strong{
    color:#b12704;
    font-weight:400;
}

.amazon-theme .primary-button{
    border:1px solid var(--amazon-yellow-border);
    border-radius:99px;
    color:#0f1111;
    background:var(--amazon-yellow);
    box-shadow:0 2px 5px rgba(213,217,217,.5);
}

.amazon-theme .primary-button:hover{
    background:#f7ca00;
}

.amazon-theme .qty-control{
    border-radius:8px;
    box-shadow:0 2px 5px rgba(15,17,17,.12);
}

.amazon-theme .price-panel{
    border-radius:0;
}

.amazon-theme .price-line.total{
    color:#b12704;
}

.amazon-theme .checkout-form{
    border-radius:0;
}

.amazon-theme .form-grid input,
.amazon-theme .form-grid textarea,
.amazon-theme .form-grid select,
.amazon-theme .auth-form-wrap input,
.amazon-theme #phoneOtpForm input{
    border-radius:4px;
}

.amazon-theme .auth-visual{
    background:
        radial-gradient(
            circle at top right,
            rgba(255,153,0,.30),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            var(--amazon-navy),
            var(--amazon-navy-2)
        );
}

.amazon-theme .auth-visual .brand-mark{
    color:var(--amazon-navy);
    background:var(--amazon-orange);
}

.amazon-theme .recaptcha-status.ready{
    color:#007600;
    background:#f3fff3;
}

.amazon-back-top{
    min-height:48px;
    display:grid;
    place-items:center;
    color:#fff;
    background:#37475a;
    font-size:10px;
}

.amazon-back-top:hover{
    background:#485769;
}

.amazon-footer{
    margin-top:0;
    padding:34px 0 0;
    background:var(--amazon-navy-2);
}

.amazon-footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:45px;
    padding-bottom:34px;
}

.amazon-footer-grid>div{
    display:grid;
    align-content:start;
    gap:9px;
}

.amazon-footer-grid strong{
    color:#fff;
    font-size:12px;
}

.amazon-footer-grid a{
    color:#ddd;
    font-size:9px;
}

.amazon-footer-grid a:hover{
    text-decoration:underline;
}

.amazon-footer-brand{
    min-height:85px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:55px;
    border-top:1px solid #3a4553;
}

.amazon-footer-brand .footer-logo{
    min-height:auto;
}

.amazon-footer-brand>span{
    padding:8px 15px;
    border:1px solid #848e9a;
    border-radius:3px;
    color:#ddd;
    font-size:10px;
}

.amazon-footer .footer-bottom{
    padding:17px;
    border-top:0;
    color:#999;
    background:var(--amazon-navy);
}

.amazon-store-modal{
    border-radius:8px;
}

.amazon-store-modal .store-option{
    border-radius:4px;
}

.amazon-mobile-nav{
    border-top:1px solid #d5d9d9;
}

@media(max-width:1200px){

    .amazon-header-grid{
        grid-template-columns:auto minmax(120px,170px) minmax(260px,1fr) auto auto auto;
        gap:5px;
    }

    .amazon-brand-copy small{
        display:none;
    }

    .amazon-account-link>span{
        display:none;
    }

    .amazon-product-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .amazon-catalog-main .amazon-product-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .amazon-category-grid{
        grid-template-columns:repeat(6,minmax(0,1fr));
    }
}

@media(max-width:900px){

    .amazon-header-grid{
        grid-template-columns:auto minmax(110px,1fr) auto;
    }

    .amazon-brand{
        grid-column:1;
    }

    .amazon-location{
        grid-column:2;
    }

    .amazon-cart{
        grid-column:3;
    }

    .amazon-search{
        grid-column:1/-1;
        grid-row:2;
    }

    .amazon-account-link,
    .amazon-orders-link{
        display:none;
    }

    .amazon-subnav-promo{
        display:none;
    }

    .amazon-service-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .amazon-category-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .amazon-product-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .amazon-catalog-layout{
        grid-template-columns:190px minmax(0,1fr);
    }

    .amazon-catalog-main .amazon-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .amazon-assurance-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){

    body.amazon-theme{
        padding-bottom:67px;
    }

    .amazon-theme .app-container{
        width:100%;
    }

    .amazon-header-grid{
        padding:5px 8px 8px;
    }

    .amazon-brand{
        min-height:43px;
        padding:3px;
    }

    .amazon-brand .brand-mark{
        width:33px;
        height:33px;
    }

    .amazon-brand-copy strong{
        font-size:17px;
    }

    .amazon-location{
        min-height:42px;
    }

    .amazon-location small{
        font-size:8px;
    }

    .amazon-location strong{
        max-width:120px;
        font-size:10px;
    }

    .amazon-cart{
        min-height:42px;
    }

    .amazon-cart-icon i{
        font-size:26px;
    }

    .amazon-cart>strong{
        display:none;
    }

    .amazon-search{
        height:40px;
    }

    .amazon-search input,
    .amazon-search button{
        height:40px;
    }

    .amazon-search-category{
        min-width:47px;
    }

    .amazon-subnav-inner{
        padding-inline:4px;
    }

    .amazon-subnav a{
        padding:9px 8px;
        font-size:10px;
    }

    .amazon-home{
        padding-bottom:17px;
    }

    .amazon-hero{
        min-height:235px;
        margin:0;
    }

    .amazon-hero .hero-track{
        height:235px;
    }

    .amazon-hero .hero-content{
        width:88%;
        padding:40px 22px;
    }

    .amazon-hero .hero-content h1{
        font-size:28px;
    }

    .amazon-hero .hero-content p{
        font-size:10px;
    }

    .amazon-service-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin:0 8px 10px;
    }

    .amazon-service-strip>div{
        min-height:70px;
        padding:10px;
    }

    .amazon-service-strip i{
        font-size:20px;
    }

    .amazon-service-strip strong{
        font-size:10px;
    }

    .amazon-panel,
    .amazon-shopping-assurance{
        margin:9px 8px 0;
        padding:12px;
    }

    .amazon-section-heading h2{
        font-size:19px;
    }

    .amazon-category-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
    }

    .amazon-category-grid .category-card{
        min-height:104px;
        padding:5px;
    }

    .amazon-category-grid .category-card img{
        height:70px;
    }

    .amazon-category-grid .category-card strong{
        font-size:8px;
    }

    .amazon-promo-grid{
        grid-template-columns:1fr;
        margin:9px 8px 0;
        gap:8px;
    }

    .amazon-promo-grid .promo-card,
    .amazon-promo-grid .promo-card img{
        min-height:115px;
    }

    .amazon-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .amazon-product-media{
        padding:10px 8px 5px;
    }

    .amazon-product-info{
        padding:8px;
    }

    .amazon-product-title{
        min-height:34px;
        font-size:10px;
    }

    .amazon-price-row>strong{
        font-size:15px;
    }

    .amazon-delivery-note{
        min-height:28px;
        font-size:8px;
    }

    .amazon-add-button{
        min-height:31px;
        font-size:9px;
    }

    .amazon-assurance-grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .amazon-assurance-grid>div{
        padding:10px;
    }

    .amazon-catalog-shell{
        padding:0 8px 18px;
    }

    .amazon-breadcrumb{
        padding-inline:2px;
    }

    .amazon-catalog-layout{
        display:block;
    }

    .amazon-catalog-sidebar{
        padding:10px;
        border-right:0;
        border-bottom:1px solid var(--amazon-line);
    }

    .amazon-filter-block:not(:first-child){
        display:none;
    }

    .amazon-filter-block{
        padding:0;
        margin:0;
        border:0;
    }

    .amazon-filter-block h3{
        display:none;
    }

    .amazon-category-filters{
        display:flex;
        gap:6px;
        overflow-x:auto;
    }

    .amazon-category-filters .filter-chip{
        width:auto;
        flex-shrink:0;
        padding:7px 10px;
        border:1px solid #d5d9d9;
        border-radius:99px;
        background:#fff;
    }

    .amazon-category-filters .filter-chip.active{
        border-color:var(--amazon-orange);
        color:#0f1111;
        background:#fff8e8;
        text-decoration:none;
    }

    .amazon-catalog-main{
        padding:10px;
    }

    .amazon-results-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .amazon-sort-label{
        width:100%;
        justify-content:space-between;
    }

    .amazon-sort-label .select-control{
        flex:1;
    }

    .amazon-catalog-main .amazon-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .amazon-footer{
        display:none;
    }

    .amazon-back-top{
        display:none;
    }

    .amazon-mobile-nav{
        background:#fff;
    }

    .amazon-mobile-nav a.active{
        color:#c45500;
    }
}

@media(max-width:390px){

    .amazon-brand-copy strong{
        font-size:15px;
    }

    .amazon-location strong{
        max-width:90px;
    }

    .amazon-category-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .amazon-assurance-grid{
        grid-template-columns:1fr;
    }
}


/* YantraClub Toys brand refinements */

.amazon-theme .amazon-brand-copy strong span{
    color:#ffb703;
}

.amazon-theme .category-card img{
    background:
        linear-gradient(
            145deg,
            #fff7ed,
            #eff6ff
        );
}

.amazon-theme .amazon-deal-badge{
    background:#e11d48;
}

.amazon-theme .amazon-shopping-assurance{
    border-top:4px solid #ff9900;
}

.amazon-theme .hero-content span{
    font-weight:900;
}


/* =========================================================
   DYNAMIC BRAND + DELIVERY ADDRESS UI
========================================================= */

.dynamic-brand-mark{
    overflow:hidden;
}

.dynamic-brand-mark img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff;
}

.delivery-address-button{
    cursor:pointer;
}

.delivery-address-button em{
    display:block;
    max-width:160px;
    overflow:hidden;
    color:#d5d9d9;
    font-size:8px;
    font-style:normal;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.delivery-chevron{
    align-self:center!important;
    margin:0!important;
    color:#d5d9d9!important;
    font-size:10px!important;
}

.address-picker-modal{
    width:min(100%,650px);
    max-height:88vh;
    border-radius:8px;
}

.address-picker-status{
    min-height:42px;
    display:flex;
    align-items:center;
    padding:11px 13px;
    margin-bottom:12px;
    border-radius:7px;
    color:#3f4b59;
    background:#f3f4f6;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
}

.address-picker-list,
.checkout-address-grid,
.profile-address-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
}

.delivery-address-card{
    position:relative;
    min-height:178px;
    padding:17px;
    overflow:hidden;
    border:1.5px solid #c9d1d9;
    border-radius:11px;
    color:#111827;
    background:#fff;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease,
        background .18s ease;
}

.delivery-address-card.selectable{
    cursor:pointer;
}

.delivery-address-card.selectable:hover,
.delivery-address-card.selectable:focus-visible{
    border-color:var(--amazon-orange);
    background:#fffdf8;
    box-shadow:0 6px 20px rgba(15,23,42,.11);
    transform:translateY(-1px);
    outline:0;
}

.delivery-address-card.selecting{
    pointer-events:none;
    opacity:.68;
}

.delivery-address-card.selecting::after{
    content:"Selecting...";
    position:absolute;
    inset:0;
    z-index:5;
    display:grid;
    place-items:center;
    color:#111827;
    background:rgba(255,255,255,.84);
    font-size:14px;
    font-weight:800;
}

.delivery-address-card.selected{
    border:2px solid var(--amazon-orange);
    background:#fffaf0;
    box-shadow:0 0 0 3px rgba(255,153,0,.16);
}

.delivery-address-top{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}

.address-label{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:5px 9px;
    border-radius:6px;
    color:#fff;
    background:var(--amazon-navy-2);
    font-size:11px;
    font-weight:800;
    letter-spacing:.25px;
    text-transform:uppercase;
}

.selected-address-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#047857;
    font-size:12px;
    font-weight:800;
}

.address-row-select-hint{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#075985;
    font-size:11px;
    font-weight:800;
}

.delivery-address-name{
    position:relative;
    z-index:2;
    display:block;
    margin-bottom:8px;
    color:#111827;
    font-size:16px;
    font-weight:800;
    line-height:1.3;
}

.delivery-address-card p{
    position:relative;
    z-index:2;
    margin:5px 0;
    color:#374151;
    font-size:13px;
    line-height:1.55;
}

.delivery-address-main{
    min-height:41px;
}

.delivery-address-location{
    display:flex;
    align-items:flex-start;
    gap:7px;
    color:#1f2937!important;
    font-weight:700;
}

.delivery-address-location i{
    flex-shrink:0;
    margin-top:3px;
    color:#dc2626;
    font-size:13px;
}

.delivery-address-footer{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:11px;
    padding-top:10px;
    border-top:1px solid #e5e7eb;
    color:#4b5563;
    font-size:12px;
    font-weight:600;
}

.delivery-address-footer span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.delivery-address-footer i{
    color:#075985;
}

.address-card-click-layer{
    position:absolute;
    inset:0;
    z-index:1;
}

.delivery-address-card>*:not(.address-card-click-layer){
    pointer-events:none;
}

.delivery-address-card.selected>*{
    pointer-events:none;
}

/* Old button no longer used. */
.address-select-button{
    display:none!important;
}

.address-picker-actions,
.address-form-buttons{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:12px;
}

.address-entry-form{
    margin-top:13px;
    padding:14px;
    border-top:1px solid #d5d9d9;
    background:#f7fafa;
}

.address-login-message,
.address-empty-state{
    grid-column:1/-1;
    padding:25px 16px;
    border:1px dashed #c7c7c7;
    text-align:center;
    background:#fafafa;
}

.address-login-message i,
.address-empty-state i{
    display:block;
    margin-bottom:8px;
    color:var(--amazon-orange);
    font-size:30px;
}

.address-login-message h4,
.address-empty-state strong{
    display:block;
    margin:0;
    font-size:13px;
}

.address-login-message p,
.address-empty-state p{
    max-width:460px;
    margin:7px auto 13px;
    color:#565959;
    font-size:9px;
    line-height:1.5;
}

.checkout-left-column{
    display:grid;
    gap:14px;
}

.checkout-address-panel,
.checkout-new-address-panel{
    padding:18px;
}

.checkout-address-panel .section-heading,
.checkout-new-address-panel .section-heading{
    align-items:center;
}

.profile-address-grid{
    margin-top:5px;
}

@media(max-width:900px){
    .address-picker-list,
    .checkout-address-grid,
    .profile-address-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .delivery-address-button em{
        max-width:105px;
    }

    .address-picker-modal{
        max-height:92vh;
        border-radius:12px 12px 0 0;
    }

    .address-picker-actions,
    .address-form-buttons{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .address-picker-actions>*,
    .address-form-buttons>*{
        width:100%;
    }
}


/* Firebase address migration */

.profile-address-head-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.firebase-migration-card{
    padding:20px;
}

.firebase-migration-card h1{
    margin:0;
    font-size:25px;
}

.firebase-migration-card .section-heading p{
    max-width:760px;
    margin:7px 0 0;
    color:#565959;
    font-size:10px;
    line-height:1.55;
}

.firebase-migration-note{
    margin:14px 0;
    padding:12px;
    border-left:4px solid var(--amazon-orange);
    background:#fff8e7;
}

.firebase-migration-note strong{
    font-size:11px;
}

.firebase-migration-note p{
    margin:5px 0 0;
    color:#565959;
    font-size:9px;
    line-height:1.5;
}

.migration-options{
    margin-top:14px;
}

.migration-actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-top:15px;
}

.migration-status{
    margin:15px 0;
    padding:12px;
    border:1px solid #d5d9d9;
    border-radius:6px;
    color:#565959;
    background:#f7fafa;
    font-size:10px;
}

.migration-status.success{
    border-color:#86efac;
    color:#166534;
    background:#f0fdf4;
}

.migration-status.error{
    border-color:#fecaca;
    color:#991b1b;
    background:#fef2f2;
}

@media(max-width:760px){
    .profile-address-head-actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .profile-address-head-actions>*{
        width:100%;
    }

    .migration-actions{
        display:grid;
        grid-template-columns:1fr;
    }
}


/* =========================================================
   CUSTOMER PROFILE PAGE V3
========================================================= */

.customer-profile-page{
    padding-top:22px;
    padding-bottom:36px;
}

.profile-page-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:16px;
}

.profile-page-heading h1{
    margin:3px 0 5px;
    font-size:30px;
}

.profile-page-heading p{
    margin:0;
    color:#565959;
    font-size:10px;
}

.customer-profile-layout{
    display:grid;
    grid-template-columns:285px minmax(0,1fr);
    gap:16px;
    align-items:start;
}

.profile-navigation-card{
    position:sticky;
    top:118px;
    padding:0;
    overflow:hidden;
}

.profile-identity-card{
    min-height:165px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:20px;
    color:#fff;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,153,0,.38),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            var(--amazon-navy),
            var(--amazon-navy-2)
        );
}

.profile-identity-card>div:last-child{
    min-width:0;
}

.profile-welcome-text{
    display:block;
    color:#d5d9d9;
    font-size:9px;
}

.profile-identity-card strong{
    display:block;
    margin-top:4px;
    overflow:hidden;
    color:#fff;
    font-size:17px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile-identity-card small{
    display:block;
    margin-top:5px;
    overflow:hidden;
    color:#d5d9d9;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.profile-avatar{
    width:58px;
    height:58px;
    flex-shrink:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    color:var(--amazon-navy);
    background:var(--amazon-orange);
    font-size:24px;
    font-weight:900;
}

.profile-avatar.large{
    width:70px;
    height:70px;
    border:3px solid rgba(255,255,255,.52);
    font-size:28px;
}

.profile-avatar.overview-avatar{
    width:74px;
    height:74px;
    font-size:28px;
}

.profile-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.profile-account-menu{
    display:grid;
    padding:8px;
}

.profile-account-menu a,
.profile-account-menu button{
    width:100%;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:11px 10px;
    border:0;
    border-radius:8px;
    color:#0f1111;
    background:transparent;
    text-align:left;
    cursor:pointer;
}

.profile-account-menu a:hover,
.profile-account-menu button:hover,
.profile-account-menu a.active{
    background:#f3f3f3;
}

.profile-account-menu>a.active{
    color:#c45500;
}

.profile-account-menu>*>i{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:var(--amazon-blue);
    background:#eef7f8;
    font-size:16px;
}

.profile-account-menu span{
    min-width:0;
}

.profile-account-menu strong{
    display:block;
    font-size:10px;
}

.profile-account-menu small{
    display:block;
    margin-top:3px;
    color:#6b7280;
    font-size:8px;
}

.profile-content-column{
    display:grid;
    gap:16px;
}

.profile-overview-card,
.profile-address-section,
.profile-address-form-card{
    padding:19px;
}

.profile-overview-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding-bottom:18px;
    border-bottom:1px solid #eaeded;
}

.profile-overview-copy{
    min-width:0;
    flex:1;
}

.account-verified-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 8px;
    border-radius:99px;
    color:#166534;
    background:#dcfce7;
    font-size:8px;
    font-weight:800;
}

.profile-overview-copy h2{
    margin:8px 0 3px;
    font-size:23px;
}

.profile-overview-copy p{
    margin:0;
    color:#565959;
    font-size:10px;
}

.profile-overview-copy small{
    display:block;
    margin-top:5px;
    color:#8b8b8b;
    font-size:8px;
}

.profile-stats-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}

.profile-stat-card{
    min-height:94px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
}

.profile-stat-icon{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:12px;
    font-size:19px;
}

.profile-stat-icon.orders{
    color:#075985;
    background:#e0f2fe;
}

.profile-stat-icon.addresses{
    color:#9a3412;
    background:#ffedd5;
}

.profile-stat-icon.cart{
    color:#166534;
    background:#dcfce7;
}

.profile-stat-card strong{
    display:block;
    font-size:22px;
}

.profile-stat-card small{
    color:#565959;
    font-size:8px;
}

.profile-quick-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}

.profile-quick-actions a{
    display:grid;
    grid-template-columns:35px minmax(0,1fr) 14px;
    align-items:center;
    gap:9px;
    padding:12px;
    border:1px solid #eaeded;
    border-radius:9px;
    color:#0f1111;
}

.profile-quick-actions a:hover{
    border-color:var(--amazon-orange);
    background:#fffaf0;
}

.profile-quick-actions>a>i:first-child{
    color:#c45500;
    font-size:19px;
}

.profile-quick-actions strong{
    display:block;
    font-size:9px;
}

.profile-quick-actions small{
    display:block;
    margin-top:3px;
    color:#6b7280;
    font-size:7px;
}

.profile-quick-actions>a>i:last-child{
    color:#9ca3af;
    font-size:10px;
}

.profile-section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:13px;
}

.profile-section-heading h2{
    margin:3px 0 4px;
    font-size:21px;
}

.profile-section-heading p{
    margin:0;
    color:#565959;
    font-size:9px;
}

.profile-address-status{
    min-height:38px;
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:11px;
    padding:9px 11px;
    border:1px solid #e5e7eb;
    border-radius:7px;
    color:#565959;
    background:#f9fafb;
    font-size:9px;
}

.profile-address-status.success{
    border-color:#bbf7d0;
    color:#166534;
    background:#f0fdf4;
}

.profile-address-status.error{
    border-color:#fecaca;
    color:#991b1b;
    background:#fef2f2;
}

.profile-address-status.info{
    border-color:#bae6fd;
    color:#075985;
    background:#f0f9ff;
}

.dark-spinner{
    border-color:rgba(15,17,17,.2);
    border-top-color:#0f1111;
}

.profile-address-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}

.profile-address-empty{
    grid-column:1/-1;
    min-height:145px;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:18px;
    border:1px dashed #c7c7c7;
    border-radius:10px;
    background:#fafafa;
}

.profile-address-empty>i{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#c45500;
    background:#fff3df;
    font-size:25px;
}

.profile-address-empty strong{
    display:block;
    font-size:12px;
}

.profile-address-empty p{
    margin:5px 0 0;
    color:#565959;
    font-size:9px;
    line-height:1.5;
}

.profile-address-empty.error-state>i{
    color:#991b1b;
    background:#fee2e2;
}

.profile-address-form{
    margin-top:8px;
}

.profile-login-required{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:145px;
}

.profile-login-required>i{
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    flex-shrink:0;
    border-radius:50%;
    color:#c45500;
    background:#fff3df;
    font-size:27px;
}

.profile-login-required>div{
    flex:1;
}

.profile-login-required h2{
    margin:0;
    font-size:20px;
}

.profile-login-required p{
    margin:6px 0 0;
    color:#565959;
    font-size:9px;
}

.profile-login-identity{
    width:100%;
    text-align:center;
}

.profile-login-identity .profile-avatar{
    margin:auto;
}

.profile-login-identity strong,
.profile-login-identity small{
    text-align:center;
}

@media(max-width:980px){
    .customer-profile-layout{
        grid-template-columns:230px minmax(0,1fr);
    }

    .profile-stats-grid,
    .profile-quick-actions{
        grid-template-columns:1fr;
    }

    .profile-address-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .customer-profile-page{
        padding:12px 8px 24px;
    }

    .profile-page-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .customer-profile-layout{
        display:block;
    }

    .profile-navigation-card{
        position:static;
        margin-bottom:10px;
    }

    .profile-identity-card{
        min-height:auto;
        padding:14px;
    }

    .profile-account-menu{
        display:flex;
        overflow-x:auto;
    }

    .profile-account-menu a,
    .profile-account-menu button{
        min-width:118px;
        grid-template-columns:1fr;
        justify-items:center;
        gap:5px;
        text-align:center;
    }

    .profile-account-menu span small{
        display:none;
    }

    .profile-overview-card,
    .profile-address-section,
    .profile-address-form-card{
        padding:13px;
    }

    .profile-overview-head{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .profile-overview-copy{
        width:calc(100% - 90px);
    }

    .profile-overview-head>a{
        width:100%;
    }

    .profile-stats-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .profile-stat-card{
        min-height:83px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:5px;
        padding:8px;
        text-align:center;
    }

    .profile-stat-icon{
        width:35px;
        height:35px;
        font-size:15px;
    }

    .profile-stat-card strong{
        font-size:17px;
    }

    .profile-section-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .profile-address-head-actions{
        width:100%;
        grid-template-columns:1fr 1fr;
    }

    .profile-address-empty{
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
    }

    .profile-address-empty>button{
        width:100%;
    }

    .profile-login-required{
        align-items:flex-start;
        flex-direction:column;
    }

    .profile-login-required>a{
        width:100%;
    }
}

@media(max-width:430px){
    .profile-stats-grid{
        grid-template-columns:1fr;
    }

    .profile-stat-card{
        flex-direction:row;
        justify-content:flex-start;
        text-align:left;
    }
}


/* =========================================================
   SLIDER IMAGE — FULL FIT, NO CROP
========================================================= */

.amazon-hero,
.amazon-hero .hero-track,
.amazon-hero .hero-slide{
    height:clamp(280px,31vw,470px);
    min-height:clamp(280px,31vw,470px);
}

.amazon-hero .hero-slide{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:var(--slide-bg,#e8edf3);
    background-image:none!important;
    background-size:auto!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}

.hero-image-stage{
    position:absolute;
    inset:0;
    z-index:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:var(--slide-bg,#e8edf3);
}

.hero-image-blur{
    position:absolute;
    inset:-22px;
    width:calc(100% + 44px);
    height:calc(100% + 44px);
    object-fit:cover;
    object-position:center;
    filter:blur(20px);
    opacity:.24;
    transform:scale(1.05);
}

.hero-image-fit{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center;
}

.hero-image-stage.image-error{
    display:none;
}

.amazon-hero .hero-slide-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(15,23,42,.80) 0%,
            rgba(15,23,42,.48) 34%,
            rgba(15,23,42,.10) 64%,
            rgba(15,23,42,0) 100%
        );
}

.amazon-hero .hero-content{
    position:relative;
    z-index:2;
}

.amazon-hero .hero-slide.no-slide-image{
    background:
        linear-gradient(
            135deg,
            var(--slide-bg,#263b55),
            #526b84
        )!important;
}

.amazon-hero .hero-slide.no-slide-image .hero-slide-overlay{
    background:
        linear-gradient(
            90deg,
            rgba(15,23,42,.55),
            rgba(15,23,42,.12)
        );
}

@media(max-width:760px){

    .amazon-hero,
    .amazon-hero .hero-track,
    .amazon-hero .hero-slide{
        height:clamp(220px,62vw,330px);
        min-height:clamp(220px,62vw,330px);
    }

    .hero-image-blur{
        inset:-15px;
        width:calc(100% + 30px);
        height:calc(100% + 30px);
        filter:blur(14px);
        opacity:.22;
    }

    .amazon-hero .hero-slide-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(15,23,42,.77) 0%,
                rgba(15,23,42,.44) 48%,
                rgba(15,23,42,.06) 100%
            );
    }

    .amazon-hero .hero-content{
        width:min(88%,430px);
        padding:35px 20px;
    }
}

@media(max-width:430px){

    .amazon-hero,
    .amazon-hero .hero-track,
    .amazon-hero .hero-slide{
        height:245px;
        min-height:245px;
    }

    .amazon-hero .hero-content h1{
        font-size:24px;
    }

    .amazon-hero .hero-content p{
        max-width:230px;
    }
}


/* =========================================================
   CLEAN IMAGE-ONLY BANNER SLIDER
   Banner artwork already contains its own text and offer button.
========================================================= */

.amazon-hero{
    position:relative;
    min-height:0!important;
    height:auto!important;
    margin-inline:0;
    overflow:hidden;
    border-radius:0;
    background:#f4f4f4;
    box-shadow:none;
}

.amazon-hero .hero-track{
    height:auto!important;
    min-height:0!important;
    align-items:stretch;
}

.amazon-hero .hero-slide.clean-banner-slide{
    position:relative;
    flex:0 0 100%;
    width:100%;
    height:var(
        --site-banner-desktop-height,
        360px
    )!important;
    min-height:var(
        --site-banner-desktop-height,
        360px
    )!important;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:var(--slide-bg,#f4f4f4)!important;
    background-image:none!important;
}

.clean-banner-image{
    width:100%;
    height:100%;
    display:block;
    object-fit:var(
        --site-banner-fit,
        contain
    );
    object-position:center;
    background:var(
        --site-banner-bg,
        var(--slide-bg,#f4f4f4)
    );
}

.clean-banner-slide.image-error .clean-banner-image{
    display:none;
}

.clean-banner-empty{
    width:100%;
    height:100%;
    display:grid;
    place-content:center;
    gap:8px;
    color:#475569;
    text-align:center;
    background:
        linear-gradient(
            135deg,
            #e0f2fe,
            #fef3c7
        );
}

.clean-banner-empty i{
    font-size:37px;
}

.clean-banner-empty strong{
    font-size:18px;
}

/* Existing separate text/button layer is disabled. */
.amazon-hero .hero-content,
.amazon-hero .hero-slide-overlay,
.amazon-hero .hero-image-stage,
.amazon-hero .hero-image-blur,
.amazon-hero .hero-image-fit{
    display:none!important;
}

.hero-arrow{
    position:absolute;
    top:50%;
    z-index:8;
    width:47px;
    height:78px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    color:#111827;
    background:rgba(255,255,255,.52);
    box-shadow:none;
    transform:translateY(-50%);
    cursor:pointer;
    transition:
        background .18s ease,
        color .18s ease;
}

.hero-arrow:hover{
    color:#000;
    background:rgba(255,255,255,.86);
}

.hero-arrow i{
    font-size:35px;
    line-height:1;
}

.hero-arrow-prev{
    left:0;
    border-radius:0 5px 5px 0;
}

.hero-arrow-next{
    right:0;
    border-radius:5px 0 0 5px;
}

.clean-banner-dots{
    bottom:8px;
    z-index:9;
    gap:5px;
}

.clean-banner-dots button{
    width:7px;
    height:7px;
    border:1px solid rgba(0,0,0,.42);
    background:rgba(255,255,255,.70);
}

.clean-banner-dots button.active{
    width:18px;
    background:var(--amazon-orange);
}

@media(max-width:760px){

    .amazon-hero .hero-slide.clean-banner-slide{
        height:var(
            --site-banner-tablet-height,
            260px
        )!important;
        min-height:var(
            --site-banner-tablet-height,
            260px
        )!important;
    }

    .hero-arrow{
        width:34px;
        height:58px;
    }

    .hero-arrow i{
        font-size:26px;
    }

    .clean-banner-dots{
        bottom:5px;
    }
}

@media(max-width:430px){

    .amazon-hero .hero-slide.clean-banner-slide{
        height:var(
            --site-banner-mobile-height,
            150px
        )!important;
        min-height:var(
            --site-banner-mobile-height,
            150px
        )!important;
    }

    .hero-arrow{
        width:29px;
        height:48px;
    }

    .hero-arrow i{
        font-size:22px;
    }
}


@media(max-width:760px){
    .delivery-address-card{
        min-height:auto;
        padding:15px;
    }

    .delivery-address-name{
        font-size:15px;
    }

    .delivery-address-card p{
        font-size:13px;
    }

    .delivery-address-footer{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
        font-size:12px;
    }

    .address-row-select-hint{
        font-size:10px;
    }
}


/* =========================================================
   ADMIN-CONTROLLED WEBSITE BANNER SIZE / FIT
   Source: customer/site-data/site-settings.json
========================================================= */

/*
The old fixed 16:3 aspect-ratio and hard-coded object-fit:contain rules were
removed. Desktop, tablet, mobile height, image fit and background now follow
the values saved from admin/website_setup/index.php.
*/

.amazon-home .amazon-hero{
    left:50%;
    width:min(100vw,1920px);
    max-width:1920px;
    height:var(--site-banner-desktop-height,360px)!important;
    min-height:var(--site-banner-desktop-height,360px)!important;
    margin-left:0;
    transform:translateX(-50%);
    background:var(--site-banner-bg,#f4f4f4)!important;
}

.amazon-home .amazon-hero .hero-track,
.amazon-home .amazon-hero .hero-slide.clean-banner-slide{
    width:100%;
    height:100%!important;
    min-height:100%!important;
    aspect-ratio:auto!important;
}

.amazon-home .amazon-hero .hero-slide.clean-banner-slide{
    display:block;
    background:var(--site-banner-bg,#f4f4f4)!important;
}

.website-banner-link{
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-banner-link .wide-banner-image-stage,
.wide-banner-image-stage{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:var(--site-banner-bg,#f4f4f4)!important;
}

/*
The blurred duplicate image previously covered the selected empty-space
background. It is disabled so the admin background colour is visible when
"Full Image — No Crop" is selected.
*/
.wide-banner-backdrop{
    display:none!important;
}

.amazon-home .clean-banner-image{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:block;
    object-fit:var(--site-banner-fit,contain)!important;
    object-position:center;
    background:var(--site-banner-bg,#f4f4f4)!important;
}

.clean-banner-slide.image-error .wide-banner-image-stage{
    display:none;
}

.amazon-home .hero-arrow{
    z-index:10;
}

@media(max-width:760px){
    .amazon-home .amazon-hero{
        height:var(--site-banner-tablet-height,260px)!important;
        min-height:var(--site-banner-tablet-height,260px)!important;
    }
}

@media(max-width:430px){
    .amazon-home .amazon-hero{
        height:var(--site-banner-mobile-height,150px)!important;
        min-height:var(--site-banner-mobile-height,150px)!important;
    }
}

@media(min-width:1921px){
    .amazon-home .amazon-hero{
        border-radius:0 0 10px 10px;
    }
}

/* =========================================================
   DEVICE BASED SLIDER SOURCE
   Mobile <= 768px : mobile-app `sliders` table (1200 x 608)
   Desktop > 768px : `website_banners` + admin banner settings
========================================================= */

.amazon-home .amazon-hero[data-slider-source="website_banners"]{
    background:var(--site-banner-bg,#f4f4f4)!important;
}

.amazon-home .amazon-hero[data-slider-source="website_banners"]
.clean-banner-image{
    object-fit:var(--site-banner-fit,contain)!important;
    background:var(--site-banner-bg,#f4f4f4)!important;
}

@media(max-width:768px){

    /*
    App slider image ka natural ratio maintain hota hai.
    1200 / 608 = 1.973684...
    */
    .amazon-home .amazon-hero[data-slider-source="app_sliders"]{
        width:100vw;
        max-width:none;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1200 / 608!important;
        overflow:hidden;
        background:#fff!important;
        border-radius:0;
        touch-action:pan-y;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .hero-track,
    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .hero-slide.clean-banner-slide,
    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .wide-banner-image-stage,
    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .website-banner-link{
        width:100%;
        height:100%!important;
        min-height:0!important;
        aspect-ratio:auto!important;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .hero-slide.clean-banner-slide{
        background:#fff!important;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .wide-banner-image-stage{
        position:absolute;
        inset:0;
        background:#fff!important;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .wide-banner-backdrop{
        display:none!important;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .clean-banner-image{
        width:100%;
        height:100%;
        object-fit:contain!important;
        object-position:center;
        background:#fff!important;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .hero-arrow{
        width:30px;
        height:52px;
        background:rgba(255,255,255,.58);
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .hero-arrow i{
        font-size:22px;
    }

    .amazon-home .amazon-hero[data-slider-source="app_sliders"]
    .clean-banner-dots{
        bottom:5px;
    }
}

@media(min-width:769px) and (max-width:1024px){
    .amazon-home .amazon-hero[data-slider-source="website_banners"]{
        height:var(--site-banner-tablet-height,260px)!important;
        min-height:var(--site-banner-tablet-height,260px)!important;
    }
}

@media(min-width:1025px){
    .amazon-home .amazon-hero[data-slider-source="website_banners"]{
        height:var(--site-banner-desktop-height,360px)!important;
        min-height:var(--site-banner-desktop-height,360px)!important;
    }
}

/* =========================================================
   CUSTOMER USER PROFILE — FULL LOOK V4
   No dashboard stats. Clean personal-profile presentation.
========================================================= */

.customer-profile-page{
    padding-top:24px;
    padding-bottom:42px;
}

.profile-page-heading{
    align-items:center;
    margin-bottom:18px;
}

.profile-page-heading h1{
    margin:4px 0 5px;
    color:#111827;
    font-size:32px;
    line-height:1.1;
}

.profile-page-heading p{
    color:#64748b;
    font-size:12px;
}

.customer-profile-layout{
    grid-template-columns:280px minmax(0,1fr);
    gap:18px;
}

.profile-navigation-card{
    top:112px;
    border-radius:22px;
    box-shadow:0 14px 38px rgba(15,23,42,.09);
}

.profile-identity-card{
    min-height:224px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:11px;
    padding:24px 20px;
    text-align:center;
    background:
        radial-gradient(circle at 12% 4%,rgba(255,255,255,.24),transparent 28%),
        radial-gradient(circle at 88% 90%,rgba(251,191,36,.35),transparent 32%),
        linear-gradient(145deg,#111827,#1e3a8a 58%,#2563eb);
}

.profile-identity-card>div:last-child{
    width:100%;
}

.profile-identity-copy{
    min-width:0;
}

.profile-identity-card .user-profile-avatar.sidebar-avatar{
    width:86px;
    height:86px;
    border:4px solid rgba(255,255,255,.78);
    box-shadow:0 12px 30px rgba(15,23,42,.28);
    font-size:32px;
}

.profile-welcome-text{
    color:#bfdbfe;
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.profile-identity-card strong{
    margin-top:5px;
    color:#fff;
    font-size:19px;
}

.profile-identity-card small{
    margin-top:5px;
    color:#dbeafe;
    font-size:10px;
}

.profile-sidebar-verified{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:10px;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    color:#ecfdf5;
    background:rgba(15,23,42,.18);
    font-size:9px;
    font-weight:800;
}

.profile-sidebar-verified i{
    color:#86efac;
}

.profile-account-menu{
    gap:3px;
    padding:10px;
}

.profile-account-menu a,
.profile-account-menu button{
    min-height:58px;
    grid-template-columns:40px minmax(0,1fr);
    gap:11px;
    padding:9px 11px;
    border-radius:12px;
}

.profile-account-menu a:hover,
.profile-account-menu button:hover,
.profile-account-menu a.active{
    background:#eff6ff;
}

.profile-account-menu>a.active{
    color:#1d4ed8;
    box-shadow:inset 3px 0 0 #2563eb;
}

.profile-account-menu>*>i{
    width:40px;
    height:40px;
    color:#1d4ed8;
    background:#dbeafe;
    font-size:17px;
}

.profile-account-menu strong{
    font-size:12px;
}

.profile-account-menu small{
    margin-top:2px;
    font-size:9px;
}

.profile-content-column{
    gap:18px;
}

.user-profile-main-card{
    padding:0;
    overflow:hidden;
    border-radius:22px;
    box-shadow:0 14px 38px rgba(15,23,42,.09);
}

.user-profile-panel{
    position:relative;
    min-height:430px;
}

.user-profile-cover{
    position:relative;
    height:154px;
    overflow:hidden;
    background:
        linear-gradient(115deg,rgba(15,23,42,.12),transparent 58%),
        linear-gradient(125deg,#0f172a,#1d4ed8 58%,#38bdf8);
}

.user-profile-cover::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:34px 34px;
}

.user-profile-cover-shape{
    position:absolute;
    z-index:1;
    border-radius:50%;
    background:rgba(255,255,255,.13);
}

.user-profile-cover-shape.shape-one{
    width:190px;
    height:190px;
    top:-108px;
    right:8%;
}

.user-profile-cover-shape.shape-two{
    width:110px;
    height:110px;
    right:-28px;
    bottom:-45px;
}

.user-profile-head{
    position:relative;
    z-index:3;
    min-height:118px;
    display:flex;
    align-items:flex-end;
    gap:17px;
    padding:0 24px 21px;
    margin-top:-49px;
    border-bottom:1px solid #e5e7eb;
}

.user-profile-avatar{
    position:relative;
    display:grid;
    place-items:center;
    flex-shrink:0;
    overflow:visible;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#f97316,#fb923c);
    font-weight:900;
    text-transform:uppercase;
}

.user-profile-avatar.main-avatar{
    width:102px;
    height:102px;
    border:5px solid #fff;
    box-shadow:0 12px 28px rgba(15,23,42,.22);
    font-size:39px;
}

.user-profile-avatar img{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:50%;
    object-fit:cover;
}

.user-profile-online-dot{
    position:absolute;
    right:3px;
    bottom:8px;
    width:20px;
    height:20px;
    border:4px solid #fff;
    border-radius:50%;
    background:#22c55e;
}

.user-profile-head-copy{
    min-width:0;
    flex:1;
    padding-bottom:3px;
}

.user-profile-verified-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 9px;
    border-radius:999px;
    color:#166534;
    background:#dcfce7;
    font-size:9px;
    font-weight:900;
}

.user-profile-head-copy h2{
    margin:8px 0 4px;
    overflow:hidden;
    color:#111827;
    font-size:25px;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.user-profile-head-copy p{
    margin:0;
    overflow:hidden;
    color:#64748b;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.user-profile-edit-button{
    margin-bottom:6px;
}

.user-profile-body{
    padding:22px 24px 24px;
}

.user-profile-details-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.user-profile-detail-card{
    min-width:0;
    padding:17px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
}

.user-profile-detail-card header{
    display:flex;
    align-items:center;
    gap:11px;
    padding-bottom:14px;
    border-bottom:1px solid #eef2f7;
}

.user-profile-detail-icon{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    flex:0 0 43px;
    border-radius:13px;
    font-size:19px;
}

.user-profile-detail-icon.personal{
    color:#1d4ed8;
    background:#dbeafe;
}

.user-profile-detail-icon.account{
    color:#7c2d12;
    background:#ffedd5;
}

.user-profile-detail-card h3{
    margin:0;
    color:#172033;
    font-size:15px;
}

.user-profile-detail-card header p{
    margin:3px 0 0;
    color:#64748b;
    font-size:9px;
}

.user-profile-detail-list{
    margin:0;
}

.user-profile-detail-list>div{
    display:grid;
    grid-template-columns:125px minmax(0,1fr);
    gap:12px;
    padding:12px 0;
    border-bottom:1px dashed #e2e8f0;
}

.user-profile-detail-list>div:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.user-profile-detail-list dt{
    color:#64748b;
    font-size:10px;
    font-weight:700;
}

.user-profile-detail-list dd{
    min-width:0;
    margin:0;
    overflow-wrap:anywhere;
    color:#172033;
    font-size:11px;
    font-weight:800;
    text-align:right;
}

.profile-mono{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:9px!important;
}

.user-profile-status-active{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#15803d;
}

.user-profile-edit-panel{
    margin-top:15px;
    padding:18px;
    border:1px solid #bfdbfe;
    border-radius:16px;
    background:#f8fbff;
}

.user-profile-edit-panel[hidden]{
    display:none!important;
}

.user-profile-edit-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.user-profile-edit-heading h3{
    margin:3px 0 4px;
    font-size:17px;
}

.user-profile-edit-heading p{
    margin:0;
    color:#64748b;
    font-size:9px;
}

.profile-edit-close{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    flex:0 0 36px;
    border:1px solid #cbd5e1;
    border-radius:10px;
    color:#334155;
    background:#fff;
    cursor:pointer;
}

.user-profile-edit-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:12px;
}

.user-profile-edit-form label span{
    display:block;
    margin-bottom:6px;
    color:#334155;
    font-size:10px;
    font-weight:900;
}

.user-profile-edit-form input{
    width:100%;
    min-height:48px;
    padding:0 13px;
    border:1px solid #cbd5e1;
    border-radius:11px;
    outline:0;
}

.user-profile-edit-form input:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.1);
}

.user-profile-edit-actions{
    display:flex;
    gap:8px;
}

.user-profile-edit-form .form-message{
    grid-column:1/-1;
    margin:0;
}

.user-profile-security-note{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:15px;
    padding:14px 16px;
    border:1px solid #bbf7d0;
    border-radius:14px;
    color:#14532d;
    background:#f0fdf4;
}

.user-profile-security-note>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    border-radius:12px;
    color:#15803d;
    background:#dcfce7;
    font-size:19px;
}

.user-profile-security-note strong{
    display:block;
    font-size:11px;
}

.user-profile-security-note p{
    margin:4px 0 0;
    color:#3f6212;
    font-size:9px;
    line-height:1.5;
}

.user-profile-loading{
    min-height:260px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#64748b;
    font-size:11px;
}

.user-profile-guest{
    min-height:350px;
    display:grid;
    grid-template-columns:72px minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:30px;
}

.user-profile-guest-icon{
    width:72px;
    height:72px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#1d4ed8;
    background:#dbeafe;
    font-size:29px;
}

.user-profile-guest h2{
    margin:4px 0 6px;
    font-size:23px;
}

.user-profile-guest p{
    max-width:540px;
    margin:0;
    color:#64748b;
    font-size:10px;
    line-height:1.6;
}

.profile-address-section,
.profile-address-form-card{
    padding:21px;
    border-radius:22px;
    box-shadow:0 14px 38px rgba(15,23,42,.08);
}

.profile-section-heading h2{
    color:#172033;
    font-size:22px;
}

.profile-section-heading p{
    color:#64748b;
    font-size:10px;
}

@media(max-width:1050px){
    .customer-profile-layout{
        grid-template-columns:235px minmax(0,1fr);
    }

    .user-profile-details-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .customer-profile-page{
        padding:13px 8px 30px;
    }

    .profile-page-heading{
        align-items:flex-start;
    }

    .profile-page-heading h1{
        font-size:26px;
    }

    .profile-page-heading>a{
        width:100%;
    }

    .profile-navigation-card{
        margin-bottom:12px;
        border-radius:17px;
    }

    .profile-identity-card{
        min-height:auto;
        flex-direction:row;
        justify-content:flex-start;
        padding:15px;
        text-align:left;
    }

    .profile-identity-card .user-profile-avatar.sidebar-avatar{
        width:64px;
        height:64px;
        flex:0 0 64px;
        border-width:3px;
        font-size:25px;
    }

    .profile-sidebar-verified{
        margin-top:7px;
    }

    .profile-account-menu{
        display:flex;
        gap:6px;
        padding:8px;
        overflow-x:auto;
        scrollbar-width:none;
    }

    .profile-account-menu::-webkit-scrollbar{
        display:none;
    }

    .profile-account-menu a,
    .profile-account-menu button{
        min-width:102px;
        min-height:72px;
        grid-template-columns:1fr;
        justify-items:center;
        gap:5px;
        padding:8px;
        text-align:center;
    }

    .profile-account-menu>a.active{
        box-shadow:inset 0 -3px 0 #2563eb;
    }

    .profile-account-menu>*>i{
        width:34px;
        height:34px;
        font-size:15px;
    }

    .profile-account-menu strong{
        font-size:10px;
    }

    .profile-account-menu small{
        display:none;
    }

    .user-profile-main-card{
        border-radius:17px;
    }

    .user-profile-cover{
        height:120px;
    }

    .user-profile-head{
        align-items:center;
        flex-wrap:wrap;
        gap:12px;
        padding:0 15px 17px;
        margin-top:-39px;
    }

    .user-profile-avatar.main-avatar{
        width:82px;
        height:82px;
        border-width:4px;
        font-size:31px;
    }

    .user-profile-online-dot{
        width:17px;
        height:17px;
        border-width:3px;
    }

    .user-profile-head-copy{
        width:calc(100% - 98px);
    }

    .user-profile-head-copy h2{
        font-size:20px;
    }

    .user-profile-edit-button{
        width:100%;
        margin:0;
    }

    .user-profile-body{
        padding:15px;
    }

    .user-profile-detail-card{
        padding:14px;
    }

    .user-profile-detail-list>div{
        grid-template-columns:105px minmax(0,1fr);
    }

    .user-profile-edit-form{
        grid-template-columns:1fr;
    }

    .user-profile-edit-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .user-profile-edit-actions>*{
        width:100%;
    }

    .user-profile-security-note{
        align-items:flex-start;
    }

    .user-profile-guest{
        grid-template-columns:1fr;
        justify-items:center;
        padding:24px 17px;
        text-align:center;
    }

    .user-profile-guest>a{
        width:100%;
    }

    .profile-address-section,
    .profile-address-form-card{
        padding:15px;
        border-radius:17px;
    }
}

@media(max-width:430px){
    .profile-identity-card{
        align-items:center;
    }

    .profile-identity-card strong{
        font-size:16px;
    }

    .profile-sidebar-verified{
        font-size:8px;
    }

    .user-profile-head-copy{
        width:calc(100% - 94px);
    }

    .user-profile-verified-badge{
        padding:4px 7px;
        font-size:8px;
    }

    .user-profile-detail-list>div{
        grid-template-columns:1fr;
        gap:4px;
    }

    .user-profile-detail-list dd{
        text-align:left;
    }

    .user-profile-edit-actions{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   CUSTOMER PROFILE — MOBILE RESPONSIVE FIX V2
   Mobile par duplicate sidebar identity/menu hide hota hai.
   Sirf main user profile card + saved addresses show hote hain.
========================================================= */

@media (max-width:760px){

    html,
    body{
        max-width:100%;
        overflow-x:hidden;
    }

    .customer-profile-page{
        width:100%;
        max-width:100%;
        padding:14px 10px calc(108px + env(safe-area-inset-bottom));
        overflow:hidden;
    }

    .profile-page-heading{
        display:block;
        margin-bottom:14px;
    }

    .profile-page-heading>div{
        min-width:0;
    }

    .profile-page-heading .eyebrow{
        font-size:11px;
    }

    .profile-page-heading h1{
        margin:5px 0 5px;
        font-size:29px;
        line-height:1.08;
    }

    .profile-page-heading p{
        margin:0;
        font-size:13px;
        line-height:1.45;
    }

    .profile-page-heading>a.secondary-button{
        width:100%;
        min-height:48px;
        margin-top:14px;
        justify-content:center;
        border-radius:14px;
    }

    .customer-profile-layout{
        display:block;
        width:100%;
        min-width:0;
    }

    /* Desktop sidebar mobile par duplicate profile bana raha tha. */
    .customer-profile-layout>.profile-navigation-card{
        display:none!important;
    }

    .profile-content-column{
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    .user-profile-main-card,
    .profile-address-section,
    .profile-address-form-card{
        width:100%;
        max-width:100%;
        min-width:0;
        margin:0;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 9px 25px rgba(15,23,42,.09);
    }

    .user-profile-panel{
        width:100%;
        min-width:0;
        min-height:0;
    }

    .user-profile-cover{
        height:105px;
    }

    .user-profile-cover-shape.shape-one{
        width:145px;
        height:145px;
        top:-82px;
        right:5%;
    }

    .user-profile-cover-shape.shape-two{
        width:84px;
        height:84px;
        right:-24px;
        bottom:-35px;
    }

    .user-profile-head{
        display:grid;
        grid-template-columns:78px minmax(0,1fr);
        align-items:center;
        gap:12px;
        min-height:0;
        margin-top:-35px;
        padding:0 14px 16px;
    }

    .user-profile-avatar.main-avatar{
        width:78px;
        height:78px;
        border-width:4px;
        font-size:30px;
    }

    .user-profile-online-dot{
        right:1px;
        bottom:5px;
        width:17px;
        height:17px;
        border-width:3px;
    }

    .user-profile-head-copy{
        width:auto;
        min-width:0;
        padding:22px 0 0;
    }

    .user-profile-verified-badge{
        max-width:100%;
        padding:5px 8px;
        font-size:8px;
        white-space:nowrap;
    }

    .user-profile-head-copy h2{
        margin:7px 0 3px;
        font-size:22px;
        line-height:1.15;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .user-profile-head-copy p{
        font-size:11px;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .user-profile-edit-button{
        grid-column:1/-1;
        width:100%;
        min-height:45px;
        margin:2px 0 0;
        justify-content:center;
    }

    .user-profile-body{
        padding:13px;
    }

    .user-profile-details-grid{
        grid-template-columns:1fr!important;
        gap:11px;
    }

    .user-profile-detail-card{
        width:100%;
        min-width:0;
        padding:13px;
        border-radius:14px;
    }

    .user-profile-detail-card header{
        gap:10px;
        padding-bottom:11px;
    }

    .user-profile-detail-icon{
        width:40px;
        height:40px;
        flex-basis:40px;
    }

    .user-profile-detail-card h3{
        font-size:14px;
    }

    .user-profile-detail-list>div{
        grid-template-columns:1fr;
        gap:4px;
        padding:10px 0;
    }

    .user-profile-detail-list dt,
    .user-profile-detail-list dd{
        font-size:11px;
        text-align:left;
        overflow-wrap:anywhere;
    }

    .profile-mono{
        font-size:9px!important;
        word-break:break-all;
    }

    .user-profile-edit-panel{
        margin-top:12px;
        padding:13px;
        border-radius:14px;
    }

    .user-profile-edit-heading{
        gap:9px;
    }

    .user-profile-edit-form{
        grid-template-columns:1fr!important;
        gap:10px;
    }

    .user-profile-edit-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .user-profile-edit-actions>*{
        width:100%;
        min-height:44px;
    }

    .user-profile-security-note{
        align-items:flex-start;
        gap:10px;
        padding:12px;
    }

    .user-profile-security-note>span{
        width:38px;
        height:38px;
        flex-basis:38px;
    }

    .profile-address-section,
    .profile-address-form-card{
        padding:14px;
    }

    .profile-section-heading{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:12px;
    }

    .profile-section-heading>div{
        min-width:0;
    }

    .profile-section-heading h2{
        font-size:20px;
    }

    .profile-section-heading p{
        font-size:11px;
        line-height:1.5;
    }

    .profile-address-head-actions,
    .profile-address-head-actions .primary-button,
    .profile-section-heading>.secondary-button{
        width:100%;
    }

    .profile-address-head-actions .primary-button,
    .profile-section-heading>.secondary-button{
        min-height:45px;
        justify-content:center;
    }

    .profile-address-grid{
        grid-template-columns:1fr!important;
    }

    .profile-address-form.form-grid{
        grid-template-columns:1fr!important;
    }

    .profile-address-form .full-field{
        grid-column:auto!important;
    }

    .address-form-buttons{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .address-form-buttons>*{
        width:100%;
        min-height:45px;
    }
}

@media (max-width:390px){

    .customer-profile-page{
        padding-left:8px;
        padding-right:8px;
    }

    .profile-page-heading h1{
        font-size:27px;
    }

    .user-profile-head{
        grid-template-columns:70px minmax(0,1fr);
        gap:10px;
        padding-left:12px;
        padding-right:12px;
    }

    .user-profile-avatar.main-avatar{
        width:70px;
        height:70px;
        font-size:27px;
    }

    .user-profile-head-copy h2{
        font-size:20px;
    }
}

/* =========================================================
   CASHFREE CHECKOUT
========================================================= */
.checkout-field-title{
    display:block;
    margin-bottom:9px;
    color:#334155;
    font-size:13px;
    font-weight:900;
}

.checkout-payment-section{
    min-width:0;
}

.checkout-payment-methods{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.checkout-payment-option{
    position:relative;
    min-width:0;
    min-height:92px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 28px;
    align-items:center;
    gap:12px;
    padding:15px;
    border:2px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
    cursor:pointer;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.checkout-payment-option:hover{
    border-color:#94a3b8;
    transform:translateY(-1px);
}

.checkout-payment-option.active{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

.checkout-payment-option.disabled{
    opacity:.52;
    cursor:not-allowed;
    filter:grayscale(.35);
}

.checkout-payment-option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.checkout-payment-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    font-size:21px;
}

.checkout-payment-icon.cod{
    color:#166534;
    background:#dcfce7;
}

.checkout-payment-icon.online{
    color:#1d4ed8;
    background:#dbeafe;
}

.checkout-payment-copy{
    min-width:0;
}

.checkout-payment-copy strong,
.checkout-payment-copy small{
    display:block;
}

.checkout-payment-copy strong{
    color:#0f172a;
    font-size:14px;
    font-weight:900;
}

.checkout-payment-copy small{
    margin-top:4px;
    color:#64748b;
    font-size:11px;
    line-height:1.45;
}

.checkout-payment-check{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border:2px solid #cbd5e1;
    border-radius:50%;
    color:transparent;
    background:#fff;
    font-size:13px;
}

.checkout-payment-option.active .checkout-payment-check{
    border-color:#2563eb;
    color:#fff;
    background:#2563eb;
}

.cashfree-secure-note{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:11px;
    padding:10px 12px;
    border:1px solid #bbf7d0;
    border-radius:11px;
    color:#166534;
    background:#f0fdf4;
    font-size:11px;
}

.cashfree-secure-note i{
    font-size:16px;
}

.checkout-submit .spinner{
    width:17px;
    height:17px;
    display:inline-block;
    border:2px solid rgba(255,255,255,.45);
    border-top-color:#fff;
    border-radius:50%;
    animation:cashfreeSpin .7s linear infinite;
}

@keyframes cashfreeSpin{
    to{transform:rotate(360deg)}
}

@media(max-width:700px){
    .checkout-payment-methods{
        grid-template-columns:1fr;
    }

    .checkout-payment-option{
        min-height:82px;
        grid-template-columns:44px minmax(0,1fr) 26px;
        padding:13px;
    }

    .checkout-payment-icon{
        width:44px;
        height:44px;
        font-size:19px;
    }
}