:root{--c-primary:var(--sn-primary);--c-primary-hover:var(--sn-primary-hover);--c-primary-soft:var(--sn-primary-soft-2);--c-bg:var(--sn-bg);--c-surface:var(--sn-surface);--c-border:var(--sn-border);--c-text:var(--sn-text);--c-text-muted:var(--sn-text-muted);--c-success:var(--sn-success-ink);--c-success-soft:var(--sn-success-soft);--c-warn:var(--sn-warning-ink);--c-warn-soft:var(--sn-warning-soft);--c-danger:var(--sn-danger-ink);--c-danger-soft:var(--sn-danger-soft);--c-info:var(--sn-info-ink);--c-info-soft:var(--sn-info-soft);--r-card:var(--sn-radius-lg);--r-control:var(--sn-radius-md);--s-1:var(--sn-space-1);--s-2:var(--sn-space-2);--s-3:var(--sn-space-3);--s-4:var(--sn-space-4);--s-5:var(--sn-space-5);--s-6:var(--sn-space-6);--fs-body:var(--sn-body-size);--fs-small:var(--sn-caption-size);--fs-title:var(--sn-h3-size);--fs-display:var(--sn-h1-size);--sidebar-w:var(--sn-sidebar-w);--cart-w:var(--sn-aside-w);--topbar-h:var(--sn-topbar-h);--shadow-1:var(--sn-elevation-raised);--shadow-2:var(--sn-elevation-floating)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--sn-z-header);display:flex;align-items:center;gap:var(--sn-space-4);height:var(--sn-topbar-h);padding-inline:var(--sn-gutter-mobile);background:var(--sn-surface);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.topbar__brand{display:inline-flex;align-items:center;gap:var(--sn-space-2);font-size:var(--sn-h3-size);font-weight:var(--sn-weight-bold);letter-spacing:var(--sn-tracking-tight);color:var(--sn-wordmark)}.topbar__logo{flex:none;display:block;height:var(--sn-icon-xl);width:auto}.topbar__spacer{flex:1 1}.three-panel{flex:1 1;display:grid;grid-template-columns:var(--sn-sidebar-w) minmax(0,1fr) var(--sn-aside-w);grid-gap:var(--sn-space-3);gap:var(--sn-space-3);padding:var(--sn-space-3);align-items:start;width:100%;max-width:var(--sn-content-max);margin-inline:auto}.panel{background:var(--sn-surface);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);box-shadow:var(--sn-elevation-raised)}.panel--cart,.panel--sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--sn-topbar-h) + var(--sn-space-3));max-height:calc(100vh - var(--sn-topbar-h) - var(--sn-space-6));overflow:auto}.panel__header{-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border);font-size:var(--sn-h4-size);font-weight:var(--sn-weight-semibold)}.panel__body,.panel__header{padding:var(--sn-space-3) var(--sn-space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sn-space-2);min-height:var(--sn-control-sm);padding:0 var(--sn-space-4);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md);background:var(--sn-surface);color:var(--sn-text);font-size:var(--sn-button-size);font-weight:var(--sn-button-weight);line-height:1;white-space:nowrap;transition:var(--sn-transition-colors),var(--sn-transition-transform)}.btn:hover:not(:disabled){background:var(--sn-surface-2);border-color:var(--sn-border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[data-loading=true]{pointer-events:none;opacity:.75}.btn--primary{background:var(--sn-primary);border-color:var(--sn-primary);color:var(--sn-primary-fg)}.btn--primary:hover:not(:disabled){background:var(--sn-primary-hover);border-color:var(--sn-primary-hover)}.btn--primary:active:not(:disabled){background:var(--sn-primary-active);border-color:var(--sn-primary-active)}.btn--ghost{border-color:transparent;background:transparent;color:var(--sn-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--sn-surface-2);color:var(--sn-text)}.btn--block{width:100%}.btn--muted,.btn--muted:disabled{background:var(--sn-surface-2);border-color:var(--sn-border);color:var(--sn-text-muted);opacity:1;cursor:not-allowed}.btn--accent{background:var(--sn-accent);border-color:var(--sn-accent);color:var(--sn-accent-fg)}.btn--accent:hover:not(:disabled){background:var(--sn-accent-hover);border-color:var(--sn-accent-hover)}.field{display:block;-webkit-margin-after:var(--sn-space-3);margin-block-end:var(--sn-space-3)}.field__label{display:block;font-size:var(--sn-label-size);font-weight:var(--sn-label-weight);color:var(--sn-text-secondary);-webkit-margin-after:var(--sn-space-1);margin-block-end:var(--sn-space-1)}.field__input{width:100%;min-height:var(--sn-control-md);padding:var(--sn-space-2) var(--sn-space-3);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md);background:var(--sn-surface);color:var(--sn-text);transition:var(--sn-transition-colors)}.field__input::placeholder{color:var(--sn-text-disabled)}.field__input:hover:not(:disabled){border-color:var(--sn-border-strong)}.field__input:focus{border-color:var(--sn-primary);outline:none;box-shadow:var(--sn-focus-ring)}.field__input:disabled{background:var(--sn-surface-2);color:var(--sn-text-disabled)}.field__input--invalid{border-color:var(--sn-danger)}.field__input--invalid:focus{box-shadow:var(--sn-focus-ring-danger)}.field__error{color:var(--sn-danger-ink)}.field__error,.field__hint{font-size:var(--sn-caption-size);-webkit-margin-before:var(--sn-space-1);margin-block-start:var(--sn-space-1)}.field__hint{color:var(--sn-text-muted)}.pf-select{position:relative;display:block;inline-size:100%}.pf-select>select{inline-size:100%;min-block-size:var(--sn-control-md);padding-block:0;padding-inline:var(--sn-space-3) calc(var(--sn-space-3) + 22px);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md);background:var(--sn-surface);color:var(--sn-text);font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:var(--sn-transition-colors)}.pf-select--auto,.pf-select--auto>select{inline-size:auto}.pf-select>select:has(option:checked[data-placeholder]){color:var(--sn-text-disabled)}.pf-select>select:hover:not(:disabled){border-color:var(--sn-border-strong)}.pf-select>select:focus{outline:none;border-color:var(--sn-primary);box-shadow:var(--sn-focus-ring)}.pf-select>select[aria-invalid=true]{border-color:var(--sn-danger);box-shadow:var(--sn-focus-ring-danger)}.pf-select>select:disabled{background:var(--sn-surface-2);color:var(--sn-text-disabled);border-color:var(--sn-border-subtle);cursor:not-allowed}.pf-select__chevron{position:absolute;inset-inline-end:var(--sn-space-3);inset-block-start:50%;translate:0 -50%;pointer-events:none;color:var(--sn-text-muted)}.pf-select>select:disabled~.pf-select__chevron{color:var(--sn-text-disabled)}.segmented{display:flex;gap:2px;padding:3px;background:var(--sn-surface-2);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-md)}.segmented button{flex:1 1;min-height:28px;border:none;border-radius:calc(var(--sn-radius-md) - 4px);background:transparent;padding:0 var(--sn-space-3);color:var(--sn-text-muted);font-size:var(--sn-body-sm-size);font-weight:var(--sn-weight-medium);transition:var(--sn-transition-colors)}.segmented button:hover{color:var(--sn-text)}.segmented button[aria-pressed=true]{background:var(--sn-surface);color:var(--sn-primary);font-weight:var(--sn-weight-semibold);box-shadow:var(--sn-shadow-xs)}.badge{display:inline-flex;align-items:center;border:var(--sn-border-width) solid transparent;border-radius:var(--sn-radius-pill);padding:2px var(--sn-space-2);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-semibold);line-height:1.5;white-space:nowrap}.badge--neutral{background:var(--sn-surface-2);border-color:var(--sn-border);color:var(--sn-text-secondary);font-weight:var(--sn-weight-normal)}.badge--success{background:var(--sn-success-soft-2);border-color:var(--sn-success-border);color:var(--sn-success-ink)}.badge--warn{background:var(--sn-warning-soft-2);border-color:var(--sn-warning-border);color:var(--sn-warning-ink)}.badge--danger{background:var(--sn-danger-soft-2);border-color:var(--sn-danger-border);color:var(--sn-danger-ink)}.badge--info{background:var(--sn-info-soft-2);border-color:var(--sn-info-border);color:var(--sn-info-ink)}.spec-badge{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (hover:none),(max-width:899px){.spec-badge{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.5}}.toolbar{display:flex;gap:var(--sn-space-2);align-items:center;flex-wrap:wrap;padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.search{position:relative;flex:1 1;min-width:220px}.search__icon{position:absolute;inset-inline-start:var(--sn-space-3);top:50%;transform:translateY(-50%);color:var(--sn-text-muted);pointer-events:none}.search__input{-webkit-padding-start:var(--sn-space-7);padding-inline-start:var(--sn-space-7);-webkit-padding-end:calc(var(--sn-space-8) + var(--sn-space-1));padding-inline-end:calc(var(--sn-space-8) + var(--sn-space-1))}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search__clear{position:absolute;inset-inline-end:var(--sn-space-2);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;padding:0;border:none;border-radius:var(--sn-radius-pill);background:transparent;color:var(--sn-text-muted);cursor:pointer;transition:var(--sn-transition-colors)}.search__clear:hover{background:var(--sn-surface-2);color:var(--sn-text)}.search__clear:focus-visible{outline:none;box-shadow:var(--sn-focus-ring)}.search__hint{position:absolute;inset-inline-end:var(--sn-space-2);top:50%;transform:translateY(-50%);unicode-bidi:-webkit-isolate;unicode-bidi:isolate;min-width:22px;padding:2px 6px;border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-xs);background:var(--sn-surface-2);color:var(--sn-text-muted);font-family:var(--sn-font-mono);font-size:var(--sn-caption-size);line-height:1.4;text-align:center;pointer-events:none}@media (hover:none),(max-width:899px){.search__hint{display:none}.search__input{-webkit-padding-end:var(--sn-space-3);padding-inline-end:var(--sn-space-3)}.search__clear{inset-inline-end:var(--sn-border-width-thick);width:var(--sn-tap-target);height:var(--sn-tap-target);border-radius:var(--sn-radius-md)}.search--filled .search__input{-webkit-padding-end:calc(var(--sn-tap-target) + var(--sn-border-width-thick));padding-inline-end:calc(var(--sn-tap-target) + var(--sn-border-width-thick))}}@media (hover:none){.search .search__input{font-size:16px}}@media (max-width:599px){.search{flex-basis:100%;min-width:0}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--sn-space-3);gap:var(--sn-space-3);padding:var(--sn-space-4)}.card{display:flex;flex-direction:column;overflow:hidden;background:var(--sn-card);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);transition:box-shadow var(--sn-duration-fast) var(--sn-ease-standard),transform var(--sn-duration-fast) var(--sn-ease-standard),border-color var(--sn-duration-fast) var(--sn-ease-standard)}.card:hover{box-shadow:var(--sn-elevation-hover);border-color:var(--sn-border-strong);transform:translateY(-2px)}.card:focus-within{border-color:var(--sn-primary)}.card__media{aspect-ratio:4/3;background:var(--sn-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.card__body{padding:var(--sn-space-3);display:flex;flex-direction:column;gap:var(--sn-space-1);flex:1 1}.card__title{font-weight:var(--sn-weight-semibold);line-height:1.5}.card__meta{color:var(--sn-text-muted);font-size:var(--sn-caption-size)}.card__footer{padding:var(--sn-space-3);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);display:flex;gap:var(--sn-space-2);align-items:center}.price{display:flex;flex-direction:column;gap:2px}.price__was{color:var(--sn-text-muted);text-decoration:line-through;font-size:var(--sn-caption-size)}.price__now{font-weight:var(--sn-weight-bold);font-size:var(--sn-body-lg-size)}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;grid-gap:var(--sn-space-3);gap:var(--sn-space-3);align-items:center;padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);transition:background-color var(--sn-duration-fast) var(--sn-ease-standard)}.row:hover{background:var(--sn-surface-2)}.row:last-child{-webkit-border-after:none;border-block-end:none}.row__thumb{width:56px;height:56px;border-radius:var(--sn-radius-md);background:var(--sn-surface-2);object-fit:cover}.cart-line{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"thumb main" "total total";grid-gap:var(--sn-space-2) var(--sn-space-3);gap:var(--sn-space-2) var(--sn-space-3);padding:var(--sn-space-3) 0;-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);align-items:start}.cart-line__thumb{grid-area:thumb}.cart-line__main{grid-area:main;min-width:0}.stepper{display:inline-flex;align-items:center;overflow:hidden;border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md)}.stepper button{border:none;background:var(--sn-surface);width:30px;height:30px;color:var(--sn-primary);font-weight:var(--sn-weight-bold);transition:var(--sn-transition-colors)}.stepper button:hover:not(:disabled){background:var(--sn-primary-soft)}.stepper button:disabled{color:var(--sn-text-disabled);cursor:not-allowed}.stepper span{min-width:32px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stepper__input{width:44px;min-width:44px;height:30px;padding:0;border:none;border-inline:var(--sn-border-width) solid var(--sn-border-subtle);border-radius:0;background:var(--sn-surface);color:var(--sn-text);text-align:center;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-appearance:textfield}.stepper__input:focus-visible{outline-offset:calc(var(--sn-focus-offset) * -1)}.stepper__input:disabled{color:var(--sn-text-disabled)}.summary{-webkit-padding-before:var(--sn-space-3);padding-block-start:var(--sn-space-3);display:flex;flex-direction:column;gap:var(--sn-space-1)}.summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sn-space-3)}.summary__row>.num{white-space:nowrap}.summary__note{color:var(--sn-text-muted);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-normal)}.summary__note--block{display:block;-webkit-margin-before:var(--sn-space-1);margin-block-start:var(--sn-space-1)}.summary__row--total{font-size:var(--sn-h3-size);font-weight:var(--sn-weight-bold);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);-webkit-padding-before:var(--sn-space-2);padding-block-start:var(--sn-space-2);-webkit-margin-before:var(--sn-space-2);margin-block-start:var(--sn-space-2)}.scrim{z-index:var(--sn-z-scrim);background:var(--sn-overlay);animation:sn-fade-in var(--sn-duration-fast) var(--sn-ease-entrance)}.modal,.scrim{position:fixed;inset:0}.modal{z-index:var(--sn-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sn-space-4);pointer-events:none}.modal__panel{pointer-events:auto;border-radius:var(--sn-radius-lg);width:min(720px,100%);max-height:90vh;animation:sn-modal-in var(--sn-duration-base) var(--sn-ease-entrance)}.modal__panel,.slideover{background:var(--sn-surface);box-shadow:var(--sn-elevation-modal);overflow:auto}.slideover{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--sn-z-modal);width:min(460px,100%);padding:var(--sn-space-4);animation:sn-drawer-in var(--sn-duration-base) var(--sn-ease-entrance)}.steps{display:flex;gap:var(--sn-space-2);color:var(--sn-text-muted);font-size:var(--sn-caption-size);-webkit-margin-after:var(--sn-space-3);margin-block-end:var(--sn-space-3)}.steps b{color:var(--sn-primary)}.skeleton{background:linear-gradient(90deg,var(--sn-surface-2) 25%,var(--sn-surface-3) 37%,var(--sn-surface-2) 63%);background-size:400% 100%;border-radius:var(--sn-radius-sm);animation:sn-shimmer 1.4s ease-in-out infinite}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sn-space-2);padding:var(--sn-space-9) var(--sn-space-6);text-align:center;color:var(--sn-text-muted)}.state__icon{font-size:var(--sn-icon-xl);line-height:1;color:var(--sn-text-disabled)}.state__title{font-size:var(--sn-h4-size);font-weight:var(--sn-weight-bold);color:var(--sn-text)}.state__body{max-width:44ch}.state__action{-webkit-margin-before:var(--sn-space-2);margin-block-start:var(--sn-space-2)}.state--error .state__icon{color:var(--sn-danger)}.toasts{position:fixed;inset-block-end:var(--sn-space-4);inset-inline-start:var(--sn-space-4);z-index:var(--sn-z-toast);display:flex;flex-direction:column;gap:var(--sn-space-2)}.toast{background:var(--sn-inverse-surface);color:var(--sn-inverse-text);border-radius:var(--sn-radius-md);padding:var(--sn-space-2) var(--sn-space-4);font-size:var(--sn-body-sm-size);box-shadow:var(--sn-elevation-floating);animation:sn-toast-in var(--sn-duration-base) var(--sn-ease-entrance)}.toast--danger{background:var(--sn-danger)}.toast--success{background:var(--sn-success)}.offline-banner{background:var(--sn-warning-soft-2);color:var(--sn-warning-ink);-webkit-border-after:var(--sn-border-width) solid var(--sn-warning-border);border-block-end:var(--sn-border-width) solid var(--sn-warning-border);text-align:center;padding:var(--sn-space-1) var(--sn-space-3);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-semibold)}.focus{max-width:640px;margin:var(--sn-space-6) auto;background:var(--sn-surface);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);padding:var(--sn-space-6);text-align:center;box-shadow:var(--sn-elevation-raised)}.countdown{font-size:44px;font-weight:var(--sn-weight-bold);letter-spacing:2px;color:var(--sn-accent-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:var(--sn-space-3) 0}.countdown--low{color:var(--sn-danger-ink)}.codebox{background:var(--sn-primary-soft);border:var(--sn-border-width) solid var(--sn-primary-border);border-radius:var(--sn-radius-lg);padding:var(--sn-space-4);margin:var(--sn-space-4) 0}.codebox__code{font-size:30px;font-weight:var(--sn-weight-bold);letter-spacing:4px;color:var(--sn-primary-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.itable,.itable-wrap{margin:var(--sn-space-3) 0}.itable{width:100%;border-collapse:collapse}.itable-wrap>.itable{margin:0}.itable td,.itable th{-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);padding:var(--sn-space-2);text-align:start;vertical-align:top}.itable th{color:var(--sn-text-muted);font-size:var(--sn-caption-size)}.itable th,.itable__caption{font-weight:var(--sn-weight-bold)}.itable__caption{caption-side:top;-webkit-padding-after:var(--sn-space-2);padding-block-end:var(--sn-space-2);text-align:start;font-size:var(--sn-h4-size);color:var(--sn-text)}.itable__num{text-align:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.itable__idx{width:1%;color:var(--sn-text-muted);text-align:center}.itable__name{font-weight:var(--sn-weight-semibold)}.itable__num--discount{color:var(--sn-success-ink);text-align:end}.itable tfoot td{-webkit-border-after:none;border-block-end:none;padding-block:var(--sn-space-1)}.itable tfoot tr:first-child td{-webkit-border-before:var(--sn-border-width-thick) solid var(--sn-border);border-block-start:var(--sn-border-width-thick) solid var(--sn-border);-webkit-padding-before:var(--sn-space-2);padding-block-start:var(--sn-space-2)}.itable tfoot td:first-child{text-align:end;color:var(--sn-text-muted)}.itable__row--discount td{color:var(--sn-success-ink)}.itable__row--total td{font-size:var(--sn-body-lg-size);color:var(--sn-text);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);-webkit-padding-before:var(--sn-space-2);padding-block-start:var(--sn-space-2)}.notice{display:flex;align-items:center;justify-content:space-between;gap:var(--sn-space-3);flex-wrap:wrap;border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-md);padding:var(--sn-space-3);font-size:var(--sn-body-sm-size);text-align:start;margin:var(--sn-space-3) 0}.notice--warn{background:var(--sn-warning-soft);border-color:var(--sn-warning-border);color:var(--sn-warning-ink)}.notice--danger{background:var(--sn-danger-soft);border-color:var(--sn-danger-border);color:var(--sn-danger-ink)}.notice--info{background:var(--sn-info-soft);border-color:var(--sn-info-border);color:var(--sn-info-ink)}.detail__head{display:flex;gap:var(--sn-space-4);flex-wrap:wrap}.detail__media{flex:1 1 240px}.detail__media img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--sn-surface-2);border-radius:var(--sn-radius-md)}.detail__facts{flex:1 1 260px;min-width:0}.detail__section{font-size:var(--sn-h4-size);font-weight:var(--sn-weight-bold);-webkit-margin-before:var(--sn-space-5);margin-block-start:var(--sn-space-5)}.detail__actions{display:flex;gap:var(--sn-space-2);align-items:center;-webkit-margin-before:var(--sn-space-3);margin-block-start:var(--sn-space-3)}.detail__actions--block{-webkit-margin-before:0;margin-block-start:0}.detail__actions--block .btn{flex:1 1}.ident__name-latin{color:var(--sn-text-muted);font-size:var(--sn-body-sm-size);line-height:var(--sn-body-sm-lh)}.ident{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--sn-space-2);min-width:0}.ident__part{white-space:nowrap}.ident__part+.ident__part{-webkit-padding-start:var(--sn-space-2);padding-inline-start:var(--sn-space-2);-webkit-border-start:var(--sn-border-width) solid var(--sn-border);border-inline-start:var(--sn-border-width) solid var(--sn-border)}.ident__latin{display:inline}.cart-line .ident{-webkit-margin-before:2px;margin-block-start:2px;color:var(--sn-text-muted);font-size:var(--sn-caption-size)}.cart-line__thumb{width:44px;height:44px}.cart-line__name{font-weight:var(--sn-weight-semibold);line-height:var(--sn-h4-lh)}.cart-line__badges{display:flex;flex-wrap:wrap;gap:var(--sn-space-1);-webkit-margin-before:var(--sn-space-2);margin-block-start:var(--sn-space-2)}.cart-line__badges:empty{display:none}.cart-line__pricing{display:flex;flex-wrap:wrap;gap:var(--sn-space-1) var(--sn-space-4);margin:var(--sn-space-2) 0 0;padding:var(--sn-space-2);border-radius:var(--sn-radius-md);background:var(--sn-surface-2);font-size:var(--sn-body-sm-size)}.cart-line__pricing--none{display:block;color:var(--sn-warning-ink);background:var(--sn-warning-soft)}.cart-line__fig{display:flex;flex-direction:column;gap:1px;min-width:0}.cart-line__fig dt{color:var(--sn-text-muted);font-size:var(--sn-caption-size);white-space:nowrap}.cart-line__fig dd{margin:0;display:flex;align-items:baseline;gap:var(--sn-space-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.cart-line__fig--discount dd{color:var(--sn-success-ink)}.cart-line__total{grid-area:total;display:flex;align-items:baseline;justify-content:space-between;gap:var(--sn-space-3);-webkit-padding-before:var(--sn-space-2);padding-block-start:var(--sn-space-2);-webkit-border-before:var(--sn-border-width) solid var(--sn-border-subtle);border-block-start:var(--sn-border-width) solid var(--sn-border-subtle);font-weight:var(--sn-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cart-line__total>.num{white-space:nowrap}.cart-line__total-label{color:var(--sn-text-muted);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-normal)}.cart-line__controls{display:flex;gap:var(--sn-space-2);align-items:center}.cart-line .notice,.cart-line__controls{-webkit-margin-before:var(--sn-space-2);margin-block-start:var(--sn-space-2)}.summary__row--discount{color:var(--sn-success-ink)}.cart-line__name--link{padding:0;border:none;background:none;color:var(--sn-text);font:inherit;font-weight:var(--sn-weight-semibold);text-align:start;cursor:pointer}.cart-line__name--link:hover{color:var(--sn-primary);text-decoration:underline}.cart-toolbar{display:flex;justify-content:flex-end;-webkit-padding-after:var(--sn-space-1);padding-block-end:var(--sn-space-1)}.cart-undo{display:flex;align-items:center;gap:var(--sn-space-2)}.cart-undo__text{flex:1 1;min-width:0}.cart-undo .btn{flex:none}.app-shell--mobile{min-height:100dvh;background:var(--sn-bg)}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--sn-z-header);display:flex;align-items:center;gap:var(--sn-space-2);height:var(--sn-topbar-h);padding-inline:var(--sn-space-3);-webkit-padding-before:env(safe-area-inset-top);padding-block-start:env(safe-area-inset-top);background:var(--sn-surface);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.appbar__logo{flex:none;display:block;height:26px;width:auto}.appbar__title{flex:1 1;min-width:0;font-size:var(--sn-h4-size);font-weight:var(--sn-weight-bold);color:var(--sn-wordmark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar__actions{display:flex;gap:var(--sn-space-1);align-items:center}.appbar__back{font-size:var(--sn-h2-size);line-height:1}.btn--icon{min-width:var(--sn-tap-target);min-height:var(--sn-tap-target);padding:0}.btn--cta{min-height:var(--sn-control-lg);font-size:var(--sn-body-size)}.appbar-main{padding:var(--sn-space-3)}.appbar-main--with-bar{-webkit-padding-after:calc(64px + var(--sn-space-7) + env(safe-area-inset-bottom));padding-block-end:calc(64px + var(--sn-space-7) + env(safe-area-inset-bottom))}.chip-rail{position:-webkit-sticky;position:sticky;top:calc(var(--sn-topbar-h) + env(safe-area-inset-top));z-index:var(--sn-z-sticky);display:flex;gap:var(--sn-space-2);padding:var(--sn-space-2) var(--sn-space-3);background:var(--sn-surface);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chip-rail::-webkit-scrollbar{display:none}.chip{flex:none;min-height:var(--sn-tap-target);padding:0 var(--sn-space-4);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-pill);background:var(--sn-surface);color:var(--sn-text-secondary);font-size:var(--sn-body-sm-size);font-weight:var(--sn-weight-medium);white-space:nowrap;transition:var(--sn-transition-colors)}.chip[aria-pressed=true]{background:var(--sn-primary-soft);border-color:var(--sn-primary-border);color:var(--sn-primary-ink);font-weight:var(--sn-weight-semibold)}.chip--skeleton{width:96px;border-color:transparent}.cart-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--sn-z-sticky);background:var(--sn-surface);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);box-shadow:0 -4px 16px rgba(15,23,42,.08);-webkit-padding-after:env(safe-area-inset-bottom);padding-block-end:env(safe-area-inset-bottom)}.cart-bar__inner{display:flex;align-items:center;gap:var(--sn-space-3);width:100%;height:64px;padding-inline:var(--sn-space-4);border:none;background:transparent;text-align:start}.cart-bar__count{color:var(--sn-text-muted);font-size:var(--sn-caption-size)}.cart-bar__total{flex:1 1;font-weight:var(--sn-weight-bold);font-size:var(--sn-body-lg-size)}.cart-bar__pending{color:var(--sn-text-muted);font-weight:var(--sn-weight-normal);font-size:var(--sn-body-sm-size)}.cart-bar__cta{flex:none;display:inline-flex;align-items:center;min-height:var(--sn-tap-target);padding:0 var(--sn-space-4);border-radius:var(--sn-radius-md);background:var(--sn-primary);color:var(--sn-primary-fg);font-size:var(--sn-button-size);font-weight:var(--sn-weight-semibold)}.cart-bar__inner:active .cart-bar__cta{background:var(--sn-primary-active)}.sheet{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--sn-z-modal);display:flex;flex-direction:column;max-height:92dvh;background:var(--sn-surface);border-start-start-radius:var(--sn-radius-xl);border-start-end-radius:var(--sn-radius-xl);box-shadow:var(--sn-elevation-modal);animation:sn-drawer-in var(--sn-duration-base) var(--sn-ease-entrance);transition:transform var(--sn-duration-fast) var(--sn-ease-standard)}.sheet__grabber{flex:none;display:flex;align-items:center;justify-content:center;height:24px;touch-action:none;cursor:-webkit-grab;cursor:grab}.sheet__grabber span{width:36px;height:4px;border-radius:var(--sn-radius-pill);background:var(--sn-border-strong)}.sheet__header{flex:none;display:flex;align-items:center;gap:var(--sn-space-2);padding:0 var(--sn-space-3) var(--sn-space-2);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.sheet__title{flex:1 1;min-width:0;font-size:var(--sn-h3-size);font-weight:var(--sn-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet__body{flex:1 1;overflow:auto;overscroll-behavior:contain;padding:var(--sn-space-3)}.sheet__footer{flex:none;display:flex;flex-direction:column;gap:var(--sn-space-2);padding:var(--sn-space-3);-webkit-padding-after:calc(var(--sn-space-3) + env(safe-area-inset-bottom));padding-block-end:calc(var(--sn-space-3) + env(safe-area-inset-bottom));-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);background:var(--sn-surface);box-shadow:0 -4px 16px rgba(15,23,42,.06)}.sheet__footer-total{display:flex;align-items:baseline;justify-content:space-between}.sheet__footer-amount{font-size:var(--sn-h3-size);font-weight:var(--sn-weight-bold)}@media (max-width:1199px){.three-panel{grid-template-columns:var(--sn-sidebar-w) minmax(0,1fr)}.panel--cart{grid-column:1/-1;position:static;max-height:none}}@media (max-width:899px){.three-panel{grid-template-columns:minmax(0,1fr)}.panel--cart,.panel--sidebar{position:static;max-height:none;grid-column:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sn-space-3)}.card__body,.grid{padding:var(--sn-space-3)}.card__body{gap:var(--sn-space-2)}.card__footer{gap:var(--sn-space-3);padding:var(--sn-space-3);flex-wrap:wrap}.card__footer .btn--muted,.card__footer .btn--primary{flex:1 1 auto}.spec-badge{width:100%;margin-block:2px}}@media (max-width:359px){.spec-badge{padding-inline:0;background:transparent;border-color:transparent;color:var(--sn-text-muted)}.card__footer{flex-direction:column;align-items:stretch}}@media (max-width:899px){.row{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"thumb main add" "thumb price add";gap:var(--sn-space-2) var(--sn-space-3);padding:var(--sn-space-3)}.row .row__thumb{grid-area:thumb;width:72px;height:72px;align-self:start}.row__main{grid-area:main}.row__price{grid-area:price}.row__add{grid-area:add;align-self:center}.row__name{text-align:start;font-size:var(--sn-body-size);white-space:normal}}@media (max-width:599px){.topbar{padding-inline:var(--sn-space-3)}.three-panel{padding:var(--sn-space-2)}.grid,.three-panel{gap:var(--sn-space-2)}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.slideover{width:100%;padding:var(--sn-space-3)}.focus{margin:var(--sn-space-3);padding:var(--sn-space-4)}.countdown{font-size:36px}.codebox__code{font-size:26px}}@media (hover:none){.btn{min-height:var(--sn-control-md)}.btn--block,.field__input{min-height:var(--sn-control-lg)}.field__input,.pf-select>select{font-size:var(--sn-body-lg-size)}.pf-select>select{min-block-size:var(--sn-control-lg)}.stepper button{width:var(--sn-tap-target);height:var(--sn-tap-target);font-size:var(--sn-h3-size)}.stepper span{min-width:44px}.stepper__input{width:56px;min-width:56px;height:var(--sn-tap-target);font-size:var(--sn-body-lg-size)}.segmented button{min-height:var(--sn-control-sm)}.card:hover{transform:none;box-shadow:none;border-color:var(--sn-border)}.card:active{transform:scale(.99)}.row:hover{background:transparent}}@media (max-width:899px){.toasts{inset-inline:var(--sn-space-3);inset-block-end:calc(64px + var(--sn-space-3) + env(safe-area-inset-bottom))}.toast{text-align:start}}@media (prefers-reduced-motion:reduce){.modal__panel,.scrim,.sheet,.slideover,.toast{animation:none}.card{transition:none}}@media print{.appbar,.cart-bar,.chip-rail,.no-print,.panel--cart,.panel--sidebar,.toasts,.topbar{display:none!important}.focus{border:none;box-shadow:none;margin:0}.itable-wrap{overflow:visible}.itable{page-break-inside:auto}.itable tr{page-break-inside:avoid}.itable thead{display:table-header-group}.itable tfoot{display:table-footer-group}}