/* Start:/local/templates/tkanililiya_custom/fonts.css?17715202101226*/
/**
 * Шрифт Ysabeau Infant для шаблона "Ткани Лилия"
 * Локальные файлы шрифтов для лучшей производительности
 *
 * Лицензия: SIL Open Font License 1.1
 * Copyright 2023 The Ysabeau Project Authors
 * https://github.com/CatharsisFonts/Ysabeau
 */

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ysabeau Infant';
    src: url('/local/templates/tkanililiya_custom/fonts/YsabeauInfant-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* End */


/* Start:/local/templates/tkanililiya_custom/tailwind.css?177152021014036*/
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Ysabeau Infant,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tw-container{width:100%}@media (min-width:640px){.tw-container{max-width:640px}}@media (min-width:768px){.tw-container{max-width:768px}}@media (min-width:1024px){.tw-container{max-width:1024px}}@media (min-width:1280px){.tw-container{max-width:1280px}}@media (min-width:1536px){.tw-container{max-width:1536px}}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-sticky{position:sticky}.tw-left-3{left:.75rem}.tw-top-0{top:0}.tw-top-1\/2{top:50%}.tw-z-40{z-index:40}.tw-col-span-1{grid-column:span 1/span 1}.tw-col-span-12{grid-column:span 12/span 12}.tw-col-span-5{grid-column:span 5/span 5}.tw-col-span-7{grid-column:span 7/span 7}.tw-col-span-full{grid-column:1/-1}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-mb-1{margin-bottom:.25rem}.tw-mb-2{margin-bottom:.5rem}.tw-mb-3{margin-bottom:.75rem}.tw-mb-4{margin-bottom:1rem}.tw-mb-6{margin-bottom:1.5rem}.tw-ml-1{margin-left:.25rem}.tw-ml-2{margin-left:.5rem}.tw-ml-3{margin-left:.75rem}.tw-ml-4{margin-left:1rem}.tw-mr-1{margin-right:.25rem}.tw-mr-2{margin-right:.5rem}.tw-mt-0\.5{margin-top:.125rem}.tw-mt-3{margin-top:.75rem}.tw-mt-4{margin-top:1rem}.tw-mt-5{margin-top:1.25rem}.tw-mt-auto{margin-top:auto}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-h-10{height:2.5rem}.tw-h-5{height:1.25rem}.tw-h-\[42px\]{height:42px}.tw-h-auto{height:auto}.tw-min-h-\[60vh\]{min-height:60vh}.tw-w-10{width:2.5rem}.tw-w-16{width:4rem}.tw-w-full{width:100%}.tw-max-w-\[150px\]{max-width:150px}.tw-max-w-\[500px\]{max-width:500px}.tw-flex-1{flex:1 1 0%}.tw-flex-shrink-0{flex-shrink:0}.tw-flex-grow{flex-grow:1}.tw--translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-default{cursor:default}.tw-cursor-pointer{cursor:pointer}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-5{gap:1.25rem}.tw-gap-6{gap:1.5rem}.tw-gap-8{gap:2rem}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded{border-radius:.25rem}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.tw-rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.tw-border{border-width:1px}.tw-border-0{border-width:0}.tw-border-b{border-bottom-width:1px}.tw-border-l{border-left-width:1px}.tw-border-r{border-right-width:1px}.tw-border-t{border-top-width:1px}.tw-border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.tw-border-brand-navy{--tw-border-opacity:1;border-color:rgb(42 58 74/var(--tw-border-opacity,1))}.tw-border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.tw-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.tw-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.tw-bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.tw-bg-brand-cream{--tw-bg-opacity:1;background-color:rgb(252 250 247/var(--tw-bg-opacity,1))}.tw-bg-brand-navy{--tw-bg-opacity:1;background-color:rgb(42 58 74/var(--tw-bg-opacity,1))}.tw-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.tw-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.tw-bg-transparent{background-color:transparent}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.tw-p-3{padding:.75rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tw-py-8{padding-top:2rem;padding-bottom:2rem}.tw-pl-10{padding-left:2.5rem}.tw-pr-4{padding-right:1rem}.tw-pt-3{padding-top:.75rem}.tw-text-center{text-align:center}.tw-align-middle{vertical-align:middle}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-5xl{font-size:3rem;line-height:1}.tw-text-\[13px\]{font-size:13px}.tw-text-\[16px\]{font-size:16px}.tw-text-\[20px\]{font-size:20px}.tw-text-\[24px\]{font-size:24px}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-leading-relaxed{line-height:1.625}.tw-text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.tw-text-brand-navy{--tw-text-opacity:1;color:rgb(42 58 74/var(--tw-text-opacity,1))}.tw-text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.tw-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.tw-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.tw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.tw-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.tw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.tw-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.tw-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.tw-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.tw-no-underline{text-decoration-line:none}.tw-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:tw-bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:tw-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:tw-bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:tw-bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:tw-bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:tw-text-brand-navy:hover{--tw-text-opacity:1;color:rgb(42 58 74/var(--tw-text-opacity,1))}.hover\:tw-text-cyan-700:hover{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.hover\:tw-text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:tw-text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:tw-text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:tw-text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:tw-underline:hover{text-decoration-line:underline}.focus\:tw-border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:tw-col-span-1{grid-column:span 1/span 1}.sm\:tw-col-span-4{grid-column:span 4/span 4}.sm\:tw-col-span-6{grid-column:span 6/span 6}.sm\:tw-col-span-8{grid-column:span 8/span 8}.sm\:tw-block{display:block}.sm\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:tw-col-span-3{grid-column:span 3/span 3}.md\:tw-col-span-9{grid-column:span 9/span 9}.md\:tw-mb-0{margin-bottom:0}.md\:tw-flex{display:flex}.md\:tw-hidden{display:none}.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:tw-col-span-2{grid-column:span 2/span 2}.lg\:tw-col-span-3{grid-column:span 3/span 3}.lg\:tw-col-span-5{grid-column:span 5/span 5}.lg\:tw-col-span-7{grid-column:span 7/span 7}.lg\:tw-block{display:block}.lg\:tw-inline{display:inline}.lg\:tw-flex{display:flex}.lg\:tw-hidden{display:none}.lg\:tw-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1280px){.xl\:tw-block{display:block}}
/* End */


/* Start:/local/templates/tkanililiya_custom/template_styles.min.css?17715202108037*/
.bx-yellow,.bx-theme-yellow{--primary:#f9a91d;--theme-color-primary:#f9a91d;--theme-color-second:#faba4a;--theme-color-light:#fff;--theme-b-link:#f9a91d;--theme-b-link-hover:#faba4a;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#f9a91d;--theme-b-bd-primary:#f9a91d;--theme-b-sd-primary:rgba(249,169,29,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#faba4a;--theme-b-bd-primary-hover:#daa53e;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#faba4a;--theme-b-bd-primary-active:#daa53e;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#daa53e;--theme-b-bd-primary-disabled:#b7853b}.bx-blue,.bx-theme-blue{--primary:#0083d1;--theme-color-primary:#0083d1;--theme-color-second:#5ca6e4;--theme-color-light:#f0f6f8;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#0083d1;--theme-b-bd-primary:#0083d1;--theme-b-sd-primary:rgba(0,131,209,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5ca6e4;--theme-b-bd-primary-hover:#5599d2;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5ca6e4;--theme-b-bd-primary-active:#5599d2;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#5599d2;--theme-b-bd-primary-disabled:#4d8bbf}.bx-red,.bx-theme-red{--primary:#e22b2b;--theme-color-primary:#e22b2b;--theme-color-second:#e95c5c;--theme-color-light:#f0f0f0;--theme-b-link:#e22b2b;--theme-b-link-hover:#e95c5c;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#e22b2b;--theme-b-bd-primary:#e22b2b;--theme-b-sd-primary:rgba(226,43,43,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#e95c5c;--theme-b-bd-primary-hover:#d05454;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#e95c5c;--theme-b-bd-primary-active:#d05454;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#d05454;--theme-b-bd-primary-disabled:#c04e4e}.bx-green,.bx-theme-green{--primary:#63aa28;--theme-color-primary:#63aa28;--theme-color-second:#5b9f0b;--theme-color-light:#a8d95b;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#63aa28;--theme-b-bd-primary:#63aa28;--theme-b-sd-primary:rgba(99,170,40,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5b9f0b;--theme-b-bd-primary-hover:#56940b;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5b9f0b;--theme-b-bd-primary-active:#56940b;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#56940b;--theme-b-bd-primary-disabled:#497c09}body{background-attachment:fixed;background-size:cover;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}#pagetitle{margin-bottom:35px}h1,h2,h3,h4,h5{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-content-section,.bx-header-section{padding-bottom:2px;background-color:rgba(255,255,255,.95)}.bx-header-logo{order:1}.bx-header-personal{order:3}.bx-header-contact{order:2}.bx-logo-block{display:block;height:50px;border-bottom:0}.bx-logo-block img{max-height:50px;width:auto}@media(max-width:767px){.bx-logo-block img{max-width:100%;max-height:45px;width:auto;height:auto}.bx-header-logo{padding:5px 50px;height:55px;background-color:var(--theme-color-primary)}.bx-logo-block{height:auto}body.bx-theme-green .bx-store-logo{background:#33b111}}.bx-header-phone-block{display:flex;align-items:center}.bx-header-phone-number{color:#000;white-space:nowrap;font:21px/28px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-header-phone-icon{display:block;margin-right:10px;width:26px;height:26px;	background: no-repeat center url(/local/templates/tkanililiya_custom/images/phone.svg);}@media(max-width:991px){.bx-header-phone-number{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}}.bx-header-worktime{color:#000;font:16px/22px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-worktime-title{color:#adadad;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-worktime-schedule{color:#000;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}@media(max-width:991px){.bx-header-worktime{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}}.sidebar-block-title{color:#343434;text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.bx-footer-bg{background-color:#1f496a}.bx-footer-logo{border-bottom:none !important;text-decoration:none !important}.bx-footer-logo img{max-width:100%;height:auto}.bx-inclinkspersonal-item.bx-theme-blue:hover{background:#0083d1}.bx-theme-blue.bx-inclinkspersonal-selected{background:#3398d7}.bx-inclinkspersonal-item.bx-theme-black:hover{background:#303030}.bx-theme-black.bx-inclinkspersonal-selected{background:#484848}.bx-inclinkspersonal-item.bx-theme-green:hover{background:#44b1c9}.bx-theme-green.bx-inclinkspersonal-selected{background:#5cc3d1}.bx-inclinkspersonal-item.bx-theme-red:hover{background:#e63c3c}.bx-theme-red.bx-inclinkspersonal-selected{background:#e95c5c}.bx-inclinkspersonal-item.bx-theme-yellow:hover{background:#f4a52e}.bx-theme-yellow.bx-inclinkspersonal-selected{background:#fbb859}.btn-primary,.list-group-item.active{border-color:var(--theme-b-bd-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:hover{border-color:var(--theme-b-bd-primary-hover);background-color:var(--theme-b-bg-primary-hover);color:var(--theme-b-tx-primary-hover)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.btn-primary.disabled,.btn-primary:disabled{border-color:var(--theme-b-bg-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-b-bd-primary-active);background-color:var(--theme-b-bg-primary-active);color:var(--theme-b-tx-primary-active)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.form-control:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}a,.btn-link{color:var(--theme-b-link)}a:hover,.btn-link:hover{color:var(--theme-b-link-hover)}.g-font-size-15{font-size:15px}.g-font-size-17{font-size:17px}.g-font-size-20{font-size:20px}.text-primary{color:var(--primary) !important}.bg-primary{background:var(--primary) !important}.border-primary{border-color:var(--primary) !important}.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5{text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar li{font-size:12px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar-icon{width:27px;height:27px;margin-right:5px;border-radius:50%;background-color:var(--theme-color-primary);background-repeat:no-repeat;background-position:center;}

.sidebar-icon-label {
	background-image:  url(/local/templates/tkanililiya_custom/images/label.svg); background-size:19px auto;}

.sidebar-icon-delivery {
	background-image: url(/local/templates/tkanililiya_custom/images/delivery.svg); background-size:17px auto;}

.sidebar-icon-sale {
	background-image: url(/local/templates/tkanililiya_custom/images/sale.svg); background-size:auto 17px;}

.sidebar-icon-self {
	background-image: url(/local/templates/tkanililiya_custom/images/self.svg); background-size:auto 17px;}

.sidebar-icon-phone {
	background-image: url(/local/templates/tkanililiya_custom/images/phone_white.svg); background-size:auto 21px}
/* End */


/* Start:/local/templates/tkanililiya_custom/colors.min.css?17715202101987*/
body.bx-background-gradient{background:#f6f7fb;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(246,247,251,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7fb',endColorstr='#ffffff',GradientType=0);background-attachment:fixed}.bx-logo-text small{color:#0083d1}a.bxd-block:hover{border-color:#0083d1}.bxd-icon{border:1px solid #0083d1}a.bxd-block:hover .bxd-icon{background:#0083d1}.bxd-icon .fa{color:#0083d1}a.bxd-block:hover .bxd-icon .fa{color:#fff}.bx-theme-blue .btn.btn-default{outline:0;background-color:#1485ce;border-color:#1485ce;color:#FFF}.bx-theme-blue .btn.btn-default:hover{outline:0;background-color:#53a4d8;border-color:#53a4d8;color:#FFF}.bx-theme-blue .btn.btn-default:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
/* End */


/* Start:/local/templates/tkanililiya_custom/custom_styles.css?177152021077356*/
/**
 * Кастомные стили для "Ткани Лилия"
 * Boutique-дизайн с эмоциональным визуалом
 */

/* ===== ГЛОБАЛЬНОЕ ПРЕДОТВРАЩЕНИЕ ГОРИЗОНТАЛЬНОГО СКРОЛЛА ===== */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* 100vw проблема решена через overflow-x: hidden на body */

/* ===== ЦВЕТОВАЯ СХЕМА (Boutique / Nature-inspired) ===== */
:root {
    /* Основная палитра - природные цвета */
    --lilia-dark: #2a3a4a;           /* Тёмно-синий/серый для текста */
    --lilia-teal: #00818a;           /* Природный тил - основной акцент */
    --lilia-teal-light: #e6f3f4;     /* Светлый тил для фонов */
    --lilia-linen: #d4a373;          /* Охра/лён - вторичный акцент */
    --lilia-linen-light: #f5ebe0;    /* Светлая охра */
    --lilia-stone: #78716c;          /* Каменный серый */
    --lilia-cream: #fcfaf7;          /* Кремовый фон (текстурный) */
    --lilia-white: #ffffff;

    /* Совместимость со старыми переменными */
    --brand-primary: var(--lilia-dark);
    --brand-accent: var(--lilia-teal);
    --brand-accent-light: var(--lilia-teal-light);
    --brand-pink: var(--lilia-linen);
    --brand-bg: var(--lilia-cream);
    --brand-bg-light: var(--lilia-cream);
    --brand-text-primary: var(--lilia-dark);
    --brand-text-secondary: var(--lilia-stone);
    --brand-border: #e8e5e0;

    /* Шрифты */
    --brand-font: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --brand-font-serif: 'Playfair Display', Georgia, serif;

    /* Переопределение Bitrix CSS-переменных */
    --ui-font-family-primary: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    --ui-font-family-secondary: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    --ui-font-family-open-sans: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ===== БАЗОВЫЕ СТИЛИ ШРИФТА ===== */
body,
.container,
.card,
.btn,
p, span, div,
.bx-wrapper,
.workarea {
    font-family: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* ===== MATERIAL SYMBOLS ICONS - исключение для иконок ===== */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Заголовки - Playfair Display для элегантного boutique-стиля */
h1, h2, h3, .h1, .h2, .h3 {
    font-family: 'Playfair Display', Georgia, serif !important;
    text-transform: none;
    letter-spacing: -0.01em;
    font-weight: 500;
    line-height: 1.15;
}

h4, h5, h6, .h4, .h5, .h6 {
    font-family: 'Ysabeau Infant', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

/* Акцентный текст italic */
.text-accent-italic, .hero h1 em, .hero h1 span.italic {
    font-style: italic;
    color: var(--lilia-linen);
}

/* Переопределение Bootstrap primary на природный тил */
.bg-primary,
.btn-primary {
    background-color: var(--lilia-teal) !important;
    border-color: var(--lilia-teal) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #006d75 !important;
    border-color: #006d75 !important;
}

.text-primary {
    color: var(--lilia-teal) !important;
}

.border-primary {
    border-color: var(--lilia-teal) !important;
}

/* Вторичная кнопка - охра/лён */
.btn-secondary-linen {
    background-color: var(--lilia-linen) !important;
    border-color: var(--lilia-linen) !important;
    color: white !important;
}

.btn-secondary-linen:hover {
    background-color: #c49462 !important;
    border-color: #c49462 !important;
}

/* Outline кнопки */
.btn-outline-light {
    border-color: rgba(255,255,255,0.3) !important;
    color: white !important;
}

.btn-outline-light:hover {
    background-color: rgba(255,255,255,0.1) !important;
    border-color: rgba(255,255,255,0.5) !important;
}

/* ===== USP BAR (верхняя панель) ===== */
.bg-primary.py-2 {
    background-color: #2A4B6D !important; /* Темно-синий как в образце */
}

/* ===== НАВИГАЦИЯ ===== */
.bx-header {
    background-color: white !important;
}

.navbar {
    background-color: white !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #222222 !important;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #009AA8 !important;
}

/* ===== BODY И ОБЩИЕ СТИЛИ ===== */
body {
    background-color: var(--lilia-cream) !important;
    color: var(--lilia-dark) !important;
}

/* ===== HERO СЕКЦИЯ ===== */
.position-relative.mb-5:first-of-type {
    background: linear-gradient(135deg, rgba(42,75,109,0.85) 0%, rgba(0,154,168,0.75) 100%),
                url('/upload/hero-bg.jpg') center/cover !important;
}

/* Убираем темный фон, если он есть */
.workarea {
    background-color: transparent !important;
}

.container.bx-content-section {
    background-color: white;
    padding: 2rem;
    border-radius: 8px;
}

/* ===== КАРТОЧКИ КАТЕГОРИЙ ===== */
.card {
    border: 1px solid #E5E5E5 !important;
    border-radius: 8px !important;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: white !important;
}

.card:hover {
    border-color: #009AA8 !important;
    box-shadow: 0 4px 12px rgba(0,154,168,0.15) !important;
    transform: translateY(-2px);
}

.card img {
    filter: brightness(1) !important;
    opacity: 1 !important;
}

.card-body {
    padding: 1.25rem !important;
}

.card h3,
.card h4,
.card h5 {
    color: #222222 !important;
    font-weight: 600;
}

/* ===== КНОПКИ ===== */
.btn {
    border-radius: 6px !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-outline-secondary {
    color: #656C80 !important;
    border-color: #E5E5E5 !important;
}

.btn-outline-secondary:hover {
    background-color: #F7F7F7 !important;
    border-color: #009AA8 !important;
    color: #009AA8 !important;
}

.btn-info {
    background-color: #009AA8 !important;
    border-color: #009AA8 !important;
}

.btn-info:hover {
    background-color: #008895 !important;
    border-color: #008895 !important;
}

/* ===== ССЫЛКИ ===== */
a {
    color: #009AA8;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #008895;
}

/* ===== ЦВЕТНЫЕ КРУГИ ===== */
.rounded-circle {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rounded-circle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ===== FOOTER ===== */
.bx-footer {
    background-color: white !important;
    border-top: 1px solid #E5E5E5;
}

.bg-dark {
    background-color: white !important;
}

.bg-secondary {
    background-color: #F7F7F7 !important;
}

.text-light,
.bx-block-title.text-light {
    color: #222222 !important;
}

.bx-footer a {
    color: #656C80 !important;
}

.bx-footer a:hover {
    color: #009AA8 !important;
}

/* ===== ХЛЕБНЫЕ КРОШКИ ===== */
.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb-item a {
    color: #656C80 !important;
}

.breadcrumb-item.active {
    color: #222222 !important;
}

/* ===== ПРЕИМУЩЕСТВА (Why Choose Us) ===== */
section .card .material-symbols-outlined {
    font-size: 3rem !important;
    color: #009AA8 !important;
}

/* Иконки в круглых контейнерах блока преимуществ */
.rounded-circle.d-flex .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 40px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    direction: ltr !important;
    -webkit-font-feature-settings: 'liga' !important;
    font-feature-settings: 'liga' !important;
    -webkit-font-smoothing: antialiased !important;
    color: white !important;
}

/* ===== ЗАГОЛОВКИ ===== */
h1, h2, h3, h4, h5, h6 {
    color: var(--brand-text-primary) !important;
    font-weight: 600;
}

/* Hero заголовок - белый текст на темном фоне */
.hero h1,
.hero .display-4 {
    color: #ffffff !important;
}

.hero h1 span.hero-accent {
    color: var(--brand-accent-light, #A3D8E5) !important;
}

/* Секции с заголовками на цветных плашках (из брендбука) */
.section-title-teal {
    background: linear-gradient(90deg, var(--brand-accent) 0%, var(--brand-accent-light) 100%);
    color: white !important;
    padding: 0.75rem 1.5rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.section-title-pink {
    background: linear-gradient(90deg, var(--brand-pink) 0%, #fde4ef 100%);
    color: var(--brand-primary) !important;
    padding: 0.75rem 1.5rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}

/* Декоративный элемент - цветок лилии (из брендбука) */
.liliya-decor::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/include/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    opacity: 0.7;
}

/* Больше "воздуха" - увеличенные отступы (из брендбука) */
.section-spacious {
    padding: 4rem 0;
}

.card-spacious {
    padding: 2rem;
}

/* Светлый фон для лёгкости (из брендбука) */
.bg-brand-light {
    background-color: var(--brand-bg-light);
}

.bg-brand-accent-light {
    background-color: rgba(163, 216, 229, 0.15);
}

.bg-brand-pink-light {
    background-color: rgba(247, 196, 220, 0.15);
}

/* ===== NEWSLETTER ===== */
.form-control {
    border-color: #E5E5E5 !important;
    border-radius: 50px !important;
}

.form-control:focus {
    border-color: #009AA8 !important;
    box-shadow: 0 0 0 0.2rem rgba(0,154,168,0.25) !important;
}

/* ===== ЧИСТЫЙ ФОН ДЛЯ СЕКЦИЙ ===== */
section {
    background-color: transparent;
}

.border-top {
    border-color: #E5E5E5 !important;
}

.border-bottom {
    border-color: #E5E5E5 !important;
}

/* ===== УБИРАЕМ ТЕМНЫЕ ОВЕРЛЕИ ===== */
.card::before,
.card::after {
    display: none !important;
}

/* ===== МЕНЮ DROPDOWN ===== */
.dropdown-menu {
    border: 1px solid #E5E5E5 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
}

.dropdown-item:hover {
    background-color: #F7F7F7 !important;
    color: #009AA8 !important;
}

/* ===== HERO СЕКЦИЯ (Boutique Style) ===== */
.hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--lilia-dark);
}

/* Фоновое изображение с эффектом */
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/local/templates/tkanililiya_custom/images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    animation: heroZoom 20s ease-in-out infinite alternate;
}

@keyframes heroZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

/* Градиент поверх изображения */
.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(42, 58, 74, 0.9) 0%,
        rgba(42, 58, 74, 0.6) 50%,
        transparent 100%
    );
}

.hero .hero-content {
    position: relative;
    z-index: 1;
}

/* Анимация появления контента */
.hero .hero-content > * {
    animation: fadeInUp 1s ease-out forwards;
    opacity: 0;
}

.hero .hero-content > *:nth-child(1) { animation-delay: 0.2s; }
.hero .hero-content > *:nth-child(2) { animation-delay: 0.4s; }
.hero .hero-content > *:nth-child(3) { animation-delay: 0.6s; }
.hero .hero-content > *:nth-child(4) { animation-delay: 0.8s; }
.hero .hero-content > *:nth-child(5) { animation-delay: 1s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Мини-бейдж над заголовком */
.hero-pretitle {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background-color: var(--lilia-linen);
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    border-radius: 50px;
    margin-bottom: 1.5rem;
}

/* Заголовок Hero */
.hero h1 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 400;
    line-height: 1.1;
    color: white !important;
    margin-bottom: 1.5rem;
}

.hero h1 .hero-accent {
    font-style: italic;
    color: var(--lilia-linen);
}

/* Подзаголовок */
.hero .hero-subtitle {
    font-size: 1.25rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
    max-width: 550px;
    line-height: 1.7;
    margin-bottom: 2.5rem;
}

/* Кнопки Hero */
.hero .hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 3rem;
}

.hero .btn-hero-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    background-color: var(--lilia-teal);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
    border: none;
    box-shadow: 0 20px 40px rgba(0, 129, 138, 0.3);
    transition: all 0.3s ease;
}

.hero .btn-hero-primary:hover {
    background-color: #006d75;
    transform: translateY(-2px);
    box-shadow: 0 25px 50px rgba(0, 129, 138, 0.4);
    color: white;
    text-decoration: none;
}

.hero .btn-hero-secondary {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    background-color: transparent;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

.hero .btn-hero-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
    text-decoration: none;
}

/* Бейджи-преимущества */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
}

.hero-badge .material-symbols-outlined {
    font-size: 18px;
    color: var(--lilia-linen);
}

/* Индикатор скролла */
.hero-scroll-indicator {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    animation: bounce 2s infinite;
}

.hero-scroll-indicator::before {
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    background: linear-gradient(to bottom, white, transparent);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
    40% { transform: translateX(-50%) translateY(-10px); }
    60% { transform: translateX(-50%) translateY(-5px); }
}

/* Адаптивность hero */
@media (max-width: 991px) {
    .hero {
        min-height: 85vh;
    }

    .hero h1 {
        font-size: 2.5rem;
    }

    .hero::after {
        background: linear-gradient(
            to bottom,
            rgba(42, 58, 74, 0.85) 0%,
            rgba(42, 58, 74, 0.7) 100%
        );
    }
}

@media (max-width: 767px) {
    .hero {
        min-height: 80vh;
        padding-top: 100px;
    }

    .hero h1 {
        font-size: 2rem;
    }

    .hero .hero-subtitle {
        font-size: 1rem;
    }

    .hero .btn-hero-primary,
    .hero .btn-hero-secondary {
        padding: 0.875rem 1.75rem;
        font-size: 0.7rem;
        width: 100%;
        justify-content: center;
    }

    .hero-scroll-indicator {
        display: none;
    }
}

/* ===== КАРТОЧКИ КАТЕГОРИЙ (categories_tiles) ===== */
.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.5rem;
}

.category-card {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: white;
    border: 1px solid var(--brand-border, #e8e5e0);
    transition: all 0.4s ease;
    text-decoration: none;
    height: 100%;
}

.category-card:hover {
    border-color: var(--lilia-teal);
    box-shadow: 0 16px 40px rgba(0, 129, 138, 0.15);
    transform: translateY(-6px);
    text-decoration: none;
}

/* Обёртка для изображения */
.category-card-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 75%; /* Соотношение 4:3 */
    overflow: hidden;
    background: var(--lilia-cream);
}

.category-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.category-card:hover .category-card-image {
    transform: scale(1.08);
}

.category-card-body {
    padding: 1.25rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.category-card-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--lilia-dark);
    margin-bottom: 0.25rem;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.category-card:hover .category-card-title {
    color: var(--lilia-teal);
}

.category-card-count {
    font-size: 0.8125rem;
    color: var(--lilia-stone);
    font-weight: 400;
}

@media (max-width: 991px) {
    .categories-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25rem;
    }
}

