@layer base,components,utilities;@layer base{@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Cormorant Garamond';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cormorant Garamond';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-italic-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Cormorant Garamond';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-italic-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Cormorant Garamond';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-italic-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Cormorant Garamond';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/cormorant-garamond/cormorant-garamond-italic-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/geologica/geologica-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/geologica/geologica-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/geologica/geologica-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/geologica/geologica-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/geologica/geologica-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/geologica/geologica-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillicext.woff2') format('woff2');unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/geologica/geologica-normal-cyrillic.woff2') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/geologica/geologica-normal-latinext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/geologica/geologica-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer base{*,*::before,*::after{box-sizing: border-box}html{overflow-x: clip}[hidden]{display: none !important}body{margin: 0;max-width: 100%;overflow-x: clip;font-family: var(--font-ui);font-size: var(--font-size-body);line-height: var(--line-height-body);color: var(--color-text-primary);background-color: var(--color-surface-primary)}a{color: var(--color-text-link);text-decoration: none}a:hover{color: var(--color-accent-primary);text-decoration: underline}p a{text-decoration: underline}h1,h2,h3,h4{font-family: var(--font-display);color: var(--color-text-primary);line-height: var(--line-height-display);margin: 0 0 var(--spacing-md)}h1{font-size: var(--font-size-h1);font-weight: var(--font-weight-display-light)}h2{font-size: var(--font-size-h2);font-weight: var(--font-weight-display-regular)}h3{font-size: var(--font-size-h3);font-weight: var(--font-weight-display-regular)}h4{font-size: var(--font-size-h4);font-weight: var(--font-weight-display-medium)}p{margin: 0 0 var(--spacing-md);line-height: var(--line-height-editorial)}img,video{max-width: 100%;height: auto;display: block}.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}}@layer base{.skip-link{position: absolute;top: -40px;left: var(--spacing-md);background: var(--color-accent-primary);color: var(--color-text-on-accent);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-sm);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-semibold);z-index: var(--z-toast);transition: top var(--duration-fast) var(--easing-standard)}.skip-link:focus{top: var(--spacing-sm)}.skip-link:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring-strong)}}@layer base{.hotspot{outline: 1px dotted var(--color-border-strong);cursor: pointer}.hotspot:hover{outline-color: var(--color-accent-primary);background-color: var(--color-surface-sunk)}.link-disabled{color: var(--color-text-subtle);cursor: not-allowed;pointer-events: none}}@layer base{.container{max-width: 1280px;margin: 0 auto;padding: 0 var(--spacing-lg)}.section{padding: var(--spacing-editorial-md) 0}.section--tight{padding: var(--spacing-xl) 0}.section--tight-top{padding-top: var(--spacing-3xl)}.section--tight-bottom{padding-bottom: var(--spacing-3xl)}.section--tight-both{padding: var(--spacing-3xl) 0}.section--tighter-top{padding-top: var(--spacing-xl)}.section--tighter-bottom{padding-bottom: var(--spacing-xl)}.section--tighter-both{padding: var(--spacing-xl) 0}.section--tightest-top{padding-top: var(--spacing-md)}.grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-lg)}.grid-3{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--spacing-lg)}.grid-4{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--spacing-lg)}.grid-2 > *,.grid-3 > *,.grid-4 > *{min-width: 0}.form-measure{max-width: 760px}}@layer components{.header-public{background: var(--color-surface-primary);border-bottom: 1px solid var(--color-border-default);position: sticky;top: 0;z-index: var(--z-dropdown);height: var(--nav-height)}.header-public__inner{max-width: 1280px;margin: 0 auto;padding: 0 var(--spacing-lg);height: 100%;display: flex;align-items: center;gap: var(--spacing-xl)}.header-public__logo{flex-shrink: 0;display: inline-flex;align-items: center;line-height: 0;text-decoration: none}.header-public__logo-img{height: 68px;width: auto;display: block;transition: filter var(--duration-base) var(--easing-standard)}.header-public__logo:hover .header-public__logo-img{filter: brightness(1.05)}.header-public__logo-img--dark{display: none}[data-theme="dark"] .header-public__logo-img--light{display: none}[data-theme="dark"] .header-public__logo-img--dark{display: block}.header-public__nav{display: flex;align-items: center;gap: var(--spacing-xl);flex: 1}.header-public__nav a{font-size: var(--nav-link-font-size);font-weight: var(--nav-link-font-weight);letter-spacing: var(--nav-link-letter-spacing);color: var(--nav-link-color);text-transform: uppercase;text-decoration: none;padding: var(--spacing-sm) 0;border-bottom: 2px solid transparent;transition: color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.header-public__nav a:hover{color: var(--nav-link-hover);text-decoration: none}.header-public__nav a.active{color: var(--nav-link-active);border-bottom-color: var(--color-accent-primary)}.header-public__utils{position: relative;display: flex;align-items: center;gap: var(--spacing-md);margin-left: auto}.util-icon{position: relative;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;flex-shrink: 0;padding: 0;background: none;border: 0;font: inherit;cursor: pointer;color: var(--color-text-primary);border-radius: var(--radius-sm);transition: background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.header-public__utils > a,.header-public__utils .util-icon{text-decoration: none}@media (hover: hover){.header-public__utils > a:hover,.header-public__utils .util-icon:hover{background: var(--color-surface-sunk);color: var(--color-accent-primary);text-decoration: none}}.util-icon__svg{width: 22px;height: 22px;display: block;stroke: currentColor;fill: none;stroke-linecap: round;stroke-linejoin: round;vector-effect: non-scaling-stroke}.cart-count__badge{position: absolute;top: 4px;right: 4px;min-width: 16px;height: 16px;padding: 0 4px;border-radius: var(--radius-full);background: var(--color-accent-primary);color: var(--color-accent-primary-text);font-size: 10px;font-weight: var(--font-weight-ui-semibold);line-height: 16px;text-align: center;letter-spacing: 0}.header-public__hamburger{display: none;width: 44px;height: 44px;align-items: center;justify-content: center;background: none;border: none;cursor: pointer;color: var(--color-text-primary);font-size: 1.25rem}@media (min-width: 769px) and (max-width: 1279px){.header-public__inner{gap: var(--spacing-lg)}.header-public__nav{gap: var(--spacing-lg)}}.header-public--transparent{position: fixed;top: 0;left: 0;right: 0;background: transparent;border-bottom-color: transparent;z-index: var(--z-dropdown);transition: background var(--duration-base) var(--easing-standard),border-color var(--duration-base) var(--easing-standard)}.header-public--transparent .header-public__nav a,.header-public--transparent .header-public__utils > a,.header-public--transparent .header-public__utils .util-icon,.header-public--transparent .header-public__hamburger{color: var(--color-paper-light);text-shadow: 0 1px 4px color-mix(in srgb,var(--color-ink) 60%,transparent);transition: color var(--duration-fast) var(--easing-standard),text-shadow var(--duration-base) var(--easing-standard)}.header-public--transparent .header-public__logo-img--light{display: none}.header-public--transparent .header-public__logo-img--dark{display: block}.header-public--transparent .header-public__nav a:hover{color: var(--color-white);text-decoration: none}.header-public--transparent .header-public__nav a.active{color: var(--color-white);border-bottom-color: var(--color-paper-light)}.header-public--transparent .header-public__utils a:hover,.header-public--transparent .header-public__utils .util-icon:hover{background: color-mix(in srgb,var(--color-white) 15%,transparent);color: var(--color-white)}.header-public--transparent.is-scrolled{background: var(--color-surface-primary);border-bottom-color: var(--color-border-default)}.header-public--transparent.is-scrolled .header-public__nav a,.header-public--transparent.is-scrolled .header-public__utils a,.header-public--transparent.is-scrolled .header-public__utils .util-icon,.header-public--transparent.is-scrolled .header-public__hamburger{color: var(--color-text-primary);text-shadow: none}.header-public--transparent.is-scrolled .header-public__logo-img--light{display: block}.header-public--transparent.is-scrolled .header-public__logo-img--dark{display: none}[data-theme="dark"] .header-public--transparent.is-scrolled .header-public__logo-img--light{display: none}[data-theme="dark"] .header-public--transparent.is-scrolled .header-public__logo-img--dark{display: block}.header-public--transparent.is-scrolled .header-public__nav a:hover{color: var(--color-accent-primary)}.header-public--transparent.is-scrolled .header-public__nav a.active{color: var(--color-accent-primary);border-bottom-color: var(--color-accent-primary)}.header-public--transparent.is-scrolled .header-public__utils a:hover,.header-public--transparent.is-scrolled .header-public__utils .util-icon:hover{background: var(--color-surface-sunk);color: var(--color-accent-primary)}@media (prefers-reduced-motion: reduce){.header-public--transparent,.header-public--transparent .header-public__logo-img,.header-public--transparent .header-public__nav a,.header-public--transparent .header-public__utils a,.header-public--transparent .header-public__utils .util-icon,.header-public--transparent .header-public__hamburger{transition: none}}.mobile-nav{position: fixed;inset: 0;z-index: calc(var(--z-modal-overlay) - 10);display: flex;visibility: hidden;background: var(--modal-overlay-bg);transition: visibility 0ms var(--duration-base)}.mobile-nav.is-open{visibility: visible}.mobile-nav__inner{width: min(320px,85vw);height: 100%;background: var(--color-surface-primary);border-right: 1px solid var(--color-border-default);box-shadow: var(--shadow-modal);display: flex;flex-direction: column;padding: 0;overflow-y: auto;transform: translateX(-100%);transition: transform var(--duration-base) var(--easing-decelerate)}.mobile-nav.is-open .mobile-nav__inner{transform: translateX(0)}@media (prefers-reduced-motion: reduce){.mobile-nav__inner{transition: none}}.mobile-nav__header{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-md) var(--spacing-lg);border-bottom: 1px solid var(--color-border-default);height: var(--nav-height-mobile);flex-shrink: 0}.mobile-nav__brand{font-family: var(--font-display);font-size: var(--font-size-h4);font-weight: var(--font-weight-display-medium);color: var(--color-text-primary);letter-spacing: var(--letter-spacing-tight)}.mobile-nav__close{background: none;border: none;cursor: pointer;color: var(--color-text-muted);font-size: var(--font-size-body);width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-sm);transition: background var(--duration-fast)}.mobile-nav__close:hover{background: var(--color-surface-sunk);color: var(--color-text-primary)}.mobile-nav__close:focus-visible{outline: 2px solid var(--color-border-focus);outline-offset: 2px}.mobile-nav__inner a{display: block;padding: var(--spacing-md) var(--spacing-lg);font-size: var(--font-size-body);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary);text-decoration: none;border-bottom: 1px solid var(--color-border-default);transition: background var(--duration-fast),color var(--duration-fast)}.mobile-nav__inner a:hover{background: var(--color-surface-sunk);color: var(--color-accent-primary);text-decoration: none}.mobile-nav__inner a:focus-visible{outline: 2px solid var(--color-border-focus);outline-offset: -2px}.mobile-nav__divider{height: 1px;background: var(--color-border-default);margin: var(--spacing-xs) 0}.mobile-nav__legal{font-size: var(--font-size-small) !important;color: var(--color-text-muted) !important}.header-minimal{background: var(--color-surface-primary);border-bottom: 1px solid var(--color-border-default);height: var(--nav-height);display: flex;align-items: center;padding: 0 var(--spacing-lg);gap: var(--spacing-lg)}.header-minimal__back{font-size: var(--font-size-small);color: var(--color-text-muted)}.header-minimal__secure{margin-left: auto;font-size: var(--font-size-small);color: var(--color-text-muted);display: flex;align-items: center;gap: var(--spacing-sm)}}@layer components{.rule-divider{display: flex;align-items: center;gap: var(--spacing-md);margin: var(--spacing-lg) 0}.rule-divider::before,.rule-divider::after{content: '';flex: 1;height: var(--divider-vintage-weight);background: var(--divider-vintage-color)}.rule-divider__ornament{color: var(--divider-vintage-color);font-size: var(--font-size-micro);letter-spacing: var(--letter-spacing-wide);flex-shrink: 0}}@layer components{.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-sm);min-height: var(--button-min-height);min-width: var(--button-min-width);padding: var(--button-padding-y) var(--button-padding-x);font-family: var(--button-font-family);font-size: var(--button-font-size);font-weight: var(--button-font-weight);letter-spacing: var(--button-letter-spacing);border-radius: var(--button-radius);border: 1px solid transparent;cursor: pointer;text-decoration: none;transition: background var(--button-transition-duration) var(--button-transition-easing),color var(--button-transition-duration) var(--button-transition-easing),border-color var(--button-transition-duration) var(--button-transition-easing)}.btn:focus-visible{outline: none;box-shadow: var(--button-primary-focus-ring)}.btn--primary{background: var(--button-primary-bg);color: var(--button-primary-text);border-color: var(--button-primary-border)}.btn--primary:hover{background: var(--button-primary-bg-hover);color: var(--button-primary-text);text-decoration: none}.btn--primary:disabled{background: var(--button-primary-bg-disabled);color: var(--button-primary-text-disabled);cursor: not-allowed}.btn--secondary{background: var(--button-secondary-bg);color: var(--button-secondary-text);border-color: var(--button-secondary-border)}.btn--secondary:hover{background: var(--button-secondary-bg-hover);color: var(--button-secondary-text-hover);border-color: var(--button-secondary-border-hover);text-decoration: none}.btn--ghost{background: var(--button-ghost-bg);color: var(--button-ghost-text);border-color: var(--button-ghost-border)}.btn--ghost:hover{background: var(--button-ghost-bg-hover);color: var(--button-ghost-text-hover);text-decoration: none}.btn--small{padding: var(--button-small-padding-y) var(--button-small-padding-x);font-size: var(--button-small-font-size);letter-spacing: var(--button-small-letter-spacing);font-weight: var(--button-small-font-weight);text-transform: uppercase;min-height: var(--button-small-min-height)}@media (pointer: coarse){.btn--small{min-height: var(--touch-target-min)}}.btn--full{width: 100%}.btn--ghost.btn--danger{color: var(--color-status-error);border-color: var(--color-status-error)}.btn--ghost.btn--danger:hover{background: color-mix(in srgb,var(--color-status-error) 10%,transparent);color: var(--color-status-error);border-color: var(--color-status-error)}.btn--ghost.btn--danger:focus-visible{outline: none;box-shadow: var(--button-ghost-focus-ring)}.btn--with-icon{gap: var(--spacing-xs)}.btn--with-icon svg{width: 1em;height: 1em;flex-shrink: 0;stroke: currentColor;fill: none;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round}.btn--icon{padding: var(--spacing-xs);line-height: 0;min-width: var(--touch-target-min);min-height: var(--touch-target-min);display: inline-flex;align-items: center;justify-content: center}.btn--icon svg{width: var(--icon-size-sm);height: var(--icon-size-sm);display: block}}@layer components{.product-card{background: var(--card-product-bg);border: 1px solid var(--card-product-border-color);border-radius: var(--card-radius);box-shadow: var(--card-product-shadow);overflow: hidden;position: relative;display: flex;flex-direction: column;transition: box-shadow var(--duration-fast) var(--easing-standard)}.product-card:hover{box-shadow: var(--shadow-floating)}.product-card__image-wrap{position: relative;aspect-ratio: 3/4;background: var(--color-surface-sunk);overflow: hidden}.product-card__image-wrap img{width: 100%;height: 100%;object-fit: cover}.product-card__placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: var(--color-surface-sunk);color: var(--color-text-subtle);font-size: 3rem}.wine-badge{position: absolute;top: var(--spacing-sm);left: var(--spacing-sm);padding: var(--badge-padding-y) var(--badge-padding-x);border-radius: var(--badge-radius);font-size: var(--badge-font-size);font-weight: var(--badge-font-weight);letter-spacing: var(--badge-letter-spacing);text-transform: uppercase}.wine-badge--inline{position: static;top: auto;left: auto;vertical-align: middle}.wine-badge--red{background: var(--badge-wine-red-bg);color: var(--badge-wine-red-text)}.wine-badge--white{background: var(--badge-wine-white-bg);color: var(--badge-wine-white-text);border: 1px solid var(--badge-wine-white-border)}.wine-badge--rose{background: var(--color-badge-wine-rose-bg);color: var(--color-badge-wine-rose-fg)}.wine-badge--orange{background: var(--color-badge-wine-orange-bg);color: var(--color-badge-wine-orange-fg)}.wine-badge--sparkling{background: var(--color-badge-wine-sparkling-bg);color: var(--color-badge-wine-sparkling-fg)}.wine-badge--pack{background: var(--color-accent-primary);color: var(--color-accent-primary-text)}.wine-badge--natural{position: absolute;top: var(--spacing-sm);right: var(--spacing-sm);background: var(--color-badge-wine-natural-bg);color: var(--color-badge-wine-natural-fg);padding: var(--badge-padding-y) var(--badge-padding-x);border-radius: var(--badge-radius);font-size: var(--badge-font-size);font-weight: var(--badge-font-weight);letter-spacing: var(--badge-letter-spacing);text-transform: uppercase}.product-card__body{padding: var(--card-product-padding);flex: 1;display: flex;flex-direction: column;gap: var(--spacing-sm);position: relative}.product-card__name{font-family: var(--card-product-wine-name-font);font-size: var(--card-product-wine-name-size);font-weight: var(--card-product-wine-name-weight);color: var(--color-text-primary);line-height: var(--line-height-tight);margin: 0;text-decoration: none}.product-card__name:hover{color: var(--color-accent-primary);text-decoration: none}.product-card__winery{font-family: var(--card-product-winery-font);font-size: var(--font-size-small);font-weight: var(--card-product-winery-weight);color: var(--color-text-muted);font-style: italic}.product-card__winery a{color: var(--color-text-muted);text-decoration: none}.product-card__winery a:hover{color: var(--color-accent-primary);text-decoration: underline}.product-card__meta{font-size: var(--card-product-meta-size);color: var(--card-product-meta-color);font-family: var(--card-product-meta-font)}.product-card__price-row{margin-top: auto;display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;column-gap: var(--spacing-sm);row-gap: var(--spacing-xs)}.product-card__price-row > *{flex: none}.product-card__price{font-size: var(--card-product-price-size);font-weight: var(--font-weight-ui-semibold);color: var(--card-product-price-color);margin-top: 0;flex: none}.product-card__cta{margin-top: var(--spacing-sm);display: flex;align-items: center;justify-content: space-between}.product-card__fold{position: absolute;inset: 0;background: var(--card-product-fold-bg);border-top: 1px solid var(--color-border-default);padding: var(--spacing-md);display: flex;align-items: flex-start;gap: var(--spacing-md);transform: translateX(100%);transition: transform var(--card-product-fold-duration) var(--card-product-fold-easing);z-index: var(--z-raised)}.product-card:has(.product-card__author-trigger:hover) .product-card__fold,.product-card:has(.product-card__author-trigger:focus-visible) .product-card__fold,.product-card__fold:hover{transform: translateX(0)}@media (prefers-reduced-motion: reduce){.product-card__fold{transition: none;opacity: 0}.product-card:has(.product-card__author-trigger:hover) .product-card__fold,.product-card:has(.product-card__author-trigger:focus-visible) .product-card__fold,.product-card__fold:hover{opacity: 1;transform: translateX(0)}}.product-card__author-trigger{width: var(--card-product-author-trigger-size);height: var(--card-product-author-trigger-size);border-radius: var(--radius-avatar);border: 2px solid var(--card-product-author-ring-color);background: var(--color-surface-sunk);display: flex;align-items: center;justify-content: center;padding: 0;cursor: pointer;line-height: 1;flex-shrink: 0;color: var(--color-text-muted)}.product-card__author-trigger:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring)}.product-card__author-trigger svg,.fold-portrait svg{width: 55%;height: 55%}@media (max-width: 1024px){.product-card__fold{display: none}.product-card__author-trigger{display: none}}.fold-portrait{width: var(--card-product-author-portrait-size);height: var(--card-product-author-portrait-size);border-radius: var(--radius-avatar);border: 2px solid var(--card-product-author-ring-color);object-fit: cover;flex-shrink: 0;background: var(--color-surface-sunk);display: flex;align-items: center;justify-content: center;font-size: var(--font-size-h4);overflow: hidden}.fold-portrait img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius-avatar)}.fold-info{flex: 1;min-width: 0;display: flex;flex-direction: column}.fold-info__cta{margin-top: var(--spacing-sm);align-self: flex-start}.fold-info__name{font-family: var(--font-display);font-size: var(--font-size-small);font-weight: var(--font-weight-display-light);font-style: italic;color: var(--color-text-primary);line-height: var(--line-height-tight)}.fold-info__role{font-size: var(--font-size-micro);color: var(--color-text-muted)}.fold-info__quote{font-size: var(--font-size-micro);color: var(--color-text-muted);font-style: italic;margin-top: var(--spacing-xs);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.product-card__price .price__from,.product-card__price .price__unit{font-family: var(--font-family-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-regular);color: var(--color-text-muted)}.product-grid[data-density="rows"],html[data-density="rows"] .product-grid:not([data-density]){display: block;border-top: 1px solid var(--color-border-default)}.product-grid[data-density="rows"] .product-card,html[data-density="rows"] .product-grid:not([data-density]) .product-card{flex-direction: row;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm);border: 0;border-bottom: 1px solid var(--color-border-default);border-radius: 0;box-shadow: none;background: transparent}.product-grid[data-density="rows"] .product-card:hover,html[data-density="rows"] .product-grid:not([data-density]) .product-card:hover{box-shadow: none;background: var(--color-surface-sunk)}.product-grid[data-density="rows"] .product-card__image-wrap,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap{flex: 0 0 auto;width: 32px;height: 44px;aspect-ratio: auto;border-radius: var(--radius-sm)}.product-grid[data-density="rows"] .product-card__image-wrap img,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap img{object-fit: contain}.product-grid[data-density="rows"] .product-card__image-wrap .wine-badge,.product-grid[data-density="rows"] .product-card__image-wrap .wine-badge--natural,.product-grid[data-density="rows"] .product-card__image-wrap .packmark,.product-grid[data-density="rows"] .product-card__image-wrap .bottle-count,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap .wine-badge,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap .wine-badge--natural,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap .packmark,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap .bottle-count{display: none}.product-card__mix{display: flex;flex-wrap: wrap;gap: 0 var(--spacing-xs)}.product-card__mix-item{white-space: nowrap}.product-card__img--rows{display: none}.product-grid[data-density="rows"] .product-card__img--cards,html[data-density="rows"] .product-grid:not([data-density]) .product-card__img--cards{display: none}.product-grid[data-density="rows"] .product-card__img--rows,html[data-density="rows"] .product-grid:not([data-density]) .product-card__img--rows{display: block}.product-card__packmark-row{display: none}.product-grid[data-density="rows"] .product-card__packmark-row,html[data-density="rows"] .product-grid:not([data-density]) .product-card__packmark-row{display: inline-flex;flex: 0 0 var(--product-row-packmark-w);justify-content: flex-end;align-items: flex-end}.product-grid[data-density="rows"] .product-card__packmark-row .packmark,html[data-density="rows"] .product-grid:not([data-density]) .product-card__packmark-row .packmark{position: static;filter: none;color: var(--color-accent-primary)}.product-grid[data-density="rows"] .product-card__body,html[data-density="rows"] .product-grid:not([data-density]) .product-card__body{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: row;align-items: center;gap: var(--spacing-md);padding: 0}.product-grid[data-density="rows"] .product-card__name,.product-grid[data-density="rows"] .product-card__winery,.product-grid[data-density="rows"] .product-card__meta,html[data-density="rows"] .product-grid:not([data-density]) .product-card__name,html[data-density="rows"] .product-grid:not([data-density]) .product-card__winery,html[data-density="rows"] .product-grid:not([data-density]) .product-card__meta{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0}.product-grid[data-density="rows"] .product-card__name,html[data-density="rows"] .product-grid:not([data-density]) .product-card__name{flex: 3 1 0;min-width: 0}.product-grid[data-density="rows"] .product-card__winery,html[data-density="rows"] .product-grid:not([data-density]) .product-card__winery{flex: 2 1 0;min-width: 0}.product-grid[data-density="rows"] .product-card__meta,html[data-density="rows"] .product-grid:not([data-density]) .product-card__meta{flex: 2 1 0;min-width: 0}.product-grid[data-density="rows"] .product-card__region,html[data-density="rows"] .product-grid:not([data-density]) .product-card__region{display: none}@media (min-width: 641px) and (max-width: 1100px){.product-grid[data-density="rows"] .product-card__winery,html[data-density="rows"] .product-grid:not([data-density]) .product-card__winery{display: none}}.product-grid[data-density="rows"] .product-card__price-row,html[data-density="rows"] .product-grid:not([data-density]) .product-card__price-row{flex: 0 0 var(--product-row-price-w);margin: 0;display: block}.product-grid[data-density="rows"] .product-card__price,html[data-density="rows"] .product-grid:not([data-density]) .product-card__price{margin: 0;flex: none;text-align: right}.product-grid[data-density="rows"] .product-card__price-row .delivery-badge,html[data-density="rows"] .product-grid:not([data-density]) .product-card__price-row .delivery-badge{display: none}.product-grid[data-density="rows"] .product-card__cta,html[data-density="rows"] .product-grid:not([data-density]) .product-card__cta{flex: 0 0 auto;margin: 0}.product-grid[data-density="rows"] .product-card__fold,html[data-density="rows"] .product-grid:not([data-density]) .product-card__fold{display: none}.product-grid[data-density="rows"] .product-card__author-trigger,html[data-density="rows"] .product-grid:not([data-density]) .product-card__author-trigger{display: none}@media (max-width: 1024px){html:not([data-density="cards"]) .product-grid:not([data-density]){display: block;border-top: 1px solid var(--color-border-default)}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card{flex-direction: row;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm);border: 0;border-bottom: 1px solid var(--color-border-default);border-radius: 0;box-shadow: none;background: transparent}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card:hover{box-shadow: none;background: var(--color-surface-sunk)}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap{flex: 0 0 auto;width: 32px;height: 44px;aspect-ratio: auto;border-radius: var(--radius-sm)}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap img{object-fit: contain}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap .wine-badge,html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap .wine-badge--natural,html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap .packmark,html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap .bottle-count{display: none}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__img--cards{display: none}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__img--rows{display: block}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__packmark-row{display: inline-flex;flex: 0 0 var(--product-row-packmark-w);justify-content: flex-end;align-items: flex-end}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__packmark-row .packmark{position: static;filter: none;color: var(--color-accent-primary)}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__body{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: row;align-items: center;gap: var(--spacing-md);padding: 0}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__name,html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__winery,html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__meta{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__name{flex: 3 1 0;min-width: 0}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__winery{flex: 2 1 0;min-width: 0}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__meta{flex: 2 1 0;min-width: 0}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__region{display: none}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__price-row{flex: 0 0 var(--product-row-price-w);margin: 0;display: block}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__price{margin: 0;flex: none;text-align: right}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__price-row .delivery-badge{display: none}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__cta{flex: 0 0 auto;margin: 0}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__fold{display: none}html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__author-trigger{display: none}}@media (max-width: 640px){.product-grid[data-density="rows"] .product-card__body,html[data-density="rows"] .product-grid:not([data-density]) .product-card__body,.product-grid:not([data-density]) .product-card__body{flex-wrap: wrap;gap: 2px var(--spacing-sm)}.product-grid[data-density="rows"] .product-card__name,html[data-density="rows"] .product-grid:not([data-density]) .product-card__name,.product-grid:not([data-density]) .product-card__name{flex-basis: 100%}.product-grid[data-density="rows"] .product-card__winery,html[data-density="rows"] .product-grid:not([data-density]) .product-card__winery,.product-grid:not([data-density]) .product-card__winery{flex: 1 1 auto}.product-grid[data-density="rows"] .product-card__meta,html[data-density="rows"] .product-grid:not([data-density]) .product-card__meta,.product-grid:not([data-density]) .product-card__meta{display: none}.product-grid[data-density="rows"] .product-card__price-row,html[data-density="rows"] .product-grid:not([data-density]) .product-card__price-row,.product-grid:not([data-density]) .product-card__price-row{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs)}.product-grid[data-density="rows"] .product-card__price-row .delivery-badge,html[data-density="rows"] .product-grid:not([data-density]) .product-card__price-row .delivery-badge,.product-grid:not([data-density]) .product-card__price-row .delivery-badge{display: inline-flex}}.packmark{position: absolute;right: var(--spacing-sm);bottom: var(--spacing-sm);z-index: var(--z-index-raised);display: inline-flex;align-items: flex-end;gap: var(--spacing-xs);color: var(--color-text-muted);pointer-events: none;filter: drop-shadow(0 1px 2px color-mix(in srgb,var(--color-ink) 45%,transparent))}.packmark--min{color: var(--color-accent-primary)}.ico-bottle-solid{display: block;fill: currentColor;stroke: none}.ico-bottle{display: block;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.packmark__x{margin-left: 0;font-family: var(--font-family-ui);font-size: var(--font-size-micro);font-variant-numeric: tabular-nums;letter-spacing: var(--letter-spacing-tight)}}@layer components{.filter-chips{display: flex;flex-wrap: wrap;gap: var(--spacing-sm);align-items: center}.filter-chip{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--color-border-default);border-radius: var(--radius-full);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary);background: var(--color-surface-primary);cursor: pointer;text-decoration: none;white-space: nowrap;transition: background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.filter-chip:hover{border-color: var(--color-border-strong);background: var(--color-surface-sunk);text-decoration: none;color: var(--color-text-primary)}.filter-chip:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring)}.filter-chip--active,a.filter-chip--active{background: var(--color-accent-primary);border-color: var(--color-accent-primary);color: var(--color-text-on-accent)}.filter-chip--active:hover,a.filter-chip--active:hover{background: var(--color-accent-primary-hover);color: var(--color-text-on-accent)}.filter-chip__remove{background: none;border: none;color: inherit;font-size: 1rem;line-height: 1;cursor: pointer;padding: 0;margin-left: var(--spacing-xs)}}@layer components{.status-pill{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--badge-padding-y) var(--badge-padding-x);border-radius: var(--radius-full);font-size: var(--badge-font-size);font-weight: var(--badge-font-weight);letter-spacing: var(--badge-letter-spacing);text-transform: uppercase;white-space: nowrap;border: 1px solid transparent}.table-standard .status-pill,.table-compact .status-pill{font-weight: var(--font-weight-ui-regular);text-transform: none;letter-spacing: normal;padding: 0 var(--badge-padding-x);line-height: var(--line-height-compact)}@media (prefers-reduced-motion: no-preference){.status-pill{transition: opacity var(--duration-fast)}}.status-pill__icon{display: inline-flex;align-items: center;flex-shrink: 0;width: 1em;height: 1em;font-style: normal}.status-pill--neutral{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--info{background: var(--status-pill-tone-info-bg);color: var(--status-pill-tone-info-fg)}.status-pill--waiting{background: var(--status-pill-tone-waiting-bg);color: var(--status-pill-tone-waiting-fg)}.status-pill--action{background: var(--status-pill-tone-action-bg);color: var(--status-pill-tone-action-fg)}.status-pill--progress{background: var(--status-pill-tone-progress-bg);color: var(--status-pill-tone-progress-fg)}.status-pill--success{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--warning{background: var(--status-pill-tone-warning-bg);color: var(--status-pill-tone-warning-fg)}.status-pill--critical{background: var(--status-pill-tone-critical-bg);color: var(--status-pill-tone-critical-fg)}.status-pill--terminal{background: var(--status-pill-tone-terminal-bg);color: var(--status-pill-tone-terminal-fg);border-color: var(--status-pill-tone-terminal-border)}.status-pill--confirmed{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--draft{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--preparing{background: var(--status-pill-tone-progress-bg);color: var(--status-pill-tone-progress-fg)}.status-pill--shipped{background: var(--status-pill-tone-warning-bg);color: var(--status-pill-tone-warning-fg)}.status-pill--transit{background: var(--status-pill-tone-warning-bg);color: var(--status-pill-tone-warning-fg)}.status-pill--delivered{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--published{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--pending{background: var(--status-pill-tone-progress-bg);color: var(--status-pill-tone-progress-fg)}.status-pill--review{background: var(--status-pill-tone-action-bg);color: var(--status-pill-tone-action-fg)}.status-pill--rejected{background: var(--status-pill-tone-critical-bg);color: var(--status-pill-tone-critical-fg)}.status-pill--warning{background: var(--status-pill-tone-warning-bg);color: var(--status-pill-tone-warning-fg)}.status-pill--campaign-active{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--campaign-scheduled{background: var(--status-pill-tone-info-bg);color: var(--status-pill-tone-info-fg)}.status-pill--campaign-ended{background: var(--status-pill-tone-terminal-bg);color: var(--status-pill-tone-terminal-fg);border-color: var(--status-pill-tone-terminal-border)}.status-pill--campaign-draft{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--campaign-terminated{background: var(--status-pill-tone-terminal-bg);color: var(--status-pill-tone-terminal-fg);border-color: var(--status-pill-tone-terminal-fg);border-style: dashed}.status-pill--unpublished{background: var(--status-pill-tone-terminal-bg);color: var(--status-pill-tone-terminal-fg);border-color: var(--status-pill-tone-terminal-border)}.status-pill--changes-requested{background: var(--status-pill-tone-action-bg);color: var(--status-pill-tone-action-fg)}.status-pill--plan-premium{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--plan-free{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--plan-basic{background: var(--status-pill-tone-info-bg);color: var(--status-pill-tone-info-fg)}.status-pill--tier-free{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--tier-basic{background: var(--status-pill-tone-info-bg);color: var(--status-pill-tone-info-fg)}.status-pill--tier-premium{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--tier-custom{background: var(--status-pill-tone-info-bg);color: var(--status-pill-tone-info-fg)}.status-pill--sw-novo,.status-pill--sw-adm-preparing{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.status-pill--sw-postnat,.status-pill--sw-project-ready,.status-pill--sw-adm-postnat,.status-pill--sw-quota-ok{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.status-pill--sw-project-progress,.status-pill--sw-adm-sent{background: var(--status-pill-tone-progress-bg);color: var(--status-pill-tone-progress-fg)}.status-pill--sw-quota-warn{background: var(--status-pill-tone-warning-bg);color: var(--status-pill-tone-warning-fg)}.status-pill--sw-quota-over{background: var(--status-pill-tone-critical-bg);color: var(--status-pill-tone-critical-fg)}.order-card__marks{display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap}.order-card__claim{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);font-family: var(--font-ui);font-size: var(--font-size-micro);color: var(--color-text-muted);text-decoration: none}.order-card__claim svg{width: 1em;height: 1em}.order-card__claim:hover{color: var(--color-text-accent);border-color: var(--color-accent-primary)}.order-card__claim:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring)}.status-pill:has(.status-pill__icon)::before{content: none}.status-pill--action::before,.status-pill--changes-requested::before{content: "!" / "";font-weight: var(--font-weight-ui-semibold);line-height: 1}.status-pill--waiting::before,.status-pill--pending::before,.status-pill--review::before,.status-pill--progress::before{content: "\25F7" / "";line-height: 1}.status-pill--warning::before,.status-pill--critical::before,.status-pill--rejected::before{content: "\26A0" / "";line-height: 1}.status-pill--success::before,.status-pill--published::before,.status-pill--delivered::before,.status-pill--confirmed::before{content: "\2713" / "";line-height: 1}@media (max-width: 640px){.status-pill__text{display: none}}}@layer components{.delivery-badge{--_delivery-badge-padding-y: calc(var(--badge-padding-y) / 2);display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--_delivery-badge-padding-y) var(--badge-padding-x);border-radius: var(--badge-radius);border: 1px solid transparent;font-family: var(--font-ui);font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-semibold);line-height: var(--line-height-compact);min-height: var(--spacing-md-plus);white-space: nowrap}.delivery-badge svg{flex-shrink: 0}.delivery-badge--fast{background: var(--status-pill-tone-success-bg);color: var(--status-pill-tone-success-fg)}.delivery-badge--normal{background: var(--status-pill-tone-neutral-bg);color: var(--status-pill-tone-neutral-fg);border-color: var(--color-border-default)}.delivery-badge--slow{background: var(--status-pill-tone-warning-bg);color: var(--status-pill-tone-warning-fg)}.delivery-badge--long{background: var(--status-pill-tone-critical-bg);color: var(--status-pill-tone-critical-fg)}.delivery-badge--compact{background: none;border: none;padding: 0;min-height: 0;gap: var(--spacing-xs)}.delivery-badge__text{font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-semibold);line-height: 1}.delivery-badge--compact.delivery-badge--fast{color: var(--color-status-success)}.delivery-badge--compact.delivery-badge--normal{color: var(--color-text-muted)}.delivery-badge--compact.delivery-badge--slow{color: var(--color-status-warning-text)}.delivery-badge--compact.delivery-badge--long{color: var(--color-status-error)}}@layer components{.promo-mark{position: absolute;left: var(--spacing-sm);bottom: var(--spacing-sm);z-index: var(--z-index-raised);padding: var(--badge-padding-y) var(--badge-padding-x);border-radius: var(--badge-radius);background: var(--color-accent-primary);color: var(--color-accent-primary-text);font-family: var(--font-ui);font-size: var(--badge-font-size);font-weight: var(--badge-font-weight);letter-spacing: var(--badge-letter-spacing);font-variant-numeric: tabular-nums;white-space: nowrap;pointer-events: none}.promo-mark--inline{position: static;left: auto;bottom: auto;vertical-align: middle}.price-was{margin-left: var(--spacing-xs);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-regular);color: var(--color-text-muted);text-decoration: line-through;font-variant-numeric: tabular-nums}.product-grid[data-density="rows"] .product-card__image-wrap .promo-mark,html[data-density="rows"] .product-grid:not([data-density]) .product-card__image-wrap .promo-mark{display: none}@media (max-width: 1024px){html:not([data-density="cards"]) .product-grid:not([data-density]) .product-card__image-wrap .promo-mark{display: none}}}@layer components{.account-menu{--account-menu-mark-size: 13px;--account-menu-mark-offset: 5px;--account-menu-mark-pad: 1px;display: flex;align-items: center}.account-menu__trigger{appearance: none;-webkit-appearance: none;background: none;border: 0;padding: 0;cursor: pointer;font: inherit;position: relative}.account-menu__check{position: absolute;right: var(--account-menu-mark-offset);bottom: var(--account-menu-mark-offset);width: var(--account-menu-mark-size);height: var(--account-menu-mark-size);padding: var(--account-menu-mark-pad);border-radius: var(--radius-full);background: var(--color-surface-primary);color: var(--color-status-success)}.account-menu__trigger[aria-expanded="true"]{background: var(--color-surface-raised);color: var(--color-text-accent)}.account-menu__panel{position: absolute;top: calc(100% + var(--spacing-xs));right: 0;z-index: var(--z-index-dropdown);width: min(280px,calc(100vw - 96px));padding: var(--spacing-sm) 0;background: var(--color-surface-raised);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);box-shadow: var(--shadow-floating);text-align: left}.account-menu__identity{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-bottom: 1px solid var(--color-border-default);margin-bottom: var(--spacing-sm)}.account-menu__monogram{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-full);border: 1px solid var(--color-text-accent);font-family: var(--font-display);font-style: italic;font-size: var(--font-size-small);color: var(--color-text-accent);line-height: 1}.account-menu__who{min-width: 0}.account-menu__name{font-size: var(--font-size-small);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary)}.account-menu__email{font-size: var(--font-size-micro);color: var(--color-text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.account-menu__list{list-style: none;margin: 0;padding: 0}.account-menu__item{display: flex;align-items: center;gap: var(--spacing-sm);width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 0;background: none;font-family: inherit;font-size: var(--font-size-small);color: var(--color-text-primary);text-align: left;text-decoration: none;cursor: pointer;transition: background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.account-menu__item:hover,.account-menu__item:focus-visible{background: var(--color-surface-sunk);color: var(--color-text-accent);text-decoration: none}.account-menu__item[aria-current="page"]{color: var(--color-text-accent);font-weight: var(--font-weight-ui-medium)}.account-menu__item--quiet{color: var(--color-text-muted)}.account-menu__icon{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: var(--icon-size-ui);height: var(--icon-size-ui);color: var(--color-text-muted)}.account-menu__icon svg{width: 100%;height: 100%;stroke: currentColor;fill: none;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round}.account-menu__item:hover .account-menu__icon,.account-menu__item:focus-visible .account-menu__icon{color: currentColor}.account-menu__divider{height: 1px;margin: var(--spacing-sm) 0;background: var(--color-border-default)}.account-menu__theme{justify-content: flex-start}.account-menu__theme-label{flex: 1;min-width: 0}.account-menu__switch{flex-shrink: 0;position: relative;width: 34px;height: 18px;border-radius: var(--radius-full);background: var(--color-text-muted);transition: background var(--duration-fast) var(--easing-standard)}.account-menu__switch::after{content: "";position: absolute;top: 2px;left: 2px;width: 14px;height: 14px;border-radius: var(--radius-full);background: var(--color-surface-primary);transition: transform var(--duration-fast) var(--easing-standard)}.account-menu__theme[aria-checked="true"] .account-menu__switch{background: var(--color-text-accent)}.account-menu__theme[aria-checked="true"] .account-menu__switch::after{transform: translateX(16px)}@media (prefers-reduced-motion: reduce){.account-menu__switch,.account-menu__switch::after{transition: none}}.header-public--transparent .account-menu__panel{color: var(--color-text-primary);text-shadow: none}.account-menu__role-mark{position: absolute;right: var(--account-menu-mark-offset);bottom: var(--account-menu-mark-offset);width: var(--account-menu-mark-size);height: var(--account-menu-mark-size);padding: var(--account-menu-mark-pad);border-radius: var(--radius-full);background: var(--color-surface-raised);display: flex;align-items: center;justify-content: center}.account-menu__role-mark--winery{color: var(--color-status-success)}.account-menu__role-mark--admin{color: var(--color-accent-primary)}.account-menu--panel{position: relative}.account-menu--panel .account-menu__identity{flex-direction: column;align-items: flex-start;gap: var(--spacing-xs)}.account-menu__role-line{font-size: var(--font-size-micro);color: var(--color-text-muted)}.account-menu--panel .account-menu__theme{display: none}}@layer components{.notif-day{margin-bottom: var(--spacing-md)}.notif-day__header{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md)}.notif-day__label{font-family: var(--typography-font-ui);font-size: var(--notif-inbox-day-label-size);font-weight: var(--notif-inbox-day-label-weight);color: var(--color-text-muted);letter-spacing: var(--notif-inbox-day-label-spacing);text-transform: uppercase;white-space: nowrap;flex-shrink: 0}.notif-day__rule{flex: 1;height: 1px;background: var(--color-border-default)}.notif-list{list-style: none;margin: 0;padding: 0}.notif-row{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm-plus) var(--spacing-md);min-height: var(--notif-inbox-row-min-height);border-bottom: 1px solid var(--color-border-default);background: var(--color-surface-primary);text-decoration: none;color: inherit;position: relative;transition: background var(--duration-fast)}.notif-row:last-child{border-bottom: none}.notif-row:hover,a.notif-row:hover{background: var(--color-surface-sunk);text-decoration: none}.notif-row--unread{background: var(--color-surface-alt)}.notif-row--unread:hover{background: var(--color-surface-sunk)}.notif-row__roundel{display: flex;align-items: center;justify-content: center;width: var(--notif-inbox-roundel-size);height: var(--notif-inbox-roundel-size);border-radius: var(--notif-inbox-roundel-radius);flex-shrink: 0;background: var(--color-text-subtle);color: var(--color-text-on-accent)}.notif-row__icon{display: block;flex-shrink: 0}.notif-row--order .notif-row__roundel{background: var(--notif-inbox-roundel-order-bg)}.notif-row--shipment .notif-row__roundel{background: var(--notif-inbox-roundel-shipment-bg)}.notif-row--review .notif-row__roundel{background: var(--notif-inbox-roundel-review-bg)}.notif-row--finance .notif-row__roundel{background: var(--notif-inbox-roundel-finance-bg)}.notif-row--system .notif-row__roundel{background: var(--notif-inbox-roundel-system-bg)}.notif-row__content{flex: 1;display: flex;flex-direction: column;gap: var(--spacing-xs);min-width: 0}.notif-row__title{font-family: var(--typography-font-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-regular);color: var(--color-text-primary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: var(--line-height-compact)}.notif-row--unread .notif-row__title{font-weight: var(--font-weight-ui-semibold)}.notif-row__body{font-family: var(--typography-font-ui);font-size: var(--font-size-micro);color: var(--color-text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: var(--line-height-compact)}.notif-row__meta{display: flex;flex-direction: column;align-items: flex-end;gap: var(--spacing-xs);flex-shrink: 0}.notif-row__time{font-family: var(--typography-font-ui);font-size: var(--font-size-micro);color: var(--color-text-muted);white-space: nowrap;line-height: var(--line-height-compact)}.notif-row__unread-dot{display: none;width: var(--notif-inbox-unread-dot-size);height: var(--notif-inbox-unread-dot-size);border-radius: var(--radius-full);background: var(--color-accent-primary);flex-shrink: 0}.notif-row--unread .notif-row__unread-dot{display: block}.notif-row--collapsed{cursor: pointer;background: var(--color-surface-sunk)}.notif-row--collapsed:hover{background: var(--color-surface-primary)}.notif-row__expand{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;background: none;border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text-muted);flex-shrink: 0;position: relative;transition: background var(--duration-fast),border-color var(--duration-fast)}.notif-row__expand::before{content: '';position: absolute;inset: calc(0px - var(--spacing-sm))}.notif-row__expand:hover{background: var(--color-surface-primary);border-color: var(--color-border-strong)}.notif-row__expand:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring)}.notif-row > a:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring);border-radius: var(--radius-sm)}.notif-row__expand[aria-expanded="true"] .expand-icon{transform: rotate(180deg)}.notif-row__expand-group{display: inline-flex;align-items: center;gap: var(--spacing-xs)}.notif-row__group-count{display: inline-flex;align-items: center;justify-content: center;min-width: var(--spacing-md);height: var(--spacing-md);padding: 0 var(--spacing-xs);font-family: var(--typography-font-ui);font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-semibold);border-radius: var(--radius-full);background: var(--color-border-default);color: var(--color-text-muted);line-height: 1;flex-shrink: 0;pointer-events: none}.notif-group__inner{padding-left: calc(var(--notif-inbox-roundel-size) + var(--spacing-md) + var(--spacing-md));border-bottom: 1px solid var(--color-border-default)}.notif-group__inner .notif-row{padding-left: 0;border-bottom: none}.notif-group__inner .notif-row:not(:last-child){border-bottom: 1px solid var(--color-border-default)}.notif-chip-row{position: relative;overflow: hidden}.notif-chip-row::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: var(--spacing-xl);background: linear-gradient( to right,var(--notif-inbox-chip-row-bg-fade) 0%,transparent 100% );z-index: var(--z-index-raised);pointer-events: none;opacity: 0;transition: opacity var(--duration-fast)}.notif-chip-row::after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: var(--spacing-xl);background: linear-gradient( to left,var(--notif-inbox-chip-row-bg-fade) 0%,transparent 100% );z-index: var(--z-index-raised);pointer-events: none}.notif-chip-row.is-scrolled-start::before{opacity: 1}.notif-chip-row__inner{display: flex;flex-wrap: nowrap;gap: var(--spacing-sm);overflow-x: auto;padding: var(--spacing-md);padding-bottom: var(--spacing-sm);-webkit-overflow-scrolling: touch;scrollbar-width: none}.notif-chip-row__inner::-webkit-scrollbar{display: none}.filter-chip__count{display: inline-flex;align-items: center;justify-content: center;min-width: var(--notif-inbox-filter-chip-count-min-size);height: var(--notif-inbox-filter-chip-count-height);padding: 0 var(--spacing-xs);font-family: var(--typography-font-ui);font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-semibold);border-radius: var(--radius-full);background: var(--color-border-default);color: var(--color-text-muted);margin-left: var(--spacing-xs);line-height: 1}.filter-chip--active .filter-chip__count,a.filter-chip--active .filter-chip__count{background: transparent;color: var(--color-text-on-accent);border: 1px solid var(--color-text-on-accent)}.notif-header{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-md);padding: var(--spacing-md) 0 var(--spacing-lg);flex-wrap: wrap}.notif-header__actions{display: flex;align-items: center;gap: var(--spacing-sm)}a.notif-row{min-height: max(var(--notif-inbox-row-min-height),44px)}.notif-inbox-card{background: var(--color-surface-primary);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);overflow: hidden}.notif-row__category{display: block}.notif-row__actions{display: flex;gap: var(--spacing-xs);flex-shrink: 0}.notif-row__link{display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-md);flex: 1;min-width: 0;text-decoration: none;color: inherit}.notif-row__link:hover{text-decoration: none;color: inherit}.notif-inbox .notif-row__title,.notif-inbox .notif-row__body{white-space: normal;overflow: visible;text-overflow: clip}@media (max-width: 640px){.notif-row__title{white-space: normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.notif-inbox .notif-row__title{display: block;-webkit-line-clamp: none}.notif-inbox .notif-row{align-items: flex-start;flex-wrap: wrap}.notif-inbox .notif-row__link{flex-direction: column;align-items: flex-start;gap: var(--spacing-xs)}.notif-inbox .notif-row__link .notif-row__meta{align-items: flex-start;flex-direction: row;gap: var(--spacing-sm)}.notif-inbox .notif-row__actions{width: 100%;flex-wrap: wrap}}@media (prefers-reduced-motion: reduce){.notif-row,.notif-chip-row::before,.notif-chip-row::after,.notif-row__expand{transition: none}}}@layer components{.channel-matrix{width: 100%;border-collapse: collapse}.channel-matrix th,.channel-matrix td{padding: var(--spacing-md) var(--spacing-sm);text-align: center;border-bottom: 1px solid var(--color-border-default)}.channel-matrix tbody tr:last-child > *{border-bottom: 0}.channel-matrix th:first-child,.channel-matrix td:first-child{text-align: left;padding-left: 0}.channel-matrix thead th{font-family: var(--font-ui);font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-semibold);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;color: var(--color-text-muted)}.channel-matrix__category{font-family: var(--font-ui);font-size: var(--font-size-body);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary)}.channel-matrix__hint{display: block;font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-regular);color: var(--color-text-muted)}.channel-matrix input[type="checkbox"]{width: var(--checkbox-size-sm);height: var(--checkbox-size-sm);min-width: var(--checkbox-size-sm);accent-color: var(--color-accent-primary)}.channel-matrix input[type="checkbox"]:disabled{cursor: not-allowed}.channel-matrix__locked{display: block;margin-top: var(--spacing-xs);font-size: var(--font-size-micro);color: var(--color-text-muted)}@media (prefers-reduced-motion: reduce){.channel-matrix{transition: none}}}@layer components{.form-group{margin-bottom: var(--spacing-lg)}.form-label{display: block;font-size: var(--input-label-font-size);font-weight: var(--input-label-font-weight);color: var(--input-label-color);margin-bottom: var(--spacing-sm)}.form-input,.form-select,.form-textarea{display: block;width: 100%;min-width: 0;min-height: var(--input-min-height);padding: var(--input-padding-y) var(--input-padding-x);font-family: var(--input-font-family);font-size: var(--input-font-size);color: var(--input-text);background: var(--input-bg);border: 1px solid var(--input-border);border-radius: var(--input-radius);transition: border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color: var(--input-border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline: none;border-color: var(--input-border-focus);box-shadow: var(--input-focus-ring)}.form-input--compact,.form-select--compact,.form-textarea--compact{min-height: 0;padding: var(--input-padding-y-compact) var(--input-padding-x-compact)}.form-input--mono{font-family: var(--font-mono,monospace)}.form-textarea{min-height: 120px;resize: vertical}.form-hint{font-size: var(--font-size-micro);color: var(--input-hint-color);margin-top: var(--spacing-xs)}.form-error{font-size: var(--font-size-micro);color: var(--input-error-color);margin-top: var(--spacing-xs)}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-lg)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color: var(--input-placeholder);font-style: italic;opacity: 1}fieldset.form-group,fieldset.form-fieldset{border: 0;padding: 0;min-width: 0}fieldset.form-group > legend,fieldset.form-fieldset > legend{padding-inline: 0}.form-helper-text{font-size: var(--font-size-micro);color: var(--color-text-muted);margin-top: var(--spacing-xs)}.form-helper-text--approval{color: var(--color-status-warning-text);font-weight: var(--font-weight-ui-medium)}.pw-label-row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--spacing-sm);margin-bottom: var(--spacing-xs)}.pw-label-row .form-label{margin-bottom: 0}.pw-label-row__actions{display: flex;gap: var(--spacing-xs);flex-shrink: 0}.form-label__lock{margin-left: var(--spacing-xs);font-size: var(--font-size-micro);font-weight: var(--font-weight-ui-regular);color: var(--color-status-warning-text);white-space: nowrap}.form-hint--warn{color: var(--color-status-warning-text,var(--color-status-error))}}@layer components{.file-upload{display: flex;flex-direction: column;gap: var(--spacing-xs)}.file-upload__trigger-row{display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap}.file-upload__trigger{display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-xs);min-height: var(--file-upload-trigger-min-height);padding: var(--file-upload-trigger-padding-y) var(--file-upload-trigger-padding-x);font-family: var(--input-font-family);font-size: var(--file-upload-trigger-font-size);font-weight: var(--file-upload-trigger-font-weight);color: var(--file-upload-trigger-text);background: var(--file-upload-trigger-bg);border: 1px solid var(--file-upload-trigger-border);border-radius: var(--file-upload-trigger-radius);cursor: pointer;white-space: nowrap;user-select: none;flex-shrink: 0;transition: color var(--motion-duration-fast),background-color var(--motion-duration-fast),border-color var(--motion-duration-fast)}.file-upload__trigger:hover{background-color: var(--file-upload-trigger-bg-hover);color: var(--file-upload-trigger-text-hover);border-color: var(--file-upload-trigger-border-hover)}.file-upload__trigger:focus-within{outline: none;border-color: var(--input-border-focus);box-shadow: var(--file-upload-trigger-focus-ring)}.file-upload__native{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}.file-upload__status{font-family: var(--input-font-family);font-size: var(--file-upload-trigger-font-size);color: var(--file-upload-status-color);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.file-upload--chosen .file-upload__status{display: none}.file-upload__chosen-row{display: none;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap}.file-upload--chosen .file-upload__chosen-row{display: flex}.file-upload__preview{display: none;flex-shrink: 0}.file-upload--preview .file-upload__preview--image{display: block}.file-upload--document .file-upload__preview--document{display: flex;align-items: center;color: var(--file-upload-doc-glyph-color)}.file-upload__preview-img{display: block;width: var(--file-upload-preview-img-size);height: var(--file-upload-preview-img-size);object-fit: cover;border-radius: var(--file-upload-preview-img-radius);background-color: var(--input-bg-disabled)}.file-upload__doc-icon{width: var(--file-upload-doc-glyph-size);height: auto;color: var(--file-upload-doc-glyph-color)}.file-upload__chip{display: inline-flex;align-items: center;gap: var(--spacing-xs);background: var(--file-upload-chip-bg);border: 1px solid var(--file-upload-chip-border);border-radius: var(--file-upload-chip-radius);padding: var(--file-upload-chip-padding-y) var(--file-upload-chip-padding-x);min-width: 0}.file-upload__filename{font-family: var(--input-font-family);font-size: var(--file-upload-trigger-font-size);color: var(--file-upload-chip-text);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;max-width: var(--file-upload-filename-max-width)}.file-upload__remove{display: inline-flex;align-items: center;justify-content: center;width: var(--spacing-lg);height: var(--spacing-lg);padding: 0;background: none;border: none;border-radius: var(--file-upload-chip-radius);color: var(--file-upload-remove-color);cursor: pointer;flex-shrink: 0;transition: color var(--motion-duration-fast)}.file-upload__remove:hover{color: var(--file-upload-remove-color-hover)}.file-upload__remove:focus-visible{outline: none;box-shadow: var(--input-focus-ring)}.file-upload__progress{display: none;flex-direction: column;gap: var(--spacing-xs)}.file-upload--uploading .file-upload__progress{display: flex}.file-upload__progress-track{width: 100%;height: var(--file-upload-progress-height);background: var(--file-upload-progress-track-bg);border-radius: var(--file-upload-progress-radius);overflow: hidden}.file-upload__progress-fill{height: 100%;width: 0%;background: var(--file-upload-progress-fill-bg);border-radius: var(--file-upload-progress-radius);transition: width var(--motion-duration-base)}.file-upload__progress-text{font-family: var(--input-font-family);font-size: var(--typography-size-micro);color: var(--input-hint-color)}.file-upload__transport-error{display: none;align-items: flex-start;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);background: var(--file-upload-transport-error-bg);border: 1px solid var(--file-upload-transport-error-border);border-radius: var(--file-upload-transport-error-radius);color: var(--file-upload-transport-error-text)}.file-upload--transport-error .file-upload__transport-error{display: flex}.file-upload__transport-error-icon{flex-shrink: 0;margin-top: var(--file-upload-transport-error-icon-offset)}.file-upload__transport-error-text{font-family: var(--input-font-family);font-size: var(--typography-size-micro);line-height: var(--line-height-compact)}.file-upload__error:empty{display: none}.file-upload:has(.file-upload__error:not(:empty)) .file-upload__trigger,.file-upload--validation-error .file-upload__trigger{border-color: var(--input-border-error)}.file-upload__trigger:has(.file-upload__native:disabled){opacity: 0.5;cursor: not-allowed;pointer-events: none}@media (max-width: 480px){.file-upload__trigger-row{flex-direction: column;align-items: flex-start}.file-upload__trigger{width: 100%;justify-content: center}.file-upload__status{white-space: normal}.file-upload__filename{max-width: var(--file-upload-filename-max-width-mobile)}}@media (prefers-reduced-motion: reduce){.file-upload__trigger,.file-upload__remove,.file-upload__progress-fill{transition: none}}}@layer components{.form-select-wrapper{position: relative;display: block}.form-select-wrapper > .form-select{appearance: none;-webkit-appearance: none;padding-right: var(--form-select-padding-right-extra);cursor: pointer}.form-select-wrapper::after{content: '';position: absolute;right: var(--input-padding-x);top: 50%;transform: translateY(-50%);width: var(--form-select-chevron-size);height: var(--form-select-chevron-size);pointer-events: none;flex-shrink: 0;background-color: var(--form-select-chevron-color);-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 5.5L8 10.5L12.5 5.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 5.5L8 10.5L12.5 5.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-size: contain;mask-repeat: no-repeat;mask-position: center;transition: background-color var(--motion-duration-fast)}.form-select.is-error,.form-select[aria-invalid="true"]{border-color: var(--input-border-error)}.form-select-wrapper:has(.form-select.is-error)::after,.form-select-wrapper:has(.form-select[aria-invalid="true"])::after{background-color: var(--form-select-chevron-color-error)}.form-select-wrapper > .form-select:disabled{background-color: var(--input-bg-disabled);color: var(--color-text-subtle);cursor: not-allowed;opacity: 1;border-color: var(--input-border)}.form-select-wrapper:has(.form-select:disabled)::after{background-color: var(--form-select-chevron-color-disabled)}.form-select > optgroup{font-weight: var(--font-weight-ui-semibold);font-style: normal}.form-select-wrapper--sm > .form-select{min-height: auto;padding-top: var(--spacing-xs);padding-bottom: var(--spacing-xs);padding-left: var(--spacing-sm);padding-right: var(--form-select-padding-right-extra);font-size: var(--typography-size-small)}@media (max-width: 480px){.form-select-wrapper > .form-select{font-size: var(--input-font-size)}}@media (prefers-reduced-motion: reduce){.form-select-wrapper::after{transition: none}}}@layer components{.split-detail{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,340px);gap: var(--spacing-xl);align-items: start}.split-summary{display: grid;grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);gap: var(--spacing-xl);align-items: start}.split-even{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--spacing-md);align-items: start}.metric-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: var(--spacing-md)}.spec-list{display: grid;grid-template-columns: minmax(80px,max-content) minmax(0,1fr);gap: var(--spacing-sm) var(--spacing-lg)}@media (max-width: 480px){.spec-list{grid-template-columns: 1fr;gap: var(--spacing-xs)}.spec-list dt{margin-top: var(--spacing-sm)}.spec-list dt:first-child{margin-top: 0}}}@layer components{.pagination{display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);padding: var(--spacing-xl) 0}.pagination__item{min-width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;padding: 0 var(--spacing-sm);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);font-family: var(--font-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary);background: var(--color-surface-primary);text-decoration: none;transition: background var(--duration-fast),border-color var(--duration-fast)}.pagination__item:hover{border-color: var(--color-accent-primary);color: var(--color-accent-primary);text-decoration: none}.pagination__item--active{background: var(--color-accent-primary);border-color: var(--color-accent-primary);color: var(--color-text-on-accent)}.pagination__item--active:hover{background: var(--color-accent-primary-hover,var(--color-accent-primary));border-color: var(--color-accent-primary-hover,var(--color-accent-primary));color: var(--color-text-on-accent)}.pagination__item:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring)}}@layer components{.breadcrumb{display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-small);color: var(--color-text-muted);padding: var(--spacing-md) 0}.breadcrumb a{color: var(--color-text-muted);text-decoration: none}.breadcrumb a:hover{color: var(--color-text-accent);text-decoration: underline}.breadcrumb__sep{color: var(--color-text-subtle)}.breadcrumb__current{color: var(--color-text-primary)}.breadcrumb{font-size: var(--font-size-micro);padding-top: var(--spacing-sm);padding-bottom: 0}@media (max-width: 767px){.breadcrumb{padding-top: var(--spacing-xs);gap: var(--spacing-xs)}}}@layer components{.bundle-selector{display: flex;border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);overflow: hidden;--bundle-selector-focus-width: 2px}.bundle-option{flex: 1;display: flex;flex-direction: column;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);text-align: center;cursor: pointer;color: var(--color-text-primary);background: var(--color-surface-primary);border: 0;appearance: none;font: inherit;border-inline-start: 1px solid var(--color-border-default);transition: background var(--duration-fast),color var(--duration-fast)}.bundle-option:first-child{border-inline-start: none}.bundle-option--active{background: var(--color-accent-primary);color: var(--color-text-on-accent)}.bundle-option:hover:not(.bundle-option--active){background: var(--color-surface-sunk)}.bundle-option:focus-visible{outline: var(--bundle-selector-focus-width) solid var(--color-accent-primary);outline-offset: calc(-1 * var(--bundle-selector-focus-width));position: relative;z-index: 1}.bundle-option--active:focus-visible{outline-color: var(--color-text-on-accent)}.bundle-option__glyphs{display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);line-height: 1}.bundle-option__qty{font-weight: var(--font-weight-ui-semibold);font-size: var(--font-size-small)}.bundle-option__price{font-size: var(--font-size-micro);color: inherit;opacity: 0.8}@media (max-width: 480px){.bundle-selector--stack{display: grid;grid-template-columns: 1fr 1fr}.bundle-selector--stack .bundle-option:nth-child(odd){border-inline-start: none}.bundle-selector--stack .bundle-option:nth-child(1),.bundle-selector--stack .bundle-option:nth-child(2){border-block-end: 1px solid var(--color-border-default)}}}@layer components{.tabs{display: flex;position: relative;gap: 0;margin-bottom: var(--spacing-xl);overflow-x: auto;flex-wrap: nowrap;scrollbar-width: none;padding-top: var(--spacing-xs);margin-top: calc(-1 * var(--spacing-xs));border-bottom: 2px solid var(--color-border-default)}.tabs::-webkit-scrollbar{display: none}.tabs::before,.tabs::after{content: '';position: sticky;align-self: stretch;flex: 0 0 var(--spacing-2xl);pointer-events: none;z-index: 1;opacity: 0}.tabs::after{right: 0;margin-left: calc(-1 * var(--spacing-2xl));background: linear-gradient(to left,var(--color-border-default),transparent)}.tabs::before{left: 0;margin-right: calc(-1 * var(--spacing-2xl));background: linear-gradient(to right,var(--color-border-default),transparent)}@supports (animation-timeline: scroll()){.tabs::after{animation: --tabs-right-hint linear;animation-timeline: scroll(nearest inline);animation-fill-mode: none}.tabs::before{animation: --tabs-left-hint linear;animation-timeline: scroll(nearest inline);animation-fill-mode: none}@keyframes --tabs-right-hint{from{opacity: 1}to{opacity: 0}}@keyframes --tabs-left-hint{from{opacity: 0}to{opacity: 1}}}.tab{display: inline-flex;align-items: center;justify-content: center;min-height: var(--touch-target-min);flex-shrink: 0;white-space: nowrap;padding: var(--spacing-sm) var(--spacing-lg);border: none;background: none;font-family: var(--font-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-semibold);color: var(--color-text-muted);cursor: pointer;border-bottom: 2px solid transparent;text-decoration: none;transition: color var(--duration-fast),border-color var(--duration-fast)}.tab:hover{color: var(--color-accent-primary);text-decoration: none}.tab--active{color: var(--color-accent-primary);border-bottom-color: var(--color-accent-primary)}.tab:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring);border-radius: var(--radius-button) var(--radius-button) 0 0}[data-theme="dark"] .tab:hover{color: var(--color-accent-link)}[data-theme="dark"] .tab--active{color: var(--color-accent-link);border-bottom-color: var(--color-accent-link)}.tabs--switch .tab{padding-inline: var(--spacing-md)}@media (min-width: 641px){.tabs{flex-wrap: wrap;overflow-x: visible}.tabs::before,.tabs::after{display: none}}.tab-panel{outline: none}@media print{.tab-panel[hidden],.tab-panel{display: block !important}.tab-panel + .tab-panel{border-top: 1px solid var(--color-border-default);padding-top: var(--spacing-md);margin-top: var(--spacing-md)}}.tab-panel--flush-top{border-top-left-radius: 0;border-top-right-radius: 0}}@layer components{.pdp-bottle-360{position: relative;background: var(--color-surface-sunk);border-radius: var(--radius-card);border: 1px solid var(--color-border-default);overflow: hidden;aspect-ratio: 3/4;display: flex;align-items: center;justify-content: center}.pdp-bottle-360 .cloudimage-360{width: 100% !important;height: 100% !important;padding-bottom: 0 !important;cursor: grab;display: flex;align-items: center;justify-content: center}.pdp-bottle-360 .cloudimage-360:active{cursor: grabbing}.pdp-bottle-360 .cloudimage-360 img,.pdp-bottle-360 .cloudimage-360 canvas{width: auto !important;height: 88% !important;max-width: 90% !important;object-fit: contain;position: relative !important;top: auto !important;left: auto !important}.pdp-bottle-360__hint{position: absolute;bottom: var(--spacing-sm);left: 50%;transform: translateX(-50%);margin: 0;padding: var(--spacing-xs) var(--spacing-md);background: rgba(31,23,18,0.7);color: var(--color-text-on-accent);font-size: var(--font-size-micro);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;border-radius: var(--radius-full);pointer-events: none;white-space: nowrap}.pdp-bottle-flip{position: relative;width: 100%;aspect-ratio: 3/4;background: var(--color-surface-sunk);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);overflow: hidden;cursor: grab;perspective: 1200px;touch-action: pan-y;user-select: none}.pdp-bottle-flip:active{cursor: grabbing}.pdp-bottle-flip img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;backface-visibility: hidden;transition: transform 0.6s ease}.pdp-bottle-flip .pdp-bottle-flip__back{transform: rotateY(180deg)}.pdp-bottle-flip.is-flipped .pdp-bottle-flip__front{transform: rotateY(180deg)}.pdp-bottle-flip.is-flipped .pdp-bottle-flip__back{transform: rotateY(0deg)}.pdp-bottle-flip__hint{position: absolute;bottom: var(--spacing-sm);left: 50%;transform: translateX(-50%);margin: 0;padding: var(--spacing-xs) var(--spacing-md);background: rgba(31,23,18,0.7);color: var(--color-text-on-accent);font-size: var(--font-size-micro);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;border-radius: var(--radius-full);pointer-events: none;white-space: nowrap;z-index: 1}.pdp-bottle-360{position: relative;width: 100%;aspect-ratio: 3/4;background: var(--color-surface-sunk);border-radius: var(--radius-card);border: 1px solid var(--color-border-default);overflow: hidden}.pdp-bottle-360 .cloudimage-360{position: absolute !important;inset: 0 !important;width: 100% !important;height: 100% !important;padding-bottom: 0 !important;cursor: grab;touch-action: pan-y;-webkit-user-select: none;user-select: none;display: flex;align-items: center;justify-content: center}.pdp-bottle-360 .cloudimage-360:active{cursor: grabbing}.pdp-bottle-360 .cloudimage-360-inner-box{position: relative !important;width: 100% !important;height: 100% !important;display: flex;align-items: center;justify-content: center}.pdp-bottle-360 .cloudimage-360 img,.pdp-bottle-360 .cloudimage-360 canvas{width: 100% !important;height: 100% !important;max-width: 100% !important;max-height: 100% !important;object-fit: contain !important}.pdp-bottle-360 .cloudimage-360-hints-overlay,.pdp-bottle-360 .cloudimage-initial-icon,.pdp-bottle-360 .cloudimage-360-button{display: none !important}.pdp-bottle-360__hint{position: absolute;bottom: var(--spacing-sm);left: 50%;transform: translateX(-50%);margin: 0;padding: var(--spacing-xs) var(--spacing-md);background: rgba(31,23,18,0.7);color: var(--color-text-on-accent);font-size: var(--font-size-micro);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;border-radius: var(--radius-full);pointer-events: none;white-space: nowrap;z-index: 2}.pdp-thumbs--square{grid-template-columns: repeat(3,1fr)}.pdp-thumb--button{display: block;padding: 0;width: 100%;aspect-ratio: 1 / 1;background: var(--color-surface-sunk);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);overflow: hidden;cursor: pointer;transition: border-color 0.2s ease,transform 0.2s ease}.pdp-thumb--button:hover,.pdp-thumb--button:focus-visible{border-color: var(--color-accent-primary);transform: translateY(-1px)}.pdp-thumb--button img{width: 100%;height: 100%;object-fit: contain;display: block}.pdp-lightbox{position: fixed;inset: 0;z-index: 1000;background: var(--color-surface-primary);display: flex;align-items: stretch;justify-content: center;padding: var(--spacing-xl)}.pdp-lightbox[hidden]{display: none}.pdp-lightbox__layout{display: grid;grid-template-columns: 96px minmax(0,1fr) 320px;gap: var(--spacing-xl);align-items: center;width: 100%;max-width: 1280px;margin: 0 auto}.pdp-lightbox__thumbs{display: flex;flex-direction: column;gap: var(--spacing-sm);max-height: 100%;overflow-y: auto;padding: var(--spacing-xs)}.pdp-lightbox__thumb{appearance: none;background: var(--color-surface-sunk);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);padding: var(--spacing-xs);cursor: pointer;transition: border-color 0.2s ease,background 0.2s ease;width: 100%;aspect-ratio: 1;display: flex;align-items: center;justify-content: center}.pdp-lightbox__thumb img{max-width: 100%;max-height: 100%;object-fit: contain;display: block}.pdp-lightbox__thumb:hover,.pdp-lightbox__thumb:focus-visible{border-color: var(--color-border-strong);background: var(--color-surface-alt)}.pdp-lightbox__thumb.is-active{border-color: var(--color-accent-gold,var(--color-accent-primary));background: var(--color-surface-alt)}.pdp-lightbox__stage{position: relative;display: flex;align-items: center;justify-content: center;height: 100%;min-height: 0}.pdp-lightbox__img{max-width: 100%;max-height: 100%;object-fit: contain;display: block;user-select: none}.pdp-lightbox__info{background: var(--color-surface-alt);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);padding: var(--spacing-xl);color: var(--color-text-primary);align-self: center;max-height: 100%;overflow-y: auto}.pdp-lightbox__info-eyebrow{font-size: var(--font-size-micro);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;color: var(--color-text-muted);margin: 0 0 var(--spacing-xs)}.pdp-lightbox__info-title{font-family: var(--font-display);font-style: italic;font-size: var(--font-size-h3);font-weight: var(--font-weight-display-regular);margin: 0 0 var(--spacing-xs);color: var(--color-text-primary)}.pdp-lightbox__info-region{font-size: var(--font-size-small);color: var(--color-text-muted);margin: 0 0 var(--spacing-lg)}.pdp-lightbox__info-facts{display: flex;flex-direction: column;gap: var(--spacing-sm);margin: 0 0 var(--spacing-lg);padding: var(--spacing-md) 0;border-top: 1px solid var(--color-border-default);border-bottom: 1px solid var(--color-border-default)}.pdp-lightbox__info-facts > div{display: flex;justify-content: space-between;gap: var(--spacing-md);font-size: var(--font-size-small)}.pdp-lightbox__info-facts dt{color: var(--color-text-subtle);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;font-size: var(--font-size-micro)}.pdp-lightbox__info-facts dd{margin: 0;font-weight: var(--font-weight-ui-semibold);color: var(--color-text-primary)}.pdp-lightbox__info-price{font-size: var(--font-size-h3);font-weight: var(--font-weight-ui-semibold);color: var(--color-text-primary);margin-bottom: var(--spacing-md)}.pdp-lightbox__close,.pdp-lightbox__nav{background: var(--color-surface-alt);color: var(--color-text-primary);border: 1px solid var(--color-border-default);border-radius: var(--radius-full);cursor: pointer;font-family: inherit;line-height: 1;transition: background 0.2s ease,border-color 0.2s ease}.pdp-lightbox__close:hover,.pdp-lightbox__nav:hover,.pdp-lightbox__close:focus-visible,.pdp-lightbox__nav:focus-visible{background: var(--color-surface-sunk);border-color: var(--color-border-strong)}.pdp-lightbox__close{position: absolute;top: var(--spacing-lg);right: var(--spacing-lg);width: 44px;height: 44px;font-size: 20px;z-index: 2}.pdp-lightbox__nav{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;font-size: 28px;display: flex;align-items: center;justify-content: center;padding: 0 0 4px;z-index: 1}.pdp-lightbox__nav--prev{left: var(--spacing-sm)}.pdp-lightbox__nav--next{right: var(--spacing-sm)}@media (max-width: 960px){.pdp-lightbox{align-items: flex-start;overflow-y: auto}.pdp-lightbox__layout{grid-template-columns: 72px minmax(0,1fr);grid-template-areas: "thumbs stage" "info info";gap: var(--spacing-md);align-items: start}.pdp-lightbox__thumbs{grid-area: thumbs;max-height: none}.pdp-lightbox__stage{grid-area: stage;height: auto}.pdp-lightbox__img{max-height: 55vh}.pdp-lightbox__info{grid-area: info;max-height: none;overflow: visible}.pdp-lightbox__close{position: fixed}}@media (max-width: 600px){.pdp-lightbox{padding: var(--spacing-md)}.pdp-lightbox__layout{gap: var(--spacing-sm)}.pdp-lightbox__close{top: var(--spacing-md);right: var(--spacing-md)}.pdp-lightbox__nav{width: 40px;height: 40px;font-size: 22px}.pdp-lightbox__nav--prev{left: var(--spacing-xs)}.pdp-lightbox__nav--next{right: var(--spacing-xs)}}.pdp-hero-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-editorial-md);align-items: start}.pdp-thumbs{list-style: none;margin: var(--spacing-md) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: var(--spacing-sm)}.pdp-thumb{aspect-ratio: 1 / 1;background: var(--color-surface-sunk);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);overflow: hidden;cursor: pointer}.pdp-thumb img{width: 100%;height: 100%;object-fit: cover;display: block}.pdp-thumbs--contents{grid-template-columns: repeat(auto-fill,minmax(4.5rem,1fr))}.pdp-thumbs--contents .pdp-thumb{display: block;aspect-ratio: 3 / 4}.pdp-thumbs--contents .pdp-thumb img{object-fit: contain}.pdp-bottle-flip-layout{display: grid;grid-template-columns: 120px 1fr;gap: var(--spacing-md);align-items: start}.pdp-bottle-flip-layout__main{min-width: 0}.pdp-thumbs.pdp-thumbs--vertical{display: flex;flex-direction: column;gap: var(--spacing-sm);margin: 0;padding: 0;list-style: none;width: 100%;grid-template-columns: none}.pdp-thumbs--vertical > li{width: 100%}.pdp-thumb--mini{width: 120px;aspect-ratio: 1 / 1}@media (max-width: 600px){.pdp-bottle-flip-layout{grid-template-columns: 88px 1fr;gap: var(--spacing-sm)}.pdp-thumb--mini{width: 88px}}.pdp-author{display: flex;gap: var(--spacing-xl);align-items: flex-start}.pdp-author__portrait{width: var(--card-author-portrait-lg);height: var(--card-author-portrait-lg);border-radius: var(--radius-avatar);border: 3px solid var(--card-author-ring-premium);background: var(--color-surface-sunk);display: flex;align-items: center;justify-content: center;font-size: 3rem;flex-shrink: 0}.pdp-winery-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-xl);align-items: start}.pdp-winery-grid__media{background: var(--color-surface-primary);border-radius: var(--radius-card);aspect-ratio: 16 / 9;display: flex;align-items: center;justify-content: center;font-size: 3rem;border: 1px solid var(--color-border-default)}.pdp-secondary-cta{background: var(--color-surface-alt);border: 1px solid var(--color-border-default);border-radius: var(--card-radius);padding: var(--spacing-xl);display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-xl)}.pdp-secondary-cta__price{text-align: right;flex-shrink: 0}.pdp-pair{display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-2xl,var(--spacing-xl));align-items: start}.pdp-pair > *{min-width: 0}.pdp-author--compact{gap: var(--spacing-md);align-items: flex-start}.pdp-author--compact .pdp-author__portrait{width: calc(var(--card-author-portrait-lg) * 0.65);height: calc(var(--card-author-portrait-lg) * 0.65);font-size: 2rem}.pdp-winery-stack{display: flex;flex-direction: column;gap: var(--spacing-md)}.pdp-winery-stack__media{background: var(--color-surface-primary);border-radius: var(--radius-card);aspect-ratio: 16 / 9;display: flex;align-items: center;justify-content: center;font-size: 3rem;border: 1px solid var(--color-border-default)}.pdp-context-notes{display: flex;flex-direction: column;gap: var(--spacing-sm);margin-bottom: var(--spacing-lg)}.pdp-context-notes p{margin: 0}.pdp-facts{list-style: none;margin: 0;padding: 0;border-top: 1px solid var(--color-border-default)}.pdp-facts__row{display: grid;grid-template-columns: 1.75rem 8rem 1fr;align-items: center;gap: var(--spacing-md);padding: var(--spacing-sm) 0;border-bottom: 1px solid var(--color-border-default);font-size: var(--font-size-small);color: var(--color-text-muted)}.pdp-facts__icon{display: flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;color: inherit}.pdp-facts__icon svg{width: 1.25rem;height: 1.25rem;display: block}.pdp-facts__label{font-size: var(--font-size-micro);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;color: inherit}.pdp-facts__value{font-weight: var(--font-weight-ui-semibold);color: var(--color-text-primary)}.pdp-facts__value a{color: inherit}.food-pairing-row{display: flex;gap: var(--spacing-md);margin: var(--spacing-sm) 0 var(--spacing-md);flex-wrap: wrap}.food-pairing-card{flex: 1 1 0;min-width: 90px;display: flex;flex-direction: column;align-items: center;gap: var(--spacing-sm);text-align: center}.food-pairing-row--compact{gap: var(--spacing-sm);margin: var(--spacing-sm) 0 0}.food-pairing-row--compact .food-pairing-card{flex: 0 0 auto;min-width: 0;max-width: 5.5rem;gap: var(--spacing-xs)}.food-pairing-row--compact .food-pairing-card__icon{width: 40px;height: 40px}.food-pairing-row--compact .food-pairing-card__label{font-size: var(--font-size-micro);line-height: 1.25}.food-pairing-card__icon{width: 56px;height: 56px;border-radius: var(--radius-full);background: var(--color-surface-sunk);border: 1px solid var(--color-border-default);display: flex;align-items: center;justify-content: center;font-size: 1.75rem;line-height: 1}.food-pairing-card__icon:has(.food-pairing-card__img){padding: 0;overflow: hidden}.food-pairing-card__img{width: 100%;height: 100%;object-fit: contain;display: block;transform: scale(1.3);transform-origin: center}.food-pairing-card__label{font-size: var(--font-size-small);color: var(--color-text-muted);margin: 0;line-height: var(--line-height-tight,1.3)}.hero__image-frame{position: relative;width: 100%;aspect-ratio: 4/3;border-radius: var(--card-radius);overflow: hidden;border: 1px solid var(--color-border-default)}.hero__image{width: 100%;height: 100%;object-fit: cover;display: block}.hero__author-overlay{position: absolute;left: var(--spacing-lg);right: var(--spacing-lg);bottom: var(--spacing-lg);padding: var(--spacing-md) var(--spacing-lg);background: linear-gradient(180deg,rgba(31,23,18,0) 0%,rgba(31,23,18,0.55) 60%,rgba(31,23,18,0.75) 100%);border-radius: var(--card-radius);text-align: center}.author-badge--on-image{justify-content: center}.author-badge--on-image .author-badge__name,.author-badge--on-image .author-badge__role{color: var(--color-text-on-accent);text-shadow: 0 1px 2px rgba(0,0,0,0.4)}.pdp-buy__trust{list-style: none;margin: var(--spacing-lg) 0 0;padding: 0;display: flex;flex-direction: column;gap: var(--spacing-sm)}.pdp-title{font-family: var(--font-display);font-style: italic;font-size: var(--font-size-pdp-wine);font-weight: var(--font-weight-display-regular);line-height: var(--line-height-display);margin-bottom: var(--spacing-sm)}.pdp-attrib{font-family: var(--font-display);font-style: italic;font-size: var(--font-size-pdp-winery);font-weight: var(--font-weight-display-light);color: var(--color-text-muted);margin-bottom: var(--spacing-lg)}.pdp-attrib a{color: inherit;text-decoration: underline}.pdp-attrib__sep{color: var(--color-border-strong)}.pdp-vintage{display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap;margin-bottom: var(--spacing-lg)}.pdp-vintage__label{font-family: var(--font-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-semibold);color: var(--color-text-muted);letter-spacing: var(--letter-spacing-allcaps);text-transform: uppercase;white-space: nowrap}.pdp-vintage__opt{padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);background: transparent;color: var(--color-text-primary);font-family: var(--font-ui);font-size: var(--font-size-small);cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease,color 0.15s ease}.pdp-vintage__opt--active{border-color: var(--color-accent-primary);background: var(--color-accent-primary);color: var(--color-text-on-accent)}.pdp-vintage__opt:not(.pdp-vintage__opt--active):hover{border-color: var(--color-border-strong)}.pdp-hero-quote{font-family: var(--font-display);font-style: italic;font-size: var(--font-size-body);line-height: var(--line-height-display);color: var(--color-text-muted);margin-top: var(--spacing-md);margin-bottom: var(--spacing-md)}.pdp-buy__fee{font-size: var(--font-size-small);color: var(--color-text-muted)}}@layer components{.progress-bar-wrap{margin: var(--spacing-sm) 0}.progress-bar{height: 4px;background: var(--color-border-default);border-radius: var(--radius-full);overflow: hidden}.progress-bar__fill{height: 100%;background: var(--color-accent-primary);border-radius: var(--radius-full);transition: width var(--duration-moderate) var(--easing-standard)}.progress-steps{display: flex;justify-content: space-between;font-size: var(--font-size-micro);color: var(--color-text-muted);margin-top: var(--spacing-xs)}.order-shipments{display: flex;flex-direction: column;gap: var(--spacing-sm);margin-bottom: var(--spacing-md)}.order-shipment{display: grid;grid-template-columns: minmax(0,12rem) minmax(4rem,1fr) minmax(0,auto);align-items: center;gap: var(--spacing-md);font-size: var(--font-size-small)}.order-shipment__winery{font-family: var(--font-ui);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary);min-width: 0}.order-shipment__bar{margin: 0}.order-shipment__state{color: var(--color-text-muted);text-align: right;white-space: nowrap}.order-shipment__state .tcell-flag{display: inline-block;margin-top: 0}@media (max-width: 640px){.order-shipment{grid-template-columns: 1fr auto}.order-shipment__bar{display: none}.order-shipment__state{white-space: normal}}.order-shipment-group + .order-shipment-group{margin-top: var(--spacing-sm);padding-top: var(--spacing-sm);border-top: 1px solid var(--color-border-default)}.order-shipment__wines{list-style: none;margin: var(--spacing-xs) 0 0;padding: 0 0 0 var(--spacing-md);color: var(--color-text-muted);font-size: var(--font-size-small)}.order-shipment__wines li{display: flex;align-items: center;gap: var(--spacing-xs);padding: 2px 0}.order-shipment__wines svg{width: 1em;height: 1em;flex-shrink: 0}.order-shipment__delay,.sub-order-card__delay{color: var(--color-status-warning-text);font-style: italic}}@layer components{.card{background: var(--color-surface-alt);border: 1px solid var(--color-border-default);border-radius: var(--card-radius)}.card--sunk{background: var(--color-surface-sunk);border: none}}@layer components{.section-heading{font-family: var(--font-display)}}@layer components{.eyebrow{font-size: var(--font-size-micro);text-transform: uppercase;letter-spacing: var(--letter-spacing-allcaps);color: var(--color-text-muted)}}@layer components{.page-header{padding: var(--spacing-xl) 0 var(--spacing-lg);border-bottom: 1px solid var(--color-border-default);margin-bottom: var(--spacing-xl)}.page-header__title{font-family: var(--font-display);font-size: var(--font-size-h2);font-weight: var(--font-weight-display-regular);margin: 0 0 var(--spacing-sm)}.page-header__meta{font-size: var(--font-size-small);color: var(--color-text-muted)}.page-header--centered-compact{padding: var(--spacing-sm) 0 var(--spacing-sm);margin-bottom: var(--spacing-md)}.page-header--centered-compact .page-header__title{font-size: var(--font-size-h3);text-align: center}.page-header--centered-compact .page-header__meta{text-align: center}.header-media__media{display: none}.header-media__text > .breadcrumb{padding-top: 0}@media (min-width: 900px){.header-media{display: grid;grid-template-columns: 2fr 3fr;gap: var(--spacing-xl);align-items: center}.header-media__text{min-width: 0}.header-media .page-header__title,.header-media .page-header__meta{text-align: left}.header-media__media{display: block;height: var(--spacing-section-hero);min-width: 0;overflow: hidden;border-radius: var(--card-radius)}.header-media__media svg{display: block;width: 100%;height: 100%}.header-media__media picture{display: block;width: 100%;height: 100%}.header-media__img,.header-media__media img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: var(--band-focus,center)}.header-media__media .header-media__img--dark{display: none}[data-theme="dark"] .header-media__media .header-media__img--light{display: none}[data-theme="dark"] .header-media__media .header-media__img--dark{display: block}.header-media__media--focus-low{--band-focus: center 62%}.header-media__media--focus-lower{--band-focus: center 78%}}.sidebar-layout{display: flex;gap: var(--spacing-xl);align-items: flex-start}.sidebar-layout > *{min-width: 0}.main-content{flex: 1;min-width: 0}}@layer components{.empty-state{text-align: center;padding: var(--spacing-editorial-md) var(--spacing-lg);color: var(--color-text-muted)}.empty-state__icon{font-size: 3rem;margin-bottom: var(--spacing-lg)}.empty-state__title{font-family: var(--font-display);font-size: var(--font-size-h3);font-weight: var(--font-weight-display-regular);color: var(--color-text-primary);margin-bottom: var(--spacing-md)}.empty-state__copy{font-size: var(--font-size-body);margin-bottom: var(--spacing-xl)}.empty-state--placeholder{padding: var(--spacing-xl);text-align: center;font-family: var(--font-ui);font-size: var(--font-size-small);color: var(--color-text-muted);background: var(--color-surface-raised);border: 1px dashed var(--color-border-default);border-radius: var(--radius-card)}}@layer components{.section-header{display: flex;align-items: baseline;justify-content: space-between;gap: var(--spacing-sm) var(--spacing-md);flex-wrap: wrap;margin-bottom: var(--spacing-xl)}.section-header__title{font-family: var(--font-display);font-size: var(--font-size-h2);font-weight: var(--font-weight-display-regular);margin: 0}.section-header__link{font-size: var(--font-size-small);color: var(--color-text-link)}.section-header__actions{display: flex;align-items: center;gap: var(--spacing-sm);align-self: center}}@layer components{.sticky-cta-bar{display: none;position: fixed;bottom: 0;left: 0;right: 0;background: var(--color-surface-raised);border-top: 1px solid var(--color-border-default);padding: var(--spacing-md) var(--spacing-lg);z-index: var(--z-modal);box-shadow: var(--sticky-bar-shadow)}}@layer utilities{.mb-xs{margin-bottom: var(--spacing-xs)}.mb-sm{margin-bottom: var(--spacing-sm)}.mb-md{margin-bottom: var(--spacing-md)}.mb-lg{margin-bottom: var(--spacing-lg)}.mb-xl{margin-bottom: var(--spacing-xl)}.mb-2xl{margin-bottom: var(--spacing-2xl)}.mb-2xl-plus{margin-bottom: var(--spacing-2xl-plus)}.mb-3xl{margin-bottom: var(--spacing-3xl)}.mb-editorial-sm{margin-bottom: var(--spacing-editorial-sm)}.mb-editorial-md{margin-bottom: var(--spacing-editorial-md)}.mb-editorial-lg{margin-bottom: var(--spacing-editorial-lg)}.mb-editorial-xl{margin-bottom: var(--spacing-editorial-xl)}.mb-section-hero{margin-bottom: var(--spacing-section-hero)}.mt-xs{margin-top: var(--spacing-xs)}.mt-sm{margin-top: var(--spacing-sm)}.mt-md{margin-top: var(--spacing-md)}.mt-lg{margin-top: var(--spacing-lg)}.mt-xl{margin-top: var(--spacing-xl)}.mt-2xl{margin-top: var(--spacing-2xl)}.mt-2xl-plus{margin-top: var(--spacing-2xl-plus)}.mt-3xl{margin-top: var(--spacing-3xl)}.mt-editorial-sm{margin-top: var(--spacing-editorial-sm)}.mt-editorial-md{margin-top: var(--spacing-editorial-md)}.mt-editorial-lg{margin-top: var(--spacing-editorial-lg)}.mt-editorial-xl{margin-top: var(--spacing-editorial-xl)}.mt-section-hero{margin-top: var(--spacing-section-hero)}.ml-xs{margin-left: var(--spacing-xs)}.ml-sm{margin-left: var(--spacing-sm)}.ml-md{margin-left: var(--spacing-md)}.ml-lg{margin-left: var(--spacing-lg)}.ml-xl{margin-left: var(--spacing-xl)}.ml-2xl{margin-left: var(--spacing-2xl)}.ml-2xl-plus{margin-left: var(--spacing-2xl-plus)}.ml-3xl{margin-left: var(--spacing-3xl)}.ml-editorial-sm{margin-left: var(--spacing-editorial-sm)}.ml-editorial-md{margin-left: var(--spacing-editorial-md)}.ml-editorial-lg{margin-left: var(--spacing-editorial-lg)}.ml-editorial-xl{margin-left: var(--spacing-editorial-xl)}.ml-section-hero{margin-left: var(--spacing-section-hero)}.mr-xs{margin-right: var(--spacing-xs)}.mr-sm{margin-right: var(--spacing-sm)}.mr-md{margin-right: var(--spacing-md)}.mr-lg{margin-right: var(--spacing-lg)}.mr-xl{margin-right: var(--spacing-xl)}.mr-2xl{margin-right: var(--spacing-2xl)}.mr-2xl-plus{margin-right: var(--spacing-2xl-plus)}.mr-3xl{margin-right: var(--spacing-3xl)}.mr-editorial-sm{margin-right: var(--spacing-editorial-sm)}.mr-editorial-md{margin-right: var(--spacing-editorial-md)}.mr-editorial-lg{margin-right: var(--spacing-editorial-lg)}.mr-editorial-xl{margin-right: var(--spacing-editorial-xl)}.mr-section-hero{margin-right: var(--spacing-section-hero)}.mx-xs{margin-left: var(--spacing-xs);margin-right: var(--spacing-xs)}.mx-sm{margin-left: var(--spacing-sm);margin-right: var(--spacing-sm)}.mx-md{margin-left: var(--spacing-md);margin-right: var(--spacing-md)}.mx-lg{margin-left: var(--spacing-lg);margin-right: var(--spacing-lg)}.mx-xl{margin-left: var(--spacing-xl);margin-right: var(--spacing-xl)}.mx-2xl{margin-left: var(--spacing-2xl);margin-right: var(--spacing-2xl)}.mx-2xl-plus{margin-left: var(--spacing-2xl-plus);margin-right: var(--spacing-2xl-plus)}.mx-3xl{margin-left: var(--spacing-3xl);margin-right: var(--spacing-3xl)}.mx-editorial-sm{margin-left: var(--spacing-editorial-sm);margin-right: var(--spacing-editorial-sm)}.mx-editorial-md{margin-left: var(--spacing-editorial-md);margin-right: var(--spacing-editorial-md)}.mx-editorial-lg{margin-left: var(--spacing-editorial-lg);margin-right: var(--spacing-editorial-lg)}.mx-editorial-xl{margin-left: var(--spacing-editorial-xl);margin-right: var(--spacing-editorial-xl)}.mx-section-hero{margin-left: var(--spacing-section-hero);margin-right: var(--spacing-section-hero)}.my-xs{margin-top: var(--spacing-xs);margin-bottom: var(--spacing-xs)}.my-sm{margin-top: var(--spacing-sm);margin-bottom: var(--spacing-sm)}.my-md{margin-top: var(--spacing-md);margin-bottom: var(--spacing-md)}.my-lg{margin-top: var(--spacing-lg);margin-bottom: var(--spacing-lg)}.my-xl{margin-top: var(--spacing-xl);margin-bottom: var(--spacing-xl)}.my-2xl{margin-top: var(--spacing-2xl);margin-bottom: var(--spacing-2xl)}.my-2xl-plus{margin-top: var(--spacing-2xl-plus);margin-bottom: var(--spacing-2xl-plus)}.my-3xl{margin-top: var(--spacing-3xl);margin-bottom: var(--spacing-3xl)}.my-editorial-sm{margin-top: var(--spacing-editorial-sm);margin-bottom: var(--spacing-editorial-sm)}.my-editorial-md{margin-top: var(--spacing-editorial-md);margin-bottom: var(--spacing-editorial-md)}.my-editorial-lg{margin-top: var(--spacing-editorial-lg);margin-bottom: var(--spacing-editorial-lg)}.my-editorial-xl{margin-top: var(--spacing-editorial-xl);margin-bottom: var(--spacing-editorial-xl)}.my-section-hero{margin-top: var(--spacing-section-hero);margin-bottom: var(--spacing-section-hero)}.p-xs{padding: var(--spacing-xs)}.p-sm{padding: var(--spacing-sm)}.p-md{padding: var(--spacing-md)}.p-lg{padding: var(--spacing-lg)}.p-xl{padding: var(--spacing-xl)}.p-2xl{padding: var(--spacing-2xl)}.p-2xl-plus{padding: var(--spacing-2xl-plus)}.p-3xl{padding: var(--spacing-3xl)}.p-editorial-sm{padding: var(--spacing-editorial-sm)}.p-editorial-md{padding: var(--spacing-editorial-md)}.p-editorial-lg{padding: var(--spacing-editorial-lg)}.p-editorial-xl{padding: var(--spacing-editorial-xl)}.p-section-hero{padding: var(--spacing-section-hero)}.pb-xs{padding-bottom: var(--spacing-xs)}.pb-sm{padding-bottom: var(--spacing-sm)}.pb-md{padding-bottom: var(--spacing-md)}.pb-lg{padding-bottom: var(--spacing-lg)}.pb-xl{padding-bottom: var(--spacing-xl)}.pb-2xl{padding-bottom: var(--spacing-2xl)}.pb-2xl-plus{padding-bottom: var(--spacing-2xl-plus)}.pb-3xl{padding-bottom: var(--spacing-3xl)}.pb-editorial-sm{padding-bottom: var(--spacing-editorial-sm)}.pb-editorial-md{padding-bottom: var(--spacing-editorial-md)}.pb-editorial-lg{padding-bottom: var(--spacing-editorial-lg)}.pb-editorial-xl{padding-bottom: var(--spacing-editorial-xl)}.pb-section-hero{padding-bottom: var(--spacing-section-hero)}.pt-xs{padding-top: var(--spacing-xs)}.pt-sm{padding-top: var(--spacing-sm)}.pt-md{padding-top: var(--spacing-md)}.pt-lg{padding-top: var(--spacing-lg)}.pt-xl{padding-top: var(--spacing-xl)}.pt-2xl{padding-top: var(--spacing-2xl)}.pt-2xl-plus{padding-top: var(--spacing-2xl-plus)}.pt-3xl{padding-top: var(--spacing-3xl)}.pt-editorial-sm{padding-top: var(--spacing-editorial-sm)}.pt-editorial-md{padding-top: var(--spacing-editorial-md)}.pt-editorial-lg{padding-top: var(--spacing-editorial-lg)}.pt-editorial-xl{padding-top: var(--spacing-editorial-xl)}.pt-section-hero{padding-top: var(--spacing-section-hero)}.pl-xs{padding-left: var(--spacing-xs)}.pl-sm{padding-left: var(--spacing-sm)}.pl-md{padding-left: var(--spacing-md)}.pl-lg{padding-left: var(--spacing-lg)}.pl-xl{padding-left: var(--spacing-xl)}.pl-2xl{padding-left: var(--spacing-2xl)}.pl-2xl-plus{padding-left: var(--spacing-2xl-plus)}.pl-3xl{padding-left: var(--spacing-3xl)}.pl-editorial-sm{padding-left: var(--spacing-editorial-sm)}.pl-editorial-md{padding-left: var(--spacing-editorial-md)}.pl-editorial-lg{padding-left: var(--spacing-editorial-lg)}.pl-editorial-xl{padding-left: var(--spacing-editorial-xl)}.pl-section-hero{padding-left: var(--spacing-section-hero)}.pr-xs{padding-right: var(--spacing-xs)}.pr-sm{padding-right: var(--spacing-sm)}.pr-md{padding-right: var(--spacing-md)}.pr-lg{padding-right: var(--spacing-lg)}.pr-xl{padding-right: var(--spacing-xl)}.pr-2xl{padding-right: var(--spacing-2xl)}.pr-2xl-plus{padding-right: var(--spacing-2xl-plus)}.pr-3xl{padding-right: var(--spacing-3xl)}.pr-editorial-sm{padding-right: var(--spacing-editorial-sm)}.pr-editorial-md{padding-right: var(--spacing-editorial-md)}.pr-editorial-lg{padding-right: var(--spacing-editorial-lg)}.pr-editorial-xl{padding-right: var(--spacing-editorial-xl)}.pr-section-hero{padding-right: var(--spacing-section-hero)}.px-xs{padding-left: var(--spacing-xs);padding-right: var(--spacing-xs)}.px-sm{padding-left: var(--spacing-sm);padding-right: var(--spacing-sm)}.px-md{padding-left: var(--spacing-md);padding-right: var(--spacing-md)}.px-lg{padding-left: var(--spacing-lg);padding-right: var(--spacing-lg)}.px-xl{padding-left: var(--spacing-xl);padding-right: var(--spacing-xl)}.px-2xl{padding-left: var(--spacing-2xl);padding-right: var(--spacing-2xl)}.px-2xl-plus{padding-left: var(--spacing-2xl-plus);padding-right: var(--spacing-2xl-plus)}.px-3xl{padding-left: var(--spacing-3xl);padding-right: var(--spacing-3xl)}.px-editorial-sm{padding-left: var(--spacing-editorial-sm);padding-right: var(--spacing-editorial-sm)}.px-editorial-md{padding-left: var(--spacing-editorial-md);padding-right: var(--spacing-editorial-md)}.px-editorial-lg{padding-left: var(--spacing-editorial-lg);padding-right: var(--spacing-editorial-lg)}.px-editorial-xl{padding-left: var(--spacing-editorial-xl);padding-right: var(--spacing-editorial-xl)}.px-section-hero{padding-left: var(--spacing-section-hero);padding-right: var(--spacing-section-hero)}.py-xs{padding-top: var(--spacing-xs);padding-bottom: var(--spacing-xs)}.py-sm{padding-top: var(--spacing-sm);padding-bottom: var(--spacing-sm)}.py-md{padding-top: var(--spacing-md);padding-bottom: var(--spacing-md)}.py-lg{padding-top: var(--spacing-lg);padding-bottom: var(--spacing-lg)}.py-xl{padding-top: var(--spacing-xl);padding-bottom: var(--spacing-xl)}.py-2xl{padding-top: var(--spacing-2xl);padding-bottom: var(--spacing-2xl)}.py-2xl-plus{padding-top: var(--spacing-2xl-plus);padding-bottom: var(--spacing-2xl-plus)}.py-3xl{padding-top: var(--spacing-3xl);padding-bottom: var(--spacing-3xl)}.py-editorial-sm{padding-top: var(--spacing-editorial-sm);padding-bottom: var(--spacing-editorial-sm)}.py-editorial-md{padding-top: var(--spacing-editorial-md);padding-bottom: var(--spacing-editorial-md)}.py-editorial-lg{padding-top: var(--spacing-editorial-lg);padding-bottom: var(--spacing-editorial-lg)}.py-editorial-xl{padding-top: var(--spacing-editorial-xl);padding-bottom: var(--spacing-editorial-xl)}.py-section-hero{padding-top: var(--spacing-section-hero);padding-bottom: var(--spacing-section-hero)}.text-h1{font-size: var(--font-size-h1)}.text-h2{font-size: var(--font-size-h2)}.text-h3{font-size: var(--font-size-h3)}.text-h4{font-size: var(--font-size-h4)}.text-body{font-size: var(--font-size-body)}.text-small{font-size: var(--font-size-small)}.text-micro{font-size: var(--font-size-micro)}.text-compact{font-size: var(--font-size-compact)}.fw-ui-medium{font-weight: var(--font-weight-ui-medium)}.fw-ui-semibold{font-weight: var(--font-weight-ui-semibold)}.fw-display-light{font-weight: var(--font-weight-display-light)}.fw-display-medium{font-weight: var(--font-weight-display-medium)}.fw-display-regular{font-weight: var(--font-weight-display-regular)}.fw-ui-regular{font-weight: var(--font-weight-ui-regular)}.text-muted{color: var(--color-text-muted)}.text-subtle{color: var(--color-text-subtle)}.text-primary{color: var(--color-text-primary)}.text-error{color: var(--color-status-error)}.text-accent{color: var(--color-text-accent)}.text-gold{color: var(--color-accent-gold)}.text-link{color: var(--color-text-link);text-decoration: underline;text-underline-offset: var(--utility-text-link-underline-offset);cursor: pointer}.text-link:hover{color: var(--color-accent-primary);text-decoration-thickness: var(--radius-xs)}.text-link:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring);border-radius: var(--radius-xs)}.text-link--tap{display: inline-flex;align-items: center;min-height: var(--touch-target-min)}.text-h5{font-size: var(--utility-font-size-h5,0.9375rem)}.text-h6{font-size: var(--utility-font-size-h6,0.8125rem)}.mb-0{margin-bottom: 0}.text-warning{color: var(--color-status-warning-text)}.list-inline{display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0}}@layer utilities{.row-between{display: flex;align-items: center;justify-content: space-between}}@layer components{.back-to-top{position: fixed;bottom: var(--spacing-lg);right: var(--spacing-lg);z-index: 90;display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-sm);min-height: var(--touch-target-min);background: var(--color-accent-primary);color: var(--color-accent-primary-text);border: 1px solid var(--color-accent-primary);border-radius: var(--radius-full,999px);font-family: var(--font-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-semibold,600);letter-spacing: 0.02em;text-transform: uppercase;cursor: pointer;box-shadow: var(--shadow-floating,var(--shadow-modal));opacity: 0;transform: translateY(8px);pointer-events: none;transition: opacity var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard),background var(--duration-fast) var(--easing-standard)}.back-to-top[hidden]{display: none}.back-to-top.is-visible{opacity: 1;transform: translateY(0);pointer-events: auto}.back-to-top:hover,.back-to-top:focus-visible{background: var(--color-accent-primary-hover);border-color: var(--color-accent-primary-hover)}.back-to-top:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring),var(--shadow-floating,var(--shadow-modal))}.back-to-top__bottle{width: 22px;height: 30px;display: block;flex-shrink: 0;stroke: currentColor;fill: none;stroke-linecap: round;stroke-linejoin: round;vector-effect: non-scaling-stroke}.back-to-top__label{white-space: nowrap}@media (max-width: 480px){.back-to-top{padding: var(--spacing-xs);gap: 0;bottom: var(--spacing-md);right: var(--spacing-md);min-width: var(--touch-target-min);min-height: var(--touch-target-min)}.back-to-top__label{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.back-to-top__bottle{width: 24px;height: 32px}}@media (prefers-reduced-motion: reduce){.back-to-top{transition: none;transform: none}}}@layer components{[data-theme^="visitka-"]{--vsite-bg: #F5EDD8;--vsite-surface: #FAF4E3;--vsite-surface-sunk: #EDE0C4;--vsite-text: #1C1410;--vsite-text-muted: #6A5B4B;--vsite-accent: #6B1F2A;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #6B1F2A;--vsite-border: #D6C9A8;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1C1410;--vsite-input-label: #1C1410;--vsite-input-border: #D6C9A8;--vsite-input-placeholder: #6A5B4B;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-mavrud"]{--vsite-bg: #F5EDD8;--vsite-surface: #FAF4E3;--vsite-surface-sunk: #EDE0C4;--vsite-text: #1C1410;--vsite-text-muted: #6A5B4B;--vsite-accent: #6B1F2A;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #6B1F2A;--vsite-border: #D6C9A8;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1C1410;--vsite-input-label: #1C1410;--vsite-input-border: #D6C9A8;--vsite-input-placeholder: #6A5B4B;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-varovik"]{--vsite-bg: #F2F0EC;--vsite-surface: #FAFAF8;--vsite-surface-sunk: #E8E5DF;--vsite-text: #1A1C1E;--vsite-text-muted: #5A6068;--vsite-accent: #2B6472;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #2B6472;--vsite-border: #CFCBC2;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1A1C1E;--vsite-input-label: #1A1C1E;--vsite-input-border: #CFCBC2;--vsite-input-placeholder: #5A6068;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-keremida"]{--vsite-bg: #F4EDE5;--vsite-surface: #FAF6F1;--vsite-surface-sunk: #E8DDD3;--vsite-text: #1A1410;--vsite-text-muted: #6B5A50;--vsite-accent: #B04C2A;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #924125;--vsite-border: #D4C4B8;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1A1410;--vsite-input-label: #1A1410;--vsite-input-border: #D4C4B8;--vsite-input-placeholder: #6B5A50;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-treva"]{--vsite-bg: #EFECE4;--vsite-surface: #F7F5EE;--vsite-surface-sunk: #E2DDD2;--vsite-text: #1A1C16;--vsite-text-muted: #5A6050;--vsite-accent: #3D6130;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #3D6130;--vsite-border: #CCCABF;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1A1C16;--vsite-input-label: #1A1C16;--vsite-input-border: #CCCABF;--vsite-input-placeholder: #5A6050;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-roze"]{--vsite-bg: #F8F0EC;--vsite-surface: #FEF8F5;--vsite-surface-sunk: #EDE0D8;--vsite-text: #1C1410;--vsite-text-muted: #70554E;--vsite-accent: #943848;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #943848;--vsite-border: #D8C8C0;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1C1410;--vsite-input-label: #1C1410;--vsite-input-border: #D8C8C0;--vsite-input-placeholder: #70554E;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-huma"]{--vsite-bg: #1C1510;--vsite-surface: #251C15;--vsite-surface-sunk: #2F231A;--vsite-text: #F2E8D8;--vsite-text-muted: #A8917C;--vsite-accent: #C49050;--vsite-on-accent: #1C1510;--vsite-accent-text: #C49050;--vsite-border: #3D3028;--vsite-link: #C49050;--vsite-input-bg: #2F231A;--vsite-input-text: #F2E8D8;--vsite-input-label: #F2E8D8;--vsite-input-border: #A8917C;--vsite-input-placeholder: #A8917C;--vsite-error: #E06B6B;--vsite-success: #6BA35A;--vsite-warning: #C9902A}[data-theme="visitka-prag"]{--vsite-bg: #F7F5F2;--vsite-surface: #FDFCFB;--vsite-surface-sunk: #EAE7E2;--vsite-text: #1A1917;--vsite-text-muted: #6B6560;--vsite-accent: #2C2824;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #2C2824;--vsite-border: #D8D4CE;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #1A1917;--vsite-input-label: #1A1917;--vsite-input-border: #D8D4CE;--vsite-input-placeholder: #6B6560;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}[data-theme="visitka-tush"]{--vsite-bg: #F3F4F5;--vsite-surface: #FAFBFB;--vsite-surface-sunk: #E5E7E9;--vsite-text: #181A1C;--vsite-text-muted: #60686F;--vsite-accent: #1E3A52;--vsite-on-accent: #FFFFFF;--vsite-accent-text: #1E3A52;--vsite-border: #D0D4D7;--vsite-link: #9B3D4A;--vsite-input-bg: #FFFFFF;--vsite-input-text: #181A1C;--vsite-input-label: #181A1C;--vsite-input-border: #D0D4D7;--vsite-input-placeholder: #60686F;--vsite-error: #8B2323;--vsite-success: #4A6B3C;--vsite-warning: #B8782A}}@layer components{.identity-header{display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);margin-bottom: var(--spacing-md);background: var(--color-surface-sunk);border-radius: var(--card-radius);min-height: var(--profile-header-height)}.identity-header__monogram{flex-shrink: 0;width: var(--profile-header-monogram);height: var(--profile-header-monogram);border-radius: var(--radius-avatar);background: var(--color-surface-alt);border: 1px solid var(--color-border-default);display: flex;align-items: center;justify-content: center;font-family: var(--font-ui);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-semibold);color: var(--color-text-muted);letter-spacing: var(--letter-spacing-allcaps)}.identity-header__identity{min-width: 0;flex: 1;display: flex;flex-direction: column;gap: var(--spacing-xs)}.identity-header__title-row{display: flex;align-items: center;gap: var(--spacing-sm);min-width: 0;flex-wrap: nowrap}.identity-header__name{min-width: 0;font-family: var(--font-display);font-size: var(--font-size-body);font-weight: var(--font-weight-display-medium);line-height: var(--line-height-tight);color: var(--color-text-primary);margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.identity-header__meta{min-width: 0;font-family: var(--font-ui);font-size: var(--font-size-micro);color: var(--color-text-muted);margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.identity-header__stats{display: flex;gap: var(--spacing-lg);margin: 0;flex-shrink: 0}.identity-header__stat{display: flex;align-items: baseline;gap: var(--spacing-xs)}.identity-header__stat dt{font-family: var(--font-ui);font-size: var(--font-size-micro);text-transform: uppercase;letter-spacing: var(--letter-spacing-allcaps);color: var(--color-text-muted);margin: 0}.identity-header__stat dd{font-family: var(--font-display);font-size: var(--font-size-body);line-height: var(--line-height-tight);color: var(--color-text-primary);margin: 0}.identity-header__plan{flex-shrink: 0}.identity-header__actions{display: flex;align-items: center;gap: var(--spacing-sm);flex-shrink: 0;margin-left: var(--spacing-sm)}@media (max-width: 768px){.identity-header{padding: var(--spacing-sm) var(--spacing-md);margin-bottom: var(--spacing-sm)}.identity-header__identity{display: block}.identity-header__stats{display: none}.identity-header__meta-extra{display: none}.identity-header__actions{display: none}.identity-header:has(+ .sidebar-layout){display: none}}}@layer components{.flash{background: var(--color-surface-alt);border: 1px solid var(--color-border-default);border-radius: var(--card-radius);border-inline-start: var(--spacing-1) solid var(--color-border-default);padding: var(--spacing-lg);margin-block-end: var(--spacing-lg)}.flash--success{border-inline-start-color: var(--color-status-success)}.flash--error{border-inline-start-color: var(--color-status-error)}}@layer components{.checkbox-line{display: flex;align-items: center;gap: var(--spacing-sm);min-height: var(--touch-target-min);font-family: var(--font-ui);font-size: var(--font-size-small);color: var(--color-text-primary);cursor: pointer}.checkbox-line input[type="checkbox"],.checkbox-line input[type="radio"]{accent-color: var(--color-accent-primary);width: 16px;height: 16px;flex-shrink: 0;cursor: pointer;margin: 0}.checkbox-line--disabled{opacity: 0.5;cursor: not-allowed}.checkbox-line--disabled input[type="checkbox"],.checkbox-line--disabled input[type="radio"]{cursor: not-allowed}.checkbox-line--muted{color: var(--color-text-muted)}}@layer components{.chip-row{display: flex;flex-wrap: wrap;gap: var(--spacing-sm);min-height: var(--touch-target-min)}.chip{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--color-border-default);border-radius: var(--radius-full);font-size: var(--font-size-small);font-weight: var(--font-weight-ui-medium);color: var(--color-text-primary);background: var(--color-surface-raised);cursor: pointer;white-space: nowrap;transition: background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.chip:hover{border-color: var(--color-border-strong);background: var(--color-surface-sunk)}.chip--selected,.chip:has(.chip__checkbox:checked),.chip:has(.chip__remove){background: var(--color-accent-primary);border-color: var(--color-accent-primary);color: var(--color-text-on-accent)}.chip--selected:hover,.chip:has(.chip__checkbox:checked):hover,.chip:has(.chip__remove):hover{background: var(--color-accent-primary-hover);border-color: var(--color-accent-primary-hover);color: var(--color-text-on-accent)}.chip__checkbox{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.chip:has(.chip__checkbox:focus-visible){box-shadow: var(--shadow-focus-ring);outline: none}.chip__remove{background: none;border: none;color: inherit;font-size: var(--font-size-body);line-height: 1;cursor: pointer;padding: 0 0 0 var(--spacing-xs);position: relative;min-width: 24px;min-height: 24px;display: flex;align-items: center;justify-content: center}.chip__remove::before{content: "";position: absolute;inset: calc((24px - var(--touch-target-min)) / 2)}.chip--check{white-space: normal;min-height: var(--touch-target-min);align-items: center}.chip--check input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.chip--check:has(input[type="checkbox"]:checked){background: var(--color-accent-primary);border-color: var(--color-accent-primary);color: var(--color-text-on-accent)}.chip--check:has(input[type="checkbox"]:checked):hover{background: var(--color-accent-primary-hover);border-color: var(--color-accent-primary-hover);color: var(--color-text-on-accent)}.chip--check:has(input[type="checkbox"]:focus-visible){box-shadow: var(--shadow-focus-ring);outline: none}.chip--check:has(input[type="checkbox"]:disabled){opacity: 0.5;cursor: not-allowed}.chip--check:has(input[type="checkbox"]:disabled) input[type="checkbox"]{cursor: not-allowed}.chip-limit-counter{font-family: var(--font-ui);font-size: var(--font-size-micro);color: var(--color-text-muted);text-align: right;margin-top: var(--spacing-xs);width: 100%}@media (prefers-reduced-motion: reduce){.chip{transition: none}}.chip--check::after{content: "";flex: 0 0 auto;width: 0;overflow: hidden;transition: width var(--duration-fast)}.chip--check:has(input[type="checkbox"]:checked)::after{content: "\2713";width: 1em;margin-left: var(--spacing-xs);font-weight: var(--font-weight-ui-semibold);line-height: 1}@media (prefers-reduced-motion: reduce){.chip--check::after{transition: none}}}@layer components{dialog.modal{position: fixed;inset: 0;margin: auto;padding: 0;width: 100%;max-width: var(--modal-max-width-md);background: var(--modal-bg);border: 1px solid var(--color-border-default);border-radius: var(--modal-radius);box-shadow: var(--modal-shadow);z-index: var(--z-modal);outline: none}dialog.modal::backdrop{background: var(--modal-overlay-bg)}dialog.modal.modal--wide{max-width: var(--modal-max-width-lg)}dialog.modal.modal--narrow{max-width: var(--modal-max-width-sm)}@keyframes modal-enter{from{opacity: 0}to{opacity: 1}}dialog.modal[open]{animation: modal-enter var(--modal-enter-duration) ease-out}.modal__header{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-md);padding: var(--modal-header-padding);border-bottom: 1px solid var(--color-border-default)}.modal__title{font-family: var(--font-display);font-size: var(--font-size-h4);font-weight: var(--font-weight-display-medium);color: var(--color-text-primary);margin: 0;line-height: var(--line-height-compact)}.modal__close{flex-shrink: 0;background: none;border: none;cursor: pointer;font-size: var(--font-size-body-lg);line-height: 1;color: var(--color-text-muted);padding: 0;min-width: var(--touch-target-min);min-height: var(--touch-target-min);display: flex;align-items: center;justify-content: center;margin: calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) * -1) 0 0;border-radius: var(--radius-button);transition: color var(--duration-fast),background var(--duration-fast)}@media (hover: hover){.modal__close:hover{color: var(--color-text-primary);background: var(--color-surface-sunk)}}.modal__close:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring)}.modal__body{padding: var(--modal-padding);font-family: var(--font-ui);font-size: var(--font-size-small);color: var(--color-text-primary);line-height: var(--line-height-body)}.modal__footer{display: flex;gap: var(--spacing-md);flex-wrap: wrap;padding: var(--spacing-md) var(--modal-padding) var(--modal-padding);border-top: 1px solid var(--color-border-default)}.modal__footer--end{justify-content: flex-end}@media (max-width: 640px){dialog.modal{max-width: none;margin: auto var(--spacing-md) var(--spacing-md);border-radius: var(--modal-radius) var(--modal-radius) 0 0;top: auto;bottom: 0;left: 0;right: 0;inset: auto 0 0 0;margin: 0}.modal__footer{flex-direction: column}.modal__footer .btn{width: 100%;justify-content: center}}@media (prefers-reduced-motion: reduce){dialog.modal[open]{animation: none}}}@layer components{.code-inline{font-family: var(--font-ui);font-size: var(--font-size-micro);background: var(--color-surface-sunk);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);padding: 1px var(--spacing-xs);white-space: nowrap}}@layer components{.callout{display: flex;align-items: flex-start;gap: var(--spacing-sm);padding: var(--spacing-md);border-radius: var(--radius-card);font-size: var(--font-size-small);font-family: var(--typography-font-ui);flex-wrap: wrap;margin-bottom: var(--spacing-xl)}.callout__icon{flex-shrink: 0;display: inline-flex;margin-top: 1px}.callout__text{flex: 1;min-width: 0;line-height: var(--line-height-body)}.callout__link{color: inherit;font-weight: var(--font-weight-ui-semibold);text-decoration: underline;white-space: nowrap}.callout__close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;min-width: var(--touch-target-min);min-height: var(--touch-target-min);margin: calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-xs)) 0;padding: 0;border: none;background: none;color: inherit;cursor: pointer;border-radius: var(--radius-sm);opacity: 0.7;transition: opacity var(--duration-fast)}@media (hover: hover){.callout__close:hover{opacity: 1}}.callout__close:focus-visible{outline: none;box-shadow: var(--shadow-focus-ring);opacity: 1}.callout--info{background: color-mix(in srgb,var(--color-status-info) 10%,var(--color-surface-raised));border: 1px solid color-mix(in srgb,var(--color-status-info) 60%,transparent);color: var(--color-text-primary)}.callout--info .callout__icon{color: var(--color-status-info)}.callout--success{background: color-mix(in srgb,var(--color-status-success) 10%,var(--color-surface-raised));border: 1px solid color-mix(in srgb,var(--color-status-success) 60%,transparent);color: var(--color-text-primary)}.callout--success .callout__icon{color: var(--color-status-success)}.callout--warning{background: color-mix(in srgb,var(--color-status-warning) 10%,var(--color-surface-raised));border: 1px solid color-mix(in srgb,var(--color-status-warning) 60%,transparent);color: var(--color-text-primary)}.callout--warning .callout__icon{color: var(--color-status-warning)}.callout--error{background: color-mix(in srgb,var(--color-status-error) 10%,var(--color-surface-raised));border: 1px solid color-mix(in srgb,var(--color-status-error) 60%,transparent);color: var(--color-text-primary)}.callout--error .callout__icon{color: var(--color-status-error)}@media (max-width: 640px){.callout__link{flex-basis: 100%;margin-top: var(--spacing-xs)}}}