html,body{font-family:Nunito,system-ui,sans-serif}
@font-face{font-family:"Nunito";src:url("/assets/storefront/fonts/nunito.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
.category-page{background:#fff;color:var(--ink);min-height:60vh}.category-wrap{width:min(calc(100% - 32px),1480px);max-width:1480px;margin:0 auto;padding:18px 0 56px}.category-breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px}.category-breadcrumb a{color:inherit;text-decoration:none}.category-heading{padding:4px 0 18px}.category-kicker{margin:0 0 5px;color:var(--muted);font-size:13px}.category-heading h1{margin:0;font-family:Nunito,sans-serif;font-weight:600;font-size:17px;line-height:1.2;letter-spacing:-.02em}.category-heading>p:last-child{margin:9px 0 0;color:var(--muted);font-size:15px}.category-location{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:8px;height:58px;min-height:58px;box-sizing:border-box;padding:0 12px;margin-bottom:14px;background:#fff;color:var(--ink)}.category-location span{font-size:24px;color:inherit}.category-location strong{font-size:14px}.category-location button{margin-left:auto;border:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer}.category-benefits{display:flex;justify-content:space-around;gap:10px;background:var(--color-info-bg);border-radius:8px;padding:13px 16px;margin-bottom:18px;color:var(--color-muted);font-size:13px}.category-intro{background:var(--color-info-bg);border-radius:4px;padding:15px 18px;margin-bottom:17px;color:var(--color-text);font-size:14px}.category-intro p{margin:0}
.category-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:14px 0;margin-bottom:20px}.category-toolbar>button,.category-sort{min-height:40px;border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:0 13px;color:var(--ink);font:inherit;font-size:13px}.category-toolbar>button span{margin-left:8px;color:var(--muted)}.category-sort{display:flex;align-items:center;gap:7px;margin-left:auto}.category-sort select{border:0;background:transparent;color:var(--ink);font:inherit;outline:0}.category-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.category-results-head h2{margin:0;font:600 20px/1.2 Nunito,sans-serif}.category-results-head span{color:var(--muted);font-size:13px}.category-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
/* Category/search listings reuse the one shared .product-card visual contract from
   home.css (white card, #DDE2E9 1px border, 12px radius, 4:5 contain media with 8px
   horizontal inset, delivery band directly below, 12px text inset). No
   surface-specific card variant lives here. */
@media (max-width:1200px){.category-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media (max-width:992px){.category-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:576px){.category-wrap{width:min(calc(100% - 32px),560px);padding-top:12px}.category-heading>p:last-child{font-size:14px}.category-location{align-items:center;flex-wrap:nowrap}.category-location button{width:100%;margin-left:34px;text-align:left}.category-toolbar{overflow-x:auto;flex-wrap:nowrap;margin-inline:-6px;padding-inline:6px}.category-toolbar>button,.category-sort{flex:0 0 auto}.category-sort{margin-left:0}.category-results-head h2{font-size:18px}.category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.category-location{position:relative;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1px solid var(--color-border);border-radius:8px;height:58px;min-height:58px;box-sizing:border-box;padding:0 12px;margin-bottom:14px}.category-location.has-location{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-location>button{display:flex;align-items:center;gap:10px;width:100%;margin:0;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.category-location .location-pin{color:currentColor}.location-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;border:0;border-radius:50%;background:transparent;color:currentColor;font-size:22px;line-height:1;cursor:pointer}.category-location>button>span:not(.location-pin):not(.location-clear){font-size:14px;color:inherit}.category-location>button>.location-pin{font-size:20px;color:currentColor}
.category-toolbar{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.filter-groups{display:flex;flex-wrap:wrap;gap:8px}.filter-group{position:relative;min-width:100px}.filter-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px;cursor:pointer;background:#fff;font-size:13px}.filter-group summary::-webkit-details-marker{display:none}
.filter-group summary .filter-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;color:currentColor}
.filter-group summary .filter-chevron svg{display:block;width:16px;height:16px}.filter-group[open] summary{border-color:var(--color-primary)}.filter-options{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:280px;overflow:hidden;padding:0;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 24px rgba(36,62,74,.12)}.filter-options-scroll{max-height:280px;overflow:auto;padding:12px}.filter-option{display:flex;gap:8px;align-items:center;padding:5px 8px;font-size:14px;min-height:28px}.filter-option input{width:24px;height:24px;min-width:24px;margin:0;accent-color:var(--color-primary)}.filter-option input[type="radio"]{width:18px;height:18px;min-width:18px}.filter-panel-actions{display:flex;justify-content:flex-end;margin:0;padding:12px;border-top:1px solid var(--color-border)}.filter-panel-actions button{min-width:100px;min-height:48px;border:0;border-radius:5px;background:var(--color-primary);color:#fff;font:inherit;font-size:16px;cursor:pointer}.filter-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.filter-actions>.filter-group{min-width:112px}.filter-actions>.filter-group .filter-options{right:0;left:auto;min-width:280px}.category-sort{margin-left:0}@media(max-width:767px){.category-wrap{width:min(calc(100% - 32px),560px)}.category-location{height:58px;min-height:58px;margin-bottom:12px}.category-location.has-location{border-radius:8px}.category-intro{margin-inline:0;padding:14px 16px;font-size:14px}.category-toolbar{position:sticky;bottom:0;z-index:25;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;margin-inline:-12px;background:#fff;box-shadow:0 -4px 16px rgba(36,62,74,.08)}.filter-groups{display:contents}.filter-group{min-width:0}.filter-group summary{display:none}.filter-options{position:fixed;left:16px;right:16px;bottom:64px;min-width:0;max-height:min(70vh,420px);display:none}.filter-group[open] .filter-options{display:block}.filter-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.filter-actions:before{content:'Filtrele';display:flex;align-items:center;justify-content:center;min-height:54px;border-right:1px solid var(--color-border)}.category-sort{display:flex;justify-content:center;border:0;border-radius:0;min-height:54px}.listing-count,.filter-clear{display:none!important}.listing-active-filters{padding:8px 12px;display:flex}.listing-active-filters .filter-clear{display:inline-flex!important}}
.listing-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;grid-column:1/-1;margin:0 0 4px;padding-top:2px}.listing-active-filters[hidden]{display:none}.listing-filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.listing-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 9px;border-radius:999px;background:var(--color-info-bg);color:var(--ink);font-size:13px;line-height:1}.listing-filter-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-muted);font:inherit;font-size:16px;line-height:1;cursor:pointer}.listing-filter-chip-remove:hover{background:rgba(36,62,74,.1);color:var(--ink)}.listing-active-filters .filter-clear{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 13px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
/* Listing location toolbar: a thin single-row control. The helper note is the
   only thing that ever made this row tall — as a bare block-level <p> it kept
   the default 1em margins and wrapped the toolbar onto two lines. It stays on a
   single quiet line here and drops out entirely on narrow screens, so the row is
   one 44px control at every breakpoint. */
.category-location-note{margin:0;padding:0;font-size:12px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.listing-location-warning{display:grid;gap:5px;margin:-2px 0 18px;padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-info-bg);color:var(--color-text)}.listing-location-warning[hidden]{display:none}.listing-location-warning strong{font-size:15px;line-height:1.3;font-weight:700}.listing-location-warning p{margin:0;color:var(--color-muted);font-size:14px;line-height:1.45;overflow-wrap:anywhere}
@media(max-width:767px){.listing-location-warning{margin:-2px 0 14px;padding:12px 14px}.listing-location-warning strong{font-size:14px}.listing-location-warning p{font-size:13px}}
/* The suggestion list is the scroll container, never the dialog itself: a long
   result set stays inside the capped list instead of stretching the dialog past
   the viewport. Capped on desktop, and against the viewport on mobile. */
#location-results{max-height:280px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:767px){.category-location-note{display:none}#location-results{max-height:45vh;overflow-y:auto;overscroll-behavior:contain}}
/* Listing paging: the infinite loader is a quiet sentinel plus a real button, so
   the next 60-product page can also be requested without a scroll gesture. */
.listing-more{display:grid;justify-items:center;gap:8px;margin:20px 0 0}
.listing-more-sentinel{width:100%;height:1px}
.listing-more-status{margin:0;color:var(--muted);font-size:13px;min-height:18px}
.listing-more[hidden]{display:none}
.listing-more button{width:100%;max-width:320px;min-height:44px;font-size:15px}
.product-card[hidden]{display:none!important}

.category-product-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* Desktop delivery bar is the input; mobile bar opens the separate picker dialog.
   Suggestions remain compact. The leading map-pin swaps for a same-slot
   spinner during the 3-character debounce/request. */
.category-location-shell{position:relative;margin-bottom:14px}
.location-start-hint{display:inline-flex;align-items:center;max-width:100%;margin:0 0 4px;padding:2px 9px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:11px;font-weight:700;line-height:1.4}
.category-location-shell .category-location{margin-bottom:0}
.category-location>.location-clear{box-sizing:border-box;width:24px;height:24px;min-width:24px;min-height:24px;max-height:24px;flex:0 0 auto;margin:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;line-height:1;padding:0;cursor:pointer}
#category-location-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.category-location #location-search{flex:1 1 auto;min-width:0;min-height:36px;border:0;background:transparent;padding:0;color:inherit;font:inherit;font-size:14px;outline:none}
.category-location:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}
.category-location #location-search::placeholder{color:var(--color-muted);opacity:1}
.category-location.has-location #location-search{color:#fff}
.category-location.has-location #location-search::placeholder{color:rgba(255,255,255,.8)}
.location-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;color:currentColor}
.location-chevron svg{display:block;width:16px;height:16px}
.location-chevron[hidden],.location-clear[hidden]{display:none!important}
.location-inline-input::-webkit-search-cancel-button,.location-inline-input::-webkit-search-decoration,#location-search-mobile::-webkit-search-cancel-button,#location-search-mobile::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
@media(max-width:767px){.category-location>.location-clear{width:32px;height:32px;min-height:32px;max-height:32px;margin:-4px -4px -4px 0}}
.location-spinner{display:inline-block;flex:0 0 auto;width:20px;height:20px;border:2px solid rgba(36,62,74,.22);border-top-color:currentColor;border-radius:50%;animation:location-spin .8s linear infinite}
.location-spinner[hidden]{display:none!important}
.location-results{position:absolute;top:calc(100% + 4px);left:0;right:auto;width:min(100%,720px);z-index:40;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 24px rgba(36,62,74,.14);max-height:280px;overflow-y:auto;overscroll-behavior:contain}
.location-results[hidden]{display:none!important}
.location-results li{position:relative;margin:0;padding:8px 12px 8px 32px;line-height:1.55}
.location-results li button{display:block;width:100%;min-height:0;margin:0;border:0;border-radius:0;background:#fff;color:#292929;padding:0;text-align:left;font-family:Nunito,sans-serif;font-size:14px;line-height:1.55;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}
@media (hover:hover){
.location-results li:hover{background:#F3F5F7}
.location-results li:hover button{background:transparent}
#location-results-mobile li:hover{background:#F3F5F7}
#location-results-mobile li:hover button{background:transparent}
}
.location-results li button:focus-visible{background:#F3F5F7;outline:2px solid var(--color-primary);outline-offset:-2px}
.location-results .location-pin{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex;color:#292929;font-size:16px;line-height:0}
.category-location .location-result-text{display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;color:#292929;font-size:14px;line-height:1.55}
.category-location .location-result-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit}
.category-location .location-result-text .location-unserved{flex:0 0 auto;font-size:inherit;line-height:inherit}
.location-results li.muted{padding:10px;color:var(--color-muted);font-size:13px}
@keyframes location-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.location-results{max-height:45vh}.location-results li{display:flex;align-items:center;min-height:44px;padding:0 12px 0 32px}.location-results li button{display:flex;align-items:center;min-height:44px}}
@media (prefers-reduced-motion: reduce){.location-spinner{animation:none}}

/* Mobile restores the original picker dialog; the inline bar remains the
   desktop-only editable field. Exactly one search field is usable per
   breakpoint and both keep distinct ids (no duplicate location-search). */
@media(min-width:768px){#location-dialog-mobile{display:none!important}}
@media(max-width:767px){
.category-location .location-inline-input{display:none!important}
#category-location-label{position:static!important;width:auto!important;height:auto!important;min-width:0;overflow:hidden!important;clip:auto!important;white-space:nowrap!important;text-overflow:ellipsis;font-size:14px;color:inherit}
.category-location:focus-within{outline:none}
.category-location-shell .category-location{cursor:pointer}
#location-dialog-mobile{position:fixed;top:auto;right:0;bottom:0;left:0;width:100%;max-width:100%;max-height:88vh;margin:0;border-radius:16px 16px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border:0;box-shadow:0 -8px 30px rgba(36,62,74,.18);color:var(--ink);background:#fff}
#location-dialog-mobile::backdrop{background:rgba(20,35,42,.48)}
#location-dialog-mobile label{display:block;font-weight:700;margin:12px 0 6px}
#location-dialog-mobile input{width:100%;min-height:48px;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;font-size:16px;color:var(--ink)}
#location-results-mobile{margin:8px 0 0;padding:4px;list-style:none;max-height:45vh;overflow-y:auto;overscroll-behavior:contain}
#location-results-mobile li{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:44px;padding:0 12px 0 32px}
#location-results-mobile li button{display:flex;align-items:center;min-width:0;min-height:44px;width:100%;border:0;background:#fff;color:#292929;padding:0;text-align:left;font-family:Nunito,sans-serif;font-size:14px;line-height:1.55;cursor:pointer;-webkit-tap-highlight-color:transparent}
#location-results-mobile .location-result-text{display:flex;align-items:center;min-width:0;width:100%;overflow:hidden;white-space:nowrap}
#location-results-mobile .location-result-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit}
#location-results-mobile .location-unserved{flex:0 0 auto;font-size:inherit}
#location-results-mobile li button:focus-visible{background:#F3F5F7;outline:2px solid var(--color-primary);outline-offset:-2px}
#location-results-mobile .location-pin{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex;color:#292929;font-size:16px;line-height:0}
}


/* Listing SEO content: an admin-managed long-form area below the product grid
   and pager, above the customer-side recently viewed rail. Only the shared
   markdown-lite elements can appear here. */
.listing-seo-content{margin-top:34px;padding:20px;background:var(--color-info-bg);color:var(--ink);font-size:15px;line-height:1.65}
.listing-seo-content[hidden]{display:none}
.listing-seo-content>:first-child{margin-top:0}
.listing-seo-content>:last-child{margin-bottom:0}
.listing-seo-content h2,.listing-seo-content h3,.listing-seo-content h4,.listing-seo-content h5{margin:26px 0 10px;font-family:Nunito,sans-serif;color:var(--title);font-weight:600;line-height:1.3}
.listing-seo-content h2{font-size:21px}
.listing-seo-content h3{font-size:18px}
.listing-seo-content h4,.listing-seo-content h5{font-size:16px}
.listing-seo-content p{margin:0 0 12px;color:var(--ink)}
.listing-seo-content ul,.listing-seo-content ol{margin:0 0 14px;padding-left:22px}
.listing-seo-content li{margin:4px 0}
.listing-seo-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}
.listing-seo-content blockquote{margin:0 0 14px;padding-left:14px;border-left:3px solid var(--color-border);color:var(--color-muted)}
.listing-seo-content strong{font-weight:700}
@media(max-width:767px){.listing-seo-content{padding:16px}}

/* Recently viewed is a return list, not cross-sell: at most ten products, five
   desktop columns and the established two-column mobile grid (never a
   horizontal scroller). */
.recently-viewed{margin-top:28px;border-top:1px solid var(--color-border);padding-top:20px}
.recently-viewed h2{font-family:Nunito,sans-serif;color:var(--title);font-size:21px;margin:0 0 12px}
.recently-viewed[hidden]{display:none}
.recently-viewed-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:2px 0 8px}
.recently-viewed-track .product-card{width:auto;min-width:0}
@media (min-width:768px){.recently-viewed-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}