@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --store-ink: #102038;
    --store-muted: #64748b;
    --store-navy: #0b1f3a;
    --store-blue: #176bff;
    --store-blue-dark: #0b4fd4;
    --store-mint: #22c5a3;
    --store-bg: #f5f7fb;
    --store-line: #e5eaf2;
    --store-white: #fff;
    --store-radius: 18px;
    --store-shadow: 0 12px 32px rgba(15, 35, 67, .08);
}

html { scroll-behavior: smooth; }
body { margin: 0 !important; background: var(--store-bg) !important; color: var(--store-ink); font-family: 'Manrope', sans-serif !important; }
a { text-underline-offset: 3px; }
.pageContainer { margin: 0 !important; min-height: 60vh; }
.store-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 9999; background: #fff; color: var(--store-navy); padding: 10px 16px; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.utility-bar { background: #07162b; color: #c9d7eb; font-size: 11px; letter-spacing: .02em; }
.utility-inner { min-height: 30px; display: flex; justify-content: flex-end; align-items: center; gap: 28px; }
.utility-inner i { color: #6fe1c8; margin-right: 5px; }
.store-nav { min-height: 78px; padding: 0 !important; background: rgba(255,255,255,.98); border-bottom: 1px solid var(--store-line); box-shadow: 0 4px 18px rgba(10,31,59,.04); }
.store-header { position: sticky; top: 0; z-index: 1030; }
.nav-shell { display: flex; align-items: center; gap: 30px; }
.store-brand { display: flex; align-items: center; gap: 10px; color: var(--store-navy) !important; margin-right: 12px; }
.brand-mark { width: 40px; height: 40px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: linear-gradient(145deg, #287cff, #1257d6); color: #fff; box-shadow: 0 7px 18px rgba(23,107,255,.25); }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font-size: 19px; letter-spacing: -.04em; }
.brand-copy small { font-size: 9px; letter-spacing: .24em; color: var(--store-blue); margin-top: 5px; font-weight: 800; }
.store-nav .navbar-collapse { align-items: center; gap: 28px; }
.store-nav .navbar-toggler { color: var(--store-navy); border: 1px solid var(--store-line); border-radius: 10px; }
.store-search { height: 46px; max-width: 520px; flex: 1; display: flex; align-items: center; padding-left: 15px; background: #f2f5f9; border: 1px solid transparent; border-radius: 13px; transition: .2s; }
.store-search:focus-within { background: #fff; border-color: var(--store-blue); box-shadow: 0 0 0 3px rgba(23,107,255,.1); }
.store-search i { color: #8491a5; }
.store-search input { min-width: 0; flex: 1; border: 0; outline: 0; padding: 0 12px; background: transparent; color: var(--store-ink); font-size: 13px; }
.store-search button { align-self: stretch; border: 0; border-radius: 11px; padding: 0 19px; margin: 3px; background: var(--store-blue); color: #fff; font-size: 12px; font-weight: 700; }
.nav-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.nav-action { min-height: 44px; display: flex; align-items: center; gap: 8px; padding: 0 10px; color: #354258; background: transparent; border: 0; text-decoration: none; font-size: 12px; font-weight: 700; white-space: nowrap; border-radius: 10px; }
.nav-action:hover { background: #f2f5fa; color: var(--store-blue); }
.nav-action i { font-size: 17px; }
.nav-register { padding: 10px 15px; border-radius: 10px; background: var(--store-navy); color: #fff; text-decoration: none; font-size: 12px; font-weight: 700; }
.nav-register:hover { color: #fff; background: var(--store-blue); }
.user-avatar { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #e8effc; color: var(--store-blue); }

.home-hero { position: relative; overflow: hidden; padding: 62px 0 52px; background: radial-gradient(circle at 12% 15%, rgba(40,124,255,.14), transparent 30%), linear-gradient(120deg, #f8fbff, #edf3fb); }
.home-hero::after { content: ''; position: absolute; width: 360px; height: 360px; right: -100px; top: -150px; border: 70px solid rgba(34,197,163,.08); border-radius: 50%; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 7px; color: var(--store-blue); font-size: 11px; line-height: 1.4; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-copy h1 { max-width: 570px; margin: 14px 0 18px; color: var(--store-navy); font-size: clamp(38px, 4.5vw, 64px); line-height: 1.06; letter-spacing: -.055em; font-weight: 800; }
.hero-copy h1 em { color: var(--store-blue); font-style: normal; }
.hero-copy > p { max-width: 500px; margin: 0 0 28px; color: var(--store-muted); font-size: 15px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 21px; border-radius: 12px; font-size: 13px; font-weight: 800; text-decoration: none; transition: .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--store-blue); color: #fff; box-shadow: 0 10px 24px rgba(23,107,255,.25); }
.button-primary:hover { background: var(--store-blue-dark); color: #fff; }
.button-ghost { color: var(--store-navy); border: 1px solid #cfdaea; background: rgba(255,255,255,.5); }
.button-ghost:hover { color: var(--store-blue); border-color: var(--store-blue); }
.hero-trust { display: flex; gap: 20px; margin-top: 26px; color: #607089; font-size: 11px; font-weight: 600; }
.hero-trust i { color: var(--store-mint); margin-right: 4px; }
.hero-visual { min-width: 0; }
.store-slider { overflow: hidden; border: 8px solid rgba(255,255,255,.75); border-radius: 26px; background: #dfe8f6; box-shadow: 0 26px 60px rgba(15,37,71,.18); }
.store-slider-img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.store-slider .carousel-control-prev, .store-slider .carousel-control-next { width: 42px !important; height: 42px; top: 50%; transform: translateY(-50%); margin: 0 12px; border-radius: 50% !important; background: rgba(11,31,58,.78) !important; opacity: 1; }
.store-slider .carousel-control-prev { left: 0 !important; }.store-slider .carousel-control-next { right: 0 !important; }
.store-slider .carousel-control-prev-icon, .store-slider .carousel-control-next-icon { width: 16px; }
.store-slider .carousel-indicators button { width: 18px; height: 4px; border: 0; border-radius: 20px; }

.benefit-strip { background: #fff; border-block: 1px solid var(--store-line); }
.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.benefit-grid > div { display: flex; align-items: center; gap: 13px; padding: 23px 20px; border-right: 1px solid var(--store-line); }
.benefit-grid > div:first-child { border-left: 1px solid var(--store-line); }
.benefit-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 10px; background: #eef4ff; color: var(--store-blue); }
.benefit-grid strong, .benefit-grid small { display: block; }.benefit-grid strong { font-size: 12px; }.benefit-grid small { margin-top: 3px; color: var(--store-muted); font-size: 10px; }

.store-section { padding: 70px 0; }
.category-section { background: #fff; }
.products-section { background: var(--store-bg); }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 28px; }
.section-heading h2 { margin: 6px 0 0; color: var(--store-navy); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.04em; font-weight: 800; }
.section-heading > a { color: var(--store-blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.category-showcase { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.category-tile { position: relative; min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 23px; border-radius: var(--store-radius); color: var(--store-navy); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.category-tile:hover { transform: translateY(-4px); color: var(--store-navy); box-shadow: var(--store-shadow); }
.category-tile > i { position: absolute; right: 18px; top: 18px; font-size: 62px; opacity: .17; transform: rotate(-8deg); }
.category-tile span { font-size: 18px; font-weight: 800; }.category-tile small { margin-top: 5px; opacity: .7; font-size: 11px; }
.tile-blue { background: #e4efff; }.tile-violet { background: #eee8ff; }.tile-cyan { background: #dff7f5; }.tile-orange { background: #fff0df; }

.store-product-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.product-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--store-line); border-radius: 16px; background: #fff; transition: transform .2s, box-shadow .2s, border-color .2s; }
.product-card:hover { transform: translateY(-4px); border-color: #cfdaea; box-shadow: var(--store-shadow); }
.product-media { position: relative; margin: 9px; overflow: hidden; border-radius: 12px; background: #f6f8fb; }
.product-media > a { display: block; aspect-ratio: 1/1; }
.product-media img { width: 100%; height: 100%; object-fit: contain; padding: 14px; mix-blend-mode: multiply; transition: transform .3s; }
.product-card:hover .product-media img { transform: scale(1.04); }
.product-labels { position: absolute; left: 9px; top: 9px; display: flex; flex-wrap: wrap; gap: 5px; }
.product-labels span { padding: 5px 8px; border-radius: 7px; color: #fff; font-size: 9px; line-height: 1; font-weight: 800; text-transform: uppercase; }
.label-sale { background: #ef476f; }.label-new { background: #10a887; }.label-featured { background: var(--store-blue); }
.wishlist-button { position: absolute; top: 8px; right: 8px; width: 33px; height: 33px; border: 1px solid var(--store-line); border-radius: 50%; background: rgba(255,255,255,.92); color: #758197; transition: .2s; }
.wishlist-button:hover { color: #e73761; border-color: #f3b4c3; }
.product-content { display: flex; flex: 1; flex-direction: column; padding: 6px 15px 15px; }
.product-rating { display: flex; align-items: center; gap: 4px; margin-bottom: 7px; color: #f5a524; font-size: 10px; }
.product-rating span { color: #475569; font-weight: 800; }.product-rating small { color: #94a3b8; }
.product-content h3 { min-height: 38px; margin: 0 0 12px; font-size: 13px; line-height: 1.45; font-weight: 700; }
.product-content h3 a { display: -webkit-box; overflow: hidden; color: var(--store-ink); text-decoration: none; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product-content h3 a:hover { color: var(--store-blue); }
.product-price-row { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: auto; }
.product-price-row del { display: block; color: #98a3b3; font-size: 9px; }.product-price-row strong { color: var(--store-navy); font-size: 16px; letter-spacing: -.03em; }
.stock-status { padding: 4px 6px; border-radius: 6px; font-size: 8px; font-weight: 800; text-transform: uppercase; }.in-stock { background: #e5f8f3; color: #09866b; }.out-stock { background: #feecef; color: #d82b51; }
.product-card-actions { display: flex; gap: 7px; margin-top: 13px; }
.product-detail-link { flex: 1; display: grid; place-items: center; height: 36px; border: 1px solid #d7dfeb; border-radius: 9px; color: var(--store-navy); text-decoration: none; font-size: 10px; font-weight: 800; }
.product-detail-link:hover { border-color: var(--store-blue); color: var(--store-blue); }
.product-card-actions form { margin: 0; }.product-add-button { width: 38px; height: 36px; border: 0; border-radius: 9px; background: var(--store-blue); color: #fff; }
.product-add-button:hover { background: var(--store-blue-dark); }
.store-empty { padding: 60px; text-align: center; border: 1px dashed #ccd6e5; border-radius: var(--store-radius); background: #fff; }.store-empty i { color: #a8b5c8; font-size: 40px; }.store-empty h3 { margin: 14px 0 7px; }

.newsletter-banner { display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-top: 30px; margin-bottom: 70px; padding: 36px 42px; border-radius: 22px; background: var(--store-navy); color: #fff; box-shadow: 0 20px 45px rgba(11,31,58,.18); }
.newsletter-banner h2 { margin: 6px 0; font-size: 24px; font-weight: 800; }.newsletter-banner p { margin: 0; color: #aebdd1; font-size: 12px; }.newsletter-banner .eyebrow { color: #6fe1c8; }
.newsletter-form { min-width: 390px; height: 49px; display: flex; padding: 4px; border-radius: 12px; background: #fff; }.newsletter-form input { min-width: 0; flex: 1; padding: 0 13px; border: 0; outline: 0; font-size: 12px; }.newsletter-form button { border: 0; border-radius: 9px; padding: 0 18px; background: var(--store-blue); color: #fff; font-size: 11px; font-weight: 800; }

.catalogue-page { padding-block: 38px 70px; }.catalogue-page .amazon-category-sidebar, .catalogue-page .amazon-section-header { border: 1px solid var(--store-line); box-shadow: none; }.catalogue-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.store-footer { padding: 52px 0 20px; background: #07162b; color: #94a5bd; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 70px; }.footer-brand { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 15px; color: #fff; text-decoration: none; font-size: 18px; font-weight: 800; }.footer-grid p { max-width: 420px; font-size: 12px; line-height: 1.8; }.footer-grid h2 { margin: 5px 0 15px; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }.footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 9px; }.footer-grid a, .footer-grid span { color: #94a5bd; font-size: 11px; text-decoration: none; }.footer-grid a:hover { color: #fff; }.footer-bottom { display: flex; justify-content: space-between; margin-top: 40px; padding-top: 18px; border-top: 1px solid #1c2d46; font-size: 10px; }

@media (max-width: 1100px) {
    .store-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .hero-grid { gap: 35px; }.nav-action span:not(.user-avatar) { display: none; }
}
@media (max-width: 991.98px) {
    .store-header { position: relative; }.store-nav { padding: 12px 0 !important; }.store-nav .navbar-collapse { padding-top: 15px; }.store-search { max-width: none; }.nav-actions { margin-top: 12px; justify-content: flex-start; }.nav-action span:not(.user-avatar) { display: inline; }
    .hero-grid { grid-template-columns: 1fr; }.hero-copy { text-align: center; }.hero-copy > p { margin-inline: auto; }.hero-actions, .hero-trust { justify-content: center; }.hero-visual { width: min(700px, 100%); margin-inline: auto; }
    .benefit-grid { grid-template-columns: repeat(2, 1fr); }.category-showcase { grid-template-columns: repeat(2, 1fr); }.store-product-grid, .catalogue-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .store-container { width: min(100% - 28px, 1180px); }.utility-inner { justify-content: center; }.utility-inner span:last-child { display: none; }
    .home-hero { padding: 42px 0 36px; }.hero-copy h1 { font-size: 41px; }.hero-trust { gap: 10px; flex-wrap: wrap; }.store-slider { border-width: 5px; border-radius: 18px; }
    .store-section { padding: 50px 0; }.benefit-grid > div { padding: 18px 12px; }.store-product-grid, .catalogue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.category-showcase { gap: 10px; }.category-tile { min-height: 150px; padding: 18px; }
    .newsletter-banner { display: block; margin-bottom: 50px; padding: 28px 24px; }.newsletter-form { min-width: 0; margin-top: 22px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 35px; }.footer-grid > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    .hero-actions { display: grid; }.benefit-grid { grid-template-columns: 1fr 1fr; }.benefit-grid > div { display: block; text-align: center; }.benefit-icon { margin: 0 auto 8px; }.category-showcase { grid-template-columns: 1fr 1fr; }.category-tile { min-height: 125px; }.category-tile > i { font-size: 45px; }.section-heading { align-items: center; }.section-heading > a { font-size: 0; }.section-heading > a i { font-size: 13px; }.product-content { padding-inline: 10px; }.product-price-row { display: block; }.stock-status { display: inline-block; margin-top: 5px; }.footer-bottom { gap: 15px; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ================================================================
   Marketplace UI v2 — Amazon-inspired, original Erkan Store system
   ================================================================ */
:root {
    --market-950: #101820;
    --market-900: #131e29;
    --market-800: #243447;
    --market-orange: #ff9900;
    --market-yellow: #ffd814;
    --market-yellow-hover: #f7ca00;
    --market-link: #007185;
    --market-link-hover: #c7511f;
    --market-page: #e7eaed;
    --market-text: #0f1111;
    --market-muted: #565959;
    --market-line: #d5d9d9;
}

body { background: var(--market-page) !important; color: var(--market-text); font-family: Arial, Helvetica, sans-serif !important; }
.pageContainer { min-height: 65vh; margin: 0 !important; }
.store-container { width: min(1440px, calc(100% - 32px)); }

/* Header */
.market-header { position: sticky; top: 0; z-index: 1040; color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.06); }
.market-main-nav { background: var(--market-950); }
.market-nav-shell { width: min(1600px, calc(100% - 24px)); min-height: 62px; margin: auto; display: flex; align-items: center; gap: 7px; }
.market-logo { position: relative; flex: 0 0 auto; padding: 8px 9px 12px; border: 1px solid transparent; color: #fff; line-height: 1; text-decoration: none; }
.market-logo:hover, .market-location:hover, .market-nav-link:hover, .market-cart:hover { border-color: #fff; color: #fff; }
.market-logo-name { font-size: 25px; font-weight: 800; letter-spacing: -1.4px; }
.market-logo-dot { color: #fff; font-size: 12px; font-weight: 700; }
.market-logo-smile { position: absolute; left: 21px; bottom: 6px; width: 41px; height: 8px; border-bottom: 3px solid var(--market-orange); border-radius: 0 0 70% 60%; transform: rotate(3deg); }
.market-location { min-height: 50px; display: flex; align-items: flex-end; gap: 6px; padding: 8px; border: 1px solid transparent; color: #fff; text-decoration: none; }
.market-location i { margin-bottom: 5px; }
.market-location span, .market-nav-link { display: flex; flex-direction: column; }
.market-location small, .market-nav-link small { color: #ccc; font-size: 11px; line-height: 1.1; }
.market-location strong, .market-nav-link strong, .market-cart strong { font-size: 13px; line-height: 1.2; white-space: nowrap; }
.market-search { height: 42px; display: flex; flex: 1 1 600px; margin: 0 8px; border-radius: 7px; background: #fff; overflow: hidden; }
.market-search:focus-within { box-shadow: 0 0 0 3px var(--market-orange); }
.market-search-category { display: flex; align-items: center; gap: 7px; padding: 0 11px; border-right: 1px solid #cdcdcd; background: #e6e6e6; color: #555; font-size: 11px; white-space: nowrap; }
.market-search input { min-width: 70px; flex: 1; padding: 0 13px; border: 0; outline: 0; color: #111; font-size: 14px; }
.market-search button { width: 48px; border: 0; background: #febd69; color: #111; font-size: 18px; }
.market-search button:hover { background: #f3a847; }
.market-account { flex: 0 0 auto; }
.market-nav-link { min-height: 50px; justify-content: center; padding: 7px 8px; border: 1px solid transparent; background: transparent; color: #fff; text-align: left; text-decoration: none; }
.market-nav-link::after { display: none; }
.market-cart { min-height: 50px; display: flex; align-items: flex-end; gap: 3px; padding: 5px 9px 8px; border: 1px solid transparent; color: #fff; text-decoration: none; }
.market-cart-icon { position: relative; font-size: 27px; line-height: 1; }
.market-cart-icon b { position: absolute; left: 13px; top: -8px; min-width: 18px; color: var(--market-orange); font-size: 15px; text-align: center; }
.market-account-menu { width: 235px; padding: 10px; border-radius: 4px; box-shadow: 0 8px 28px rgba(0,0,0,.24); }
.market-account-menu .dropdown-item { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 4px; font-size: 13px; }
.market-account-menu .dropdown-item i { width: 16px; color: #637083; text-align: center; }
.market-sub-nav { background: var(--market-800); }
.market-sub-shell { width: min(1600px, calc(100% - 24px)); min-height: 39px; margin: auto; display: flex; align-items: center; gap: 2px; overflow: hidden; }
.market-sub-shell a, .market-sub-shell button { flex: 0 0 auto; padding: 9px 10px; border: 1px solid transparent; background: transparent; color: #fff; font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.market-sub-shell a:hover, .market-sub-shell button:hover { border-color: #fff; }
.market-sub-promo { margin-left: auto; padding: 0 9px; color: #fff; font-size: 12px; font-weight: 700; white-space: nowrap; }
.market-sub-promo i { color: var(--market-orange); }
.market-mobile-toggle { display: none; border: 0; background: transparent; color: #fff; font-size: 21px; }
.market-drawer { width: min(365px, 88vw) !important; }
.market-drawer-head { background: var(--market-800); color: #fff; }
.market-drawer-head h2 { font-size: 18px; font-weight: 700; }
.market-drawer-body { padding: 20px 0; }
.market-drawer-body h3 { padding: 0 24px 10px; font-size: 16px; font-weight: 700; }
.market-drawer-body a { display: flex; justify-content: space-between; padding: 11px 24px; color: #111; font-size: 14px; text-decoration: none; }
.market-drawer-body a:hover { background: #eee; }

/* Home */
.market-home { width: min(1500px, 100%); margin: auto; padding-bottom: 28px; }
.market-hero { position: relative; height: clamp(270px, 38vw, 590px); overflow: hidden; }
.market-hero .store-slider { height: 100%; border: 0; border-radius: 0; box-shadow: none; }
.market-hero .carousel-inner, .market-hero .carousel-item { height: 100%; }
.market-hero .store-slider-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.market-hero .carousel-control-prev, .market-hero .carousel-control-next { width: 7% !important; height: 45%; top: 0; transform: none; margin: 0; border-radius: 0 !important; background: transparent !important; }
.market-hero .carousel-control-prev:focus, .market-hero .carousel-control-next:focus { outline: 2px solid #fff; outline-offset: -4px; }
.market-hero-fade { position: absolute; inset: auto 0 0; height: 46%; background: linear-gradient(transparent, var(--market-page)); pointer-events: none; }
.market-card-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; margin: clamp(-255px, -17vw, -150px) 18px 20px; }
.market-discovery-card { min-height: 385px; display: flex; flex-direction: column; padding: 20px; background: #fff; box-shadow: 0 2px 8px rgba(15,17,17,.08); }
.market-discovery-card h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.25; font-weight: 700; }
.market-category-mosaic, .market-icon-categories { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 10px; flex: 1; }
.market-category-mosaic a { min-width: 0; color: #111; font-size: 11px; text-decoration: none; }
.market-category-mosaic img { width: 100%; height: 105px; object-fit: contain; background: #f4f5f5; }
.market-category-mosaic span { display: -webkit-box; overflow: hidden; margin-top: 5px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.market-icon-categories a { min-height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: #f3f4f4; color: #111; text-decoration: none; }
.market-icon-categories i { color: var(--market-800); font-size: 35px; }
.market-icon-categories span { font-size: 12px; font-weight: 700; }
.market-card-link { margin-top: 17px; color: var(--market-link); font-size: 12px; text-decoration: none; }
.market-card-link:hover { color: var(--market-link-hover); text-decoration: underline; }
.market-benefit-list { display: grid; gap: 14px; flex: 1; }
.market-benefit-list > div { display: flex; align-items: center; gap: 13px; padding: 14px; background: #f5f6f6; }
.market-benefit-list i { width: 35px; color: var(--market-orange); font-size: 25px; text-align: center; }
.market-benefit-list span, .market-benefit-list strong, .market-benefit-list small { display: block; }
.market-benefit-list strong { font-size: 13px; }.market-benefit-list small { margin-top: 3px; color: var(--market-muted); font-size: 11px; }
.market-signin-card { min-height: 245px; }
.market-signin-card p { color: var(--market-muted); font-size: 13px; line-height: 1.55; }
.market-signin-card > span { margin-top: 14px; font-size: 11px; }.market-signin-card > span a { color: var(--market-link); }
.market-yellow-button { display: block; padding: 9px 15px; border: 1px solid #fcd200; border-radius: 999px; background: var(--market-yellow); color: #111; font-size: 12px; text-align: center; text-decoration: none; box-shadow: 0 2px 5px rgba(213,217,217,.5); }
.market-yellow-button:hover { background: var(--market-yellow-hover); color: #111; }
.market-shelf { margin: 0 18px 20px; padding: 22px 20px; background: #fff; box-shadow: 0 1px 5px rgba(15,17,17,.06); }
.market-shelf-heading { display: flex; align-items: baseline; gap: 17px; margin-bottom: 17px; }
.market-shelf-heading h2 { margin: 0; font-size: 21px; font-weight: 700; }.market-shelf-heading a { color: var(--market-link); font-size: 12px; text-decoration: none; }
.market-shelf-heading a:hover { color: var(--market-link-hover); text-decoration: underline; }
.market-deal-strip { display: grid; grid-auto-columns: minmax(165px, 1fr); grid-auto-flow: column; gap: 20px; overflow-x: auto; padding: 2px 2px 12px; scrollbar-color: #aab1b1 transparent; scroll-snap-type: x proximity; }
.market-deal { min-width: 0; color: #111; text-decoration: none; scroll-snap-align: start; }
.market-deal img { width: 100%; height: 165px; object-fit: contain; background: #f5f5f5; }
.market-deal-badge { display: inline-block; margin-top: 9px; padding: 5px 7px; background: #cc0c39; color: #fff; font-size: 11px; font-weight: 700; }
.market-deal strong { margin-left: 5px; font-size: 14px; }.market-deal small { display: -webkit-box; overflow: hidden; margin-top: 7px; font-size: 12px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.market-promo-ribbon { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 18px 20px; padding: 18px 24px; background: linear-gradient(100deg, #172a3a, #243b53); color: #fff; }
.market-promo-ribbon > div { display: flex; align-items: center; gap: 15px; }.market-promo-ribbon i { color: var(--market-orange); font-size: 26px; }.market-promo-ribbon span, .market-promo-ribbon strong, .market-promo-ribbon small { display: block; }.market-promo-ribbon small { margin-top: 3px; color: #ced6dd; }.market-promo-ribbon a { padding: 8px 18px; border-radius: 999px; background: #fff; color: #111; font-size: 12px; font-weight: 700; text-decoration: none; }
.market-newsletter { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin: 0 18px; padding: 24px; background: #fff; }
.market-newsletter > div { display: flex; align-items: center; gap: 15px; }.market-newsletter i { color: var(--market-link); font-size: 28px; }.market-newsletter span, .market-newsletter strong, .market-newsletter small { display: block; }.market-newsletter small { margin-top: 3px; color: var(--market-muted); }
.market-newsletter form { width: min(430px, 100%); display: flex; }.market-newsletter input { min-width: 0; flex: 1; padding: 10px 12px; border: 1px solid #888c8c; border-radius: 4px 0 0 4px; outline: 0; }.market-newsletter input:focus { border-color: #007185; box-shadow: 0 0 0 3px rgba(0,113,133,.18); }.market-newsletter button { padding: 0 17px; border: 1px solid #fcd200; border-radius: 0 4px 4px 0; background: var(--market-yellow); font-size: 12px; }

/* Product cards and catalogue */
.store-product-grid { grid-template-columns: repeat(5, minmax(0,1fr)); gap: 1px; background: var(--market-line); border: 1px solid var(--market-line); }
.product-card { padding: 14px; border: 0; border-radius: 0; box-shadow: none; }
.product-card:hover { z-index: 1; transform: none; border-color: transparent; box-shadow: 0 0 0 2px var(--market-orange), 0 7px 20px rgba(0,0,0,.12); }
.product-media { margin: 0 0 12px; border-radius: 0; background: #f7f7f7; }.product-media > a { aspect-ratio: 1/1; }.product-media img { padding: 16px; mix-blend-mode: multiply; }
.product-labels { left: 0; top: 0; }.product-labels span { border-radius: 0; text-transform: none; }.label-sale { background: #cc0c39; }.label-new, .label-featured { background: #007185; }
.wishlist-button { top: 8px; right: 8px; border-color: #c7c7c7; background: #fff; }
.wishlist-button.is-active { border-color: #cc0c39; color: #cc0c39; }
.product-content { padding: 0; }.product-content h3 { min-height: 42px; margin-bottom: 7px; font-size: 13px; font-weight: 400; }.product-content h3 a:hover { color: var(--market-link-hover); }
.product-rating { gap: 5px; margin: 0 0 5px; color: var(--market-link); font-size: 11px; }.product-stars { display: flex; gap: 1px; color: var(--market-orange); }.product-rating small { color: var(--market-link); }
.product-price-row { justify-content: flex-start; align-items: center; gap: 7px; }.product-price-row strong { color: #0f1111; font-size: 20px; font-weight: 400; }.product-price-row sup { position: relative; top: -.45em; margin-right: 1px; font-size: 11px; }.product-discount { color: #cc0c39; font-size: 15px; font-weight: 300; }.product-old-price { min-height: 18px; color: var(--market-muted); font-size: 10px; }.product-delivery { min-height: 37px; margin: 7px 0; font-size: 10px; line-height: 1.45; }.product-delivery b { color: #007185; }.stock-status { align-self: flex-start; padding: 0; background: transparent; font-size: 10px; text-transform: none; }.in-stock { color: #067d62; }.out-stock { color: #b12704; }
.product-card-actions { margin-top: 8px; }.product-card-actions form { width: 100%; }.product-add-button { width: 100%; height: 31px; display: grid; place-items: center; padding: 0 13px; border: 1px solid #fcd200; border-radius: 999px; background: var(--market-yellow); color: #111; font-size: 11px; text-decoration: none; box-shadow: 0 2px 5px rgba(213,217,217,.5); }.product-add-button:hover { background: var(--market-yellow-hover); color: #111; }
.catalogue-page { width: min(1500px, calc(100% - 28px)); padding: 24px 0 50px; }.catalogue-page .amazon-category-sidebar { position: sticky; top: 120px; padding: 17px; border-radius: 0; background: #fff; }.catalogue-page .amazon-section-header { padding: 14px 17px; border-radius: 0; background: #fff; }.catalogue-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }

/* Existing commerce screens: shared visual polish */
.details-img-card, .details-info, .details-buy-box, .cart-items-card, .cart-summary-box, .checkout-card, .orders-card { border-radius: 4px !important; box-shadow: 0 1px 4px rgba(15,17,17,.12) !important; }
.details-product-name { color: #0f1111 !important; font-weight: 400 !important; }.details-cat-badge, .breadcrumb a { color: var(--market-link) !important; }.details-price { color: #0f1111 !important; }.details-buy-btn, .cart-btn-checkout, .checkout-submit-btn { border-color: #fcd200 !important; border-radius: 999px !important; background: var(--market-yellow) !important; color: #111 !important; box-shadow: 0 2px 5px rgba(213,217,217,.5) !important; }.details-buy-btn:hover, .cart-btn-checkout:hover, .checkout-submit-btn:hover { background: var(--market-yellow-hover) !important; }
.auth-card { border: 1px solid var(--market-line); border-radius: 7px; box-shadow: 0 2px 8px rgba(15,17,17,.08); }.auth-logo { background: var(--market-900); color: var(--market-orange); }.auth-submit { border-radius: 999px !important; background: var(--market-yellow) !important; color: #111 !important; }
.form-control:focus, .form-select:focus { border-color: #007185 !important; box-shadow: 0 0 0 3px rgba(0,113,133,.18) !important; }

/* Footer */
.back-to-top { display: block; padding: 14px; background: #34465a; color: #fff; font-size: 12px; text-align: center; text-decoration: none; }.back-to-top:hover { background: #43566c; color: #fff; }
.store-footer { padding: 45px 0 20px; background: var(--market-800); }.footer-grid { grid-template-columns: 2fr 1fr 1fr; }.footer-brand .brand-mark { border-radius: 4px; background: var(--market-orange); box-shadow: none; }.footer-grid a:hover { text-decoration: underline; }.footer-bottom { border-color: #506174; }

@media (max-width: 1200px) {
    .market-location, .market-orders { display: none; }.market-card-grid { grid-template-columns: repeat(3, 1fr); }.market-signin-card { grid-column: span 3; min-height: auto; }.store-product-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
    .market-header { position: relative; }.market-nav-shell { flex-wrap: wrap; padding: 7px 0; }.market-mobile-toggle { display: block; }.market-logo { margin-right: auto; }.market-account, .market-orders { display: none; }.market-search { order: 5; flex-basis: 100%; margin: 0; }.market-sub-shell a:nth-of-type(n+5), .market-sub-promo { display: none; }
    .market-card-grid { grid-template-columns: repeat(2,1fr); margin-top: -90px; }.market-signin-card { grid-column: auto; }.store-product-grid, .catalogue-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
    .market-logo-name { font-size: 22px; }.market-cart strong { display: none; }.market-cart-icon { font-size: 24px; }.market-search-category { display: none; }.market-sub-shell { overflow-x: auto; }.market-sub-shell button { display: none; }
    .market-hero { height: 230px; }.market-card-grid { grid-template-columns: 1fr; gap: 12px; margin: -45px 10px 12px; }.market-discovery-card { min-height: auto; }.market-signin-card { grid-column: auto; }.market-category-mosaic img { height: 125px; }.market-shelf { margin: 0 10px 12px; padding: 18px 14px; }.market-promo-ribbon, .market-newsletter { margin: 0 10px 12px; }.market-newsletter { align-items: stretch; flex-direction: column; }.store-product-grid, .catalogue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.product-card { padding: 10px; }.catalogue-page { width: min(100% - 20px, 1500px); }.footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .market-nav-shell { width: calc(100% - 14px); }.market-cart { padding-inline: 4px; }.market-search { height: 39px; }.market-sub-shell { width: calc(100% - 10px); }.market-hero { height: 170px; }.market-card-grid { margin-top: -18px; }.market-category-mosaic img { height: 95px; }.market-shelf-heading { align-items: flex-start; justify-content: space-between; }.market-shelf-heading h2 { font-size: 18px; }.market-shelf-heading a { text-align: right; }.market-promo-ribbon { align-items: flex-start; flex-direction: column; }.market-deal-strip { grid-auto-columns: 145px; }.market-deal img { height: 140px; }.store-product-grid, .catalogue-grid { grid-template-columns: 1fr 1fr; }.product-content h3 { font-size: 12px; }.product-price-row strong { font-size: 17px; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > div:first-child { grid-column: auto; }
}