/* input(53,241): run-time error CSS1030: Expected identifier, found '#cartSticky'
input(53,252): run-time error CSS1025: Expected comma or open brace, found ')'
input(156,35): run-time error CSS1019: Unexpected token, found ' '
input(156,35): run-time error CSS1019: Unexpected token, found ' '
input(156,35): run-time error CSS1042: Expected function, found ' '
input(156,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(157,37): run-time error CSS1019: Unexpected token, found ' '
input(157,37): run-time error CSS1019: Unexpected token, found ' '
input(157,37): run-time error CSS1042: Expected function, found ' '
input(157,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(158,37): run-time error CSS1019: Unexpected token, found ' '
input(158,37): run-time error CSS1019: Unexpected token, found ' '
input(158,37): run-time error CSS1042: Expected function, found ' '
input(158,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(160,32): run-time error CSS1019: Unexpected token, found ' '
input(160,32): run-time error CSS1019: Unexpected token, found ' '
input(160,32): run-time error CSS1042: Expected function, found ' '
input(160,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(162,40): run-time error CSS1019: Unexpected token, found ' '
input(162,40): run-time error CSS1019: Unexpected token, found ' '
input(162,40): run-time error CSS1042: Expected function, found ' '
input(162,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(484,299): run-time error CSS1063: Expected calculation unit, found 'l'
input(484,299): run-time error CSS1064: Expected calculation product, found 'l'
input(484,299): run-time error CSS1065: Expected calculation sum, found 'l'
input(484,299): run-time error CSS1034: Expected closing parenthesis, found 'l'
input(484,299): run-time error CSS1042: Expected function, found 'l'
input(484,301): run-time error CSS1019: Unexpected token, found '*'
input(484,301): run-time error CSS1042: Expected function, found '*'
input(484,301): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' */
:root{
  
  --primary:       #5a7d2e;
  --primary-hover: color-mix(in srgb, var(--primary) 82%, #000);
  --primary-light: color-mix(in srgb, var(--primary) 65%, #fff);
  --secondary:     #f8f5f0;
  --accent:        #e8f0d8;
  --text-dark:     #2c3e1f;
  --text-muted:    #6b7c5a;
  --border:        color-mix(in srgb, var(--primary) 22%, #eee);
  --shadow:        0 4px 20px color-mix(in srgb, var(--primary) 10%, transparent);
  --shadow-hover:  0 8px 30px color-mix(in srgb, var(--primary) 18%, transparent);
  --radius:        12px;
  --radius-btn:    var(--radius-md);
}body{
  font-family: 'Nunito', 'Segoe UI', sans-serif; 
  color: var(--text-dark);
  background: #fff;
}a{ color: var(--primary); text-decoration: none; }a:hover{ color: var(--primary-hover); }.section-title{ font-size: clamp(1.3rem, 3.5vw, 1.8rem); font-weight: 800; color: var(--text-dark); word-break: break-word; overflow-wrap: break-word; }.section-line{ width: 60px; height: 3px; background: var(--primary); border-radius: 2px; margin: 10px 0 0; }.section-badge{ background: color-mix(in srgb, var(--primary) 12%, transparent); color: var(--primary); padding: 5px 16px; border-radius: var(--radius-btn); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; display: inline-block; }h1{ font-size: var(--fs-h1); word-break: break-word; overflow-wrap: break-word; }h2{ font-size: var(--fs-h2); word-break: break-word; overflow-wrap: break-word; }h3{ font-size: var(--fs-h3); }h4{ font-size: var(--fs-h4); }@media (max-width: 576px){.section-title{ font-size: 1.25rem; }.product-price{ font-size: 1.5rem; }}.btn-notify{
  background: color-mix(in srgb, var(--primary) 8%, #fff);
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 28%, transparent);
  border-radius: var(--radius-btn);
  transition: all .2s;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
}.btn-notify:hover{
  background: color-mix(in srgb, var(--primary) 14%, #fff);
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 50%, transparent);
}.notify-stock-btn.registered{
  background: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;
}.pw-rules li{ color: var(--color-muted); }.pw-rules li.is-ok{ color: var(--color-success-text); }.cart-item-img{ width: 60px; height: 60px; object-fit: cover; border-radius: 8px; }.cart-summary{ background: var(--secondary); border-radius: var(--radius); padding: 24px; }.cart-total{ font-size: 1.4rem; font-weight: 800; color: var(--primary); }.btn:focus-visible{
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary);
}.site-footer{ background: var(--text-dark); color: rgba(255,255,255,.8); padding: 50px 0 20px; }.site-footer h5{ color: #fff; font-weight: 700; }.site-footer a{ color: rgba(255,255,255,.7); }.site-footer a:hover{ color: var(--primary-light); }.alert{ border-radius: var(--radius); border: none; }@media (min-width: 992px){body{ font-size: .93rem; }.section-title{ font-size: 1.55rem; }.section-badge{ font-size: .75rem; padding: 4px 13px; }.mos-track{ height: 420px; }.cart-summary{ padding: 18px; }.cart-total{ font-size: 1.25rem; }}html{ scrollbar-gutter: stable; }.row{
  display: flex !important;
  flex-wrap: wrap !important;
}.row > *{
  flex-shrink: 0;
  min-width: 0;
}.pagination{
  gap: 4px;
}img,video,iframe,embed,object{ max-width: 100%; }p,li,td,th{ overflow-wrap: break-word; word-wrap: break-word; }.product-desc-body table{ display: block; overflow-x: auto; width: 100%; }.cart-ship{ margin-bottom: var(--space-4, 16px); padding: var(--space-3, 12px); border-radius: var(--radius-md, 12px); background: var(--color-primary-soft); color: var(--color-primary-text); font-size: var(--fs-sm, .875rem); }.cart-ship__bar{ height: 8px; margin-top: var(--space-2, 8px); border-radius: var(--radius-pill, 999px); background: var(--color-surface); overflow: hidden; }.cart-ship__bar > span{ display: block; height: 100%; border-radius: inherit; background: var(--color-primary); transition: width var(--dur, 160ms) var(--ease, ease); }.cart-clear-link{ border: 0; background: none; padding: 0; color: var(--color-muted); font: inherit; font-size: var(--fs-sm, .875rem); text-decoration: underline; cursor: pointer; }.cart-clear-link:hover{ color: var(--color-danger-text); }.cart-clear-link:focus-visible{ outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm, 8px); }.cart-coupon > summary{ cursor: pointer; color: var(--color-primary-text); font-weight: 600; font-size: var(--fs-sm, .875rem); list-style-position: inside; }.cart-sticky{ display: none; }@media (max-width: 991.98px){.cart-sticky{
    display: flex; align-items: center; justify-content: space-between; gap: var(--space-3, 12px);
    position: fixed; left: 0; right: 0; z-index: calc(var(--z-bottomnav, 1035) + 5);
    bottom: calc(var(--bottomnav-h, 64px) + env(safe-area-inset-bottom) + var(--cookie-bar-offset, 0px));
    padding: var(--space-2, 8px) var(--gutter, 16px); background: var(--color-surface); border-top: 1px solid var(--color-border);
  }.cart-sticky__total{ display: grid; line-height: 1.15; }.cart-sticky__total span{ color: var(--color-muted); font-size: var(--fs-sm, .875rem); }.cart-sticky__total strong{ font-size: var(--fs-price, 1.25rem); font-weight: 800; }body:has(#cartSticky){ padding-bottom: calc(76px + var(--bottomnav-h, 64px)); }}.co-sec{ font-family: var(--font-heading); display: flex; align-items: center; gap: 10px; margin: 0 0 var(--space-3, 12px); font-weight: 800; font-size: 1.15rem; line-height: 1.3; }.co-sec__n{ flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--color-primary); color: var(--color-on-primary); font-size: 13px; }.co-section{ padding-top: var(--space-4, 16px); margin-top: var(--space-4, 16px); border-top: 1px solid var(--color-border); scroll-margin-top: 90px; }.co-trust{ margin: var(--space-3, 12px) 0; padding: var(--space-3, 12px) var(--space-4, 16px); border-radius: var(--radius-md, 12px); background: var(--color-primary-soft); color: var(--color-primary-text); }.co-trust[hidden]{ display: none; }.co-trust__head{ display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }.co-trust__text{ margin: 0 0 var(--space-2, 8px); font-size: var(--fs-sm, .875rem); color: var(--color-text); }.co-trust__badges{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3, 12px); font-size: var(--fs-sm, .875rem); }.co-trust__badges span{ display: inline-flex; align-items: center; gap: 6px; }.co-hint{ margin-top: 6px; font-size: var(--fs-sm, .875rem); color: var(--color-danger-text); }.co-hint[hidden]{ display: none; }.co-sumtoggle{ display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: var(--space-3, 12px); padding: 12px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md, 12px); background: var(--color-surface); font: inherit; font-weight: 600; color: var(--color-text); cursor: pointer; text-align: left; }.co-sumtoggle i{ transition: transform var(--dur, 160ms) var(--ease, ease); }.co-sumtoggle[aria-expanded="true"] i{ transform: rotate(180deg); }.co-sumtoggle:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.co-sticky{ display: none; }@media (max-width: 991.98px){.co-sticky{
    display: flex; align-items: center; justify-content: space-between; gap: var(--space-3, 12px);
    position: fixed; left: 0; right: 0; z-index: calc(var(--z-bottomnav, 1035) + 5);
    bottom: calc(var(--bottomnav-h, 64px) + env(safe-area-inset-bottom) + var(--cookie-bar-offset, 0px));
    padding: var(--space-2, 8px) var(--gutter, 16px); background: var(--color-surface); border-top: 1px solid var(--color-border);
  }.co-sticky.is-off{ display: none; }.co-sticky__total{ display: grid; line-height: 1.15; flex: none; }.co-sticky__total span{ color: var(--color-muted); font-size: var(--fs-sm, .875rem); }.co-sticky__total strong{ font-size: var(--fs-price, 1.25rem); font-weight: 800; }.co-sticky .mos-btn{ flex: 1 1 auto; min-width: 0; white-space: normal; text-align: center; line-height: 1.15; padding-top: 8px; padding-bottom: 8px; height: auto; min-height: 52px; }.co-sticky .mos-btn.is-blocked{ opacity: .6; }body.has-co-sticky{ padding-bottom: calc(76px + var(--bottomnav-h, 64px)); }}.auth2-wrap{ padding: var(--space-6, 32px) var(--gutter, 16px) var(--space-8, 48px); }.auth2{ max-width: 440px; margin: 0 auto; padding: var(--space-6, 28px); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl, 20px); box-shadow: var(--shadow-sm); }@media (max-width: 575.98px){.auth2{ padding: var(--space-4, 16px); border-radius: 0; border-left: 0; border-right: 0; box-shadow: none; margin-inline: calc(var(--gutter, 16px) * -1); }}.auth2__tabs{ display: flex; gap: 4px; padding: 4px; margin-bottom: var(--space-5, 20px); border-radius: var(--radius-md, 12px); background: var(--color-bg); }.auth2__tab{ flex: 1; text-align: center; padding: 10px 8px; border-radius: var(--radius-sm, 8px); font-weight: 700; color: var(--color-muted); text-decoration: none; }.auth2__tab.is-active{ background: var(--color-surface); color: var(--color-primary-text); box-shadow: var(--shadow-sm); }.auth2__tab:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.auth2__title{ font-family: var(--font-heading); font-size: 1.35rem; font-weight: 800; margin: 0 0 var(--space-4, 16px); text-align: center; }.auth2__or{ display: flex; align-items: center; gap: 12px; margin: var(--space-4, 16px) 0; color: var(--color-muted); font-size: var(--fs-sm, .875rem); }.auth2__or::before,.auth2__or::after{ content: ""; flex: 1; height: 1px; background: var(--color-border); }.auth2__err{ color: var(--color-danger-text); font-size: var(--fs-sm, .875rem); }.auth2__err:empty{ display: none; }.auth2__pw{ position: relative; }.auth2__pw .mos-input{ padding-right: 48px; }.auth2__eye{ position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; background: none; color: var(--color-muted); cursor: pointer; border-radius: var(--radius-sm, 8px); }.auth2__eye:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.auth2__steps{ display: flex; gap: var(--space-4, 16px); list-style: none; padding: 0; margin: 0 0 var(--space-4, 16px); justify-content: center; font-size: var(--fs-sm, .875rem); color: var(--color-muted); }.auth2__steps li{ display: inline-flex; align-items: center; gap: 6px; }.auth2__steps li span{ width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; border: 2px solid currentColor; font-size: 11px; font-weight: 800; }.auth2__steps li.is-current{ color: var(--color-primary-text); font-weight: 700; }.auth2__steps li.is-done{ color: var(--color-success-text); }.pw-rules.is-attn li:not(.is-ok){ color: var(--color-danger-text); }.auth2 [hidden]{ display: none !important; }.co-method{ display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-md, 12px); background: var(--color-surface); cursor: pointer; }.co-method:hover{ border-color: var(--color-muted); }.co-method:has(input:checked){ border-color: var(--color-primary); background: var(--color-primary-soft); }.co-method:focus-within{ box-shadow: var(--focus-ring); }.acct-grid{ display: grid; gap: var(--space-4, 16px); grid-template-columns: minmax(0, 1fr); align-items: start; }@media (min-width: 768px){.acct-grid{ grid-template-columns: 250px minmax(0, 1fr); gap: var(--space-5, 24px); }.acct-aside{ position: sticky; top: 88px; }}@media (min-width: 992px){.acct-grid{ grid-template-columns: 280px minmax(0, 1fr); }}.acct-main{ min-width: 0; }.acct-nav{ display: grid; gap: var(--space-3, 12px); }.acct-user{ display: flex; align-items: center; gap: 12px; padding: 14px; }.acct-user__avatar,.acct-user__img{ flex: none; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }.acct-user__avatar{ display: grid; place-items: center; background: var(--color-primary-soft); color: var(--color-primary-text); font-weight: 800; }.acct-user__text{ min-width: 0; }.acct-user__name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.acct-user__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 4px; }.acct-user__points{ font-size: var(--fs-sm, .875rem); color: var(--color-muted); }.acct-user__points i{ color: var(--color-warning-text); margin-right: 4px; }.acct-menu{ padding: 0; }.acct-menu__summary{ display: none; align-items: center; gap: 10px; padding: 14px; cursor: pointer; list-style: none; font-size: var(--fs-sm, .875rem); }.acct-menu__summary::-webkit-details-marker{ display: none; }.acct-menu__summary > span{ color: var(--color-muted); }.acct-menu__summary > strong{ margin-left: auto; }.acct-menu__chev{ transition: transform var(--dur, 160ms) var(--ease, ease); }.acct-menu[open] .acct-menu__chev{ transform: rotate(180deg); }.acct-menu__summary:focus-visible{ outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-lg, 16px); }@media (max-width: 767.98px){.acct-menu__summary{ display: flex; }.acct-menu[open] .acct-menu__summary{ border-bottom: 1px solid var(--color-border); }}.acct-menu__body{ padding: 8px 8px 12px; }.acct-group{ margin: 16px 10px 4px; font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted); }.acct-link{ display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border-radius: var(--radius-md, 12px); color: var(--color-text); text-decoration: none; font-size: var(--fs-sm, .9rem); }.acct-link i{ width: 18px; text-align: center; color: var(--color-muted); }.acct-link:hover{ background: var(--color-bg); }.acct-link.is-active{ background: var(--color-primary-soft); color: var(--color-primary-text); font-weight: 700; }.acct-link.is-active i{ color: var(--color-primary-text); }.acct-link:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.pc__actions{ position: absolute; top: var(--space-2, 8px); right: var(--space-2, 8px); z-index: 2; display: flex; flex-direction: column; gap: 6px; }.pc__actions .pc__fav{ position: static; }.pc__link{ position: static; }.pc__fav.save-product-btn.is-active i,.pc__fav.wish-remove-btn i{ color: var(--color-primary-text) !important; }.pc .pc__body .mos-btn{ position: relative; z-index: 2; }.pc .pc__body .pc__name a{ color: var(--color-text); text-decoration: none; }.ostl__list{ list-style: none; margin: 0; padding: 0 0 0 4px; position: relative; }.ostl__item{ position: relative; padding: 0 0 var(--space-4, 16px) 24px; }.ostl__item:last-child{ padding-bottom: 0; }.ostl__item::before{ content: ""; position: absolute; left: 5px; top: 14px; bottom: -2px; width: 2px; background: var(--color-border); }.ostl__item:last-child::before{ display: none; }.ostl__dot{ position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: var(--color-surface); border: 3px solid var(--color-primary); }.ostl__text{ font-weight: 600; }.ostl__time{ display: block; color: var(--color-muted); font-size: var(--fs-sm, .85rem); }.blogchips{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); margin-bottom: var(--space-6, 24px); }.blogchip{ display: inline-flex; align-items: center; height: 36px; padding: 0 var(--space-4, 16px); border: 1px solid var(--color-border); border-radius: var(--radius-btn); background: var(--color-surface); color: var(--color-text); font-weight: 600; font-size: .9rem; text-decoration: none; transition: background .15s, border-color .15s, color .15s; }.blogchip:hover{ border-color: var(--color-primary); color: var(--color-primary-text); }.blogchip.is-active{ background: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary, #fff); }.blog-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: var(--space-5, 20px); }.blogcard{ display: flex; flex-direction: column; min-width: 0; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg, 16px); overflow: hidden; box-shadow: var(--shadow-sm); transition: box-shadow .2s, transform .2s; }.blogcard:hover{ box-shadow: var(--shadow-md, var(--shadow-sm)); transform: translateY(-2px); }.blogcard__media{ display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--color-primary-tint); }.blogcard__img{ width: 100%; height: 100%; object-fit: cover; display: block; }.blogcard__body{ display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2, 8px); padding: var(--space-4, 16px); flex: 1; }.blogcard__title{ margin: 0; font-size: 1.05rem; font-weight: 700; line-height: 1.3; }.blogcard__title a{ color: var(--color-text); text-decoration: none; }.blogcard__title a:hover{ color: var(--color-primary-text); }.blogcard__text{ margin: 0; color: var(--color-muted); font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.blogcard__foot{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); justify-content: space-between; align-items: center; padding: var(--space-3, 12px) var(--space-4, 16px); border-top: 1px solid var(--color-border); color: var(--color-muted); font-size: .85rem; }.blogx__main{ max-width: 820px; margin-inline: auto; }.blogx__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3, 12px); color: var(--color-muted); font-size: .9rem; margin-bottom: var(--space-3, 12px); }.blogx__meta i{ margin-right: 4px; }.blogx__title{ margin: 0 0 var(--space-4, 16px); font-weight: var(--fw-heading, 800); line-height: 1.15; letter-spacing: var(--ls-tight, -.02em); }.blogx__lead{ font-size: 1.15rem; color: var(--color-muted); border-left: 3px solid var(--color-primary); padding-left: var(--space-4, 16px); margin: 0 0 var(--space-5, 20px); }.blogx__cover{ display: block; width: 100%; max-height: 440px; object-fit: cover; border-radius: var(--radius-lg, 16px); margin-bottom: var(--space-5, 20px); }.blogx__toc{ background: var(--color-primary-tint); border: 1px solid var(--color-border); border-radius: var(--radius-md, 12px); padding: var(--space-4, 16px) var(--space-5, 20px); margin-bottom: var(--space-6, 24px); }.blogx__toc-title{ display: block; margin-bottom: var(--space-2, 8px); }.blogx__toc ol{ margin: 0; padding-left: 1.2rem; display: grid; gap: 4px; }.blogx__toc li.is-sub{ margin-left: 1rem; font-size: .92rem; }.blogx__toc a{ color: var(--color-text); text-decoration: none; }.blogx__toc a:hover{ color: var(--color-primary-text); text-decoration: underline; }.blog-content{ line-height: 1.75; font-size: 1.05rem; overflow-wrap: anywhere; }.blog-content img,.blog-content iframe,.blog-content video{ max-width: 100%; height: auto; border-radius: var(--radius-md, 12px); }.blog-content h2,.blog-content h3{ scroll-margin-top: 90px; }.blog-content table{ display: block; max-width: 100%; overflow-x: auto; }.blogx__tags{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); margin-top: var(--space-5, 20px); padding-top: var(--space-4, 16px); border-top: 1px solid var(--color-border); }.blogx__related{ margin-top: var(--space-10, 56px); padding-top: var(--space-6, 24px); border-top: 1px solid var(--color-border); }.blogx__related-title{ font-size: var(--fs-h3); font-weight: 700; margin: 0 0 var(--space-4, 16px); }.blogx__related-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: var(--space-5, 20px); }.blogx__products{ margin-top: var(--space-10, 56px); padding-top: var(--space-6, 24px); border-top: 1px solid var(--color-border); }.blogx__products-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3, 12px); }.blogx__products-cell{ min-width: 0; }@media (min-width: 768px){.blogx__products-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5, 20px); }}.errpg{ display: flex; justify-content: center; padding: var(--space-10, 56px) var(--gutter, 16px); }.errpg__card{ width: 100%; max-width: 560px; text-align: center; background: var(--color-surface); border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary); border-radius: var(--radius-xl, 20px); box-shadow: var(--shadow-md, var(--shadow-sm)); padding: var(--space-8, 40px) var(--space-6, 28px); display: flex; flex-direction: column; align-items: center; gap: var(--space-3, 12px); }.errpg__icon{ width: 72px; height: 72px; border-radius: var(--radius-btn); background: var(--color-primary-tint); color: var(--color-primary-text); display: grid; place-items: center; font-size: 2rem; }.errpg__code{ margin: 0; color: var(--color-muted); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .8rem; }.errpg__title{ margin: 0; font-size: var(--fs-h2); font-weight: 800; }.errpg__text{ margin: 0; color: var(--color-muted); max-width: 44ch; }.errpg__note{ margin: 0; font-size: .9rem; color: var(--color-muted); background: var(--color-primary-tint); border-radius: var(--radius-md, 12px); padding: var(--space-3, 12px) var(--space-4, 16px); }.errpg__note a{ color: var(--color-primary-text); font-weight: 600; }.errpg__search{ display: flex; gap: var(--space-2, 8px); width: 100%; margin-top: var(--space-2, 8px); }.errpg__search .mos-input{ flex: 1; min-width: 0; }.errpg__cats{ width: 100%; margin-top: var(--space-2, 8px); }.errpg__cats-label{ display: block; font-size: .8rem; color: var(--color-muted); margin-bottom: var(--space-2, 8px); }.errpg__chips{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); justify-content: center; }.errpg__actions{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); justify-content: center; margin-top: var(--space-3, 12px); }.errpg__req{ margin: var(--space-2, 8px) 0 0; font-family: monospace; font-size: .72rem; color: var(--color-muted); }@media (max-width: 575.98px){.errpg{ padding: var(--space-6, 24px) var(--gutter, 16px); }.errpg__card{ padding: var(--space-6, 24px) var(--space-4, 16px); }.errpg__actions .mos-btn{ flex: 1 1 100%; }}.acc-tier{ --tier-a: var(--color-success-text); border-radius: var(--radius-md); color: var(--color-on-primary); background: linear-gradient(135deg, var(--tier-a), color-mix(in srgb, var(--tier-a) 78%, black)); }.acc-tier .mos-card__body{ padding: var(--space-5, 20px); }.acc-tier--gold{ --tier-a: var(--color-warning-text); }.acc-tier--platinum{ --tier-a: var(--color-info-text); }.acc-tier--silver{ --tier-a: var(--color-muted); }.acc-fine{ font-size: .75rem; }.acc-code{ letter-spacing: .5px; }.acc-coupon{ display: flex; align-items: center; gap: var(--space-3, 12px); padding: var(--space-3, 12px); border: 1px dashed var(--color-border-input); border-radius: var(--radius-md); }.acc-thumb{ width: 40px; height: 40px; object-fit: cover; border-radius: var(--radius-sm); flex-shrink: 0; background: var(--color-bg); }.acc-thumb--empty{ display: flex; align-items: center; justify-content: center; }.acc-note{ display: flex; align-items: center; gap: var(--space-2, 8px); padding: var(--space-2, 8px) var(--space-3, 12px); border-radius: var(--radius-sm); }.acc-note--success{ background: var(--color-success-bg); }.acc-search{ width: 220px; max-width: 100%; }.acc-search .mos-input{ border-radius: 0 var(--radius-md) var(--radius-md) 0; }.acc-qr{ width: 200px; height: 200px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: 8px; background: var(--color-surface); }.acc-manualkey{ font-size: 1rem; letter-spacing: .05em; }input[autocomplete="one-time-code"]{ letter-spacing: .3em; max-width: 200px; }
:where(:root){
  --color-primary: var(--primary);
  --color-primary-hover: var(--primary-hover);
  --color-on-primary: #FFFFFF;
  --color-primary-soft: color-mix(in srgb, var(--primary) 10%, #FFFFFF);
  --color-primary-text: var(--primary);
  --color-secondary: color-mix(in srgb, var(--primary) 12%, #FFFFFF);
  --color-on-secondary: var(--text-dark);
  --color-accent: #D4EE5E;
  
  --home-heading: #8A1C2B; --home-heading-hover: #6E1522; --home-eyebrow: #E9CE94; --home-star: #E2A62B;
  --color-on-accent: #0B0F0C;
  --color-bg: #F6F7F4;
  --color-surface: #FFFFFF;
  --color-text: var(--text-dark);
  --color-muted: var(--text-muted);
  --color-subtle: #89908C;
  --color-border: #E2E6E0;
  --color-danger-text: #C0322B;
  --color-success-text: #1E7B3C;
  --color-warning-text: #94570A;
  
  --color-badge-new-bg: #F5C542; --color-badge-new-text: #3A2C00;
  --color-flame: #E8590C;   
  --color-overlay: rgba(11, 15, 12, .48);
  --focus-ring: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary);
  --font-heading: var(--font-body);
  --fw-heading: 800;
  --fs-sm: .875rem;
  --fs-caption: .75rem;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 20, .04), 0 2px 8px rgba(16, 24, 20, .05);
  --shadow-lg: 0 24px 48px rgba(16, 24, 20, .14);
  --control-h: 48px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --gutter: 16px;
  --header-h: 72px; --header-h-condensed: 56px; --catbar-h: 48px; --topbar-h: 32px;
  --header-h-mobile: 56px; --bottomnav-h: 64px;
  --dur: 160ms; --dur-slow: 280ms; --ease: cubic-bezier(.2, .8, .2, 1);
  --z-header: 1030; --z-bottomnav: 1035; --z-drawer: 1045;
}:where(:root){
  --color-primary-tint: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
  --color-success: var(--color-success-text);
  --color-warning: var(--color-warning-text);
  --color-info-text: #1F5FAD;
  --color-info: var(--color-info-text);
  --color-success-bg: color-mix(in srgb, var(--color-success-text) 10%, var(--color-surface));
  --color-success-border: color-mix(in srgb, var(--color-success-text) 30%, var(--color-surface));
  --color-warning-bg: color-mix(in srgb, var(--color-warning-text) 10%, var(--color-surface));
  --color-warning-border: color-mix(in srgb, var(--color-warning-text) 30%, var(--color-surface));
  --color-info-bg: color-mix(in srgb, var(--color-info-text) 10%, var(--color-surface));
  --color-info-border: color-mix(in srgb, var(--color-info-text) 30%, var(--color-surface));
  --font-body: "Nunito", "Segoe UI", system-ui, sans-serif;
  --card-border: 1px solid var(--color-border);
  --row-h: 60px;
}:where(:root){
  --chart-1: var(--color-primary);
  --chart-2: #0072B2;
  --chart-3: #D98200;
  --chart-4: #B8588F;
  --chart-5: #3D9FD6;
  --chart-6: #D55E00;
  --chart-7: #5E4FA2;
  --chart-8: #6B7280;
}:where([data-theme="dark"], [data-bs-theme="dark"]){
  --chart-1: color-mix(in srgb, var(--color-primary) 70%, #FFFFFF);
  --chart-2: #56B4E9;
  --chart-3: #F0A830;
  --chart-4: #E58FC0;
  --chart-5: #8FD0F2;
  --chart-6: #FF8A3D;
  --chart-7: #A99BDB;
  --chart-8: #A0A7B0;
}.admin-shell{
  --color-bg: #E9ECEF ;
  --color-surface: #FFFFFF;
  --color-text: #16181A;
  --color-muted: #5B6168;
  --color-border: #DCE0E4;
  --color-border-input: #7C838A;
  --font-heading: var(--font-body);
  --fw-heading: 700;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-btn: var(--radius-md);
  --control-h: 40px; --control-h-sm: 32px; --pad-card: 14px; --gap-grid: 16px; --row-h: 46px;
}@media (prefers-reduced-motion: reduce){:root{ --dur: 0ms; --dur-slow: 0ms; }}
:where(:root){
  --color-danger: var(--color-danger-text, #C0322B);
  
  --color-border-input: #8A9096;
  
  --color-body: color-mix(in srgb, var(--color-text, #111A14) 90%, var(--color-bg, #F6F7F4));
  --color-danger-bg: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface, #FFFFFF));
  --color-danger-border: color-mix(in srgb, var(--color-danger) 28%, var(--color-surface, #FFFFFF));
  --fs-h1: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);
  --fs-h2: clamp(1.375rem, 1.15rem + 1vw, 2rem);
  --fs-h3: clamp(1.125rem, 1.05rem + .35vw, 1.375rem);
  --color-whatsapp: #25d366;
  --fs-h4: clamp(1rem, .95rem + .35vw, 1.25rem);
  --fs-body: 1rem;
  --fs-price: clamp(1.125rem, 1.08rem + .2vw, 1.25rem);
  --ls-tight: -0.02em;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --radius-btn: var(--radius-md);
  --shadow-md: 0 8px 24px rgba(16, 24, 20, .08);
  --control-h: 48px;
  --control-h-sm: 36px;
  --pad-card: 20px;
  --gap-grid: 24px;
  --section-gap: clamp(48px, 7vw, 96px);
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --z-sticky: 1020;
  --z-drawer: 1045;
  --z-toast: 1090;
}.admin-shell{ --fs-h1: 1.75rem; --fs-h2: 1.375rem; --fs-h3: 1.125rem; --fs-h4: 1.05rem; }
.mos-i{width:20px;height:20px;flex:none}.mos-i--sm{width:16px;height:16px}.mos-i--lg{width:24px;height:24px}.mos-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mos-muted{color:var(--color-muted)}:where(.mos-btn,.mos-input,.mos-select,.mos-textarea,.mos-chip,.mos-tab,.mos-iconbtn,.mos-switch,.mos-seg button,.mos-menu__item):focus-visible{outline:none;box-shadow:var(--focus-ring)}.mos-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h);padding:0 20px;border-radius:var(--radius-btn);border:1px solid transparent;font:600 14px/1 var(--font-body);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.mos-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.mos-btn--primary:hover{background:var(--color-primary-hover)}.mos-btn--secondary{background:var(--color-surface);color:var(--color-primary-text);border-color:var(--color-primary)}.mos-btn--secondary:hover{background:var(--color-primary-tint)}.mos-btn--ghost{background:transparent;color:var(--color-primary-text);padding:0 12px}.mos-btn--ghost:hover{background:var(--color-primary-tint)}.mos-btn--danger{background:var(--color-danger);color:var(--color-surface)}.mos-btn--danger-ghost{background:transparent;color:var(--color-danger-text);padding:0 12px}.mos-btn--danger-ghost:hover{background:var(--color-danger-bg)}.mos-btn--accent{background:var(--color-accent);color:var(--color-on-accent)}.mos-btn--onimage{background:var(--color-surface);color:var(--color-text)}.mos-btn--whatsapp{background:var(--color-whatsapp,var(--color-primary));color:var(--color-on-primary)}.mos-btn--sm{height:var(--control-h-sm);padding:0 14px;font-size:13px}.mos-btn--lg{height:52px;padding:0 28px;font-size:16px}.mos-btn--block{display:flex;width:100%}.mos-btn[disabled],.mos-btn.is-disabled,.btn:disabled,.btn.disabled,fieldset:disabled .btn{opacity:.5;cursor:not-allowed;pointer-events:none}.mos-btn.is-loading{pointer-events:none}.mos-btn.is-loading::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:mos-spin .7s linear infinite}@keyframes mos-spin{to{transform:rotate(360deg)}}.mos-iconbtn{width:40px;height:40px;border-radius: var(--radius-btn);border:1px solid transparent;background:transparent;color:var(--color-text);display:inline-grid;place-items:center;cursor:pointer;position:relative}.mos-iconbtn:hover{background:var(--color-primary-tint)}.mos-iconbtn--outline{border-color:var(--color-border);background:var(--color-surface)}.mos-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius: var(--radius-btn);font:600 12px/1 var(--font-body);border:1px solid;white-space:nowrap}.mos-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.mos-pill--success{color:var(--color-success-text);background:var(--color-success-bg);border-color:var(--color-success-border)}.mos-pill--warning{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.mos-pill--danger{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.mos-pill--info{color:var(--color-info-text);background:var(--color-info-bg);border-color:var(--color-info-border)}.mos-pill--neutral{color:var(--color-muted);background:var(--color-bg);border-color:var(--color-border)}.mos-pill--done{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.mos-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-sm);font:700 11px/1 var(--font-body);letter-spacing:.02em}.mos-badge--sale{background:var(--color-danger);color:var(--color-surface)}.mos-badge--new{background:var(--color-accent);color:var(--color-on-accent)}.mos-badge--out{background:var(--color-text);color:var(--color-surface)}.mos-count{min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font:700 11px/18px var(--font-body);text-align:center;display:inline-block}.mos-count--alert{background:var(--color-danger);color:var(--color-surface)}.mos-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--color-muted);margin:0 0 8px;padding:0;list-style:none}.mos-crumb li+li::before{content:"›";margin-right:6px;color:var(--color-subtle)}.mos-crumb a{color:var(--color-muted)}.mos-crumb a:hover{color:var(--color-primary-text)}.mos-pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin:0 0 24px}.mos-pagehead__text{flex:1;min-width:240px}.mos-pagehead__title{font-weight:var(--fw-heading,800);font-size:var(--fs-h1,28px);line-height:1.15;font-family:var(--font-heading,inherit);letter-spacing:var(--ls-tight,-.02em);margin:0 0 4px;text-wrap:balance}.mos-pagehead__desc{margin:0;color:var(--color-muted);max-width:68ch}.mos-pagehead__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mos-card{color:var(--color-text);background:var(--color-surface);border:var(--card-border,1px solid var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mos-card--flat{box-shadow:none;border:1px solid var(--color-border)}.mos-card--interactive{transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.mos-card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mos-card__head{display:flex;align-items:flex-start;gap:12px;padding:var(--pad-card,20px) var(--pad-card,20px) 0}.mos-card__title{font:700 17px/1.3 var(--font-body);margin:0}.mos-card__desc{margin:2px 0 0;color:var(--color-muted);font-size:13px}.mos-card__status{margin-left:auto}.mos-card__body{padding:var(--pad-card,20px);display:grid;gap:16px}.mos-card__foot{display:flex;gap:8px;justify-content:flex-end;padding:12px var(--pad-card,20px);border-top:1px solid var(--color-border);background:var(--color-bg)}.mos-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-md);border:1px solid;font-size:14px}.mos-alert__title{font-weight:700;display:block}.mos-alert__body{color:var(--color-text)}.mos-alert__list{margin:6px 0 0;padding-left:18px;color:var(--color-text)}.mos-alert__list li+li{margin-top:4px}.mos-alert[data-unreadable-secrets]{margin-bottom:var(--space-4)}.mos-alert__actions{margin-left:auto;display:flex;gap:8px;align-self:center}.mos-alert--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.mos-alert--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.mos-alert--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.mos-alert--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.mos-field{display:flex;flex-direction:column;gap:6px;min-width:0}.mos-label{font:600 13px/1.3 var(--font-body)}.mos-label__req{color:var(--color-danger-text);margin-left:2px}.mos-label__opt{font-weight:400;color:var(--color-muted)}.mos-input,.mos-select,.mos-textarea{height:var(--control-h);width:100%;border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:0 12px;font:400 14px var(--font-body);color:var(--color-text);background:var(--color-surface)}.mos-textarea{height:auto;min-height:84px;padding:10px 12px;resize:vertical}.mos-input::placeholder,.mos-textarea::placeholder{color:var(--color-subtle)}.mos-input:hover,.mos-select:hover{border-color:var(--color-muted)}.mos-input:focus,.mos-select:focus,.mos-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.mos-field.has-error .mos-input,.mos-field.has-error .mos-select,.mos-field.has-error .mos-textarea{border-color:var(--color-danger)}.mos-select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B6168' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mos-help{font-size:12px;color:var(--color-muted);line-height:1.4}.mos-help:empty{display:none}.mos-error{font-size:12px;font-weight:500;color:var(--color-danger-text);display:flex;gap:6px;align-items:center}.mos-inputgroup{display:flex}.mos-inputgroup__pre{display:grid;place-items:center;padding:0 12px;border:1px solid var(--color-border-input);border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-bg);color:var(--color-muted);font-weight:600}.mos-inputgroup .mos-input{border-radius:0 var(--radius-md) var(--radius-md) 0}.mos-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mos-switchrow{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.mos-switchrow__text{flex:1;min-width:0}.mos-switchrow__text b{display:block}.mos-switchrow__text span{color:var(--color-muted);font-size:13px}.mos-switch{width:46px;height:26px;border-radius:13px;background:var(--color-border-input);position:relative;flex:none;border:0;padding:0;cursor:pointer}.mos-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-surface);transition:transform var(--dur) var(--ease)}.mos-switch[aria-checked="true"]{background:var(--color-primary)}.mos-switch[aria-checked="true"]::after{transform:translateX(20px)}.mos-check{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-top:10px;font-size:14px}.mos-check input{width:20px;height:20px;accent-color:var(--color-primary);margin:0;flex:none}.mos-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius: var(--radius-btn);border:1px solid var(--color-border-input);background:var(--color-surface);color:var(--color-text);font:500 13px var(--font-body);cursor:pointer;white-space:nowrap}.mos-chip[aria-pressed="true"]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.mos-chip__n{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-muted);font:600 12px/20px var(--font-body);text-align:center}.mos-chip[aria-pressed="true"] .mos-chip__n{background:var(--color-on-primary);color:var(--color-primary)}.mos-seg{display:inline-grid;grid-auto-flow:column;border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:3px;gap:3px;background:var(--color-surface)}.mos-seg button{border:0;background:transparent;height:34px;padding:0 18px;border-radius:calc(var(--radius-md) - 3px);font:600 13px var(--font-body);color:var(--color-muted);cursor:pointer}.mos-seg button[aria-checked="true"]{background:var(--color-primary);color:var(--color-on-primary)}.mos-secret{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:8px 8px 8px 14px;min-height:46px;background:var(--color-surface)}.mos-secret__mask{font:600 14px ui-monospace,Consolas,monospace;letter-spacing:.06em;display:flex;gap:8px;align-items:center}.mos-secret__actions{margin-left:auto;display:flex;gap:4px}.mos-secret--editing{padding:0;border:0}.mos-savebar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:14px var(--gutter,24px);background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);z-index:var(--z-sticky,1020)}.mos-savebar__msg{display:flex;gap:8px;align-items:center;font:600 13px var(--font-body)}.mos-savebar__msg::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-warning-text)}.mos-savebar__spacer{flex:1}.mos-tablewrap{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto}.mos-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.mos-table th{text-align:left;font:600 12px var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);padding:12px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap}.mos-table td{padding:10px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle;height:var(--row-h,56px)}.mos-table tbody tr:last-child td{border-bottom:0}.mos-table tbody tr:hover td{background:var(--color-primary-tint)}.mos-table .is-num{text-align:right;font-variant-numeric:tabular-nums}.mos-sort{color:inherit;display:inline-flex;gap:4px;align-items:center;text-decoration:none}.mos-sort[aria-sort="ascending"]::after{content:"↑"}.mos-sort[aria-sort="descending"]::after{content:"↓"}.mos-cell{display:flex;align-items:center;gap:12px}.mos-cell__thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-secondary);flex:none;overflow:hidden}.mos-cell small{display:block;color:var(--color-muted);font-size:12px}.mos-rowactions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.mos-menu{position:relative;display:inline-block}.mos-menu__panel{position:absolute;right:0;top:calc(100% + 4px);min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg,var(--shadow-md));padding:6px;z-index:var(--z-drawer,1045)}.mos-menu__item{display:flex;gap:10px;align-items:center;width:100%;height:38px;padding:0 10px;border:0;background:transparent;border-radius:var(--radius-sm);font:500 14px var(--font-body);color:var(--color-text);cursor:pointer;text-align:left;text-decoration:none}.mos-menu__item:hover{background:var(--color-primary-tint)}.mos-menu__item--danger{color:var(--color-danger-text)}.mos-menu__item--danger:hover{background:var(--color-danger-bg)}.mos-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.mos-toolbar__search{flex:1;min-width:220px;max-width:420px;position:relative}.mos-toolbar__chips{display:flex;gap:8px;flex-wrap:wrap}.mos-tablefoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;color:var(--color-muted)}.mos-pager{display:flex;gap:6px;align-items:center}.mos-pager a,.mos-pager span{min-width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font:600 14px var(--font-body);color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);background:var(--color-surface);font-variant-numeric:tabular-nums}.mos-pager a[aria-current="page"]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.mos-pager span{border:0;background:none;color:var(--color-muted)}.mos-pager span[aria-current="page"]{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary)}.mos-pager span.mos-pager__off{border:1px solid var(--color-border);background:var(--color-surface);opacity:.5}.mos-pager a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mos-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 24px}.mos-empty__icon{width:72px;height:72px;border-radius: var(--radius-btn);background:var(--color-primary-tint);color:var(--color-primary-text);display:grid;place-items:center;margin-bottom:8px}.mos-empty__icon .bi{font-size:2rem;line-height:1}.mos-empty__title{margin:0;font:700 18px var(--font-body)}.mos-empty__text{margin:0 0 12px;color:var(--color-muted);max-width:40ch}.mos-skel{background:var(--color-border);border-radius:var(--radius-sm);animation:mos-pulse 1.2s ease-in-out infinite}.mos-skel--text{height:14px}.mos-skel--title{height:22px;width:40%}.mos-skel--circle{border-radius:50%}@keyframes mos-pulse{50%{opacity:.5}}.mos-modal{border:0;padding:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg,var(--shadow-md));width:min(560px,calc(100vw - 32px));background:var(--color-surface);color:var(--color-text)}.mos-modal::backdrop{background:var(--color-overlay)}.mos-modal__head{display:flex;align-items:center;gap:12px;padding:20px 24px 0}.mos-modal__title{font:700 18px var(--font-body);margin:0;flex:1}.mos-modal__body{padding:12px 24px 20px;color:var(--color-muted)}.mos-modal__foot{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-border)}.mos-tabs{display:flex;gap:4px;box-shadow:inset 0 -1px 0 var(--color-border);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.mos-tab{padding:0 16px;height:44px;border:0;background:transparent;font:600 14px var(--font-body);color:var(--color-muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.mos-tab[aria-selected="true"]{color:var(--color-primary-text);border-bottom-color:var(--color-primary)}.mos-tab .mos-count{margin-left:6px}.mos-toast{display:flex;gap:12px;align-items:flex-start;width:360px;max-width:100%;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.mos-toast__title{font:600 15px var(--font-body)}.mos-toast__text{font-size:14px;color:var(--color-muted)}@media(max-width:767.98px){.mos-btn{height:44px}.mos-btn--sm{height:40px}.mos-input,.mos-select{height:48px;font-size:16px}.mos-grid-2{grid-template-columns:1fr}.mos-pagehead__actions{width:100%}.mos-pagehead__actions .mos-btn--primary{flex:1}.mos-savebar{flex-wrap:wrap}.mos-savebar__spacer{display:none}.mos-savebar__msg{width:100%}.mos-savebar .mos-btn--primary{flex:1}.mos-modal{position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0}.mos-table--cards thead{display:none}.mos-table--cards,.mos-table--cards tbody,.mos-table--cards tr,.mos-table--cards td{display:block;width:100%}.mos-table--cards tr{border-bottom:1px solid var(--color-border);padding:12px 16px}.mos-table--cards td{border:0;height:auto;padding:4px 0;display:flex;justify-content:space-between;gap:12px}.mos-table--cards td::before{content:attr(data-label);color:var(--color-muted);font-size:12px;flex:none}.mos-table--cards td[data-label=""]::before,.mos-table--cards td.mos-cell-title::before{display:none}}@media(prefers-reduced-motion:reduce){.mos-skel,.mos-btn.is-loading::before{animation:none}.mos-card--interactive:hover{transform:none}}html.mos-dialog-open,html.mos-pop-open{overflow:hidden}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--color-overlay)}.swal2-popup:not(.swal2-toast){display:grid;justify-items:stretch;width:min(480px,calc(100vw - 32px));padding:24px;border:0;border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg,var(--shadow-md));font-family:var(--font-body);text-align:left}.swal2-popup:not(.swal2-toast) .swal2-icon{justify-self:start;margin:0 0 12px;font-size:9px;border-width:2px}.swal2-popup .swal2-title{margin:0;padding:0;font:800 20px/1.3 var(--font-heading,var(--font-body));color:var(--color-text);text-align:left}.swal2-popup .swal2-html-container{margin:8px 0 0;padding:0;font:400 14px/1.55 var(--font-body);color:var(--color-muted);text-align:left;overflow-wrap:anywhere}.swal2-popup .swal2-html-container b,.swal2-popup .swal2-html-container strong{color:var(--color-text)}.swal2-popup .swal2-input,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{width:100%;max-width:100%;margin:16px 0 0;box-sizing:border-box;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:none;font:400 14px var(--font-body)}.swal2-popup .swal2-input,.swal2-popup .swal2-select{height:var(--control-h);padding:0 12px}.swal2-popup .swal2-textarea{min-height:96px;padding:10px 12px}.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:var(--color-subtle)}.swal2-popup .swal2-input:focus,.swal2-popup .swal2-select:focus,.swal2-popup .swal2-textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.swal2-popup .swal2-validation-message{margin:12px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger-text);font:600 13px var(--font-body);justify-content:flex-start}.swal2-popup .swal2-validation-message::before{background:var(--color-danger);color:var(--color-surface)}.swal2-popup .swal2-actions{margin:24px 0 0;width:100%;justify-content:flex-end;gap:8px;flex-wrap:wrap}.swal2-popup .swal2-actions .mos-btn{margin:0}.swal2-popup .swal2-loader{border-color:var(--color-primary) transparent var(--color-primary) transparent}.swal2-popup .swal2-footer{border-top:1px solid var(--color-border);color:var(--color-muted)}.swal2-popup .swal2-styled.swal2-confirm{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-btn);box-shadow:none}.swal2-popup .swal2-styled.swal2-deny{background:var(--color-danger);color:var(--color-surface);border-radius:var(--radius-btn);box-shadow:none}.swal2-popup .swal2-styled.swal2-cancel{background:var(--color-surface);color:var(--color-primary-text);border:1px solid var(--color-border-input);border-radius:var(--radius-btn);box-shadow:none}.swal2-popup .swal2-styled:focus-visible{box-shadow:var(--focus-ring)}.swal2-icon.swal2-warning{border-color:var(--color-warning-border);color:var(--color-warning-text)}.swal2-icon.swal2-error{border-color:var(--color-danger-border);color:var(--color-danger-text)}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:var(--color-danger)}.swal2-icon.swal2-info,.swal2-icon.swal2-question{border-color:var(--color-info-border);color:var(--color-info-text)}.swal2-icon.swal2-success{border-color:var(--color-success-border);color:var(--color-success-text)}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--color-success)}.swal2-icon.swal2-success .swal2-success-ring{border-color:var(--color-success-border)}.swal2-icon.swal2-success [class^=swal2-success-circular-line],.swal2-icon.swal2-success .swal2-success-fix{background:var(--color-surface)}.swal2-popup.swal2-toast{padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg,var(--shadow-md));font-family:var(--font-body)}.swal2-popup.swal2-toast .swal2-title{margin:0 0 0 8px;font:600 14px var(--font-body)}.swal2-popup.swal2-toast .swal2-timer-progress-bar{background:var(--color-primary)}@media(max-width:767.98px){.swal2-container.swal2-center,.swal2-container.swal2-center-start,.swal2-container.swal2-center-end{align-items:flex-end;padding:0}.swal2-popup:not(.swal2-toast){width:100%;max-width:100%;margin:0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.swal2-popup:not(.swal2-toast) .swal2-actions{flex-direction:column-reverse;align-items:stretch}.swal2-popup .swal2-actions .mos-btn,.swal2-popup .swal2-actions .swal2-styled{width:100%;min-height:44px}.swal2-popup .swal2-input,.swal2-popup .swal2-select{height:48px;font-size:16px}}.mos-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mos-wrap{width:100%;max-width:var(--container-max,1320px);margin-inline:auto;padding-inline:var(--gutter,var(--space-4,16px))}.oia{list-style:none;padding:0;margin:var(--space-1,4px) 0 0;font-size:var(--fs-sm,.875rem)}.oia__item{color:var(--color-muted)}.oia__icon{margin-right:var(--space-1,4px)}.oia__name{font-weight:600}.oia__value{white-space:pre-line}.oia__price{color:var(--color-success-text)}input[type="file"]:not([hidden]):not(.mos-sr):not(.visually-hidden):not(.d-none){
  max-width: 100%; box-sizing: border-box; min-height: var(--control-h, 48px); padding: 6px 10px 6px 6px;
  border: 1px dashed var(--color-border-input, #8A9096); border-radius: var(--radius-btn, 10px);
  background: var(--color-surface, #fff); color: var(--color-muted, #5B6168); font: inherit; font-size: var(--fs-sm, .875rem); line-height: 1.4; cursor: pointer;
}input[type="file"]:not([hidden]):not(.mos-sr):not(.visually-hidden):not(.d-none):hover{ border-color: var(--color-primary); }input[type="file"]:not([hidden]):not(.mos-sr):not(.visually-hidden):not(.d-none):focus-visible{ outline: none; box-shadow: var(--focus-ring); border-style: solid; }input[type="file"]::file-selector-button{
  margin-right: 12px; min-height: 34px; padding: 0 14px; border: 1px solid var(--color-border-input, #8A9096); border-radius: var(--radius-btn, 10px);
  background: var(--color-primary-soft, var(--color-secondary, #eef2ea)); color: var(--color-primary-text, var(--color-text)); font: inherit; font-weight: 600; cursor: pointer;
}input[type="file"]::file-selector-button:hover{ border-color: var(--color-primary); }.mos-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.mos-card--disabled{opacity:.55;cursor:not-allowed}.mos-card--disabled:hover{transform:none;box-shadow:var(--shadow-sm)}.mos-iconbtn--sm{width:32px;height:32px;font-size:15px}.mos-iconbtn--sm::after{content:"";position:absolute;inset:-6px -2px}.mos-chip--sm{height:24px;padding:0 10px;gap:4px;font-size:11px;font-weight:600;position:relative}.mos-chip--sm::after{content:"";position:absolute;inset:-10px -2px}.mos-chip--sm[aria-pressed="false"]{color:var(--color-muted);background:var(--color-bg);text-decoration:line-through}.mos-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-input);border-top-color:var(--color-primary);animation:mos-spin .8s linear infinite;flex:none}@keyframes mos-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mos-spinner{animation-duration:2s}}
.mos-stack{ display: flex; flex-direction: column; gap: var(--space-4); }.mos-stack--xs{ gap: var(--space-1); }.mos-stack--sm{ gap: var(--space-2); }.mos-stack--lg{ gap: var(--space-6); }.mos-cluster{ display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }.mos-cluster--sm{ gap: var(--space-2); }.mos-cluster--end{ justify-content: flex-end; }.mos-cluster--center{ justify-content: center; }.mos-cluster--nowrap{ flex-wrap: nowrap; }.mos-split{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }.mos-split--top{ align-items: flex-start; }.mos-split > .mos-grow,.mos-grow{ flex: 1 1 auto; min-width: 0; }.mos-grid{ display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); }@media (min-width: 768px){.mos-grid--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.mos-grid--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.mos-grid--sidebar{ grid-template-columns: minmax(0, 1fr) 360px; align-items: start; }}.mos-page{ width: 100%; max-width: 1200px; margin-inline: auto; padding: var(--space-5) var(--gutter, var(--space-4)) var(--space-8, 48px); }.mos-page--narrow{ max-width: 760px; }.mos-page--form{ max-width: 560px; }.mos-text-sm{ font-size: var(--fs-sm, .875rem); }.mos-text-xs{ font-size: var(--fs-xs, .75rem); }.mos-text-strong{ font-weight: 700; }.mos-text-center{ text-align: center; }.mos-text-right{ text-align: right; }.mos-text-danger{ color: var(--color-danger-text); }.mos-text-success{ color: var(--color-success-text); }.mos-text-primary{ color: var(--color-primary-text); }.mos-nowrap{ white-space: nowrap; }.mos-truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }.mos-price{ font-variant-numeric: tabular-nums; font-weight: 700; }.mos-strike{ text-decoration: line-through; color: var(--color-muted); }.mos-mt-0{ margin-top: 0; }.mos-mt-1{ margin-top: var(--space-1); }.mos-mt-2{ margin-top: var(--space-2); }.mos-mt-3{ margin-top: var(--space-3); }.mos-mt-4{ margin-top: var(--space-4); }.mos-mt-6{ margin-top: var(--space-6); }.mos-mb-0{ margin-bottom: 0; }.mos-mb-1{ margin-bottom: var(--space-1); }.mos-mb-2{ margin-bottom: var(--space-2); }.mos-mb-3{ margin-bottom: var(--space-3); }.mos-mb-4{ margin-bottom: var(--space-4); }.mos-mb-6{ margin-bottom: var(--space-6); }.mos-hide-sm{ display: none; }@media (min-width: 768px){.mos-hide-sm{ display: revert; }.mos-show-sm{ display: none; }}.mos-hidden{ display: none !important; }.mos-sr-only{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.mos-w-760{max-width:760px}.mos-minw0{min-width:0}.mos-wrap{overflow-wrap:anywhere}.mos-pager-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:var(--space-4) 0}.mos-pager-item.active .mos-btn{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.mos-pager-item.disabled .mos-btn{opacity:.5;pointer-events:none}
body.sf{background:var(--color-bg);color:var(--color-text);font:400 15px/1.55 var(--font-body);margin:0}.sf a{color:var(--color-primary-text)}.sf-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.sf-sec{margin:40px 0 0}.sf-sec>h2{margin:0 0 16px;font:800 22px var(--font-heading);letter-spacing:-.01em}.sf-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sf-ph-img{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-secondary));display:grid;place-items:center;color:var(--color-primary-text)}.sf-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-md)}.sf-hero__tx{padding:40px;display:flex;flex-direction:column;gap:14px;justify-content:center}.sf-hero__tx h2{margin:0;font:800 34px/1.15 var(--font-heading);letter-spacing:-.02em}.sf-hero__tx p{margin:0;opacity:.9;max-width:44ch}.sf-hero .sf-ph-img{min-height:280px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-on-primary) 14%,var(--color-primary)),color-mix(in srgb,var(--color-accent) 40%,var(--color-primary)));color:var(--color-on-primary)}.sf-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius: var(--radius-btn);background:var(--color-accent);color:var(--color-on-accent);font:700 12px var(--font-body);width:max-content}.sf-tag--soft{background:var(--color-primary-soft);color:var(--color-primary-text)}.sf-time{display:inline-flex;gap:6px;align-items:center;font:600 13px var(--font-body)}.sf-cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sf-cc{display:flex;flex-direction:column;overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.sf-cc:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sf-cc .sf-ph-img{aspect-ratio:16/9;position:relative}.sf-cc .sf-tag{position:absolute;left:12px;top:12px}.sf-cc__b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.sf-cc__b h3{margin:0;font:700 18px/1.3 var(--font-heading)}.sf-cc__b p{margin:0;color:var(--color-muted);font-size:14px}.sf-cc__f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}.sf-conds{display:grid;gap:10px;margin:0;padding:0;list-style:none}.sf-conds li{display:flex;gap:12px;align-items:flex-start}.sf-conds .ck{width:24px;height:24px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-text);display:grid;place-items:center;flex:none;margin-top:1px}.sf-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.sf-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pc{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.pc:hover,.pc:focus-within{box-shadow:var(--shadow-md)}.pc:hover{transform:translateY(-2px)}.pc__media{position:relative;aspect-ratio:1/1;background:var(--color-primary-soft);color:var(--color-primary-text)}.pc__imglink{position:absolute;inset:0;display:block;overflow:hidden}.pc__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 240ms var(--ease),transform 450ms var(--ease)}@media(hover:hover){.pc:hover .pc__img{transform:scale(1.05)}}.pc__media .img-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1)}.pc.is-soldout .pc__img{opacity:.55}.pc__badges{position:absolute;left:10px;top:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none;max-width:calc(100% - 74px)}.pc__badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;height:24px;padding:0 10px;border-radius: var(--radius-btn);font:700 11px/1 var(--font-body);background:var(--color-accent);color:var(--color-on-accent)}.pc__badge>.bi{flex:none;font-size:12px;line-height:1}.pc__badge>span:not(.mos-sr){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc__badge--sale{background:var(--color-danger);color:var(--color-surface)}.pc__badge--new{background:var(--color-badge-new-bg);color:var(--color-badge-new-text)}.pc__badge--popular{background:var(--color-primary);color:var(--color-on-primary)}.pc__badge--manual{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-input)}.pc__badge--preorder{background:var(--color-primary-soft);color:var(--color-primary-text);box-shadow:inset 0 0 0 1px var(--color-primary)}.pc__badge--soldout{background:var(--color-text);color:var(--color-surface)}.pc__fav{position:absolute;right:10px;top:10px;z-index:2;width:44px;height:44px;padding:0;border-radius: var(--radius-btn);border:0;background:color-mix(in srgb,var(--color-surface) 90%,transparent);color:var(--color-text);display:grid;place-items:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--dur) var(--ease)}.pc__fav:hover{background:var(--color-surface)}.pc__fav:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pc__fav i{color:var(--color-text)!important;font-size:1.1rem;line-height:1}.pc__fav.is-active i{color:var(--color-danger)!important}.pc__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.pc__name{margin:0;font:600 15px/1.35 var(--font-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc__link{color:var(--color-text);text-decoration:none}.pc__link:hover{color:var(--color-primary-text)}.pc__link::after{content:"";position:absolute;inset:0;z-index:1}.pc__link:focus-visible{outline:none}.pc__link:focus-visible::after{box-shadow:inset 0 0 0 3px var(--color-primary);border-radius:inherit}.pc__unit{margin:0;color:var(--color-muted);font-size:13px;display:flex;align-items:baseline;gap:6px;min-width:0}.pc__unit-list{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc__unit-more{flex:none;font-weight:700;color:var(--color-primary-text)}.pc__brand{margin:0 0 2px;color:var(--color-muted);font:600 11px/1.3 var(--font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc__price{margin:0;display:flex;gap:2px 8px;align-items:baseline;flex-wrap:wrap}.pc__price-main{white-space:nowrap}.pc__price-now{font:800 18px var(--font-body);color:var(--color-text);font-variant-numeric:tabular-nums}.pc__price-old{color:var(--color-subtle);text-decoration:line-through;font-size:14px;font-variant-numeric:tabular-nums}.pc__from{font-size:13px;color:var(--color-muted);font-weight:500}.pc__action{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:var(--radius-btn);border:1px solid var(--color-primary);background:var(--color-surface);color:var(--color-primary-text);font:600 14px var(--font-body);text-decoration:none;cursor:pointer;width:100%;box-sizing:border-box;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pc__action:hover{background:var(--color-primary-tint)}.pc__action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pc__action:disabled{opacity:.6;cursor:default}.pc__action--add{background:var(--color-primary);color:var(--color-on-primary)}.pc__action--add:hover{background:var(--color-primary-hover)}.pc__cta{margin-top:auto;display:flex;gap:8px;align-items:stretch}.pc__cta .pc__action{margin-top:0;width:auto}.pc__action--view{flex:1 1 auto;min-width:0;white-space:nowrap}.pc__action--icon{flex:0 0 44px;width:44px;min-width:44px;padding:0;font-size:18px}.pc__action--icon .bi{font-size:18px;line-height:1}.pc__action--notify{border-style:dashed;color:var(--color-muted);border-color:var(--color-border-input)}.pc__action--notify.registered{color:var(--color-primary-text);background:var(--color-primary-soft);border-color:var(--color-primary);border-style:solid}@media(hover:none){.pc:hover{transform:none}}.sf-form{display:grid;gap:16px;padding:28px}.sf-form h2{margin:0 0 -4px;font:800 22px var(--font-heading)}.sf-chan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-chan a{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:var(--color-text);min-height:72px}.sf-chan a:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.sf-chan .ic{width:44px;height:44px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-text);display:grid;place-items:center;flex:none}.sf-chan b{display:block}.sf-chan span{color:var(--color-muted);font-size:13px;overflow-wrap:anywhere}.sf-hours{display:grid;gap:0;margin:0;padding:0;list-style:none}.sf-hours li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--color-border);font-size:14px}.sf-hours li:first-child{border-top:0}.sf-hours li.is-today{font-weight:700;color:var(--color-primary-text)}.sf-band{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 24px;border-radius:var(--radius-lg);background:var(--color-primary-soft);border:1px solid var(--color-border)}.sf-band b{font:700 17px var(--font-heading)}.sf-band span{color:var(--color-muted)}.sf-stores{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start}.sf-slist{display:grid;gap:12px}.sf-store{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.sf-store:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.sf-store h3{margin:0 0 4px;font:700 17px var(--font-heading)}.sf-store p{margin:0;color:var(--color-muted);font-size:14px}.sf-store .meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:8px;color:var(--color-muted)}.sf-store .meta span{display:inline-flex;gap:6px;align-items:center}.sf-prose{max-width:72ch;font-size:16px;line-height:1.7}.sf-prose h2{font:800 24px var(--font-heading);margin:32px 0 10px;letter-spacing:-.01em}.sf-prose p{margin:0 0 14px}.sf-prose ul{padding-left:20px}.sf-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.sf-values>div{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.sf-values .ic{width:44px;height:44px;border-radius:12px;background:var(--color-primary-soft);color:var(--color-primary-text);display:grid;place-items:center;margin-bottom:10px}dialog.sf-qv{border:0;padding:0;border-radius:var(--radius-xl);width:min(760px,calc(100vw - 32px));box-shadow:var(--shadow-lg);background:var(--color-surface);color:var(--color-text)}dialog.sf-qv::backdrop{background:color-mix(in srgb,var(--color-bg) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sf-qv__g{display:grid;grid-template-columns:1fr 1fr}.sf-qv__g .sf-ph-img{min-height:340px}.sf-qv__b{padding:32px 28px 24px;display:flex;flex-direction:column;gap:var(--space-4,16px)}.sf-qv__b h3{margin:-8px 0 0;font:800 24px/1.2 var(--font-heading);color:var(--color-text);overflow-wrap:anywhere;padding-right:36px}.sf-qv__x{position:absolute;z-index:3;right:10px;top:10px;width:44px;height:44px;border-radius: var(--radius-btn);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-md,var(--shadow-sm))}dialog.sf-qv{position:fixed}.sf-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:56px 24px;background:var(--color-surface);border:1px dashed var(--color-border-input);border-radius:var(--radius-xl)}.sf-empty .ic{width:80px;height:80px;border-radius: var(--radius-btn);background:var(--color-primary-soft);color:var(--color-primary-text);display:grid;place-items:center}.sf-empty h3{margin:0;font:800 20px var(--font-heading)}.sf-empty p{margin:0;color:var(--color-muted);max-width:44ch}@media(max-width:1099.98px){.sf-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-stores,.sf-split{grid-template-columns:minmax(0,1fr)}.sf-hero{grid-template-columns:1fr}.sf-hero .sf-ph-img{min-height:200px;order:-1}}@media(max-width:767.98px){.sf-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc__body{padding:12px}.pc__name{font-size:14px}.pc__price-now{font-size:16px}.pc__action{font-size:13px;padding:0 6px}.sf-cgrid,.sf-chan,.sf-values{grid-template-columns:1fr}.sf-hero__tx{padding:24px}.sf-hero__tx h2{font-size:26px}.sf-form{padding:20px}.sf-store{grid-template-columns:1fr}.sf-qv__g{grid-template-columns:1fr}.sf-qv__g .sf-ph-img{min-height:200px}dialog.sf-qv{margin:auto 0 0 0;width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}@media(prefers-reduced-motion:reduce){.pc:hover .pc__img{transform:none}.sf-cc,.pc,.pc__img,.pc__fav,.pc__action{transition:none}.sf-cc:hover,.pc:hover{transform:none}}dialog.sf-qv{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.ql [hidden]{display:none!important}.ql__media{position:relative;background:var(--color-primary-soft);min-height:340px}.ql__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ql__cat{font-size:var(--fs-sm,13px);color:var(--color-muted)}.ql__cat:empty,.ql__desc:empty,.ql-label:empty{display:none}.ql__desc{margin:0;color:var(--color-muted);font-size:14px;max-height:80px;overflow:auto}.sf-qv__b .pc__price{margin:0;padding-bottom:var(--space-4,16px);border-bottom:1px solid var(--color-border)}.sf-qv__b .pc__price-now{font:800 28px/1.1 var(--font-heading);color:var(--color-text);font-variant-numeric:tabular-nums}.ql-label{font:700 var(--fs-sm,13px) var(--font-body);margin:0 0 10px;color:var(--color-text)}.ql-req{color:var(--color-danger)}.ql-group{margin:0 0 16px}.ql-opts{display:flex;gap:10px;flex-wrap:wrap}#cqmVariantList>.ql-chip{margin:0 10px 10px 0}.ql-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:64px;padding:0 var(--space-4,16px);border-radius:var(--radius-btn,var(--radius-md));border:1.5px solid var(--color-border-input);background:var(--color-surface);color:var(--color-text);font:600 14px var(--font-body);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ql-chip:hover{border-color:var(--color-primary)}.ql-chip:focus-visible,.ql-color:focus-visible,.ql__qty button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ql-chip[aria-pressed="true"],.ql-chip.is-selected{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-text)}.ql-chip__price{color:var(--color-primary-text);font-weight:600}.ql-chip.is-off,.ql-color.is-off{opacity:.45;pointer-events:none;cursor:not-allowed}.ql-chip.is-off{text-decoration:line-through}.ql-color{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-border-input);padding:0;cursor:pointer;box-shadow:inset 0 0 0 3px var(--color-surface)}.ql-color[aria-pressed="true"]{border-color:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-surface),0 0 0 2px var(--color-primary)}.ql-color.is-off{filter:grayscale(.8)}.ql-addons{margin-top:4px;padding-top:12px;border-top:1px solid var(--color-border)}.ql-addons .mos-input,.ql-group .mos-select{max-width:260px}.cqm-addon-missing .ql-chip,.cqm-addon-missing .mos-input{border-color:var(--color-danger)}.cqm-addon-missing .ql-label{color:var(--color-danger)}.ql__add.is-pending{position:relative;color:transparent}.ql__add.is-pending>*{visibility:hidden}.ql__add.is-pending::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2px solid var(--color-on-primary);border-right-color:transparent;animation:mos-spin .7s linear infinite}.ql-hint{margin:8px 0 0;font-size:13px;color:var(--color-muted)}.ql-hint--err{color:var(--color-danger)}.ql__buy{display:flex;gap:10px;align-items:stretch;margin-top:var(--space-1,4px)}.ql__qty{display:inline-grid;grid-template-columns:44px 52px 44px;border:1px solid var(--color-border-input);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.ql__qty button{border:0;background:transparent;color:var(--color-text);cursor:pointer;display:grid;place-items:center}.ql__qty button:hover{background:var(--color-primary-tint)}.ql__qty input{width:100%;border:0;text-align:center;font:600 15px var(--font-body);color:var(--color-text);background:transparent;appearance:textfield;-moz-appearance:textfield;min-width:0}.ql__qty input::-webkit-outer-spin-button,.ql__qty input::-webkit-inner-spin-button{appearance:none;margin:0}.ql__add{flex:1;min-height:48px}.ql__add:disabled{background:var(--color-primary-soft);color:var(--color-primary-text);opacity:1;cursor:default}.ql__more{text-align:center;font-weight:600;min-height:40px;display:grid;place-items:center;text-decoration:none;margin-top:-6px}@media(max-width:767.98px){.ql__media{min-height:0;height:min(100vw,42dvh);background:var(--color-surface)}.ql__media img{object-fit:contain}.sf-qv__b{padding:16px 16px 20px;gap:var(--space-3,12px)}.sf-qv__b h3{font-size:20px;margin-top:0}.sf-qv__b .pc__price{padding-bottom:var(--space-3,12px)}.sf-qv__b .pc__price-now{font-size:24px}}@media(prefers-reduced-motion:reduce){.ql-chip{transition:none}}.pdp-camp{border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary-tint);overflow:hidden}.pdp-camp__sum{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;cursor:pointer;list-style:none;color:var(--color-text)}.pdp-camp__sum::-webkit-details-marker{display:none}.pdp-camp__sum:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.pdp-camp__row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pdp-camp__link{font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.pdp-camp__all{font-size:13px;color:var(--color-muted);min-height:44px;display:inline-flex;align-items:center}.pc__badge--best{background:var(--home-heading,var(--color-danger));color:var(--color-surface)}.pc__rating{margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted)}.pc__rating-avg{font-weight:700;color:var(--color-text)}.pc__stars{--rate:0%;display:inline-block;font-size:13px;line-height:1;letter-spacing:1px}.pc__stars::before{content:"★★★★★";background:linear-gradient(90deg,var(--home-star,var(--color-warning)) var(--rate),var(--color-border) var(--rate));-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:767.98px){.pc__badges:not(.pdp-badges):not(#cqmBadges)>.pc__badge:nth-child(n+3){display:none}}.pc__badge--bundle{background:var(--color-primary-soft);color:var(--color-primary-text);box-shadow:inset 0 0 0 1px var(--color-primary)}.mos-cd{display:inline-flex;align-items:baseline;gap:5px;max-width:100%;padding:2px 10px;border-radius: var(--radius-btn);background:var(--color-primary-soft);color:var(--color-primary-text);font:600 12px/1.5 var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.mos-cd span{color:inherit;font-size:inherit}.mos-cd__lbl{opacity:.8;font-weight:500}.mos-cd__t{font-weight:700;min-width:5.6ch}.mos-cd.is-urgent{background:var(--color-accent);color:var(--color-on-accent)}.mos-cd.is-urgent .mos-cd__lbl{opacity:.9}.mos-cd.is-urgent .mos-cd__t::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle;animation:mos-cd-pulse 1.4s ease-in-out infinite}.mos-cd.is-ended{background:var(--color-bg);color:var(--color-muted);font-weight:600}.mos-cd--flat{background:none;padding-inline:0}.mos-cd--flat.is-urgent{padding-inline:8px;margin-inline:-8px}.mos-cd--lg{padding:6px 16px;font-size:15px}.mos-cd--lg .mos-cd__t{font-size:20px}@keyframes mos-cd-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.mos-cd.is-urgent .mos-cd__t::before{animation:none}}.sf-hero .mos-cd{font-size:14px;padding:6px 14px}.pdp-camplines{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.pdp-campline{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:var(--radius-btn);background:var(--color-primary-tint);color:var(--color-text);text-decoration:none}.pdp-campline:hover{border-color:var(--color-primary);color:var(--color-text)}.pdp-campline:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pdp-campline__ic{width:30px;height:30px;flex:none;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);display:grid;place-items:center;font-size:15px}.pdp-campline__text{flex:1;min-width:0;font-size:14px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.pdp-campline__text b{color:var(--color-primary-text);margin-right:4px}.pdp-campline__go{color:var(--color-muted);flex:none}.pdp-camplines__more{display:inline-flex;align-items:center;min-height:36px;font-size:13px;font-weight:600}.pdp-campcards{display:grid;gap:var(--space-4)}@media(min-width:992px){.pdp-campcards{grid-template-columns:repeat(2,minmax(0,1fr))}}.pdp-campcard{display:grid;gap:12px;align-content:start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.pdp-campcard__head{display:flex;gap:12px;align-items:flex-start}.pdp-campcard__head .pdp-campline__ic{width:40px;height:40px;font-size:18px}.pdp-campcard__title{min-width:0;display:grid;gap:6px}.pdp-campcard__title h3{margin:0;font:800 1.05rem/1.3 var(--font-heading);color:var(--color-text)}.pdp-campcard__title .mos-cd{width:max-content}.pdp-campcard__desc{margin:0;color:var(--color-muted)}.mos-ico{display:inline-flex;align-items:center;gap:1px;flex:none;margin-right:6px;font-size:1.05em;line-height:1;vertical-align:-.12em;color:var(--color-primary-text)}.mos-ico>.bi-fire{color:var(--color-flame)}.pdp-chip>.mos-ico,.listing-chip>.mos-ico{margin-right:0}.pf-group__title>.mos-ico,.pdp-group__label>.mos-ico{margin-right:6px}.ship-camp{ font-size: .8em; margin-inline-start: 4px; opacity: .85; vertical-align: .05em; cursor: help; }
html{
  font-size: 14px;
  overflow-x: hidden; 
  overflow-x: clip;   
}@media (min-width: 768px){html{
    font-size: 16px;
  }}html{
  position: relative;
  min-height: 100%;
}body{
  overflow-x: hidden; 
  overflow-x: clip;
  margin-bottom: 0;   
}.save-product-btn{
  position: relative;
}.btn-ajax-loading{
  position: relative;
  color: transparent !important;
  pointer-events: none;
}.btn-ajax-loading::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  margin: -0.5rem 0 0 -0.5rem;
  border: 0.15rem solid rgba(255, 255, 255, 0.55);
  border-top-color: #fff;
  border-radius: 50%;
  animation: ajax-spin 0.7s linear infinite;
}.btn-ajax-loading.quantity-selector-btn::after{
  border-color: rgba(0, 0, 0, 0.25);
  border-top-color: #495057;
}@keyframes ajax-spin{
  to { transform: rotate(360deg); }
}.cqm-addon-missing .cqm-addon-label{ color: #dc3545 !important; }.addon-check{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}.img-ph{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  width: 100%;
  min-height: 48px;
  aspect-ratio: 1 / 1;
  background: var(--color-primary-soft);
  color: var(--color-primary-text);
  overflow: hidden;
  user-select: none;
}.img-ph[style*="height"],.card-img-top.img-ph{ aspect-ratio: auto; }.img-ph__icon{ width: 28%; max-width: 56px; min-width: 18px; height: auto; opacity: .55; }.cart-discount-row{ color: var(--color-success-text, var(--bs-success-text-emphasis)); }.cart-discount-row--campaign{ color: var(--color-text, inherit); }.cart-discount-row--campaign > span:last-child{ color: var(--color-success-text, var(--bs-success-text-emphasis)); }.prose,.sf-prose,.blog-content,.about-content{ color: var(--color-body, var(--color-text)); }.prose h1,.prose h2,.prose h3,.prose h4,.sf-prose h2,.sf-prose h3,.blog-content h2,.blog-content h3,.blog-content h4,.about-content h2,.about-content h3{ color: var(--color-text); }.prose h2,.prose h3{ font-weight: 600; font-size: var(--fs-h3, 1.25rem); margin-top: 1.5em; }
:target,[id]{ scroll-margin-top: 112px; }.site-header :focus-visible,.oc :focus-visible,.bottomnav :focus-visible{ outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }.topbar{
  background: var(--color-secondary);
  color: var(--color-on-secondary);
  font-size: var(--fs-caption);
  font-weight: 500;
}.topbar[hidden]{ display: none; }.topbar__inner{
  display: flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-height: var(--topbar-h); position: relative;
}.topbar__viewport{ position: relative; flex: 1 1 auto; min-width: 0; height: var(--topbar-h); overflow: hidden; }.topbar__item{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center; gap: var(--space-2);
  color: inherit; text-decoration: none; white-space: nowrap;
  opacity: 0; transform: translateY(100%); pointer-events: none;
  transition: transform var(--dur-slow) var(--ease), opacity var(--dur-slow) var(--ease);
}.topbar__item.is-active{ opacity: 1; transform: none; pointer-events: auto; }.topbar__item.is-leaving{ opacity: 0; transform: translateY(-100%); }.topbar__item:hover{ color: inherit; text-decoration: underline; }.topbar__item i{ font-size: 14px; }.topbar__text{ overflow: hidden; text-overflow: ellipsis; }.topbar__nav,.topbar__close{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border: 0; background: transparent; color: inherit; border-radius: var(--radius-sm);
}.topbar__nav{ display: none; }.topbar.is-manual .topbar__nav{ display: inline-flex; }.topbar__close:hover,.topbar__nav:hover{ background: color-mix(in srgb, currentColor 10%, transparent); }@media (max-width: 767.98px){.topbar__inner,.topbar__viewport{ min-height: 28px; height: 28px; }}@media (prefers-reduced-motion: reduce){.topbar__item{ transition: none; transform: none; }.topbar__item.is-leaving{ transform: none; }}.hdr-top{ position: relative; }.hdr-sentinel{ position: absolute; top: 80px; left: 0; width: 1px; height: 1px; pointer-events: none; }.hdr-sticky{
  position: sticky; top: 0; z-index: var(--z-header);
  background: var(--color-surface);
}.mainbar{ background: var(--color-surface); border-bottom: 1px solid var(--color-border); }.mainbar__inner{
  display: grid; align-items: center;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "logo search actions";
  column-gap: var(--space-6);
  min-height: var(--header-h); padding-block: 6px;   
  transition: min-height var(--dur) var(--ease);
}.mainbar__inner .hdr-menu-toggle,.mainbar__inner .hdr-search-toggle{ display: none; }.hdr-logo{
  grid-area: logo; display: inline-flex; align-items: center; min-height: 44px;
  color: var(--color-text); text-decoration: none;
}.hdr-logo:hover{ color: var(--color-text); }.hdr-logo{ --logo-h: 56px; --logo-h-s: 44px; --logo-h-m: 44px; gap: var(--space-3); min-width: 0; }.hdr-logo[data-logo-size="sm"]{ --logo-h: 40px; --logo-h-s: 32px; --logo-h-m: 32px; }.hdr-logo[data-logo-size="lg"]{ --logo-h: 72px; --logo-h-s: 56px; --logo-h-m: 52px; }.hdr-logo__img{ height: var(--logo-h); width: auto; max-width: 240px; object-fit: contain; flex: none; transition: height var(--dur) var(--ease); }.hdr-logo--solo .hdr-logo__img{ max-width: 420px; }.hdr-logo--solo[data-logo-size="md"],.hdr-logo--solo:not([data-logo-size]){ --logo-h: 64px; --logo-h-m: 48px; }.hdr-logo--solo[data-logo-size="lg"]{ --logo-h: 84px; --logo-h-s: 60px; --logo-h-m: 64px; }.hdr-logo__img + .hdr-logo__name{ max-width: 16rem; white-space: normal; line-height: 1.15; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.hdr-logo__text{ display: flex; flex-direction: column; justify-content: center; min-width: 0; gap: 3px; }.hdr-logo__text .hdr-logo__name{ max-width: 16rem; white-space: normal; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.hdr-logo__slogan{ display: block; width: 0; min-width: 100%; font-size: .65rem; line-height: 1.25; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--color-primary-text); white-space: nowrap; overflow: hidden; }.hdr-logo__slogan.is-wrap{ white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.hdr-logo__name{
  font-family: var(--font-heading); font-weight: var(--fw-heading); font-size: 1.375rem;
  line-height: 1.1; color: var(--color-text); white-space: nowrap;
}.hdr-search{
  grid-area: search; justify-self: center; position: relative;
  display: flex; align-items: center;
  width: min(640px, 100%); height: var(--control-h);
  background: var(--color-bg); border: 1.5px solid transparent; border-radius: var(--radius-btn);
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}.hdr-search:focus-within{ border-color: var(--color-primary); box-shadow: var(--focus-ring); }.hdr-search__icon{ position: absolute; left: 16px; font-size: 20px; color: var(--color-subtle); pointer-events: none; }.hdr-search__input{
  flex: 1 1 auto; min-width: 0; height: 100%;
  padding: 0 var(--space-2) 0 48px; border: 0; background: transparent; color: var(--color-text);
  font-size: 1rem; outline: none;
}.hdr-search__input::placeholder{ color: var(--color-subtle); }.hdr-search__input::-webkit-search-cancel-button{ display: none; }.hdr-search__clear{
  flex: 0 0 auto; width: 36px; height: 36px; border: 0; border-radius: var(--radius-btn);
  background: transparent; color: var(--color-muted);
  display: inline-flex; align-items: center; justify-content: center;
}.hdr-search__clear[hidden]{ display: none; }.hdr-search__clear:hover{ background: var(--color-border); }.hdr-search__submit{
  flex: 0 0 auto; margin: 4px; height: calc(var(--control-h) - 11px); padding: 0 var(--space-5);
  border: 0; border-radius: var(--radius-btn);
  background: var(--color-primary); color: var(--color-on-primary); font-weight: 600;
  display: inline-flex; align-items: center; gap: var(--space-2);
}.hdr-search__submit:hover{ background: var(--color-primary-hover); }.hdr-search__submit-icon{ display: none; }@media (max-width: 1199.98px){.hdr-search__submit{ padding: 0; width: calc(var(--control-h) - 11px); justify-content: center; }.hdr-search__submit-icon{ display: inline; }.hdr-search__submit-text{ display: none; }}.hdr-suggest{
  position: absolute; left: 0; right: 0; top: calc(100% + var(--space-2)); z-index: calc(var(--z-header) + 2);
  max-height: min(70vh, 540px); overflow-y: auto; overscroll-behavior: contain;
  padding: var(--space-2); background: var(--color-surface); border: 1px solid var(--color-border);
  border-radius: var(--radius-md); box-shadow: var(--shadow-lg);
}.hdr-suggest[hidden]{ display: none; }.hdr-suggest[aria-busy="true"] .hdr-suggest__item,.hdr-suggest[aria-busy="true"] .hdr-suggest__cat{ opacity: .55; }.hdr-suggest__label{
  margin: var(--space-2) var(--space-3) var(--space-1); font-size: var(--fs-caption); font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--color-subtle);
}.hdr-suggest__item,.hdr-suggest__cat,.hdr-suggest__all{
  display: flex; align-items: center; gap: var(--space-3); min-height: 56px; padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm); color: var(--color-text); text-decoration: none; font-size: var(--fs-sm);
}.hdr-suggest__cat,.hdr-suggest__all{ min-height: 44px; }.hdr-suggest__item:hover,.hdr-suggest__cat:hover,.hdr-suggest__all:hover,.hdr-suggest .is-active{ background: var(--color-primary-soft); color: var(--color-primary-text); }.hdr-suggest__media{
  flex: 0 0 48px; width: 48px; height: 48px; border-radius: var(--radius-sm); overflow: hidden;
  background: var(--color-bg); display: inline-flex; align-items: center; justify-content: center; color: var(--color-subtle);
}.hdr-suggest__media img{ width: 100%; height: 100%; object-fit: cover; display: block; }.hdr-suggest__text{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.hdr-suggest__name{ font-weight: 600; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.hdr-suggest__cat .hdr-suggest__name{ font-weight: 500; -webkit-line-clamp: 1; }.hdr-suggest__name mark{ padding: 0; background: transparent; color: var(--color-primary-text); font-weight: 800; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 2px; }.hdr-suggest__meta{ font-size: var(--fs-caption); color: var(--color-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.hdr-suggest__price{ flex: 0 0 auto; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }.hdr-suggest__from{ font-weight: 500; color: var(--color-muted); }.hdr-suggest__soldout{ flex: 0 0 auto; font-size: var(--fs-caption); font-weight: 700; color: var(--color-danger-text); }.hdr-suggest__cat > .bi,.hdr-suggest__all > .bi{ flex: 0 0 auto; font-size: 1.125rem; color: var(--color-muted); }.hdr-suggest__all{ margin-top: var(--space-2); border-top: 1px solid var(--color-border); border-radius: 0 0 var(--radius-sm) var(--radius-sm); font-weight: 600; color: var(--color-primary-text); }.hdr-suggest__all > span{ flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.hdr-suggest__go{ margin-left: auto; }.hdr-suggest__dym{ margin: var(--space-2) var(--space-3) 0; font-size: var(--fs-sm); color: var(--color-muted); }.hdr-suggest__dym a{ color: var(--color-primary-text); text-decoration: none; }.hdr-suggest__empty{ display: flex; align-items: center; gap: var(--space-3); margin: 0; padding: var(--space-4) var(--space-3); color: var(--color-muted); font-size: var(--fs-sm); }.hdr-suggest__empty .bi{ font-size: 1.25rem; color: var(--color-subtle); }.hdr-suggest__loading{ display: grid; gap: var(--space-3); padding: var(--space-3); }.hdr-suggest__loading span{ display: block; height: 40px; border-radius: var(--radius-sm); background: linear-gradient(90deg, var(--color-bg) 25%, var(--color-border) 50%, var(--color-bg) 75%); background-size: 200% 100%; animation: hdr-suggest-shimmer 1.2s linear infinite; }@keyframes hdr-suggest-shimmer{ to { background-position: -200% 0; } }@media (prefers-reduced-motion: reduce){.hdr-suggest__loading span{ animation: none; }}@media (max-width: 991.98px){.hdr-suggest{ max-height: calc(100vh - var(--header-h-mobile) - var(--bottomnav-h, 0px) - var(--space-6)); max-height: calc(100dvh - var(--header-h-mobile) - var(--bottomnav-h, 0px) - var(--space-6)); }}.hdr-actions{ grid-area: actions; display: flex; align-items: center; gap: var(--space-5); }.hdr-action,.hdr-icon{
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px;
  color: var(--color-text); text-decoration: none; background: transparent; border: 0; border-radius: var(--radius-sm);
}.hdr-action{ flex-direction: column; gap: 2px; padding: 0 var(--space-1); }.hdr-action:hover,.hdr-icon:hover{ color: var(--color-primary-text); }.hdr-action > i,.hdr-action__icon > i,.hdr-icon > i{ font-size: 24px; line-height: 1; }.hdr-action__icon{ position: relative; display: inline-flex; }.hdr-action__label{ font-size: var(--fs-caption); line-height: 1.2; white-space: nowrap; max-width: 12ch; overflow: hidden; text-overflow: ellipsis; }.hdr-badge{
  position: absolute; top: -6px; right: -10px;
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: var(--color-accent); color: var(--color-on-accent);
  font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
}.hdr-badge[hidden]{ display: none; }.hdr-badge--alert{ background: var(--color-danger); color: var(--color-surface); box-shadow: 0 0 0 2px var(--color-surface); }.hdr-badge--inline{ position: static; display: inline-block; margin-left: auto; box-shadow: none; }.hdr-badge.is-bump{ animation: hdr-bump var(--dur) var(--ease); }@keyframes hdr-bump{ 50% { transform: scale(1.3); } }@media (prefers-reduced-motion: reduce){.hdr-badge.is-bump{ animation: none; }}.hdr-account{ position: relative; }.hdr-menu{
  position: absolute; right: 0; top: calc(100% + var(--space-2)); z-index: calc(var(--z-header) + 1);
  min-width: 230px; margin: 0; padding: var(--space-2); list-style: none;
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg);
}.hdr-menu[hidden]{ display: none; }.hdr-menu a,.hdr-menu button,.hdr-menu__danger{
  display: flex; align-items: center; gap: var(--space-3); width: 100%; min-height: 44px;
  padding: 0 var(--space-3); border: 0; border-radius: var(--radius-sm);
  background: transparent; color: var(--color-text); text-decoration: none; font-size: var(--fs-sm); text-align: left;
}.hdr-menu a:hover,.hdr-menu button:hover,.hdr-menu a:focus-visible,.hdr-menu button:focus-visible{ background: var(--color-primary-soft); color: var(--color-primary-text); }.hdr-menu__sep{ height: 1px; margin: var(--space-2) 0; background: var(--color-border); }.hdr-menu .hdr-menu__danger,.hdr-menu__danger{ color: var(--color-danger-text); }.hdr-menu form{ margin: 0; }.hdr-sticky.is-condensed .mainbar__inner{ min-height: var(--header-h-condensed); }.hdr-sticky.is-condensed .hdr-logo__img{ height: var(--logo-h-s); }.hdr-sticky.is-condensed .catbar{ box-shadow: var(--shadow-sm); }.hdr-sticky.hdr-no-anim,.hdr-sticky.hdr-no-anim *{ transition: none !important; }@media (prefers-reduced-motion: reduce){.mainbar__inner,.hdr-logo__img{ transition: none; }}.catbar{ background: var(--color-primary); color: var(--color-on-primary); position: relative; }.catbar__inner{ display: flex; align-items: center; gap: var(--space-4); height: var(--catbar-h); position: relative; }.catbar__all{
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--space-2);
  height: 36px; padding: 0 var(--space-4); border: 0; border-radius: var(--radius-btn);
  background: color-mix(in srgb, var(--color-on-primary) 14%, transparent); color: var(--color-on-primary);
  font-weight: 600; font-size: var(--fs-sm); text-decoration: none; white-space: nowrap;
}.catbar__all:hover{ color: var(--color-on-primary); background: color-mix(in srgb, var(--color-on-primary) 22%, transparent); }.catbar__caret{ transition: transform var(--dur) var(--ease); }.catbar__all[aria-expanded="true"] .catbar__caret{ transform: rotate(180deg); }.catbar__nav{ flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }.catbar__links{ display: flex; align-items: center; gap: var(--space-1); margin: 0; padding: 0; list-style: none; min-width: 0; overflow: hidden; flex: 0 1 auto; }.catbar__item[hidden]{ display: none; }.catbar__link{
  display: inline-flex; align-items: center; height: 36px; padding: 0 var(--space-3);
  border-radius: var(--radius-sm); color: var(--color-on-primary); text-decoration: none;
  font-size: var(--fs-sm); font-weight: 700; white-space: nowrap; position: relative;
}.catbar__link:hover{ color: var(--color-on-primary); background: color-mix(in srgb, var(--color-on-primary) 10%, transparent); }.catbar__link[aria-current="page"]{ font-weight: 800; }.catbar__link[aria-current="page"]::after{
  content: ""; position: absolute; left: var(--space-3); right: var(--space-3); bottom: 2px; height: 2px; background: var(--color-on-primary);
}.catbar__more{ position: relative; flex: 0 0 auto; }.catbar__more[hidden]{ display: none; }.catbar__more-btn{
  display: inline-flex; align-items: center; gap: var(--space-1); height: 36px; padding: 0 var(--space-3);
  border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-on-primary);
  font-size: var(--fs-sm); font-weight: 500; white-space: nowrap;
}.catbar__more-btn:hover{ background: color-mix(in srgb, var(--color-on-primary) 10%, transparent); }.catbar__more-menu{
  position: absolute; right: 0; top: calc(100% + 6px); z-index: calc(var(--z-header) + 1);
  min-width: 220px; margin: 0; padding: var(--space-2); list-style: none;
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg);
}.catbar__more-menu[hidden],.catbar__more-menu li[hidden]{ display: none; }.catbar__more-menu a{
  display: flex; align-items: center; min-height: 44px; padding: 0 var(--space-3); border-radius: var(--radius-sm);
  color: var(--color-text); text-decoration: none; font-size: var(--fs-sm);
}.catbar__more-menu a:hover,.catbar__more-menu a[aria-current="page"]{ background: var(--color-primary-soft); color: var(--color-primary-text); }.mega{
  position: absolute; left: 0; right: 0; top: 100%; z-index: calc(var(--z-header) + 1);
  max-height: 70vh; display: flex;
  background: var(--color-surface); color: var(--color-text);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg); box-shadow: var(--shadow-lg);
  overflow: hidden;
}.mega[hidden]{ display: none; }.mega__grid{ display: grid; grid-template-columns: 260px 1fr; width: 100%; max-height: 70vh; }.mega__roots{
  margin: 0; padding: var(--space-3); list-style: none; overflow-y: auto;
  border-right: 1px solid var(--color-border);
}.mega__root{
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  min-height: 44px; padding: 0 var(--space-3); border-radius: var(--radius-sm);
  color: var(--color-text); text-decoration: none; font-weight: 500;
}.mega__root:hover{ color: var(--color-text); }.mega__root.is-active{ background: var(--color-primary-soft); color: var(--color-primary-text); }.mega__count{ color: var(--color-muted); font-size: var(--fs-caption); font-weight: 400; }.mega__pane{ display: grid; grid-template-columns: 1fr 240px; gap: var(--space-6); padding: var(--space-5) var(--space-6); overflow-y: auto; }.mega__pane[hidden]{ display: none; }.mega__pane--noimg{ grid-template-columns: 1fr; }.mega__sublist{
  margin: 0 0 var(--space-4); padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-1) var(--space-4);
}.mega__sublist a,.mega__all{
  display: inline-flex; align-items: center; gap: var(--space-1); min-height: 40px;
  color: var(--color-text); text-decoration: none; font-size: var(--fs-sm);
}.mega__sublist a:hover{ color: var(--color-primary-text); text-decoration: underline; }.mega__all{ color: var(--color-primary-text); font-weight: 600; gap: var(--space-2); }.mega__empty{ color: var(--color-muted); margin: 0 0 var(--space-3); }.mega__card{ display: flex; flex-direction: column; gap: var(--space-1); color: var(--color-text); text-decoration: none; }.mega__card img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-md); }.mega__card-name{ font-weight: 600; margin-top: var(--space-2); }.mega__card-count{ color: var(--color-primary-text); font-size: var(--fs-sm); }.mega__flat{
  margin: 0; padding: var(--space-5); list-style: none; width: 100%; overflow-y: auto;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-2) var(--space-4);
}.mega__flat-link{
  display: flex; align-items: center; gap: var(--space-3); min-height: 56px; padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm); color: var(--color-text); text-decoration: none;
}.mega__flat-link:hover{ background: var(--color-primary-soft); color: var(--color-primary-text); }.mega__flat-link img,.mega__flat-ph{
  width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%; object-fit: cover;
  display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary-soft); color: var(--color-primary-text);
}.mega__flat-name{ flex: 1 1 auto; font-weight: 500; }@media (max-width: 991.98px){.catbar{ display: none; }.mainbar__inner{
    
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "logo actions menu" "search search search";
    column-gap: var(--space-2); row-gap: 0;
    height: auto; min-height: var(--header-h-mobile);
  }.mainbar__inner > *{ align-self: center; }.hdr-sticky.is-condensed .mainbar__inner{ height: auto; }.mainbar__inner .hdr-menu-toggle{ display: inline-flex; grid-area: menu; }.mainbar__inner .hdr-search-toggle{ display: inline-flex; }.hdr-logo{ justify-self: start; }.hdr-logo__img,.hdr-sticky.is-condensed .hdr-logo__img{ height: var(--logo-h-m); max-width: 160px; }.hdr-logo--solo .hdr-logo__img,.hdr-sticky.is-condensed .hdr-logo--solo .hdr-logo__img{ max-width: min(64vw, 280px); }.hdr-logo__img + .hdr-logo__name{ max-width: 9rem; white-space: nowrap; display: block; text-overflow: ellipsis; }.hdr-logo__name{ font-size: 1.125rem; }.hdr-logo__text{ gap: 1px; }.hdr-actions{ gap: var(--space-1); }.hdr-action{ flex-direction: row; }.hdr-action__label{ display: none; }.hdr-search{ display: none; width: 100%; margin: 0 0 var(--space-3); }.mainbar__inner.is-search-open .hdr-search{ display: flex; }.hdr-search__submit{ padding: 0; width: calc(var(--control-h) - 11px); justify-content: center; }.hdr-search__submit-icon{ display: inline; }.hdr-search__submit-text{ display: none; }.hdr-menu{ right: calc(-1 * var(--space-2)); }}@media (max-width: 767.98px){.hdr-action--account,.hdr-action--fav,.hdr-account{ display: none; }}.oc-backdrop{
  position: fixed; inset: 0; z-index: var(--z-drawer); background: var(--color-overlay);
  opacity: 0; transition: opacity var(--dur-slow) var(--ease);
}.oc-backdrop.is-open{ opacity: 1; }.oc-backdrop[hidden],.oc[hidden]{ display: none; }.oc{
  position: fixed; top: 0; bottom: 0; left: 0; z-index: calc(var(--z-drawer) + 1);
  width: min(86vw, 360px); display: flex; flex-direction: column;
  background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-lg);
  transform: translateX(-100%); transition: transform var(--dur-slow) var(--ease);
}.oc.is-open{ transform: none; }@media (prefers-reduced-motion: reduce){.oc,.oc-backdrop{ transition: none; }}.oc__head{
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
  min-height: var(--header-h-mobile); padding: 0 var(--space-2) 0 var(--gutter); border-bottom: 1px solid var(--color-border);
}.oc__head .hdr-logo__img{ height: 32px; }.oc__head .hdr-logo--solo .hdr-logo__img{ height: 40px; max-width: 230px; }.oc__body{ flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding-bottom: env(safe-area-inset-bottom); }.oc__section{ padding: var(--space-4) var(--gutter); border-bottom: 1px solid var(--color-border); }.oc__title{ font-size: var(--fs-caption); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--color-muted); margin: 0 0 var(--space-2); }.oc__hello{ font-weight: 600; margin: 0 0 var(--space-2); }.oc__auth{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }.hdr-btn{
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--space-4);
  border-radius: var(--radius-btn); font-weight: 600; text-decoration: none; border: 1.5px solid var(--color-primary);
}.hdr-btn--primary{ background: var(--color-primary); color: var(--color-on-primary); }.hdr-btn--primary:hover{ background: var(--color-primary-hover); color: var(--color-on-primary); }.hdr-btn--secondary{ background: transparent; color: var(--color-primary-text); }.hdr-btn--secondary:hover{ background: var(--color-primary-soft); color: var(--color-primary-text); }.oc__links,.oc__cats,.oc__subs{ margin: 0; padding: 0; list-style: none; }.oc__links a,.oc__subs a{
  display: flex; align-items: center; gap: var(--space-3); min-height: 44px;
  color: var(--color-text); text-decoration: none;
}.oc__links a:hover,.oc__subs a:hover,.oc__cat-link:hover{ color: var(--color-primary-text); }.oc__cat-row{ display: flex; align-items: center; justify-content: space-between; }.oc__cat-link{ flex: 1 1 auto; display: flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--color-text); text-decoration: none; font-weight: 500; }.oc__cat--all .oc__cat-link,.mega__root--all,.mega__flat-link--all .mega__flat-name{ font-weight: 700; color: var(--color-primary-text); }.oc__count{ color: var(--color-muted); font-size: var(--fs-caption); font-weight: 400; }.oc__cat-img{ flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }img.oc__cat-img,.mega__flat-link img{ clip-path: circle(45% at 50% 50%); transform: scale(1.1); }.oc__cat-img--ph{ display: inline-grid; place-items: center; background: var(--color-primary-tint); color: var(--color-primary-text); font-size: 18px; }.oc__cat-link .oc__count{ margin-left: auto; }.oc.is-cats .oc__account,.oc.is-cats .oc__foot,.oc.is-cats .oc__section:not(#ocCategories){ display: none; }.oc__cat-toggle{
  flex: 0 0 44px; width: 44px; height: 44px; border: 0; background: transparent; color: var(--color-muted);
  display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-sm);
}.oc__cat-toggle i{ transition: transform var(--dur) var(--ease); }.oc__cat-toggle[aria-expanded="true"] i{ transform: rotate(180deg); }.oc__subs{ padding-left: var(--space-4); border-left: 2px solid var(--color-primary-soft); margin: 0 0 var(--space-2) var(--space-1); }.oc__subs[hidden]{ display: none; }.oc__all{ color: var(--color-primary-text) !important; font-weight: 600; }.oc__foot form{ margin: 0; }.oc__foot .hdr-menu__danger{
  display: flex; align-items: center; gap: var(--space-3); min-height: 44px; padding: 0;
  border: 0; background: transparent; color: var(--color-danger-text); font-weight: 600;
}body.is-drawer-open{ overflow: hidden; }.bottomnav{ display: none; }@media (max-width: 767.98px){.bottomnav{
    position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-bottomnav);
    display: grid; grid-template-columns: repeat(4, 1fr);
    height: calc(var(--bottomnav-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);
    background: var(--color-surface); border-top: 1px solid var(--color-border);
  }.bottomnav.is-hidden{ display: none; }body:has(.bottomnav:not(.is-hidden)){ padding-bottom: calc(var(--bottomnav-h) + env(safe-area-inset-bottom)); }}body:not(:has(.bottomnav)){ --bottomnav-h: 0px; }.bottomnav__tab{
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-height: 44px; color: var(--color-muted); text-decoration: none; font-size: 11px;
}.bottomnav__tab > i,.bottomnav__tab .hdr-action__icon > i{ font-size: 24px; line-height: 1; }.bottomnav__tab:hover{ color: var(--color-primary-text); }.bottomnav,.bottomnav__tab{ touch-action: manipulation; -webkit-tap-highlight-color: transparent; }.bottomnav__tab:active,.bottomnav__tab.is-pressed{ color: var(--color-primary-text); background: var(--color-primary-tint); }.bottomnav__tab:active > i,.bottomnav__tab.is-pressed > i,.bottomnav__tab.is-pressed .hdr-action__icon > i{ transform: scale(.9); }.bottomnav__tab > i,.bottomnav__tab .hdr-action__icon > i{ transition: transform 80ms ease; }.bottomnav__tab[aria-current="page"]{ color: var(--color-primary-text); font-weight: 600; }.cart-toast-host{
  position: fixed;
  z-index: var(--z-toast, 1090);
  top: var(--toast-top, calc(var(--header-h-condensed) + var(--catbar-h) + var(--space-3)));   
  right: max(var(--gutter), calc((100vw - var(--container-max, 1320px)) / 2 + var(--gutter)));
  width: min(360px, calc(100vw - 2 * var(--gutter)));
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  pointer-events: none;
}.cart-toast{
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
}.cart-toast.is-visible{ opacity: 1; transform: none; }.cart-toast.is-leaving{ opacity: 0; transform: translateY(-8px); }.cart-toast--error{
  border-color: var(--color-danger-text);
  background: color-mix(in srgb, var(--color-danger-text) 7%, var(--color-surface));
}.cart-toast--warning{
  border-color: var(--color-warning-text, var(--color-muted));
  background: color-mix(in srgb, var(--color-warning-text, var(--color-muted)) 7%, var(--color-surface));
}.cart-toast--warning .cart-toast__icon{ color: var(--color-warning-text, var(--color-muted)); background: transparent; }.cart-toast--warning .cart-toast__title{ color: var(--color-warning-text, var(--color-text)); }.cart-toast__img,.cart-toast__icon{
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-sm);
  object-fit: cover;
  background: var(--color-primary-soft);
}.cart-toast__icon{ display: inline-flex; align-items: center; justify-content: center; font-size: 24px; color: var(--color-primary-text); }.cart-toast--error .cart-toast__icon{ color: var(--color-danger-text); background: transparent; }.cart-toast__body{ flex: 1 1 auto; min-width: 0; }.cart-toast__title{ font-weight: 700; font-size: var(--fs-sm); color: var(--color-success-text); }.cart-toast--error .cart-toast__title{ color: var(--color-danger-text); }.cart-toast__detail{
  font-size: var(--fs-caption);
  color: var(--color-muted);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}.cart-toast__link{
  display: inline-block;
  margin-top: var(--space-1);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--color-primary-text);
  text-decoration: none;
}.cart-toast__link:hover{ text-decoration: underline; }.cart-toast__close{
  flex: 0 0 auto;
  align-self: flex-start;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-muted);
}.cart-toast__close:hover{ background: var(--color-border); color: var(--color-text); }.cart-toast :focus-visible{ outline: none; box-shadow: var(--focus-ring); }@media (prefers-reduced-motion: reduce){.cart-toast,.cart-toast.is-leaving{ transition: none; transform: none; }}@media (max-width: 767.98px){.cart-toast-host{
    top: var(--toast-top, calc(var(--header-h-mobile, 56px) + var(--space-2)));
    right: var(--gutter);
    left: var(--gutter);
    width: auto;
    bottom: auto;
  }}@media (max-width: 767.98px){.hdr-action--cart{ display: none; }}@media (min-width: 992px){.site-header[data-nav-style="light"]{ --nav-ink: var(--color-text); }@supports (color: hsl(from red h s l)){.site-header[data-nav-style="light"]{ --nav-ink: hsl(from var(--color-surface) 0 0% calc(100 - l * 0.88)); }}.site-header[data-nav-style="light"] .mainbar{ border-bottom-color: transparent; }.site-header[data-nav-style="light"] .catbar{ background: var(--color-surface); color: var(--nav-ink); border-bottom: 1px solid var(--color-border); }.site-header[data-nav-style="light"] .catbar__inner{ gap: var(--space-6); }.site-header[data-nav-style="light"] .catbar__all{
    height: 40px; padding: 0 var(--space-5); gap: var(--space-3); border-radius: var(--radius-btn);
    background: var(--color-primary); color: var(--color-on-primary);
  }.site-header[data-nav-style="light"] .catbar__all:hover{ background: var(--color-primary-hover); color: var(--color-on-primary); }.site-header[data-nav-style="light"] .catbar__links{ gap: var(--space-6); }.site-header[data-nav-style="light"] .catbar__link{
    height: 40px; padding: 0 var(--space-2); border-radius: 0; color: var(--nav-ink); font-weight: 700;
  }.site-header[data-nav-style="light"] .catbar__link:hover{ color: var(--color-primary-text); background: transparent; }.site-header[data-nav-style="light"] .catbar__link[aria-current="page"]{ color: var(--color-primary-text); }.site-header[data-nav-style="light"] .catbar__link[aria-current="page"]::after{
    left: 0; right: 0; bottom: 0; height: 3px; border-radius: 2px; background: var(--color-primary);
  }.site-header[data-nav-style="light"] .catbar__more-btn{ color: var(--nav-ink); font-weight: 600; }.site-header[data-nav-style="light"] .catbar__more-btn:hover{ color: var(--color-primary-text); background: transparent; }.site-header[data-nav-style="light"] .mega{ border-top: 1px solid var(--color-border); }}.nav-progress{ position: fixed; top: 0; left: 0; z-index: calc(var(--z-toast, 1090) + 10); width: 0; height: 3px; background: var(--color-primary); box-shadow: 0 0 8px color-mix(in srgb, var(--color-primary) 60%, transparent); opacity: 0; pointer-events: none; transition: width .2s ease-out, opacity .15s; }.nav-progress.is-on{ opacity: 1; }@media (prefers-reduced-motion: reduce){.nav-progress{ transition: none; }}@media (min-width: 992px){.mega__flat{ padding-inline: var(--space-6); }}
