/* NoviSepet mobile-first storefront layer */
.mobile-brand-row { display: none; }

@media (max-width: 768px) {
    :root {
        --mob-bg: #f5f6f8;
        --mob-surface: #ffffff;
        --mob-ink: #15171c;
        --mob-muted: #727782;
        --mob-line: #e8eaf0;
        --mob-accent: #5b4cf0;
        --mob-accent-soft: #eeecff;
        --mob-danger: #f04452;
        --mob-bar-height: 74px;
    }

    html { background: var(--mob-bg); }
    body {
        min-width: 320px;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: calc(var(--mob-bar-height) + env(safe-area-inset-bottom) + 14px) !important;
        background: var(--mob-bg) !important;
        color: var(--mob-ink);
        -webkit-tap-highlight-color: transparent;
    }
    body > .main-content { overflow: clip; }

    /* Ana sayfada hero banner header'a dikey olarak bosluksuz baglanir. */
    body > .main-content:has(> .sf-home) { padding-top: 0 !important; }
    body:has(> .main-content > .sf-home) .site-header-sticky .header-content { padding-bottom: 0 !important; }
    body:has(> .main-content > .sf-home) .site-header-sticky .mob-header-bottom { padding-bottom: 4px !important; }

    .container { padding-inline: 16px !important; }

    /* Clean mobile header */
    .top-bar,
    .main-nav,
    .header-content > .logo,
    .header-content > .ms-wrap:not(#msWrapMob),
    .header-content > .new-header-actions { display: none !important; }
    .site-header-sticky {
        position: relative !important;
        top: auto !important;
        z-index: auto;
        background: rgba(255,255,255,.94) !important;
        box-shadow: 0 1px 0 rgba(20,24,35,.08) !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .mob-header-bottom-placeholder {
        display: block;
        width: 100%;
        height: 0;
        flex: 0 0 auto;
        pointer-events: none;
    }
    body > .site-header-sticky .main-header > .container > .header-content > .mob-header-bottom.is-mobile-fixed {
        position: fixed !important;
        inset: 0 0 auto 0 !important;
        z-index: 99970;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 7px 12px !important;
        box-sizing: border-box;
        background: rgba(255,255,255,.97) !important;
        border-bottom: 1px solid rgba(20,24,35,.08);
        box-shadow: 0 6px 20px rgba(20,24,35,.1);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }
    .main-header { display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
    .main-header .container { padding-inline: 12px !important; }
    .header-content {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 8px 0 10px !important;
    }

    /* Logo row: equal side tracks keep the logo mathematically centered */
    .mobile-brand-row {
        display: grid !important;
        grid-template-columns: minmax(78px,1fr) auto minmax(78px,1fr);
        align-items: center;
        gap: 8px;
        width: 100%;
        min-height: 55px;
        margin-bottom: 8px;
    }
    .mobile-brand-actions {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
    }
    .mobile-brand-actions-left { justify-content: flex-start; }
    .mobile-brand-actions-right { justify-content: flex-end; }
    .mobile-brand-action {
        position: relative;
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        border: 1px solid #eceef2;
        border-radius: 12px;
        background: #f7f8fa;
        color: #292d35;
        text-decoration: none;
        transition: transform .15s ease, background .15s ease;
    }
    .mobile-brand-action:active { transform: scale(.93); background: #eceef3; }
    .mobile-brand-action:focus-visible { outline: 2px solid var(--mob-accent); outline-offset: 2px; }
    .mobile-brand-action svg { width: 18px; height: 18px; }
    .mobile-brand-logo {
        position: relative;
        width: clamp(108px,33vw,138px);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 4px 5px;
        text-decoration: none;
    }
    .mobile-brand-logo::after {
        content: '';
        position: absolute;
        left: 38%;
        right: 12%;
        bottom: 2px;
        height: 2px;
        border-radius: 2px;
        background: linear-gradient(90deg,#29a9df,#ff7817);
        opacity: .8;
    }
    .mobile-brand-logo img {
        display: block;
        width: 100%;
        max-width: 138px;
        height: 43px;
        object-fit: contain;
    }
    .mobile-brand-badge {
        position: absolute;
        top: -4px;
        right: -4px;
        min-width: 18px;
        height: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        border: 2px solid #fff;
        border-radius: 99px;
        background: var(--mob-danger);
        color: #fff;
        font-size: 8px;
        font-weight: 800;
    }
    .mob-header-bottom {
        display: flex !important;
        width: 100%;
        align-items: center;
        gap: 9px;
    }
    .mob-header-bottom .mob-hamburger {
        display: inline-flex !important;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid var(--mob-line);
        border-radius: 13px;
        background: var(--mob-surface);
        color: var(--mob-ink);
        box-shadow: 0 4px 14px rgba(23,28,45,.05);
    }
    #msWrapMob { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0; max-width: none; }
    #msWrapMob .ms-form {
        height: 42px;
        border: 1px solid var(--mob-line) !important;
        border-radius: 13px !important;
        background: #f7f7fa;
        box-shadow: none !important;
        overflow: hidden;
    }
    #msWrapMob .ms-icon { display: flex !important; padding: 0 8px 0 13px; color: #9297a2; }
    #msWrapMob .ms-icon svg { width: 17px; height: 17px; }
    #msWrapMob .ms-input { padding: 9px 0 !important; font-size: 12px !important; }
    #msWrapMob .ms-btn { width: 38px !important; height: 38px !important; margin: 1px !important; border-radius: 12px !important; background: transparent !important; color: #727782 !important; }

    /* Drawer is available from the header menu again */
    .mob-drawer { display: flex !important; width: min(86vw, 330px); left: min(-86vw, -330px); border-radius: 0 22px 22px 0; }
    .mob-drawer.open { left: 0; }
    .mob-drawer-overlay { display: none !important; backdrop-filter: blur(3px); }
    .mob-drawer-overlay.open { display: block !important; }
    .mob-drawer-head { padding-top: calc(16px + env(safe-area-inset-top)); }
    .mob-drawer-link { min-height: 48px; border-bottom: 0; }

    /* New mobile home composition */
    .sf-home { padding: 0 0 30px !important; background: var(--mob-bg) !important; }
    .sf-home > .container { padding-inline: 14px !important; }
    .sf-home-section { margin-top: 16px; }
    .sf-hero-grid {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 10px !important;
        overflow: visible !important;
    }
    .sf-main-slider,
    .sf-slide,
    .sf-hero-empty {
        width: 100%;
        height: 248px !important;
        min-height: 248px !important;
        border: 0;
        border-radius: 0 0 22px 22px;
        overflow: hidden;
    }
    .sf-main-slider {
        position: relative;
        left: auto !important;
        right: auto !important;
        flex: 0 0 248px;
        align-self: stretch;
        max-width: 100% !important;
        margin: 0 !important;
        transform: none !important;
        box-shadow: 0 14px 35px rgba(34,37,49,.12);
    }
    .sf-slide::after { background: linear-gradient(90deg,rgba(11,13,20,.74),rgba(11,13,20,.08) 78%); }
    .sf-slide-content { left: 20px !important; right: 20px; bottom: 27px; width: auto !important; }
    .sf-slide-content h1 { max-width: 270px; margin-bottom: 12px; font-size: clamp(24px,8vw,33px) !important; line-height: 1.05; letter-spacing: -.04em; }
    .sf-slide-content p { display: block !important; max-width: 250px; margin-bottom: 15px; font-size: 11px; line-height: 1.55; color: rgba(255,255,255,.76); }
    .sf-slide-link { min-height: 38px !important; padding: 0 16px !important; border-radius: 12px; font-size: 10px !important; }
    .sf-slider-arrow { display: none !important; }
    .sf-slider-dots { bottom: 12px; }
    .sf-promo-stack {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-template-rows: none !important;
        width: 100% !important;
        height: auto !important;
        gap: 10px !important;
    }
    .sf-promo-card { height: 108px !important; min-height: 108px !important; border: 0; border-radius: 17px; box-shadow: 0 7px 20px rgba(28,32,43,.07); }
    .sf-promo-card::after { background: linear-gradient(0deg,rgba(10,12,18,.68),transparent 78%); }
    .sf-promo-content { left: 13px !important; right: 10px; bottom: 12px !important; }
    .sf-promo-title { font-size: 11px !important; }
    .sf-promo-cta { font-size: 8px; }

    .sf-brand-strip { gap: 9px; margin-inline: -14px; padding: 2px 14px 8px; }
    .sf-brand-card {
        flex-basis: 104px !important;
        height: 54px !important;
        border: 1px solid var(--mob-line);
        border-radius: 15px;
        background: var(--mob-surface);
        box-shadow: 0 5px 14px rgba(28,32,43,.04);
        font-size: 11px !important;
    }

    .sf-product-tabs { margin-top: 18px; }
    .sf-tab-list {
        position: sticky;
        top: 62px;
        z-index: 20;
        gap: 6px !important;
        margin-inline: -14px;
        padding: 8px 14px;
        background: rgba(245,246,248,.94);
        backdrop-filter: blur(12px);
    }
    .sf-tab-button {
        min-height: 36px;
        padding: 0 14px;
        border: 1px solid var(--mob-line) !important;
        border-radius: 99px;
        background: #fff;
        color: var(--mob-muted);
        font-size: 9px !important;
    }
    .sf-tab-button::after { display: none; }
    .sf-tab-button.active { border-color: var(--mob-ink) !important; background: var(--mob-ink); color: #fff; }
    .sf-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
    .sf-product-card {
        border: 1px solid var(--mob-line);
        border-radius: 0;
        overflow: hidden;
        background: var(--mob-surface);
        box-shadow: none;
    }
    .sf-product-media {
        aspect-ratio: 4/5;
        border-radius: 0;
        background: #f2f3f5;
    }
    .sf-product-media img { object-fit: contain; object-position: center; }
    .sf-product-body { min-height: 110px !important; padding: 9px !important; }
    .sf-product-name { font-size: 10.5px !important; line-height: 1.45; }
    .sf-rating { margin-top: 5px; }
    .sf-price { font-size: 13px !important; }
    .sf-add-cart { width: 32px; height: 32px; border-radius: 0; background: var(--mob-ink); color: #fff; }
    .sf-product-wishlist { width: 30px; height: 30px; border-radius: 0; }

    .sf-benefits {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 9px;
        margin-top: 18px;
        padding-bottom: 0;
        overflow-x: visible;
    }
    .sf-benefit {
        min-width: 0;
        min-height: 70px !important;
        padding: 12px !important;
        border: 0 !important;
        border-radius: 16px;
        background: #fff;
    }

    /* Five-slot bottom navigation with the cart exactly centered */
    body .mob-bottom-bar {
        display: grid !important;
        grid-template-columns: repeat(5,minmax(0,1fr));
        align-items: stretch !important;
        justify-content: stretch !important;
        height: calc(var(--mob-bar-height) + env(safe-area-inset-bottom)) !important;
        padding: 7px 5px env(safe-area-inset-bottom) !important;
        border: 0 !important;
        border-top: 1px solid rgba(29,33,45,.08) !important;
        background: rgba(255,255,255,.96) !important;
        box-shadow: 0 -10px 35px rgba(24,28,40,.12) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
    body .mob-bar-item {
        min-width: 0;
        min-height: 58px;
        padding: 5px 2px 4px !important;
        gap: 4px !important;
        border: 0;
        border-radius: 13px;
        color: #737884;
        font-family: inherit;
    }
    body .mob-bar-item:focus-visible { outline: 2px solid var(--mob-accent); outline-offset: -2px; }
    body .mob-bar-icon { color: currentColor !important; }
    body .mob-bar-label { max-width: 100%; color: currentColor !important; font-size: clamp(8px,2.35vw,10px) !important; font-weight: 600 !important; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; }
    body .mob-bar-cart { position: relative; overflow: visible; color: var(--mob-ink); }
    body .mob-bar-cart-circle {
        position: absolute !important;
        top: -24px;
        left: 50%;
        width: 58px !important;
        height: 58px !important;
        margin: 0 !important;
        transform: translateX(-50%);
        border: 5px solid #fff;
        border-radius: 50%;
        background: linear-gradient(145deg,#201f29,#08090c) !important;
        color: #fff;
        box-shadow: 0 9px 24px rgba(17,19,26,.3) !important;
    }
    body .mob-bar-cart:active .mob-bar-cart-circle { transform: translateX(-50%) scale(.94); }
    body .mob-bar-cart-label { display: block !important; margin-top: 31px; color: var(--mob-ink) !important; font-weight: 700 !important; }
    body .mob-cart-total { max-width: 45px; overflow: hidden; text-overflow: ellipsis; font-size: 7px !important; }
    body .mob-bar-badge { top: -4px !important; right: -5px !important; min-width: 19px !important; height: 19px !important; border: 2px solid #fff !important; background: var(--mob-danger) !important; }

    .mob-cart-modal { padding-bottom: env(safe-area-inset-bottom); border-radius: 24px 24px 0 0; }
    .mob-cart-modal-head { padding: 18px; }
    .mob-cart-modal-foot { padding: 14px 18px calc(14px + env(safe-area-inset-bottom)); }
    .mob-cart-btn-view,
    .mob-cart-btn-order { min-height: 46px; border-radius: 13px; }

    /* Catalog and category screens */
    .catalog-shell { padding: 16px 14px 30px; }
    .catalog-hero {
        padding: 22px 20px;
        border-radius: 22px;
        background: linear-gradient(135deg,#171923 0%,#332b75 100%);
        color: #fff;
        box-shadow: 0 14px 30px rgba(33,29,70,.18);
    }
    .catalog-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: rgba(255,255,255,.62); }
    .catalog-hero h1 { margin: 5px 0 6px; font-size: 27px; line-height: 1.1; letter-spacing: -.04em; }
    .catalog-hero p { margin: 0; font-size: 11px; line-height: 1.6; color: rgba(255,255,255,.7); }
    .catalog-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin: 14px 0; }
    .catalog-search,
    .catalog-sort { height: 43px; min-width: 0; border: 1px solid var(--mob-line); border-radius: 13px; background: #fff; color: var(--mob-ink); font: inherit; font-size: 11px; outline: none; }
    .catalog-search { width: 100%; padding: 0 13px; }
    .catalog-sort { max-width: 128px; padding: 0 9px; }
    .catalog-chips { display: flex; gap: 7px; margin: 0 -14px 14px; padding: 0 14px 4px; overflow-x: auto; scrollbar-width: none; }
    .catalog-chips::-webkit-scrollbar { display: none; }
    .catalog-chip { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--mob-line); border-radius: 99px; background: #fff; color: var(--mob-muted); font-size: 10px; font-weight: 600; text-decoration: none; }
    .catalog-chip.active { border-color: var(--mob-ink); background: var(--mob-ink); color: #fff; }
    .catalog-count { margin: 0 0 10px; font-size: 11px; color: var(--mob-muted); }
    .catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .catalog-card { position: relative; overflow: hidden; border-radius: 17px; background: #fff; box-shadow: 0 6px 18px rgba(29,33,45,.055); }
    .catalog-card-media { display: block; aspect-ratio: 4/5; overflow: hidden; background: #eceef2; }
    .catalog-card-media img { width: 100%; height: 100%; object-fit: cover; }
    .catalog-card-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #b0b4be; }
    .catalog-card-placeholder svg { width: 37px; height: 37px; }
    .catalog-card-sale { position: absolute; top: 9px; left: 9px; padding: 5px 7px; border-radius: 8px; background: var(--mob-danger); color: #fff; font-size: 8px; font-weight: 800; }
    .catalog-card-body { padding: 10px; }
    .catalog-card-category { margin-bottom: 4px; color: #9a9faa; font-size: 8px; font-weight: 600; text-transform: uppercase; }
    .catalog-card-title { min-height: 34px; margin: 0; font-size: 10.5px; line-height: 1.45; font-weight: 600; }
    .catalog-card-title a { color: var(--mob-ink); text-decoration: none; }
    .catalog-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 9px; }
    .catalog-price { font-size: 13px; font-weight: 800; }
    .catalog-price-old { display: block; margin-top: 1px; font-size: 8px; font-weight: 500; color: #9a9faa; text-decoration: line-through; }
    .catalog-add { width: 33px; height: 33px; display: grid; place-items: center; flex: 0 0 33px; padding: 0; border: 0; border-radius: 11px; background: var(--mob-ink); color: #fff; }
    .catalog-add svg { width: 16px; height: 16px; }
    .catalog-empty { grid-column: 1/-1; padding: 45px 18px; border-radius: 18px; background: #fff; text-align: center; color: var(--mob-muted); }
    .catalog-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 20px; }
    .catalog-page { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--mob-line); border-radius: 11px; background: #fff; color: var(--mob-ink); font-size: 11px; text-decoration: none; }
    .catalog-page.current { border-color: var(--mob-ink); background: var(--mob-ink); color: #fff; }
    .category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
    .category-card { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; border-radius: 19px; color: #fff; text-decoration: none; overflow: hidden; position: relative; box-shadow: 0 9px 22px rgba(27,31,44,.1); }
    .category-card:nth-child(6n+1) { background: linear-gradient(145deg,#6757f6,#4434bc); }
    .category-card:nth-child(6n+2) { background: linear-gradient(145deg,#fe7d6b,#d94d69); }
    .category-card:nth-child(6n+3) { background: linear-gradient(145deg,#23b792,#11806a); }
    .category-card:nth-child(6n+4) { background: linear-gradient(145deg,#f0a444,#c86b20); }
    .category-card:nth-child(6n+5) { background: linear-gradient(145deg,#3d86e8,#2853a8); }
    .category-card:nth-child(6n) { background: linear-gradient(145deg,#a15ac5,#663487); }
    .category-card-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: rgba(255,255,255,.17); }
    .category-card-icon svg { width: 23px; height: 23px; }
    .category-card h2 { margin: 15px 0 2px; font-size: 14px; line-height: 1.25; }
    .category-card span { font-size: 9px; color: rgba(255,255,255,.72); }

    .nf-features { padding: 18px 0; }
    .nf-features-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .nf-body { padding: 28px 0 24px; }
    #backToTop { bottom: calc(var(--mob-bar-height) + env(safe-area-inset-bottom) + 13px) !important; }
}

@media (min-width: 769px) {
    .catalog-shell { max-width: 1200px; margin: 0 auto; padding: 34px 18px 70px; }
    .catalog-hero { padding: 40px; border-radius: 20px; background: linear-gradient(135deg,#171923,#332b75); color: #fff; }
    .catalog-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); }
    .catalog-hero h1 { margin: 5px 0 7px; font-size: 38px; }
    .catalog-hero p { margin: 0; color: rgba(255,255,255,.7); }
    .catalog-toolbar { display: flex; gap: 10px; justify-content: flex-end; margin: 18px 0; }
    .catalog-search,.catalog-sort { height: 44px; padding: 0 14px; border: 1px solid #e4e6eb; border-radius: 10px; background: #fff; font: inherit; }
    .catalog-search { width: min(330px,100%); }
    .catalog-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
    .catalog-chip { padding: 9px 14px; border: 1px solid #e4e6eb; border-radius: 99px; color: #686d78; text-decoration: none; font-size: 12px; }
    .catalog-chip.active { background:#171923;color:#fff;border-color:#171923; }
    .catalog-count { color:#747985;font-size:13px; }
    .catalog-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }
    .catalog-card { overflow:hidden;border:1px solid #eceef2;border-radius:16px;background:#fff; }
    .catalog-card-media { display:block;aspect-ratio:4/5;background:#eef0f3;overflow:hidden; }
    .catalog-card-media img { width:100%;height:100%;object-fit:cover; }
    .catalog-card-placeholder { width:100%;height:100%;display:grid;place-items:center;color:#aaa; }
    .catalog-card-placeholder svg { width:44px;height:44px; }
    .catalog-card-sale { position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:8px;background:#f04452;color:#fff;font-size:10px;font-weight:800; }
    .catalog-card { position:relative; }
    .catalog-card-body { padding:14px; }
    .catalog-card-category { color:#999;font-size:10px;text-transform:uppercase; }
    .catalog-card-title { min-height:42px;margin:5px 0 0;font-size:13px; }
    .catalog-card-title a { color:#171923;text-decoration:none; }
    .catalog-card-bottom { display:flex;align-items:center;justify-content:space-between;margin-top:12px; }
    .catalog-price { font-weight:800; }
    .catalog-price-old { display:block;font-size:10px;color:#999;text-decoration:line-through; }
    .catalog-add { width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;background:#171923;color:#fff; }
    .catalog-add svg { width:18px;height:18px; }
    .catalog-empty { grid-column:1/-1;padding:70px;text-align:center;border:1px solid #eee;border-radius:18px; }
    .catalog-pagination { display:flex;justify-content:center;gap:7px;margin-top:28px; }
    .catalog-page { width:38px;height:38px;display:grid;place-items:center;border:1px solid #e4e6eb;border-radius:10px;color:#171923;text-decoration:none; }
    .catalog-page.current { background:#171923;color:#fff; }
    .category-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px; }
    .category-card { min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:20px;color:#fff;text-decoration:none;background:#332b75; }
    .category-card:nth-child(6n+2){background:#d94d69}.category-card:nth-child(6n+3){background:#11806a}.category-card:nth-child(6n+4){background:#c86b20}.category-card:nth-child(6n+5){background:#2853a8}.category-card:nth-child(6n){background:#663487}
    .category-card-icon { width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.16); }
    .category-card-icon svg { width:25px;height:25px; }
    .category-card h2 { margin:auto 0 4px;font-size:18px; }.category-card span{font-size:11px;color:rgba(255,255,255,.7)}
}