.typography-h1{font-size:var(--font-size-3xl);font-weight:var(--font-extra-bold);color:var(--color-text-primary);text-wrap:balance;scroll-margin-top:5rem;line-height:1.2}.typography-h2{font-size:var(--font-size-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);padding-bottom:var(--spacing-xs);scroll-margin-top:5rem;line-height:1.2}.typography-h3{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--color-text-primary);scroll-margin-top:5rem;line-height:1.2}.typography-h4{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--color-text-primary);scroll-margin-top:5rem;line-height:1.2}.typography-h5{font-size:var(--font-size-md);font-weight:var(--font-bold);color:var(--color-text-primary);scroll-margin-top:5rem;line-height:1.2}.typography-h6{font-size:var(--font-size-sm);font-weight:var(--font-bold);color:var(--color-text-primary);scroll-margin-top:5rem;line-height:1.2}.typography-p{line-height:1.4;font-size:var(--font-size-sm);font-weight:var(--font-normal);color:var(--color-text-body)}.typography-lead{font-size:var(--font-size-xl);color:var(--color-text-muted);line-height:1.75rem}.typography-large{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.typography-small{font-size:var(--font-size-sm);line-height:1;font-weight:var(--font-medium);color:var(--color-text-body);padding:var(--spacing-xs)0}.typography-muted{font-size:var(--font-size-sm);color:var(--color-text-muted)}.typography-blockquote{margin-top:var(--spacing-lg);border-left:2px solid var(--color-border);padding-left:var(--spacing-lg);color:var(--color-text-body);font-style:italic}.typography-list{list-style:none}.typography-list-item{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-body);font-weight:var(--font-normal);margin-left:var(--spacing-lg);line-height:1.4}.typography-list-item::marker{font-size:var(--font-size-lg);color:var(--color-text-on-dark)}.typography-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--font-size-sm);font-weight:var(--font-semibold);background:var(--color-background-secondary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:.2rem .3rem;position:relative}.typography-table-wrapper{margin:var(--spacing-lg)0;width:100%;overflow-y:auto}.typography-table-wrapper table{border-collapse:collapse;width:100%}.typography-table-wrapper thead tr{border-top:1px solid var(--color-border)}.typography-table-wrapper tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-border)20%,transparent)}.typography-table-header,.typography-table-cell{border:1px solid var(--color-border);padding:var(--spacing-sm)var(--spacing-md);text-align:left}.typography-table-header{font-weight:var(--font-bold);color:var(--color-text-primary)}.typography-table-header[align=center]{text-align:center}.typography-table-header[align=right]{text-align:right}.typography-table-cell[align=center]{text-align:center}.typography-table-cell[align=right]{text-align:right}.dark .typography-h1,.dark .typography-h2,.dark .typography-h3,.dark .typography-h4,[data-theme=dark] .typography-h1,[data-theme=dark] .typography-h2,[data-theme=dark] .typography-h3,[data-theme=dark] .typography-h4{color:var(--color-text-primary)}.dark .typography-p,.dark .typography-blockquote,[data-theme=dark] .typography-p,[data-theme=dark] .typography-blockquote{color:var(--color-text-body)}.dark .typography-lead,.dark .typography-muted,[data-theme=dark] .typography-lead,[data-theme=dark] .typography-muted{color:var(--color-text-muted)}.dark .typography-code,[data-theme=dark] .typography-code{background:color-mix(in srgb,var(--color-text-inverse)10%,var(--color-background-card));color:var(--color-text-body)}.typography--inverse.typography-h1,.typography--inverse.typography-h2,.typography--inverse.typography-h3,.typography--inverse.typography-h4{color:var(--color-text-on-dark)}.typography--inverse.typography-p,.typography--inverse.typography-muted{color:var(--color-text-muted-on-dark)}
.admin-page__loading{min-height:calc(100vh - 200px);padding:var(--spacing-xl);flex:1;justify-content:center;align-items:center;display:flex}.loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;animation:.3s ease-in-out fadeIn;display:flex}.loading__spinner{justify-content:center;align-items:center;display:flex;position:relative}.loading__spinner-ring{border:3px solid #0000;border-top-color:var(--color-primary);border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;position:absolute;box-shadow:0 0 8px #8bea7c4d}.loading--sm .loading__spinner-ring{border-width:2px;width:24px;height:24px}.loading--sm .loading__spinner-ring:first-child{width:24px;height:24px}.loading--sm .loading__spinner-ring:nth-child(2){width:18px;height:18px;margin:3px}.loading--sm .loading__spinner-ring:nth-child(3){width:12px;height:12px;margin:6px}.loading--md .loading__spinner-ring{border-width:3px;width:48px;height:48px}.loading--md .loading__spinner-ring:first-child{width:48px;height:48px}.loading--md .loading__spinner-ring:nth-child(2){width:36px;height:36px;margin:6px}.loading--md .loading__spinner-ring:nth-child(3){width:24px;height:24px;margin:12px}.loading--lg .loading__spinner-ring{border-width:4px;width:64px;height:64px}.loading--lg .loading__spinner-ring:first-child{width:64px;height:64px}.loading--lg .loading__spinner-ring:nth-child(2){width:48px;height:48px;margin:8px}.loading--lg .loading__spinner-ring:nth-child(3){width:32px;height:32px;margin:16px}.loading__spinner-ring:first-child{border-top-color:var(--color-primary);animation-delay:-.45s}.loading__spinner-ring:nth-child(2){opacity:.8;border-top-color:var(--color-success);animation-duration:1s;animation-delay:-.3s}.loading__spinner-ring:nth-child(3){opacity:.6;border-top-color:var(--color-accent);animation-duration:.8s;animation-delay:-.15s}.loading__message{font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:center;letter-spacing:.02em;margin:0}.loading--sm .loading__message{font-size:var(--font-size-sm)}.loading--md .loading__message{font-size:var(--font-size-base)}.loading--lg .loading__message{font-size:var(--font-size-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.loading{gap:var(--spacing-md)}.loading__message{font-size:var(--font-size-sm)}}
.products{padding:var(--spacing-5xl)var(--spacing-lg);background:var(--color-background-secondary)}.products__container{max-width:1400px;margin:0 auto}.products__grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.products__view-all{margin-top:var(--spacing-4xl);justify-content:center;display:flex}.products__view-all-link{text-decoration:none;display:inline-block}.product-card{flex-direction:column;height:100%;display:flex}.product-card__image{width:100%;height:200px;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-lg);background:var(--color-background-secondary);overflow:hidden}.product-card__placeholder{width:100%;height:100%;color:var(--color-primary);background:linear-gradient(135deg,#8bea7c1a 0%,#17412d1a 100%);justify-content:center;align-items:center;font-size:4rem;font-weight:900;display:flex}.product-card__name{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:700}.product-card__description{font-size:var(--font-size-base);color:var(--color-text-body);margin-bottom:var(--spacing-md);flex:1;line-height:1.6}.product-card__price{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-md);font-weight:700}@media (max-width:768px){.products{padding:var(--spacing-3xl)var(--spacing-md)}.products__grid{gap:var(--spacing-2xl)var(--spacing-lg);grid-template-columns:1fr 1fr}}@media (max-width:481px){.products__grid{grid-template-columns:1fr}}
.search{width:100%;position:relative}.search__icon{left:var(--spacing-md);color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.dark .search__icon{color:var(--color-text-on-dark)}.search__input{width:100%;min-width:300px;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)calc(var(--spacing-md)*3);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-family:var(--font-body);background:var(--color-background-secondary);color:var(--color-text-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);cursor:pointer}.search__input:hover,.dark .search__input:hover{background:var(--color-background-secondary);border-color:var(--color-border-primary);box-shadow:var(--focus-ring)}.search__input:focus{border-color:var(--color-border-primary);box-shadow:var(--focus-ring);outline:none}.search__input::placeholder{color:var(--color-text-muted)}.search--sm .search__input{padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-sm)calc(var(--spacing-sm)*3);font-size:var(--font-size-sm)}.search--sm .search__icon{left:var(--spacing-sm);width:16px;height:16px}.search--lg .search__input{padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-lg)calc(var(--spacing-lg)*3);font-size:var(--font-size-lg)}.search--lg .search__icon{left:var(--spacing-lg);width:24px;height:24px}
.sort-container{width:100%;min-width:200px;max-width:250px;display:inline-block;position:relative}.sort-select{width:100%}
.view-toggle{align-items:center;gap:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--border-radius-full);padding:var(--spacing-xs);background:var(--color-background);box-shadow:var(--shadow-sm);display:inline-flex}.dark .view-toggle{background:var(--color-background-secondary);color:var(--color-text-on-dark)}.view-toggle__button{flex-shrink:0}.view-toggle .icon-button{box-shadow:none;margin:0}.view-toggle .icon-button--default{background:0 0;border-color:#0000}.view-toggle .icon-button--default:hover:not(:disabled){border-color:var(--color-border);background:#8bea7c1a;transform:translateY(0)}.view-toggle .icon-button--primary{box-shadow:var(--shadow-sm)}.view-toggle .icon-button--primary:hover:not(:disabled){box-shadow:var(--shadow-green);transform:translateY(-2px)}.view-toggle--sm{padding:calc(var(--spacing-xs)*.5);gap:calc(var(--spacing-xs)*.5)}.view-toggle--lg{padding:var(--spacing-sm);gap:var(--spacing-sm)}.dark .view-toggle,[data-theme=dark] .view-toggle{background:var(--color-background-card);border-color:var(--color-border)}.dark .view-toggle .icon-button--primary,[data-theme=dark] .view-toggle .icon-button--primary{color:var(--color-text-primary)}.dark .view-toggle .icon-button--primary svg,[data-theme=dark] .view-toggle .icon-button--primary svg{color:var(--color-text-primary);filter:drop-shadow(0 1px 2px #0000004d)}@media (max-width:768px){.view-toggle{padding:calc(var(--spacing-xs)*.75);gap:calc(var(--spacing-xs)*.75)}}
.filter-button{align-items:center;gap:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--border-radius-full);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background);box-shadow:var(--shadow-sm);color:var(--color-text-muted);transition:all var(--transition-normal);display:inline-flex}.dark .filter-button{background:var(--color-background-secondary);color:var(--color-text-on-dark)}.filter-button svg{flex-shrink:0;width:16px;height:16px}.filter-button:hover{cursor:pointer;background:var(--color-text-on-dark);border-color:var(--color-border-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.dark .filter-button:hover{color:var(--color-text-secondary)}.filter-panel{background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--border-radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);max-width:900px;position:relative}.filter-panel__backdrop{z-index:calc(var(--z-index-dropdown) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:fixed;inset:0}.filter-panel__header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.filter-panel__title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex}.filter-panel__actions{align-items:center;gap:var(--spacing-sm);display:flex}.filter-panel__grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.filter-panel__filter-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.filter-panel__label{color:var(--color-text-on-dark)}.filter-panel__select{width:100%}.filter-panel__active-filters{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.filter-panel__active-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);display:block}.filter-panel__active-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-panel__active-tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary);border-radius:var(--border-radius-full);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-medium);display:inline-flex}.filter-panel__active-tag-remove{width:16px;height:16px;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-panel__active-tag-remove:hover{background:#fff3}@media (max-width:1024px){.filter-panel__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-panel{padding:var(--spacing-lg);max-width:100%}.filter-button{gap:var(--spacing-md)}.filter-panel__grid{gap:var(--spacing-md);grid-template-columns:1fr}.filter-panel__header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.filter-panel__actions{justify-content:space-between;width:100%}}
.products-page{min-height:calc(100vh - 200px);padding:var(--spacing-4xl)var(--spacing-lg);background:var(--color-background)}.products-page__container{max-width:1400px;margin:0 auto}.products-page__container .loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.products-page__filters{justify-content:space-around;align-items:center;gap:var(--spacing-md);margin:var(--spacing-4xl)var(--spacing-xl);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-sm);flex-wrap:nowrap;display:flex;position:relative}.products-page__filters-left{gap:var(--spacing-md);flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:50%;display:flex;position:relative}.products-page__filters-right{gap:var(--spacing-md);flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:50%;display:flex;position:relative}.products-page__search-component{flex:1;min-width:0;margin-left:80px}.filter-button.products-page__filter-component{z-index:1;position:absolute;top:50%;left:-60px;transform:translateY(-50%)}.filter-panel.products-page__filter-component{position:absolute;top:250px;left:-60px;transform:translateY(-50%)}.products-page__sort-component{flex-shrink:0;margin-right:50px}.products-page__view-toggle{position:absolute;top:50%;right:-55px;transform:translateY(-50%)}.products-page__results{margin-top:var(--spacing-2xl)}.products-page__count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.products-page__products{gap:var(--spacing-2xl)var(--spacing-xl);display:grid}.products-page__products--grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.products-page__products--list{grid-template-columns:1fr}.products-page__products--list .product-card{max-width:100%;padding:var(--spacing-xl);border:1px solid var(--color-border);background:var(--color-background-card);border-radius:var(--border-radius-xl);flex-direction:row;align-items:stretch;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.products-page__products--list .product-card:hover{border-color:#8bea7c80;transform:translateY(-2px);box-shadow:0 12px 32px #0000001a,0 0 0 1px #8bea7c33}.products-page__products--list .product-card__inner{gap:var(--spacing-xl);flex-direction:row;align-items:center;width:100%;display:flex}.products-page__products--list .product-card__link{gap:var(--spacing-xl);flex-direction:row;flex:1;align-items:center;min-width:0;display:flex}.products-page__products--list .product-card__image-wrapper{border-radius:var(--border-radius-xl);flex-shrink:0;width:320px;min-width:320px;height:240px;margin-bottom:0;margin-right:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a,0 0 0 1px #8bea7c1a}.products-page__products--list .product-card__image-container{width:100%;height:100%;position:relative}.products-page__products--list .product-card__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:scale(1.15)}.products-page__products--list .product-card:hover .product-card__image-wrapper{transform:scale(1.03);box-shadow:0 8px 24px #00000026,0 0 0 2px #8bea7c4d}.products-page__products--list .product-card:hover .product-card__image{transform:scale(1.2)}.products-page__products--list .product-card__content{min-width:0;padding:var(--spacing-md)var(--spacing-lg);justify-content:space-between;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.products-page__products--list .product-card__divider{display:none}.products-page__products--list .product-card__header{margin-bottom:var(--spacing-xs);align-items:flex-start;gap:var(--spacing-sm);display:flex}.products-page__products--list .product-card__title{font-size:var(--font-size-2xl);-webkit-line-clamp:2;letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.3;transition:color .3s}.products-page__products--list .product-card:hover .product-card__title{color:var(--color-primary)}.products-page__products--list .product-card__description{-webkit-line-clamp:2;color:var(--color-text-body);line-height:1.7;font-size:var(--font-size-base);margin-bottom:0}.products-page__products--list .product-card__footer{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-top:auto;display:flex;position:relative}.products-page__products--list .product-card__footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-border)20%,var(--color-border)80%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.products-page__products--list .product-card__price-tag{flex-shrink:0;transition:transform .3s}.products-page__products--list .product-card:hover .product-card__price-tag{transform:scale(1.05)}.products-page__products--list .product-card__action-link{flex-shrink:0;transition:transform .3s;position:relative;right:auto;transform:none}.products-page__products--list .product-card__action-button{letter-spacing:.01em;min-width:200px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transform:none}.products-page__products--list .product-card__action-button:hover{transform:translate(8px);box-shadow:0 8px 24px #8bea7c66,0 0 0 1px #8bea7c33}.products-page__empty{text-align:center;padding:var(--spacing-4xl)var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-lg)}[data-theme=dark] .products-page__filters{background:var(--color-background-card);border-color:var(--color-border)}[data-theme=dark] .products-page__products--list .product-card{background:var(--color-background-card);border-color:#8bea7c33}[data-theme=dark] .products-page__products--list .product-card:hover{border-color:#8bea7c66;box-shadow:0 12px 32px #0006,0 0 0 1px #8bea7c4d}[data-theme=dark] .products-page__products--list .product-card__image-wrapper{box-shadow:0 4px 16px #0000004d,0 0 0 1px #8bea7c33}[data-theme=dark] .products-page__products--list .product-card:hover .product-card__image-wrapper{box-shadow:0 8px 24px #00000080,0 0 0 2px #8bea7c66}[data-theme=dark] .products-page__products--list .product-card__footer{border-top-color:#8bea7c33}@media (max-width:1200px){.products-page__filters{margin:var(--spacing-4xl)var(--spacing-lg)}.products-page__search-component{margin-left:60px}.filter-button.products-page__filter-component,.filter-panel.products-page__filter-component{left:-50px}.products-page__sort-component{margin-right:40px}.products-page__view-toggle{right:-50px}}@media (max-width:1024px){.products-page__filters{margin:var(--spacing-4xl)var(--spacing-md);align-items:center;gap:var(--spacing-md)}.products-page__filters-left{width:60%}.products-page__filters-right{width:40%}.products-page__search-component{width:100%;margin-left:90px}.products-page__sort-component{flex:1;min-width:0;margin-right:60px}.products-page__view-toggle{right:-45px}}@media (max-width:768px){.products-page{padding:var(--spacing-2xl)var(--spacing-md)}.products-page__filters{margin:var(--spacing-2xl)0;padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;align-items:center}.products-page__filters-left,.products-page__filters-right{gap:var(--spacing-sm);flex-direction:column;width:100%}.products-page__search-component{width:100%;min-width:unset;max-width:100%;margin-left:0}.filter-button.products-page__filter-component{width:100%;margin-bottom:0;position:static;top:auto;left:auto;transform:none}.filter-panel.products-page__filter-component{max-width:95vw;width:calc(100vw - var(--spacing-md)*2);z-index:calc(var(--z-index-dropdown) + 2);position:absolute;top:500px;left:50%;transform:translate(-50%,-50%)}.products-page__sort-component{width:100%;min-width:unset;max-width:100%;margin-right:0}.products-page__view-toggle{justify-content:center;width:100%;position:static;top:auto;right:auto;transform:none}.products-page__products--grid,.products-page__products--list{gap:var(--spacing-2xl)var(--spacing-lg);grid-template-columns:1fr 1fr}.products-page__products--list .product-card{flex-direction:column}.products-page__products--list .product-card__inner,.products-page__products--list .product-card__link{flex-direction:column;gap:0}.products-page__products--list .product-card{padding:var(--spacing-md)}.products-page__products--list .product-card__inner,.products-page__products--list .product-card__link{gap:var(--spacing-md)}.products-page__products--list .product-card__image-wrapper{width:100%;height:200px;min-width:unset;margin-bottom:0;margin-right:0}.products-page__products--list .product-card__divider{display:block}.products-page__products--list .product-card__content{padding:var(--spacing-lg);padding-top:0}.products-page__products--list .product-card__footer{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.products-page__products--list .product-card__action-link,.products-page__products--list .product-card__action-button{width:100%}}@media (max-width:480px){.products-page{padding:var(--spacing-xl)var(--spacing-sm)}.products-page__filters{margin:var(--spacing-xl)0;padding:var(--spacing-sm);gap:var(--spacing-xs)}.products-page__filters-left,.products-page__filters-right{gap:var(--spacing-xs)}.filter-panel.products-page__filter-component{max-width:98vw;width:calc(100vw - var(--spacing-sm)*2);padding:var(--spacing-md)}.products-page__search-component,.products-page__sort-component,.filter-button.products-page__filter-component,.products-page__view-toggle{width:100%}.products-page__products--grid,.products-page__products--list{grid-template-columns:1fr}}
.cookie-consent{z-index:var(--z-index-modal,9999);padding:var(--spacing-md,1rem);pointer-events:none;width:auto;max-width:1200px;animation:.5s cubic-bezier(.34,1.56,.64,1) cookieSlideIn;position:fixed;left:50%;transform:translate(-50%)}.cookie-consent__container{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--spacing-xl,1.5rem);max-width:1200px;padding:var(--spacing-xl,1.5rem)var(--spacing-2xl,2rem);background:var(--color-background-card,#fff);background-image:linear-gradient(135deg,var(--color-background-card,#fff)0%,#8bea7c26 100%);border-radius:var(--border-radius-2xl,1rem);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px)saturate(180%);border:2px solid #8bea7c66;flex-direction:row;margin:0 auto;display:flex;position:relative;overflow:hidden}.cookie-consent__left{align-items:center;gap:var(--spacing-lg,1.25rem);flex:1;min-width:0;display:flex}.cookie-consent--bottom{bottom:0}.cookie-consent--top{top:0}.cookie-consent__container:before{content:"";background:linear-gradient(90deg,var(--color-primary,#8bea7c)0%,var(--color-accent,#8bea7c)50%,var(--color-primary,#8bea7c)100%);background-size:200% 100%;height:3px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}.cookie-consent__icon{border-radius:var(--border-radius-xl,.75rem);color:#4a9e3e;background:linear-gradient(135deg,#8bea7c33 0%,#8bea7c1a 100%);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;animation:2s ease-in-out infinite iconPulse;display:flex;position:relative;box-shadow:0 4px 12px #8bea7c33}.cookie-consent__icon:after{content:"";border-radius:var(--border-radius-xl,.75rem);background:linear-gradient(135deg,var(--color-primary,#8bea7c),var(--color-accent,#8bea7c));-webkit-mask-composite:xor;opacity:.3;padding:2px;animation:3s linear infinite iconRotate;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cookie-consent__icon svg{z-index:1;filter:drop-shadow(0 2px 4px #4a9e3e66);color:#4a9e3e;width:28px;height:28px;position:relative}.cookie-consent__content{flex:1;min-width:0}.cookie-consent__message{font-size:var(--font-size-base,1rem);color:var(--color-text-body,#1a1a1a);line-height:1.7;font-weight:var(--font-normal,400);text-shadow:0 1px 2px #fffc;margin:0}.cookie-consent__link{color:var(--color-text-on-dark);font-weight:var(--font-semibold,600);transition:all var(--transition-normal,.2s ease);text-decoration:none;display:inline-block;position:relative}.cookie-consent__link:after{content:"";background:var(--color-text-on-dark);transform-origin:0;width:100%;height:2px;transition:transform var(--transition-normal,.2s ease);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.cookie-consent__link:hover{transform:translateY(-1px)}.cookie-consent__link:hover:after{transform:scaleX(1)}.cookie-consent__link:focus{outline:2px solid var(--color-text-on-dark);outline-offset:2px;border-radius:2px}.cookie-consent__actions{gap:var(--spacing-sm,.5rem);flex-wrap:wrap;flex-shrink:0;display:flex}.cookie-consent__actions .outline-button--error{color:#ef4444;transition:all var(--transition-normal,.2s ease);border-color:#ef4444}.cookie-consent__actions .outline-button--error:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 15px #ef44444d}.cookie-consent__actions .outline-button--error:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ef444433}.cookie-consent__actions .outline-button--error:focus-visible{outline-offset:2px;outline:2px solid #ef4444;box-shadow:0 0 0 4px #ef444433}@keyframes cookieSlideIn{0%{opacity:0;transform:translate(-50%)translateY(100%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.cookie-consent--top{animation-name:cookieSlideInTop}@keyframes cookieSlideInTop{0%{opacity:0;transform:translate(-50%)translateY(-100%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #8bea7c33}50%{transform:scale(1.05);box-shadow:0 6px 20px #8bea7c59}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.cookie-consent__container{flex-direction:column;align-items:stretch}.cookie-consent__left{width:100%}.cookie-consent__actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.cookie-consent{padding:var(--spacing-sm,.75rem);left:var(--spacing-sm,.75rem);right:var(--spacing-sm,.75rem);width:auto;transform:none}.cookie-consent__container{align-items:stretch;gap:var(--spacing-lg,1.25rem);padding:var(--spacing-lg,1.25rem);padding-top:calc(var(--spacing-lg,1.25rem) + 40px);flex-direction:column}.cookie-consent__left{flex-direction:row;width:100%}.cookie-consent__icon{width:48px;height:48px}.cookie-consent__icon svg{width:24px;height:24px}.cookie-consent__message{font-size:var(--font-size-sm,.875rem)}.cookie-consent__actions{gap:var(--spacing-sm,.5rem);flex-direction:column;width:100%}.cookie-consent__actions button{width:100%}@keyframes cookieSlideIn{0%{opacity:0;transform:translateY(100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cookieSlideInTop{0%{opacity:0;transform:translateY(-100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}}.cookie-consent--preferences{pointer-events:auto;justify-content:center;align-items:center;width:auto;max-width:none;padding:2rem;display:flex;left:50%;right:auto;transform:translate(-50%)}.cookie-preferences{background:var(--color-background-card,#fff);background-image:linear-gradient(135deg,var(--color-background-card,#fff)0%,#8bea7c26 100%);border-radius:var(--border-radius-2xl,1rem);-webkit-backdrop-filter:blur(20px)saturate(180%);border:2px solid #8bea7c66;width:100%;max-width:650px;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) fadeInScale;position:relative;overflow:hidden;box-shadow:0 20px 60px -12px #17412d59,0 0 0 1px #8bea7c33,0 8px 24px -4px #8bea7c40,inset 0 1px #fffc}.cookie-preferences:before{content:"";background:linear-gradient(90deg,var(--color-primary,#8bea7c)0%,var(--color-accent,#8bea7c)50%,var(--color-primary,#8bea7c)100%);z-index:1;background-size:200% 100%;height:3px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.cookie-preferences__header{background:linear-gradient(135deg,var(--color-primary)0%,color-mix(in srgb,var(--color-primary)80%,var(--color-accent,#8b5cf6))100%);border-radius:var(--border-radius-xl,1.5rem)var(--border-radius-xl,1.5rem)0 0;justify-content:space-between;align-items:center;margin:-2rem -2rem 1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 12px #0000001a}.cookie-preferences__header-content{align-items:center;gap:1rem;display:flex}.cookie-preferences__icon.cookie-consent__icon{background:#fff3;border:2px solid #ffffff4d;width:48px;height:48px;animation:2s ease-in-out infinite iconPulse;box-shadow:0 4px 12px #00000026}.cookie-preferences__icon.cookie-consent__icon:after{content:"";border-radius:var(--border-radius-xl,.75rem);-webkit-mask-composite:xor;opacity:.5;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);padding:2px;animation:3s linear infinite iconRotate;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cookie-preferences__icon.cookie-consent__icon svg{color:#fff;filter:drop-shadow(0 2px 4px #0003);width:24px;height:24px}.cookie-preferences__header h3{color:#fff;text-shadow:0 2px 4px #0000001a;margin:0;font-size:1.5rem;font-weight:700}.cookie-preferences__body{margin-bottom:1.5rem}.cookie-preferences__description{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)10%,transparent)0%,color-mix(in srgb,var(--color-accent,#8b5cf6)10%,transparent)100%);border-radius:var(--border-radius-md,.5rem);border-left:3px solid var(--color-primary);color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:1.5rem;padding:1rem;line-height:1.6}.cookie-preference-item{--item-color:var(--color-primary,#8bea7c);border-radius:var(--border-radius-lg,.75rem);background:var(--color-background);border:2px solid #0000;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.cookie-preference-item:before{content:"";background:var(--item-color,var(--color-primary));width:4px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.cookie-preference-item:hover{box-shadow:0 8px 16px #0000001a,0 0 0 2px var(--item-color,var(--color-primary));transform:translate(4px)}.cookie-preference-item:hover:before{width:8px}.cookie-preference-item__header{cursor:pointer;color:var(--color-text-primary);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600;transition:color .2s;display:flex}.cookie-preference-item:hover .cookie-preference-item__header{color:var(--color-text-on-dark)}.cookie-preference-item__header .checkbox-wrapper{flex-shrink:0}.cookie-preference-item__description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:.5rem 0 0;padding-left:2.25rem;line-height:1.5}.cookie-preferences__footer{border-top:2px solid color-mix(in srgb,var(--color-primary)20%,transparent);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}@media (max-width:640px){.cookie-consent--preferences{padding:1rem;left:0;right:0;transform:none}.cookie-preferences{max-width:100%;margin:0;padding:1.5rem}.cookie-preferences__header{margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem}.cookie-preferences__header-content{gap:.75rem}.cookie-preferences__icon.cookie-consent__icon{width:40px;height:40px}.cookie-preferences__icon.cookie-consent__icon svg{width:20px;height:20px}.cookie-preferences__footer{flex-direction:column-reverse}.cookie-preferences__footer button{width:100%}}@media (prefers-reduced-motion:reduce){.cookie-consent,.cookie-consent__container:before,.cookie-consent__icon,.cookie-consent__icon:after,.cookie-preferences__icon.cookie-consent__icon,.cookie-preferences__icon.cookie-consent__icon:after,.cookie-preferences:before{animation:none}}