/* A quieter storefront: generous product images, a single blue action, and short motion. */
html[data-theme-scope="storefront"] { scroll-padding-top: 164px; }
html[data-theme-scope="storefront"] body { background: #f7f9fc; color: #203148; }
html[data-theme-scope="storefront"] #site-header { background: #fff; border-bottom-color: #e6ebf2; box-shadow: 0 3px 18px #182d4c04; }
html[data-theme-scope="storefront"] .promo { min-height: 30px; height: 30px; background: #f1f6ff; border-bottom: 1px solid #e7effb; color: #526c8b; font-size: 10px; }
html[data-theme-scope="storefront"] .header-main { height: 84px; gap: 28px; }
html[data-theme-scope="storefront"] .header-main .brand { gap: 11px; font-size: 18px; color: #1d3553; }
html[data-theme-scope="storefront"] .header-main .brand img { width: 48px; height: 48px; border-radius: 11px; }
html[data-theme-scope="storefront"] .brand small { margin-top: 3px; font-size: 10px; color: #64748b; }
html[data-theme-scope="storefront"] .search-form { height: 46px; max-width: 550px; border: 1px solid #e5ebf3; border-radius: 10px; background: #f6f8fb; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
html[data-theme-scope="storefront"] .search-form:focus-within { background: #fff; border-color: #97b9ef; box-shadow: 0 0 0 3px #2563eb0a; }
html[data-theme-scope="storefront"] .search-form input { color: #2a405c; font-size: 12px; }
html[data-theme-scope="storefront"] .search-form input::placeholder { color: #64748b; }
html[data-theme-scope="storefront"] .search-form .search-submit { background: #fff; border-color: #e2e9f4; color: #49688e; }
html[data-theme-scope="storefront"] .header-actions { gap: 6px; }
html[data-theme-scope="storefront"] #cart-button { min-height: 43px; background: #eff5ff; border-color: #e0eaff; color: #215bb6; padding-inline: 13px; }
html[data-theme-scope="storefront"] #cart-button:hover { background: #e7f0ff; }
html[data-theme-scope="storefront"] .main-nav { height: 45px; gap: 22px; font-size: 12px; border-top: 1px solid #f0f3f7; }
html[data-theme-scope="storefront"] .main-nav .nav-divider { background: #e5eaf1; }
html[data-theme-scope="storefront"] .nav-information { margin-inline-start: auto; color: #64748b; }
html[data-theme-scope="storefront"] .quick-categories { color: #52647b; gap: 24px; font-size: 11px; }
html[data-theme-scope="storefront"] .category-menu { border: 1px solid #e5ebf3; border-top: 0; box-shadow: 0 14px 36px #263a5710; }
html[data-theme-scope="storefront"] #search-suggestions { box-shadow: 0 14px 36px #263a5714; border-color: #e5ebf3; }

#app:not(.admin-view):not(.support-view) { --ink: #203148; --muted: #64748b; --line: #e5ebf2; --accent: var(--accent, #2563eb); --link: var(--accent, #2563eb); padding-top: 24px; padding-bottom: 64px; }
#app:not(.admin-view):not(.support-view) :is(.button,.icon-button,.customer-button) { transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
#app:not(.admin-view):not(.support-view) .button-primary { background: var(--accent, #2563eb); border-color: var(--accent, #2563eb); box-shadow: 0 4px 10px #2563eb12; font-weight: 600; }
#app:not(.admin-view):not(.support-view) .button-primary:hover { background: color-mix(in srgb, var(--accent, #2563eb) 85%, black); border-color: color-mix(in srgb, var(--accent, #2563eb) 85%, black); box-shadow: 0 6px 16px #2563eb20; }
#app:not(.admin-view):not(.support-view) :is(.button,.customer-button):active:not(:disabled) { transform: translateY(1px); }
#app:not(.admin-view):not(.support-view) .button:disabled { transform: none; }
#app:not(.admin-view):not(.support-view) .hero.hero-simple { display: block; margin: 0; padding: 0; border-radius: 16px; overflow: hidden; background: #fff; }
#app:not(.admin-view):not(.support-view) .hero.hero-simple::before { content: none; }
#app:not(.admin-view):not(.support-view) .hero-simple .hero-visual { display: block; border-radius: 16px; border: 0; box-shadow: none; }
#app:not(.admin-view):not(.support-view) .hero-simple img { display: block; width: 100%; height: auto; object-fit: contain; }
#app:not(.admin-view):not(.support-view) .benefits-strip { margin: 16px 0 32px; padding: 16px 22px; border: 1px solid #e8edf5; border-radius: 12px; background: #fff; gap: 22px; }
#app:not(.admin-view):not(.support-view) .benefit-item { gap: 12px; border-color: #edf1f6; }
#app:not(.admin-view):not(.support-view) .benefit-icon { height: 38px; width: 38px; border-radius: 10px; background: #f0f5ff; color: #3975cd; }
#app:not(.admin-view):not(.support-view) .benefit-icon svg { width: 22px; height: 22px; }
#app:not(.admin-view):not(.support-view) .benefit-item strong { color: #344e6e; font-size: 12px; }
#app:not(.admin-view):not(.support-view) .benefit-item > div > span { color: #64748b; font-size: 10px; }
#app:not(.admin-view):not(.support-view) .categories-section { margin: 0 0 36px; }
#app:not(.admin-view):not(.support-view) .section-heading { gap: 16px; margin-bottom: 18px; align-items: center; }
#app:not(.admin-view):not(.support-view) .section-heading h2 { color: #203b5c; font-size: 20px; font-weight: 700; letter-spacing: -.4px; }
#app:not(.admin-view):not(.support-view) .categories-section > .section-heading { justify-content: space-between; margin-bottom: 18px; }
#app:not(.admin-view):not(.support-view) :is(.section-link,.category-all-toggle) { color: #55769d; font-size: 11px; font-weight: 500; }
#app:not(.admin-view):not(.support-view) :is(.section-link,.category-all-toggle):hover { color: var(--accent, #2563eb); }
#app:not(.admin-view):not(.support-view) .category-grid { gap: 12px; }
#app:not(.admin-view):not(.support-view) .category-card { min-width: 0; width: auto; border-radius: 12px; border: 1px solid #e6ecf3; background: #fff; padding: 18px 8px 12px; gap: 7px; color: #36506f; box-shadow: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
#app:not(.admin-view):not(.support-view) .category-image { width: 78px; height: 78px; border-radius: 10px; background: #fff; }
#app:not(.admin-view):not(.support-view) .category-image img { width: 78px; height: 78px; mix-blend-mode: multiply; }
#app:not(.admin-view):not(.support-view) .category-card > span:nth-child(2) { min-height: 36px; line-height: 1.8; font-size: 11px; font-weight: 500; }
#app:not(.admin-view):not(.support-view) .category-count { color: #64748b; font-size: 9px; }
#app:not(.admin-view):not(.support-view) .all-categories-panel { border-color: #e5ebf2; border-radius: 12px; }
#app:not(.admin-view):not(.support-view) .home-section { margin-top: 36px; }
#app:not(.admin-view):not(.support-view) .product-row { gap: 14px; padding: 3px 1px 14px; scrollbar-width: thin; scrollbar-color: #dbe4f0 transparent; }
#app:not(.admin-view):not(.support-view) .product-card { padding: 16px; border: 1px solid #e4ebf3; border-radius: 13px; background: #fff; box-shadow: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
#app:not(.admin-view):not(.support-view) .product-row .product-card { min-width: 226px; width: 226px; flex-basis: 226px; min-height: 368px; }
#app:not(.admin-view):not(.support-view) .product-image { height: 188px; margin: 0 0 16px; }
#app:not(.admin-view):not(.support-view) .product-image img { object-fit: contain; padding: 3px; transition: transform .26s ease; }
#app:not(.admin-view):not(.support-view) .product-info { display: flex; flex: 1; flex-direction: column; min-width: 0; }
#app:not(.admin-view):not(.support-view) .product-title { color: #30435e; font-size: 12px; line-height: 1.95; min-height: 47px; max-height: 47px; margin-bottom: 9px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 500; }
#app:not(.admin-view):not(.support-view) .product-title:hover { color: var(--accent, #2563eb); }
#app:not(.admin-view):not(.support-view) .product-meta { min-height: 18px; margin-bottom: 7px; }
#app:not(.admin-view):not(.support-view) .product-rating { font-size: 10px; color: #64748b; }
#app:not(.admin-view):not(.support-view) .product-price-block { margin-top: auto; min-height: 48px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
#app:not(.admin-view):not(.support-view) .product-price { color: #1e3654; font-size: 20px; font-weight: 700; line-height: 1.65; }
#app:not(.admin-view):not(.support-view) .product-price .currency { font-size: 10px; font-weight: 400; color: #64748b; }
#app:not(.admin-view):not(.support-view) .product-old-price { color: #64748b; font-size: 10px; min-height: 16px; line-height: 1.6; }
#app:not(.admin-view):not(.support-view) .product-badge { background: #eff5ff; color: #2c66bc; top: 13px; right: 13px; bottom: auto; padding: 2px 7px; border-radius: 5px; font-size: 10px; }
#app:not(.admin-view):not(.support-view) .favorite-toggle { width: 30px; height: 30px; top: 11px; left: 11px; border-radius: 8px; color: #a4afbe; border-color: #edf1f6; background: #fff; }
#app:not(.admin-view):not(.support-view) .favorite-toggle svg { width: 16px; height: 16px; }
#app:not(.admin-view):not(.support-view) .favorite-toggle.is-favorite { color: var(--accent, #2563eb); background: #eff5ff; border-color: #d6e5ff; }
#app:not(.admin-view):not(.support-view) .product-actions { margin-top: 13px; }
#app:not(.admin-view):not(.support-view) .product-actions .button { min-height: 38px; border-color: #e2eaf6; background: #f6f9fe; color: #4a6d9b; font-size: 11px; border-radius: 8px; }
#app:not(.admin-view):not(.support-view) .product-actions .button:hover { background: #edf4ff; color: var(--accent, #2563eb); border-color: #c9dcfa; }
#app:not(.admin-view):not(.support-view) .row-arrow { width: 37px; height: 37px; border-color: #dce5f0; box-shadow: 0 3px 10px #1b3b640d; }
#app:not(.admin-view):not(.support-view) .offer-section { display: block; padding: 22px; margin-top: 34px; background: #eff5ff; border-color: #dce8fb; border-radius: 16px; }
#app:not(.admin-view):not(.support-view) .offer-section .section-heading { margin-bottom: 15px; }
#app:not(.admin-view):not(.support-view) .offer-section .product-card { background: #fff; }
#app:not(.admin-view):not(.support-view) .brand-strip { display: flex; padding: 24px 18px; margin: 36px 0; border-color: #e5ebf3; }
#app:not(.admin-view):not(.support-view) .brand-strip h2 { margin: 0; font-size: 13px; color: #64748b; }
#app:not(.admin-view):not(.support-view) .brand-logo { min-height: 48px; min-width: 80px; opacity: .45; font-size: 27px; }
#app:not(.admin-view):not(.support-view) .blog-section { border-radius: 14px; background: #fff; border-color: #e5ebf3; padding: 24px; }
#app:not(.admin-view):not(.support-view) .article-content h3 { color: #304969; line-height: 1.9; }
#app:not(.admin-view):not(.support-view) .page-heading { margin-bottom: 24px; }
#app:not(.admin-view):not(.support-view) .page-heading h1 { color: #203b5c; font-size: 25px; font-weight: 700; }
#app:not(.admin-view):not(.support-view) .breadcrumbs { color: #64748b; font-size: 11px; margin-bottom: 18px; }
#app:not(.admin-view):not(.support-view) .catalog-layout { gap: 22px; grid-template-columns: 228px minmax(0,1fr); }
#app:not(.admin-view):not(.support-view) .filter-panel { border-color: #e5ebf3; border-radius: 12px; top: 184px; }
#app:not(.admin-view):not(.support-view) .catalog-filter-toggle { display: none; }
#app:not(.admin-view):not(.support-view) .catalog-toolbar { border-radius: 10px; border-color: #e5ebf3; }
#app:not(.admin-view):not(.support-view) .product-grid { gap: 14px; }
#app:not(.admin-view):not(.support-view) .product-grid .product-card { min-height: 363px; padding: 15px; border-radius: 12px; }
#app:not(.admin-view):not(.support-view) .product-grid .product-image { height: 178px; }
#app:not(.admin-view):not(.support-view) .product-detail { padding: 32px; gap: 44px; border-radius: 16px; border-color: #e5ebf3; }
#app:not(.admin-view):not(.support-view) .product-summary h1 { color: #263d5c; font-size: 24px; line-height: 1.9; }
#app:not(.admin-view):not(.support-view) .detail-price { background: #f5f8fd; border-color: #e8eef7; padding: 19px 22px; }
#app:not(.admin-view):not(.support-view) .detail-price strong { color: #203e66; font-size: 30px; }
#app:not(.admin-view):not(.support-view) .detail-buy > .button-primary { min-height: 49px; }
#app:not(.admin-view):not(.support-view) :is(.product-tabs,.product-tab-panel) { border-color: #e5ebf3; }
#app:not(.admin-view):not(.support-view) .cart-layout { gap: 24px; grid-template-columns: minmax(0,1fr) 340px; }
#app:not(.admin-view):not(.support-view) :is(.cart-items,.cart-summary) { border-color: #e5ebf3; border-radius: 13px; background: #fff; }
#app:not(.admin-view):not(.support-view) .cart-item { padding: 24px; gap: 20px; border-color: #edf1f6; }
#app:not(.admin-view):not(.support-view) .cart-item-info h2 { color: #324966; font-size: 14px; line-height: 2; }
#app:not(.admin-view):not(.support-view) .cart-item-end { gap: 18px; }
#app:not(.admin-view):not(.support-view) .cart-item-end strong { font-size: 18px; color: #2b4669; }
#app:not(.admin-view):not(.support-view) .cart-summary { padding: 25px; top: 184px; border-top: 3px solid #3977da; box-shadow: 0 6px 24px #1e406505; }
#app:not(.admin-view):not(.support-view) .cart-summary h2 { color: #2b4565; font-size: 17px; }
#app:not(.admin-view):not(.support-view) .summary-line { font-size: 12px; color: #64748b; }
#app:not(.admin-view):not(.support-view) .summary-line > span:last-child { color: #425b7d; }
#app:not(.admin-view):not(.support-view) .summary-total { color: #2a4363; border-color: #e8edf5; font-size: 14px; }
#app:not(.admin-view):not(.support-view) .summary-total strong { font-size: 19px; color: #225cb2; }
#app:not(.admin-view):not(.support-view) .checkout-note { margin: 15px 0 0; font-size: 11px; line-height: 2; color: #64748b; }
#app:not(.admin-view):not(.support-view) .customer-portal { --customer-ink: #304865; --customer-muted: #64748b; --customer-border: #e3eaf3; }
#app:not(.admin-view):not(.support-view) .customer-card { border-radius: 13px; box-shadow: none; padding: 26px; }
#app:not(.admin-view):not(.support-view) .customer-title { color: #203b5c; font-size: 25px; }
#app:not(.admin-view):not(.support-view) .customer-subtitle { color: #64748b; font-size: 12px; }
#app:not(.admin-view):not(.support-view) .customer-card-head { border-color: #edf1f6; padding-bottom: 17px; margin-bottom: 22px; }
#app:not(.admin-view):not(.support-view) .customer-card-head h2 { color: #354f70; font-size: 16px; }
#app:not(.admin-view):not(.support-view) .customer-field { color: #5e7390; }
#app:not(.admin-view):not(.support-view) :is(.customer-input,.customer-textarea,.customer-portal select) { border-color: #dfe7f1; box-shadow: none; border-radius: 8px; }
#app:not(.admin-view):not(.support-view) .customer-steps { border-radius: 11px; padding-block: 16px; }
#app:not(.admin-view):not(.support-view) .customer-layout > aside.customer-card { border-top: 3px solid #3977da; top: 184px; }
#app:not(.admin-view):not(.support-view) .customer-button { border-radius: 9px; box-shadow: 0 4px 10px #2563eb12; }
#app:not(.admin-view):not(.support-view) .customer-button.secondary { box-shadow: none; }
#app:not(.admin-view):not(.support-view) .customer-receipt { background: #f0f6ff; }
#app:not(.admin-view):not(.support-view) .customer-profile-summary { background: #f8fbff; }
html[data-theme-scope="storefront"] #site-footer { background: #fff; border-top-color: #e4ebf4; padding-top: 36px; }
html[data-theme-scope="storefront"] .footer-top .brand { color: #304a6a; }
html[data-theme-scope="storefront"] .service-grid { border-color: #f0f3f7; padding-block: 24px; }
html[data-theme-scope="storefront"] .service-icon { color: #93a8c3; stroke: currentColor; width: 30px; height: 30px; }
html[data-theme-scope="storefront"] .service-grid > div { color: #64748b; font-size: 11px; }
html[data-theme-scope="storefront"] .footer-columns h3 { color: #46607e; font-size: 13px; }
html[data-theme-scope="storefront"] .footer-columns a { color: #64748b; font-size: 12px; }
html[data-theme-scope="storefront"] .footer-about { color: #64748b; font-size: 11px; }
html[data-theme-scope="storefront"] .footer-about h3 { color: #637a95; }
html[data-theme-scope="storefront"] .copyright { color: #64748b; border-color: #edf1f6; }

#app:not(.admin-view):not(.support-view) .product-reviews { display: grid; gap: 15px; }
#app:not(.admin-view):not(.support-view) .product-review { padding: 19px 20px; border: 1px solid #e5ebf3; border-radius: 10px; background: #fff; overflow-wrap: anywhere; }
#app:not(.admin-view):not(.support-view) .product-review > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 9px; }
#app:not(.admin-view):not(.support-view) .product-review strong { color: #36506f; font-size: 12px; font-weight: 600; }
#app:not(.admin-view):not(.support-view) .product-review time { color: #64748b; font-size: 10px; }
#app:not(.admin-view):not(.support-view) .product-review p { color: #5e718a; font-size: 12px; line-height: 2.2; margin: 8px 0 0; white-space: pre-line; }
#app:not(.admin-view):not(.support-view) .product-review-rating { color: #8a671a; font-size: 11px; font-weight: 500; }

@media (hover: hover) and (pointer: fine) {
 #app:not(.admin-view):not(.support-view) :is(.product-card,.category-card):hover { transform: translateY(-3px); border-color: #bfd3ee; box-shadow: 0 9px 24px #173e700b; }
 #app:not(.admin-view):not(.support-view) .product-card:hover .product-image img { transform: scale(1.035); }
 #app:not(.admin-view):not(.support-view) .brand-logo:hover { opacity: .8; }
}
@media (prefers-reduced-motion: no-preference) {
 #app.store-route-enter:not(.admin-view):not(.support-view) > :first-child { animation: store-route-v15 .24s ease-out both; }
 @keyframes store-route-v15 { from { opacity: .35; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 1200px) {
 html[data-theme-scope="storefront"] .header-main { gap: 20px; }
 html[data-theme-scope="storefront"] .header-main .brand { font-size: 16px; }
 html[data-theme-scope="storefront"] .quick-categories { gap: 18px; }
 #app:not(.admin-view):not(.support-view) .category-card { padding: 13px; gap: 12px; }
 #app:not(.admin-view):not(.support-view) .category-card > span:nth-child(2) { min-height: 0; font-size: 12px; }
 #app:not(.admin-view):not(.support-view) .category-image, #app:not(.admin-view):not(.support-view) .category-image img { width: 62px; height: 62px; }
 #app:not(.admin-view):not(.support-view) .category-count { margin-inline-start: auto; white-space: nowrap; }
 #app:not(.admin-view):not(.support-view) .product-row .product-card { width: 218px; min-width: 218px; flex-basis: 218px; }
 #app:not(.admin-view):not(.support-view) .product-detail { gap: 28px; }
 #app:not(.admin-view):not(.support-view) .cart-layout { grid-template-columns: minmax(0,1fr) 310px; }
}
@media (max-width: 900px) {
 #app:not(.admin-view):not(.support-view) .catalog-layout { grid-template-columns: minmax(0,1fr); gap: 18px; }
 #app:not(.admin-view):not(.support-view) .catalog-filter-toggle { display: inline-flex; min-height: 44px; margin-bottom: 14px; padding: 9px 15px; color: #365f97; border-color: #d8e4f4; background: #fff; font-size: 12px; }
 #app:not(.admin-view):not(.support-view) .catalog-filter-toggle[aria-expanded="true"] { color: #215fbc; border-color: #aac8f2; background: #eff5ff; }
 #app:not(.admin-view):not(.support-view) .catalog-layout > .filter-panel { display: none; position: static; }
 #app:not(.admin-view):not(.support-view) .catalog-layout > .filter-panel.is-open { display: block; }
 #app:not(.admin-view):not(.support-view) .cart-layout { grid-template-columns: minmax(0,1fr); gap: 20px; }
 #app:not(.admin-view):not(.support-view) .cart-summary, #app:not(.admin-view):not(.support-view) .customer-layout > aside.customer-card { position: static; }
}
@media (max-width: 800px) {
 html[data-theme-scope="storefront"] { scroll-padding-top: 142px; }
 html[data-theme-scope="storefront"] .promo { height: 25px; min-height: 25px; font-size: 9px; }
 html[data-theme-scope="storefront"] .header-main { height: 108px; padding: 10px 16px; gap: 0; }
 html[data-theme-scope="storefront"] .header-main .brand { font-size: 15px; height: 35px; padding-right: 32px; gap: 8px; }
 html[data-theme-scope="storefront"] .header-main .brand img { width: 34px; height: 34px; border-radius: 8px; }
 html[data-theme-scope="storefront"] .brand small { font-size: 8px; margin-top: 1px; }
 html[data-theme-scope="storefront"] .header-actions { top: 10px; left: 13px; gap: 3px; }
 html[data-theme-scope="storefront"] .mobile-menu { top: 10px; right: 12px; }
 html[data-theme-scope="storefront"] .search-form { bottom: 10px; height: 42px; left: 16px; right: 16px; width: calc(100% - 32px); max-width: none; }
 html[data-theme-scope="storefront"] .search-form input { font-size: 12px; }
 html[data-theme-scope="storefront"] .search-form .search-submit { font-size: 10px; }
 #app:not(.admin-view):not(.support-view) { padding: 16px 16px 42px; }
 #app:not(.admin-view):not(.support-view) .hero.hero-simple, #app:not(.admin-view):not(.support-view) .hero-simple .hero-visual { border-radius: 11px; }
 #app:not(.admin-view):not(.support-view) .benefits-strip { margin: 12px 0 25px; padding: 12px 8px; gap: 6px; border-radius: 10px; }
 #app:not(.admin-view):not(.support-view) .benefit-item { gap: 7px; padding-inline-start: 4px; padding-inline-end: 4px; }
 #app:not(.admin-view):not(.support-view) .benefit-icon { width: 28px; height: 28px; border-radius: 8px; }
 #app:not(.admin-view):not(.support-view) .benefit-icon svg { width: 17px; height: 17px; }
 #app:not(.admin-view):not(.support-view) .benefit-item strong { font-size: 9px; line-height: 1.8; }
 #app:not(.admin-view):not(.support-view) .benefit-item > div > span { font-size: 8px; line-height: 1.8; }
 #app:not(.admin-view):not(.support-view) .section-heading { gap: 12px; margin-bottom: 15px; }
 #app:not(.admin-view):not(.support-view) .section-heading h2 { font-size: 17px; letter-spacing: -.2px; }
 #app:not(.admin-view):not(.support-view) .categories-section > .section-heading { margin-bottom: 15px; }
 #app:not(.admin-view):not(.support-view) :is(.section-link,.category-all-toggle) { font-size: 10px; }
 #app:not(.admin-view):not(.support-view) .category-grid { gap: 9px; }
 #app:not(.admin-view):not(.support-view) .category-card { padding: 12px 5px 10px; gap: 6px; border-radius: 10px; flex-direction: column; }
 #app:not(.admin-view):not(.support-view) .category-image, #app:not(.admin-view):not(.support-view) .category-image img { width: 54px; height: 54px; }
 #app:not(.admin-view):not(.support-view) .category-card > span:nth-child(2) { font-size: 10px; min-height: 36px; line-height: 1.8; }
 #app:not(.admin-view):not(.support-view) .category-count { font-size: 8px; margin-inline-start: 0; }
 #app:not(.admin-view):not(.support-view) .categories-section { margin-bottom: 27px; }
 #app:not(.admin-view):not(.support-view) .home-section { margin-top: 28px; }
 #app:not(.admin-view):not(.support-view) .product-row { gap: 10px; padding-bottom: 9px; }
 #app:not(.admin-view):not(.support-view) .product-row .product-card { width: 188px; min-width: 188px; flex-basis: 188px; padding: 13px 12px; min-height: 336px; border-radius: 11px; }
 #app:not(.admin-view):not(.support-view) .product-image { height: 155px; margin-bottom: 13px; }
 #app:not(.admin-view):not(.support-view) .product-title { font-size: 11px; line-height: 1.95; min-height: 43px; max-height: 43px; margin-bottom: 7px; }
 #app:not(.admin-view):not(.support-view) .product-price { font-size: 18px; }
 #app:not(.admin-view):not(.support-view) .product-price .currency { font-size: 9px; }
 #app:not(.admin-view):not(.support-view) .product-meta { min-height: 16px; margin-bottom: 5px; }
 #app:not(.admin-view):not(.support-view) .product-price-block { min-height: 45px; }
 #app:not(.admin-view):not(.support-view) .product-actions { margin-top: 10px; }
 #app:not(.admin-view):not(.support-view) .product-actions .button { font-size: 10px; min-height: 37px; }
 #app:not(.admin-view):not(.support-view) .product-badge { top: 10px; right: 10px; font-size: 9px; }
 #app:not(.admin-view):not(.support-view) .favorite-toggle { top: 9px; left: 9px; height: 27px; width: 27px; }
 #app:not(.admin-view):not(.support-view) .offer-section { margin-top: 28px; padding: 16px 12px 8px; border-radius: 12px; }
 #app:not(.admin-view):not(.support-view) .offer-section .product-card { padding: 13px 12px; width: 188px; min-width: 188px; flex-basis: 188px; }
 #app:not(.admin-view):not(.support-view) .brand-strip { margin: 26px 0; padding: 18px 0; gap: 15px; }
 #app:not(.admin-view):not(.support-view) .brand-strip h2 { font-size: 11px; }
 #app:not(.admin-view):not(.support-view) .brand-logo { min-width: 50px; min-height: 35px; font-size: 23px; }
 #app:not(.admin-view):not(.support-view) .blog-section { padding: 18px; }
 #app:not(.admin-view):not(.support-view) .page-heading h1 { font-size: 22px; }
 #app:not(.admin-view):not(.support-view) .catalog-layout { grid-template-columns: minmax(0,1fr); gap: 18px; }
 #app:not(.admin-view):not(.support-view) .filter-panel { position: static; }
 #app:not(.admin-view):not(.support-view) .product-grid { gap: 11px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-card { padding: 12px 10px; min-height: 326px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-image { height: 147px; }
 #app:not(.admin-view):not(.support-view) .product-detail { padding: 20px; gap: 25px; border-radius: 13px; }
 #app:not(.admin-view):not(.support-view) .product-summary h1 { font-size: 20px; }
 #app:not(.admin-view):not(.support-view) .detail-price { padding: 16px; }
 #app:not(.admin-view):not(.support-view) .detail-price strong { font-size: 27px; }
 #app:not(.admin-view):not(.support-view) .cart-item { padding: 20px; gap: 14px; }
 #app:not(.admin-view):not(.support-view) .cart-item-info h2 { font-size: 13px; }
 #app:not(.admin-view):not(.support-view) .cart-item-end strong { font-size: 16px; }
 #app:not(.admin-view):not(.support-view) .cart-summary { padding: 23px; }
 #app:not(.admin-view):not(.support-view) .customer-card { padding: 22px; }
 #app:not(.admin-view):not(.support-view) .customer-title { font-size: 23px; }
 html[data-theme-scope="storefront"] .mobile-bottom-nav { background: #fffffff5; box-shadow: 0 -4px 18px #173d6805; border-color: #e7ecf4; }
 html[data-theme-scope="storefront"] .footer-columns a { font-size: 11px; }
 html[data-theme-scope="storefront"] .service-grid > div { font-size: 9px; }
}
@media (max-width: 480px) {
 #app:not(.admin-view):not(.support-view) .category-grid { gap: 7px; }
 #app:not(.admin-view):not(.support-view) .category-image, #app:not(.admin-view):not(.support-view) .category-image img { width: 48px; height: 48px; }
 #app:not(.admin-view):not(.support-view) .category-card { padding: 11px 4px 8px; }
 #app:not(.admin-view):not(.support-view) .category-card > span:nth-child(2) { font-size: 9px; min-height: 33px; }
 #app:not(.admin-view):not(.support-view) .category-count { font-size: 8px; }
 #app:not(.admin-view):not(.support-view) .section-heading h2 { font-size: 16px; }
 #app:not(.admin-view):not(.support-view) .category-all-toggle { max-width: 100px; font-size: 9px; }
 #app:not(.admin-view):not(.support-view) .product-row .product-card { min-width: 180px; width: 180px; flex-basis: 180px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-card { min-height: 314px; padding: 12px 10px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-image { height: 139px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-title { font-size: 10px; min-height: 40px; max-height: 40px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-price { font-size: 17px; }
 #app:not(.admin-view):not(.support-view) .product-grid .product-actions .button { font-size: 9px; padding: 5px; }
 #app:not(.admin-view):not(.support-view) .cart-item { grid-template-columns: 72px minmax(0,1fr); padding: 17px; gap: 12px; }
 #app:not(.admin-view):not(.support-view) .cart-item img { width: 72px; height: 82px; }
 #app:not(.admin-view):not(.support-view) .cart-item-info h2 { font-size: 11px; }
 #app:not(.admin-view):not(.support-view) .cart-item-end { grid-column: 2; gap: 10px; }
 #app:not(.admin-view):not(.support-view) .cart-item-end strong { font-size: 14px; }
 #app:not(.admin-view):not(.support-view) .cart-summary { padding: 21px; }
 #app:not(.admin-view):not(.support-view) .product-summary h1 { font-size: 18px; }
 #app:not(.admin-view):not(.support-view) .product-detail { padding: 17px; }
 #app:not(.admin-view):not(.support-view) .customer-card { padding: 21px 18px; }
 #app:not(.admin-view):not(.support-view) .customer-title { font-size: 21px; }
 #app:not(.admin-view):not(.support-view) .customer-card-head h2 { font-size: 15px; }
 #app:not(.admin-view):not(.support-view) .customer-steps { padding: 14px 9px; }
}
@media (prefers-reduced-motion: reduce) {
 #app:not(.admin-view):not(.support-view) :is(.product-card,.category-card,.product-image img,.button,.icon-button,.customer-button,.customer-input,.customer-textarea) { animation: none !important; transition: none !important; }
 #app:not(.admin-view):not(.support-view) :is(.product-card,.category-card):hover, #app:not(.admin-view):not(.support-view) .product-card:hover .product-image img { transform: none; }
 #app.store-route-enter:not(.admin-view):not(.support-view) > :first-child { animation: none; }
}
@media print {
 #app.store-route-enter:not(.admin-view):not(.support-view) > :first-child { animation: none; transform: none; opacity: 1; }
}
