/* Ammina CSS file original /local/templates/ksao/css/components/product-card.css */
.product-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);}.product-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-2px);}.product-card__img-wrap{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden;}.product-card__img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-slow);}.product-card:hover .product-card__img{transform:scale(1.04);}.product-card__fav{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);box-shadow:var(--shadow-sm);transition:color var(--transition);z-index:1;}.product-card__fav:hover,.product-card__fav.is-active{color:var(--color-discount);}.product-card__fav svg{width:16px;height:16px;}.product-card__badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:1;}.product-card__badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap;}.product-card__badge--out{background:rgba(0,0,0,.55);color:#fff;}.product-card__on-order{margin-top:var(--sp-3);display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:13px;font-weight:600;color:var(--color-text-secondary);}.product-card__body{padding:var(--sp-3) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;flex:1;gap:var(--sp-2);}.product-card__title{font-size:13px;font-weight:600;color:var(--color-text-primary);line-height:1.4;min-height:calc(2 * 1.4em);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.product-card__title a{color:inherit;}.product-card__title a:hover{color:var(--color-brand);}.product-card__price-row{display:flex;align-items:baseline;gap:var(--sp-2);margin-top:auto;}.product-card__price-current{font-size:20px;font-weight:800;color:var(--color-text-primary);}.product-card__sku{margin-left:auto;font-size:11px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.product-card__price-old{font-size:12px;color:var(--color-text-tertiary);text-decoration:line-through;}.product-card__discount{font-size:12px;font-weight:700;color:var(--color-discount);}.product-card__btn{margin-top:var(--sp-3);width:100%;height:40px;border-radius:var(--radius-md);background:var(--color-brand);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:background var(--transition),transform var(--transition);}.product-card__btn:hover{background:var(--color-brand-hover);}.product-card__btn:active{transform:scale(.97);}.product-card__btn.is-added{background:var(--color-success);}.product-card__btn svg{width:16px;height:16px;}.product-card__cart-btn--disabled,.product-card__cart-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;}.product-card__qty{display:none;align-items:center;justify-content:space-between;margin-top:var(--sp-3);height:40px;border:1.5px solid var(--color-brand);border-radius:var(--radius-md);overflow:hidden;}.product-card__qty.is-visible{display:flex;}.product-card__qty-btn{width:40px;height:100%;font-size:18px;font-weight:700;color:var(--color-brand);display:flex;align-items:center;justify-content:center;transition:background var(--transition);}.product-card__qty-btn:hover{background:var(--color-brand-light);}.product-card__qty-val{font-size:14px;font-weight:700;}.product-card__lines{position:absolute;bottom:var(--sp-2);left:var(--sp-2);right:var(--sp-2);display:flex;gap:3px;z-index:3;pointer-events:none;opacity:0;transition:opacity var(--transition);}.product-card__img-wrap:hover .product-card__lines{opacity:1;}.product-card__line{flex:1;height:2px;border-radius:1px;background:rgba(0,0,0,.15);transition:background var(--transition);}.product-card__line.is-active{background:var(--color-brand);}.product-card--compact .product-card__img-wrap{aspect-ratio:4/3;}.product-card--compact .product-card__body{display:grid;grid-template-columns:1fr auto;column-gap:var(--sp-3);row-gap:var(--sp-2);padding:var(--sp-3);align-content:start;}.product-card--compact .product-card__title{grid-column:1/-1;}.product-card--compact .product-card__price-row{margin-top:0;align-self:center;}.product-card--compact .product-card__price-current{font-size:17px;}.product-card--compact .product-card__cart-btn{margin-top:0;width:auto;justify-self:end;padding:0 var(--sp-3);height:36px;}.product-card--compact .product-card__on-order{grid-column:1/-1;margin-top:0;height:36px;}@media (max-width: 767px){.product-card__btn{height:36px;font-size:12px;}.product-card--compact .product-card__body{grid-template-columns:1fr;}.product-card--compact .product-card__cart-btn{justify-self:stretch;width:100%;}}/* Ammina CSS file original /local/templates/ksao/css/pages/landing.css */
.landing-banner{position:relative;margin:var(--sp-6) 0 var(--sp-8);padding:var(--sp-8) var(--sp-8);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;}.landing-banner__inner{display:grid;grid-template-columns:5fr 7fr;gap:var(--sp-6);align-items:center;}.landing-banner__text--full{grid-column:1/-1;}.landing-banner__title{font-size:36px;line-height:1.2;font-weight:700;margin:0 0 var(--sp-4);color:var(--color-text-primary);}.landing-banner__anons{font-size:18px;line-height:1.5;color:var(--color-text-secondary);margin-bottom:var(--sp-6);}.landing-banner__anons p{margin:0 0 var(--sp-2);}.landing-banner__anons p:last-child{margin-bottom:0;}.landing-banner__btn{display:inline-flex;}.landing-banner__media{display:flex;justify-content:center;align-items:center;}.landing-banner__img{max-width:100%;height:auto;display:block;}.landing-content{margin:var(--sp-8) 0;max-width:780px;}.landing-cta{margin:var(--sp-8) 0;padding:var(--sp-6) var(--sp-6);background:var(--color-bg-secondary);border-radius:var(--radius-md);}.landing-cta__body{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;}.landing-cta__text{font-size:16px;line-height:1.5;margin:0;color:var(--color-text-primary);flex:1 1 auto;}.landing-cta__btn{flex:0 0 auto;}.landing-products{margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--color-border);}.landing-products__title{font-size:24px;font-weight:700;margin:0 0 var(--sp-6);color:var(--color-text-primary);}.landings-list__title{font-size:32px;font-weight:700;margin:var(--sp-6) 0 var(--sp-6);color:var(--color-text-primary);}.landings-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);margin-bottom:var(--sp-10);}.landing-card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);}.landing-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm);}.landing-card__media{aspect-ratio:4/3;background:var(--color-bg-secondary);overflow:hidden;}.landing-card__media--placeholder{background:var(--color-bg-secondary);}.landing-card__img{width:100%;height:100%;object-fit:cover;}.landing-card__body{padding:var(--sp-4);}.landing-card__name{font-size:16px;font-weight:600;margin:0 0 var(--sp-2);}.landing-card__subtitle{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5;}@media (max-width: 1024px){.landings-list{grid-template-columns:repeat(2,1fr);}}@media (max-width: 767px){.landing-banner{padding:var(--sp-5) var(--sp-4);}.landing-banner__inner{grid-template-columns:1fr;gap:var(--sp-4);}.landing-banner__title{font-size:26px;}.landing-banner__anons{font-size:16px;}.landings-list{grid-template-columns:1fr;}}/* Ammina CSS file original /local/templates/ksao/css/tokens.css */
:root{--font:"Mulish",sans-serif;--fs-xs:.6875rem;--fs-meta:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--lh-tight:1.4;--lh-normal:1.5;--ls-caps:.06em;--color-brand:#137756;--color-brand-hover:#0f5f44;--color-brand-light:#e8f5f0;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9e9e9e;--color-text-disabled:#c4c4c4;--color-text-inverse:#fff;--color-text-link:#ff5c00;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-neutral:#f0f0f0;--color-bg-dark:#1a1a1a;--color-bg-overlay:rgba(0,0,0,.48);--color-border:#e5e5e5;--color-border-secondary:#d0d0d0;--color-discount:#e5194b;--color-discount-bg:#fff0f4;--color-success:#18a349;--color-error:#e5194b;--c-success:#14633f;--c-success-soft:#dbeee2;--color-focus-ring:rgba(255,92,0,.35);--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 4px 10px rgba(0,0,0,.08);--shadow-md:0 8px 20px rgba(0,0,0,.1);--shadow-lg:0 12px 30px rgba(0,0,0,.12);--max-width:1400px;--section-padding:0 24px;--header-height:64px;--announcement-height:48px;--toast-max-width:280px;--transition:.2s ease;--transition-slow:.35s ease;--z-header:100;--z-sidebar:200;--z-overlay:300;--z-modal:400;--z-tooltip:500;}/* Ammina CSS file original /local/templates/ksao/css/reset.css */
@font-face{font-family:"Mulish";src:url("/local/templates/ksao/fonts/mulish-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Mulish";src:url("/local/templates/ksao/fonts/mulish-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}@font-face{font-family:"Mulish";src:url("/local/templates/ksao/fonts/mulish-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Mulish";src:url("/local/templates/ksao/fonts/mulish-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"Mulish";src:url("/local/templates/ksao/fonts/mulish-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}[hidden]{display:none !important;}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100dvh;}main{flex:1;padding-bottom:48px;}a{color:inherit;text-decoration:none;}a:hover{text-decoration:none;}img,svg,video{display:block;max-width:100%;}ul,ol{list-style:none;}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;}input,select,textarea{font-family:inherit;font-size:inherit;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;}/* Ammina CSS file original /local/templates/ksao/css/typography.css */
.text-xs{font-size:12px;line-height:1.4;}.text-sm{font-size:13px;line-height:1.4;}.text-base{font-size:14px;line-height:1.5;}.text-md{font-size:16px;line-height:1.5;}.text-lg{font-size:18px;line-height:1.4;}.text-xl{font-size:20px;line-height:1.3;}.text-2xl{font-size:24px;line-height:1.25;}.text-3xl{font-size:28px;line-height:1.2;}.text-4xl{font-size:32px;line-height:1.15;}.font-regular{font-weight:400;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.text-primary{color:var(--color-text-primary);}.text-secondary{color:var(--color-text-secondary);}.text-tertiary{color:var(--color-text-tertiary);}.text-inverse{color:var(--color-text-inverse);}.text-brand{color:var(--color-brand);}.text-discount{color:var(--color-discount);}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}/* Ammina CSS file original /local/templates/ksao/css/grid.css */
.container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}.section{padding-block:var(--sp-12);}.section--sm{padding-block:var(--sp-8);}.section--lg{padding-block:var(--sp-20);}.section__title{font-size:22px;font-weight:700;margin-bottom:var(--sp-6);}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);}.section__link{font-size:14px;font-weight:600;color:var(--color-brand);}.section__link:hover{text-decoration:underline;}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);}.section--home-products .product-grid,.landing-products .product-grid{grid-template-columns:repeat(5,1fr);}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);}.visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}.flex{display:flex;}.flex-col{flex-direction:column;}.items-center{align-items:center;}.items-start{align-items:flex-start;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.gap-1{gap:var(--sp-1);}.gap-2{gap:var(--sp-2);}.gap-3{gap:var(--sp-3);}.gap-4{gap:var(--sp-4);}.gap-6{gap:var(--sp-6);}.gap-8{gap:var(--sp-8);}@media (max-width: 1200px){.section--home-products .product-grid,.landing-products .product-grid{grid-template-columns:repeat(4,1fr);}}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr);}.section--home-products .product-grid,.landing-products .product-grid{grid-template-columns:repeat(3,1fr);}.blog-grid{grid-template-columns:repeat(2,1fr);}.container{padding-left:20px;padding-right:20px;}}@media (max-width: 767px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3);}.section--home-products .product-grid,.landing-products .product-grid{grid-template-columns:repeat(2,1fr);}.blog-grid{grid-template-columns:1fr;}.container{padding-left:16px;padding-right:16px;}.section{padding-block:var(--sp-8);}.section--lg{padding-block:var(--sp-12);}.section__title{font-size:18px;}}/* Ammina CSS file original /local/templates/ksao/css/utilities.css */
.hidden{display:none !important;}.invisible{visibility:hidden;}@media (max-width: 767px){.hidden-mobile{display:none !important;}}@media (min-width: 768px){.hidden-desktop{display:none !important;}}.aspect-square{aspect-ratio:1/1;}.aspect-2-1{aspect-ratio:2/1;}.aspect-4-3{aspect-ratio:4/3;}.aspect-16-9{aspect-ratio:16/9;}.aspect-7-2{aspect-ratio:7/2;}.aspect-7-3{aspect-ratio:7/3;}.img-cover{width:100%;height:100%;object-fit:cover;}.img-contain{width:100%;height:100%;object-fit:contain;}.overflow-hidden{overflow:hidden;}.relative{position:relative;}.absolute{position:absolute;}.inset-0{inset:0;}.rounded-sm{border-radius:var(--radius-sm);}.rounded-md{border-radius:var(--radius-md);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-full{border-radius:var(--radius-full);}.bg-primary{background:var(--color-bg-primary);}.bg-secondary{background:var(--color-bg-secondary);}.bg-brand{background:var(--color-brand);}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1.4;}.badge--discount{background:var(--color-discount-bg);color:var(--color-discount);}.badge--brand{background:var(--color-brand);color:#fff;padding:4px 10px;font-size:13px;}.badge--success{background:var(--color-success);color:#fff;padding:4px 10px;font-size:13px;}.badge--neutral{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:4px 10px;font-size:13px;}.price{font-size:20px;font-weight:800;color:var(--color-text-primary);}.price--old{font-size:13px;font-weight:400;color:var(--color-text-tertiary);text-decoration:line-through;}.price--discount{color:var(--color-discount);}.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--sp-6);}.spinner{width:24px;height:24px;border:3px solid var(--color-bg-neutral);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;}/* Ammina CSS file original /local/templates/ksao/css/ui/buttons.css */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;}.btn:disabled,.btn.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none;}.btn--brand{background:var(--color-brand);color:#fff;}.btn--brand:hover{background:var(--color-brand-hover);}.btn--outline{border-color:var(--color-border);background:transparent;color:var(--color-text-primary);}.btn--outline:hover{border-color:var(--color-brand);color:var(--color-brand);}.btn--outline-brand{border:2px solid var(--color-brand);background:transparent;color:var(--color-brand);}.btn--outline-brand:hover{background:var(--color-brand-light);}.btn--ghost{background:transparent;color:var(--color-text-primary);}.btn--ghost:hover{background:var(--color-bg-secondary);}.btn--danger{background:var(--color-error);color:#fff;}.btn--danger:hover{opacity:.9;}.btn--sm{padding:var(--sp-2) var(--sp-3);font-size:13px;}.btn--lg{height:48px;padding:0 var(--sp-6);font-size:15px;font-weight:700;border-radius:var(--radius-md);}.btn--full{width:100%;}/* Ammina CSS file original /local/templates/ksao/css/ui/forms.css */
.input,.select,.textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;line-height:1.4;color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color var(--transition);}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-brand);outline:none;}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary);}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed;}.textarea{min-height:96px;resize:vertical;}.input--error,.select--error,.textarea--error{border-color:var(--color-error);}.form-group{margin-bottom:var(--sp-4);}.form-label{display:block;margin-bottom:var(--sp-1);font-size:13px;font-weight:600;color:var(--color-text-primary);}.form-label--required::after{content:" *";color:var(--color-error);}.form-error{font-size:12px;color:var(--color-error);margin-top:var(--sp-1);}.form-hint{font-size:12px;color:var(--color-text-secondary);margin-top:var(--sp-1);}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:14px;}.checkbox input,.radio input{width:16px;height:16px;accent-color:var(--color-brand);cursor:pointer;}/* Ammina CSS file original /local/templates/ksao/css/ui/cards.css */
.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-6);}.card--shadow{border:none;box-shadow:var(--shadow-sm);}.card--flat{border:none;background:var(--color-bg-secondary);}.card--compact{padding:var(--sp-4);}.card--lg{padding:var(--sp-8);}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--color-border);}.card__title{font-size:16px;font-weight:600;color:var(--color-text-primary);}.card__body{}.card__footer{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--color-border);}/* Ammina CSS file original /local/templates/ksao/css/ui/alerts.css */
.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:13px;line-height:1.4;border:1px solid transparent;}.alert--error{background:var(--color-discount-bg);color:var(--color-error);border-color:rgba(229,25,75,.2);}.alert--success{background:var(--color-brand-light);color:var(--color-success);border-color:rgba(24,163,73,.2);}.alert--info{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border);}.alert--warning{background:#fff8e6;color:#b97e00;border-color:rgba(185,126,0,.2);}.alert__title{font-weight:600;margin-bottom:var(--sp-1);}.alert a{color:inherit;text-decoration:underline;}.alert--center{text-align:center;}/* Ammina CSS file original /local/templates/ksao/css/ui/modals.css */
html.has-modal-open body{overflow:hidden;}.overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition);}.overlay.is-open{opacity:1;pointer-events:auto;}.modal{position:fixed;z-index:var(--z-modal);top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--sp-8);max-width:460px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);}.modal.is-open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;}.drawer{position:fixed;z-index:var(--z-modal);top:0;bottom:0;right:0;background:var(--color-bg-primary);width:420px;max-width:100%;transform:translateX(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);}.drawer.is-open{transform:translateX(0);}.drawer--left{right:auto;left:0;transform:translateX(-100%);}.drawer--left.is-open{transform:translateX(0);}.modal__close,.drawer__close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition),color var(--transition);}.modal__close:hover,.drawer__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);}@media (max-width: 480px){.modal{padding:var(--sp-6);max-width:96%;}}/* Ammina CSS file original /local/templates/ksao/css/ui/layouts.css */
.layout-with-sidebar{display:grid;grid-template-columns:1fr 380px;gap:var(--sp-6);align-items:start;}.layout-with-sidebar__aside{position:sticky;top:calc(var(--header-height) + var(--sp-4));}.layout-sidebar-left{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--sp-6);align-items:start;}.layout-sidebar-left__aside{position:sticky;top:calc(var(--header-height) + var(--sp-4));}.layout-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);}.layout-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);}@media (max-width: 1024px){.layout-with-sidebar{grid-template-columns:1fr 340px;}.layout-sidebar-left{grid-template-columns:240px minmax(0,1fr);}.layout-3col{grid-template-columns:repeat(2,1fr);}}@media (max-width: 767px){.layout-with-sidebar,.layout-sidebar-left,.layout-2col,.layout-3col{grid-template-columns:1fr;}.layout-with-sidebar__aside,.layout-sidebar-left__aside{position:static;}}/* Ammina CSS file original /local/templates/ksao/css/ui/pagination.css */
.pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);margin:var(--sp-10) 0 var(--sp-12);flex-wrap:wrap;}.pagination__btn{width:40px;height:40px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text-primary);border:1.5px solid var(--color-border);background:var(--color-bg-primary);transition:all var(--transition);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;}.pagination__btn:hover{border-color:var(--color-brand);color:var(--color-brand);}.pagination__btn.is-active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;pointer-events:none;}.pagination__btn--arrow svg{width:16px;height:16px;}.pagination__btn:disabled,.pagination__btn.is-disabled{opacity:.4;pointer-events:none;}.pagination__ellipsis{display:inline-flex;align-items:center;padding:0 var(--sp-2);color:var(--color-text-tertiary);}/* Ammina CSS file original /local/templates/ksao/css/ui/prose.css */
.prose{font-size:15px;line-height:1.7;color:var(--color-text-secondary);}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text-primary);font-weight:600;line-height:1.3;}.prose h1{font-size:24px;margin:var(--sp-8) 0 var(--sp-4);}.prose h2{font-size:20px;margin:var(--sp-6) 0 var(--sp-3);}.prose h3{font-size:17px;margin:var(--sp-5) 0 var(--sp-2);}.prose h4{font-size:15px;margin:var(--sp-4) 0 var(--sp-2);}.prose p{margin-bottom:var(--sp-4);}.prose a{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px;}.prose a:hover{color:var(--color-brand-hover);}.prose strong{color:var(--color-text-primary);font-weight:600;}.prose em{font-style:italic;}.prose ul,.prose ol{margin-bottom:var(--sp-4);padding-left:var(--sp-6);}.prose ul{list-style:disc;}.prose ol{list-style:decimal;}.prose li{margin-bottom:var(--sp-2);}.prose blockquote{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-6);border-left:3px solid var(--color-brand);background:var(--color-bg-secondary);font-style:italic;color:var(--color-text-primary);}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--sp-6) 0;}.prose hr{border:none;height:1px;background:var(--color-border);margin:var(--sp-8) 0;}.prose table{width:100%;border-collapse:collapse;margin:var(--sp-6) 0;font-size:14px;}.prose th,.prose td{padding:var(--sp-3);border:1px solid var(--color-border);text-align:left;}.prose th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-primary);}.prose code{padding:2px 6px;background:var(--color-bg-secondary);border-radius:var(--radius-xs);font-family:"Menlo","Monaco",monospace;font-size:13px;color:var(--color-text-primary);}.prose pre{padding:var(--sp-4);background:var(--color-bg-dark);color:var(--color-text-inverse);border-radius:var(--radius-md);overflow-x:auto;margin:var(--sp-6) 0;}.prose pre code{padding:0;background:transparent;color:inherit;}/* Ammina CSS file original /local/templates/ksao/css/ui/category-grid.css */
.category-grid__heading{font-size:22px;font-weight:700;margin-bottom:var(--sp-6);}.category-grid{display:grid;gap:var(--sp-3);}.category-grid--grid{grid-template-columns:repeat(4,1fr);}.category-grid--compact{grid-template-columns:repeat(6,1fr);}.category-card{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;}.category-card:hover .category-card__img{transform:scale(1.05);}.category-grid--compact .category-card{aspect-ratio:1/1;}.category-grid--compact .category-card__name{font-size:1rem;}.category-card__media{position:absolute;inset:0;}.category-card__img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transition:transform var(--transition-slow);}.category-card__img--placeholder{background:var(--color-bg-secondary);}.category-card__label{position:absolute;top:0;left:0;right:0;padding:var(--sp-4);pointer-events:none;}.category-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:700;line-height:1.3;color:#000;}.category-card__count{display:block;margin-top:var(--sp-1);font-size:var(--fs-meta);line-height:1.3;color:var(--color-text-secondary);}@media (max-width: 1199px){.category-grid--grid{grid-template-columns:repeat(4,1fr);}.category-grid--compact{grid-template-columns:repeat(4,1fr);}}@media (max-width: 767px){.category-grid--grid,.category-grid--compact{grid-template-columns:repeat(2,1fr);}.category-card__name{font-size:13px;}.category-card{background:#f4f5f7;}.category-card__media{inset:40px 6px 6px 6px;border-radius:var(--radius-md);overflow:hidden;}.category-card__img{object-fit:contain;}.category-card__label{padding:var(--sp-2) var(--sp-3) 0;}.category-card--counted{display:flex;flex-direction:column;}.category-card--counted .category-card__label{position:static;order:-1;}.category-card--counted .category-card__media{position:relative;inset:auto;flex:1;min-height:0;margin:var(--sp-2);}}/* Ammina CSS file original /local/templates/ksao/css/components/header.css */
.header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);height:var(--header-height);}.header--shadow{box-shadow:var(--shadow-sm);}.header__inner{display:flex;align-items:center;height:100%;gap:var(--sp-6);}.header__logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}.header__logo-img{height:36px;width:auto;display:block;}.header__logo-name{font-size:22px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;margin-left:6px;}.header__nav{flex:1;display:flex;align-items:center;gap:var(--sp-1);}.nav__item{position:relative;}.nav__link{display:flex;align-items:center;gap:4px;padding:var(--sp-2) var(--sp-3);font-size:14px;font-weight:600;color:var(--color-text-primary);border-radius:var(--radius-sm);white-space:nowrap;transition:background var(--transition),color var(--transition);}.nav__link:hover{background:var(--color-bg-secondary);color:var(--color-brand);}.nav__link svg{width:14px;height:14px;flex-shrink:0;}.nav__link--catalog{background:var(--color-brand);color:#fff;border-radius:var(--radius-lg);padding:var(--sp-2) var(--sp-5);gap:var(--sp-2);}.nav__link--catalog:hover{background:var(--color-brand-hover);color:#fff;}.nav__item{padding-bottom:8px;margin-bottom:-8px;}.nav__dropdown{position:absolute;top:calc(100% - 8px);left:0;min-width:260px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--sp-2);padding-top:calc(var(--sp-2) + 8px);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:10;max-height:480px;overflow-y:auto;}.nav__dropdown-link--all{font-weight:700;color:var(--color-brand);border-bottom:1px solid var(--color-border);border-radius:0;margin-bottom:var(--sp-1);padding-bottom:var(--sp-3);}.nav__item:hover .nav__dropdown{opacity:1;pointer-events:all;transform:translateY(0);}.nav__dropdown-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:14px;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition);}.nav__dropdown-link:hover{background:var(--color-bg-secondary);color:var(--color-brand);}.nav__dropdown-icon,.mobile-nav__sub-icon{display:inline-block;width:20px;height:20px;object-fit:contain;flex-shrink:0;border-radius:var(--radius-sm);}.header__search{flex:0 1 360px;position:relative;}.header__search-input{width:100%;height:40px;padding:0 var(--sp-10) 0 var(--sp-4);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:14px;background:var(--color-bg-secondary);transition:border-color var(--transition),background var(--transition);outline:none;}.header__search-input:focus{border-color:var(--color-brand);background:var(--color-bg-primary);}.header__search-input::placeholder{color:var(--color-text-tertiary);}.header__search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-tertiary);}.header__search-btn:hover{color:var(--color-brand);}.header__search-btn svg{width:18px;height:18px;flex-shrink:0;}.search-suggest{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-header);overflow:hidden;min-width:320px;}.search-suggest.is-open{display:block;}.search-suggest__list{list-style:none;padding:var(--sp-2) 0;}.search-suggest__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background var(--transition);}.search-suggest__item.is-active,.search-suggest__item:hover{background:var(--color-bg-secondary);}.search-suggest__img{width:44px;height:44px;object-fit:contain;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-secondary);}.search-suggest__img--placeholder{background:var(--color-bg-secondary);}.search-suggest__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.search-suggest__name{font-size:14px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.search-suggest__name mark{background:none;color:var(--color-brand);font-weight:700;}.search-suggest__price{font-size:13px;font-weight:600;color:var(--color-text-secondary);}.search-suggest__footer{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border);font-size:13px;font-weight:600;color:var(--color-brand);text-decoration:none;transition:background var(--transition);}.search-suggest__footer:hover{background:var(--color-bg-secondary);}.search-suggest__footer svg{flex-shrink:0;}.search-suggest__empty{padding:var(--sp-4) var(--sp-5);font-size:14px;color:var(--color-text-tertiary);}.header__actions{display:flex;align-items:center;gap:var(--sp-1);margin-left:auto;flex-shrink:0;}.header__action-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:color var(--transition),background var(--transition);min-width:48px;}.header__action-btn:hover{color:var(--color-brand);background:var(--color-bg-secondary);}.header__action-btn svg{width:22px;height:22px;}.header__action-label{font-size:11px;font-weight:500;white-space:nowrap;}.header__cart-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:var(--color-brand);color:#fff;font-size:11px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1;}.header__cart-badge:empty,.header__cart-badge[data-count="0"]{display:none;}.header__burger{display:none;flex-direction:column;gap:5px;padding:var(--sp-2);border-radius:var(--radius-sm);}.header__burger span{display:block;width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform var(--transition),opacity var(--transition);}.header__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}.header__burger.is-open span:nth-child(2){opacity:0;}.header__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.mobile-nav{display:none;position:fixed;inset:0;top:var(--header-height);background:var(--color-bg-primary);z-index:calc(var(--z-header) - 1);overflow-y:auto;padding:var(--sp-4);transform:translateX(-100%);transition:transform var(--transition-slow);pointer-events:none;}.mobile-nav.is-open{transform:translateX(0);pointer-events:auto;}.mobile-nav__item{border-bottom:1px solid var(--color-border);}.mobile-nav__row{display:flex;align-items:center;}.mobile-nav__link{display:block;flex:1;padding:var(--sp-4) 0;font-size:16px;font-weight:600;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);}.mobile-nav__item .mobile-nav__link{border-bottom:none;}.mobile-nav__link:hover{color:var(--color-brand);}.mobile-nav__toggle{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition),transform var(--transition);}.mobile-nav__toggle[aria-expanded="true"]{color:var(--color-brand);transform:rotate(90deg);}.mobile-nav__sub{overflow:hidden;max-height:0;transition:max-height .3s ease;}.mobile-nav__sub.is-open{max-height:400px;}.mobile-nav__sub-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);font-size:14px;color:var(--color-text-secondary);border-top:1px solid var(--color-border);transition:color var(--transition),background var(--transition);}.mobile-nav__sub-link:hover{color:var(--color-brand);background:var(--color-bg-secondary);}.header__search-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:color var(--transition);}.header__search-toggle:hover{color:var(--color-brand);}.header__search-toggle svg{width:22px;height:22px;flex-shrink:0;}.header__search-panel{display:none;align-items:center;height:100%;gap:var(--sp-3);padding:0 var(--sp-2) 0 var(--sp-4);}.header__search-panel-form{display:flex;align-items:center;flex:1;gap:12px;height:100%;padding:0 8px 0 16px;}.header__search-panel-input{flex:1;height:40px;border:none;outline:none;font-size:16px;background:transparent;color:var(--color-text-primary);}.header__search-panel-input::placeholder{color:var(--color-text-tertiary);}.header__search-panel-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0;transition:color var(--transition);}.header__search-panel-close:hover{color:var(--color-brand);}.header__search-panel-close svg{width:20px;height:20px;flex-shrink:0;}@media (max-width: 1024px){.header__nav{display:none;}.header__burger{display:flex;}.mobile-nav{display:block;}.header__search{flex:1;}}@media (max-width: 767px){.header__search{display:none;}.header__search-toggle{display:flex;}.header--search-open .header__inner{display:none;}.header--search-open .header__search-panel{display:flex;}}body.search-overlay-open::after{content:"";position:fixed;inset:0;background:var(--color-bg-overlay);z-index:calc(var(--z-header) - 1);}/* Ammina CSS file original /local/templates/ksao/css/components/footer.css */
.footer{background:var(--color-bg-dark);color:var(--color-text-inverse);padding-top:var(--sp-12);}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-10);padding-bottom:var(--sp-12);border-bottom:1px solid rgba(255,255,255,.1);}.footer__brand{display:flex;flex-direction:column;gap:var(--sp-4);}.footer__logo-link{font-size:16px;font-weight:600;color:#fff;}.footer__logo-tagline{font-weight:400;color:rgba(255,255,255,.5);margin-left:4px;}.footer__logo-sub{font-size:13px;color:rgba(255,255,255,.6);line-height:1.6;max-width:280px;margin-top:var(--sp-3);}.footer__socials{display:flex;gap:var(--sp-3);}.footer__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);transition:background var(--transition),color var(--transition);}.footer__social-link:hover{background:var(--color-brand);color:#fff;}.footer__social-link svg{width:18px;height:18px;}.footer-group__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.5);margin-bottom:var(--sp-4);cursor:pointer;display:flex;align-items:center;justify-content:space-between;}.footer-group__arrow{display:none;width:16px;height:16px;transition:transform var(--transition);}.footer-group.is-open .footer-group__arrow{transform:rotate(180deg);}.footer-group__list{display:flex;flex-direction:column;gap:var(--sp-3);}.footer-group__link{font-size:14px;color:rgba(255,255,255,.75);transition:color var(--transition);}.footer-group__link:hover{color:#fff;}.footer__contact{display:flex;align-items:center;gap:var(--sp-2);font-size:14px;color:rgba(255,255,255,.75);margin-bottom:var(--sp-3);}.footer__contact svg{width:16px;height:16px;flex-shrink:0;color:var(--color-brand);}.footer__contact a{color:inherit;}.footer__contact a:hover{color:#fff;}.footer__bottom-bar{border-top:1px solid rgba(255,255,255,.08);}.footer__bottom{padding-block:var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);font-size:12px;color:rgba(255,255,255,.4);}.footer__bottom-links{display:flex;gap:var(--sp-6);}.footer__bottom-links a{color:rgba(255,255,255,.4);}.footer__bottom-links a:hover{color:rgba(255,255,255,.7);}@media (max-width: 1024px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--sp-8);}}@media (max-width: 767px){.footer__grid{grid-template-columns:1fr;gap:0;}.footer-group__title{padding-block:var(--sp-4);margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.08);}.footer-group__arrow{display:block;}.footer-group__list{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition);padding-top:0;}.footer-group.is-open .footer-group__list{max-height:400px;padding-top:var(--sp-4);}.footer__brand{padding-bottom:var(--sp-6);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--sp-2);}.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--sp-3);}}/* Ammina CSS file original /local/templates/ksao/css/components/breadcrumb.css */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-block:var(--sp-4);font-size:13px;color:var(--color-text-tertiary);}.breadcrumb__item{display:flex;align-items:center;gap:6px;}.breadcrumb__item::after{content:"/";color:var(--color-text-disabled);}.breadcrumb__item:last-child::after{display:none;}.breadcrumb__link{color:var(--color-text-tertiary);transition:color var(--transition);}.breadcrumb__link:hover{color:var(--color-brand);}.breadcrumb__current{color:var(--color-text-primary);font-weight:500;}/* Ammina CSS file original /local/templates/ksao/css/components/auth.css */
.auth-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity var(--transition);padding:var(--sp-4);}.auth-overlay.is-open{opacity:1;pointer-events:all;}.auth-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--sp-8);position:relative;transform:translateY(12px);transition:transform var(--transition-slow);box-shadow:var(--shadow-lg);}.auth-overlay.is-open .auth-modal{transform:translateY(0);}.auth-modal__close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:background var(--transition),color var(--transition);}.auth-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);}.auth-modal__close svg{width:18px;height:18px;}.auth-modal__logo{text-align:center;margin-bottom:var(--sp-6);}.auth-modal__logo img{height:40px;width:auto;}.auth-modal__tabs{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--sp-6);}.auth-modal__tab{flex:1;padding:var(--sp-3) 0;font-size:14px;font-weight:700;color:var(--color-text-tertiary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition),border-color var(--transition);}.auth-modal__tab.is-active{color:var(--color-brand);border-bottom-color:var(--color-brand);}.auth-form{display:none;flex-direction:column;gap:var(--sp-4);}.auth-form.is-active{display:flex;}.auth-form__field{display:flex;flex-direction:column;gap:var(--sp-2);}.auth-form__label{font-size:13px;font-weight:600;color:var(--color-text-secondary);}.auth-form__input{height:48px;padding:0 var(--sp-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;outline:none;transition:border-color var(--transition);background:var(--color-bg-primary);color:var(--color-text-primary);width:100%;}.auth-form__input:focus{border-color:var(--color-brand);}.auth-form__input::placeholder{color:var(--color-text-disabled);}.auth-form__input.is-error{border-color:var(--color-error,#e53e3e);}.auth-form__error{font-size:12px;color:var(--color-error,#e53e3e);display:none;}.auth-form__error.is-visible{display:block;}.auth-form__input-wrap{position:relative;}.auth-form__input-wrap .auth-form__input{padding-right:44px;}.auth-form__toggle-pass{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);display:flex;transition:color var(--transition);}.auth-form__toggle-pass:hover{color:var(--color-brand);}.auth-form__toggle-pass svg{width:18px;height:18px;}.auth-form__forgot{font-size:13px;color:var(--color-brand);font-weight:600;align-self:flex-end;margin-top:calc(-1 * var(--sp-2));}.auth-form__forgot:hover{text-decoration:underline;}.auth-form__submit{margin-top:var(--sp-2);}.auth-form__consent{display:flex;align-items:flex-start;gap:var(--sp-2);cursor:pointer;}.auth-form__consent-cb{margin-top:2px;flex-shrink:0;accent-color:var(--color-brand);}.auth-form__consent-text{font-size:12px;color:var(--color-text-secondary);line-height:1.4;}.auth-form__consent-text a{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px;}.auth-form__consent-error{font-size:12px;color:var(--color-error,#e53e3e);display:none;}.auth-form__consent-error.is-visible{display:block;}.auth-form__server-error{font-size:13px;color:var(--color-error,#e53e3e);background:rgba(229,62,62,.08);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);display:none;}.auth-form__server-error.is-visible{display:block;}.user-dropdown{position:fixed;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:200px;padding:var(--sp-2);z-index:var(--z-modal);}.user-dropdown__name{font-size:14px;font-weight:700;padding:var(--sp-2) var(--sp-3) 2px;}.user-dropdown__email{font-size:12px;color:var(--color-text-tertiary);padding:0 var(--sp-3) var(--sp-2);}.user-dropdown__divider{border:none;border-top:1px solid var(--color-border);margin:var(--sp-1) 0;}.user-dropdown__link{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;padding:var(--sp-2) var(--sp-3);font-size:14px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);color:var(--color-text-primary);text-decoration:none;}.user-dropdown__link svg{flex-shrink:0;opacity:.6;}.user-dropdown__link:hover{background:var(--color-bg-secondary);color:var(--color-brand);}.user-dropdown__logout{color:var(--color-error,#e53e3e);}.user-dropdown__logout:hover{color:var(--color-error,#e53e3e);}/* Ammina CSS file original /local/templates/ksao/css/components/cart.css */
.cart-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-slow);}.cart-overlay.is-open{opacity:1;pointer-events:all;}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--color-bg-primary);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-lg);}.cart-drawer.is-open{transform:translateX(0);}.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--color-border);flex-shrink:0;}.cart-drawer__title{font-size:18px;font-weight:800;color:var(--color-text-primary);}.cart-drawer__close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:background var(--transition),color var(--transition);}.cart-drawer__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);}.cart-drawer__close svg{width:18px;height:18px;}.cart-drawer__body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);height:100%;min-height:240px;color:var(--color-text-tertiary);text-align:center;}.cart-drawer__empty svg{width:64px;height:64px;opacity:.35;}.cart-drawer__empty p{font-size:15px;font-weight:600;}.cart-drawer__go-catalog{font-size:14px;color:var(--color-brand);font-weight:700;text-decoration:underline;text-underline-offset:2px;}.cart-drawer__footer{padding:var(--sp-5) var(--sp-6);border-top:1px solid var(--color-border);flex-shrink:0;}.cart-drawer__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);}.cart-drawer__total-label{font-size:14px;color:var(--color-text-secondary);}.cart-drawer__total-val{font-size:20px;font-weight:800;color:var(--color-text-primary);}.cart-drawer__actions{display:flex;flex-direction:column;gap:var(--sp-2);}.cart-drawer__checkout{height:52px;}.cart-drawer__quick-order{height:44px;font-size:14px;}.cart-item{display:grid;grid-template-columns:72px 1fr 28px;gap:var(--sp-3);align-items:flex-start;padding-bottom:var(--sp-4);border-bottom:1px solid var(--color-border);}.cart-item:last-child{border-bottom:none;padding-bottom:0;}.cart-item__img{width:72px;height:72px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);flex-shrink:0;}.cart-item__img--placeholder{background:var(--color-bg-neutral);}.cart-item__info{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;}.cart-item__name{font-size:13px;font-weight:600;color:var(--color-text-primary);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.cart-item__name-link{color:inherit;text-decoration:none;}.cart-item__name-link:hover{color:var(--color-brand);}.cart-item__price{font-size:20px;font-weight:800;color:var(--color-brand);}.cart-item__controls{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);}.cart-item__qty-btn{width:28px;height:28px;border:1.5px solid var(--color-border);border-radius:var(--radius-xs);font-size:16px;font-weight:700;color:var(--color-brand);display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition);flex-shrink:0;}.cart-item__qty-btn:hover{background:var(--color-brand-light);border-color:var(--color-brand);}.cart-item__qty-val{min-width:20px;text-align:center;font-size:14px;font-weight:700;}.cart-item__remove{color:var(--color-text-tertiary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color var(--transition),background var(--transition);flex-shrink:0;}.cart-item__remove:hover{color:var(--color-error);background:var(--color-discount-bg);}.cart-item__remove svg{width:14px;height:14px;}.product-card__cart-btn{margin-top:var(--sp-2);width:100%;height:38px;padding:0 var(--sp-3);background:var(--color-brand);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:background var(--transition);white-space:nowrap;}.product-card__cart-btn svg{width:14px;height:14px;flex-shrink:0;}.product-card__cart-btn:hover{background:var(--color-brand-hover);}.product-card__cart-btn.is-added{background:var(--color-success);pointer-events:none;}.product-card__cart-btn--disabled,.product-card__cart-btn:disabled{background:var(--color-bg-neutral);color:var(--color-text-tertiary);cursor:not-allowed;pointer-events:none;}.product-info__add-btn.is-in-cart{background:var(--color-success,#1b8a4a);}.product-info__add-btn.is-in-cart:hover{background:var(--color-success-hover,#157a3f);}.product-card__qty-ctrl{margin-top:var(--sp-2);display:flex;flex-direction:row;align-items:stretch;height:38px;border:1.5px solid var(--color-brand);border-radius:var(--radius-sm);overflow:hidden;}.product-card__qty-btn{width:36px;flex-shrink:0;font-size:18px;font-weight:700;line-height:1;color:var(--color-brand);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition);}.product-card__qty-btn:hover{background:var(--color-brand-light);}.product-card__qty-ctrl .product-card__qty-val{flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--color-text-primary);border-left:1px solid var(--color-brand);border-right:1px solid var(--color-brand);}@media (max-width: 480px){.cart-drawer{width:100vw;}.cart-drawer__body{padding:var(--sp-4);}.cart-drawer__footer{padding:var(--sp-4);}}.order-form__field{display:flex;flex-direction:column;gap:var(--sp-1);}.order-form__input{width:100%;height:48px;padding:0 var(--sp-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color var(--transition);outline:none;}.order-form__input:focus{border-color:var(--color-brand);}.order-form__input.is-error{border-color:var(--color-error);}.order-form__input--textarea{height:auto;padding:var(--sp-3) var(--sp-4);resize:vertical;line-height:1.5;}.order-form__error{font-size:12px;color:var(--color-error);display:none;}.order-form__error.is-visible{display:block;}.order-form__consent{display:flex;align-items:flex-start;gap:var(--sp-2);cursor:pointer;}.order-form__consent-cb{margin-top:2px;flex-shrink:0;accent-color:var(--color-brand);}.order-form__consent-text{font-size:12px;color:var(--color-text-secondary);line-height:1.4;}.order-form__consent-text a{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px;}.order-form__consent-error{font-size:12px;color:var(--color-error);display:none;}.order-form__consent-error.is-visible{display:block;}.order-form__server-error{font-size:13px;color:var(--color-error);padding:var(--sp-2) var(--sp-3);background:var(--color-discount-bg);border-radius:var(--radius-sm);}.quick-order-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:calc(var(--z-modal) + 1);opacity:0;pointer-events:none;transition:opacity var(--transition-slow);}.quick-order-overlay.is-open{opacity:1;pointer-events:all;}.quick-order-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%) scale(.97);width:100%;max-width:460px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:calc(var(--z-modal) + 2);opacity:0;pointer-events:none;transition:opacity var(--transition-slow),transform var(--transition-slow);max-height:90vh;overflow-y:auto;}.quick-order-modal.is-open{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1);}.quick-order__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--color-border);}.quick-order__title{font-size:18px;font-weight:800;color:var(--color-text-primary);}.quick-order__close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:background var(--transition),color var(--transition);}.quick-order__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);}.quick-order__close svg{width:18px;height:18px;}.quick-order__body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5);}.quick-order__desc{font-size:14px;color:var(--color-text-secondary);line-height:1.5;}.order-form{display:flex;flex-direction:column;gap:var(--sp-4);}[data-qo-guest-fields]{display:contents;}[data-qo-guest-consent]{display:contents;}.quick-order__submit{height:52px;margin-top:var(--sp-1);}.quick-order__success{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;padding:var(--sp-4) 0;color:var(--color-text-secondary);}.quick-order__success svg{width:56px;height:56px;color:var(--color-brand);}.quick-order__success-title{font-size:18px;font-weight:800;color:var(--color-text-primary);}@media (max-width: 480px){.quick-order-modal{top:auto;bottom:0;left:0;right:0;transform:translateY(100%);max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;}.quick-order-modal.is-open{transform:translateY(0);}}/* Ammina CSS file original /local/templates/ksao/css/components/site-notice.css */
.cookie-notice{position:fixed;bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);max-width:640px;margin:0 auto;z-index:9000;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:var(--sp-4) var(--sp-5);display:flex;gap:var(--sp-4);align-items:center;transform:translateY(calc(100% + var(--sp-4)));opacity:0;transition:transform var(--transition-slow),opacity var(--transition-slow);}.cookie-notice.is-visible{transform:translateY(0);opacity:1;}.cookie-notice__text{flex:1;font-size:13px;line-height:1.5;color:var(--color-text-secondary);}.cookie-notice__text a{color:var(--color-brand);text-decoration:underline;}.cookie-notice__btn{flex-shrink:0;}@media (max-width: 640px){.cookie-notice{flex-direction:column;align-items:stretch;gap:var(--sp-3);}.cookie-notice__btn{width:100%;}}/* Ammina CSS file original /local/templates/ksao/styles.css */