
:root {
    --page-bg:#f5f3f0; --card-bg:#fff; --text:#252525;
    --muted:#777; --border:#e3e3e3; --accent:#0877c9;
    --green:#16834a; --red:#c92e36; --radius:9px;
}
* { box-sizing:border-box; }
body {
    margin:0; background:var(--page-bg); color:var(--text);
    font-family:"Mulish",Arial,Helvetica,sans-serif; font-size:14px; line-height:1.45;
}
button,input,select,textarea { font:inherit; }
.page { max-width:1600px; margin:0 auto; padding:20px; }
h1 { margin:0 0 8px; font-size:clamp(23px,3vw,32px); font-weight:500; }
h1 .filter-button { font-size:14px; margin-left:12px; vertical-align:middle; }
h1 .filter-panel { font-size:14px; font-weight:400; }
h1 .filter-panel.is-open { display:block; }
h1 .active-filter-title { font-size:.72em; font-weight:400; color:#555; }
footer a,
footer a:visited {
    color: #2563eb !important;
}

footer a:hover {
    color: #1d4ed8 !important;
}
.intro { margin:0 0 20px; color:var(--muted); }
.global-search { display:flex; gap:8px; max-width:760px; margin:0 0 18px; }
.global-search input { flex:1; min-width:0; min-height:44px; padding:10px 12px; border:1px solid #ccc; border-radius:6px; }
.global-search button,.show-more-button { min-height:40px; padding:8px 13px; border:1px solid var(--border); border-radius:6px; background:#fff; cursor:pointer; font-weight:600; }
.toolbar {
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; margin-bottom:14px;
}
.menu-button,.filter-button,.control-button {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    min-height:42px; padding:9px 14px;
    border:1px solid var(--border); border-radius:6px;
    background:#fff; cursor:pointer; color:var(--text); font-weight:600;
}
.results-toolbar {
    display:flex; align-items:center; flex-wrap:wrap; gap:10px;
    margin:0 0 16px;
}
.sort-form { display:flex; align-items:center; gap:8px; }
.sort-form label { font-weight:600; }
.sort-form select {
    min-height:42px; padding:9px 34px 9px 10px;
    border:1px solid #ccc; border-radius:6px; background:#fff;
}
.filter-panel {
    display:none; margin:0 0 18px; padding:16px;
    background:#fff; border:1px solid var(--border); border-radius:var(--radius);
}
.filter-panel.is-open { display:block; }
.filter-form-grid {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
}
.filter-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.filter-actions .primary-button { width:auto; }
.layout {
    display:grid; grid-template-columns:260px minmax(0,1fr);
    gap:20px; align-items:start;
}
.sidebar {
    position:sticky; top:14px; padding:18px; background:#fff;
    border:1px solid var(--border); border-radius:var(--radius);
}
.sidebar h2,.category-list h2 { margin:0 0 16px; font-size:19px; }
.category-list { margin-bottom:24px; }
.category-list h2 { margin-bottom:10px; }
.category-link {
    display:flex; align-items:center; gap:10px; padding:11px 12px; margin-bottom:4px;
    border-radius:6px; color:#333; text-decoration:none;
    overflow-wrap:anywhere; transition:background .15s,color .15s;
}
.category-link:hover { background:#f0f0f0; }
.category-link .lucide { width:18px; height:18px; flex-shrink:0; stroke-width:1.9; }
.category-link.active { background:#222; color:#fff; font-weight:700; }
.field { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.field label { font-weight:600; }
.field input,.field select {
    width:100%; min-height:42px; padding:9px 10px;
    border:1px solid #ccc; border-radius:6px; background:#fff;
}
.field input:focus-visible,.field select:focus-visible,
button:focus-visible,a:focus-visible {
    outline:3px solid #82baf0; outline-offset:2px;
}
.primary-button {
    width:100%; min-height:43px; padding:10px 14px;
    border:0; border-radius:6px; background:#222;
    color:#fff; cursor:pointer; font-weight:600;
}
.primary-button:hover { background:#444; }
.brand-suggestions { max-height:220px; overflow-y:auto; border:1px solid #ccc; border-radius:6px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.09); }
.brand-suggestions[hidden] { display:none; }
.brand-suggestion { display:block; width:100%; padding:9px 11px; border:0; background:#fff; text-align:left; color:var(--text); cursor:pointer; }
.brand-suggestion:hover,.brand-suggestion:focus { background:#eaf2ff; outline:none; }
.reset-link {
    display:block; margin-top:12px; text-align:center;
    color:var(--accent); text-decoration:none;
}
.result-heading {
    display:flex; justify-content:space-between; align-items:baseline;
    flex-wrap:wrap; gap:12px; margin:0 0 14px;
}
.result-heading h2 { margin:0; font-size:22px; }
.stats {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px; margin-bottom:18px;
}
.stat { padding:14px; background:#fff; border:1px solid var(--border); border-radius:var(--radius); }
.stat strong { display:block; font-size:23px; }
.stat span { color:var(--muted); font-size:12px; }
.error,.warning,.empty-state {
    margin:12px 0; padding:14px 16px; border-radius:7px; overflow-wrap:anywhere;
}
.error { color:#9b1c1c; background:#fff0f0; border:1px solid #f0c6c6; }
.warning { background:#fff5d9; border:1px solid #ead59a; }
.empty-state { background:#fff; border:1px solid var(--border); }
.product-grid {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px; align-items:stretch;
}
.product-card {
    display:flex; min-width:0; flex-direction:column; overflow:hidden;
    background:var(--card-bg); border:1px solid var(--border);
    border-radius:var(--radius); transition:box-shadow .18s,transform .18s;
}
.product-card:hover { box-shadow:0 5px 18px rgb(0 0 0 / 8%); transform:translateY(-2px); }
.product-image-wrap {
    position:relative; display:flex; align-items:center; justify-content:center;
    height:180px; padding:12px; overflow:hidden; background:#fff;
    border-bottom:1px solid #eee;
}
.offer-id-label { padding:5px 10px; font-size:11px; color:#666; text-align:center; overflow-wrap:anywhere; }
.product-image { display:block; width:100%; height:100%; object-fit:contain; }
.image-placeholder {
    display:flex; width:100%; height:100%; align-items:center;
    justify-content:center; color:#999; background:#f7f7f7;
    text-align:center; font-size:12px;
}
.discount-badge {
    position:absolute; z-index:1; top:10px; right:10px;
    padding:5px 8px; border-radius:4px; background:var(--green);
    color:#fff; font-size:12px; font-weight:700;
}
.product-content {
    display:flex; flex:1; flex-direction:column; min-width:0; padding:11px 10px 0;
}
.product-title {
    display:-webkit-box; min-height:40px; margin:0 0 10px; overflow:hidden;
    font-size:13px; font-weight:600; line-height:1.4; overflow-wrap:anywhere;
    -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.product-title a { color:inherit; text-decoration:none; }
.product-title a:hover { text-decoration:underline; }
.price-label { color:var(--muted); font-size:11px; }
.price-current {
    display:block; margin:1px 0 3px;
    font-size:clamp(17px,1.6vw,21px); font-weight:700;
    line-height:1.3; overflow-wrap:anywhere;
}
.price-current.discounted { color:var(--red); }
.price-note { min-height:18px; margin-bottom:8px; color:var(--green); font-size:11px; font-weight:600; }
.price-note.no-discount { color:#777; font-weight:400; }
.product-meta {
    display:flex; flex-wrap:wrap; gap:5px 10px; margin-top:auto;
    padding:9px 0; color:#666; font-size:11px;
}
.product-footer {
    display:flex; align-items:center; justify-content:space-between; gap:8px;
    min-height:34px; padding:7px 10px; border-top:1px solid #eee;
    color:#777; font-size:10px;
}
.merchant-count { min-width:0; overflow-wrap:anywhere; }
.offer-count { flex-shrink:0; color:var(--accent); font-weight:600; }
.pagination {
    display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    gap:8px; margin:22px 0;
}
.pagination a,.pagination span {
    padding:8px 12px; background:#fff; border:1px solid var(--border);
    border-radius:5px; text-decoration:none; color:var(--text);
}
.pagination .current { background:#222; color:#fff; border-color:#222; }

.subcategory-list {
    max-height:240px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:6px;
    margin-bottom:24px;
    overscroll-behavior:auto;
    scrollbar-width:thin;
    scrollbar-color:#aaa transparent;
}
.subcategory-list h2 {
    position:static;
    background:#fff;
    padding:4px 0 8px;
}
.subcategory-list::-webkit-scrollbar { width:6px; }
.subcategory-list::-webkit-scrollbar-thumb {
    background:#aaa; border-radius:6px;
}
.subcategory-list::-webkit-scrollbar-track {
    background:transparent;
}
.subcategory-list { margin:0 0 18px; padding:14px; background:#fff; border:1px solid var(--border); border-radius:var(--radius); }
.subcategory-list h2 { margin:0 0 8px; font-size:16px; }
.subcategory-links { display:flex; flex-wrap:wrap; gap:5px; max-height:38px; overflow:hidden; }
.subcategory-links.is-expanded { max-height:none; overflow:visible; }
.subcategory-item { display:inline-flex; align-items:center; border-radius:100px; }
.subcategory-item .category-link { margin:0; }
.subcategory-item.is-selected { background:#e7f0ff; }
.subcategory-selected-name { display:inline-block; padding:7px 2px 7px 13px; font-weight:600; color:var(--text); }
.subcategory-remove { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin:0 7px 0 3px; border-radius:50%; color:#125dc6; font-size:20px; font-weight:700; text-decoration:none; }
.subcategory-remove:hover { background:#d3e3fc; }
.subcategory-remove:focus-visible { outline:3px solid #82baf0; outline-offset:2px; }

.show-more-button { margin-top:9px; }
.subcategory-links .category-link { display:inline-block; padding:7px 10px; margin:0; border:1px solid var(--border); }
.global-category-results {
    margin:0 0 16px; padding:14px; background:#fff;
    border:1px solid var(--border); border-radius:var(--radius);
}
.global-category-results h2 { margin:0 0 9px; font-size:16px; }
.global-category-links { display:flex; flex-wrap:wrap; gap:7px; }
.global-category-link {
    display:inline-flex; align-items:center; gap:6px; padding:7px 11px;
    border:1px solid var(--border); border-radius:18px; background:#fff;
    color:var(--text); text-decoration:none; font-weight:600;
}
.global-category-link .lucide { width:16px; height:16px; flex-shrink:0; }
.global-category-link:hover { background:#eaf2ff; border-color:#b8cdea; color:#125dc6; }
.global-category-link .hit-count { color:var(--muted); font-weight:400; }
.filter-backdrop { display:none; }
@media(min-width:851px) { .menu-button { display:none !important; } }
@media(max-width:1150px) {
    .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .filter-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:850px) {
    .page { padding:14px; }
    .layout { grid-template-columns:minmax(0,1fr); }
    .menu-button { display:inline-flex; align-items:center; gap:8px; }
    .sidebar {
        display:none; position:fixed; z-index:1001; top:0; bottom:0; left:0;
        width:min(330px,88vw); overflow-y:auto; border-radius:0;
        box-shadow:8px 0 28px rgb(0 0 0 / 12%);
    }
    .sidebar.is-open { display:block; }
    .filter-backdrop {
        position:fixed; inset:0; z-index:1000; background:rgb(0 0 0 / 45%);
    }
    .filter-backdrop.is-open { display:block; }
    .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
    .page { padding:12px; }
    .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .results-toolbar { align-items:stretch; }
    .sort-form { flex:1; min-width:0; }
    .sort-form select { min-width:0; flex:1; }
    .filter-button { flex-shrink:0; }
    .filter-form-grid { grid-template-columns:1fr; }
    .product-image-wrap { height:150px; }
    .stats { gap:7px; }
    .stat { padding:10px; }
    .stat strong { font-size:19px; }
    .product-content { padding:9px 8px 0; }
    .product-footer { padding-right:8px; padding-left:8px; }
}
@media (min-width:851px) {
    .subcategory-list:has(.subcategory-links.is-expanded) {
        max-height:none;
        overflow:visible;
    }
}
@media(max-width:600px) {
    .subcategory-links:not(.is-expanded) {
        max-height:86px;
    }
    .global-category-links {
        max-height:none;
        overflow:visible;
    }
}
@media(max-width:360px) {
    .product-grid { grid-template-columns:1fr; }
    .product-card { display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:1fr auto; }
    .product-image-wrap {
        height:100%; min-height:165px; grid-row:1; grid-column:1;
        border-right:1px solid #eee; border-bottom:0;
    }
    .product-content { grid-row:1; grid-column:2; }
    .product-footer { grid-row:2; grid-column:1 / -1; }
}
:root { --page-bg:#f5f7fb; --card-bg:#fff; --text:#17243b; --muted:#65748b; --border:#e1e7f0; --accent:#1465d9; --green:#138451; --red:#d92f46; --radius:15px; }
html { scroll-behavior:smooth; }
body { font-family:"Mulish",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.55; }
a { color:var(--accent); }
.market-header { background:#fff; border-bottom:1px solid var(--border); box-shadow:0 2px 12px rgba(26,47,83,.035); }
.market-header-inner { max-width:1440px; margin:auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.market-brand { display:inline-flex; align-items:center; gap:11px; color:#102342; text-decoration:none; font-size:23px; font-weight:850; letter-spacing:-.9px; }
.market-brand-mark { display:grid; place-items:center; width:39px; height:39px; border-radius:12px; background:#1465d9; color:white; font-size:22px; font-weight:900; }
.market-header-tagline { color:#68788f; font-size:13px; font-weight:500; }
.page { max-width:1440px; padding:28px 24px 56px; }
h1 { font-size:clamp(25px,3vw,35px); font-weight:800; letter-spacing:-.9px; color:#102342; }
.intro { font-size:14px; }
.global-search { max-width:none; padding:8px; gap:8px; margin:17px 0 24px; border:1px solid #dbe4f0; border-radius:16px; background:#fff; box-shadow:0 6px 24px rgba(23,53,100,.055); }
.global-search input { min-height:47px; border:0; padding:10px 15px; font-size:15px; background:transparent; outline:none; }
.global-search input:focus-visible { outline:2px solid #a4c5f6; border-radius:8px; }
.global-search button { min-width:112px; min-height:47px; border:0; background:#1465d9; color:white; border-radius:10px; font-size:14px; }
.global-search button:hover { background:#0c52b7; }
.toolbar { margin-bottom:18px; }
.menu-button,.filter-button,.control-button,.show-more-button { border-radius:10px; border-color:#d9e2ee; color:#203452; transition:background .15s,border-color .15s; }
.menu-button:hover,.filter-button:hover,.control-button:hover,.show-more-button:hover { background:#f1f6ff; border-color:#b8cdea; }
.layout { grid-template-columns:252px minmax(0,1fr); gap:24px; }
.sidebar { top:20px; padding:20px; box-shadow:0 3px 16px rgba(23,53,100,.035); }
.sidebar h2,.category-list h2 { font-size:16px; font-weight:800; color:#1a2d49; }
.category-link { padding:10px 12px; color:#354965; font-weight:550; }
.category-link:hover { background:#f1f6ff; color:#125dc6; }
.category-link.active { background:#eaf2ff; color:#125dc6; }
.field input,.field select,.sort-form select { border-color:#d9e2ee; border-radius:9px; }
.primary-button { border-radius:10px; background:#1465d9; }
.primary-button:hover { background:#0c52b7; }
.filter-panel,.subcategory-list,.global-category-results { border-radius:14px; box-shadow:0 3px 16px rgba(23,53,100,.025); }
.subcategory-links .category-link { border-radius:100px; padding:7px 13px; background:#f8faff; }
.subcategory-links .category-link.active { background:#e7f0ff; }
.global-category-link { border-radius:100px; }
.result-heading h2 { font-size:21px; font-weight:800; letter-spacing:-.35px; }
.stats { gap:12px; }
.stat { padding:16px 18px; border-radius:13px; box-shadow:0 2px 10px rgba(23,53,100,.025); }
.stat strong { font-size:25px; font-weight:850; color:#152d4d; }
.stat span { font-size:12px; }
.product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.product-card { border-radius:16px; box-shadow:0 3px 14px rgba(24,50,88,.04); transition:box-shadow .2s,transform .2s,border-color .2s; }
.product-card:hover { transform:translateY(-3px); border-color:#c5d8f3; box-shadow:0 12px 28px rgba(24,50,88,.10); }
.product-image-wrap { height:205px; padding:20px; border-bottom:1px solid #f0f3f8; }
.product-image { transition:transform .25s; }
.product-card:hover .product-image { transform:scale(1.035); }
.discount-badge { top:12px; right:12px; border-radius:7px; padding:6px 9px; background:var(--green); }
.product-content { padding:16px 16px 0; }
.product-title { font-size:14px; font-weight:700; min-height:43px; color:#1d304b; margin-bottom:13px; }
.price-label { font-size:12px; color:#75839a; }
.price-current { font-size:clamp(21px,2vw,26px); font-weight:850; letter-spacing:-.65px; color:#142943; }
.price-note { font-size:12px; }
.product-meta { font-size:12px; color:#697990; padding:12px 0; }
.product-footer { min-height:46px; padding:10px 16px; background:#fbfcff; color:#697990; font-size:11px; }
.offer-count { color:#1465d9; font-size:12px; font-weight:750; }
.pagination { gap:7px; margin:30px 0; }
.pagination a,.pagination span { border-radius:9px; padding:9px 13px; }
.pagination .current { background:#1465d9; border-color:#1465d9; }
@media(max-width:1150px) { .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:850px) { .market-header-inner { padding:13px 16px; } .page { padding:18px 14px 40px; } .layout { grid-template-columns:minmax(0,1fr); } .sidebar { top:0; border-radius:0; } .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .market-brand { font-size:20px; } .market-header-tagline { display:none; } .page { padding:17px 12px 35px; } .global-search { margin:14px 0 20px; padding:5px; border-radius:12px; } .global-search input { min-height:44px; padding:8px; font-size:16px; } .global-search button { min-width:68px; min-height:44px; padding:7px 11px; } .product-grid { gap:10px; } .product-card { border-radius:12px; } .product-image-wrap { height:155px; padding:12px; } .product-content { padding:11px 10px 0; } .product-title { font-size:12px; min-height:35px; } .price-current { font-size:20px; } .product-footer { padding:9px 10px; } .stats { gap:7px; } .stat { padding:11px; } .stat strong { font-size:19px; } }
@media(max-width:360px) { .product-grid { grid-template-columns:1fr; } .product-card { display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:1fr auto; } .product-image-wrap { height:100%; min-height:165px; grid-row:1; grid-column:1; border-right:1px solid #eee; border-bottom:0; } .product-content { grid-row:1; grid-column:2; } .product-footer { grid-row:2; grid-column:1 / -1; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }
/* Fem produktkort per rad på større desktop-skjermer. */
@media (min-width:1151px) {
    .product-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
    .product-image-wrap { height:170px; padding:12px; }
    .product-content { padding:12px 11px 0; }
    .product-title { font-size:13px; }
    .price-current { font-size:20px; }
    .product-footer { padding:9px 11px; }
}
.product-card .product-title { font-size:13px; font-weight:600; line-height:1.4; letter-spacing:0; }
.product-card .price-current { font-size:18px; font-weight:700; line-height:1.35; letter-spacing:-.2px; }
.product-card .price-label { font-size:11px; }
.product-card .price-note { font-size:11px; }
@media (max-width:600px) {
    .product-card .product-title { font-size:12px; }
    .product-card .price-current { font-size:17px; }
}
.product-card .product-title {
    -webkit-line-clamp:3;
    min-height:calc(3 * 1.4em + 3px);
    max-height:none;
}
:root { --radius:9px; }
.sidebar, .filter-panel, .subcategory-list, .global-category-results,
.stat, .empty-state, .error, .warning, .global-search,
.global-search input, .global-search button, .field input, .field select,
.sort-form select, .menu-button, .filter-button, .control-button,
.show-more-button, .primary-button, .pagination a, .pagination span {
    border-radius:9px;
}
.results-toolbar { justify-content:flex-end; }
.results-toolbar .sort-form { flex:0 1 auto; }
@media (max-width:600px) {
    .results-toolbar { justify-content:flex-end; }
    .results-toolbar .sort-form { flex:0 1 auto; }
    .results-toolbar .sort-form label { display:none; }
    .results-toolbar .sort-form select { max-width:190px; }
}
.product-card { color:inherit; text-decoration:none; }
.product-card:hover { color:inherit; text-decoration:none; }
.product-card {
    border-radius: 9px;
    overflow: hidden;
}
@media (min-width:1450px) {
    .product-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (min-width:1151px) and (max-width:1449px) {
    .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (min-width:701px) and (max-width:1150px) {
    .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:361px) and (max-width:700px) {
    .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:360px) {
    .product-grid { grid-template-columns:1fr; }
}

.global-search { max-width:800px; width:100%; }
.global-search { position:relative; }
.global-product-suggestions { position:absolute; top:calc(100% + 4px); left:0; right:0; z-index:1100; background:#fff; border:1px solid #dbe4f0; border-radius:10px; box-shadow:0 12px 28px rgba(0,0,0,.14); max-height:330px; overflow-y:auto; }
.global-product-suggestions[hidden] { display:none; }
.global-product-suggestion { display:block; width:100%; padding:11px 14px; border:0; border-bottom:1px solid #edf0f4; background:#fff; text-align:left; color:#252525; cursor:pointer; font-size:14px; }
.global-product-suggestion:last-child { border-bottom:0; }
.global-product-suggestion:hover,.global-product-suggestion:focus-visible { background:#edf4ff; }
.global-search .global-product-suggestions { background-color:#f8fafc; color:#252525; color-scheme:light; }
.global-search .global-product-suggestion { background-color:#f8fafc; color:#252525; }
.global-search .global-product-suggestion:hover,
.global-search .global-product-suggestion:focus-visible { background-color:#eaf2ff; color:#172b4d; }
form.global-search { width:100%; max-width:800px; margin-left:0; margin-right:0; }
@media (min-width:851px) { form.global-search { margin-left:auto; margin-right:auto; } }
form.global-search #globalProductSuggestions { background:#f8fafc; color:#252525; color-scheme:light; }
form.global-search #globalProductSuggestions button.global-product-suggestion {
    display:block; width:100%; min-width:0; min-height:0; height:auto;
    padding:11px 14px; margin:0; border:0; border-bottom:1px solid #e3eaf2;
    border-radius:0; background:#f8fafc; color:#252525;
    text-align:left; font-size:14px; font-weight:500; line-height:1.45;
    box-shadow:none; appearance:none; cursor:pointer;
}
form.global-search #globalProductSuggestions button.global-product-suggestion:hover,
form.global-search #globalProductSuggestions button.global-product-suggestion:focus-visible {
    background:#eaf2ff; color:#172b4d; outline:0;
}
form.global-search #globalProductSuggestions button.global-product-suggestion {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
form.global-search #globalProductSuggestions .global-product-suggestion-title {
    flex:1 1 auto;
    min-width:0;
    text-align:left;
}
form.global-search #globalProductSuggestions .global-product-suggestion-price {
    flex:0 0 auto;
    margin-left:auto;
    text-align:right;
    white-space:nowrap;
}
.global-search .global-product-suggestion { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.global-product-suggestion-title { min-width:0; flex:1; overflow-wrap:anywhere; }
.global-product-suggestion-price { flex-shrink:0; font-weight:700; white-space:nowrap; color:#253b53; }
@media(max-width:600px) { .global-search .global-product-suggestion { align-items:flex-start; } .global-product-suggestion-price { font-size:13px; } }
form.global-search .global-search-input-wrap { position:relative; display:flex; flex:1; min-width:0; align-items:center; }
form.global-search .global-search-input-wrap > input { width:100%; min-width:0; flex:1; padding-right:48px; }
form.global-search .global-search-clear { position:absolute; right:5px; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:38px; height:38px; min-width:38px; min-height:38px; padding:0; border:0; border-radius:0; background:transparent; color:#344054; cursor:pointer; }
form.global-search .global-search-clear[hidden] { display:none !important; }
form.global-search .global-search-clear:hover, form.global-search .global-search-clear:focus-visible { background:transparent; color:#172b4d; }
form.global-search #globalSearchInput::-webkit-search-cancel-button { display:none; }
@media(max-width:600px) { form.global-search .global-search-input-wrap > input { font-size:16px; } }
@media (max-width:600px) {
  form.global-search #globalProductSuggestions button.global-product-suggestion {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) max-content;
    align-items:center;
    column-gap:8px;
    width:100%;
    min-width:0;
    padding:10px 9px;
    box-sizing:border-box;
  }
  form.global-search #globalProductSuggestions .global-product-suggestion-title {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-width:0;
    overflow-wrap:anywhere;
    font-size:12px;
  }
  form.global-search #globalProductSuggestions .global-product-suggestion-price {
    display:block !important;
    min-width:0;
    margin-left:0;
    font-size:12px;
    line-height:1.3;
    font-weight:700;
    text-align:right;
    white-space:nowrap;
    color:#253b53;
    visibility:visible;
  }
}
.seo-breadcrumb { margin:0 0 14px; font-size:13px; color:var(--muted); }
.seo-breadcrumb a { text-decoration:underline; }
.seo-intro { max-width:850px; margin:0 0 16px; color:var(--muted); line-height:1.65; }
body {
    background-image:
        url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20440%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2060%20C105%2045%20150%200%20220%2040%20C295%2080%20285%20170%20380%20215%20C475%20260%20540%20225%20610%20280%20L610%20440%20L0%20440%20Z%22%20fill%3D%22%23cfe3ff%22%20fill-opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M1600%2035%20C1480%2065%201430%2085%201380%20160%20C1330%20235%201270%20270%201190%20300%20C1110%20330%201070%20370%201040%20440%20L1600%20440%20Z%22%20fill%3D%22%23c7dfff%22%20fill-opacity%3D%22.38%22%2F%3E%3Cpath%20d%3D%22M0%20150%20C140%2095%20185%20125%20270%20200%20C350%20270%20410%20295%20520%20285%22%20fill%3D%22none%22%20stroke%3D%22%23dceaff%22%20stroke-width%3D%222%22%20stroke-opacity%3D%22.38%22%2F%3E%3Cpath%20d%3D%22M1600%20120%20C1490%20155%201470%20230%201370%20280%20C1290%20320%201240%20330%201180%20390%22%20fill%3D%22none%22%20stroke%3D%22%23d9e9ff%22%20stroke-width%3D%222%22%20stroke-opacity%3D%22.42%22%2F%3E%3C%2Fsvg%3E"),
        linear-gradient(to bottom, #f0f6ff 0px, #f5f7fb 440px);
    background-size: 100% 440px, 100% 440px;
    background-position: center 94px;
    background-repeat: no-repeat;
}

.market-header-inner { justify-content:flex-start; gap:20px; }
.market-header-tagline { margin-left:auto; }
.header-categories { margin-left:0; }
@media(max-width:900px) { .market-header-inner { gap:10px; } }

.header-categories { position:relative; flex-shrink:0; }
.header-category-toggle { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; gap:9px; padding:0 17px; min-height:44px; border:1px solid #cbd8e8; border-radius:8px; background:#f8faff; color:#253b56; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; }
.header-category-toggle .lucide { width:20px; height:20px; }
.header-category-toggle:hover { background:#eaf2ff; }
.header-category-toggle[aria-expanded="true"] { background:#eaf2ff; border-color:#86b8fa; }
.header-category-menu[hidden] { display:none !important; }
.header-category-menu { position:absolute; top:calc(100% + 9px); left:0; z-index:1100; width:min(650px,calc(100vw - 28px)); max-height:min(70vh,600px); overflow:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:12px; background:#fff; border:1px solid #dbe4f0; border-radius:14px; box-shadow:0 14px 38px rgba(20,42,75,.18); }
.header-category-menu a { display:flex; gap:10px; align-items:center; padding:10px; border-radius:9px; color:#172b4d; text-decoration:none; font-size:13px; }
.header-category-menu a:hover,.header-category-menu a:focus-visible { background:#edf4ff; }
.header-category-menu .lucide { width:19px; height:19px; flex-shrink:0; }
.layout-wide { display:block !important; }
.layout-wide .results { width:100%; min-width:0; }
.homepage-categories { margin:0 0 25px; }
.homepage-categories h2 { font-size:20px; margin:0 0 14px; }
.homepage-category-carousel { position:relative; min-width:0; }
.homepage-category-viewport { flex:1; min-width:0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior:smooth; overscroll-behavior-x:contain; }
.homepage-category-viewport::-webkit-scrollbar { display:none; }
.homepage-category-grid { display:flex; flex-wrap:nowrap; gap:12px; }
.homepage-category-card { flex:0 0 155px; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:108px; padding:12px 8px; border:1px solid #dbe4f0; border-radius:13px; background:#fff; color:#172b4d; text-decoration:none; text-align:center; font-size:12px; font-weight:650; }
.homepage-category-card .lucide { width:27px; height:27px; color:#1465d9; }
.homepage-category-card:hover,.homepage-category-card:focus-visible { border-color:#8cb7ee; background:#edf4ff; }
.homepage-category-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:#172a43; color:#fff; box-shadow:0 3px 12px #10203833; cursor:pointer; }
.homepage-category-arrow[hidden] { display:none !important; }
.homepage-category-arrow:hover { background:#0869e8; }
.homepage-category-arrow:focus-visible { outline:3px solid #82baf0; outline-offset:3px; }
.homepage-category-arrow .lucide { width:22px; height:22px; stroke-width:2.4; }
#homepageCategoryPrev { left:-17px; }
#homepageCategoryNext { right:-17px; }
@media(max-width:650px) { .homepage-category-card { flex-basis:132px; min-height:90px; } .homepage-category-arrow { width:36px; height:36px; } #homepageCategoryPrev { left:-8px; } #homepageCategoryNext { right:-8px; } .header-category-menu { grid-template-columns:1fr; } .market-header-tagline { display:none; } }

@media (max-width:850px) {
  .header-category-menu {
    position:fixed;
    top:var(--category-menu-top, 70px);
    left:12px;
    right:12px;
    width:auto;
    max-width:none;
    max-height:calc(100dvh - var(--category-menu-top, 70px) - 12px);
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    grid-template-columns:minmax(0,1fr);
    -webkit-overflow-scrolling:touch;
  }
  .header-category-menu a { min-width:0; overflow-wrap:anywhere; }
}

.market-header-inner { flex-wrap:nowrap; }
.market-header-inner > form.global-search { flex:1 1 450px; width:100%; max-width:800px; min-width:0; margin:0; }
.market-header-inner > form.global-search #globalProductSuggestions { z-index:1500; }
@media(max-width:850px) {
  .market-header-inner { flex-wrap:wrap; row-gap:12px; }
  .market-header-inner > form.global-search { flex:1 0 100%; max-width:800px; margin:0; }
}

.product-card .discount-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:6px 11px 6px 25px;
    border-radius:0;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M53 1 H193 Q199 1 199 7 V73 Q199 79 193 79 H53 Q50 79 47 76 L2 43 Q-1 40 2 37 L47 4 Q50 1 53 1 Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M53 1 H193 Q199 1 199 7 V73 Q199 79 193 79 H53 Q50 79 47 76 L2 43 Q-1 40 2 37 L47 4 Q50 1 53 1 Z'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    background:var(--green);
    color:#fff;
    white-space:nowrap;
}
.product-card .discount-badge::before {
    content:"";
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
}

.market-header-inner > form.global-search {
  position:relative; display:flex; align-items:stretch; gap:8px;
  padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
  margin:0; max-width:800px;
}
.market-header-inner > form.global-search > .global-search-input-wrap {
  position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:stretch;
}
.market-header-inner > form.global-search > .global-search-input-wrap > #globalSearchInput {
  width:100%; height:44px; min-height:44px; padding:0 42px 0 14px;
  border:1px solid #cbd8e8; border-radius:8px; background:#fff;
  color:#253b56; font:inherit; font-size:14px; box-shadow:none; outline:none;
}
.market-header-inner > form.global-search > .global-search-input-wrap > #globalSearchInput:focus {
  outline:2px solid #86b8fa; outline-offset:1px;
}
.market-header-inner > form.global-search > button[type="submit"] {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  width:auto; min-width:0; height:44px; min-height:44px; padding:0 17px;
  border:0; border-radius:8px; background:#176de4; color:#fff;
  font:inherit; font-weight:800; white-space:nowrap; cursor:pointer;
}
.market-header-inner > form.global-search > button[type="submit"]:hover { background:#105ac0; }
.market-header-inner > form.global-search .global-search-clear {
  position:absolute; right:9px; top:50%; transform:translateY(-50%);
  width:30px; height:34px; min-width:0; min-height:0; padding:0;
  border:0; border-radius:0; background:transparent; color:#68788f;
}
.market-header-inner > form.global-search .global-search-clear:hover,
.market-header-inner > form.global-search .global-search-clear:focus-visible { background:transparent; color:#253b56; }
@media(max-width:500px) {
  .market-header-inner > form.global-search > .global-search-input-wrap > #globalSearchInput { font-size:16px; }
  .market-header-inner > form.global-search > button[type="submit"] { padding:0 12px; }
}

.brand-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 22px; }
.brand-shortcut-label { color:#475569; font-weight:600; }
.brand-shortcut-link { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:9px 16px; border:1px solid #cbd5e1; border-radius:9px; background:#f1f5f9; color:#1e3a5f; font-weight:700; text-decoration:none; transition:background .15s,border-color .15s; }
.brand-shortcut-link:hover, .brand-shortcut-link:focus-visible { background:#e2e8f0; border-color:#94a3b8; }
.brand-shortcut-link i, .brand-shortcut-link svg { width:16px; height:16px; }

.info-main{max-width:900px;margin:35px auto 70px;padding:0 20px;min-height:45vh}.info-panel{background:#fff;border:1px solid #d9e3f2;border-radius:12px;padding:clamp(22px,4vw,44px);line-height:1.8;color:#253b56}.info-panel h1{font-size:clamp(28px,4vw,38px);margin:0 0 18px}.info-panel h2{font-size:21px;margin:30px 0 8px}.info-panel p{margin:0 0 15px}.info-panel a{color:#0869e8}.site-info-footer{border-top:1px solid #d9e3f2;background:#fff;padding:28px 16px;text-align:center;color:#333333}.site-info-footer nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
