/* Django adaptation of komand-refresh f72e6fe store/catalog design. */
.store-page { background: var(--background); }
.store-header { height: 76px; background: var(--industrial); color: var(--hero-foreground); }
.store-nav { display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right: 40px; font-size: 14px; }
.store-nav a { color: var(--hero-muted); }
.store-nav a[aria-current] { color: var(--hero-foreground); border-bottom: 2px solid var(--primary); padding-block: 27px; }
.store-header-icon:hover { background: color-mix(in oklab, var(--hero-foreground) 10%, transparent); }
.store-header .lang-toggle button { margin: 0; height: 28px; }
.store-intro { background: var(--secondary); padding: 26px 0 48px; border-bottom: 1px solid var(--border); }
.store-breadcrumb { display: flex; gap: 12px; font-size: 12px; color: var(--muted-foreground); margin-bottom: 40px; }
.store-breadcrumb a:hover { color: var(--primary); }
.store-intro-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.store-intro h1 { font-size: 54px; line-height: 1.12; font-weight: 800; margin: 18px 0 16px; letter-spacing: 0; }
.store-intro .tag { font-size: 10px; letter-spacing: 0; }
.store-subtitle { font-size: 16px; color: var(--muted-foreground); line-height: 1.6; }
.store-phone { display: flex; gap: 14px; align-items: center; padding-bottom: 5px; font-size: 15px; font-weight: 700; flex-shrink: 0; }
.store-phone small { display: block; font-size: 11px; color: var(--muted-foreground); font-weight: 400; margin-top: 5px; }
.store-catalog { display: grid; grid-template-columns: 225px minmax(0, 1fr); gap: 44px; padding-block: 42px 64px; }
.store-sidebar-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.store-sidebar-title h2 { font-size: 18px; font-weight: 800; }
.store-category-list { display: flex; flex-direction: column; gap: 5px; }
.store-category-list button { width: 100%; height: 43px; padding-inline: 12px; border-radius: 4px; justify-content: space-between; font-size: 12px; }
.store-category-list button span:last-child { font-size: 10px; color: var(--muted-foreground); }
.store-category-list .is-active { background: var(--primary); color: var(--primary-foreground); }
.store-category-list .is-active span:last-child { color: var(--primary-foreground); }
.store-advice { border-top: 1px solid var(--border); margin-top: 34px; padding: 26px 10px 0; }
.store-advice h3 { font-size: 14px; font-weight: 800; margin-top: 13px; }
.store-advice p { font-size: 12px; line-height: 1.7; color: var(--muted-foreground); margin-top: 8px; }
.store-advice a { display: flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 700; margin-top: 18px; }
.store-tools { display: flex; align-items: center; gap: 16px; }
.store-search { display: flex; align-items: center; flex: 1; min-width: 0; border: 1px solid var(--border); border-radius: 4px; padding-left: 14px; color: var(--muted-foreground); }
.store-search input { height: 43px; box-shadow: none; border: 0; background: transparent; font-size: 12px; color: var(--foreground); }
.store-search:focus-within { outline: 1px solid var(--ring); }
.store-search input:focus-visible { box-shadow: none; outline: 0; }
.store-sort select { height: 45px; border: 1px solid var(--border); border-radius: 4px; background: var(--background); padding: 0 28px 0 12px; font-size: 12px; max-width: 205px; }
.store-results-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-block: 28px 20px; }
.store-results-heading h2 { display: flex; align-items: baseline; gap: 14px; font-size: 18px; font-weight: 800; }
.store-results-heading h2 span { color: var(--muted-foreground); font-size: 11px; font-weight: 400; }
.store-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; }
.store-product { border: 1px solid var(--border); border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; transition: border-color .2s; }
.store-product:hover { border-color: var(--primary); }
.store-product-photo { border-radius: 0; width: 100%; height: auto; aspect-ratio: 1.18; position: relative; display: grid; place-items: center; padding: 20px; overflow: hidden; background: var(--background); }
.store-product-photo:hover { background: var(--background); }
.store-product-photo img { width: 100%; height: 100%; object-fit: contain; min-height: 0; transition: transform .3s; }
.store-product:hover img { transform: scale(1.04); }
.store-photo-arrow { position: absolute; right: 12px; top: 12px; color: var(--muted-foreground); }
.store-product-body { display: flex; flex-direction: column; flex: 1; padding: 18px; border-top: 1px solid var(--border); }
.store-product-category { font-size: 10px; color: var(--muted-foreground); margin-bottom: 8px; }
.store-product-title { padding: 0; text-align: left; white-space: normal; height: auto; display: block; color: var(--foreground); font-size: 14px; line-height: 1.5; font-weight: 750; }
.store-product h3 { margin-bottom: 16px; }
.store-product-bottom { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.store-product-bottom strong { font-size: 18px; font-weight: 800; }
.store-detail-button { color: var(--primary); background: var(--secondary); border-radius: 50%; }
.store-no-photo { display: flex; flex-direction: column; align-items: center; gap: 12px; color: var(--muted-foreground); font-size: 11px; }
.store-no-photo svg { width: 48px; height: 48px; stroke-width: 1; }
.store-source { font-size: 10px; color: var(--muted-foreground); margin-top: 26px; }
.store-empty { min-height: 280px; display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; }
.store-contact-band { background: var(--industrial); color: var(--hero-foreground); padding-block: 52px; }
.store-contact-band > div { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.store-contact-band h2 { font-size: 32px; font-weight: 800; margin-top: 14px; }
.store-contact-band p:last-child { font-size: 14px; color: var(--hero-muted); margin-top: 10px; }
.store-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; padding-block: 30px; }
.store-footer p { flex: 1; color: var(--muted-foreground); font-size: 12px; }
.store-dialog-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; align-items: center; }
.store-dialog-photo { aspect-ratio: 1.2; display: grid; place-items: center; }
.store-dialog-photo img { height: 100%; width: 100%; object-fit: contain; min-height: 0; }
.store-dialog-order { display: flex; flex-direction: column; gap: 18px; }
.store-dialog-order strong { font-size: 30px; font-weight: 800; }
.store-dialog-order p { font-size: 12px; line-height: 1.6; color: var(--muted-foreground); }
.store-description { border-top: 1px solid var(--border); padding-top: 18px; }
.store-description summary { cursor: pointer; font-size: 14px; font-weight: 700; }
.store-description p { font-size: 13px; line-height: 1.8; color: var(--muted-foreground); margin-top: 14px; }
@media (min-width: 1024px) and (max-width: 1199px) { .store-catalog { grid-template-columns: 205px minmax(0, 1fr); gap: 25px; } .store-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1023px) { .store-catalog { grid-template-columns: minmax(0, 1fr); } .store-sidebar { display: none; } .store-sidebar.filters-open { display: block; } .store-advice { display: none; } .store-intro h1 { font-size: 42px; } .store-phone { display: none; } }
@media (max-width: 767px) { .store-header { height: 68px; } .store-nav { display: none; } .store-intro { padding-bottom: 32px; } .store-breadcrumb { margin-bottom: 26px; } .store-intro h1 { font-size: 34px; } .store-subtitle { font-size: 14px; } .store-catalog { padding-top: 26px; } .store-tools { flex-direction: column; align-items: stretch; gap: 10px; } .store-sort select { width: 100%; max-width: none; } .store-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .store-product-photo { padding: 12px; } .store-product-body { padding: 12px; } .store-product-title { font-size: 12px; } .store-product-bottom strong { font-size: 14px; } .store-detail-button { width: 28px; height: 28px; } .store-results-heading h2 { font-size: 16px; flex-wrap: wrap; gap: 8px; } .store-contact-band > div { flex-direction: column; align-items: flex-start; } .store-contact-band h2 { font-size: 28px; } .store-footer { gap: 20px; } .store-footer p { flex-basis: 100%; order: 3; } .store-dialog-grid { grid-template-columns: 1fr; gap: 16px; } .store-dialog-photo { max-height: 240px; } }
@media (max-width: 359px) { .store-product-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: 0s !important; animation: none !important; } }
.one-catalog{display:grid;grid-template-columns:225px minmax(0,1fr);gap:32px}.category-buttons{display:grid;gap:8px;margin-top:20px}.category-buttons button{font:inherit;text-align:left;padding:12px;border:0;border-radius:6px;cursor:pointer;background:var(--secondary)}.category-buttons [aria-pressed=true]{background:var(--primary);color:white}.one-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.one-product{min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.one-product a{display:block;height:100%;padding:16px}.one-product-image{aspect-ratio:1.3;display:grid;place-items:center;background:var(--secondary);margin-bottom:18px}.one-product-image img{width:100%;height:100%;object-fit:contain;max-height:230px}.one-product h3{font-size:18px;line-height:1.4}.one-product p{font-size:13px;color:var(--muted-foreground);line-height:1.7;margin-top:12px}.one-product .store-link{display:block;margin-top:16px}.one-catalog input{width:100%;padding:14px;border:1px solid var(--border);border-radius:6px;font:inherit}.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:56px}.capabilities-grid p{line-height:1.7;color:var(--hero-muted);margin-top:14px}html.dialog-open{overflow:hidden}#catalog-modal{width:min(960px,calc(100% - 32px));max-height:90dvh;padding:36px;overflow:auto}.catalog-modal-photo{width:100%;max-height:380px;object-fit:contain;margin:24px 0}#catalog-modal .button{margin:24px 16px 0 0}#catalog-modal table{width:100%;border-collapse:collapse}#catalog-modal th,#catalog-modal td{text-align:left;padding:12px;border-bottom:1px solid var(--border);line-height:1.5}#catalog-modal h2{padding-right:40px}#catalog-modal p{line-height:1.75}.header-cart{display:flex;align-items:center;gap:5px;min-height:44px;min-width:44px;color:white}.header-cart span{background:var(--primary);border-radius:100%;padding:3px 7px;font-size:11px}.lp-preview [hidden]{display:none!important}.desktop-nav a[aria-current=location]{text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:7px}.lp-preview section[id]{scroll-margin-top:95px}.store-category-list a{display:block;padding:12px;border-radius:6px;font-size:14px}.store-category-list [aria-current]{background:var(--secondary);color:var(--primary)}.store-product-photo img{max-height:240px}.store-product-body h3{font-size:15px;line-height:1.55;margin-bottom:18px}.store-product-body>p{font-size:12px;color:var(--muted-foreground);margin-top:14px}.store-product-bottom{flex-wrap:wrap}.store-sidebar{display:block}.store-intro h1{font-size:clamp(34px,4vw,54px)}.store-intro{padding-inline:24px;margin-bottom:32px}.hero-stats dt{overflow-wrap:anywhere}.hero-stats>div{min-width:0}.one-catalog label{display:block;font-weight:700;margin-bottom:10px}#catalog-modal .table-scroll{overflow:auto}.cta address{font-style:normal}.one-product-image span{font-size:13px;color:var(--muted-foreground);padding:20px}.lp-preview .desktop-nav{gap:20px}.lp-preview .header-controls{gap:12px}.lp-preview .hero-stats dt{font-size:clamp(24px,3vw,40px)}
@media(max-width:1100px){.one-catalog{grid-template-columns:190px minmax(0,1fr)}.one-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.one-catalog{grid-template-columns:1fr}.category-buttons{display:flex;overflow-x:auto;padding-bottom:8px}.category-buttons button{flex:0 0 auto}.one-catalog-grid{gap:12px}.one-product a{padding:12px}.one-product h3{font-size:15px}.one-product .product-card-description{display:none}.capabilities-grid{grid-template-columns:1fr}.store-sidebar{display:none}#catalog-modal{padding:24px}.lp-preview .hero-stats dt{font-size:25px}.one-product-image img{max-height:180px}}

.lp-preview .nav-store{background:var(--primary);color:white;border-radius:999px;padding:10px 18px}.lp-preview .nav-store:hover{color:white}
.one-catalog>aside,.one-catalog>div{min-width:0}.category-buttons{max-width:100%}@media(max-width:767px){.one-catalog{grid-template-columns:minmax(0,1fr)}}
.catalog-modal-photo{height:auto;aspect-ratio:4/3;max-height:300px}@media(max-width:767px){.catalog-modal-photo{max-height:230px}}
.variant-offer strong,.product-description{overflow-wrap:anywhere}
