/* ===================================================================
   VENUS SHOP v13 — MOBILE FIRST / TRENDYOL-CLARITY RESPONSIVE LAYER
   Loaded AFTER style.css. Desktop remains unchanged above 768px.
   =================================================================== */

.mobile-store-header,
.mobile-bottom-nav,
.mobile-product-buybar {
    display:none;
}

@media (max-width: 768px) {
    :root {
        --mobile-bottom-h:66px;
        --mobile-radius:14px;
    }

    html {
        width:100%;
        max-width:100%;
        overflow-x:hidden;
        -webkit-text-size-adjust:100%;
        scroll-padding-top:155px;
    }
    body.storefront-v13 {
        width:100%;
        max-width:100%;
        overflow-x:hidden;
        background:#f7f8fa;
        padding-bottom:calc(var(--mobile-bottom-h) + env(safe-area-inset-bottom, 0px));
    }
    body.storefront-v13.product-page,
    body.storefront-v13.checkout-page {
        padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px));
    }

    .storefront-v13 *,
    .storefront-v13 *::before,
    .storefront-v13 *::after {
        box-sizing:border-box;
    }
    .storefront-v13 img,
    .storefront-v13 video,
    .storefront-v13 iframe {
        max-width:100%;
    }
    .storefront-v13 input,
    .storefront-v13 select,
    .storefront-v13 textarea,
    .storefront-v13 button {
        font-size:16px; /* iOS automatic zoom prevention */
    }
    .storefront-v13 button,
    .storefront-v13 .btn,
    .storefront-v13 a {
        -webkit-tap-highlight-color:transparent;
    }
    .storefront-v13 .container {
        width:100%;
        max-width:none;
        padding-left:12px;
        padding-right:12px;
    }

    /* ---------- MOBILE HEADER ---------- */
    .storefront-v13 .utility-bar,
    .storefront-v13 .desktop-store-header {
        display:none !important;
    }
    .storefront-v13 .main-header {
        position:sticky;
        top:0;
        z-index:80;
        background:#fff;
        border-bottom:1px solid #e9edf2;
        box-shadow:0 3px 14px rgba(18,38,63,.055);
    }
    .storefront-v13 .mobile-store-header {
        display:block;
        width:100%;
        padding:
            max(8px, env(safe-area-inset-top, 0px))
            12px
            8px;
        background:#fff;
    }
    .storefront-v13 .mobile-top-line {
        min-height:42px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin-bottom:7px;
    }
    .storefront-v13 .mobile-brand {
        min-width:0;
        max-width:54vw;
        display:flex;
        align-items:center;
        color:#15243e;
        font-size:18px;
        line-height:1;
        font-weight:900;
        letter-spacing:-.02em;
        overflow:hidden;
    }
    .storefront-v13 .mobile-brand img {
        display:block;
        width:auto;
        max-width:150px;
        height:35px;
        object-fit:contain;
        object-position:left center;
    }
    .storefront-v13 .mobile-brand span {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .storefront-v13 .mobile-head-actions {
        display:flex;
        align-items:center;
        gap:4px;
        flex:0 0 auto;
    }
    .storefront-v13 .mobile-icon-link {
        position:relative;
        width:38px;
        height:38px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:11px;
        color:#283852;
        font-size:21px;
        font-weight:700;
    }
    .storefront-v13 .mobile-icon-link:active {
        background:#f1f5f7;
        transform:scale(.96);
    }
    .storefront-v13 .mobile-cart-link b {
        position:absolute;
        top:0;
        right:0;
        min-width:18px;
        height:18px;
        padding:0 5px;
        border-radius:999px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#1bc7b0;
        border:2px solid #fff;
        color:#fff;
        font-size:9px;
        line-height:1;
    }

    .storefront-v13 .mobile-search {
        height:43px;
        display:grid;
        grid-template-columns:28px minmax(0,1fr) auto;
        align-items:center;
        gap:5px;
        padding:0 5px 0 10px;
        border:1px solid #dde5eb;
        border-radius:12px;
        background:#f6f8fa;
    }
    .storefront-v13 .mobile-search > span {
        color:#7b889b;
        font-size:22px;
        line-height:1;
    }
    .storefront-v13 .mobile-search input {
        min-width:0;
        height:100%;
        padding:0;
        border:0;
        outline:0;
        background:transparent;
        box-shadow:none;
        color:#1f2f48;
        font-size:14px;
    }
    .storefront-v13 .mobile-search input::placeholder {
        color:#8c98a9;
    }
    .storefront-v13 .mobile-search button {
        min-width:52px;
        height:34px;
        padding:0 11px;
        border:0;
        border-radius:9px;
        background:#20cbb4;
        color:#fff;
        font-size:12px;
        font-weight:800;
    }

    .storefront-v13 .mobile-category-scroll {
        display:flex;
        gap:7px;
        margin-top:8px;
        padding-bottom:1px;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
    }
    .storefront-v13 .mobile-category-scroll::-webkit-scrollbar {display:none}
    .storefront-v13 .mobile-category-scroll a {
        flex:0 0 auto;
        min-height:31px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 12px;
        border:1px solid #e1e7ed;
        border-radius:999px;
        background:#fff;
        color:#526177;
        font-size:11.5px;
        font-weight:750;
        white-space:nowrap;
        scroll-snap-align:start;
    }
    .storefront-v13 .mobile-category-scroll a.active {
        color:#0a8978;
        border-color:#a9e8dd;
        background:#eafaf7;
    }

    /* ---------- PAGE SPACING ---------- */
    .storefront-v13 .page-shell {
        padding:10px 0 20px;
    }
    .storefront-v13 .flash {
        margin:0 0 9px;
        padding:11px 12px;
        border-radius:11px;
        font-size:12px;
    }

    /* ---------- HERO ---------- */
    .storefront-v13 .hero {
        display:flex;
        flex-direction:column;
        gap:0;
        padding:0;
        margin:0 0 12px;
        overflow:hidden;
        border-radius:18px;
        background:#fff;
        border:1px solid #e4e9ee;
        box-shadow:0 6px 18px rgba(22,43,70,.05);
    }
    .storefront-v13 .hero-visual {
        order:-1;
        width:100%;
        height:205px;
        padding:0;
        border-radius:0;
        background:#eef6f4;
        overflow:hidden;
    }
    .storefront-v13 .hero-visual img {
        width:100%;
        height:100%;
        min-height:0;
        object-fit:cover;
        object-position:center;
        border-radius:0;
    }
    .storefront-v13 .hero-copy {
        padding:18px 16px 15px;
    }
    .storefront-v13 .hero .eyebrow {
        margin-bottom:6px;
        font-size:10px;
        letter-spacing:.16em;
    }
    .storefront-v13 .hero h1 {
        max-width:none;
        margin:0 0 7px;
        font-size:28px;
        line-height:1.04;
        letter-spacing:-.035em;
    }
    .storefront-v13 .hero p {
        margin:0 0 13px;
        font-size:13px;
        line-height:1.5;
    }
    .storefront-v13 .hero > .hero-copy > .btn {
        min-height:43px;
        padding:0 16px;
        border-radius:11px;
        font-size:13px;
    }
    .storefront-v13 .hero-features {
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:6px;
        margin-top:14px;
    }
    .storefront-v13 .hero-features div {
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:2px;
        padding:8px 4px;
        text-align:center;
        border-radius:10px;
    }
    .storefront-v13 .hero-features span {
        font-size:16px;
        grid-row:auto;
    }
    .storefront-v13 .hero-features b {
        font-size:9.5px;
        line-height:1.2;
    }
    .storefront-v13 .hero-features small {
        font-size:8px;
        line-height:1.2;
    }

    /* ---------- CATEGORY CARDS: horizontal ---------- */
    .storefront-v13 .category-tiles {
        display:flex;
        gap:9px;
        margin:0 -12px 14px;
        padding:0 12px 3px;
        overflow-x:auto;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
        scroll-snap-type:x mandatory;
    }
    .storefront-v13 .category-tiles::-webkit-scrollbar {display:none}
    .storefront-v13 .category-tile {
        flex:0 0 76vw;
        max-width:290px;
        min-height:124px;
        padding:13px;
        gap:8px;
        border-radius:15px;
        box-shadow:0 5px 14px rgba(22,43,70,.045);
        scroll-snap-align:start;
    }
    .storefront-v13 .category-tile-copy {
        min-width:0;
        flex:1;
    }
    .storefront-v13 .category-tile h3 {
        margin:0 0 5px;
        font-size:16px;
    }
    .storefront-v13 .category-tile p {
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        margin:0 0 7px;
        font-size:10px;
        line-height:1.35;
    }
    .storefront-v13 .category-tile a {
        font-size:10px;
    }
    .storefront-v13 .category-tile img {
        width:105px;
        height:88px;
        flex:0 0 105px;
        border-radius:12px;
    }

    /* ---------- SECTION / FILTER TABS ---------- */
    .storefront-v13 .section-head {
        display:block;
        margin:9px 0 10px;
    }
    .storefront-v13 .section-head h2 {
        margin:0 0 3px;
        font-size:22px;
        line-height:1.15;
        letter-spacing:-.025em;
    }
    .storefront-v13 .section-head p {
        font-size:11px;
    }
    .storefront-v13 .section-tabs {
        display:flex;
        width:auto;
        gap:7px;
        margin:10px -12px 0;
        padding:0 12px 2px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .storefront-v13 .section-tabs::-webkit-scrollbar{display:none}
    .storefront-v13 .section-tabs a {
        flex:0 0 auto;
        padding:7px 11px;
        border:1px solid #e0e7ed;
        border-radius:999px;
        background:#fff;
        color:#617087;
        font-size:10.5px;
        line-height:1;
    }
    .storefront-v13 .section-tabs a.active,
    .storefront-v13 .section-tabs a:hover {
        color:#0c8d7b;
        border-color:#afe8de;
        background:#eafaf7;
    }

    /* ---------- PRODUCT GRID: always 2 columns ---------- */
    .storefront-v13 .product-grid {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .storefront-v13 .product-card {
        min-width:0;
        border-radius:13px;
        box-shadow:0 4px 14px rgba(25,44,67,.055);
    }
    .storefront-v13 .product-card:hover {
        transform:none;
    }
    .storefront-v13 .product-image {
        height:178px;
        padding:5px;
    }
    .storefront-v13 .product-image img {
        width:100%;
        height:100%;
        max-height:none;
        object-fit:contain;
        filter:drop-shadow(0 8px 8px rgba(20,33,61,.07));
    }
    .storefront-v13 .product-badge {
        top:8px;
        left:8px;
        padding:4px 7px;
        font-size:8px;
    }
    .storefront-v13 .favorite-card-form {
        top:6px;
        right:6px;
    }
    .storefront-v13 .favorite-heart {
        width:32px;
        height:32px;
        font-size:18px;
    }
    .storefront-v13 .product-body {
        padding:10px;
    }
    .storefront-v13 .brand-mini {
        margin-bottom:2px;
        font-size:8px;
        font-weight:700;
    }
    .storefront-v13 .product-body h3 {
        min-height:34px;
        margin:0 0 6px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
        font-size:13px;
        line-height:1.3;
    }
    .storefront-v13 .price-block {
        gap:5px;
        margin-bottom:4px;
    }
    .storefront-v13 .product-body .old-price {
        font-size:10px;
    }
    .storefront-v13 .product-body .current-price {
        font-size:17px;
        line-height:1;
    }
    .storefront-v13 .product-body .rating {
        min-height:28px;
        margin-bottom:5px;
        font-size:9px;
        line-height:1.25;
    }
    .storefront-v13 .product-body .rating span {
        display:block;
        margin:2px 0 0;
        font-size:8px;
    }
    .storefront-v13 .product-card .btn {
        min-height:38px;
        margin-top:6px;
        padding:7px 6px;
        border-radius:9px;
        font-size:10px;
        line-height:1.15;
    }

    /* ---------- CONTENT / BENEFITS / FOOTER ---------- */
    .storefront-v13 .content-panels {
        grid-template-columns:1fr;
        gap:9px;
        margin-top:14px;
    }
    .storefront-v13 .content-panels .panel {
        padding:15px;
        border-radius:15px;
    }
    .storefront-v13 .content-panels h3 {
        font-size:15px;
    }
    .storefront-v13 .faq-item {
        padding:11px 0;
        font-size:11px;
    }
    .storefront-v13 .faq-item p,
    .storefront-v13 .blog-list {
        font-size:10px;
        line-height:1.45;
    }
    .storefront-v13 .benefits-bar {
        margin-top:18px;
    }
    .storefront-v13 .benefits-grid {
        display:flex;
        gap:8px;
        padding:12px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .storefront-v13 .benefits-grid::-webkit-scrollbar{display:none}
    .storefront-v13 .benefits-grid>div {
        flex:0 0 205px;
        padding:9px;
        border-radius:11px;
        background:#f7fafc;
    }
    .storefront-v13 .benefits-grid b {font-size:11px}
    .storefront-v13 .benefits-grid small {font-size:9px}
    .storefront-v13 .site-footer {
        padding:19px 0 12px;
    }
    .storefront-v13 .footer-grid {
        grid-template-columns:1fr;
        gap:16px;
    }
    .storefront-v13 .footer-links {
        grid-template-columns:repeat(2,1fr);
        gap:9px;
        font-size:11px;
    }
    .storefront-v13 .footer-contact {
        font-size:11px;
    }
    .storefront-v13 .copyright {
        padding:15px 12px 0;
        font-size:9px;
    }

    /* ---------- PRODUCT DETAIL ---------- */
    .storefront-v13.product-page .page-shell {
        padding-top:8px;
    }
    .storefront-v13 .product-detail-v8 {
        display:flex;
        flex-direction:column;
        gap:9px;
    }
    .storefront-v13 .product-gallery-card,
    .storefront-v13 .detail-card {
        border-radius:16px;
        box-shadow:none;
    }
    .storefront-v13 .product-gallery-card {
        padding:0;
        background:#fff;
        overflow:hidden;
    }
    .storefront-v13 .gallery-main {
        height:390px;
        padding:10px;
        background:#fff;
    }
    .storefront-v13 .gallery-main img {
        width:100%;
        height:100%;
        object-fit:contain;
    }
    .storefront-v13 .gallery-thumbs {
        display:flex;
        gap:7px;
        padding:9px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .storefront-v13 .gallery-thumbs::-webkit-scrollbar{display:none}
    .storefront-v13 .gallery-thumb {
        flex:0 0 64px;
        width:64px;
        height:64px;
        border-radius:10px;
    }
    .storefront-v13 .detail-card {
        padding:16px;
    }
    .storefront-v13 .product-detail-topline {
        gap:8px;
    }
    .storefront-v13 .detail-favorite {
        min-height:36px;
        padding:7px 9px;
        font-size:10px;
    }
    .storefront-v13 .detail-copy h1 {
        margin:7px 0;
        font-size:24px;
        line-height:1.15;
    }
    .storefront-v13 .product-sku {
        font-size:9px;
    }
    .storefront-v13 .price-block.big {
        margin:11px 0 7px;
    }
    .storefront-v13 .price-block.big .current-price {
        font-size:27px;
    }
    .storefront-v13 .rating.large {
        font-size:11px;
    }
    .storefront-v13 .product-description {
        font-size:12px;
        line-height:1.55;
    }
    .storefront-v13 .variant-buy-form {
        display:grid;
        grid-template-columns:minmax(0,1fr) 82px;
        gap:9px;
        align-items:end;
    }
    .storefront-v13 .variant-buy-form label {
        min-width:0;
        font-size:11px;
    }
    .storefront-v13 .variant-buy-form label:first-of-type {
        grid-column:1 / -1;
    }
    .storefront-v13 .variant-buy-form .btn-buy {
        grid-column:1 / -1;
        min-height:46px;
        font-size:14px;
    }
    .storefront-v13 .variant-buy-form select,
    .storefront-v13 .variant-buy-form input {
        min-height:46px;
    }
    .storefront-v13 .product-service-grid {
        grid-template-columns:repeat(3,1fr);
        gap:5px;
        margin-top:12px;
    }
    .storefront-v13 .product-service-grid>div {
        min-width:0;
        padding:9px 4px;
        text-align:center;
    }
    .storefront-v13 .product-service-grid span {
        font-size:15px;
    }
    .storefront-v13 .product-service-grid b {
        font-size:9px;
    }
    .storefront-v13 .product-service-grid small {
        font-size:8px;
    }
    .storefront-v13 .product-extra-grid {
        grid-template-columns:1fr;
        gap:9px;
        margin-top:9px;
    }
    .storefront-v13 .product-extra-grid .panel {
        padding:15px;
        border-radius:15px;
    }
    .storefront-v13 .product-extra-grid h2 {
        font-size:17px;
    }
    .storefront-v13 .product-extra-grid p {
        font-size:11px;
        line-height:1.55;
    }
    .storefront-v13 .variant-chip-list {
        gap:6px;
    }
    .storefront-v13 .variant-chip {
        padding:7px 9px;
        font-size:9px;
    }
    .storefront-v13 .review-item {
        padding:12px 0;
    }

    /* Sticky add-to-cart like marketplace apps */
    .storefront-v13 .mobile-product-buybar {
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:110;
        min-height:70px;
        display:flex;
        align-items:center;
        gap:12px;
        padding:
            9px
            12px
            calc(9px + env(safe-area-inset-bottom, 0px));
        background:rgba(255,255,255,.97);
        border-top:1px solid #e0e6ec;
        box-shadow:0 -7px 24px rgba(20,36,58,.10);
        backdrop-filter:blur(12px);
    }
    .storefront-v13 .mobile-buybar-price {
        min-width:108px;
        display:flex;
        flex-direction:column;
        gap:2px;
    }
    .storefront-v13 .mobile-buybar-price small {
        color:#7c899b;
        font-size:9px;
    }
    .storefront-v13 .mobile-buybar-price b {
        color:#11223e;
        font-size:18px;
        line-height:1.1;
    }
    .storefront-v13 .mobile-buybar-button {
        min-height:48px;
        flex:1;
        border:0;
        border-radius:12px;
        background:linear-gradient(90deg,#18c6ad,#32d1ba);
        color:#fff;
        font-size:14px;
        font-weight:850;
        box-shadow:0 7px 17px rgba(24,198,173,.20);
    }
    .storefront-v13 .mobile-buybar-button:disabled {
        background:#cdd5dc;
        box-shadow:none;
    }
    .storefront-v13.product-page .mobile-bottom-nav {
        display:none !important;
    }

    /* ---------- CART ---------- */
    .storefront-v13 .cart-layout {
        display:flex;
        flex-direction:column;
        gap:9px;
    }
    .storefront-v13 .cart-card,
    .storefront-v13 .summary-card {
        padding:14px;
        border-radius:15px;
        box-shadow:none;
    }
    .storefront-v13 .cart-card h1 {
        margin:0 0 12px;
        font-size:22px;
    }
    .storefront-v13 .cart-list {
        gap:0;
    }
    .storefront-v13 .cart-item {
        display:grid;
        grid-template-columns:84px minmax(0,1fr) 70px;
        gap:9px;
        padding:12px 0;
        align-items:start;
    }
    .storefront-v13 .cart-item img {
        width:84px;
        height:94px;
        grid-row:1 / span 2;
        padding:4px;
        border-radius:11px;
    }
    .storefront-v13 .cart-item-copy {
        min-width:0;
        gap:3px;
    }
    .storefront-v13 .cart-item-copy>b {
        font-size:12px;
        line-height:1.3;
    }
    .storefront-v13 .cart-item-copy small,
    .storefront-v13 .cart-item-copy span {
        font-size:9px;
    }
    .storefront-v13 .cart-qty-label {
        grid-column:3;
        display:flex;
        flex-direction:column;
        gap:4px;
        align-items:flex-end;
        font-size:9px;
        color:#7d899b;
    }
    .storefront-v13 .cart-qty-label input {
        width:64px;
        min-height:40px;
        padding:6px;
        text-align:center;
    }
    .storefront-v13 .cart-line-total {
        grid-column:2 / 4;
        justify-self:end;
        font-size:13px;
    }
    .storefront-v13 .cart-actions {
        display:grid;
        grid-template-columns:1fr 1.2fr;
        gap:7px;
        margin-top:12px;
    }
    .storefront-v13 .cart-actions .btn {
        width:100%;
        min-height:45px;
        padding:8px;
        font-size:11px;
    }
    .storefront-v13 .remove-grid {
        grid-template-columns:1fr;
        gap:5px;
        margin-top:10px;
    }
    .storefront-v13 .remove-mini .btn {
        width:100%;
        min-height:36px;
        font-size:9px;
    }
    .storefront-v13 .summary-card {
        order:2;
    }
    .storefront-v13 .summary-card h3 {
        font-size:17px;
    }
    .storefront-v13 .sum-row {
        padding:9px 0;
        font-size:11px;
    }
    .storefront-v13 .sum-row.total {
        font-size:16px;
    }
    .storefront-v13 .coupon-form {
        gap:7px;
    }
    .storefront-v13 .coupon-form input,
    .storefront-v13 .coupon-form .btn {
        min-height:43px;
    }

    /* ---------- CHECKOUT ---------- */
    .storefront-v13 .checkout-grid {
        display:flex;
        flex-direction:column;
        gap:9px;
    }
    .storefront-v13 .checkout-grid>.panel {
        padding:15px;
        border-radius:15px;
        box-shadow:none;
    }
    .storefront-v13 .checkout-grid .form-panel h1 {
        margin:0 0 13px;
        font-size:22px;
    }
    .storefront-v13 .form-grid,
    .storefront-v13 .grid-2 {
        grid-template-columns:1fr;
        gap:10px;
    }
    .storefront-v13 .form-panel label,
    .storefront-v13 .form-stack label {
        font-size:11px;
    }
    .storefront-v13 .form-panel input,
    .storefront-v13 .form-panel select,
    .storefront-v13 .form-panel textarea,
    .storefront-v13 .form-stack input,
    .storefront-v13 .form-stack select,
    .storefront-v13 .form-stack textarea {
        min-height:47px;
        padding:11px 12px;
    }
    .storefront-v13 .form-panel textarea,
    .storefront-v13 .form-stack textarea {
        min-height:92px;
    }
    .storefront-v13 .payment-title h3 {
        font-size:17px;
    }
    .storefront-v13 .payment-title p {
        font-size:10px;
    }
    .storefront-v13 .payment-option {
        grid-template-columns:22px 42px minmax(0,1fr);
        gap:9px;
        min-height:76px;
        padding:12px;
        border-radius:13px;
    }
    .storefront-v13 .payment-option em {
        grid-column:3;
        justify-self:start;
    }
    .storefront-v13 .payment-icon {
        width:40px;
        height:40px;
        font-size:20px;
    }
    .storefront-v13 .payment-option b {
        font-size:12px;
    }
    .storefront-v13 .payment-option small {
        font-size:9px;
        line-height:1.3;
    }
    .storefront-v13 .checkout-grid .summary-card {
        order:-1;
    }
    .storefront-v13.checkout-page .mobile-bottom-nav {
        display:none !important;
    }

    /* ---------- AUTH / ACCOUNT ---------- */
    .storefront-v13 .auth-wrap {
        padding:6px 0 14px;
    }
    .storefront-v13 .auth-panel {
        width:100%;
        max-width:none;
        padding:17px;
        border-radius:16px;
        box-shadow:none;
    }
    .storefront-v13 .auth-heading {
        align-items:flex-start;
    }
    .storefront-v13 .auth-heading h1,
    .storefront-v13 .auth-panel>h1 {
        font-size:23px;
    }
    .storefront-v13 .auth-heading p,
    .storefront-v13 .auth-panel>p {
        font-size:11px;
        line-height:1.5;
    }
    .storefront-v13 .auth-register-box {
        padding:13px;
        border-radius:12px;
    }
    .storefront-v13 .account-v8 {
        gap:9px;
    }
    .storefront-v13 .account-v8>.panel {
        padding:14px;
        border-radius:15px;
        box-shadow:none;
    }
    .storefront-v13 .account-profile-card {
        display:grid;
        grid-template-columns:50px 1fr;
        gap:10px;
    }
    .storefront-v13 .account-profile-card .btn {
        grid-column:1 / -1;
        width:100%;
    }
    .storefront-v13 .account-avatar {
        width:50px;
        height:50px;
        font-size:18px;
    }
    .storefront-v13 .account-profile-card h1 {
        margin:0 0 4px;
        font-size:18px;
    }
    .storefront-v13 .account-profile-card p {
        margin:0;
        font-size:9px;
        overflow-wrap:anywhere;
    }
    .storefront-v13 .customer-order-card {
        padding:13px;
        border-radius:13px;
    }
    .storefront-v13 .customer-order-head {
        grid-template-columns:1fr 1fr;
        gap:9px;
    }
    .storefront-v13 .customer-order-head>div {
        min-width:0;
    }
    .storefront-v13 .customer-order-head small {
        font-size:8px;
    }
    .storefront-v13 .customer-order-head b {
        font-size:10px;
    }
    .storefront-v13 .customer-order-info {
        flex-direction:column;
        gap:5px;
        font-size:9px;
    }

    /* ---------- PAYMENT / ORDER SUCCESS ---------- */
    .storefront-v13 .order-complete-card {
        padding:16px;
        border-radius:17px;
        box-shadow:none;
    }
    .storefront-v13 .order-complete-hero {
        align-items:flex-start;
        gap:12px;
    }
    .storefront-v13 .order-check-icon {
        width:54px;
        height:54px;
        flex-basis:54px;
        font-size:27px;
    }
    .storefront-v13 .order-complete-hero h1 {
        font-size:24px;
    }
    .storefront-v13 .order-complete-hero p {
        font-size:10px;
    }
    .storefront-v13 .order-meta-grid {
        grid-template-columns:1fr 1fr;
        gap:7px;
    }
    .storefront-v13 .order-meta-item {
        padding:11px;
        border-radius:12px;
    }
    .storefront-v13 .order-meta-item span {
        font-size:8px;
    }
    .storefront-v13 .order-meta-item b {
        font-size:11px;
    }
    .storefront-v13 .payment-layout {
        grid-template-columns:1fr;
        gap:9px;
    }
    .storefront-v13 .bank-transfer-card,
    .storefront-v13 .receipt-upload-card {
        padding:14px;
        border-radius:14px;
    }
    .storefront-v13 .bank-detail-row {
        grid-template-columns:1fr;
        gap:3px;
        padding:9px 10px;
    }

    /* ---------- MOBILE BOTTOM NAV ---------- */
    .storefront-v13 .mobile-bottom-nav {
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:100;
        min-height:var(--mobile-bottom-h);
        display:grid;
        grid-template-columns:repeat(5,1fr);
        padding:
            5px
            5px
            calc(5px + env(safe-area-inset-bottom, 0px));
        background:rgba(255,255,255,.98);
        border-top:1px solid #e0e6eb;
        box-shadow:0 -6px 20px rgba(23,39,62,.08);
        backdrop-filter:blur(12px);
    }
    .storefront-v13 .mobile-bottom-nav>a {
        position:relative;
        min-width:0;
        min-height:52px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        border-radius:10px;
        color:#778396;
    }
    .storefront-v13 .mobile-bottom-nav>a>span {
        position:relative;
        min-height:22px;
        font-size:20px;
        line-height:1;
    }
    .storefront-v13 .mobile-bottom-nav>a>b {
        max-width:100%;
        font-size:8.5px;
        font-weight:750;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .storefront-v13 .mobile-bottom-nav>a.active {
        color:#0a9d89;
        background:#f1fbf9;
    }
    .storefront-v13 .bottom-cart-icon i {
        position:absolute;
        top:-8px;
        right:-11px;
        min-width:17px;
        height:17px;
        padding:0 4px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:999px;
        background:#20c8b1;
        color:#fff;
        border:2px solid #fff;
        font-size:8px;
        font-style:normal;
        font-weight:900;
    }
}

/* Narrow phones: preserve marketplace-style 2-column product grid */
@media (max-width: 390px) {
    .storefront-v13 .container {
        padding-left:9px;
        padding-right:9px;
    }
    .storefront-v13 .product-grid {
        gap:6px;
    }
    .storefront-v13 .product-image {
        height:158px;
    }
    .storefront-v13 .product-body {
        padding:8px;
    }
    .storefront-v13 .product-body h3 {
        min-height:32px;
        font-size:12px;
    }
    .storefront-v13 .product-body .current-price {
        font-size:15.5px;
    }
    .storefront-v13 .product-card .btn {
        font-size:9px;
    }
    .storefront-v13 .gallery-main {
        height:330px;
    }
}

/* Large phones / small tablets */
@media (min-width: 600px) and (max-width: 768px) {
    .storefront-v13 .product-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }
    .storefront-v13 .product-image {
        height:205px;
    }
    .storefront-v13 .category-tile {
        flex-basis:42vw;
    }
}

@media (max-width:768px){
    .storefront-v13 .footer-socials{gap:8px}
    .storefront-v13 .footer-social-link{min-width:38px;min-height:38px}
    .storefront-v13.info-page .page-shell{padding-top:9px}
    .storefront-v13.info-page .site-footer{margin-top:18px}
}