.breadcrumbs,.breadcrumb,.product-breadcrumb,.product-category-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-sm-2);color:var(--color-secondary);margin-bottom:var(--spacing-6)}.breadcrumbs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.breadcrumbs-item{display:flex;align-items:center}.breadcrumbs-item:not(:last-child):after{content:"/";margin-left:var(--spacing-2);opacity:.4}.breadcrumbs-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--duration-short) ease;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-small)}.breadcrumbs-link:hover{color:color-mix(in srgb,var(--color-accent) 80%,black);text-decoration:underline;background-color:color-mix(in srgb,var(--color-accent) 5%,transparent)}.breadcrumbs-item--current{color:var(--color-primary);font-weight:var(--font-weight-medium, 600);padding:var(--spacing-1) var(--spacing-2)}.product-breadcrumb{padding:var(--spacing-4) var(--spacing-4)}.product-breadcrumb__link,.breadcrumb__link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--duration-short) ease;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-small)}.product-breadcrumb__link:hover,.breadcrumb__link:hover{color:color-mix(in srgb,var(--color-accent) 80%,black);text-decoration:underline;background-color:color-mix(in srgb,var(--color-accent) 5%,transparent)}.product-breadcrumb__link:focus-visible,.breadcrumb__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.product-breadcrumb__separator,.breadcrumb__separator{color:var(--color-border);margin:0 var(--spacing-1);line-height:1;-webkit-user-select:none;user-select:none}.product-breadcrumb__item,.breadcrumb__item{color:var(--color-secondary);line-height:var(--line-height-normal);padding:var(--spacing-1) var(--spacing-2)}.product-breadcrumb__current,.breadcrumb__current{color:var(--color-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.product-category-breadcrumb{padding:var(--spacing-3) var(--spacing-4);background-color:color-mix(in srgb,var(--color-accent) 4%,transparent);border-left:3px solid var(--color-accent);margin-bottom:var(--spacing-4);border-radius:0 var(--radius-medium) var(--radius-medium) 0;font-size:var(--font-size-sm-2)}.product-category-breadcrumb__label{font-weight:var(--font-weight-bold);color:var(--color-primary);margin-right:var(--spacing-2);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.product-category-breadcrumb__item{color:var(--color-secondary);line-height:var(--line-height-normal)}.product-category-breadcrumb__separator{color:var(--color-border);margin:0 var(--spacing-2);opacity:.6}.product-category-enhanced{margin-bottom:var(--spacing-5)}.product-category-enhanced--inline{padding:var(--spacing-3) var(--spacing-4);background-color:color-mix(in srgb,var(--color-accent) 3%,transparent);border-radius:var(--radius-medium);border:1px solid var(--color-border)}.product-category-enhanced--vertical{padding:var(--spacing-4);background-color:var(--color-light-bg);border-radius:var(--radius-medium);border-left:4px solid var(--color-accent)}.product-category-enhanced__header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.product-category-enhanced__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.product-category-enhanced__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.product-category-enhanced__item,.product-category-enhanced__link{color:var(--color-secondary);font-size:var(--font-size-sm-2)}.product-category-enhanced__link{background:none;border:none;padding:var(--spacing-1) var(--spacing-2);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-accent);transition:all var(--duration-short) ease;border-radius:var(--radius-small);text-decoration:none}.product-category-enhanced__link:hover{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);text-decoration:underline}.product-category-enhanced__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.product-category-enhanced__separator{color:var(--color-border);margin:0 var(--spacing-1);-webkit-user-select:none;user-select:none}.product-category-enhanced__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.product-category-enhanced__level{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);padding-left:calc(var(--spacing-3) + (var(--spacing-2) * var(--spacing-1, 1)));background-color:color-mix(in srgb,var(--color-background) 50%,transparent);border-radius:var(--radius-small);border-left:2px solid var(--color-accent);transition:all var(--duration-short) ease}.product-category-enhanced__level:hover{background-color:color-mix(in srgb,var(--color-accent) 8%,transparent);transform:translate(4px)}.product-category-enhanced__level[data-depth="2"]{padding-left:calc(var(--spacing-5) + var(--spacing-2))}.product-category-enhanced__level[data-depth="3"]{padding-left:calc(var(--spacing-7) + var(--spacing-2))}.product-category-enhanced__level[data-depth="4"]{padding-left:calc(var(--spacing-9) + var(--spacing-2))}.product-category-enhanced__level[data-depth="5"]{padding-left:calc(11 * var(--spacing-1))}.product-category-enhanced__icon{color:var(--color-accent);font-weight:700;width:var(--spacing-3)}.product-category-enhanced__text{color:var(--color-primary);font-weight:var(--font-weight-medium)}@media(max-width:768px){.product-breadcrumb{font-size:var(--font-size-xs-2);gap:var(--spacing-1);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.product-breadcrumb__separator{margin:0 var(--spacing-1)}.product-breadcrumb__item{display:none}.product-breadcrumb__item:last-of-type{display:inline}.product-category-breadcrumb{font-size:var(--font-size-xs-2);gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3)}.product-category-breadcrumb__label{font-size:var(--font-size-xxs);margin-right:var(--spacing-1)}.product-category-breadcrumb__separator{margin:0 var(--spacing-1)}.product-category-enhanced--inline{padding:var(--spacing-2) var(--spacing-3)}.product-category-enhanced__breadcrumb{gap:var(--spacing-1)}.product-category-enhanced__item,.product-category-enhanced__link{font-size:var(--font-size-xs-2)}.product-category-enhanced__separator{margin:0 var(--spacing-1)}.product-category-enhanced__list{gap:var(--spacing-2)}.product-category-enhanced__level{padding:var(--spacing-1) var(--spacing-2);padding-left:calc(var(--spacing-3) + var(--spacing-1))}.product-category-enhanced__level[data-depth="2"]{padding-left:calc(var(--spacing-4) + var(--spacing-1))}.product-category-enhanced__level[data-depth="3"]{padding-left:calc(var(--spacing-5) + var(--spacing-1))}.product-category-enhanced__level[data-depth="4"]{padding-left:calc(var(--spacing-6) + var(--spacing-1))}.product-category-enhanced__level[data-depth="5"]{padding-left:calc(var(--spacing-7) + var(--spacing-1))}}@media(max-width:480px){.product-breadcrumb,.product-category-breadcrumb{gap:0}.product-breadcrumb__separator,.product-category-breadcrumb__separator{margin:0;display:none}.product-breadcrumb__separator:last-of-type{display:none}.product-category-enhanced--inline{padding:var(--spacing-2)}.product-category-enhanced__breadcrumb{gap:var(--spacing-1);font-size:var(--font-size-xxs)}.product-category-enhanced__separator{margin:0}}@media print{.product-breadcrumb,.product-category-breadcrumb,.product-category-enhanced{display:none}}@media(prefers-reduced-motion:reduce){.product-breadcrumb__link,.breadcrumb__link,.product-category-enhanced__link,.product-category-enhanced__level{transition:none}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin:var(--spacing-8) 0;flex-wrap:wrap}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--spacing-2) var(--spacing-3);font-weight:var(--font-weight-medium);color:var(--color-foreground);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-small);text-decoration:none;transition:all var(--duration-short) ease;cursor:pointer}.pagination__item:hover:not(.pagination__item--disabled):not(.pagination__item--current){background:var(--color-secondary);color:var(--color-background);border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-secondary) 30%,transparent)}.pagination__item--current{background:var(--color-primary);color:var(--color-background);border-color:transparent;cursor:default;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.pagination__item--disabled{opacity:.4;cursor:not-allowed}.pagination__item--ellipsis{border:none;background:none;cursor:default;color:var(--color-primary);font-weight:var(--font-weight-bold)}.pagination__item--ellipsis:hover{background:none;color:var(--color-secondary)}.pagination__prev,.pagination__next{display:inline-flex;align-items:center;gap:var(--spacing-2)}.pagination__prev svg,.pagination__next svg{width:16px;height:16px}.pagination--compact .pagination__item{min-width:32px;height:32px;padding:var(--spacing-1) var(--spacing-2);font-size:.875rem}.pagination__load-more{display:block;width:fit-content;margin:var(--spacing-6) auto;padding:var(--spacing-3) var(--spacing-8);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--radius-button);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-short) ease}.pagination__load-more:hover{background-color:var(--color-secondary)}.pagination__load-more:disabled{opacity:.5;cursor:not-allowed}.pagination-info{text-align:center;color:var(--color-foreground);opacity:.7;font-size:.95rem;margin:var(--spacing-4) 0}@media(max-width:768px){.pagination{gap:var(--spacing-1);margin:var(--spacing-6) 0}.pagination__item{min-width:36px;height:36px;padding:var(--spacing-1) var(--spacing-2);font-size:.9rem}.pagination__item:not(.pagination__prev):not(.pagination__next):not(.pagination__item--current){display:none}}@media(max-width:640px){.pagination__item{min-width:32px;height:32px}}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border);gap:var(--spacing-4)}.toolbar__count{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-foreground)}.toolbar__sort{display:flex;align-items:center;gap:var(--spacing-3)}.toolbar__sort label{font-weight:var(--font-weight-medium);font-size:calc(var(--font-size-base) * .95);color:var(--color-foreground)}.toolbar__sort select{min-width:calc(var(--spacing-10) * 1.5);padding:var(--spacing-2) var(--spacing-4);font-size:calc(var(--font-size-base) * .95)}.toolbar__actions{display:flex;align-items:center;gap:var(--spacing-3)}.toolbar__view-toggle{display:flex;gap:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-medium);padding:var(--spacing-1)}.toolbar__view-btn{padding:var(--spacing-2);background:none;border:none;border-radius:var(--radius-small);cursor:pointer;color:var(--color-foreground);opacity:.6;transition:all var(--duration-short) ease}.toolbar__view-btn:hover{opacity:1;background-color:color-mix(in srgb,var(--color-overlay) 5%,transparent)}.toolbar__view-btn.active{opacity:1;background-color:var(--color-primary);color:var(--color-background)}@media(max-width:768px){.toolbar,.toolbar__sort{flex-direction:column;align-items:stretch}.toolbar__sort select{width:100%}.toolbar__actions{justify-content:center}}@media(max-width:480px){.toolbar__count,.toolbar__sort label{font-size:calc(var(--font-size-base) * .875)}}.filter-sidebar{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--spacing-4);position:sticky;top:var(--spacing-6)}@media(max-width:768px){.filter-sidebar{top:0}}.filter-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.filter-sidebar__title{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);margin:0}.filter-sidebar__clear{background:none;border:none;color:var(--color-primary);font-size:calc(var(--font-size-base) * .875);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--duration-short) ease;text-decoration:underline}.filter-sidebar__clear:hover{color:var(--color-secondary)}.collection-filters__empty-message{margin:0;font-size:var(--font-size-sm-2);color:var(--color-foreground-muted)}.filter{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.filter:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter__header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;padding:0;margin-bottom:var(--spacing-3);font-family:inherit}.filter__heading{font-size:var(--font-size-h6);font-weight:var(--font-weight-bold);margin:0;color:var(--color-foreground);text-align:left}.filter__toggle{width:var(--spacing-4);height:var(--spacing-4);transition:transform var(--duration-short) ease}.filter__header[aria-expanded=true] .filter__toggle{transform:rotate(180deg)}.filter__content{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter__option{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:.9rem;font-weight:var(--font-weight-regular, 400);margin-bottom:0;padding:var(--spacing-1) 0;color:var(--color-foreground)!important;transition:color var(--duration-short) ease}.filter__option:hover{color:var(--color-primary)!important}.filter__option input[type=checkbox],.filter__option input[type=radio]{cursor:pointer;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;flex-shrink:0;accent-color:var(--color-primary)}.filter__option-label{flex:1;cursor:pointer}.filter__option-count{font-size:.875rem;color:var(--color-foreground);opacity:.6}.filter__price-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.filter__price-input{flex:1;min-width:0;padding:calc(var(--spacing-2) * .8) var(--spacing-2);font-size:.9rem}.filter__price-separator{color:var(--color-foreground);opacity:.5;font-weight:var(--font-weight-medium)}.filter__price-apply{margin-top:var(--spacing-3);width:100%}.filter__color-swatches{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter__color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-short) ease;background-color:var(--swatch-color)}.filter__color-swatch:hover{border-color:var(--color-primary);transform:scale(1.1)}.filter__color-swatch.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary)}.filter-sidebar__active{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background-color:color-mix(in srgb,var(--color-primary) 12%,var(--color-background));border-radius:var(--radius-medium)}.filter-sidebar__active-title{font-size:.875rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.filter-sidebar__active-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-sidebar__active-tag{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.875rem}.filter-sidebar__active-tag button{background:none;border:none;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--color-foreground);opacity:.6}.filter-sidebar__active-tag button:hover{opacity:1;color:var(--color-error)}@media(max-width:1024px){.filter-sidebar{position:static}}@media(max-width:768px){.filter-sidebar{border-radius:0;border-left:none;border-right:none}}.page-header{text-align:center;margin-bottom:var(--spacing-7);padding:var(--spacing-6);border-bottom:3px solid var(--color-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),color-mix(in srgb,var(--color-secondary) 5%,transparent));border-radius:var(--radius-large)}.page-header--no-border{border-bottom:none;padding-bottom:0}.page-header--left{text-align:left}.page-header--right{text-align:right}.page-header__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0;line-height:1.2;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header__subtitle{font-size:1.125rem;color:var(--color-secondary);opacity:.9;margin:0 0 var(--spacing-3) 0;line-height:1.6;font-weight:var(--font-weight-medium)}.page-header__description{max-width:700px;margin:0 auto;color:var(--color-foreground);opacity:.8;line-height:1.6;font-size:1rem}.page-header--left .page-header__description{margin-left:0}.page-header--right .page-header__description{margin-right:0}.page-header__meta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-4);font-size:.95rem;color:var(--color-primary);opacity:.8;font-weight:var(--font-weight-medium)}.page-header--left .page-header__meta{justify-content:flex-start}.page-header--right .page-header__meta{justify-content:flex-end}.page-header__meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.page-header__meta-icon{width:16px;height:16px;color:var(--color-primary)}.page-header__actions{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-5);flex-wrap:wrap}.page-header--left .page-header__actions{justify-content:flex-start}.page-header--right .page-header__actions{justify-content:flex-end}.page-header+.breadcrumbs{margin-top:calc(var(--spacing-7) * -1);margin-bottom:var(--spacing-6)}@media(max-width:768px){.page-header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4)}.page-header__title{font-size:var(--font-size-h2)}.page-header__subtitle{font-size:1rem}.page-header__meta{flex-direction:column;gap:var(--spacing-2)}.page-header__actions{flex-direction:column}.page-header__actions .button{width:100%}}@media(max-width:480px){.page-header__title{font-size:var(--font-size-h3)}.page-header__description{font-size:.95rem}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-strong);z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--spacing-4);-webkit-backdrop-filter:blur(var(--spacing-1));backdrop-filter:blur(var(--spacing-1))}.modal.active{display:flex}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.modal__container{position:relative;background-color:var(--color-background);border-radius:var(--radius-large);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn var(--duration-normal) ease-out}.modal__container--small{max-width:500px}.modal__container--medium{max-width:800px}.modal__container--large{max-width:1200px}.modal__container--full{max-width:95vw;max-height:95vh}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);margin:0;color:var(--color-foreground)}.modal__close{background:none;border:none;cursor:pointer;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);transition:background-color var(--duration-short) ease;color:var(--color-foreground)}.modal__close:hover{background-color:color-mix(in srgb,var(--color-overlay) 5%,transparent)}.modal__close svg{width:var(--spacing-6);height:var(--spacing-6)}.modal__body{flex:1;overflow-y:auto;padding:var(--spacing-6)}.modal__body--no-padding{padding:0}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--color-border);flex-shrink:0}.modal__footer--center{justify-content:center}.modal__footer--space-between{justify-content:space-between}.modal__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-foreground);opacity:.6}.modal__spinner{width:calc(var(--spacing-4) * 2.5);height:calc(var(--spacing-4) * 2.5);border:var(--spacing-1) solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin var(--duration-long) linear infinite}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}body:has(.modal.active){overflow:hidden}@media(max-width:768px){.modal__container{max-width:100%;max-height:100%;border-radius:0;animation:modalSlideUp var(--duration-normal) ease-out}.modal__header,.modal__body{padding:var(--spacing-4)}.modal__footer{padding:var(--spacing-4);flex-direction:column}.modal__footer .button{width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){.modal{padding:0}.modal__container{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}.modal__title{font-size:var(--font-size-h5)}}.notification{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-medium);margin:var(--spacing-4) 0;font-size:.95rem;line-height:1.5}.notification--success{background-color:var(--color-success-bg);color:color-mix(in srgb,var(--color-success) 80%,black);border:1px solid var(--color-success-border)}.notification--error{background-color:var(--color-error-bg);color:color-mix(in srgb,var(--color-error) 80%,black);border:1px solid var(--color-error-border)}.notification--warning{background-color:var(--color-warning-bg);color:color-mix(in srgb,var(--color-warning) 80%,black);border:1px solid var(--color-warning-border)}.notification--info{background-color:var(--color-info-bg);color:color-mix(in srgb,var(--color-info) 80%,black);border:1px solid var(--color-info-border)}.notification__icon{flex-shrink:0;width:var(--spacing-5);height:var(--spacing-5);display:flex;align-items:center;justify-content:center}.notification__icon svg{width:100%;height:100%}.notification__content{flex:1}.notification__title{font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base)}.notification__message{margin:0;opacity:.9}.notification__close{flex-shrink:0;background:none;border:none;padding:var(--spacing-1);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);opacity:.6;transition:opacity var(--duration-short) ease}.notification__close:hover{opacity:1}.notification__close svg{width:var(--spacing-4);height:var(--spacing-4)}.notification--small{padding:var(--spacing-2) var(--spacing-3);font-size:calc(var(--font-size-base) * .875)}.notification--large{padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-base)}.notification--toast{position:fixed;z-index:var(--z-toast);max-width:calc(var(--spacing-10) * 3.5);box-shadow:var(--shadow-xl);animation:slideIn var(--duration-normal) ease-out}.notification--toast-top{top:var(--spacing-5);left:50%;transform:translate(-50%)}.notification--toast-top-right{top:var(--spacing-5);right:var(--spacing-5)}.notification--toast-top-left{top:var(--spacing-5);left:var(--spacing-5)}.notification--toast-bottom{bottom:var(--spacing-5);left:50%;transform:translate(-50%)}.notification--toast-bottom-right{bottom:var(--spacing-5);right:var(--spacing-5)}.notification--toast-bottom-left{bottom:var(--spacing-5);left:var(--spacing-5)}.newsletter__message{padding:var(--spacing-4);border-radius:var(--radius-medium);margin:var(--spacing-4) 0;text-align:center;font-weight:var(--font-weight-medium)}.newsletter__message--success{background-color:var(--color-success-bg);color:color-mix(in srgb,var(--color-success) 80%,black);border:1px solid var(--color-success-border)}.newsletter__message--error{background-color:var(--color-error-bg);color:color-mix(in srgb,var(--color-error) 80%,black);border:1px solid var(--color-error-border)}.notification--dismissing{animation:fadeOut var(--duration-short) ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}@media(max-width:768px){.notification--toast{max-width:calc(100vw - var(--spacing-6));left:var(--spacing-3);right:var(--spacing-3);transform:none}.notification--toast-top,.notification--toast-bottom{left:var(--spacing-3);right:var(--spacing-3);transform:none}.notification--toast-top-right,.notification--toast-top-left,.notification--toast-bottom-right,.notification--toast-bottom-left{left:var(--spacing-3);right:var(--spacing-3)}.notification{padding:var(--spacing-3);gap:var(--spacing-2)}}.toast{position:fixed;bottom:-100px;right:max(var(--spacing-6),env(safe-area-inset-right));background-color:var(--color-success);color:var(--color-background);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-button);box-shadow:var(--shadow-lg);max-width:400px;font-size:.95rem;z-index:var(--z-notification);transition:bottom var(--duration-normal) ease;animation-timing-function:cubic-bezier(.4,0,.2,1)}.toast--visible{bottom:max(var(--spacing-6),env(safe-area-inset-bottom))}.toast--success{background-color:var(--color-success)}.toast--error{background-color:var(--color-error)}.toast--info{background-color:var(--color-primary)}.toast--warning{background-color:var(--color-warning)}@media(max-width:640px){.toast{right:max(var(--spacing-4),env(safe-area-inset-right));left:max(var(--spacing-4),env(safe-area-inset-left));max-width:none;bottom:-100px}.toast--visible{bottom:max(var(--spacing-4),env(safe-area-inset-bottom))}}.is-loading{position:relative;color:transparent!important}.is-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid color-mix(in srgb,white 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-white-overlay-light) 50%,var(--color-border) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:var(--radius-small);margin-bottom:var(--spacing-2)}.skeleton-image{aspect-ratio:1;border-radius:var(--radius-medium)}.skeleton-button{height:48px;border-radius:var(--radius-button)}.tabs{width:100%}.tabs__nav{display:flex;gap:var(--spacing-4);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-6);overflow-x:auto;scrollbar-width:thin}.tabs__nav::-webkit-scrollbar{height:var(--spacing-1)}.tabs__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.tabs__button{background:none;border:none;padding:var(--spacing-3) var(--spacing-2);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-foreground);opacity:.6;transition:all var(--duration-short);border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;flex-shrink:0}.tabs__button:hover{opacity:1}.tabs__button.active{color:var(--color-primary);opacity:1;border-bottom-color:var(--color-primary)}.tabs__button:disabled{opacity:.3;cursor:not-allowed}.tabs__content{position:relative}.tabs__panel{display:none;animation:fadeIn var(--duration-short)}.tabs__panel.active{display:block}.tabs--pills .tabs__nav{border-bottom:none;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.tabs--pills .tabs__button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);border-bottom:none;margin-bottom:0;background-color:var(--color-background)}.tabs--pills .tabs__button:hover{background-color:color-mix(in srgb,var(--color-overlay) 5%,transparent)}.tabs--pills .tabs__button.active{background-color:var(--color-primary);color:var(--color-background);opacity:1}.tabs--bordered .tabs__nav{border-bottom:none;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.tabs--bordered .tabs__button{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-medium);border-bottom:1px solid var(--color-border);margin-bottom:0}.tabs--bordered .tabs__button.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-background)}.tabs--vertical{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);align-items:start}.tabs--vertical .tabs__nav{flex-direction:column;border-bottom:none;border-right:2px solid var(--color-border);margin-bottom:0;padding-right:var(--spacing-4)}.tabs--vertical .tabs__button{width:100%;text-align:left;border-bottom:none;border-right:3px solid transparent;margin-bottom:0;margin-right:-2px;padding:var(--spacing-3) var(--spacing-4)}.tabs--vertical .tabs__button.active{border-right-color:var(--color-primary);border-bottom-color:transparent}.tabs--small .tabs__button{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem}.tabs--large .tabs__button{padding:var(--spacing-4) var(--spacing-5);font-size:1.125rem}.tabs__button-icon{display:inline-flex;align-items:center;gap:var(--spacing-2)}.tabs__button-icon svg{width:calc(var(--spacing-4) + var(--spacing-1));height:calc(var(--spacing-4) + var(--spacing-1))}.tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--spacing-5);height:var(--spacing-5);padding:0 var(--spacing-1);margin-left:var(--spacing-2);background-color:var(--color-primary);color:var(--color-background);font-size:calc(var(--font-size-base) * .75);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.tabs__button.active .tabs__badge{background-color:var(--color-background);color:var(--color-primary)}.tabs__panel--loading{display:flex;align-items:center;justify-content:center;min-height:200px;opacity:.6}.tabs__spinner{width:var(--spacing-8);height:var(--spacing-8);border:calc(var(--spacing-1) * .75) solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin calc(var(--duration-long) * 1.6) linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tabs__nav{gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.tabs__button{padding:var(--spacing-2) var(--spacing-1);font-size:.9rem}.tabs--vertical{grid-template-columns:1fr}.tabs--vertical .tabs__nav{flex-direction:row;border-right:none;border-bottom:2px solid var(--color-border);padding-right:0;overflow-x:auto}.tabs--vertical .tabs__button{border-right:none;border-bottom:3px solid transparent;margin-right:0;margin-bottom:-2px;text-align:center}.tabs--vertical .tabs__button.active{border-right-color:transparent;border-bottom-color:var(--color-primary)}.tabs__badge{min-width:calc(var(--spacing-4) + var(--spacing-1));height:calc(var(--spacing-4) + var(--spacing-1));font-size:calc(var(--font-size-base) * .7)}}@media(max-width:480px){.tabs__button{font-size:.85rem;padding:var(--spacing-2) var(--spacing-1)}.tabs__button-icon svg{width:var(--spacing-4);height:var(--spacing-4)}}.accordion{width:100%}.accordion__list{display:flex;flex-direction:column;gap:var(--spacing-2)}.accordion__item{border:1px solid var(--color-border);border-radius:var(--radius-medium);overflow:hidden;transition:box-shadow var(--duration-short)}.accordion__item:hover{box-shadow:var(--shadow-sm)}.accordion__item.open{border-color:var(--color-primary)}.accordion__trigger{width:100%;padding:var(--spacing-4);background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-foreground);transition:all var(--duration-short);text-align:left;gap:var(--spacing-3)}.accordion__trigger:hover{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-overlay) 2%,transparent)}.accordion__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.accordion__title{flex:1;margin:0;font-size:inherit;font-weight:inherit}.accordion__icon{flex-shrink:0;width:var(--spacing-5);height:var(--spacing-5);transition:transform var(--duration-short);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.accordion__icon svg{width:100%;height:100%}.accordion__item.open .accordion__icon{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) ease}.accordion__item.open .accordion__content{max-height:1000px}.accordion__body{padding:0 var(--spacing-4) var(--spacing-4);color:var(--color-foreground);opacity:.8;line-height:1.6}.accordion--simple .accordion__item{border:none;border-bottom:1px solid var(--color-border);border-radius:0}.accordion--simple .accordion__item:last-child{border-bottom:none}.accordion--simple .accordion__item:hover{box-shadow:none;background-color:color-mix(in srgb,var(--color-overlay) 2%,transparent)}.accordion--separated .accordion__list{gap:var(--spacing-4)}.accordion--separated .accordion__item{box-shadow:var(--shadow-sm)}.accordion--flush .accordion__item{border-left:none;border-right:none;border-radius:0}.accordion--flush .accordion__item:first-child{border-top:none}.accordion--multiple .accordion__item.open{border-color:var(--color-primary)}.accordion--icon-left .accordion__trigger{flex-direction:row-reverse}.accordion--small .accordion__trigger{padding:var(--spacing-3);font-size:.95rem}.accordion--small .accordion__body{padding:0 var(--spacing-3) var(--spacing-3);font-size:.9rem}.accordion--large .accordion__trigger{padding:var(--spacing-5) var(--spacing-6);font-size:1.2rem}.accordion--large .accordion__body{padding:0 var(--spacing-6) var(--spacing-6);font-size:1.05rem}.faq-item{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.faq-item__button{width:100%;padding:var(--spacing-4);background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--color-foreground);transition:color var(--duration-short);text-align:left}.faq-item__button:hover{color:var(--color-primary)}.faq-item__icon{flex-shrink:0;transition:transform var(--duration-short);color:var(--color-primary)}.faq-item.open .faq-item__icon{transform:rotate(180deg)}.faq-item__content{max-height:0;overflow:hidden;transition:max-height var(--duration-short)}.faq-item.open .faq-item__content{max-height:500px}.faq-item__text{padding:0 var(--spacing-4) var(--spacing-4);color:var(--color-foreground);opacity:.8;line-height:1.6}.accordion__item .accordion{margin-top:var(--spacing-3);padding-left:var(--spacing-4)}.accordion__item .accordion__item{border-left:2px solid var(--color-border);border-radius:0}.accordion__item--loading .accordion__trigger{opacity:.5;cursor:wait}.accordion__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.accordion__spinner{width:var(--spacing-6);height:var(--spacing-6);border:calc(var(--spacing-1) * .75) solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin calc(var(--duration-long) * 1.6) linear infinite}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion__item.open .accordion__body{animation:accordionSlideDown var(--duration-short) ease-out}@media(max-width:768px){.accordion__trigger{padding:var(--spacing-3);font-size:1rem}.accordion__body{padding:0 var(--spacing-3) var(--spacing-3);font-size:.95rem}.faq-item__button{font-size:1rem;padding:var(--spacing-3)}.faq-item__text{padding:0 var(--spacing-3) var(--spacing-3)}.accordion--large .accordion__trigger{padding:var(--spacing-4);font-size:1.1rem}.accordion--large .accordion__body{padding:0 var(--spacing-4) var(--spacing-4)}}@media(max-width:480px){.accordion__trigger{font-size:.95rem}.accordion__icon{width:calc(var(--spacing-4) + var(--spacing-1));height:calc(var(--spacing-4) + var(--spacing-1))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/layout-components.css.map */