:root{ --cookie-bar-offset: 0px; }.cookie-bar{
  position: fixed;
  z-index: calc(var(--z-bottomnav, 1035) + 10);
  left: var(--gutter, 16px);
  bottom: var(--space-4, 16px);
  width: min(560px, calc(100vw - 2 * var(--gutter, 16px) - 84px));
  padding: var(--space-4, 16px);
  background: var(--color-surface);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg, 18px);
  box-shadow: var(--shadow-lg);
  font-size: var(--fs-sm, .875rem);
}.cookie-bar[hidden]{ display: none; }.cookie-bar__short{ display: none; }.cookie-bar__text{ margin: 0 0 var(--space-3, 12px); line-height: 1.5; }.cookie-bar__text a{ color: var(--color-primary-text, var(--color-primary)); text-decoration: underline; }.cookie-bar__title{ display: block; color: var(--color-text); font-weight: 700; margin-bottom: 2px; }.cookie-bar__ico{ display: none; }.cookie-bar__actions{ display: flex; align-items: center; gap: var(--space-3, 12px); flex-wrap: wrap; }.cookie-footer-btn:focus-visible{ outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm, 8px); }.cookie-bar__btn{
  min-width: 112px;
  min-height: 44px;
  padding: 0 var(--space-5, 20px);
  border-radius: var(--radius-md, 12px);
  border: 1px solid var(--color-border);
  font-weight: 600;
  font-size: var(--fs-sm, .875rem);
  cursor: pointer;
}.cookie-bar__btn--secondary{ background: var(--color-surface); color: var(--color-text); border-color: var(--color-border); }.cookie-bar__btn--secondary:hover{ background: var(--color-bg, var(--color-surface)); }.cookie-bar__btn:focus-visible{ outline: none; box-shadow: var(--focus-ring); }body.has-cookie-bar{ padding-bottom: calc(var(--cookie-bar-offset) + var(--space-4, 16px)); }@media (min-width: 768px){.cookie-bar{
    left: 0; right: 0; bottom: 0; width: auto;
    display: flex; align-items: center; gap: var(--space-5, 20px);
    padding: var(--space-3, 12px) max(var(--gutter, 16px), calc((100vw - var(--container-max, 1320px)) / 2 + var(--gutter, 16px)));
    border-width: 1px 0 0;
    border-radius: 0;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, .06);
  }.cookie-bar__text{ flex: 1 1 auto; margin: 0; color: var(--color-muted); }.cookie-bar__ico{ display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: var(--radius-btn); background: color-mix(in srgb, #D9A15B 16%, var(--color-surface)); }.cookie-bar__actions{ flex: 0 0 auto; flex-wrap: nowrap; }body.has-cookie-bar{ padding-bottom: var(--cookie-bar-offset); }}@media (max-width: 767.98px){.cookie-bar{
    left: 0; right: 0; width: auto;
    bottom: calc(var(--bottomnav-h, 64px) + env(safe-area-inset-bottom));
    padding: var(--space-3, 12px) var(--gutter, 16px);
    border-width: 1px 0 0;
    border-radius: var(--radius-lg, 18px) var(--radius-lg, 18px) 0 0;
    box-shadow: none;
  }.cookie-bar{ padding: var(--space-2, 8px) var(--gutter, 16px); }.cookie-bar__long{ display: none; }.cookie-bar__short{ display: inline; }.cookie-bar__text{ margin-bottom: var(--space-2, 8px); line-height: 1.35; color: var(--color-muted); font-size: .8125rem; }.cookie-bar__title{ display: none; }.cookie-bar{ display: grid; grid-template-columns: auto 1fr; column-gap: var(--space-3, 12px); }.cookie-bar__ico{ display: block; grid-row: 1; align-self: start; padding-top: 2px; }.cookie-bar__ico svg{ width: 26px; height: 26px; display: block; }.cookie-bar__actions{ grid-column: 1 / -1; }.cookie-bar__actions{ flex-wrap: nowrap; gap: var(--space-2, 8px); }.cookie-bar__btn{ flex: 1 1 0; min-width: 0; min-height: 40px; padding: 0 var(--space-2, 8px); white-space: nowrap; }body.has-cookie-bar,body.has-cookie-bar:has(.bottomnav:not(.is-hidden)){ padding-bottom: calc(var(--bottomnav-h, 64px) + env(safe-area-inset-bottom) + var(--cookie-bar-offset)); }}.cookie-modal__row{ display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4, 16px); padding: var(--space-3, 12px) 0; border-bottom: 1px solid var(--color-border); }.cookie-modal__row:last-child{ border-bottom: 0; }.cookie-modal__title{ font-weight: 600; margin: 0; color: var(--color-text); }.cookie-modal__desc{ margin: 2px 0 0; color: var(--color-muted); font-size: var(--fs-sm, .875rem); }.cookie-modal__toggle{ width: 22px; height: 22px; margin: 0; flex-shrink: 0; cursor: pointer; accent-color: var(--color-primary); }.cookie-modal__toggle:disabled{ cursor: not-allowed; }.cookie-modal__toggle:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.cookie-footer-btn{
  padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; opacity: .9;
}.cookie-footer-btn:hover{ opacity: 1; }
.site-footer{
  --_bg: var(--color-footer, color-mix(in srgb, var(--color-primary, var(--primary)) 38%, #000));
  --_fg: var(--color-on-footer, #fff);
  margin-top: var(--space-6, 24px);
  padding: var(--space-6, 24px) 0 var(--space-4, 16px);
  background: var(--_bg);
  color: color-mix(in srgb, var(--_fg) 82%, transparent);
  font-size: var(--fs-sm, .875rem);
}.site-footer a{ text-decoration: none; }.site-footer__link{ color: inherit; }@media (max-width: 991.98px){.site-footer__panel .site-footer__link,.site-footer__legal .site-footer__link,.site-footer .cookie-footer-btn{ display: inline-flex; align-items: center; min-height: 44px; }.site-footer__panel .site-footer__list{ gap: 0; }}.site-footer__link:hover{ color: var(--_fg); text-decoration: underline; }.site-footer a:focus-visible,.site-footer button:focus-visible{ outline: 2px solid var(--_fg); outline-offset: 2px; border-radius: var(--radius-sm, 8px); }.site-footer__top{ display: grid; gap: var(--space-5, 20px); }.site-footer__mark{ display: inline-flex; align-items: center; gap: var(--space-3, 12px); color: var(--_fg); }.site-footer__logo{ flex: none; display: flex; align-items: center; justify-content: center; height: 64px; box-sizing: border-box; padding: 6px 10px; border-radius: var(--radius-btn); background: var(--color-surface, #fff); }.site-footer__logo--own{ padding: 0; background: none; }.site-footer__logo img{ display: block; height: 52px; width: auto; max-width: min(320px, 80vw); object-fit: contain; }.site-footer__logo--own img{ height: 64px; }.site-footer__brandtext{ display: inline-flex; flex-direction: column; gap: 3px; min-width: 0; }.site-footer__name{ color: var(--_fg); font-family: var(--font-heading, inherit); font-weight: 800; font-size: 1.375rem; line-height: 1.15; }.site-footer__slogan{ display: block; width: 0; min-width: 100%; white-space: nowrap; overflow: hidden; font-size: .6875rem; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: color-mix(in srgb, var(--_fg) 78%, transparent); }.site-footer__brandtext:not(:has(.site-footer__name)) .site-footer__slogan{ width: auto; min-width: 0; white-space: normal; }.site-footer__slogan.is-wrap{ white-space: normal; }.site-footer__tagline{ margin: var(--space-3, 12px) 0 0; max-width: 34ch; line-height: 1.5; }.site-footer__social{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); margin: var(--space-3, 12px) 0 0; padding: 0; list-style: none; }.site-footer__social-link{
  display: inline-flex; align-items: center; gap: var(--space-2, 8px); min-height: 44px; padding: 0 var(--space-3, 12px); border-radius: var(--radius-btn);
  color: var(--_fg); background: color-mix(in srgb, var(--_fg) 14%, transparent); font-weight: 600;
}.site-footer__social-link .bi{ font-size: 1.1rem; }.site-footer__social-link:hover{ background: color-mix(in srgb, var(--_fg) 26%, transparent); color: var(--_fg); }.site-footer__title{ margin: 0 0 var(--space-3, 12px); font-size: 1rem; font-weight: 600; color: var(--_fg); }.site-footer__list{ list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2, 8px); }.site-footer__contact .site-footer__list li{ display: flex; gap: var(--space-2, 8px); align-items: flex-start; }.site-footer__contact .bi{ color: var(--_fg); margin-top: 2px; }.site-footer__toggle{
  display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between;
  padding: 0; border: 0; background: none; color: var(--_fg); font: inherit; font-weight: 600; text-align: left;
}.site-footer__toggle .bi{ transition: transform var(--dur, 160ms) var(--ease, ease); }.site-footer__toggle[aria-expanded="true"] .bi{ transform: rotate(180deg); }.site-footer__group{ border-bottom: 1px solid color-mix(in srgb, var(--_fg) 16%, transparent); }.site-footer__group .site-footer__title{ margin: 0; }.site-footer__panel .site-footer__list{ padding: 0 0 var(--space-3, 12px); }.site-footer__trust{
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3, 12px);
  margin-top: var(--space-5, 20px); padding-top: var(--space-4, 16px); border-top: 1px solid color-mix(in srgb, var(--_fg) 16%, transparent);
}.site-footer__payments{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); list-style: none; margin: 0; padding: 0; }.site-footer__chip{
  display: flex; align-items: center; justify-content: center; height: 36px; min-width: 64px; padding: 0 var(--space-3, 12px);
  background: #fff; color: #1f2937; border-radius: var(--radius-sm, 8px); font-size: .7rem; font-weight: 700;
}.site-footer__chip img{ height: 28px; max-width: 76px; object-fit: contain; }.site-footer__etbis{
  display: inline-flex; align-items: center; gap: var(--space-2, 8px); padding: var(--space-1, 4px) var(--space-3, 12px) var(--space-1, 4px) var(--space-1, 4px);
  background: var(--color-surface, #fff); color: var(--color-text, #1f2937); border-radius: var(--radius-sm, 8px); font-size: .7rem; font-weight: 700; text-decoration: none; min-height: 44px;
}.site-footer__etbis img{ width: 56px; height: 56px; object-fit: contain; border-radius: var(--radius-sm, 8px); }.site-footer__etbis span{ display: flex; flex-direction: column; line-height: 1.2; }.site-footer__etbis small{ font-weight: 500; opacity: .75; }.site-footer__etbis:focus-visible{ outline: 2px solid var(--focus-ring, currentColor); outline-offset: 2px; }.site-footer__secure{ margin: 0; display: flex; align-items: center; gap: var(--space-2, 8px); }.site-footer__bottom{
  display: flex; flex-direction: column; gap: var(--space-3, 12px);
  margin-top: var(--space-4, 16px); padding-top: var(--space-4, 16px); border-top: 1px solid color-mix(in srgb, var(--_fg) 16%, transparent);
}.site-footer__copy{ margin: 0; }.site-footer__legal{ display: flex; flex-wrap: wrap; gap: var(--space-2, 8px) var(--space-4, 16px); list-style: none; margin: 0; padding: 0; }.site-footer .cookie-footer-btn{ color: inherit; }.site-footer__panel{ display: none; }.site-footer__panel.is-open{ display: block; }@media (min-width: 992px){.site-footer__top{ display: flex; align-items: flex-start; gap: var(--space-6, 24px); }.site-footer__brand{ flex: 1 1 220px; }.site-footer__groups{ flex: 2 1 0; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: var(--space-6, 24px); }.site-footer__contact{ flex: 1 1 260px; }.site-footer__group{ border-bottom: 0; }.site-footer__group .site-footer__title{ margin-bottom: var(--space-3, 12px); }.site-footer__toggle{ min-height: 0; pointer-events: none; cursor: default; }.site-footer__toggle .bi{ display: none; }.site-footer__panel{ display: block; }.site-footer__panel .site-footer__list{ padding: 0; }.site-footer__bottom{ flex-direction: row; align-items: center; justify-content: space-between; }}@media (max-width: 991.98px){.site-footer__top{ gap: var(--space-4, 16px); }}@media (min-width: 992px){.site-footer__top:not(:has(.site-footer__group + .site-footer__group)) > .site-footer__brand,.site-footer__top:not(:has(.site-footer__group + .site-footer__group)) > .site-footer__groups,.site-footer__top:not(:has(.site-footer__group + .site-footer__group)) > .site-footer__contact{ flex: 1 1 0; }}
:root{
  --bs-primary: var(--color-primary);
  --bs-success: var(--color-primary);          
  --bs-danger: var(--color-danger);
  --bs-warning: var(--color-warning);
  --bs-info: var(--color-info);
  --bs-link-color: var(--color-primary-text);
  --bs-link-hover-color: var(--color-primary-hover);
  --bs-border-color: var(--color-border);
}.btn:focus-visible{ outline: none; box-shadow: var(--focus-ring); }.btn{ --bs-btn-disabled-opacity: 1; }.badge.bg-success{ background-color: var(--color-success-bg) !important; color: var(--color-success-text) !important; border: 1px solid var(--color-success-border); }.badge.bg-warning{ background-color: var(--color-warning-bg) !important; color: var(--color-warning-text) !important; border: 1px solid var(--color-warning-border); }.badge.bg-danger{ background-color: var(--color-danger-bg) !important; color: var(--color-danger-text) !important; border: 1px solid var(--color-danger-border); }.badge.bg-info{ background-color: var(--color-info-bg) !important; color: var(--color-info-text) !important; border: 1px solid var(--color-info-border); }.badge.bg-secondary,.badge.bg-light{ background-color: var(--color-bg) !important; color: var(--color-muted) !important; border: 1px solid var(--color-border); }.badge.bg-dark{ background-color: var(--color-text) !important; color: var(--color-surface) !important; }.badge.text-dark{ color: var(--color-warning-text) !important; }.bg-success{ background-color: var(--color-success-text) !important; color: var(--color-surface) !important; }.bg-danger{ background-color: var(--color-danger) !important; }.bg-warning{ background-color: var(--color-warning-bg) !important; }.bg-info{ background-color: var(--color-info-bg) !important; }.text-muted{ color: var(--color-muted) !important; }