@media (max-width: 767px) {
    .categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .category-card {
        border-radius: 16px;
    }

    .category-card-body {
        padding: 1rem;
    }

    .category-card-title {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .categories-grid {
        gap: 0.75rem;
    }

    .category-card-body {
        padding: 0.875rem;
    }

    .category-card-title {
        font-size: 0.9375rem;
    }
}

/* ===== КАТАЛОГ ТКАНЕЙ (fabrics_grid) ===== */

/* Заголовок каталога */
.catalog-header h1 {
    color: var(--brand-text-primary, #222222);
}

/* Карточка товара */
.fabric-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.fabric-card:hover {
    border-color: var(--brand-accent, #009AA8);
    box-shadow: 0 8px 24px rgba(0, 154, 168, 0.15);
    transform: translateY(-4px);
}

.fabric-card.not-available {
    opacity: 0.7;
}

.fabric-card.not-available:hover {
    transform: none;
    box-shadow: none;
}

/* Изображение товара */
.fabric-card-image-link {
    display: block;
    text-decoration: none;
}

.fabric-card-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Квадратное соотношение */
    overflow: hidden;
    background-color: #f5f5f5;
}

.fabric-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.fabric-card:hover .fabric-card-image {
    transform: scale(1.05);
}

.fabric-card-no-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.fabric-card-no-image .material-symbols-outlined {
    font-size: 48px;
    color: #ccc;
}

/* Бейджи на изображении */
.fabric-card-badges {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.fabric-card-badges .badge {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
}

/* Контент карточки */
.fabric-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

/* Название товара */
.fabric-card-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222222);
    text-decoration: none;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    /* Ограничение в 2 строки */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fabric-card-title:hover {
    color: var(--brand-accent, #009AA8);
}

/* Характеристики */
.fabric-card-props {
    font-size: 0.8125rem;
    color: var(--brand-text-secondary, #656C80);
    margin-bottom: 0.5rem;
}

.fabric-card-prop {
    display: block;
    line-height: 1.4;
}

/* Цена */
.fabric-card-price {
    margin-top: auto;
    margin-bottom: 0.75rem;
}

.fabric-card-current-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222222);
}

.fabric-card-old-price {
    font-size: 0.875rem;
    color: #999;
    text-decoration: line-through;
    margin-left: 0.5rem;
}

.fabric-card-price-request {
    font-size: 0.875rem;
    color: var(--brand-text-secondary, #656C80);
}

/* Кнопка */
.fabric-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.fabric-card-btn .material-symbols-outlined {
    font-size: 18px !important;
}

/* Пагинация каталога */
.fabrics-pager {
    display: flex;
    justify-content: center;
}

.fabrics-pager .pagination {
    margin: 0;
}

.fabrics-pager .page-link {
    color: var(--brand-text-primary, #222222);
    border-color: var(--brand-border, #E5E5E5);
}

.fabrics-pager .page-link:hover {
    color: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
    background-color: rgba(0, 154, 168, 0.1);
}

.fabrics-pager .page-item.active .page-link {
    background-color: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
}

/* Адаптивность каталога */
@media (max-width: 991px) {
    .fabric-card-title {
        font-size: 0.875rem;
    }

    .fabric-card-current-price {
        font-size: 1rem;
    }
}

@media (max-width: 575px) {
    .fabric-card-body {
        padding: 0.75rem;
    }

    .fabric-card-title {
        font-size: 0.8125rem;
    }

    .fabric-card-current-price {
        font-size: 0.9375rem;
    }

    .fabric-card-props {
        display: none;
    }

    .fabric-card-btn {
        font-size: 0.75rem;
        padding: 0.375rem 0.5rem;
    }
}

/* ===== НОВЫЙ КАТАЛОГ ===== */

/* Страница каталога */
.catalog-page {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Заголовок каталога */
.catalog-main-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222);
    margin: 0;
}

/* ===== КНОПКИ КАТЕГОРИЙ ===== */
.category-buttons-wrapper {
    overflow-x: auto;
    margin: 0 -1rem;
    padding: 0 1rem;
}

.category-buttons-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
}

.category-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 50px;
    color: var(--brand-text-primary, #222);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.category-btn:hover {
    border-color: var(--brand-accent, #009AA8);
    color: var(--brand-accent, #009AA8);
    text-decoration: none;
}

.category-btn.active {
    background: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
    color: white;
}

.category-btn-count {
    color: var(--brand-text-secondary, #656C80);
    font-weight: 400;
}

.category-btn.active .category-btn-count {
    color: rgba(255, 255, 255, 0.8);
}

/* ===== ФИЛЬТР БОКОВОЙ ===== */
.catalog-filter-wrapper {
    position: sticky;
    top: 1rem;
}

.catalog-filter {
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 12px;
    padding: 1.25rem;
}

.catalog-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--brand-border, #E5E5E5);
}

.catalog-filter-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222);
}

.catalog-filter-reset {
    font-size: 0.8125rem;
    color: var(--brand-accent, #009AA8);
}

.filter-section {
    margin-bottom: 1.25rem;
}

.filter-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0.75rem;
}

.filter-section-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--brand-text-primary, #222);
}

.filter-section-toggle {
    font-size: 20px;
    color: var(--brand-text-secondary, #656C80);
    transition: transform 0.2s;
}

.filter-section-header[aria-expanded="false"] .filter-section-toggle {
    transform: rotate(-90deg);
}

/* Чекбоксы фильтра */
.filter-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--brand-text-primary, #222);
}

.filter-checkbox input {
    display: none;
}

.filter-checkbox-box {
    width: 18px;
    height: 18px;
    border: 2px solid var(--brand-border, #E5E5E5);
    border-radius: 4px;
    position: relative;
    transition: all 0.2s;
}

.filter-checkbox input:checked + .filter-checkbox-box {
    background: var(--brand-accent, #009AA8);
    border-color: var(--brand-accent, #009AA8);
}

.filter-checkbox input:checked + .filter-checkbox-box::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter-checkbox-label {
    flex: 1;
}

.filter-checkbox-count {
    color: var(--brand-text-secondary, #656C80);
    font-size: 0.8125rem;
}

.filter-checkbox.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Диапазон фильтра */
.filter-range-inputs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-range-inputs input {
    width: 100%;
    text-align: center;
}

.filter-range-separator {
    color: var(--brand-text-secondary, #656C80);
}

/* Кнопка применить */
.filter-actions {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--brand-border, #E5E5E5);
}

.filter-apply-btn {
    font-weight: 500;
}

/* ===== ТУЛБАР КАТАЛОГА ===== */
.catalog-toolbar {
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.catalog-sort-select {
    min-width: 180px;
    border-color: var(--brand-border, #E5E5E5);
}

/* ===== КАРТОЧКИ ТОВАРОВ (новый стиль) ===== */
.products-grid {
    margin: 0 -0.5rem;
}

.product-col {
    padding: 0.5rem;
}

.product-card {
    background: white;
    border: 1px solid var(--brand-border, #E5E5E5);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}

.product-card:hover {
    border-color: var(--brand-accent, #009AA8);
    box-shadow: 0 8px 24px rgba(0, 154, 168, 0.12);
}

/* Обёртка изображения с отступами */
.product-card-image-wrapper {
    position: relative;
    padding: 1rem;
    background: #fafafa;
}

.product-card-image-link {
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: white;
}

.product-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.product-card:hover .product-card-image {
    transform: scale(1.05);
}

.product-card-no-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}

.product-card-no-image .material-symbols-outlined {
    font-size: 48px;
    color: #ccc;
}

/* Бейджи */
.product-card-badges {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    z-index: 2;
}

.product-card-badges .badge {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
}

.badge-new {
    background: #10B981;
    color: white;
}

.badge-hit {
    background: #F59E0B;
    color: white;
}

.badge-sale {
    background: #EF4444;
    color: white;
}

/* Избранное */
.product-card-favorite {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.2s ease;
}

.product-card:hover .product-card-favorite {
    opacity: 1;
    transform: scale(1);
}

.product-card-favorite .material-symbols-outlined {
    font-size: 18px;
    color: #EC4899;
}

.product-card-favorite:hover {
    background: #EC4899;
}

.product-card-favorite:hover .material-symbols-outlined {
    color: white;
}

/* Сравнение */
.product-card-compare {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.2s ease;
}

.product-card:hover .product-card-compare {
    opacity: 1;
    transform: scale(1);
}

.product-card-compare .material-symbols-outlined {
    font-size: 18px;
    color: var(--brand-accent, #009AA8);
}

.product-card-compare:hover {
    background: var(--brand-accent, #009AA8);
}

.product-card-compare:hover .material-symbols-outlined {
    color: white;
}

/* Информация о товаре */
.product-card-info {
    padding: 1rem;
}

.product-card-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--brand-text-primary, #222);
    text-decoration: none;
    line-height: 1.4;
    margin-bottom: 0.25rem;
    /* 2 строки максимум */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card-title:hover {
    color: var(--brand-accent, #009AA8);
}

.product-card-material {
    font-size: 0.8125rem;
    color: var(--brand-text-secondary, #656C80);
    margin-bottom: 0.5rem;
}

.product-card-price-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.product-card-price {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222);
}

.product-card-measure {
    font-size: 0.8125rem;
    color: var(--brand-text-secondary, #656C80);
}

.product-card-old-price {
    font-size: 0.8125rem;
    color: #999;
    text-decoration: line-through;
    margin-left: 0.5rem;
}

.product-card-price-request {
    font-size: 0.875rem;
    color: var(--brand-text-secondary, #656C80);
}

/* Пагинация */
.products-pager {
    display: flex;
    justify-content: center;
}

/* ===== АДАПТИВНОСТЬ КАТАЛОГА ===== */
@media (max-width: 991px) {
    .catalog-filter-col {
        margin-bottom: 1.5rem;
    }

    .catalog-filter-wrapper {
        position: static;
    }

    .product-card-image-wrapper {
        padding: 0.75rem;
    }
}

@media (max-width: 767px) {
    .catalog-main-title {
        font-size: 1.5rem;
    }

    .category-btn {
        padding: 0.375rem 0.75rem;
        font-size: 0.8125rem;
    }

    .catalog-filter-col {
        /* не display:none — иначе position:fixed drawer не рендерится */
        position: absolute;
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: visible;
    }

    .catalog-products-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-card-image-wrapper {
        padding: 0.5rem;
    }

    .product-card-info {
        padding: 0.75rem;
    }

    .product-card-title {
        font-size: 0.8125rem;
    }

    .product-card-price {
        font-size: 0.9375rem;
    }

    .product-card-badges {
        top: 1rem;
        left: 1rem;
    }

    .product-card-favorite,
    .product-card-compare {
        opacity: 1;
        transform: scale(1);
        width: 28px;
        height: 28px;
    }

    .product-card-favorite {
        top: 1rem;
        right: 1rem;
    }

    .product-card-compare {
        bottom: 1rem;
        right: 1rem;
    }
}

/* ===== СТРАНИЦА КОРЗИНЫ ===== */
.cart-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 1rem 60px;
}

.cart-breadcrumb .breadcrumb {
    margin-bottom: 0;
    padding: 0;
}

.cart-header {
    margin-bottom: 30px;
}

.cart-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--brand-text-primary, #222);
    margin-bottom: 8px;
    text-transform: none;
}

.cart-subtitle {
    font-size: 1rem;
    margin-bottom: 0;
}

/* Стили для корзины подключаются из компонента sale.basket.basket/cart_main/style.css */

/* ===== КАРТОЧКИ ТОВАРОВ (ПЕРЕОПРЕДЕЛЕНИЕ BITRIX) ===== */
/* Стили для product-item компонента */

.product-item {
    display: block;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    border: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    overflow: hidden;
}

.product-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Квадратное изображение с cover */
.product-item-image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    background: #f8f9fa;
}

.product-item-image-original,
.product-item-image-alternative {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity 300ms linear, transform 300ms ease;
}

/* Эффект увеличения при наведении */
.product-item:hover .product-item-image-original,
.product-item:hover .product-item-image-alternative {
    transform: scale(1.05);
}

/* Бейджи товаров */
.product-item-label-text,
.product-item-label-ring {
    position: absolute;
    z-index: 15;
    top: 10px;
    left: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.product-item-label-text span {
    display: inline-block;
    margin-bottom: 0;
    background: #22C55E;
    color: #fff;
    border-radius: 20px;
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Название товара */
.product-item-title {
    overflow: hidden;
    margin: 0;
    padding: 12px 12px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
}

.product-item-title a {
    color: #333;
    text-decoration: none;
    transition: color 200ms ease;
}

.product-item-title a:hover {
    color: var(--primary, #2A4B6D);
}

/* Цена */
.product-item-price-container {
    text-align: left;
    line-height: 1;
    padding: 8px 12px 12px;
}

.product-item-price-current {
    color: #222;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
}

.product-item-price-old {
    color: #999;
    text-decoration: line-through;
    white-space: nowrap;
    font-size: 13px;
    margin-right: 8px;
}

/* Big card вариант */
.product-item-big-card .product-item-title { padding: 16px 16px 0; }
.product-item-big-card .product-item-title a { font-size: 16px; }
.product-item-big-card .product-item-price-container { padding: 10px 16px 16px; }
.product-item-big-card .product-item-price-current { font-size: 20px; }

/* Убираем hover-анимацию с абсолютным позиционированием */
.bx-no-touch .product-item-container.hover .product-item {
    position: relative;
    right: auto;
    left: auto;
    padding: 0;
    width: 100%;
    animation: none;
}

/* Мобильные стили */
@media (max-width: 767px) {
    .product-item-title { padding: 10px 10px 0; }
    .product-item-price-container { padding: 6px 10px 10px; }
    .product-item-price-current { font-size: 14px; }
}

/* ===== СКРЫТИЕ СТАНДАРТНОЙ ФОРМЫ ПОИСКА BITRIX ===== */
.search-page form[name="search"],
.search-results-wrapper form[name="search"] {
    display: none !important;
}

/* ===== СТИЛИ КАРТОЧЕК ТОВАРОВ (V2 - через CSS) ===== */
/* Применяем стили через CSS, т.к. шаблоны компонентов не переопределяются */

.product-item {
    padding: 12px !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    background: #fff !important;
    margin-bottom: 15px !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.product-item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px);
}

.product-item-image-wrapper {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Кнопки карточки - всегда видимы */
.product-item-button-container {
    display: flex !important;
    gap: 8px !important;
    padding: 12px 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-item-button-container .btn {
    flex: 1;
}

/* Сброс hover-анимации Bitrix */
.bx-no-touch .product-item-container.hover .product-item,
.product-item-container:hover .product-item {
    position: relative !important;
    z-index: auto !important;
    animation: none !important;
}

/* Показать кнопки на карточках всегда */
.product-item [data-entity="buttons-block"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-item .product-item-button-container {
    display: flex !important;
    gap: 8px !important;
    padding-top: 12px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-item .product-item-button-container .btn {
    flex: 1;
    padding: 8px 12px !important;
}

/* Стили кнопок "Подробнее" и "В корзину" */
/* Кнопка "Подробнее" - outline стиль */
.product-item-button-container .btn-details,
.product-item-button-container a:first-child:not(.btn-add-to-cart):not([data-entity="add-to-basket-btn"]) {
    background: #fff !important;
    border: 1px solid #009AA8 !important;
    color: #009AA8 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.product-item-button-container .btn-details:hover,
.product-item-button-container a:first-child:not(.btn-add-to-cart):not([data-entity="add-to-basket-btn"]):hover {
    background: #e6f7f8 !important;
    color: #008895 !important;
}

/* Кнопка "В корзину" - акцентный стиль */
.product-item-button-container .btn[data-entity="add-to-basket-btn"],
.product-item-button-container .btn.btn-primary,
.product-item-button-container .btn-add-to-cart,
.product-item-button-container a:last-child:not(.btn-details) {
    background: #009AA8 !important;
    border: 1px solid #009AA8 !important;
    color: #fff !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.product-item-button-container .btn[data-entity="add-to-basket-btn"]:hover,
.product-item-button-container .btn.btn-primary:hover,
.product-item-button-container .btn-add-to-cart:hover,
.product-item-button-container a:last-child:not(.btn-details):hover {
    background: #008895 !important;
    border-color: #008895 !important;
}

/* ============================================
   BOUTIQUE DESIGN SYSTEM
   ============================================ */

/* ===== СЕКЦИИ С ВОЗДУХОМ ===== */
.section-spacious {
    padding: 100px 0;
}

@media (max-width: 991px) {
    .section-spacious {
        padding: 80px 0;
    }
}

@media (max-width: 767px) {
    .section-spacious {
        padding: 60px 0;
    }
}

/* Альтернативный фон секции */
.section-alt {
    background-color: rgba(0, 129, 138, 0.03);
    border-top: 1px solid var(--brand-border);
    border-bottom: 1px solid var(--brand-border);
}

/* Фон секции товаров */
.section-products {
    background-color: var(--lilia-cream);
}

/* Фон секции преимуществ */
.section-values {
    background-color: white;
}

/* ===== ЗАГОЛОВКИ СЕКЦИЙ ===== */
.section-header {
    margin-bottom: 3rem;
}

.section-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 400;
    line-height: 1.15;
    color: var(--lilia-dark);
    margin-bottom: 1rem;
}

.section-subtitle {
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--lilia-stone);
    max-width: 600px;
    margin: 0;
}

.section-header.text-center .section-subtitle {
    margin: 0 auto;
}

/* Декоративный разделитель */
.section-divider {
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, var(--lilia-linen), var(--lilia-teal));
    border-radius: 2px;
}

/* Ссылка "Все категории" */
.section-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--lilia-teal);
    text-decoration: none;
    transition: all 0.3s ease;
}

.section-link:hover {
    color: var(--lilia-dark);
    text-decoration: none;
}

.section-link .material-symbols-outlined {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.section-link:hover .material-symbols-outlined {
    transform: translateX(4px);
}

/* ===== БЛОК ПРЕИМУЩЕСТВ (VALUES) ===== */
.values-grid {
    margin: 0 -15px;
}

.value-card {
    padding: 2rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.value-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--lilia-cream);
    border-radius: 24px;
    margin-bottom: 1.5rem;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.value-card:hover .value-icon {
    background-color: var(--lilia-teal-light);
    transform: scale(1.05);
}

.value-icon .material-symbols-outlined {
    font-size: 32px !important;
    color: var(--lilia-teal) !important;
}

.value-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--lilia-dark);
    margin-bottom: 0.75rem;
}

.value-text {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--lilia-stone);
    line-height: 1.6;
    margin: 0;
}

/* ===== МИКРО-ВЗАИМОДЕЙСТВИЯ ===== */
/* Появление при скролле */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Стили для карточек цветов */
.color-world-card {
    position: relative;
    padding: 1.5rem 1rem;
    border-radius: 16px;
    background: white;
    border: 1px solid var(--brand-border);
    transition: all 0.4s ease;
    text-decoration: none;
    display: block;
}

.color-world-card:hover {
    border-color: var(--lilia-teal);
    box-shadow: 0 12px 32px rgba(0, 129, 138, 0.12);
    transform: translateY(-4px);
    text-decoration: none;
}

.color-world-card .color-circle {
    transition: transform 0.4s ease;
}

.color-world-card:hover .color-circle {
    transform: scale(1.1);
}

/* ===== ИНТЕРАКТИВНЫЕ КАТЕГОРИИ ===== */
.category-tile {
    position: relative;
    display: block;
    aspect-ratio: 3/4;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
}

.category-tile-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.category-tile:hover .category-tile-image {
    transform: scale(1.1);
}

.category-tile-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(42, 58, 74, 0.8) 0%, transparent 60%);
}

.category-tile-content {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    color: white;
}

.category-tile-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.75rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: white !important;
}

.category-tile-link {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: white;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

.category-tile:hover .category-tile-link {
    opacity: 1;
    transform: translateY(0);
}

/* ===== ОБНОВЛЁННЫЕ КНОПКИ ===== */
.btn-rounded-pill {
    border-radius: 50px;
    padding: 0.75rem 2rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.btn-teal {
    background-color: var(--lilia-teal);
    border-color: var(--lilia-teal);
    color: white;
}

.btn-teal:hover {
    background-color: #006d75;
    border-color: #006d75;
    color: white;
}

.btn-linen {
    background-color: var(--lilia-linen);
    border-color: var(--lilia-linen);
    color: white;
}

.btn-linen:hover {
    background-color: #c49462;
    border-color: #c49462;
    color: white;
}

/* ===== АНИМАЦИИ ПОЯВЛЕНИЯ ПРИ СКРОЛЛЕ ===== */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-on-scroll {
    animation: slideInUp 0.8s ease forwards;
}

/* Плавные переходы для всех интерактивных элементов */
a, button, .card, .btn {
    transition: all 0.3s ease;
}

/* ===== ФУТЕР (Boutique Style) ===== */
.site-footer {
    background-color: var(--lilia-dark);
    color: white;
    padding-top: 100px;
    padding-bottom: 2rem;
}

.footer-main {
    margin-bottom: 4rem;
}

.footer-brand {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 2.5rem;
    font-weight: 400;
    color: white !important;
    margin-bottom: 1.5rem;
}

.footer-description {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.7;
    max-width: 380px;
    margin-bottom: 2rem;
}

.footer-socials {
    display: flex;
    gap: 1.5rem;
}

.footer-socials a {
    color: white;
    transition: color 0.3s ease;
}

.footer-socials a:hover {
    color: var(--lilia-linen);
}

.footer-socials .material-symbols-outlined {
    font-size: 24px !important;
}

.footer-nav-title {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 1.5rem;
}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav-list li {
    margin-bottom: 1rem;
}

.footer-nav-list a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9375rem;
    font-weight: 300;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-nav-list a:hover {
    color: var(--lilia-linen);
}

.footer-contacts {
    font-style: normal;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.8;
}

.footer-contacts a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-contacts a:hover {
    color: var(--lilia-linen);
}

.footer-schedule {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.8125rem;
}

.footer-bottom {
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.footer-copyright {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.2);
    margin: 0;
}

.footer-legal {
    display: flex;
    gap: 2rem;
}

.footer-legal a {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-legal a:hover {
    color: white;
}

/* ============================================
   BOUTIQUE PRODUCT CARDS ENHANCEMENT
   Улучшения карточек товаров в стиле бутика
   ============================================ */

/* Более мягкие скругления изображений */
.product-item-image-wrapper {
    border-radius: 16px !important;
}

/* Название товара - бутиковая типографика */
.product-item-title a {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 500 !important;
    color: var(--lilia-navy, #2A4B6D) !important;
    letter-spacing: -0.01em !important;
}

.product-item-title a:hover {
    color: var(--lilia-teal, #009AA8) !important;
}

/* Цена - акцентный цвет */
.product-item-price-current {
    color: var(--lilia-teal, #009AA8) !important;
    font-weight: 700 !important;
    font-family: 'Ysabeau Infant', sans-serif !important;
}

/* Старая цена */
.product-item-price-old {
    color: #999 !important;
    font-size: 12px !important;
}

/* Улучшенная тень при hover */
.product-item:hover {
    box-shadow: 0 12px 32px rgba(0, 154, 168, 0.12) !important;
}

/* Бейджи товаров - бутиковый стиль */
.product-item-label-text span {
    background: var(--lilia-teal, #009AA8) !important;
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    border-radius: 24px !important;
}

/* Бейдж "Хит" */
.product-item-label-text span[class*="hit"],
.product-item-label-text span:contains("Хит") {
    background: linear-gradient(135deg, #d4a373 0%, #e8c4a0 100%) !important;
}

/* Бейдж "Скидка" */
.product-item-label-text span[class*="sale"],
.product-item-label-text span:contains("Скидка") {
    background: linear-gradient(135deg, #DC2626 0%, #F87171 100%) !important;
}

/* Бейдж "Новинка" */
.product-item-label-text span[class*="new"],
.product-item-label-text span:contains("Новинка") {
    background: linear-gradient(135deg, #22C55E 0%, #4ADE80 100%) !important;
}

/* Кнопка "Подробнее" - элегантный outline */
.product-item-button-container .btn-details,
.product-item-button-container a:first-child:not(.btn-add-to-cart):not([data-entity="add-to-basket-btn"]) {
    border-radius: 12px !important;
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

/* Кнопка "В корзину" - акцентный gradient */
.product-item-button-container .btn[data-entity="add-to-basket-btn"],
.product-item-button-container .btn.btn-primary,
.product-item-button-container .btn-add-to-cart,
.product-item-button-container a:last-child:not(.btn-details) {
    border-radius: 12px !important;
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    background: linear-gradient(135deg, #009AA8 0%, #00818a 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 154, 168, 0.25) !important;
}

.product-item-button-container .btn[data-entity="add-to-basket-btn"]:hover,
.product-item-button-container .btn.btn-primary:hover,
.product-item-button-container .btn-add-to-cart:hover,
.product-item-button-container a:last-child:not(.btn-details):hover {
    background: linear-gradient(135deg, #008895 0%, #007078 100%) !important;
    box-shadow: 0 6px 16px rgba(0, 154, 168, 0.35) !important;
    transform: translateY(-1px);
}

/* ============================================
   PRODUCT DETAIL PAGE - BOUTIQUE STYLE
   Детальная страница товара
   ============================================ */

/* Хлебные крошки */
.bx-breadcrumb {
    padding: 20px 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
}

.bx-breadcrumb-item {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-size: 13px !important;
}

.bx-breadcrumb-item a {
    color: #999 !important;
    text-decoration: none !important;
}

.bx-breadcrumb-item a:hover {
    color: var(--lilia-teal, #009AA8) !important;
}

.bx-breadcrumb-item:last-child {
    color: var(--lilia-navy, #2A4B6D) !important;
    font-weight: 500 !important;
}

/* Галерея товара */
.product-detail-gallery {
    border-radius: 24px !important;
    overflow: hidden !important;
}

.product-detail-gallery img {
    border-radius: 24px !important;
}

/* Миниатюры галереи */
.product-detail-gallery-thumbnails img {
    border-radius: 12px !important;
    border: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
}

.product-detail-gallery-thumbnails img:hover,
.product-detail-gallery-thumbnails img.active {
    border-color: var(--lilia-teal, #009AA8) !important;
}

/* Название товара */
.product-detail-title,
h1.bx-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 2.5rem !important;
    font-weight: 500 !important;
    color: var(--lilia-navy, #2A4B6D) !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

@media (max-width: 767px) {
    .product-detail-title,
    h1.bx-title {
        font-size: 1.75rem !important;
    }
}

/* Цена на детальной странице */
.product-detail-price,
.product-item-detail-price-current {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--lilia-teal, #009AA8) !important;
}

.product-item-detail-price-old {
    font-size: 1.25rem !important;
    color: #999 !important;
    text-decoration: line-through !important;
}

/* Подпись "за метр" */
.product-detail-price-unit {
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #999 !important;
    font-weight: 600 !important;
}

/* Блок с выбором количества */
.product-detail-quantity-block {
    background: #fff !important;
    border-radius: 20px !important;
    padding: 24px !important;
    border: 1px solid #eee !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}

/* Поле ввода количества */
.product-detail-quantity input[type="number"],
.product-item-detail-slider-controls-block input {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    border: 2px solid #eee !important;
    border-radius: 12px !important;
    padding: 12px !important;
}

/* Кнопки + и - */
.product-detail-quantity button,
.product-item-detail-slider-controls-block button {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 2px solid #eee !important;
    background: #fff !important;
    color: #666 !important;
    transition: all 0.2s ease !important;
}

.product-detail-quantity button:hover,
.product-item-detail-slider-controls-block button:hover {
    border-color: var(--lilia-teal, #009AA8) !important;
    color: var(--lilia-teal, #009AA8) !important;
}

/* Кнопка "В корзину" на детальной */
.product-detail-buy-button,
.btn-buy,
.product-item-detail-buy-button {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #009AA8 0%, #00818a 100%) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 18px 32px !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 154, 168, 0.3) !important;
    transition: all 0.3s ease !important;
}

.product-detail-buy-button:hover,
.btn-buy:hover,
.product-item-detail-buy-button:hover {
    background: linear-gradient(135deg, #008895 0%, #007078 100%) !important;
    box-shadow: 0 12px 32px rgba(0, 154, 168, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Характеристики товара */
.product-detail-properties,
.product-item-detail-properties {
    border-top: 1px solid #eee !important;
    padding-top: 24px !important;
    margin-top: 24px !important;
}

.product-detail-properties-title {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: #999 !important;
    margin-bottom: 16px !important;
}

.product-detail-properties-item {
    display: flex !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    border-bottom: 1px dashed #eee !important;
}

.product-detail-properties-item:last-child {
    border-bottom: none !important;
}

.product-detail-properties-name {
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #999 !important;
}

.product-detail-properties-value {
    font-weight: 500 !important;
    color: var(--lilia-navy, #2A4B6D) !important;
}

/* Trust badges на детальной странице */
.product-detail-trust-badges {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    border-top: 1px solid #eee !important;
    padding-top: 24px !important;
    margin-top: 24px !important;
}

.product-detail-trust-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 8px !important;
}

.product-detail-trust-badge .material-symbols-outlined {
    font-size: 24px !important;
    color: #ccc !important;
}

.product-detail-trust-badge span:last-child {
    font-size: 0.625rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #999 !important;
}

/* Табы с описанием */
.product-detail-tabs {
    border-bottom: 1px solid #eee !important;
    margin-bottom: 24px !important;
    display: flex !important;
    gap: 32px !important;
    overflow-x: auto !important;
}

.product-detail-tab {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #999 !important;
    padding: 16px 0 !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    background: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.product-detail-tab:hover,
.product-detail-tab.active {
    color: var(--lilia-teal, #009AA8) !important;
    border-bottom-color: var(--lilia-teal, #009AA8) !important;
}

/* Описание товара */
.product-detail-description {
    font-family: 'Ysabeau Infant', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
    color: #666 !important;
}

.product-detail-description p {
    margin-bottom: 1rem !important;
}

/* Иконки ухода за тканью */
.product-care-icons {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin-top: 32px !important;
}

.product-care-icon {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 16px !important;
    padding: 20px !important;
    text-align: center !important;
}

.product-care-icon .material-symbols-outlined {
    font-size: 32px !important;
    color: var(--lilia-teal, #009AA8) !important;
    opacity: 0.4 !important;
    margin-bottom: 12px !important;
}

.product-care-icon span:last-child {
    display: block !important;
    font-size: 0.625rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #999 !important;
}

@media (max-width: 767px) {
    .product-care-icons {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ===== МОБИЛЬНЫЕ СТИЛИ ДЛЯ КАРТОЧЕК ТОВАРОВ ===== */
@media (max-width: 576px) {
    /* Кнопки карточки - вертикальное расположение */
    .product-item-button-container {
        flex-direction: column !important;
        gap: 6px !important;
    }

    .product-item-button-container .btn,
    .product-item-button-container a {
        width: 100% !important;
        padding: 10px 8px !important;
        font-size: 12px !important;
        text-align: center !important;
    }

    /* Название товара */
    .product-item-title {
        font-size: 13px !important;
        padding: 8px 8px 0 !important;
    }

    /* Цена */
    .product-item-price-container {
        padding: 6px 8px 8px !important;
    }

    .product-item-price-current {
        font-size: 15px !important;
    }

    /* Отступы карточки */
    .product-item {
        padding: 8px !important;
    }

    /* Скругления изображения */
    .product-item-image-wrapper {
        border-radius: 12px !important;
    }
}

/* Планшетные стили (576-768px) */
@media (min-width: 577px) and (max-width: 768px) {
    .product-item-button-container .btn,
    .product-item-button-container a {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
}

/* ============================================
   PREMIUM BENTO GRID - КАТЕГОРИИ ТКАНЕЙ
   Современный журнальный стиль с разными размерами карточек
   ============================================ */

.categories-bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, minmax(300px, 1fr));
    gap: 1.5rem;
    min-height: 650px;
}

/* Базовая карточка bento */
.bento-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 2.5rem;
    text-decoration: none;
    cursor: pointer;
    background: var(--lilia-cream);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bento-card:hover {
    text-decoration: none;
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}

/* Большая карточка - занимает 2 колонки и 2 ряда */
.bento-card-large {
    grid-column: span 2;
    grid-row: span 2;
}

/* Изображение карточки */
.bento-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bento-card:hover .bento-card-image {
    transform: scale(1.1);
}

/* Placeholder если нет изображения */
.bento-card-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--lilia-cream) 0%, var(--lilia-teal-light) 100%);
}

.bento-card-placeholder .material-symbols-outlined {
    font-size: 64px;
    color: var(--lilia-teal);
    opacity: 0.3;
}

/* Градиентный оверлей */
.bento-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(42, 58, 74, 0.85) 0%,
        rgba(42, 58, 74, 0.4) 35%,
        transparent 70%
    );
    transition: background 0.4s ease;
}

.bento-card:hover .bento-card-overlay {
    background: linear-gradient(
        to top,
        rgba(42, 58, 74, 0.9) 0%,
        rgba(42, 58, 74, 0.5) 40%,
        rgba(0, 129, 138, 0.1) 100%
    );
}

/* Контент карточки */
.bento-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 2;
}

.bento-card-large .bento-card-content {
    padding: 2.5rem;
}

/* Информация */
.bento-card-info {
    flex: 1;
}

.bento-card-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.5rem;
    font-weight: 400;
    color: white !important;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
    transition: transform 0.4s ease;
}

.bento-card-large .bento-card-title {
    font-size: 2.5rem;
}

.bento-card:hover .bento-card-title {
    transform: translateX(4px);
}

.bento-card-count {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.bento-card-large .bento-card-count {
    font-size: 0.75rem;
}

/* Стрелка */
.bento-card-arrow {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.4s ease;
}

.bento-card-arrow .material-symbols-outlined {
    font-size: 24px;
    color: white;
    transition: transform 0.3s ease;
}

.bento-card:hover .bento-card-arrow {
    background: var(--lilia-teal);
    border-color: var(--lilia-teal);
    transform: scale(1.1);
}

.bento-card:hover .bento-card-arrow .material-symbols-outlined {
    transform: translateX(3px);
}

/* Адаптивность bento-сетки */
@media (max-width: 1199px) {
    .categories-bento-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        min-height: auto;
    }

    .bento-card-large {
        grid-column: span 2;
        grid-row: span 1;
        min-height: 350px;
    }

    .bento-card:not(.bento-card-large) {
        min-height: 300px;
    }
}

@media (max-width: 991px) {
    .categories-bento-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .bento-card-large {
        grid-column: span 2;
        min-height: 320px;
    }

    .bento-card:not(.bento-card-large) {
        min-height: 280px;
    }

    .bento-card {
        border-radius: 1.5rem;
    }

    .bento-card-content {
        padding: 1.5rem;
    }

    .bento-card-title {
        font-size: 1.25rem;
    }

    .bento-card-large .bento-card-title {
        font-size: 2rem;
    }

    .bento-card-arrow {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 767px) {
    .categories-bento-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .bento-card-large {
        grid-column: span 1;
        min-height: 280px;
    }

    .bento-card:not(.bento-card-large) {
        min-height: 220px;
    }

    .bento-card {
        border-radius: 1.25rem;
    }

    .bento-card-content {
        padding: 1.25rem;
    }

    .bento-card-title {
        font-size: 1.125rem;
    }

    .bento-card-large .bento-card-title {
        font-size: 1.5rem;
    }

    .bento-card-count {
        font-size: 0.6rem;
    }

    .bento-card-arrow {
        width: 44px;
        height: 44px;
    }

    .bento-card-arrow .material-symbols-outlined {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .bento-card-large,
    .bento-card:not(.bento-card-large) {
        min-height: 200px;
    }

    .bento-card-content {
        padding: 1rem;
    }

    .bento-card-arrow {
        width: 40px;
        height: 40px;
    }
}

/* ===== СЧЁТЧИК КОРЗИНЫ В ШАПКЕ ===== */
.cart-counter {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #DC2626;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 4px;
}
.cart-counter.pulse {
    animation: cartPulse 0.4s ease;
}
@keyframes cartPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

/* ============================================
   Кнопки карточки товара (fabrics_grid)
   ============================================ */
.product-card-buttons {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}

.product-card-buttons .btn {
    flex: 1;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
}

.product-card-buttons .btn-outline-secondary {
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
}

.product-card-buttons .btn-outline-secondary:hover {
    background: #f5f5f5;
    border-color: #ccc;
    color: #333;
}

.product-card-buttons .btn-primary {
    background: #2A4B6D;
    border: 1px solid #2A4B6D;
    color: #fff;
}

.product-card-buttons .btn-primary:hover {
    background: #1e3a5f;
    border-color: #1e3a5f;
}

.product-card-buttons .btn-secondary {
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #999;
}

/* Мобильная версия: только кнопка "В корзину" */
@media (max-width: 768px) {
    .product-card-buttons .btn-outline-secondary {
        display: none;
    }
    .product-card-buttons .btn-primary,
    .product-card-buttons .btn-secondary {
        flex: 1;
    }
}

/* =============================================
   Toast «Добавлено в корзину» (стиль WB)
   ============================================= */

/* Toast container */
.popup-window.basket-toast {
    position: fixed !important;
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;
    width: 360px;
    max-width: calc(100vw - 32px);
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e5e7eb !important;
    overflow: hidden;
    animation: toastSlideIn 0.3s ease-out;
    z-index: 10100 !important;
}

@keyframes toastSlideIn {
    from { opacity: 0; transform: translateY(-16px); }
    to { opacity: 1; transform: translateY(0); }
}

.popup-window.basket-toast .popup-window-content {
    padding: 0 !important;
    background: #fff !important;
}

/* Toast body */
.basket-toast-body {
    padding: 16px;
    font-family: 'Ysabeau Infant', sans-serif;
}

.basket-toast-body.basket-toast-error {
    border-left: 3px solid #ef4444;
}

/* Header: check + text + close */
.basket-toast-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.basket-toast-check {
    width: 20px;
    height: 20px;
    color: #22c55e;
    flex-shrink: 0;
}

.basket-toast-header > span {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.basket-toast-close {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #9ca3af;
    cursor: pointer;
    padding: 0 2px;
    transition: color 0.15s;
}
.basket-toast-close:hover {
    color: #374151;
}

/* Product row */
.basket-toast-product {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.basket-toast-img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f5f5f5;
}

.basket-toast-info {
    flex: 1;
    min-width: 0;
}

.basket-toast-name {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
}

.basket-toast-qty {
    font-size: 13px;
    color: #9ca3af;
}

/* CTA button */
.basket-toast-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: #4A5D4F;
    color: #fff !important;
    font-family: 'Ysabeau Infant', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.15s;
}
.basket-toast-btn:hover {
    background: #3d4f42;
}

/* Hide popup buttons container (we use our own CTA) */
.popup-window.basket-toast .popup-window-buttons {
    display: none !important;
}

/* Overlay не нужен для toast (overlay: false в JS) */

/* Mobile: full width at bottom */
@media (max-width: 480px) {
    .popup-window.basket-toast {
        top: auto !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100%;
        max-width: 100%;
        border-radius: 12px 12px 0 0 !important;
        animation: toastSlideUp 0.3s ease-out;
    }
    @keyframes toastSlideUp {
        from { opacity: 0; transform: translateY(100%); }
        to { opacity: 1; transform: translateY(0); }
    }
}


/* End */


/* Start:/local/templates/tkanililiya_custom/include/mega_menu.css?17715202108255*/
/* ============================================
   Ткани Лилия - Мега-меню каталога
   ============================================ */

/* Обертка мега-меню */
.mega-menu-wrapper {
	position: relative;
	z-index: 1000;
}

/* Кнопка открытия - выровнена по высоте с поиском */
.mega-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0 1.25rem;
	height: 42px; /* Такая же высота как у поиска */
	background: var(--primary, #2A4B6D);
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 0.9375rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	vertical-align: middle;
	flex-shrink: 0;
}

.mega-menu-toggle:hover {
	background: #1e3a5f;
}

.mega-menu-toggle.active {
	background: #1e3a5f;
	border-radius: 8px 8px 0 0;
}

/* Элементы внутри кнопки - точное вертикальное выравнивание */
.mega-menu-toggle-icon,
.mega-menu-toggle-text,
.mega-menu-toggle-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	height: 20px; /* Фиксированная высота для всех элементов */
}

.mega-menu-toggle-icon .material-symbols-outlined,
.mega-menu-toggle-arrow .material-symbols-outlined {
	font-size: 20px !important;
	line-height: 1 !important;
	height: 20px !important;
	width: 20px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.mega-menu-toggle-text {
	font-size: 0.875rem;
	line-height: 20px; /* Совпадает с высотой иконок */
	height: 20px;
}

.mega-menu-toggle-arrow {
	transition: transform 0.2s ease;
}

.mega-menu-toggle.active .mega-menu-toggle-arrow {
	transform: rotate(180deg);
}

/* Панель мега-меню */
.mega-menu-panel {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	max-width: 1140px;
	background: #fff;
	border-radius: 0 12px 12px 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.25s ease;
	z-index: 1001;
}

.mega-menu-panel.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Контейнер внутри панели */
.mega-menu-container {
	display: flex;
	min-height: 400px;
	max-height: calc(100vh - 200px);
}

/* Левая колонка (уровень 1) */
.mega-menu-sidebar {
	width: 240px;
	min-width: 240px;
	background: #f8f9fa;
	border-radius: 0 0 0 12px;
	padding: 0.5rem 0;
	overflow-y: auto;
}

.mega-menu-level1 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mega-menu-item-l1 {
	position: relative;
}

.mega-menu-link-l1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 1rem;
	color: #333;
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 500;
	transition: all 0.15s ease;
	border-left: 3px solid transparent;
}

.mega-menu-link-l1:hover,
.mega-menu-item-l1.active .mega-menu-link-l1 {
	background: #fff;
	color: var(--primary, #2A4B6D);
	border-left-color: var(--primary, #2A4B6D);
	text-decoration: none;
}

.mega-menu-arrow .material-symbols-outlined {
	font-size: 18px;
	color: #999;
	transition: color 0.15s ease;
}

.mega-menu-item-l1.active .mega-menu-arrow .material-symbols-outlined,
.mega-menu-link-l1:hover .mega-menu-arrow .material-symbols-outlined {
	color: var(--primary, #2A4B6D);
}

/* Правая область (уровни 2 и 3) */
.mega-menu-content {
	flex: 1;
	padding: 1.5rem;
	overflow-y: auto;
	background: #fff !important;
	border-radius: 0 12px 12px 0;
}

.mega-menu-subcategories {
	display: none;
}

.mega-menu-subcategories.active {
	display: block;
}

/* Многоколоночный поток подкатегорий (как star-tex.ru) */
.mega-menu-grid {
	column-count: 4;
	column-gap: 2.5rem;
}

/* Колонка с категорией уровня 2 */
.mega-menu-column {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	margin-bottom: 1.25rem;
	display: inline-block;
	width: 100%;
}

/* Ссылка уровня 2 (жирный заголовок) */
.mega-menu-link-l2 {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	color: #222;
	font-size: 0.9375rem;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 2px solid #e5e5e5;
	transition: all 0.15s ease;
}

.mega-menu-link-l2:hover {
	color: var(--primary, #2A4B6D);
	border-bottom-color: var(--primary, #2A4B6D);
	text-decoration: none;
}

.mega-menu-count {
	font-size: 0.75rem;
	font-weight: 400;
	color: #888;
	background: #f0f0f0;
	padding: 0.125rem 0.375rem;
	border-radius: 10px;
}

/* Список уровня 3 */
.mega-menu-level3 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mega-menu-level3 li {
	margin-bottom: 0.25rem;
}

.mega-menu-link-l3 {
	display: block;
	padding: 0.25rem 0;
	color: #555;
	font-size: 0.875rem;
	text-decoration: none;
	transition: color 0.15s ease;
}

.mega-menu-link-l3:hover {
	color: var(--primary, #2A4B6D);
	text-decoration: none;
}

/* Пустой раздел */
.mega-menu-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
}

/* Кнопка закрытия - скрыта на десктопе, видна только на мобильных */
.mega-menu-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 36px;
	height: 36px;
	display: none; /* Скрыта по умолчанию на десктопе */
	align-items: center;
	justify-content: center;
	background: #f0f0f0;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.15s ease;
}

.mega-menu-close:hover {
	background: #e0e0e0;
}

.mega-menu-close .material-symbols-outlined {
	font-size: 20px;
	color: #666;
}

/* Оверлей */
.mega-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s ease;
	z-index: 999;
}

.mega-menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

/* ============================================
   Адаптивность
   ============================================ */

/* Планшет */
@media (max-width: 991px) {
	.mega-menu-panel {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		height: 100%;
		border-radius: 0;
		transform: translateX(-100%);
	}

	.mega-menu-panel.active {
		transform: translateX(0);
	}

	.mega-menu-container {
		flex-direction: column;
		max-height: 100vh;
		height: 100%;
	}

	.mega-menu-sidebar {
		width: 100%;
		min-width: auto;
		max-height: none;
		border-radius: 0;
		flex-shrink: 0;
	}

	.mega-menu-content {
		flex: 1;
		overflow-y: auto;
	}

	.mega-menu-close {
		display: flex; /* Показываем на мобильных/планшетах */
		top: 0.75rem;
		right: 0.75rem;
		z-index: 10;
	}

	.mega-menu-toggle-text {
		display: none;
	}

	.mega-menu-toggle {
		padding: 0.5rem;
		border-radius: 8px;
	}

	.mega-menu-toggle.active {
		border-radius: 8px;
	}
}

/* Планшет - 3 колонки */
@media (max-width: 991px) {
	.mega-menu-grid {
		column-count: 3;
	}
}

/* Маленький планшет - 2 колонки */
@media (max-width: 767px) {
	.mega-menu-grid {
		column-count: 2;
		column-gap: 1.5rem;
	}
}

/* Мобильный - 1 колонка */
@media (max-width: 575px) {
	.mega-menu-grid {
		column-count: 1;
	}

	.mega-menu-sidebar {
		padding: 0.25rem 0;
	}

	.mega-menu-link-l1 {
		padding: 0.625rem 1rem;
		font-size: 0.875rem;
	}

	.mega-menu-content {
		padding: 1rem;
	}

	.mega-menu-link-l2 {
		font-size: 0.875rem;
	}

	.mega-menu-link-l3 {
		font-size: 0.8125rem;
	}
}

/* Исправление кнопки Каталог - выравнивание */
.mega-menu-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	flex-shrink: 0 !important;
}

.mega-menu-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	white-space: nowrap !important;
}

/* End */


/* Start:/local/templates/tkanililiya_custom/include/live-search.css?17715202103111*/
/* Live Search Dropdown */
.live-search-wrap {
    position: relative;
}

.live-search-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s, transform 0.2s;
    pointer-events: none;
}

.live-search-dropdown.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Список товаров */
.ls-items {
    list-style: none;
    margin: 0;
    padding: 4px 0;
}

.ls-item {
    margin: 0;
    padding: 0;
}

.ls-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none;
    color: #333;
    transition: background 0.15s;
}

.ls-item a:hover,
.ls-item.is-active a {
    background: #f5f5f5;
    text-decoration: none;
}

/* Миниатюра */
.ls-img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    background: #f0f0f0;
    flex-shrink: 0;
}

.ls-img-placeholder {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #ccc;
}

.ls-img-placeholder .material-symbols-outlined {
    font-size: 24px;
}

/* Текст */
.ls-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ls-name {
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ls-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: #888;
}

.ls-article {
    color: #999;
}

.ls-stock {
    color: #4caf50;
    font-weight: 500;
}

.ls-stock.out {
    color: #999;
}

/* Цена */
.ls-price {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Ссылка "Все результаты" */
.ls-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 16px;
    border-top: 1px solid #eee;
    text-decoration: none;
    color: var(--primary, #2A4B6D);
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.15s;
}

.ls-all:hover {
    background: #f8f9fa;
    text-decoration: none;
    color: var(--primary, #2A4B6D);
}

.ls-all .material-symbols-outlined {
    font-size: 18px;
}

/* Пустой результат */
.ls-empty {
    padding: 24px 16px;
    text-align: center;
    color: #888;
    font-size: 0.9rem;
}

/* Загрузка */
.ls-loading {
    padding: 20px 16px;
    text-align: center;
    color: #999;
    font-size: 0.85rem;
}

/* Мобильные: скрываем dropdown, поиск работает через страницу /search/ */
@media (max-width: 767px) {
    .live-search-dropdown {
        display: none !important;
    }
}

/* End */
/* /local/templates/tkanililiya_custom/fonts.css?17715202101226 */
/* /local/templates/tkanililiya_custom/tailwind.css?177152021014036 */
/* /local/templates/tkanililiya_custom/template_styles.min.css?17715202108037 */
/* /local/templates/tkanililiya_custom/colors.min.css?17715202101987 */
/* /local/templates/tkanililiya_custom/custom_styles.css?177152021077356 */
/* /local/templates/tkanililiya_custom/include/mega_menu.css?17715202108255 */
/* /local/templates/tkanililiya_custom/include/live-search.css?17715202103111 */