/*
 * Pergoline frontend stylesheet
 * Generated by scripts/build-frontend-css.mjs
 * Edit source files and rebuild; do not edit this generated file directly.
 */

/* source: default/app.css */
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

/* source: default/aimeos.css */
/*
 * Aimeos elegance template CSS
 *
 * @license LGPLv3, https://opensource.org/licenses/LGPL-3.0
 * @copyright Aimeos (aimeos.org), 2014-2025
 */

/*
 @font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('assets/roboto-condensed-v19-latin-regular.woff2') format('woff2'),
		url('assets/roboto-condensed-v19-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('assets/roboto-condensed-v19-latin-700.woff2') format('woff2'),
		url('assets/roboto-condensed-v19-latin-700.woff') format('woff');
}
*/

 @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	/*src: url('assets/montserrat/webfonts/montserrat-cyrillic-400-normal.woff2') format('woff2'),
		url('assets/montserrat/webfonts/montserrat-cyrillic-400-normal.woff') format('woff');*/
	src: url('assets/montserrat/Montserrat-VariableFont_wght.ttf');	
	
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	/*src: url('assets/montserrat/webfonts/montserrat-cyrillic-700-normal.woff2') format('woff2'),
		url('assets/montserrat/webfonts/montserrat-cyrillic-700-normal.woff') format('woff');*/
	src: url('assets/montserrat/Montserrat-VariableFont_wght.ttf');			
}

@font-face {
	font-family: 'bootstrap-icons';
	font-display: swap;
	src: url('assets/bootstrap-icons.woff2') format('woff2'),
		url('assets/bootstrap-icons.woff') format('woff');
}


@keyframes FadeIn {
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes FadeOut {
	0% { opacity: 1 }
	100% { opacity: 0 }
}


/* Theme: Black&White */
/*:root {
	--ai-bg: #FFF;
	--ai-primary: #282828;
	--ai-bg-alt: #F6F6F6;
	--ai-primary: #282828;
	--ai-primary-alt: #282828;
	--ai-secondary: #505050;
	--ai-secondary-alt: #505050;
	--ai-tertiary: #CCC;
	--ai-tertiary-alt: #F6F6F6;
	--ai-danger: #A00000;
	--ai-success: #006000;
	--ai-warning: #FFA500;
	--ai-radius: 0;
	--ai-radius-round: 50%;
	--ai-product-image-ratio: 3/4;
}*/

:root {
	--ai-bg: #FFF;
/*	--ai-primary: #282828;   */
    --ai-primary:  #006000;
	--ai-bg-alt: #F6F6F6;
	--ai-primary: #282828;    
	--ai-primary-alt: #282828;
	--ai-secondary: #505050;
	--ai-secondary-alt: #505050;
	--ai-tertiary: #CCC;
	--ai-tertiary-alt: #F6F6F6;
	--ai-danger: #A00000;
	--ai-success: #006000;
	--ai-warning: #FFA500;
	--ai-radius: 0;
	--ai-radius-round: 50%;
	--ai-product-image-ratio: 3/4;
	--ai-content-bg: #f0f0f0; 
	--ai-content-primary: #060606; 
}

body {
/*	font-family: "Roboto Condensed",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;*/
	font-family: "Montserrat";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: start;
	color: var(--ai-primary);
	background-color: var(--ai-bg);
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

.aimeos legend {
    font-size: 100%;
}

.section {
	overflow: unset !important;
}

.content > .container:not(.cms-page),
.content > .container-xl:not(.cms-page),
.content > .container-xxl:not(.cms-page),
.content > .container-fluid:not(.cms-page) {
	padding-top: 1rem;
	padding-bottom: 4rem;
}

.aimeos {
	clear: both;
	text-align: start;
}

.aimeos .hidden {
	display: none !important;
}

.aimeos .content-block {
	margin: 4rem 0;
}

.aimeos .btn {
	--bs-btn-padding-y: 0.625rem;
	width: 15rem;
	max-width: 50%;
	vertical-align: top;
	border-radius: var(--ai-radius);
	margin: .5rem 0;
	color: var(--ai-primary);
	border: 1px solid var(--ai-secondary);
	background-color: var(--ai-bg);
	letter-spacing: 1.5px;
}

.aimeos .btn-primary,
.aimeos .btn-primary:visited {
	background-color: var(--ai-primary);
	border: 1px solid var(--ai-primary);
	color: var(--ai-bg);
	letter-spacing: 1.5px;
}

.aimeos .btn-primary:hover,
.aimeos .btn-primary:active,
.aimeos .btn-primary:focus,
.aimeos .btn-primary:not(:disabled):not(.disabled):active{
	color: var(--ai-tertiary);
	border: 1px solid var(--ai-primary);
	background-color: var(--ai-primary);
}

.aimeos .btn-primary:not(:disabled):not(.disabled).active:focus,
.aimeos .btn-primary:not(:disabled):not(.disabled):active:focus,
.aimeos .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.aimeos .btn:focus,
.aimeos .form-control:focus {
	outline-style: none;
	box-shadow: none;
}

.aimeos .form-control,
.aimeos .form-select {
	border: none;
	border-radius: var(--ai-radius);
	border-bottom: 1px solid var(--ai-secondary);
	background-color: var(--ai-bg);
	color: var(--ai-secondary);
	box-shadow: none;
	letter-spacing: 1.5px;
	padding: 0.6rem 0.75rem;
}

.aimeos .form-control::placeholder {
	color: var(--ai-tertiary);
}

.aimeos .form-control[type='checkbox'] {
	width: auto;
}

.aimeos .form-control:invalid {
	border: 1px solid var(--ai-danger);
}

.aimeos .form-item label {
	letter-spacing: 1.5px;
	margin: 0.5rem 0;
}

.aimeos .input-lg {
	height: auto;
}

.aimeos,
.aimeos h1, .aimeos h2,
.aimeos h3, .aimeos h4 {
	font-weight: normal;
	font-size: 100%;
	color: var(--ai-primary);
}

.aimeos h1, .aimeos h2 {
	text-transform: uppercase;
}

.aimeos h1 {
	font-size: 150%;
	letter-spacing: 1.5px;
	padding-top: 2rem;
}

.aimeos h2 {
	font-size: 125%;
	letter-spacing: 1.5px;
}

.aimeos a:link:not(.btn),
.aimeos a:visited:not(.btn) {
	color: var(--ai-primary);
	text-decoration: none;
}

.aimeos a:link:not(.btn):hover,
.aimeos a:visited:not(.btn):hover {
	color: var(--ai-secondary);
	text-decoration: none;
}

.aimeos input,
.aimeos textarea {
	border: 1px solid var(--ai-tertiary);
	background-color: var(--ai-bg);
	color: var(--ai-secondary);
	padding: 0.575rem 0.5rem;
}

.aimeos input:focus,
.aimeos textarea:focus {
	outline: none;
}

.aimeos input:disabled,
.aimeos select:disabled
.aimeos textarea:disabled,
.aimeos .form-control:disabled,
.aimeos .form-select:disabled {
	color: var(--ai-tertiary);
	border-color: var(--ai-bg-alt);
	background-color: var(--ai-bg-alt);
}

.aimeos .minibutton {
	color: var(--ai-secondary);
	vertical-align: middle;
	display: inline-block;
	min-width: 2.75rem;
	padding: 0.75rem;
	margin: 0;
	border: none;
	background-color: var(--ai-bg);
}

.aimeos .minibutton::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.aimeos .minibutton:after {
	vertical-align: middle;
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 115%;
}

.aimeos .minibutton.add:after {
	content: "\f4fa";
}

.aimeos .minibutton.modify:after {
	content: "\f4cb";
}

.aimeos .minibutton.delete:after {
	content: "\f5de";
}

.aimeos .minibutton.change.up,
.aimeos .minibutton.change.down {
	text-align: center;
}

.aimeos .button-group {
	text-align: center;
	padding: 1rem 0;
}

.aimeos .button-group .btn {
	margin: 0.25rem;
}

.aimeos .error-list {
	color: var(--ai-danger);
	padding: 0.5rem;
	margin-bottom: 2rem;
	list-style: none;
}

.aimeos .error-item,
.aimeos .info-item {
	text-align: center;
	padding: 0.25rem;
}

.aimeos .info-list {
	color: var(--ai-success);
	padding: 0.5rem;
	margin-bottom: 2rem;
	list-style: none;
}

.aimeos .attr-list,
.aimeos .form-list {
	margin: 1rem;
	padding: 0;
}

.aimeos .attr-list .custom-checkbox,
.aimeos .form-list .custom-checkbox {
	margin: 1.2rem 0;
}

.aimeos li.attr-item,
.aimeos li.form-item {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
}

.aimeos li.attr-item .name:after {
	content: ": ";
}

.aimeos .address .form-list .form-item {
	display: none;
}

.aimeos .address .form-list .mandatory,
.aimeos .address .form-list .optional {
	align-items: center;
	display: flex;
}

.aimeos .address .form-list .mandatory label:after {
	content: "*";
}

.aimeos .prototype {
	display: none !important;
}

.aimeos img.lazy-image {
	background-image: url(assets/spinner.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.aimeos .pagination {
	text-align: center;
	display: block;
	clear: left;
	color: var(--ai-secondary);
	margin: 0;
}

.aimeos .sort {
	display: inline-block;
	margin: 0 5%;
}

.aimeos .sort ul {
	list-style: none outside none;
	display: inline;
	padding: 0;
	margin: 0;
}

.aimeos .sort ul li {
	display: inline;
}

.aimeos .sort a,
.aimeos .sort a:link,
.aimeos .sort a:visited {
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.75rem;
	color: var(--ai-secondary);
}

.aimeos .sort a:hover {
	text-decoration: underline;
}

.aimeos .sort a.active {
	text-decoration: none;
	font-weight: bold;
}

.aimeos .browser {
	display: inline-block;
	white-space: nowrap;
	margin: 0 5%;
}

.aimeos .browser span,
.aimeos .browser a {
	display: inline-block;
	padding: 0.75rem 1rem;
	color: var(--ai-secondary);
	text-align: center;
	text-decoration: none;
}

.aimeos .loading {
	background-image: url(assets/spinner.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.aimeos-spinner {
	background-image: url(assets/spinner.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	z-index: 10000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.aimeos-overlay,
.aimeos-overlay-offscreen {
	background-color: rgba(0, 0, 0, .4);
	position: fixed;
	display: none;
	z-index: 1500;
	height: 100%;
	width: 100%;
	bottom:0;
	right:0;
	left: 0;
	top:0;
}

.aimeos-overlay-offscreen {
	z-index: 1020;
}

.aimeos-overlay.show,
.aimeos-overlay-offscreen.show {
	display: block;
}

.aimeos-container {
	position: absolute;
	z-index: 1501;
	opacity: 1;
	border: 1px solid var(--ai-tertiary);
	background-color: var(--ai-bg);
	max-width: 65rem;
	width: 98%;
	padding: 1%;
}

.aimeos-container .btn-close {
	display: block;
	cursor: pointer;
	margin-inline-start: auto;
}

.content .imagelist-default img {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

/* content-list section */

.back-to-top {
	position: fixed;
	bottom: 2rem;
	right: 1.5rem;
	padding: .25rem;
	cursor: pointer;
	border: none;
	opacity: 0;
	z-index: 999;
	color: var(--ai-bg);
	/*background-color: var(--ai-warning);*/
	background-color: red;
	transform: translateY(100px);
	transition: all 0.5s ease;
	text-decoration: none;
}

.back-to-top .top-icon:before {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 200%;
	content: "\f145";
	vertical-align: middle;
}

.back-to-top:hover {
	/*background-color: var(--ai-warning);*/
	background-color: red;
	color: var(--ai-primary);
}

.back-to-top.show {
	opacity: 1;
	transform: translateY(0);
}

/*---------------------------------- Footer ----------------------------------*/

footer {
	color: var(--ai-bg);     
	background-color: var(--ai-primary);
	padding: 3rem 0;
}

footer .bi{
	margin-right: .5rem;
}

[dir="rtl"] footer .bi {
	margin-inline-start: .5rem;
	margin-right: 0;
}

footer h2 {
	font-size: 1.5rem;
	letter-spacing: 1.5px;
	margin-bottom: 1rem;
}

footer p {
	transition: color .3s;
	margin-bottom: .5rem;
}

footer p a {
	display: inline-block;
	letter-spacing: 1.5px;
	color: var(--ai-bg);
	padding: 0.75rem 0;
}

footer p a:hover {
	color: var(--ai-tertiary);
	transition: color .3s;
	text-decoration: none;
}

footer .logo {
	margin-bottom: 1rem;
	display: block;
}

footer .footer-left,
footer .footer-center,
footer .footer-right{
	text-align: start;
}

.footer-block {
	position: relative;
	margin: 0 auto;
	text-align: start;
	display: inline-block;
	margin-bottom: 3rem;
}

.footer-right .social .facebook:before,
.footer-right .social .twitter:before,
.footer-right .social .instagram:before,
.footer-right .social .youtube:before{
	position: relative;
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 100%;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	background: none;
	border: none;
	margin-right: .5rem;
}

.footer-right .social .facebook:before {
	content:"\f344";
}

.footer-right .social .twitter:before {
	content:"\f5ef";
}

.footer-right .social .instagram:before {
	content:"\f437";
}

.footer-right .social .youtube:before {
	content:"\f62b";
}

@media (min-width:768px) {

	footer .footer-left,
	footer .footer-center,
	footer .footer-right {
		text-align: center;
	}

	.footer-block {
		margin-bottom: 0rem;
	}

}


/* Navbar background */

body {
	background-image: url('data:image/gif;base64,R0lGODdhAQABAIABACgoKP///ywAAAAAAQABAAACAkQBADs=');
	background-repeat: no-repeat;
	background-size: 100% 6rem;
}

body > .content, body .main-section {
	margin-top: 6rem;
}

@media (min-width: 992px) {
	body {
		background-size: 100% 10rem;
	}

	body > .content, body .main-section {
		margin-top: 6rem;
	}
}

/* Navbar */

.navbar {
	padding: 0 1rem;
	color: var(--ai-primary);
	background-color: transparent;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	min-height: 6rem;
    background-color:white;
}

.navbar.scroll {
	padding: 0 1rem;
	background-size: 100% 4rem;
	background-color: var(--ai-primary) !important;	
}

.navbar-collapse {
	justify-content: flex-end;
}

.navbar-nav {
	padding: 0;
}

.navbar-nav .active > .nav-link {
	color: var(--ai-bg) !important;
}

.navbar-nav .dropdown-menu {
	background-color: var(--ai-primary);
	border: 1px solid var(--ai-bg);
	min-width: auto;
}

.navbar-light .navbar-nav .nav-link,
.navbar-default .navbar-nav .nav-link,
.navbar-default-transition .navbar-nav .nav-link,
.navbar-default-transition.navbar-transition .navbar-nav .nav-link {
	color: var(--ai-bg);
	padding: .25rem .5rem;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-default .navbar-nav .nav-link:hover,
.navbar-default-transition .navbar-nav .nav-link:hover,
.navbar-default-transition.navbar-transition .navbar-nav .nav-link:hover {
	color: var(--ai-tertiary);
}

.navbar-nav .dropdown-menu button {
	background: none;
	border: none;
}

@media (max-width:767px) {
	.navbar-brand img {
		width: 120px;
		height: auto;
	}

	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}

	.navbar-expand-md .navbar-toggler {
		display: none;
	}
}

@media (min-width:992px) {
	.navbar {
		min-height: 10rem;
	}

	.navbar .catalog-filter:first-child {
		margin-inline-start: auto;
		margin-inline-end: 0;
	}
}

.navbar .catalog-filter-tree {
	margin-inline-start: auto;
}

.navbar .catalog-filter-tree .category-selected {
	display: none;
}

.navbar .catalog-filter  .catalog-filter-price,
.navbar .catalog-filter  .catalog-filter-supplier,
.navbar .catalog-filter  .catalog-filter-attribute,
.navbar .catalog-filter-search .reset {
	display: none;
}

/*----------------------------- Profile Navbar --------------------------------*/

.navbar-nav .nav-item > .nav-link > span {
	display: none;
}

.navbar-nav .login > .nav-link,
.navbar-nav .register > .nav-link,
.navbar-nav .profile > .nav-link {
	padding: 0.75rem;
}

.navbar-nav .login > .nav-link::before,
.navbar-nav .register > .nav-link::before,
.navbar-nav .profile > .nav-link::before {
	font: normal normal normal 14px/1 bootstrap-icons;
	text-decoration: none;
	font-size: 165%;
	color: var(--ai-bg);
	display: block;
	position: relative;
	text-align: center;
}

.navbar-nav .login > .nav-link::before,
.navbar-nav .profile > .nav-link::before {
	content: "\f4e1";
    color: black;
}

.navbar-nav .login > .nav-link::after {
	display: none;
}

.navbar-nav .register > .nav-link::before {
	content: "\f4dd";
}

.navbar-nav .dropdown-menu,
.navbar-nav .nav-link {
	color: var(--ai-bg);
}

.navbar-nav .dropdown-item:focus, .dropdown-item:hover {
	background-color: var(--ai-secondary);
 }


/* Product */

.aimeos:not(.cms-page) .product-list .product {
	display: flex;
	flex-direction: column;
	color: var(--ai-primary);
	vertical-align: top;
	position: relative;
	text-align: end;
	margin: 2rem 1%;
}

.aimeos:not(.cms-page) .product-list .product {
	width: 48%;
}

@media (min-width: 576px) {
	.aimeos:not(.cms-page) .product-list .product {
		width: 31.333%;
	}
}

@media (min-width: 1200px) {
	.aimeos:not(.cms-page) .product-list .product {
		width: 23%;
	}
}

.aimeos .product {
	color: var(--ai-primary);
}

.aimeos .product .badges {
	position: absolute;
	text-align: start;
	z-index: 2;
}

.aimeos .product .badge-item {
	letter-spacing: 1.5px;
	padding: .1rem .5rem;
	font-size: 100%;
	display: none;
}

.aimeos .product.new .badge-item.new {
	background-color: var(--ai-primary);
	display: block;
}

.aimeos .product.sale .badge-item.sale {
	background-color: var(--ai-danger);
	display: inline-block;
	padding: .1rem .5rem;
	font-weight: bold;
}

/* product media */

.aimeos .product .swiffy-slider {
	--swiffy-slider-item-ratio: var(--ai-product-image-ratio);
}

.aimeos .list .product .media-list .media-item:first-of-type,
.aimeos .product-list .media-list .media-item:first-of-type {
	z-index: 1;
	opacity: 1;
	transition: opacity .3s linear;
}

.aimeos .list .product .media-list.multiple:hover .media-item:first-of-type,
.aimeos .product-list .media-list.multiple:hover .media-item:first-of-type {
	transition: opacity .3s linear;
	opacity: 0;
}

.aimeos .list .product div.list-column:first-of-type .media-list,
.aimeos .product-list div.list-column:first-of-type .media-list {
	padding-top: calc( 100% / (var(--ai-product-image-ratio)));
	position: relative;
	display: block;
	content: "";
}

.aimeos .list .product div.list-column:first-of-type .media-item,
.aimeos .product-list div.list-column:first-of-type .media-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

.aimeos .list .product div.list-column:first-of-type .media-item > img,
.aimeos .product-list div.list-column:first-of-type .media-item > img {
	max-height: 100%;
	width: 100%;
}

/* ratings + supplier */

.aimeos .product .product-info {
	display: flex;
	margin-top: 0.5rem;
	justify-content: space-between;
}

.aimeos .product .rating {
	margin-inline-start: auto;
	display: block;
}

.aimeos .product .catalog-detail-basic .rating {
	text-align: start;
	line-height: 1;
}

.aimeos .product .stars {
	color: var(--ai-secondary);
	position: relative;
	display: inline-block;
}

/* price list */

.aimeos .product .price-item {
	display: none;
}

.aimeos .product .price-item:first-of-type {
	display: block;
	font-weight: bold;
}

.aimeos .product .price-item:first-of-type .original {
	text-decoration: line-through;
	color: var(--ai-danger);
	font-size: 75%;
}

.aimeos .product .price-item:first-of-type .quantity,
.aimeos .product .price-item:first-of-type .original,
.aimeos .product .price-item:first-of-type .rebate,
.aimeos .product .price-item:first-of-type .costs,
.aimeos .product .price-item:first-of-type .taxrate {
	display: none;
}

.aimeos .product .price-item .rebatepercent {
	position: absolute;
	display: inline-block;
	background-color: var(--ai-danger);
	color: var(--ai-bg);
	padding: 0.2rem 2%;
	z-index: 2;
	right: 0;
	top: 0;
	line-height: 1;
}

[dir="rtl"] .aimeos .product .price-item .rebatepercent {
	right: unset;
	left: 0;
}

.aimeos .product .price-item.default .value {
	font-size: 140%;
	font-weight: 600;
	line-height: 1;
}

/* text list */

.aimeos .product a {
	text-decoration: none;
}

.aimeos .product a:focus {
	outline: none;
}

.aimeos .product .text-list {
	display: block;
	color: var(--ai-secondary);
	margin-top: 0.5rem;
	overflow: hidden;
}

.aimeos .product .text-list .name,
.aimeos .product .text-list .text-item {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1;
}

.aimeos .product .text-list .text-item {
	margin: 0.5rem 0;
}

.aimeos .product .text-list .name {
	font-size: 110%;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
}

.aimeos .product .price-list {
	display: inline-block;
	box-sizing: content-box;
	margin-inline-start: auto;
}

/* Stock level */

.aimeos .product .stock-list {
	display: inline-block;
	margin: 0 1rem;
}

.aimeos .product .stockitem {
	display: none;
}

.aimeos .product .stock-actual .stockitem {
	display: inline-block;
}

.aimeos .product .stocklevel {
	display: inline-block;
	border-radius: var(--ai-radius-round);
	margin-top: 0;
	height: 1rem;
	width: 1rem;
}

.aimeos .product .stocktext {
	display: none;
}

.aimeos .product .stock-unlimited .stocklevel,
.aimeos .product .stock-high .stocklevel {
	background-color: var(--ai-success);
}

.aimeos .product .stock-low .stocklevel {
	background-color: var(--ai-warning);
}

.aimeos .product .stock-out .stocklevel {
	background-color: var(--ai-danger);
}

.aimeos .product .addbasket .input-group {
	text-align: center;
}

.aimeos .product .addbasket input {
	border: 1px solid var(--ai-secondary);
	text-align: center;
	width: 4rem;
	margin: 0;
}

.aimeos .product .addbasket button {
	margin: 0;
}


/* UPAVENE */

body {
	font-family: "Montserrat"/**,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif*/;
	font-size: 1rem;
/*	font-weight: 400;*/
	line-height: 1.5;
	text-align: start;
	color: var(--ai-primary);
	background-color: var(--ai-bg);
}

.content {
	background-color: var(--ai-bg);
}

footer {
	color: var(--ai-primary);     
	background-color: var(--ai-bg);
	padding: 3rem 0;
}

footer p a {
	color: var(--ai-primary);

}


.aimeos .form-control,
.aimeos .form-select {
	border: 1px solid var( --ai-primary );
	border-radius: var(--ai-radius);
	background-color: var(--ai-content-bg);
	color: var(--ai-content-primary);
	box-shadow: none;
	letter-spacing: 1.5px;
	padding: 0.6rem 0.75rem;
}

.navbar {
	padding: 0 1rem;
	color: var(--ai-primary);
	background-color: transparent;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	/*min-height: 16rem;*/
	min-height: 6rem;
}

.navbar.scroll {
	padding: 0 1rem;
	background-size: 100% 4rem;
	/*background-color: var(--ai-bg) !important;*/
	background-color: black !important;
}

.navbar.scroll.navbar-background {
	background-color: var(--ai-bg);
}

.aimeos .btn-primary,
.aimeos .btn-primary:visited {
	background-color: var(--ai-bg);
	border: 1px solid var(--ai-primary);
	color: var(--ai-primary);
	letter-spacing: 1.5px;
}

.aimeos .btn-primary:hover,
.aimeos .btn-primary:active,
.aimprirazka
.aimeos .btn-primary:focus,
.aimeos .btn-primary:not(:disabled):not(.disabled):active{
	color: var(--ai-content-primary);
	border: 1px solid var(--ai-primary);
	background-color: var(--ai-primary);
}



.aimeos, .aimeos h1, .aimeos h2, .aimeos h3, .aimeos h4 {
    font-weight: normal;
    /*font-weight: 700;*/
    font-size: 100%;
   /* color: var(--ai-content-primary);*/
}

 .pergoline-summary-panel > .aimeos, 
 .pergoline-summary-panel > .aimeos h1, 
 .pergoline-summary-panel > .aimeos h2,
 .pergoline-summary-panel > .aimeos h3, 
 .pergoline-summary-panel > .aimeos h4 {
    font-weight: normal;
    font-size: 100%;
    color: var(--ai-content-primary);
}

.pergoline-summary-panel > h1 
{
    font-weight: normal;
    font-size: 100%;
    color: var(--ai-content-primary);
}

.pergoline-summary-panel > h2
{
    font-weight: normal;
    font-size: 100%;
    color: var(--ai-content-primary);
}

.pergoline-summary-panel > h3 
{
    font-weight: normal;
    font-size: 100%;
    color: var(--ai-content-primary);
}

.pergoline-summary-panel > h4 
{
    font-weight: normal;
    font-size: 100%;
    color: var(--ai-content-primary);
}

.pergoline-summary-panel > .aimeos a {
    color: var(--ai-content-primary);
    text-decoration: none;
}


.pergoline-summary-link {
	color: var(--ai-primary);
	text-decoration: none;
}

.aimeos .info-list {
	color: white;
	padding: 0.5rem;
	margin-bottom: 2rem;
	list-style: none;
}

footer p a {
	padding: 5px;
}

body > .content, body .main-section {
	/*margin-top: 16rem;*/
	margin-top: 4rem;
}


@media (min-width: 992px) {

	body {
		background-size: 100% 10rem;
	}

	body > .content:has(.navbar-scroll)/*, body .main-section*/ {
		/*margin-top: 20rem;*/
	}

	
	
}


/* NOVE */
.content-container {
	padding: 32px;
	background-color: var(--ai-content-bg);
	color: var(--ai-content-primary);
}

.content-disabled {
	/*pointer-events: none;*/
    top: 0px;
    left: 0px;
    position: fixed;
	height:100%;
	width:100%;
	background-color: black;
	opacity: 0.7;
	z-index:999;
	display:none;
}

.content-disabled.show {
	display: block;
}	


h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat"/*,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif*/;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

/* source: default/account-basket.css */
.account-basket {
	padding: 2rem 0;
}

.account-basket .header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-basket .basket-item {
	border: 1px solid var(--ai-tertiary);
	padding: 1rem;
	margin: 1rem;
}

.account-basket .basket-basic .name {
	font-weight: bold;
}

.account-basket .basket-basic .value {
	text-transform: none;
}

.account-basket .name:after {
	content: ": ";
}

.account-basket .action {
	margin-top: 0.5rem;
}

.account-basket .action .btn {
	border: 1px solid var(--ai-secondary);
	display: block;
	width: 100%;
	max-width: 6rem;
	margin: auto;
}

.account-basket-detail {
	padding-top: 1rem;
	display: none;
}

.account-basket-detail a:hover {
	text-decoration: underline;
}

.account-basket-detail h2 {
	margin: 0.5rem 0;
}

.account-basket-detail h3 {
	display: inline-block;
	font-size: 1rem;
	margin: 0;
}

.account-basket-detail li.attr-item .name,
.account-basket-detail li.attr-item .value {
	min-width: 0;
}

/* source: default/account-favorite.css */
.account-favorite {
	padding: 2rem 0;
}

.account-favorite .header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-favorite .favorite-items {
	display: flex;
	justify-content: center;
}

.account-favorite .favorite-item {
	position: relative;
	text-align: end;
	width: 180px;
	margin: 1%;
}

.account-favorite .name {
	margin-top: 0.75rem;
}

.account-favorite .price-list .rebatepercent {
	display: none;
}

.account-favorite form.delete {
	position: absolute;
	left: 0;
	top: 0;
}

.account-favorite .minibutton.delete {
	color: var(--ai-secondary);
	background-color: var(--ai-bg);
	padding: .5rem 0.75rem;
	z-index: 5;
}

.account-favorite .media-item > img {
	width: 100%;
}

/* source: default/account-history.css */
.account-history {
	padding: 2rem 0;
}

.account-history .header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-history .history-item {
	border: 1px solid var(--ai-tertiary);
	padding: 1rem;
	margin: 1rem;
}

.account-history .order-basic {
	font-weight: bold;
}

.account-history .name:after {
	content: ": ";
}

.account-history .action {
	margin-top: 0.5rem;
}

.account-history .action .btn {
	border: 1px solid var(--ai-secondary);
	display: block;
	width: 100%;
	max-width: 6rem;
	margin: auto;
}

.account-history-detail {
	padding-top: 1rem;
	display: none;
}

.account-history-detail a:hover {
	text-decoration: underline;
}

.account-history-detail h2 {
	margin: 0.5rem 0;
}

.account-history-detail h3 {
	display: inline-block;
	font-size: 1rem;
	margin: 0;
}

.account-history-detail li.attr-item .name,
.account-history-detail li.attr-item .value {
	min-width: 0;
}

/* source: default/account-profile.css */
.account-profile {
	padding: 2rem 0;
}

.account-profile h2.header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-profile .account-profile-address form {
	margin: 1rem;
}

.account-profile .account-salutation {
	padding: 4rem 0 1.5rem;
	margin-bottom: 3rem;
	border-bottom: 1px solid var(--ai-secondary-dark);
	display: flex;
	align-items: center;
}

.account-profile .account-salutation .header.profile {
	font-size: 180%;
	margin: 0 2rem 0 1rem;
	font-weight: 600;
}

.account-profile .profile-salutation {
	margin: 0;
}

.account-profile .profile-salutation .logout {
	margin-left: 1rem;
}

.account-profile .profile-salutation::before {
	content: "\f4e1";
	font: normal normal normal 14px/1 bootstrap-icons;
	text-decoration: none;
	font-size: 165%;
	color: var(--ai-primary-dark);
	display: inline-block;
	position: relative;
	text-align: center;
	border: 1px solid var(--ai-primary-dark);
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: .5rem;
}

.account-profile .account-salutation .btn {
	margin: 0 1rem 0 auto;
}

.account-profile-address h3 {
	margin: 0.5rem 1rem;
}

.account-profile-address .address-item {
	border: 1px solid var(--ai-tertiary);
	border-radius: 0;
	margin: 0.5rem 0;
	padding: 1%;
}

.account-profile-address .header {
	justify-content: space-between;
	display: flex;
	padding: 1rem;
}

.account-profile-address .header .act-show:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f4cb";
	font-size: 130%;
}

.account-profile-address .header .act-hide:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f62a";
	font-size: 130%;
}

.account-profile .form-list .error,
.account-profile .form-list .error a {
	color: var(--ai-danger);
}

.account-profile .form-list .error input,
.account-profile .form-list .error select {
	border: 1px solid var(--ai-danger);
}

.account-profile .form-item.mandatory label {
	font-weight: bold;
}

.account-profile .form-item label {
	margin: 0.875rem 0;
}

.account-profile .form-item .form-control {
	margin: 0.5rem 0;
}

/* source: default/account-review.css */
.account-review {
	padding: 2rem 0;
}

.account-review .header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-review .review-item {
	padding: 1rem;
}

.account-review .col-md-6 {
	padding-top: 1rem;
}

.account-review .review-image {
	max-width: 100%;
	max-height: 10rem;
}

.account-review .review-rating input {
	vertical-align: middle;
}

.account-review .review-rating input:checked ~ label {
	color: var(--ai-primary);
}

.account-review .review-comment {
	width: 100%;
	height: 8.5rem;
	padding: 0.5rem;
	border: 1px solid var(--ai-tertiary);
}

.account-review .btn {
	display: block;
	margin: 1rem auto;
}

/* source: default/account-subscription.css */
.account-subscription {
	padding: 2rem 0;
}

.account-subscription .header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-subscription .subscription-item {
	border: 1px solid var(--ai-tertiary);
	padding: 1rem;
	margin: 1rem;
}

.account-subscription .name:after {
	content: ": ";
}

.account-subscription .subscription-basic {
	font-weight: bold;
}

.account-subscription .action {
	margin-top: 0.5rem;
}

.account-subscription .action .btn {
	border: 1px solid var(--ai-secondary);
	display: block;
	width: 100%;
	max-width: 6rem;
	margin: auto;
}

.account-subscription-detail {
	padding-top: 1rem;
	display: none;
}

.account-subscription-detail a:hover {
	text-decoration: underline;
}

.account-subscription-detail h2 {
	margin: 0.5rem 0;
}

.account-subscription-detail h3 {
	display: inline-block;
	font-size: 1rem;
	margin: 0;
}

.account-subscription-detail .attr-item .name,
.account-subscription-detail .attr-item .value {
	min-width: 0;
}

/* source: default/account-watch.css */
.account-watch {
	padding: 2rem 0;
}

.account-watch .header {
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.account-watch form.delete {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.account-watch .minibutton.delete {
	background-color: var(--ai-bg);
	padding: .5rem 0.75rem;
	z-index: 5;
}

.account-watch .watch-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.account-watch .product.watch-item {
	position: relative;
	flex-direction: row;
	display: flex;
	min-width: 180px;
	max-width: 360px;
	width: 100%;
	margin: 1%;
}

.account-watch .watch-basic {
	margin: 1%;
	position: relative;
	display: inline-block;
	max-width: 50%;
  }

.aimeos .product.watch-item .price-item .rebatepercent {
	position: absolute;
}

.account-watch .name {
	margin-top: 0.75rem;
}

.account-watch .watch-details {
	display: inline-block;
	text-align: center;
	max-width: 180px;
	min-width: 120px;
	margin: 1%;
}

.account-watch .btn,
.account-watch .form-list label,
.account-watch .form-list input,
.account-watch .form-list select {
	width: 100%;
}

/* source: default/basket-bulk.css */
/* Basket bulk order */

.basket-bulk {
	margin: 2rem 0;
}

.basket-bulk .headline,
.basket-bulk .bulk-content .details {
	border-bottom: 1px solid var(--ai-secondary);
}

.basket-bulk .row {
	align-items: center;
}

.basket-bulk .headline {
	background-color: var(--ai-bg-light);
	font-weight: bold;
	font-size: 115%;
}

.basket-bulk .quantity,
.basket-bulk .quantity input {
	text-align: center;
}

.basket-bulk .price {
	text-align: end;
}

.basket-bulk .product,
.basket-bulk .price {
	padding: 0 .75rem;
}

.basket-bulk .buttons {
	text-align: center;
}


/* JS autocomplete */

.autocomplete {
	z-index: 1050;
	overflow: auto;
	box-sizing: border-box;
	border: 1px solid var(--ai-secondary);
	background-color: var(--ai-bg);
}

.autocomplete > div {
	padding: 0.25rem;
}

.autocomplete .group {
	background-color: var(--ai-bg-light);
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
	cursor: pointer;
	background-color: var(--ai-tertiary);
}

/* source: default/basket-mini.css */
/* Mini basket */

.basket-mini .row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}

.basket-mini .menu {
	position: relative;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	cursor: pointer;
	padding: .75rem;
	line-height: 1;
	text-align: end;
}

.basket-mini .menu:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f180";
	font-size: 150%;
	//color: var(--ai-bg);
    color: black;
}

.basket-mini-main {
	border-radius: 50%;
	transition: background-color .5s, box-shadow .5s;
}

.basket-mini-main.highlight {
	background-color: var(--ai-tertiary);
	box-shadow: 0px 0px 10px 15px var(--ai-tertiary);
	transition: background-color .5s, box-shadow .5s;
}

.basket-mini-main .quantity {
	background-color: var(--ai-warning);
	color: var(--ai-primary);
	position: absolute;
	top: 0.1rem;
	right: 0.1rem;
	font-size: 75%;
	border-radius: var(--ai-radius-round);
	padding: 0.15rem 0.3rem;
}

.basket-mini-main .value {
	display: none;
}

/* Offscreen menu */

.basket-mini .zeynep  {
	position: fixed;
	top: 0;
	bottom: 0;
	right: -20rem;
	left: unset;
	width: 20rem;
	z-index: 1032;
	pointer-events: none;
	background-color: var(--ai-bg);
	-webkit-overflow-scrolling: touch;
	transition: transform .25s;
	overflow: hidden auto;
}

[dir="rtl"] .basket-mini .zeynep {
	left: -20rem;
	right: unset;
}

.basket-mini .zeynep.opened {
	transform: translateX(-20rem);
	pointer-events: auto;
}

[dir="rtl"] .basket-mini .zeynep.opened {
	transform: translateX(20rem);
	pointer-events: auto;
}

.basket-mini .zeynep .header {
	display: flex;
	flex-direction: row-reverse;
	background-color: var(--ai-secondary);
	color: var(--ai-bg);
}

.basket-mini .zeynep .header .close,
.basket-mini .zeynep .header .close:hover,
.basket-mini .zeynep .header .name {
	line-height: var(--bs-body-line-height);
	color: var(--ai-bg);
	text-align: center;
	font-size: 125%;
	cursor: pointer;
	padding: .5rem;
}

.basket-mini .zeynep .header .name {
	cursor: auto;
}

.basket-mini .close::before {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f659";
}

/* Basket content */

.basket-mini-product {
	text-align: center;
}

.basket-mini-product .name {
	text-align: start;
}

.basket-mini-product .price {
	white-space: nowrap;
	text-align: end;
}

.basket-mini-product .basket {
	margin: 1rem;
}

.basket-mini-product .basket-header,
.basket-mini-product .total {
	font-weight: bold;
}

.basket-mini-product .basket-header,
.basket-mini-product .product {
	border-bottom: 1px solid var(--ai-secondary);
}

.basket-mini-product .basket .row {
	padding: 0.5rem;
}

.basket-mini-product .delete {
	padding: 0.5rem;
}

.basket-mini-product .total {
	background-color: var(--ai-tertiary);
	background-color: var(--ai-bg-light, var(--ai-tertiary));
}

.basket-mini-product .delete:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f5de";
}

.basket-mini-product .delivery .name:before {
	content: "+ ";
}

.basket-mini-product .total .name:before {
	content: "= ";
}

.basket-mini-product .to-basket {
	margin: 2rem 0;
}

.basket-mini-product .btn-primary {
	display: block;
	margin: auto;
}

/* source: default/basket-related.css */
/* Related products to basket */

.basket-related {
	margin: 2rem 0;
}

.basket-related-bought .header {
	border-bottom: 1px solid var(--ai-secondary);
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
}

.basket-related h1 {
	display: none;
}

/* source: default/basket-standard.css */
/* Standard basket */

.basket-standard {
	padding: 2rem 0;
}

.basket-standard .header {
	align-items: center;
	padding: 0 1rem;
}

.basket-standard .header h1 {
	margin: 0;
}

.basket-standard .basket-save.input-group {
    border-bottom: 1px solid var(--ai-secondary);
	width: auto;
}

.basket-standard .basket-save .basket-name {
	border: none;
}

.basket-standard .basket-save .btn {
	font-weight: bold;
	font-size: 110%;
	border: none;
	width: 8rem;
}

.basket-standard-main {
	border: 1px solid var(--ai-tertiary);
	padding: 1rem;
	margin: 0;
}

.basket-standard-main quantity a,
.basket-standard-main action a {
	text-decoration: none;
}

.basket-standard-coupon {
	padding: 1rem !important;
	align-items: center;
	text-align: center;
	margin: 0;
}

.basket-standard-coupon .header h2 {
	font-size: 1rem;
	margin: 10px 0;
}

.basket-standard-coupon .coupon-detail {
	align-items: center;
}

.basket-standard-coupon .attr-item .coupon-code,
.basket-standard-coupon .attr-item .change {
	font-weight: bold;
	font-size: 133%;
	padding: 0.5rem;
}

.basket-standard-coupon .btn-primary,
.basket-standard-coupon .btn-primary:hover {
	background: none;
	border: none;
	color: var(--ai-primary);
	font-weight: bold;
	font-size: 110%;
}

.basket-standard-coupon .input-group {
	border-bottom: 1px solid var(--ai-secondary);
}

.basket-standard-coupon .coupon-new .btn {
	width: 8rem;
}

.basket-standard-coupon .coupon-new .coupon-code {
	width: calc(100% - 8rem);
	border: none;
}

.basket-standard-coupon .coupon-detail {
	font-size: 125%;
}

.basket-standard-coupon .coupon-detail .name {
	text-align: start;
	padding: 0 0.75rem;
}

.basket-standard-coupon .coupon-detail .coupon-codes {
	text-align: end;
}

.basket-standard-coupon .minibutton.delete:after {
	display: inline-block;
}

/* source: default/catalog-detail.css */
/* Product navigator */

.catalog-detail-navigator {
	text-align: end;
	display: block;
	font-size: 90%;
	margin: 0.5rem;
	padding: 0;
}

.catalog-detail-navigator a,
.catalog-detail-navigator a:focus,
.catalog-detail-navigator a:hover {
	text-decoration: none;
	display: inline-block;
	padding: 0.75rem 0.5rem;
	margin: 0.5rem 0;
}

.catalog-detail-navigator a {
	border-inline-end: 1px solid var(--ai-primary);
}

.catalog-detail-navigator a:last-of-type {
	border: none;
}

.catalog-detail-navigator a.prev:before,
.catalog-detail-navigator a.next:after {
	font: normal normal normal 16px/1 bootstrap-icons;
	vertical-align: text-bottom;
	white-space: pre;
}

.catalog-detail-navigator a.prev:before {
	content: '\f129   ';
}

.catalog-detail-navigator a.next:after {
	content: '   \f133';
}

[dir="rtl"] .catalog-detail-navigator a.prev:before {
	content: '\f133   ';
}

[dir="rtl"] .catalog-detail-navigator a.next:after {
	content: '   \f129';
}


/* Product details */

.catalog-detail .product {
	position: relative;
}

.catalog-detail .header {
	border-bottom: 1px solid var(--ai-secondary);
	text-transform: uppercase;
	text-align: start;
	font-weight: normal;
	padding: 0.5rem 1rem;
	color: var(--ai-secondary);
}

.catalog-detail .product .price-list .rebate {
	display: none;
}

.catalog-detail table > tbody > tr > td,
.catalog-detail table > tfoot > tr > td {
	color: var(--ai-secondary);
	border: none;
}

.catalog-detail tbody tr {
	border-bottom: 1px solid var(--ai-tertiary);
}

/*
.catalog-detail tbody tr:last-child {
	border-bottom: 1px solid var(--ai-secondary);
}
  */

/* Product detail, social section / action buttons */

.catalog-detail .catalog-detail-actions {
	justify-content: space-between;
	flex-wrap: wrap;
	display: flex;
}

.catalog-detail .catalog-actions,
.catalog-detail .catalog-social {
	display: inline-flex;
	list-style: none;
	margin: .5rem 0;
	padding: 0;
}

.catalog-detail .catalog-social .social-button,
.catalog-detail .catalog-actions .actions-button {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 175%;
	display: inline-block;
	text-decoration: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	color: var(--ai-secondary-dark);
}

.catalog-detail .catalog-social .social-button:hover,
.catalog-detail .catalog-actions .actions-button:hover {
	color: var(--ai-primary-light);
}

.catalog-detail .catalog-social .social-button:before,
.catalog-detail .catalog-actions .actions-button:before {
	display: inline-block;
	padding: 0.625rem;
}

.catalog-detail .catalog-social .social-button-facebook:before {
	content: "\f344";
}

.catalog-detail .catalog-social .social-button-whatsapp:before {
	content: "\f618";
}

.catalog-detail .catalog-social .social-button-twitter:before {
	content: "\f5ef";
}

.catalog-detail .catalog-social .social-button-pinterest:before {
	content: "\f663";
}

.catalog-detail .catalog-actions form {
	display: inline-block;
}

.catalog-detail .catalog-actions .actions-button-favorite:before {
	content: "\f417";
}

.catalog-detail .catalog-actions .actions-button-pin:before {
	content: "\f4eb";
}

.catalog-detail .catalog-actions .actions-button-watch:before {
	content: "\f341";
}


/* Product detail, basic section */

.catalog-detail-basic h1.name {
	text-transform: uppercase;
	font-size: 125%;
	color: var(--ai-secondary);
	margin: 0;
	padding: 0;
	padding-bottom: 0.5rem;
}

.catalog-detail-basic .supplier {
	margin: 0rem 0 1rem;
	text-align: start;
}

.catalog-detail-basic .supplier,
.catalog-detail-basic .site,
.catalog-detail-basic .code {
	font-size: 80%;
}

.catalog-detail-basic .short {
	display: none;
}

@media (max-width: 480px) {
	.catalog-detail-basic {
		clear: both;
	}
}


/* Image */

.catalog-detail-image {
	margin-bottom: 2rem;
}

.catalog-detail-image .pswp video {
	max-width: 100%;
	max-height: 100%;
	position: relative;
}

.catalog-detail-image .thumbs {
	--swiffy-slider-item-count: 4;
	margin-top: 1rem;
}

/* Product detail, basket section */

.catalog-detail-basket {
	margin: 1rem 0;
}

.catalog-detail-basket .price-list {
	display: none;
	color: var(--ai-secondary);
}

.catalog-detail-basket .price {
	display: none;
}

.catalog-detail-basket .price-actual {
	display: inline-block;
}

.catalog-detail-basket .price-item:first-of-type {
	display: block;
	font-size: 100%;
	font-weight: bold;
}

.catalog-detail-basket .price-item:first-of-type {
	display: block;
	cursor: pointer;
}

.catalog-detail-basket .price-item:first-of-type:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f282";
}

.catalog-detail-basket .price-item.toggle-js:first-of-type:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f286";
}

.catalog-detail-basket .price-item:last-of-type:after {
	content: "";
}

.catalog-detail-basket .price-item .quantity,
.catalog-detail-basket .price-item .original,
.catalog-detail-basket .price-item .value,
.catalog-detail-basket .price-item .costs,
.catalog-detail-basket .price-item .rebate,
.catalog-detail-basket .price-item .taxrate {
	vertical-align: baseline;
	display: inline-block;
	margin: 0.25rem 0;
	min-width: 4rem;
}

.catalog-detail-basket .price-item .original {
	text-decoration: line-through;
	color: var(--ai-danger);
}

.catalog-detail-basket .price-item .rebatepercent {
	min-width: auto;
	position: relative;
	vertical-align: middle;
	margin-bottom: .3rem;
}

.catalog-detail-basket .price-item:first-of-type .taxrate {
	display: inline-block;
	padding: 0 1rem;
}

.catalog-detail-basket .price-item:first-of-type .quantity,
.catalog-detail-basket .price-item .original,
.catalog-detail-basket .price-item .rebate,
.catalog-detail-basket .price-item .taxrate {
	display: none;
}

.catalog-detail-basket .price-item .taxrate {
	font-size: 80%;
}

/* product group section */

.catalog-detail-basket-selection .selection .select-media,
.catalog-detail-basket-selection .selection .select-name,
.catalog-detail-basket-selection .selection .select-attr,
.catalog-detail-basket-selection .selection .select-stock,
.catalog-detail-basket-selection .selection .select-quantity {
	overflow: hidden;
}

.catalog-detail-basket-selection .selection .select-stock {
	text-align: center;
}

.catalog-detail-basket-selection .selection .select-quantity input[type=number] {
	max-width: 4rem;
	width: 100%;
}

/* add to basket */

.catalog-detail-basket .addbasket {
	margin-top: 1rem;
}

.catalog-detail-basket .addbasket .input-group {
	margin: auto;
}

.catalog-detail-basket .addbasket .btn-action {
	width: calc(100% - 4rem);
}

/* Selection area */

.catalog-detail-basket .selection .row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
  }

.catalog-detail-basket .selection,
.catalog-detail-basket .attribute {
	margin: 1.5rem 0;
}

.catalog-detail-basket .selection,
.catalog-detail-basket .attribute {
	color: var(--ai-secondary);
	width: 100%;
	padding: 0;
}

.catalog-detail-basket .selection,
.catalog-detail-basket .attribute {
	padding: 0;
}

.catalog-detail-basket .select-stock .stockitem,
.catalog-detail-basket .select-stock .stocklevel {
	display: inline-block;
	vertical-align: middle;
}

.catalog-detail-basket .select-stock .stocktext {
	display: none;
}

.catalog-detail-basket .select-quantity {
	text-align: center;
}

.catalog-detail-basket .select-item {
	margin-top: 1rem;
	list-style: none;
	padding: 0;
}

.catalog-detail-basket .catalog-detail-basket-selection .selection div:first-of-type {
	font-weight: bold;
}

.catalog-detail-basket .select-name {
	padding-inline-start: 0;
}

.catalog-detail-basket .select-name h2 {
	padding-top: 0rem;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}

.catalog-detail-basket .select-attr {
	padding: 0 0.5rem;
  }

.catalog-detail-basket .select-item .select-media {
	margin-right: 66.6666666%;
	margin-bottom: 1rem;
}

.aimeos .product .catalog-detail-basket-selection .addbasket button {
	margin: 0;
	width: 100%;
}

.aimeos .product .catalog-detail-basket-selection .stock-list,
.aimeos .product .catalog-detail-basket-selection .catalog-detail-basket-attribute{
	display: none;
}

@media (min-width:992px) {

	.catalog-detail-basket .select-name {
		padding-inline-start: 1rem;
	}

	.catalog-detail-basket .select-name h2 {
		padding-top: 0rem;
		margin-bottom: 0;
		display: inline-block;
		vertical-align: middle;
	}

	.catalog-detail-basket .select-item .select-media {
		margin-right: 0;
		margin-bottom: 0;
	}

}

.catalog-detail-basket .select-hint {
	font-size: 80%;
	min-width: 5rem;
}

.catalog-detail-basket ul.select-list {
	padding: 0;
}

.catalog-detail-basket li.select-entry {
	list-style: none;
}

.catalog-detail-basket .input .select-entry {
	margin: 0.1rem 0;
}

.catalog-detail-basket .radio li.select-entry {
	display: inline-block;
	margin: 0;
}

.catalog-detail-basket .radio input.select-option {
	display: none;
}

.catalog-detail-basket .select-label {
	width: calc(100% - 4rem);
	font-weight: normal;
	margin-bottom: 0;
}

.catalog-detail-basket .color .select-label {
	border: 1px solid var(--ai-bg);
	line-height: 0;
}

.catalog-detail-basket .select-label > span {
	padding: 0 0.25rem;
	min-width: 1.5rem;
}

.catalog-detail-basket .radio .select-label {
	border: 1px solid var(--ai-tertiary);
	padding: 0.525rem;
	text-align: center;
	min-width: 2.5rem;
	width: auto;
}

.catalog-detail-basket .select-option:checked + .select-label {
	border: 1px solid var(--ai-secondary);
	background-color: var(--ai-secondary);
	color: var(--ai-bg);
}

.catalog-detail-basket .select-option:disabled + .select-label {
	opacity: 0.25;
}

.catalog-detail-basket .selection .select-option:disabled + .select-label:after {
	position: absolute;
	content: "";
	width: 2.25rem;
	transform-origin: 0% 0%;
	transform: rotate(135deg);
	border-top: 1px solid var(--ai-secondary);
}

.catalog-detail-basket .selection input[type=number] {
	border-bottom: 1px solid var(--ai-secondary);
	text-align: center;
	padding: 0;
}

.catalog-detail-basket .select-quantity input[type=number] {
	width: 4rem;
	margin: 0 auto;
	border: 1px solid var(--ai-secondary);
}

.catalog-detail-basket .media-item {
	display: inline-block;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.catalog-detail-basket .media-item > img {
	border: none;
	height: 1.3rem;
	width: 1.3rem;
}

.catalog-detail-basket .media-item + span {
	display: none;
}

.catalog-detail-basket .error {
	color: var(--ai-danger);
}

.catalog-detail-basket .error select {
	border: 1px solid var(--ai-danger);
}


/* Product detail, additional section */

.catalog-detail-additional .block {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.catalog-detail-additional .item {
	margin: 1%;
}

/* Hide attributes and properties from sub-products*/

.catalog-detail-additional .subproduct {
	display: none;
}
.catalog-detail-additional .subproduct-actual {
	display: table-row;
}

/* Product detail, additional attributes/properties section */

.catalog-detail-additional table.attributes,
.catalog-detail-additional table.properties {
	margin: 1%;
	width: 98%;
}

.catalog-detail-additional .attributes td,
.catalog-detail-additional .properties td {
	padding: 1%;
	width: 48%;
}

.catalog-detail-additional .attributes .media-list {
	display: inline-block;
}

.catalog-detail-additional .attributes .media-item {
	display: inline-block;
}

.catalog-detail-additional .attributes img {
	height: 1rem;
}

/* Product detail, additional download section */

.catalog-detail-additional .downloads .media-image {
	height: 3rem;
}


/* Supplier information */

.catalog-detail-supplier .supplier-content {
	padding: 1%;
}

.catalog-detail-supplier .supplier-name {
	text-transform: uppercase;
	margin: 1rem 0;
}

.catalog-detail-supplier .media-item {
	display: block;
	float: right;
	margin: 1rem;
}

[dir="rtl"] .catalog-detail-supplier .media-item {
	float: left;
}

.catalog-detail-supplier .media-item img {
	max-width: 400px;
	width: 100%;
}


/* Stock level */

.catalog-detail-basket .stock-list {
	text-align: center;
	padding: 0.5rem 0;
	width: 100%;
}

.catalog-detail-basket .stock-actual .stockitem {
	display: block;
}

.catalog-detail-basket .stocklevel {
	display: none;
}

.catalog-detail-basket .stocktext {
	display: block;
}

.catalog-detail-basket .stock-unlimited,
.catalog-detail-basket .stock-high {
	color: var(--ai-success);
}

.catalog-detail-basket .stock-low {
	color: var(--ai-warning);
}

.catalog-detail-basket .stock-out {
	color: var(--ai-danger);
}

/* Additional section */

.catalog-detail-additional .nav-tabs {
	border-bottom: 1px solid var(--ai-primary);
}

.catalog-detail-additional .nav-tabs .nav-link {
	font-size: 120%;
	text-transform: uppercase;
	color: var(--ai-primary);
	margin-bottom: -1px;
	border: 1px solid transparent;
	border-top-left-radius: var(--ai-radius);
	border-top-right-radius: var(--ai-radius);
	transition: all .3s linear;
}

.catalog-detail-additional .nav-tabs .nav-link.active:not(.btn) {
	color: var(--ai-bg);
	border: 1px solid transparent;
	background-color: var(--ai-primary);
}

.catalog-detail-additional .nav-tabs .nav-link:not(.btn):hover {
	border: 1px solid transparent;
	color: var(--ai-primary);
	background-color: var(--ai-bg-light);
	transition: all .3s linear;
}

.catalog-detail-additional .nav-review .ratings {
	display: inline-block;
	margin-inline-start: .25rem;
	padding: .25rem .4rem;
	font-weight: bold;
	font-size: 75%;
	line-height: 1;
	white-space: nowrap;
	vertical-align: text-bottom;
	border-radius: var(--ai-radius);
	background-color: var(--ai-warning);
	color: var(--ai-primary);
}


/* Rating */

.catalog-detail-additional .rating-dist thead {
	display: none;
}

.catalog-detail-additional progress {
	vertical-align: middle;
	width: 100%;
}

.catalog-detail-additional progress[value] {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	height: 0.25rem;
	background-color: var(--ai-tertiary);
	color: var(--ai-primary);
}

.catalog-detail-additional progress[value]::-webkit-progress-bar {
	background-color: var(--ai-tertiary);
}

.catalog-detail-additional progress::-moz-progress-bar {
	background-color: var(--ai-primary);
}

.catalog-detail-additional progress::-webkit-progress-value {
	background-color: var(--ai-primary);
}

.catalog-detail-basic .rating {
	text-align: start;
}

.catalog-detail-basic .rating-value,
.catalog-detail-basic .ratings {
	display: none;
}

.catalog-detail-additional .rating-numbers {
	margin-bottom: 1rem;
}

.catalog-detail-additional .rating-num {
	font-size: 125%;
	float: left;
}

[dir="rtl"] .catalog-detail-additional .rating-num {
	float: right;
}

.catalog-detail-additional .rating-total {
	font-size: 125%;
	float: right;
}

[dir="rtl"] .catalog-detail-additional .rating-total {
	float: left;
}

.catalog-detail-additional .rating-stars {
	display: none;
}

.catalog-detail-additional .rating-dist {
	vertical-align: middle;
	clear: both;
}

.catalog-detail-additional .rating-label label {
	margin: 0;
}

.catalog-detail-additional .rating-percent {
	padding-inline-start: 0.5rem;
	width: 100%;
}

.catalog-detail-additional .reviews tr,
.catalog-detail-additional .reviews tr:last-child {
	border-bottom: none;
}

.catalog-detail-additional .review-list .sort {
	text-align: end;
	display: block;
	margin: 0 2.5%;
}

.catalog-detail-additional .review-name {
	font-weight: bold;
	padding: 0.5rem 0;
}

.catalog-detail-additional .review-ctime {
	font-size: 80%;
}

.catalog-detail-additional .review-rating {
	font-weight: bold;
	padding: 0.5rem 0;
}

.catalog-detail-additional .review-comment {
	padding: 1rem 0;
}

.catalog-detail-additional .review-response {
	background: var(--ai-bg-light);
	padding: 1rem;
}

.catalog-detail-additional .review-vendor {
	font-size: 80%;
	margin: -0.5rem;
	margin-bottom: 0.5rem;
}

.catalog-detail-additional .review-item {
	border-bottom: 1px solid var(--ai-secondary);
	margin: 1rem;
	max-height: 15rem;
	overflow: hidden;
	position: relative;
}

.catalog-detail-additional .review-show {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 2rem;
	text-align: center;
	background: linear-gradient(0deg, white 0% 50%, transparent);
}

.catalog-detail-additional .review-list .more {
	display: none;
	margin: auto;
}

.catalog-detail-additional .review-list .more.show {
	display: block;
}

/* product suggest, product bought */

.catalog-detail-suggest .supplier,
.catalog-detail-bought .supplier {
	display: none;
}

.catalog-detail-suggest .product .rating,
.catalog-detail-bought .product .rating {
	line-height: 1.5;
}

.catalog-detail-suggest .text-list,
.catalog-detail-bought .text-list {
	text-align: start;
	padding: 0;
}

.catalog-detail-suggest .product .text-item,
.catalog-detail-bought .product .text-item {
	height: 5rem;
	text-align: start;
	display: none;
}

.catalog-detail-suggest .offer,
.catalog-detail-bought .offer {
	text-align: start;
}

.catalog-detail-bought,
.catalog-detail-bundle,
.catalog-detail-suggest {
	padding: 0;
	text-align: center;
	margin: 1rem 0;
}

.catalog-detail-bundle .section,
.catalog-detail-suggest .section,
.catalog-detail-bought .section {
	display: flex;
	justify-content: space-between;
	direction: ltr;
}

.catalog-detail-bought .product,
.catalog-detail-bundle .product,
.catalog-detail-suggest .product {
	vertical-align: top;
	position: relative;
	width: 160px;
	margin: 1%;
	padding: 0;
}

.catalog-detail-bought .media-list,
.catalog-detail-bundle .media-list,
.catalog-detail-suggest .media-list {
	height: 213px;
	width: 160px;
	display: block;
	overflow: hidden;
}

.catalog-detail-bought .media-item,
.catalog-detail-bundle .media-item,
.catalog-detail-suggest .media-item {
	display: block;
	height: 213px;
	width: 160px;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url('assets/default-skin.png') 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url('assets/default-skin.svg')}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#FFF}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(assets/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}

/* source: default/catalog-filter.css */
/* Catalog filter */

@media screen and (min-width: 576px) and (max-width: 991px) {
	aside .catalog-filter form {
		display: flex;
		flex-wrap: wrap;
	}

	aside .catalog-filter .section {
		width: 50%;
	}
}

aside .catalog-filter .section {
	margin-bottom: 1rem;
	border: 1px solid var(--ai-bg-light);
}

.catalog-filter .header-name {
	cursor: pointer;
	font-size: 120%;
	padding: .5rem .75rem ;
	margin: 0;
}

.navbar .catalog-filter .header-name {
	display: none;
}

.catalog-filter-tree .disabled > .cat-item,
.catalog-filter-tree .disabled > .cat-item:link,
.catalog-filter-tree .disabled > .cat-item:visited,
.catalog-filter-supplier .disabled .attr-name,
.catalog-filter-attribute .disabled .attr-name {
	color: var(--ai-tertiary);
}

.catalog-filter-tree .cat-count:before,
.catalog-filter-supplier .attr-count:before,
.catalog-filter-attribute .attr-count:before {
	content: " (";
}

.catalog-filter-tree .cat-count:after,
.catalog-filter-supplier .attr-count:after,
.catalog-filter-attribute .attr-count:after {
	content: ") ";
}

.catalog-filter-attribute .attribute-lists,
.catalog-filter-supplier .supplier-lists,
.catalog-filter-price .price-lists {
	padding: 0.75rem;
}

.catalog-filter-attribute .attribute-lists,
.catalog-filter-supplier .supplier-lists,
.catalog-filter-search .search-lists,
.catalog-filter-price .price-lists {
	display: none;
	z-index: 1;
}

@media (min-width: 992px) {
	.catalog-filter-attribute .attribute-lists,
	.catalog-filter-supplier .supplier-lists,
	.catalog-filter-search .search-lists,
	.catalog-filter-price .price-lists {
		display: block;
	}
}


/* Attribute + Supplier section */

.catalog-filter-attribute label::before,
.catalog-filter-supplier label::before {
	width: 0.75rem;
	height: 0.75rem;
	margin-inline-end: 0.25rem;
}

.catalog-filter-attribute fieldset,
.catalog-filter-supplier fieldset {
	color: var(--ai-secondary);
	background-color: var(--ai-bg);
	font-weight: normal;
	text-align: start;
	display: block;
	border: none;
	width: 100%;
	line-height: 1;
	padding: 0.5rem 0;
}

.catalog-filter-attribute .attribute-lists .attr-item,
.catalog-filter-supplier .supplier-lists .attr-item {
	display: block;
	padding: 0.25rem 0;
	margin-bottom: 1rem;
}

.catalog-filter-attribute .attribute-selected,
.catalog-filter-supplier .supplier-selected {
	display: block;
	margin: 0.5rem 0;
}

.catalog-filter-attribute .supplier-selected .selected-intro:after,
.catalog-filter-attribute .attribute-selected .selected-intro:after {
	content: ":";
}

.catalog-filter-attribute .attribute-selected .minibutton.close,
.catalog-filter-supplier .supplier-selected .minibutton.close {
	border: 1px solid;
	padding: 0.375rem;
	margin: 0.25rem;
}

.catalog-filter-attribute .attribute-selected .minibutton.close:after,
.catalog-filter-attribute .supplier-selected .minibutton.close:after {
	margin-inline-start: .5rem;
	content: "⨯";
}

.catalog-filter-attribute label:before,
.catalog-filter-supplier label:before {
	border: 1px solid var(--ai-secondary);
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	content: "";
	width: 1rem;
	height: 1rem;
	margin-inline-end: 0.25rem;
	vertical-align: middle;
}

.catalog-filter-attribute .media-list,
.catalog-filter-supplier .media-list {
	display: inline-block;
}

.catalog-filter-attribute .media-item img,
.catalog-filter-supplier .media-item img {
	border-radius: var(--ai-radius-round);
	height: 1rem;
	width: 1rem;
}

.catalog-filter-attribute .attr-name,
.catalog-filter-attribute .attr-count,
.catalog-filter-supplier .attr-name,
.catalog-filter-supplier .attr-count {
	font-weight: normal;
	cursor: pointer;
}

.catalog-filter-attribute .attr-name,
.catalog-filter-supplier .attr-name,
.catalog-filter-attribute .attr-name span,
.catalog-filter-supplier .attr-name span {
	vertical-align: middle;
	letter-spacing: 1.5px;
}

.catalog-filter-attribute .attr-count,
.catalog-filter-supplier .attr-count {
	vertical-align: middle;
}

.catalog-filter-attribute input.attr-item,
.catalog-filter-supplier input.attr-item {
	border: 1px solid var(--ai-tertiary);
}

.catalog-filter-attribute input.attr-item[type=checkbox],
.catalog-filter-supplier input.attr-item[type=checkbox] {
	display: none;
}

.catalog-filter-attribute input.attr-item[type=checkbox]:checked + label:before,
.catalog-filter-supplier input.attr-item[type=checkbox]:checked + label:before {
	content: "\2713";
}


/* Attribute section */

.catalog-filter-attribute .fieldsets {
	padding: 0.25rem 0;
}

.catalog-filter-attribute legend {
	cursor: pointer;
	border: none;
	font-size: 110%;
	margin-bottom: .75rem;
	letter-spacing: 1.5px;
}

.catalog-filter-attribute legend:before {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f285";
}

/* Enabled by JS */
.catalog-filter-attribute .attribute-lists fieldset.attr-sets,
.catalog-filter-attribute .attribute-lists fieldset.attr-sets .attr-list {
	display: none;
}


/* catalog supplier section */

.catalog-filter-supplier .supplier-lists .attr-item {
	display: block;
}

.catalog-filter-supplier .supplier-lists .attr-item label {
	display: inline-block;
}


/* price slider */

.catalog-filter-price .btn {
	display: block;
	margin: .5rem auto;
	width: 100%;
	max-width: 12rem;
}

.catalog-filter-price fieldset {
	text-align: center;
}

.catalog-filter-price .price-input {
	margin: 0;
}

.catalog-filter-price .price-low {
	margin-bottom: -0.5rem;
	text-align: center;
	float: left;
}

[dir="rtl"] .catalog-filter-price .price-low {
	float: right;
}

.catalog-filter-price .price-high {
	margin-bottom: -0.5rem;
	text-align: center;
	float: right;
}

[dir="rtl"] .catalog-filter-price .price-high {
	float: left;
}

.catalog-filter-price input[type=range] {
	-webkit-appearance: none;
	margin: 1.5rem 0 .5rem;
	padding: 0.33rem;
	width: 100%;
	border: none;
}

.catalog-filter-price input[type=range]:focus {
	outline: none;
}

.catalog-filter-price input[type=range]::-webkit-slider-runnable-track {
	background-color: var(--ai-tertiary);
	border-radius: var(--ai-radius);
	border: none;
	cursor: ew-resize;
	margin: 1rem 0;
	height: 0.2rem;
	width: 100%;
}

.catalog-filter-price input[type=range]:focus::-webkit-slider-runnable-track {
	background-color: var(--ai-secondary);
}

.catalog-filter-price input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: var(--ai-secondary);
	border-radius: var(--ai-radius);
	cursor: ew-resize;
	height: 1rem;
	width: 1rem;
	margin-top: -0.4rem;
}

.catalog-filter-price input[type=range]::-moz-range-track {
	background-color: var(--ai-tertiary);
	cursor: pointer;
	height: 0.2rem;
	width: 100%;
	border: none;
}

.catalog-filter-price input[type="range"]::-moz-range-progress {
	background-color: var(--ai-secondary);
}

.catalog-filter-price input[type=range]::-moz-range-thumb {
	background-color: var(--ai-secondary);
	border-radius: var(--ai-radius);
	cursor: pointer;
	height: 1rem;
	width: 1rem;
}

.catalog-filter-price input[type=range]::-ms-track {
	cursor: pointer;
	color: transparent;
	background: transparent;
	border-color: transparent;
	border-width: 0;
	height: 0.2rem;
	width: 100%;
}

.catalog-filter-price input[type=range]::-ms-fill-lower {
	background-color: var(--ai-secondary);
	border-radius: var(--ai-radius);
	border: none;
}

.catalog-filter-price input[type=range]::-ms-fill-upper {
	background-color: var(--ai-tertiary);
	border-radius: var(--ai-radius);
	border: none;
}

.catalog-filter-price input[type=range]::-ms-thumb {
	background-color: var(--ai-secondary);
	border-radius: var(--ai-radius);
	border: none;
	cursor: pointer;
	height: 1rem;
	width: 1rem;
}

.catalog-filter-price input[type=range]:focus::-ms-fill-lower {
	background-color: var(--ai-secondary);
}

.catalog-filter-price input[type=range]:focus::-ms-fill-upper {
	background-color: var(--ai-tertiary);
}

.catalog-filter-price .price-high, .catalog-filter-price .price-low {
	font-size: 80%;
	width: 3.75rem;
	padding: .75rem;
	margin-bottom: 0;
}


/* Catalog search section */

.catalog-filter-search .input-group {
	border: 1px solid var(--ai-tertiary);
}

.catalog-filter-search .input-group .btn,
.catalog-filter-search .input-group .btn:hover {
	background: none;
	border: none;
	margin: 0;
	padding: 0.75rem;
	line-height: 1;
	min-width: 3rem;
	width: 15%;
}

.catalog-filter-search .input-group .reset {
	color: var(--ai-tertiary);
}

.catalog-filter-search .input-group .reset .symbol:before {
	content: "⨯";
}

.catalog-filter-search .input-group .value[value=''] + .reset {
	visibility: hidden;
}

.catalog-filter-search .input-group .btn-search:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	content: "\f52a";
	font-size: 130%;
}

.catalog-filter-search .value {
	border: none;
}

.navbar .catalog-filter-search .value {
	position: absolute;
	right: 100%;
	height: 100%;
	background-color: var(--ai-bg);
	min-width: 5rem;
	margin: 0;
}

.navbar .catalog-filter-search .input-group {
	border: none;
	margin: 0;
}

.navbar .catalog-filter-search .input-group > .form-control {
	font-size: 85%;
	z-index: 1024;
}

.navbar .catalog-filter-search .input-group input {
	width: 0;
	padding: 0;
	min-width: 0;
	transition: width .3s;
}

.navbar .catalog-filter-search .input-group:hover input,
.navbar .catalog-filter-search .input-group input:focus {
	padding: .375rem .75rem;
	min-width: available;
	transition: width .3s;
	width: 10rem;
}

.navbar .catalog-filter-search .input-group .btn {
	margin: 0;
}

.navbar .catalog-filter-search .input-group .btn-search {
	color: var(--ai-bg);
}

@media (min-width:768px) {
	.navbar .catalog-filter-search .input-group:hover input,
	.navbar .catalog-filter-search .input-group input:focus {
		width: 15rem;
	}
}


/* JS autocomplete */

.autocomplete {
	z-index: 1050;
	overflow: auto;
	box-sizing: border-box;
	background-color: var(--ai-bg);
	border: 1px solid var(--ai-secondary);
}

.autocomplete > div {
	padding: 0.25rem;
}

.autocomplete .group {
	background-color: var(--ai-bg-light);
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
	cursor: pointer;
	background-color: var(--ai-tertiary);
}

/* Suggested products in autocomplete */

.aimeos.catalog-suggest {
	border-bottom: 1px solid var(--ai-tertiary);
}

.aimeos.catalog-suggest:last-child {
	border: none;
}

.aimeos .suggest-item {
	text-decoration: none;
	padding: 0.5% 2.5%;
	display: table;
	width: 100%;
}

.aimeos .suggest-item .item-name {
	display: inline-block;
	width: calc(80% - 0.5rem);
}

.aimeos .suggest-item .item-price {
	display: inline-block;
}

.aimeos .suggest-item .item-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	float: left;
	width: 20%;
	height: 2.5rem;
	margin-inline-end: 0.5rem;
}

[dir="rtl"] .aimeos .suggest-item .item-image {
	float: right;
}

.aimeos .suggest-item {
	padding: .25rem 1rem;
}

.aimeos.catalog-suggest {
	border-bottom: none;
}

.aimeos a.suggest-item:link:not(.btn),
.aimeos a.suggest-item:visited:not(.btn) {
	color: var(--ai-primary);
	text-decoration: none;
	transition: color .3s;
}

.aimeos a.suggest-item:link:not(.btn):hover,
.aimeos a.suggest-item:visited:not(.btn):hover {
	color: var(--ai-secondary);
	text-decoration: none;
	transition: color .3s;
}


/* Tree section */

.catalog-filter-tree .category-selected {
	display: block;
	margin: auto;
}

.catalog-filter-tree .category-selected .selected-intro:after {
	content: ":";
}

.catalog-filter-tree .category-selected .selected-category {
	border: 1px solid var(--ai-tertiary);
	display: inline-block;
	margin: 0.5rem;
	padding: 0 0.25rem;
}

.catalog-filter-tree .category-selected .selected-category:after {
	content: " ×";
}

.catalog-filter-tree a.cat-link {
	white-space: nowrap;
}


@media (max-width:991px) {
	.catalog-filter-tree .category-selected {
		display: none;
	}
}

.catalog-filter-tree .media-list {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.5rem;
}

.catalog-filter-tree .media-item img {
	height: 1.25rem;
	width: 1.25rem;
}

.catalog-filter-tree .cat-img {
	display: none;
}

.catalog-filter-tree .cat-img .img-menu {
	width: var(--ai-product-image-width);
	max-width: 12rem;
	height: auto;
}

@media (min-width:992px) {

	.catalog-filter-tree .submenu-header {
		display: none;
	}

	.catalog-filter-tree a.cat-link,
	.catalog-filter-tree a.cat-link:link,
	.catalog-filter-tree a.cat-link:visited {
		color: var(--ai-bg);
		letter-spacing: 1.5px;
		border: none;
	}

	.catalog-filter-tree a.cat-link:hover,
	.catalog-filter-tree a.cat-link:link:hover,
	.catalog-filter-tree a.cat-link:visited:hover {
		color: var(--ai-tertiary);
	}

	.catalog-filter-tree .level-1 {
		display: flex;
	}

	.catalog-filter-tree .level-1 > .cat-item > .item-links > .cat-link {
		display: block;
		padding: 1rem;
		width: 100%;
	}

	[dir="ltr"] .catalog-filter-tree .level-1 > .withchild > .cat-link::before {
		font: normal normal normal 14px/1 bootstrap-icons;
		content: "\f285";
		font-size: 80%;
		margin-inline-end: -1rem;
	}

	[dir="rtl"] .catalog-filter-tree .level-1 > .withchild > .cat-link::after {
		font: normal normal normal 14px/1 bootstrap-icons;
		content: "\f284";
		font-size: 80%;
		margin-inline-end: -1rem;
	}

	.catalog-filter-tree .level-1 > .withchild > .submenu {
		position: absolute;
		display: none;
		padding: .5rem 0;
	}

	.catalog-filter-tree .level-1 > .cat-item.hover > .submenu {
		background-color: var(--ai-primary);
		animation: FadeIn .25s ease-in-out;
		min-width: 12rem;
		display: flex;
		z-index: 1;
	}

	.catalog-filter-tree [class*="level-"]:not(.level-1) > .cat-item:last-child {
		margin-bottom: 1rem;
	}

	.catalog-filter-tree .level-2 {
		margin: 0 1rem;
	}

	.catalog-filter-tree .level-2 > .cat-item > .item-links > .cat-link {
		margin-bottom: .25rem;
		font-weight: bold;
		display: block;
	}

	/* MEGAMENU */

	.catalog-filter-tree .megamenu .level-2 {
		break-inside: avoid;
		column-count: 4;
		width: 100%;
	}

	.catalog-filter-tree .megamenu .level-2 > .cat-item {
		break-inside: avoid;
		margin-bottom: 2rem;
		max-width: 15rem;
	}

	.catalog-filter-tree .megamenu .level-3 {
		break-inside: avoid;
	}

	.catalog-filter-tree .megamenu .cat-item.hover > .submenu,
	.catalog-filter-tree .megamenu.cat-item.hover > .submenu {
		padding: 2rem 1rem;
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
		display: flex;
		justify-content: center;
	}

	.catalog-filter-tree .megamenu .cat-img {
		display: block;
	}

}

@media (min-width:1200px) {

	.catalog-filter-tree .megamenu .level-2 {
		column-count: 5;
	}
}

@media (min-width:1400px) {

	.catalog-filter-tree .megamenu .level-2 {
		column-count: 6;
	}
}


/* Tree offscreen menu */

.catalog-filter-tree .menu,
.catalog-filter-tree .header {
	display: none;
}

@media (max-width:991px) {

	.catalog-filter-tree .menu {
		cursor: pointer;
		display: block;
		padding: 0.5rem;
		color: var(--ai-bg) !important;
	}

	.catalog-filter-tree .menu::before {
		line-height: var(--bs-body-line-height) !important;
		font: normal normal normal 14px/1 bootstrap-icons;
		content: "\f479";
		font-size: 175%;
	}

	.catalog-filter-tree .row {
		--bs-gutter-x: 0;
		--bs-gutter-y: 0;
	}

	.catalog-filter-tree .zeynep,
	.catalog-filter-tree .zeynep .submenu {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 20rem;
		z-index: 1031;
		pointer-events: none;
		background-color: var(--ai-bg);
		-webkit-overflow-scrolling: touch;
		transition: transform .25s;
		overflow: hidden auto;
	}

	.catalog-filter-tree .zeynep,
	.catalog-filter-tree .zeynep .submenu {
		left: -20rem;
		right: unset;
	}

	[dir="rtl"] .catalog-filter-tree .zeynep,
	[dir="rtl"] .catalog-filter-tree .zeynep .submenu {
		right: -20rem;
		left: unset;
	}

	.catalog-filter-tree .zeynep.opened,
	.catalog-filter-tree .zeynep.opened .submenu.opened {
		transform: translateX(20rem);
		pointer-events: auto;
	}

	[dir="rtl"] .catalog-filter-tree .zeynep.opened,
	[dir="rtl"] .catalog-filter-tree .zeynep.opened .submenu.opened {
		transform: translateX(-20rem);
		pointer-events: auto;
	}

	.catalog-filter-tree .zeynep .header {
		display: flex;
		color: var(--ai-bg);
		background-color: var(--ai-secondary);
	}

	.catalog-filter-tree .zeynep .next {
		color: var(--ai-primary);
	}

	.catalog-filter-tree .zeynep .back,
	.catalog-filter-tree .zeynep .close,
	.catalog-filter-tree .zeynep .name,
	.catalog-filter-tree .zeynep .next {
		line-height: var(--bs-body-line-height);
		text-align: center;
		font-size: 125%;
		cursor: pointer;
		padding: .5rem;
	}

	.catalog-filter-tree .zeynep .close::before {
		font: normal normal normal 14px/1 bootstrap-icons;
		content: "\f659";
	}

	.catalog-filter-tree .zeynep .back::before {
		font: normal normal normal 14px/1 bootstrap-icons;
		content: "\f284";
	}

	.catalog-filter-tree .zeynep .next:before {
		font: normal normal normal 14px/1 bootstrap-icons;
		content: "\f285";
	}

	[dir="rtl"] .catalog-filter-tree .zeynep .back::before {
		content: "\f285";
	}

	[dir="rtl"] .catalog-filter-tree .zeynep .next:before {
		content: "\f284";
	}

	.catalog-filter-tree .zeynep .next:hover {
		color: var(--ai-tertiary);
	}

	.catalog-filter-tree .zeynep .item-links .name {
		padding: 0.5rem 1rem;
		text-align: start;
	}

	.catalog-filter-tree .zeynep .list-container {
		margin: 1rem 0;
	}

	.catalog-filter-tree .zeynep .cat-img {
		display: flex;
		justify-content: center;
	}

}

/* source: default/catalog-home.css */
/* Catalog home */

.aimeos.catalog-home {
	/*margin-top: calc(-10rem - 80px);*/
	margin-top: 0px;
}

.catalog-home .stage-item {
	background-color: var(--ai-bg);
	color: var(--ai-bg);
	margin: 0;
}

.catalog-home .stage-image {
	/*min-height: 600px;*/
	min-height: 1000px;
	max-height: 1000px;
	object-fit: cover;
	padding: 0;
}

.catalog-home .stage-text {
	position: absolute;
	font-size: 200%;
	margin: 0 5%;
	top: 33%;
	text-align: start;
	color: var(--ai-bg);
}

.catalog-home .stage-text .btn {
	background-color: transparent;
	border-color: var(--ai-bg);
	color: var(--ai-bg);
	border-width: 2px;
	font-weight: normal;
	margin-top: 1rem;
	font-size: 50%;
	width: 12rem;
}

@media (min-width:576px) {
	.catalog-home .stage-text {
		max-width: 66%;
	}
}

@media (min-width:768px) {
	.catalog-home .stage-text {
		max-width: 50%;
		font-size: 225%;
	}
}

@media (min-width:992px) {
	.aimeos.catalog-home {
		margin-top: calc(-17rem - 50px);
	}
	.catalog-home .stage-text {
		max-width: 40%;
	}
}

@media (min-width:1200px) {
	.catalog-home .stage-text {
		max-width: 35%;
		font-size: 250%;
	}
}

/* source: default/catalog-lists.css */
/* slider */

.catalog-list.swiffy-slider {
	--swiffy-slider-snap-align: start;
}

@media (min-width: 520px) {
	.catalog-list.swiffy-slider {
		--swiffy-slider-item-count: 2;
	}
}

@media (min-width: 768px) {
	.catalog-list.swiffy-slider {
		--swiffy-slider-item-count: 3;
	}
}

@media (min-width: 992px) {
	.catalog-list.swiffy-slider {
		--swiffy-slider-item-count: 4;
	}
}

/* Product list */

.catalog-list {
	padding: 0;
}

@media (max-width: 575px) {
	.catalog-list .container-xxl {
		padding-right: 0;
		padding-left: 0;
	}
}

.catalog-list-head,
.catalog-list-footer {
	padding: 1rem .5rem;
	color: var(--ai-secondary);
	letter-spacing: 1.5px;
}

.catalog-list-head h1 {
	font-weight: bold;
	padding: 1rem .25rem;
	letter-spacing: 1.5px;
	margin: 0;
	text-align: center;
}

.catalog-list .list-search {
	font-weight: bold;
}

.catalog-list .searchstring {
	font-size: 133%;
	color: var(--ai-secondary);
}

/* Product list type switcher */

.catalog-list-type {
	text-align: end;
}

.catalog-list-type .type-item {
	display: inline-block;
	padding: 0.75rem;
}

.catalog-list-type a.type-item:link,
.catalog-list-type a.type-item:visited {
	color: var(--ai-secondary);
}

.catalog-list-type .type-grid:after {
	font: normal normal normal 20px/1 bootstrap-icons;
	content: "\f3fc";
}

.catalog-list-type .type-list:after {
	font: normal normal normal 20px/1 bootstrap-icons;
	content: "\f606";
}

/* Promotional products */

.catalog-list-promo {
	text-align: center;
	margin: 2rem 0;
}

.catalog-list-promo .header {
	text-align: start;
	border: 0 none;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 0.5rem;
	color: var(--ai-secondary);
}

.catalog-list-promo {
	white-space: nowrap;
	overflow: auto;
	font-size: 90%;
	padding: 0;
}

.catalog-list-promo .product {
	border: none;
}

/* Regular products */

.aimeos:not(.cms-page) .catalog-list-items:not(.swiffy-slider) {
	display: flex;
	flex-wrap: wrap;
	animation: FadeIn .3s;
}

.catalog-list-items .slider-container {
	overflow-x: hidden;
}

.catalog-list-items .slider-nav::after {
	background-color: var(--ai-secondary);
}

.catalog-list-items.list .product {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: start;
	width: 100%;
}

.catalog-list-items.list .product .list-column {
	position: relative;
	margin: 1%;
	width: 48%;
}

/* product offer part */

.catalog-list .offer {
	margin-top: 0.5rem;
}

.catalog-list .offer .section {
	justify-content: space-between;
	direction: ltr;
	display: flex;
}

/* price list */

.catalog-list-items .price {
	display: none;
}

.catalog-list-items .price-actual {
	display: inline-block;
}

.catalog-list .price-item {
	display: none;
}

.catalog-list-items .price-item:first-of-type {
	display: block;
	font-size: 100%;
	font-weight: bold;
}

/* product attributes */

.catalog-list-items:not(.list) .items-selection,
.catalog-list-items:not(.list) .items-attribute {
	display: none;
}

.catalog-list-items .selection,
.catalog-list-items .attribute {
	color: var(--ai-secondary);
	width: 100%;
	padding: 0;
}

.catalog-list-items .selection,
.catalog-list-items .attribute {
	padding: 0;
}

.catalog-list-items .basket {
	width: 100%;
	direction: unset;
}

.catalog-list-items .basket .items-selection {
	margin-top: 1rem;
}

.catalog-list-items .basket .select-attr {
	width: 25%;
}

.catalog-list-items .basket .select-quantity {
	text-align: center;
	width: 15%;
}

.catalog-list-items .basket .select-item {
	margin-top: 1rem;
	list-style: none;
}

.catalog-list-items .basket .select-name {
	min-width: 5rem;
	font-weight: bold;
}

.catalog-list-items .basket .select-hint {
	font-size: 80%;
	min-width: 5rem;
}

.catalog-list-items .basket ul.select-list {
	padding: 0;
}

.catalog-list-items .basket li.select-entry {
	list-style: none;
}

.catalog-list-items .basket .input .select-entry {
	margin: 0.1rem 0;
}

.catalog-list-items .basket .radio li.select-entry {
	display: inline-block;
	margin: 0;
}

.catalog-list-items .basket .radio input.select-option {
	display: none;
}

.catalog-list-items .basket .select-label {
	width: calc(100% - 4rem);
	font-weight: normal;
	margin-bottom: 0;
}

.catalog-list-items .basket .color .select-label {
	border: 1px solid var(--ai-bg);
	line-height: 0;
}

.catalog-list-items .basket .select-label > span {
	padding: 0 0.25rem;
	min-width: 1.5rem;
}

.catalog-list-items .basket .radio .select-label {
	border: 1px solid var(--ai-tertiary);
	padding: 0.525rem;
	text-align: center;
	min-width: 2.5rem;
	width: auto;
}

.catalog-list-items .basket .select-option:checked + .select-label {
	border: 1px solid var(--ai-secondary);
	background-color: var(--ai-secondary);
	color: var(--ai-bg);
}

.catalog-list-items .basket .select-option:disabled + .select-label {
	opacity: 0.25;
}

.catalog-list-items .selection .select-option:disabled + .select-label:after {
	position: absolute;
	content: "";
	width: 2.25rem;
	transform-origin: 0% 0%;
	transform: rotate(135deg);
	border-top: 1px solid var(--ai-secondary);
}

.catalog-list-items .basket .selection input[type=number] {
	border-bottom: 1px solid var(--ai-secondary);
	text-align: center;
	padding: 0;
}

.catalog-list-items .basket .media-item {
	display: inline-block;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.catalog-list-items .basket .media-item > img {
	border: none;
	height: 1.3rem;
	width: 1.3rem;
}

.catalog-list-items .basket .media-item + span {
	display: none;
}

.catalog-list-items .basket .error {
	color: var(--ai-danger);
}

.catalog-list-items .basket .error select {
	border: 1px solid var(--ai-danger);
}

.catalog-list-items .addbasket {
	margin-top: 1rem;
}

[dir="rtl"] .catalog-list-items .addbasket {
	direction: rtl;
}

.catalog-list-items .addbasket input[type="number"] {
	width: 3rem;
}

.catalog-list-items .addbasket .btn-primary {
	width: calc(100% - 6rem);
	max-width: 100%;
}

.catalog-list-items .addbasket .btn-primary:before {
	font-family: bootstrap-icons;
	content: "\f180";
}

.catalog-list-items .addbasket .btn-pin {
	border: 1px solid var(--ai-primary);
	display: block;
	width: 3rem;
	padding: 0.5rem;
}

.catalog-list-items .addbasket .btn-pin:before {
	font-family: bootstrap-icons;
	vertical-align: middle;
	content: "\f4ea";
}

.catalog-list-items .addbasket .btn-pin.active,
.catalog-list-items .addbasket .btn-primary:hover,
.catalog-list-items .addbasket .btn-pin:hover {
	background-color: var(--ai-warning);
	border-color: var(--ai-warning);
	color: var(--ai-bg) !important;
}

/* source: default/catalog-navbar.css */
/*
 * Custom search-navbar CSS
 */
 
.catalog-navbar-OLD {
  border: 3px;
  /*height: 200px;*/
  padding:10px;
  display: initial;
}

.catalog-navbar {
/*  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;*/
/*
  display: flex;
  background-color: #f0f0f0;
  padding: 4px;
  margin-bottom: 32px;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  align-self: center;*/
}

 #rcorners1 {
  border-radius: 25px;
  background: #73AD21;
  /*padding: 20px;*/
  /*width: 100%;*/
  height: 150px;   
}

.navigation_OLD {
  /*width:100%;*/
 /* background-color: #555;*/
 background-color: red;
  overflow: hidden;
  height: 79px;
 /* display:flex;*/
  /*flex-wrap: wrap;*/
  
}

.navigation {
  display: inline-flex;
  background-color: #f0f0f0;
  padding: 4px;
  margin-bottom: 32px;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  align-self: center;
/*
  display: flex;
  justify-content: center;
  gap: 42px;
  margin-bottom: 48px;
*/
}


.catalog-navigation-items {
  /*width: calc(100% - 100px);*/
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  gap: 4px;
}


.catalog-navigation-items2 {
  display: grid;
  grid-template-columns: 100px auto auto;
}

.catalog-navigation-item-OLD {
 /* float: left;*/
  /*width: calc((100% - 100px)*0.35);*/
  overflow: hidden;
  padding: 2px;
  /*flex:45%;*/
  /*color:white;*/
}
.catalog-navigation-item {
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 57px;
  position: relative;
}



.catalog-navigation-btns {
  /*float: left;*/
  float: right;
  /*overflow: hidden;*/
  padding: 0px;
  /*flex:10%;*/
  color:white;
  height: 100%;
 /* width:100px;*/
}


.catalog-navigation-btns >button {
  height: 100%;
  width: 100%;
  background-color: white;
}

.catalog-navigation-btns >button:hover {
  background-color: black;
  color:white;
}

.catalog-navigation-btns > button:hover svg {
  fill: white;
  font:bold;
}


.catalog-navigation-item a {
 /* padding: 12px;*/
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
  text-decoration: none;
  font-size: 17px;
  font-family: inherit;
  margin: 0;

}

.catalog-navigation-item a>span {
    display: block;
    width: 100%;
    padding-left: 10px;
    color:black;
    background-color: white;
    white-space: nowrap;
    text-align: center;
}

.catalog-navigation-title1-OLD {
  font-size: xx-large;
}

.catalog-navigation-title2 {
  font-size: large;
}

.catalog-navigation-title1 {
  color: var(--offblack, #060606);
  text-align: left;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.catalog-navigation-item__ a {
  padding: 12px;
  padding-top: 12px;
  float: left;
  display: inline;
  color: white;
  text-decoration: none;
  font-size: 17px;
  width: 100%;

  text-align: center;
}


.catalog-navigation-item a:hover>span {
  background-color: #000;
  color:white;
}

.catalog-navigation-item-content {
  /**display: none;*/
 /*position: absolute;
  background-color: #555;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  float: left;
  z-index: 9999;
  width:500px;
  color: white;*/
}

.catalog-navigation-item-content-header-title{
  font-size: 1.5rem;
  padding-left:20px;
  padding-top: 10px;
}

.catalog-navigation-item-content-header-button button{
  font-size: 2rem;
  color: white;
  background-color: #555;
  border: none;
  width:50px;
}

.catalog-navigation-item-content-header-button button:hover{  
  color: #888;
  background-color: #555;
}

.catalog-navigation-item-content-list {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #555;
  padding: 10px;
}

.catalog-navigation-item-content-list-item {
  /*background-color: #f1f1f1;*/
  border: 1px solid black;
  padding: 10px;
  font-size: 30px;
  text-align: center;
  margin:5px;
 /* background-color: #73AD21;*/
}

.catalog-navigation-item-content-list-item a {
  width:120px
}

.catalog-navigation-item-content-list-item.active {
  background-color: black;

}

.catalog-navigation-item-content-list-item a:hover>span {
  background-color: #000;
  color:white;
}

.visible {
  display:block;
}

.invisible {
  display:none;
}


.catalog-navigation-attribute-list {
  display: grid;
  grid-template-columns: 50% 50%;
  background-color: #555;
  padding: 10px;
}


.catalog-navigation-attribute-list  input{
    width: 100%;
  }

.catalog-navigation-item-content-header {
  display: none;
  padding: 2px;
}

.catalog-navigation-item-content-header-title {
  text-align: left;
}

.catalog-navigation-item-content-header-button {
  text-align: right;
}

@media (min-width: 800px) {
  
  .navigation {
    /*display: grid;  
    height: 79px; */  
  }
  .catalog-navigation-item {
    /*padding-right:0px;*/
  }
}

@media (max-width: 800px) {
  
  .navigation {
    display:inline;
  }

  .catalog-navigation-item {
    padding:0px;
    width: 100%;
    border: 1px solid black;
  }

  .catalog-navigation-item-content-list {
    display: block;
  }

  .catalog-navigation-item-content-list-item {
    width: 100%;
    text-align: center;
  }

  .catalog-navigation-item-content-list-item > a {
    width:100%;
  }

  .catalog-navigation-attribute-list {
    display: block;
    text-align: center;
  }

  .catalog-navigation-attribute-list > div{
    text-align: center;
  }

  .catalog-navigation-btns {
    width: 100%;
  }

  .catalog-navigation-item-content {
    top:0;
    left:0;
    height:100%;
    width: 100%;
  }

  .catalog-navigation-item-content-header {
    display: grid;
    grid-template-columns: auto 100px;  
  }

}



.catalog-top {
  display: flex;
  justify-content: center;
  gap: 42px;
  margin-bottom: 48px;

}

.catalog-top a {/*
  display:inline-block;
  font-size: x-large;
  
  border:1px solid black;

  background-color: white;
  color: black;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
*/
  /*color: var(--ai-tertiary);*/
  color: #585858;;
  text-align: center;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 32px;
  font-weight: 600;
  position: relative;
}

.catalog-top > a:hover {

  /*background-color: black;*/
  color: var(--ai-secondary);
  
}

.catalog-top > a.active {

 /* background-color: black;*/
  /*color: var(--ai-primary);*/
  color:#F0F0F0;
  border-bottom: 2px solid;
  /*border-color: var(--ai-primary);*/
  border-color:#F0F0F0;
}

@media (max-width: 800px) {

  .catalog-top a {
    display:block;
    width: 100%;

  }

}


.catalog-navigation-dimensions-switch {
  position: flex;
  text-align: center;
  padding: 4px;
  padding-bottom: 20px;

}

.catalog-navigation-dimensions-switch a {
  display:inline-block;
  font-size: large;
  
  border:1px solid black;

  background-color: white;
  color: black;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;

}

.catalog-navigation-dimensions-switch > a:hover {

  background-color: black;
  color: white;

}

.catalog-navigation-dimensions-switch > a.active {

  background-color: black;
  color: white;

}

@media (max-width: 800px) {

  .catalog-navigation-dimensions-switch a {
    display:block;
    width: 100%;

  }

}


.modal-search-container {
  /*display:none;*/
  width:100%;
  padding:4px;
  display: none;
}

.modal-search-button {
  width:100%;
}

@media (max-width: 800px) {

  .modal-search-container {
    display:block;

  }

}





/* Category Navigation */
.category-nav {
    display: flex;
    justify-content: center;
    gap: 42px;
    margin-bottom: 48px;
}

@media (max-width: 640px) {
    .category-nav {
        gap: 24px;
    }
}

.category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.category-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

@media (max-width: 640px) {
    .category-title {
        font-size: 24px;
    }
}

.inactive-title {
    color: #585858;
}

.category-underline {
    height: 2px;
    background-color: #060606;
}

.active-underline {
    width: 132px;
    background-color: #f0f0f0;
}

.category-item:not(.active-category) .category-underline {
    width: 208px;
}

/* Filter Section */
.filter-section {
    /*display: inline-flex;*/
    background-color: #f0f0f0;
    padding: 4px;
    margin-bottom: 32px;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    align-self: center;
}

@media (max-width: 991px) {
    .filter-section {
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 640px) {
    .filter-section {
        justify-content: center;
        align-items: center;
    }
}

.filter-item {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.filter-item.active {
    background-color: white;
}

.filter-item:hover {
  background-color: var(--ai-tertiary);;
}

.filter-label {
    color: #060606;
    font-size: 14px;
    font-weight: 700;
}

.filter-value {
    color: #060606;
    font-size: 14px;
    font-weight: 400;
}

.filter-divider {
  /*  width: 1px;
    background-color: #d4d4d4;*/

    margin-top: -1px;
    border-style: solid;
    border-color: #d4d4d4;
    border-width: 1px 1px 0 0;
    align-self: stretch;
    flex-shrink: 0;
    width: 1px;
    position: relative;
}

@media (max-width: 991px) {
    .filter-divider {
        width: 100%;
        height: 1px;
    }
}

.color-indicator {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #8f8f8f;
    background-color: #060606;
}

.search-button {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    background-color: #060606;
    border: none;
    cursor: pointer;
    margin: auto;
}






.pergola-type-section {
            display: flex;
            padding: 24px;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            width: 100%;
            background-color: #fff;
        }

        .section-heading {
            color: #060606;
            font-size: 16px;
            font-weight: 700;
        }

        .radio-group {
            display: flex;
            align-items: flex-start;
            gap: 40px;
            width: 100%;
            flex-wrap: wrap;
        }

        .radio-option {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }

        .radio-button {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid #b4b4b4;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background-color: #fff;
        }

        .radio-inner {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #060606;
            display: none;
        }

         .radio-inner.selected {
            display: block;
        }

        .radio-label {
            color: #060606;
            font-size: 16px;
            font-weight: 400;
        }




/*  DIMENSIONS */        

.dimension-form-container {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background-color: #fff;
}

.dimension-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.form-title {
    color: #060606;
    margin: 0;
    font: 600 16px Montserrat, -apple-system, Roboto, Helvetica, sans-serif;
}

.input-group {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    flex-wrap: wrap;
    border: none;
    margin: 0;
    padding: 0;
}

.input-field {
    display: flex;
    width: 162px;
    align-items: center;
    gap: 8px;
}

.input-field-flexible {
    flex: 1 0 0;
}

.field-label {
    color: #060606;
    font: 500 14px Montserrat, -apple-system, Roboto, Helvetica, sans-serif;
}

.dimension-input {
    display: flex;
    width: 132px;
    padding: 8px 12px;
    align-items: center;
    border: 1px solid #d9d9d9;
    color: #a0a0a0;
    outline: none;
    background-color: #fff;
    font: 500 16px Montserrat, -apple-system, Roboto, Helvetica, sans-serif;
}

.dimension-input:focus {
    border-color: #060606;
    color: #060606;
}

.dimension-input::placeholder {
    color: #a0a0a0;
}

@media (max-width: 640px) {
    .input-group {
        flex-direction: column;
        align-items: stretch;
    }

    .input-field,
    .input-field-flexible {
        width: 100%;
    }

    .dimension-input {
        flex: 1;
    }
}


/* COLOR */
.color-options-grid {
/*    display: flex;*/
    gap: 16px;
    flex-wrap: wrap;
    column-count: 3;
}

@media (max-width: 640px) {
    .color-options-grid {
        flex-direction: column;
    }
}

.color-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    min-width: 150px;
}

.color-option-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.color-option-wrapper:hover .radio-button {
    border-color: #060606;
}

.radio-button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #b4b4b4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.2s;
    background-color: #fff;
}

.radio-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #060606;
}

.color-swatch {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    flex-shrink: 0;
}

.color-label {
    color: #1e1e1e;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

/* Focus styles for accessibility */
.color-option-wrapper:focus {
    outline: 2px solid #060606;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Hidden radio input for semantic HTML */
.color-option-wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}



.pergoline-navigation-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    border: 1px solid #d9d9d9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* source: default/catalog-product.css */


/* source: default/catalog-session.css */
/* Catalog Session */

aside:nth-child(1) {
	margin-top: 1rem;
}

.catalog-session {
	clear: both;
	padding: 0;
	text-align: center;
	margin: 1rem 0;
}

.catalog-session .header {
	cursor: pointer;
	font-size: 120%;
	padding: .5rem .75rem;
	margin: 0;
}

.catalog-session .minibutton.delete {
	position: absolute;
	font-size: 125%;
	line-height: 1;
	z-index: 5;
	right: 0;
	padding: 0.75rem;
}

.catalog-session-pinned,
.catalog-session-seen {
	margin-bottom: 1rem;
	border: 1px solid var(--ai-tertiary-alt);
}

.catalog-session-seen .seen-items,
.catalog-session-pinned .pinned-items {
	padding: 0;
	margin: 0;
	padding-bottom: 0;
}

.catalog-session-seen .seen-item,
.catalog-session-pinned .pinned-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: end;
	width: 160px;
	margin: 1%;
	padding: 0;
}

.catalog-session-seen .media-item,
.catalog-session-pinned .media-item {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	height: 213px;
	width: 160px;
}

.catalog-session-seen .count:before,
.catalog-session-pinned .count:before {
	content: " (";
}

.catalog-session-seen .count:after,
.catalog-session-pinned .count:after {
	content: ") ";
}

.catalog-session-seen .name,
.catalog-session-pinned .name {
	margin-top: 0.75rem;
}

.catalog-session-seen .seen-items .price-item .rebatepercent,
.catalog-session-pinned .pinned-items .price-item .rebatepercent {
	position: absolute;
	transform: translateX(100%);
	right: 100%;
}

aside .catalog-session {
	margin: 0;
	margin-bottom: 1rem;
	padding-top: 0;
}

aside .catalog-session-pinned > h2,
aside .catalog-session-seen > h2 {
	font-size: 120%;
	margin-bottom: 0rem;
	text-align: start;
	padding: .5rem .75rem;
	letter-spacing: 1.5px;
	cursor: pointer;
}

aside .catalog-session-seen .seen-items,
aside .catalog-session-pinned .pinned-items {
	display: block;
	padding: 0.75rem;
}

aside .catalog-session-seen .seen-items .price-item .rebatepercent,
aside .catalog-session-pinned .seen-items .price-item .rebatepercent {
	position: absolute;
	transform: translateX(100%);
	right: 160px;
}

@media (min-width: 576px) and (max-width: 991px) {

	aside .catalog-session {
		display: flex;
	}

	aside .catalog-session-pinned,
	aside .catalog-session-seen {
		width: 50%;
	}
}

@media (min-width: 992px) {

	aside .catalog-session-seen .name,
	aside .catalog-session-pinned .name {
		margin-top: 0rem;
	}

	.catalog-session-seen .rebatepercent,
	.catalog-session-pinned .rebatepercent {
		transform: translateX(100%);
		right: 100%;
	}

	aside .catalog-session-seen,
	aside .catalog-session-pinned {
		width: 100%;
	}

	aside .catalog-session-seen .name,
	aside .catalog-session-pinned .name {
		margin: 0 0 .25rem;
		text-align: start;
	}

	aside .catalog-session-pinned .price-item.default .value,
	aside .catalog-session-seen .price-item.default .value {
		vertical-align: middle;
	}

	aside .catalog-session-seen .seen-item,
	aside .catalog-session-pinned .pinned-item {
		width: 100%;
	}

	aside .catalog-session-seen .media-item,
	aside .catalog-session-pinned .media-item {
		float: left;
		width: 60px;
		height: 80px;
		display: block;
		margin-bottom: .5rem;
		margin-inline-end: 1rem;
		background-position: top left;
	}

	[dir="rtl"] aside .catalog-session-seen .media-item,
	[dir="rtl"] aside .catalog-session-pinned .media-item {
		float: right;
	}

	aside .catalog-session-seen .seen-item .price-list,
	aside .catalog-session-pinned .pinned-item .price-list {
		display: flex;
		font-weight: normal;
		text-align: start;
		padding: 0;
		margin: 0;
	}

	aside .catalog-session-seen .seen-items .price-item .rebatepercent,
	aside .catalog-session-pinned .pinned-items .price-item .rebatepercent {
		position: relative;
		transform: translateX(0);
		right: 0;
	}

}

/* source: default/catalog-stage.css */
/* Navbar background */

.aimeos .catalog-stage-image {
	margin-top: -6rem;
	height: 6rem;
}

@media screen and (min-width: 992px) {
	.aimeos .catalog-stage-image {
		margin-top: -10rem;
		height: 10rem;
	}
}

/* Stage image */

.catalog-stage {
	position: relative;
	width: 100%;
	color: var(--ai-primary);
}

.catalog-stage-image {
	position: relative;
	display: block;
	margin: 0;
	overflow: hidden;
}

.catalog-stage-image img {
	width: 100%;
}

.catalog-stage-breadcrumb {
	color: var(--ai-secondary);
	font-size: 90%;
	padding: 0.5rem;
}

.catalog-stage-breadcrumb .breadcrumb {
	background-color: inherit;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.catalog-stage-breadcrumb ol {
	display: inline;
	list-style: none;
	padding-inline-start: 1rem;
	margin: 0;
}

.catalog-stage-breadcrumb li {
	display: inline;
	white-space: nowrap;
}

.catalog-stage-breadcrumb .title,
.catalog-stage-breadcrumb a {
	text-decoration: none;
	display: inline-block;
	padding: 0.5rem;
}

.catalog-stage-breadcrumb li:after {
	content: ' / ';
}

.catalog-stage-breadcrumb li:last-child:after {
	content: '';
}

/* source: default/checkout-confirm.css */
.checkout-confirm {
	padding: 2rem 0;
}

.checkout-confirm-basic {
	padding: 2rem 0;
	margin-top: 1.5rem;
}

.checkout-confirm-basic .attr-list {
	padding: 0.5rem 1rem;
	margin: 0.5rem;
}

.checkout-confirm-basic .attr-list .name,
.checkout-confirm-basic .attr-list .value {
	display: inline-block;
	width: 25%;
}

.checkout-confirm-basic h2 {
	border-bottom: 1px solid var(--ai-secondary);
	padding: 0.5rem 1rem;
	margin: 0.5rem;
	margin-top: 0;
}

/* source: default/checkout-standard.css */
/* Checkout */

.checkout-standard {
	padding: 2rem 0;
}

.checkout-standard .steps {
	font-weight: bold;
	text-align: center;
	counter-reset: step;
	padding: 0;
	padding-bottom: 2rem;
}

.checkout-standard .steps a {
	text-decoration: none;
}

.checkout-standard .steps .active {
	color: var(--ai-primary);
	border-bottom: 1px solid var(--ai-secondary);
}

.checkout-standard .steps .current {
	color: var(--ai-bg);
	background-color: var(--ai-secondary);
	border-bottom: 1px solid var(--ai-secondary);
}

.checkout-standard .steps .order,
.checkout-standard .steps .process {
	display: none;
}

.checkout-standard .step {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: 19%;
	color: var(--ai-tertiary);
	border-bottom: 1px solid var(--ai-secondary);
	vertical-align: baseline;
}

.checkout-standard .step:before {
	content: counter(step) ". ";
	counter-increment: step;
}

.checkout-standard .form-list .mandatory {
	font-weight: bold;
}

.checkout-standard .form-list .mandatory > label:after {
	content: " *";
}

.checkout-standard .form-list .error {
	color: var(--ai-danger);
}

.checkout-standard .form-list .error input,
.checkout-standard .form-list .error select {
	border-bottom: 1px solid var(--ai-danger);
}

.checkout-standard .button-group {
	display: none;
}

.checkout-standard .section:last-child .button-group {
	display: block;
}


/* Checkout address */

.checkout-standard-address h2 {
	letter-spacing: 1.5px;
	padding: 1%;
}

.checkout-standard-address .item-address {
	border: 1px solid var(--ai-tertiary);
	border-radius: 0;
    margin: 0.5rem 0;
	padding: 1%;
}

.checkout-standard-address .item-address .header {
	border: 1px solid var(--ai-bg-light);
	padding: 1rem;
}

.checkout-standard-address .item-address .header input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	margin: 0;
	margin-inline-end: 1rem;
}

.checkout-standard-address .item-address .values {
	display: inline-block;
	margin: 0;
	letter-spacing: 1.5px;
}

.checkout-standard-address .form-item label {
	margin: 0.875rem 0;
}

.checkout-standard-address .form-item .form-control {
	margin: 0.5rem 0;
}


/* Common for delivery/payment */

.checkout-standard .item-service .description {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-width: 240px;
	max-width: 480px;
	padding: 0.5rem 0;
	width: 100%;
}

.checkout-standard .item-service .description h2 {
	font-size: 110%;
}

.checkout-standard .item-service .description .short {
	font-weight: bold;
	padding: 0.5rem 0;
}

.checkout-standard .item-service .description .long {
	padding: 0.5rem 0;
}

.checkout-standard .item-service .description h2,
.checkout-standard .item-service .description p {
	margin: 0 1rem;
}

.checkout-standard .item-service .description h2,
.checkout-standard .item-service .description .icons,
.checkout-standard .item-service .description .price-value {
	display: inline-block;
}

.checkout-standard .item-service .description .price-value {
	text-align: end;
	flex-grow: 3;
}

.checkout-standard .item-service .description .icons img {
	max-height: 4rem;
	margin: 0 1rem;
}

.checkout-standard .item-service .description .text {
	width: 100%;
}

.checkout-standard .item-service .option {
	margin: 1rem;
}

.checkout-standard .item-service .icon {
	display: inline-block;
}

.checkout-standard .item-service .form-item-value input {
	display: none;
}

.checkout-standard .item-service .form-item-value label {
	border-left: 2px solid transparent;
	font-weight: normal;
	padding: 0.5rem;
	display: block;
}

.checkout-standard .item-service .form-item-value input:checked + label {
	border-left-color: var(--ai-tertiary);
	background-color: var(--ai-bg-light);
}


/* Checkout delivery/payment */

.checkout-standard-delivery .note,
.checkout-standard-payment .note {
	padding: 0 0 1rem 0;
}

.checkout-standard-delivery h2,
.checkout-standard-payment h2 {
	font-size: 1rem;
}

.checkout-standard-delivery .item,
.checkout-standard-payment .item {
	border: 1px solid var(--ai-tertiary);
	margin: 1rem 0.5rem;
	text-align: start;
}

/* Checkout summary */

.checkout-standard-summary h3 {
	display: inline-block;
	font-size: 1rem;
	margin: 0;
}

.checkout-standard-summary a:hover {
	text-decoration: underline;
}

.checkout-standard-summary .note {
	padding: 0 0 1rem 0;
}

.checkout-standard-summary .modify {
	float: right;
}

[dir="rtl"] .checkout-standard-summary .modify {
	float: left;
}


/* Checkout summary option terms */

.checkout-standard-summary-option {
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}

.checkout-standard-summary-option h3 {
	margin: 0;
	padding: 0.5rem;
	display: block;
}

.checkout-standard-summary-option p {
	display: inline;
	margin-inline-start: 1rem;
}

.checkout-standard-summary-option .single {
	padding: 0.5rem 0;
}

.checkout-standard-summary-option label,
.checkout-standard-summary-option input {
	display: inline;
}

.checkout-standard-summary-option input[type="checkbox"] {
	margin-inline-start: 0.5rem;
}

.aimeos .checkout-standard-summary-option-terms a:link:not(.btn),
.aimeos .checkout-standard-summary-option-terms a:visited:not(.btn) {
	color: var(--ai-primary);
	text-decoration: underline;
}

.aimeos .checkout-standard-summary-option-terms a:link:not(.btn):hover,
.aimeos .checkout-standard-summary-option-terms a:visited:not(.btn):hover {
	color: var(--ai-secondary);
	text-decoration: underline;
}


/* Checkout order */

.checkout-standard-order {
	padding: 0;
	padding-inline-start: 1rem;
}

.checkout-standard-order .form-list .mandatory {
	font-weight: bold;
	display: list-item;
}

.checkout-standard-process {
	text-align: center;
}

.checkout-standard-process p {
	margin: 1rem 0;
}

.checkout-standard-process .form-list {
	text-align: start;
	max-width: 30rem;
	margin: auto;
}

.checkout-standard-process .button-group {
	display: block;
}

/* source: default/cms-page.css */
/* CMS page content */

.aimeos.cms-page {
	padding: 0;
}

.aimeos.cms-page .container-xl {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.aimeos.cms-page h1 {
	font-size: 200%;
	margin-bottom: 2rem;
}

.aimeos.cms-page h2 {
	font-size: 150%;
	margin-bottom: 1.5rem;
}

.aimeos.cms-page h3 {
	font-size: 125%;
	margin-bottom: 1rem;
}

.aimeos.cms-page h1,
.aimeos.cms-page h2 {
	position: relative;
	padding-bottom: 0.5rem;
	margin-top: 0.5rem;
	text-align: center;
}

.aimeos.cms-page h1:before,
.aimeos.cms-page h2:not([itemprop]):before,
.aimeos.cms-page h1:after,
.aimeos.cms-page h2:not([itemprop]):after {
	content: "";
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.aimeos.cms-page h1:before,
.aimeos.cms-page h2:not([itemprop]):before {
	border-bottom: #CCCCCC;
	border-bottom: 1px solid var(--ai-primary-light, #CCCCCC);
	width: 12rem;
}

.aimeos.cms-page h1:after,
.aimeos.cms-page h2:not([itemprop]):after {
	border-bottom: #282828;
	border-bottom: 1px solid var(--ai-primary, #282828);
	width: 6rem;
}

.aimeos.cms-page .background {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--ai-primary, #282828);
	background-color: var(--ai-bg-alt, #F5F5F5);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 2rem 0;
}

.aimeos.cms-page .background[data-background] {
	background-color: var(--ai-primary, #282828);
	color: var(--ai-bg, #FFFFFF);
	font-size: 4vw;
}

.aimeos.cms-page .contact-pot {
	display: none;
}

.aimeos.cms-page .contact-form .btn {
	margin: auto;
	margin-top: 2rem;
	display: inherit;
}

.aimeos.cms-page .catalog-list .slider-nav::after,
.aimeos.cms-page .catalog-list .slider-nav-round .slider-nav::before,
.aimeos.cms-page .catalog-list .slider-nav-square .slider-nav::before {
	background-color: var(--ai-primary, #282828);
}

.aimeos.cms-page .table tr.row {
	display: table-row;
}

.aimeos.cms-page .table td.cell {
	padding: 0.5rem;
	width: auto;
}

.aimeos.cms-page .swiffy-slider {
	height: max-content;
}

.aimeos.cms-page .swiffy-slide {
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--ai-bg);
	height: 100%;
}

/* source: default/locale-select.css */
/* Locale selector */
.locale-select {
	display: inline-block;
}

.locale-select .header {
	display: none;
}

.locale-select ul.select-menu {
	text-transform: uppercase;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

.locale-select li.select-dropdown {
	border: 1px solid transparent;
	display: inline-block;
	padding: 0;
}

.locale-select li.select-dropdown > a:before {
	content: "» ";
}

.locale-select ul.select-menu a {
	text-decoration: none;
	white-space: nowrap;
	display: block;
	padding: 0.25rem;
	line-height: 1;
}

.locale-select ul.select-menu a:hover,
.locale-select ul.select-menu a:link,
.locale-select ul.select-menu a:visited {
	color: var(--ai-bg);
	text-decoration: none;
}

.locale-select ul.select-menu .select-current > a:hover
.locale-select ul.select-menu .select-current > a:link:hover,
.locale-select ul.select-menu .select-current > a:visited:hover {
	color: var(--ai-bg);
}

.locale-select ul.select-menu a:hover {
	color: var(--ai-tertiary) !important;
}

.locale-select ul.select-menu li.select-dropdown:hover > ul,
.locale-select ul.select-menu ul.active {
	border: 1px solid var(--ai-bg);
	visibility: visible;
	opacity: 1;
}

.locale-select ul.select-menu ul {
	list-style: none outside none;
	position: absolute;
	visibility: hidden;
	z-index: 99999;
	opacity: 0;
	padding: 0.5rem 0;
	z-index: 1000;
	border-radius: var(--ai-radius);
	border: 1px solid var(--ai-tertiary);
	background-color: var(--ai-primary);
}

.locale-select ul.select-menu ul li {
	padding: .25rem 0.5rem;
}

.locale-select li.select-dropdown ul.select-dropdown li:hover {
	background-color: var(--ai-secondary);
}

.locale-select li.select-dropdown ul.select-dropdown li:hover a {
	color: var(--ai-bg);
}

.locale-select-language,
.locale-select-currency {
	display: block;
	min-width: 2rem;
}

/* source: default/pergoline-catalog-detail.css */
.hidden {
    /*display: none;*/
    /*transform: translateY(0%);*/
}



.product-detail-panel {
    padding: 32px;
 /*   background-color: #f0f0f0;*/
    font-family: Montserrat, -apple-system, Roboto, Helvetica, sans-serif;
}


/* Main container */
.product-configurator {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px;
}

@media (max-width: 991px) {
    .product-configurator {
        padding: 24px 16px;
    }
}

.configurator-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

@media (max-width: 991px) {
    .configurator-container {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* Product gallery section */
.product-gallery {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.main-image-wrapper {
    width: 100%;
    aspect-ratio: 533/421;
    overflow: hidden;
}

.main-product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visualization-label {
    color: #585858;
    font-size: 16px;
/*    font-weight: 600;*/
    margin: 0 0 16px 0;
}

.visualization-image {
    width: 100%;
    max-width: 693px;
    height: auto;
}

/* Product details section */
.product-details {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Product header */
.product-breadcrumb {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.breadcrumb-item {
    color: #060606;
    font-size: 16px;
 /*   font-weight: 600; */
}

.breadcrumb-separator {
    width: 20px;
    height: 2px;
    background-color: #000;
}

.product-title {
 /*   color: #060606;*/
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 8px 0;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .product-title {
        font-size: 32px;
    }
}

.product-subtitle {
 /*   color: #060606;*/
    font-size: 40px;
 /*   font-weight: 600; */
    line-height: 1.2;
    margin: 0;
}

@media (max-width: 640px) {
    .product-subtitle {
        font-size: 32px;
    }
}

/* Configuration sections */
.color-configuration,
.lighting-configuration {
    padding-bottom: 24px;
    border-bottom: 1px solid #d6d6d6;
}

.dimensions-section {
    padding-bottom: 24px;
    border-bottom: 1px solid #d6d6d6;
}

.section-header {
    /*display: flex;
    justify-content: space-between;
    align-items: center;
*/
    /*margin-bottom: 16px;*/
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 24px;
}


.section-title {
 /*   color: #060606;*/
    font-size: 20px;
  /*  font-weight: 600; */
    margin: 0;
}

.section-switch {
    flex-flow: row-reverse;
}

@media( max-width:600px ) {
    .section-header {
        grid-template-columns: 1fr;
    }
    .section-switch {
        flex-flow: unset;
        padding-top:10px;
    }
}

/* Toggle switches */

/*
.color-toggle,
.lighting-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
}

.toggle-label-left,
.toggle-label-right {
    font-size: 16px;
}

.toggle-switch {
    display: flex;
    width: 48px;
    height: 28px;
    padding: 4px;
    align-items: center;
    border-radius: 27px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #d9d9d9;
}

.toggle-handle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

*/

/* Color and lighting options */
.color-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

@media (max-width: 640px) {
    .color-options {
        grid-template-columns: 1fr;
    }
}

.lighting-options {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 13px;
    padding-top: 24px;
}

@media (max-width: 991px) {
    .lighting-options {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .lighting-options {
        grid-template-columns: 1fr;
    }
}

.option-label {
    display: block;
  /*  color: #060606;*/
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Dropdown fields */
.dropdown-field {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 10px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    background-color: #fff;
}

.dropdown-field-simple {
    padding: 8px 8px 8px 16px;
}

.color-preview {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    flex-shrink: 0;
}

.color-preview-white {
    border: 1px solid #8f8f8f;
    background-color: #fff;
}

.color-preview-black {
    border: 1px solid #1e1e1e;
    background-color: #1e1e1e;
}

.color-preview-warm {
    background-color: #ffecc8;
}

.dropdown-text {
    flex: 1;
    color: #1e1e1e;
    font-size: 14px;
    /*font-weight: 500;*/
}

.dropdown-icon {
    flex-shrink: 0;
}

/* Dimensions section */
.dimensions-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

@media (max-width: 640px) {
    .dimensions-grid {
        flex-direction: column;
        align-items: stretch;
    }
}

.dimension-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dimension-label {
    color: #060606; 
    font-size: 14px;
    /*font-weight: 500;*/
}

.dimension-value {
    padding: 8px 16px;
    border: 1px solid #d9d9d9;
    color: #585858;
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
}

/* Purchase section */
.purchase-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

@media (max-width: 640px) {
    .purchase-section {
        flex-direction: column;
        align-items: stretch;
    }
}

.price-display {
 /*   color: #060606; */
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
	color: var(--product-card-active-color);
}

@media (max-width: 640px) {
    .price-display {
        font-size: 28px;
    }
}

.add-to-cart-button {
/*    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    border: none;
    color: #f0f0f0;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #060606;*/
}

.add-to-cart-button:hover {
 /*   background: #1a1a1a;*/
}

@media (max-width: 640px) {
    .add-to-cart-button {
        width: 100%;
    }
}

/* Product tabs */
.product-tabs {
    margin-top: 32px;
}

.tab-navigation {
    display: flex;
    align-items: center;
    gap: 32px;
    border-bottom: 2px solid transparent;
}

@media (max-width: 640px) {
    .tab-navigation {
        gap: 16px;
        overflow-x: auto;
    }
}

.tab-button {
    background: none;
    border: none;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.tab-content {
    margin-top: 32px;
}

.tab-panel {
    margin: 0;
}

.content-title {
/*    color: #060606;*/
    font-size: 16px;
   /* font-weight: 600;*/
    margin: 0 0 16px 0;
}

.content-description {
    color: #060606;
    font-size: 14px;
   /* font-weight: 500;*/
    line-height: 1.6;
    margin: 0;
}

.tab-panel-placeholder {
    color: #060606;
    font-size: 14px;
}




.dimension-container {
    display: flex;
    gap: 20px;
    padding: 20px;
  /*  max-width: 1200px;/
    margin: 0 auto;
}

@media (max-width: 640px) {
    .dimension-container {
        flex-direction: column;
    }
}

.dimension-input-group {
    flex: 1;
   /* display: flex;*/
    /*flex-direction: column;*/
    gap: 8px;
    /*white-space: nowrap;*/
}

.dimension-form-label {
    font-size: 14px;
  /*  font-weight: 500; */
    /*color: #333; */
}

.dimension-form-input {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}


.pergoline-button.button-dimension-cancel {
    background-color: #f0f0f0;
    color: black;
    border: 1px solid black;
}

.frame-video {
    height:240px;
    width: 426px;
}
@media ( max-width: 500px) {
    .frame-video {
        height: auto;
        width: 100%;
    }    
}

@media( max-width: 600px ) {
    .catalog-detail,
    .container-xxl {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
}  


/*
.swiper-container {
    width: 800px;
    height: 400px;

}
.swiper-slide{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size:2rem;
  font-family: monospace;
  letter-spacing: 0.08rem 
}

.c1 {
  background-color: indianred;
  width:100px;
}
.c2 {
  background-color: teal;
}
.c3 {
  background-color: lightskyblue;
}
.c4 {
  background-color: lightcoral;
}
.c5 {
  background-color: lightgoldenrodyellow;
}



.slider {
  max-width: 1110px;
  margin: 0 auto;
}

.slick-track {
  padding-top: 53px;
  padding-bottom: 53px;
}

.slick-slide {
  text-align: center;
  transition: transform 0.3s ease-in-out;
}

.slick-slide:not(.slick-current) {
  filter: brightness(0.5);
}

.slick-slide.slick-current {
  transform: scale(1.35);
  position: relative;
  z-index: 1;
}

.slick-slide img {
  width: 100%;
}

*/

/* source: default/pergoline-catalog-lists.css */
.products-panel {
    padding: 32px;
  /*  background-color: #f0f0f0;*/
    font-family: Montserrat, -apple-system, Roboto, Helvetica, sans-serif;
}

@media (max-width: 640px) {
    .products-panel {
        padding: 16px;
    }
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    max-width: 1280px;
    margin: 0 auto;
}

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

@media (max-width: 640px) {
    .products-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.product-card {
    display: flex;
    flex-direction: column;
    /*background-color: #f0f0f0;*/
    position: relative;
}

.product-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 384 / 244;
    overflow: hidden;
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s;
}

.product-image:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
}

.stock-badge {
    position: absolute;
    top: 25px;
    right: 23px;
    padding: 4px 8px;
    background-color: #606060;
    color: #fff;
    font-size: 14px;
/*    font-weight: 600; */
    opacity: 0.7;
}

.product-content {
    padding: 24px 23px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product-info {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.product-title {
    margin: 0;
 /*   color: #060606;*/
    font-size: 20px;
    font-weight: bold; 
    line-height: 1.4;
}

.product-description {
    margin: 0;
/*    color: #060606; */
    font-size: 14px;
 /*   font-weight: 500; */
    line-height: 1.4;
}

.product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-price {
   /* color: #060606; */
    font-size: 20px;
    font-weight: bold; 
    line-height: 1.4;
}

.view-button {
    display: flex;
    padding: 10px;
    background-color: #060606;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.view-button:hover {
    opacity: 0.8;
}

.view-button-icon {
    width: 24px;
    height: 24px;
}

/* source: default/slider.css */
/* Swiffy slider 1.2.0 (modified) https://github.com/dynamicweb/swiffy-slider/ (MIT license) */

.swiffy-slider {
	position: relative;
	display: block;
	width: 100%;
	--swiffy-slider-snap-align: center;
	--swiffy-slider-item-width: 100%;
	--swiffy-slider-item-gap: 1rem;
	--swiffy-slider-item-reveal: 0rem;
	--swiffy-slider-item-ratio: 2/1;
	--swiffy-slider-item-count: 1;
	--swiffy-slider-nav-light: #fff;
	--swiffy-slider-nav-dark: #333;
	--swiffy-slider-nav-zoom: 1;
	--swiffy-slider-track-opacity: 0.1;
	--swiffy-slider-track-height: 0;
	--swiffy-slider-nav-outside-size: 3.5rem;
	--swiffy-slider-indicator-outside-size: 1.5rem;
	--swiffy-slider-animation-duration: .75s;
	--swiffy-slider-animation-delay: 0s;
	--swiffy-slider-animation-timing: ease-in-out
}

.swiffy-slider,.swiffy-slider::after,.swiffy-slider::before {
	box-sizing: border-box
}

.swiffy-slider ::-webkit-scrollbar {
	height: var(--swiffy-slider-track-height)
}

.slider-container {
	--swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
	--swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	display: grid;
	align-items: center;
	height: 100%;
	grid: auto/auto-flow -webkit-max-content;
	grid: auto/auto-flow max-content;
	grid-auto-rows: 100%;
	grid-auto-columns: var(--swiffy-slider-item-width);
	grid-auto-flow: column;
	grid-gap: var(--swiffy-slider-item-gap);
	list-style: none;
	margin: 0;
	padding: 0;
	scrollbar-width: none;
	scrollbar-color: rgba(0,0,0,.4) rgba(0,0,0,var(--swiffy-slider-track-opacity));
	background-clip: padding-box
}

.slider-container>* {
	scroll-snap-align: var(--swiffy-slider-snap-align);
	position: relative;
	display: block;
}

.slider-item-ratio .slider-container>* {
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-item-ratio .slider-container>*>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.slider-item-ratio-contain .slider-container>*>* {
	-o-object-fit: contain;
	object-fit: contain
}

.slider-item-ratio .slider-container>::after {
	display: block;
	padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
	content: ""
}

.slider-nav-nodelay .slider-container {
	scroll-behavior: auto
}

.slider-nav {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	visibility: hidden;
	opacity: .8;
	transition: visibility .1s,opacity .2s linear;
	margin-bottom: var(--swiffy-slider-track-height);
	display: flex;
	align-items: center;
	padding: 0 .5rem;
	-webkit-filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
	filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
	transform: scale(var(--swiffy-slider-nav-zoom))
}

.slider-nav::before {
	position: absolute;
	content: "";
	padding: .5rem;
	width: 3rem;
	height: 3rem
}

.slider-nav::after {
	content: "";
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: var(--swiffy-slider-nav-light);
	background-origin: content-box;
	width: 3rem;
	height: 3rem
}

.slider-nav-chevron .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>");
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>")
}

.swiffy-slider:hover .slider-nav {
	visibility: visible
}

.slider-nav-outside .slider-container {
	margin: 0 var(--swiffy-slider-nav-outside-size)
}

.slider-nav-outside .slider-nav {
	padding: 0
}

.swiffy-slider .slider-nav:hover {
	opacity: 1
}

.slider-nav-square .slider-nav {
	padding: 0
}

.slider-nav-round .slider-nav::before,.slider-nav-square .slider-nav::before {
	background-color: var(--swiffy-slider-nav-light)
}

.slider-nav-round .slider-nav::after,.slider-nav-square .slider-nav::after {
	background-color: var(--swiffy-slider-nav-dark);
	width: 2rem;
	height: 2rem;
	margin: .5rem
}

.slider-nav-round .slider-nav::before {
	border-radius: 50%
}

.slider-nav-round .slider-nav::after {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E")
}

.slider-nav-dark .slider-nav::after {
	background-color: var(--swiffy-slider-nav-dark)
}

.slider-nav-dark.slider-nav-round .slider-nav::before,.slider-nav-dark.slider-nav-square .slider-nav::before {
	background-color: var(--swiffy-slider-nav-dark)
}

.slider-nav-dark.slider-nav-round .slider-nav::after,.slider-nav-dark.slider-nav-square .slider-nav::after {
	background-color: var(--swiffy-slider-nav-light)
}

.slider-nav-sm {
	--swiffy-slider-nav-zoom: .75;
	--swiffy-slider-nav-outside-size: 2.5rem
}

.slider-nav.slider-nav-next::after {
	transform: rotate(180deg)
}

.slider-nav.slider-nav-next {
	right: 0;
	left: unset
}

.slider-nav-visible .slider-nav {
	visibility: visible
}

.slider-nav-dark .slider-nav {
	opacity: .6
}

.slider-item-snapstart {
	--swiffy-slider-snap-align: start
}

.slider-item-nosnap {
	--swiffy-slider-snap-align: unset
}

.slider-item-nogap {
	--swiffy-slider-item-gap: 0rem
}

.slider-item-reveal {
	--swiffy-slider-item-reveal: 8rem
}

.slider-item-snapstart.slider-item-reveal {
	--swiffy-slider-item-reveal: 4rem
}

.slider-nav-mousedrag .slider-container {
	cursor: -webkit-grab;
	cursor: grab
}

.slider-nav-mousedrag .slider-container.dragging {
	-ms-scroll-snap-type: unset;
	scroll-snap-type: unset;
	scroll-behavior: unset;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.slider-nav-mousedrag .slider-container::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%
}

@media (prefers-reduced-motion:no-preference) {
	.slider-nav-animation.slider-nav-animation-fast {
		--swiffy-slider-animation-duration: .25s
	}

	.slider-nav-animation.slider-nav-animation-slow {
		--swiffy-slider-animation-duration: 1.25s
	}

	.slider-nav-animation .slider-container>*>* {
		transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
		transition-delay: var(--swiffy-slider-animation-delay)
	}

	.slider-nav-animation .slider-container .slide-visible>* {
		transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
		transition-delay: var(--swiffy-slider-animation-delay)
	}

	.slider-nav-animation.slider-nav-animation-fadein .slider-container>*>* {
		opacity: .5
	}

	.slider-nav-animation.slider-nav-animation-scale .slider-container>*>* {
		transform: scale(.9)
	}

	.slider-nav-animation.slider-nav-animation-appear .slider-container>*>* {
		opacity: .3;
		transform: scale(.9)
	}

	.slider-nav-animation.slider-nav-animation-scaleup .slider-container>*>* {
		transform: scale(.25)
	}

	.slider-nav-animation.slider-nav-animation-turn .slider-container>*>* {
		transform: rotateY(70deg)
	}

	.slider-nav-animation.slider-nav-animation-slideup .slider-container>*>* {
		transform: translateY(60%) scale(.99)
	}

	.slider-nav-animation.slider-nav-animation-slideup .slider-container {
		overflow-y: hidden
	}

	.slider-nav-animation .slider-container>.slide-visible>* {
		opacity: 1;
		transform: none
	}
}

@media (min-width: 992px) {
	.slider-nav-outside-expand .slider-nav {
		margin-left: -5rem
	}

	.slider-nav-outside-expand .slider-nav.slider-nav-next {
		margin-right: -5rem
	}

	.slider-nav-sm.slider-nav-outside-expand .slider-nav {
		margin-left: -4rem
	}

	.slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next {
		margin-right: -4rem
	}
}

@media (max-width: 992px) {
	.swiffy-slider {
		--swiffy-slider-track-height:0rem;
		--swiffy-slider-item-reveal: 0rem;
		--swiffy-slider-item-count: 1;
		--swiffy-slider-nav-zoom: .75
	}

	.slider-item-reveal {
		--swiffy-slider-item-reveal: 4rem
	}

	.slider-item-snapstart.slider-item-reveal {
		--swiffy-slider-item-reveal: 2rem
	}

	.slider-nav::after {
		width: 2rem!important;
		height: 2rem!important;
		padding: .3rem!important
	}

	.slider-nav-outside .slider-container {
		margin: 0 2rem
	}

	.slider-nav-outside-expand .slider-nav {
		padding: 0;
		margin-left: -2rem
	}

	.slider-nav-outside-expand .slider-nav.slider-nav-next {
		padding: 0;
		margin-right: -2rem
	}
}

@media (hover: none) {
	.swiffy-slider:not(.slider-nav-touch) .slider-nav {
		display:none
	}

	.swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container,
	.swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container {
		margin: 0 0
	}

	.slider-item-nosnap-touch {
		--swiffy-slider-snap-align: unset
	}
}

/* source: default/summary.css */
.aimeos .common-summary .error,
.aimeos .common-summary-detail .error {
	border-bottom: 1px solid var(--ai-danger);
}

.aimeos .common-summary .item li {
	vertical-align: top;
	padding: 0;
}

.aimeos .common-summary .content {
	margin: 0.5rem;
	padding: 0.5rem 1rem;
}

.aimeos .common-summary .item .name {
	display: inline-block;
	vertical-align: top;
	color: var(--ai-secondary);
	width: 198px;
}

.aimeos .common-summary .item .name:after {
	content: ":";
}

.aimeos .common-summary .item .value {
	display: inline-block;
	vertical-align: top;
	width: 198px;
}

.aimeos .common-summary .item h4,
.aimeos .common-summary .item .item-icons {
	vertical-align: middle;
	display: inline-block;
	margin: 0 1rem;
}

.aimeos .common-summary .item .item-icons img {
	max-height: 4rem;
}

.aimeos .common-summary .item .attr-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
}

.aimeos .common-summary .header,
.aimeos .common-summary-detail .header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--ai-secondary);
	padding: 0.5rem 1rem;
	margin-top: 0;
	width: 100%;
	min-height: 4rem;
}

.aimeos .common-summary-address h2,
.aimeos .common-summary-service h2,
.aimeos .common-summary-coupon h2 {
	display: none;
}

.aimeos .common-summary-service .item h4 {
	margin: 1rem 0;
	padding: 0;
	color: var(--ai-secondary);
	font-size: 1rem;
}

.aimeos .common-summary-detail .header {
	border-bottom: none;
}

.aimeos .common-summary-detail .basket {
	width: 100%;
}

.aimeos .common-summary-detail table {
	border-collapse: collapse;
	width: 100%;
}

.aimeos .common-summary-detail .headline {
	border-bottom: 1px solid var(--ai-secondary);
	background-color: var(--ai-bg-alt);
	font-weight: bold;
	padding: 0.25rem 0;
}

.aimeos .common-summary-detail .headline .row {
	align-items: center;
}

.aimeos .common-summary-detail .headline .minibutton {
	background-color: transparent;
}

.aimeos .common-summary-detail .order {
	align-items: center;
}

.aimeos .common-summary-detail .status {
	display: none;
}

.aimeos .common-summary-detail .supplier h3 {
	margin-top: 0.5rem;
}

.aimeos .common-summary-detail .subtotal {
	color: var(--ai-secondary);
}

.aimeos .common-summary-detail .total {
	background-color: var(--ai-bg-alt);
	padding: .25rem 0;
}

.aimeos .common-summary-detail .image img.detail {
	max-width: 6rem;
	max-height: 8rem;
	overflow: hidden;
	margin-inline-end: 5%;
}

.aimeos .common-summary-detail .details .product-name {
	margin: 0 0.25rem 0.25rem;
	display: block;
	letter-spacing: 1.5px;
}

.aimeos .common-summary-detail .code,
.aimeos .common-summary-detail .timeframe {
	margin: 0.5rem;
}

.aimeos .common-summary-detail .code .name:after,
.aimeos .common-summary-detail .timeframe .name:after {
	content: ":";
}

.aimeos .common-summary-detail .code,
.aimeos .common-summary-detail .timeframe {
	margin: 0 0.25rem;
}

.aimeos .common-summary-detail .attr-list {
	margin: 0 0.25rem;
	vertical-align: top;
}

.aimeos .common-summary-detail .attr-list li.attr-item {
	display: inline;
}

.aimeos .common-summary-detail .attr-list li.attr-item:not(:last-of-type) .value:after {
	content: ",";
}

.aimeos .common-summary-detail .attr-item .name:after {
	content: ":";
}

.aimeos .common-summary-detail .subtotal,
.aimeos .common-summary-detail .delivery,
.aimeos .common-summary-detail .payment,
.aimeos .common-summary-detail .total,
.aimeos .common-summary-detail .rebate,
.aimeos .common-summary-detail .tax,
.aimeos .common-summary-detail .unitprice,
.aimeos .common-summary-detail .price,
.aimeos .common-summary-detail .unitprice,
.aimeos .common-summary-detail .price {
	text-align: end;
	white-space: nowrap;
}

.aimeos .common-summary-detail .tax {
	padding: 0.25rem 0;
}

.aimeos .common-summary-detail .quantity {
	text-align: center;
}

.aimeos .common-summary-detail .quantity input {
	display: inline-block;
	text-align: center;
	max-width: 6rem;
}

.aimeos .common-summary-detail .action .delete:after {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 100%;
	content: "\f5de";
}

.aimeos .common-summary-detail .action {
	text-align: center;
}

.aimeos .common-summary-detail .delivery td:first-child:before,
.aimeos .common-summary-detail .payment td:first-child:before {
	content: "+ ";
}

.aimeos .common-summary-detail .subtotal {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.aimeos .common-summary-detail .delivery {
	margin-bottom: 1rem;
}

.aimeos .common-summary-detail .price-total {
	font-weight: bold;
}

.aimeos .common-summary-detail .product-item {
	padding: 0.5rem 0;
	border-bottom: 1px solid;
}

.aimeos .common-summary-additional .coupon,
.aimeos .common-summary-additional .comment {
	vertical-align: top;
	height: 8rem;
}

.aimeos .common-summary-additional .customerref-value,
.aimeos .common-summary-additional .comment-value {
	width: 100%;
}

@media (max-width: 575px) {
	.aimeos .common-summary-detail .headline .price,
	.aimeos .common-summary-detail .product-item .price {
		display: none;
	}
}


@media (max-width: 767px) {
	.aimeos .common-summary-detail .headline .unitprice,
	.aimeos .common-summary-detail .product-item .unitprice {
		display: none;
	}
}


@media (max-width: 991px) {
	.aimeos .common-summary-detail .product-item .quantity .minibutton,
	.aimeos .common-summary-detail .product-item .quantity .value {
		display: block;
		margin: auto;
	}
}

/* source: default/supplier-detail.css */
.supplier-detail {
	padding-top: 4rem;
	margin-bottom: 2rem;
	background-color: var(--ai-bg-alt);
}

.supplier-detail-basic {
	padding: 0 2rem;
}

.supplier-detail .image-single img {
	max-height: 20rem;
	padding: 0 2rem;
	width: 100%;
}

/* source: pergoline/element/autocomplete.css */
.pergoline-autocomplete {
   /* width: 100%;
    max-width: 400px;
    margin: 20px auto;*/
    font-family: system-ui, -apple-system, sans-serif;
}

.autocomplete-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.input-wrapper {
    position: relative;
}

.pergoline-autocomplete-input {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: 2px solid #e0e0e0;
/*    border-radius: 8px;*/
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.pergoline-autocomplete-input:hover {
    border-color: #8f8f8f;
}

.pergoline-autocomplete-input:focus {
    border-color: #1e1e1e;
    box-shadow: 0 0 0 2px rgba(30, 30, 30, 0.1);
}

.pergoline-autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: var(--radius-dropdown, 8px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.dropdown-item {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s;
    background-color: #fff;
}

.dropdown-item:hover,
.dropdown-item.selected {
    background-color: #f0f7ff;
}

.pergoline-error-message {
    margin-top: 8px;
    font-size: 13px;
    color: #e53935;
}

/* source: pergoline/element/navigation.css */
@keyframes navigationEffect {
  0% {
    transform: translateY(-100%) scale(0);

  }
  100% {
    transform: translateY(0) scale(1.0);
    
  }
}



@keyframes navigationEffectHide {
  0% { 
    transform: translateY(0) scale(1.0);
  }
  100% {
     transform: translateY(-100%) scale(0);
  }
}


/*
@keyframes navigationSMEffectHide {
  0% { 
    transform: translateY(0) scale(1.0);
  }
  99% {
     transform: translateY(-100%) scale(0);
  } 100% {
    visibility:hidden;
  }
}
*/
/* TOP NAVIGATION MENU */
.pergoline-navigation-top {
  display: flex;
  justify-content: center;
  gap: 42px;
  margin-bottom: 24px;
}

.pergoline-navigation-top a {
  color: #585858;
  text-align: center;
/*  font-family: "Montserrat-SemiBold", sans-serif;  */
  font-size: 32px;
  font-weight: 600;
  position: relative;
}

.pergoline-navigation-top> a:hover {

  /*background-color: black;*/
  color: var(--ai-secondary);
  transform: scale(1.1);
  
}

.pergoline-navigation-top > a.active {
  color:#F0F0F0;
  border-bottom: 2px solid;
  border-color:#F0F0F0;
}

@media (max-width: 800px) {

  .pergoline-navigation-top a {
    display:block;
    width: 100%;

  }

}

@media (max-width: 991px) {
    .pergoline-navigation-top{
        display: none;
    }
}


.pergoline-navigation-top-sm {
  display: flex;
  justify-content: center;
  /*gap: 42px;*/
  margin-bottom: 10px;
}

@media (min-width: 991px) {
    .pergoline-navigation-top-sm{
        display: none;
    }
}

.pergoline-navigation-top-sm a {
  color: #585858;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  position: relative;
  border-bottom: 2px solid #585858;
  cursor:pointer;
  font-size: 24px;
}

.pergoline-navigation-top-sm a:hover {
  color: black;
  border-color: black;
  transform: scale(1.1);

}

.pergoline-navigation-top-dropdown-container{
    display: flex;
}

.pergoline-navigation-top-dropdown-item {
    color: black;
    cursor:pointer;
    width: 100%;
}

.pergoline-navigation-top-dropdown-item:hover {
    transform: scale(1.05);    
}



/* NAVIGATION MENU */

.pergoline-navigation {
    color: #060606;
   /* min-width: 800px;*/
    padding-bottom: 10px;
    position: relative;
    
}


.pergoline-navigation-item-icon-content {
    display: grid;
    grid-template-columns: auto;    
}

.pergoline-navigation-item-icon-image {
    max-width: 64px;
    height:58px;
}

.pergoline-navigation-item-icon-container {
    display: grid;
    grid-template-columns: 32px auto;
}

.pergoline-navigation-item {
    display: grid;
    grid-template-columns: 32px auto;
}


@media (min-width: 991px) {
    .pergoline-navigation-main{
        margin: auto;
        width: 100%;


        position: absolute;
        left: 0px;
        top: 70px;
        width: 100%;
    }

    @keyframes headerTopEffect {
        0% { 
            top: 0px;
            width:100%
        }
        100% {
            top: -55px;
            width:60%
        }
    }

    @keyframes headerTop2Effect {
        0% { 
            top: -75px;
        }
        100% {
            top: 0px;
        }
    }

    .pergoline-navigation-main.minimalized {
       /*top: -55px; 
       width: 60%;
       */
       /* top: -75px;*/
        /*transition: top 0.3s;*/
        position: relative;
        left: unset;
        top: unset;
        width: unset;
    }

    .pergoline-navigation-main.minimalizing {
        animation: 10.3s  0s 1 headerTopEffect;  
    }

   /* .pergoline-navigation-main.maximalizing {
        animation: 1.3s  0s 1 headerTop2Effect;  
    }
*/
    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item > .pergoline-navigation-item-texts > .pergoline-navigation-item-label {
        display: none;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item {
        height: 32px;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-search-button  {
        height: 32px;
        width: 32px;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-search-button > strong  {
        display:none;
    }

    .pergoline-navigation-item-icon-container {
        display: grid;
        grid-template-columns: 64px auto;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item> .pergoline-navigation-item-icon-container {
        display: grid;
        grid-template-columns: 32px auto;
    }
    
    .pergoline-navigation-item-icon-content {
        display: grid;
        grid-template-columns: auto;    
    }

    .pergoline-navigation-item-icon-image {
        max-width: 64px;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item >  
        .pergoline-navigation-item-icon-image {
        height: 32px;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item >  
        .pergoline-navigation-item-icon-image >  img {
        height: 32px;
    }

     .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item > .pergoline-navigation-item-texts >
        .pergoline-navigation-item-value {
        font-size: 13px;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item  
    {
        display: grid;
        grid-template-columns: 32px auto;
        padding: 0px;
        justify-content: start;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item> .pergoline-navigation-item-icon-container > 
        .pergoline-navigation-item-icon-content >  .pergoline-navigation-item-label {
        display: none;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item > .pergoline-navigation-color-indicator  
    {
        height: 32px;
        width: 32px;
    }

    .pergoline-navigation-main.minimalized > .pergoline-navigation > .pergoline-navigation-container >
        .pergoline-navigation-item-container > .pergoline-navigation-item > svg  
    {
        height: 32px;
        width: 32px;
        
    }

    .pergoline-navigation-main.visible{
        animation: 1s ease-out 0s navigationEffect;
        /*margin: auto;
        width: 60%;
        min-width: 800px;
*/
        transform: translateY(0) scale(1);
/*        transition-property: transform;
        transition-delay: 1s;
        transition-duration: 1s;*/  
    }

    .pergoline-navigation-main.visible-1s{
        animation: 1s ease-out 1s navigationEffect;
        animation-delay: 1s;
        /*margin: auto;
        width: 60%;
        min-width: 800px;
*/
        transform: translateY(0) scale(1);
/*        transition-property: transform;
        transition-delay: 1s;
        transition-duration: 1s;*/  
    }

    .pergoline-navigation-main.visible-pom {

        transform: translateY(0) scale(1);
 
    }

    .pergoline-navigation-main.visible-ef {
        animation: 1s ease-out 0s 1 navigationEffect;
        /*margin: auto;
        width: 60%;
        min-width: 800px;
*/
 /*       transform: translateY(0) scale(1);
        transition-property: transform;
        transition-delay: 1s;
        transition-duration: 1s;*/  
    }



     body:not(:has(.navbar-scroll)) > .pergoline-navigation-main {

		display:none;
	}

    .pergoline-navigation-main.invisible {
        animation: 1s ease-out 0s 1 navigationEffectHide; 
        /*transform: translateY(-100%) scale(0);
        transition: all 1s ease-in-out;*/
/*
        scale: 0;
        top: -100%;*/
        
        transform: translateY(-100%) scale(0);
        /*transition-property: transform;
        transition-delay: 0s;
        transition-duration: 1s;*/
    }

    .pergoline-navigation-main.invisible-pom {
        transform: translateY(-100%) scale(0);
    }

    .pergoline-navigation-main.invisible-ef {
        /*animation: 1s ease-out 0s 1 navigationEffectHide; */
        /*transform: translateY(-100%) scale(0);
        transition: all 1s ease-in-out;*/
/*
        scale: 0;
        top: -100%;*/
        
        transform: translateY(-100%) scale(0);
        /*transition-property: transform;
        transition-delay: 0s;
        transition-duration: 1s;*/
       

    }
}




@media (max-width: 991px) {
/*    .pergoline-navigation-main {
        position: fixed;
        top:0px;
        left:0px;
        height:100vh;
        width:100%;
        background-color: white;
        display:none;
    }
*/
    
    .pergoline-navigation-main:has(div.pergoline-navigation-dropdown:not(.invisible))  {
        display:block;
    }

    
    .pergoline-navigation-main.pergoline-navigation-modal-show {
        display: block;
    }

    .body-overflow-hidden {
        overflow: hidden;
    }

}

.pergoline-navigation-container {
    display: flex;
    padding: 4px;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    position: relative;
}

@media (max-width: 991px) {
    .pergoline-navigation-container {
        /*position: absolute;
        top:0px;
        left:0px;
        height:100vh;
        width:100vh;
*/
        flex-direction: column;
        align-items: stretch;
        
        background-color: white;
        padding: 10px;
    }
}

@media (max-width: 991px) {
    
    .pergoline-navigation-sm{
       display:none;
    }

    
}

@media (min-width: 991px) {
    .pergoline-navigation-sm {
        scale: 1;
        transition-property: scale;
        transition-delay: 1s;
        transition-duration: 1s;
    }

    .pergoline-navigation-sm.invisible{
       /*animation: 1s ease-out 0s 1 navigationSMEffectHide; */
        scale: 0;
        /*transform: scale(0);*/
       /* transition-delay: 1s;
        transition: scale 1s;*/

        transition-property: scale;
        transition-delay: 0s;
        transition-duration: 1s;
        
    }
}


.pergoline-navigation-item-container {
    flex: 1;
}

@media (max-width: 991px) {
    .pergoline-navigation-item-container {
        padding-bottom: 5px;
    }
}


.pergoline-navigation-item {
    /*height: 57px;*/
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: left;
    /*display: flex;*/
    display:grid;
    grid-template-columns: 64px auto;
    /*padding: 16px 4px;*/

    flex-direction: column;
    gap: 4px;
    text-align: left;
    flex: 1;
    padding: 10px;
}

.pergoline-navigation-item > svg  
    {
        height: 64px;
        width: 64px;
        
    }

.pergoline-navigation-item-texts {
    display:grid;
    grid-template-columns: auto;

}

.pergoline-navigation-item:hover {
  background-color: white;
  color: #1b1d1f;
  border-radius: var(--radius-navigation-item, 8px);
  transform: translateY(-1px);
  box-shadow: 0 5px 16px rgba(0, 0, 0, .08);
}

.pergoline-navigation-item.active {
  background-color: white;
  color: #1b1d1f;
  border-radius: var(--radius-navigation-item, 8px);
}

.pergoline-navigation-item-sm {
    height: 40px;
    align-items: center;
}


.pergoline-navigation-item-label {
    color: #060606;
    font-size: 16px;
    font-weight: 400;
}

.pergoline-navigation-item-value {
    color: #060606;
    font-size: 18px;
    font-weight: 700;
}


.pergoline-navigation-divider {
  /*  width: 1px;
    background-color: #d4d4d4;*/

    margin-top: -1px;
    border-style: solid;
    border-color: #d4d4d4;
    border-width: 1px 1px 0 0;
    align-self: stretch;
    flex-shrink: 0;
    width: 1px;
    position: relative;
}

@media (max-width: 991px) {
    .pergoline-navigation-divider {
        width: 100%;
        height: 1px;
    }
}

.pergoline-navigation-color-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pergoline-navigation-color-indicator {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-indicator, 2px);
    border: 2px solid red;
    background-color: #060606;
    color:transparent;
}


.pergoline-navigation-dropdown {
    position: absolute;
    /*top: calc(100% + 4px);*/
    left: 0;
    width: 100%;
    border: 1px solid #d9d9d9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pergoline-navigation-dropdown.invisible {
    display: none;
}

@media (max-width: 991px) {
    .pergoline-navigation-dropdown {
        position: fixed;
        top:0px;
        left:0px;
        height:100vh;
        width:100%;
        overflow: auto;
    }
}

.pergoline-navigation-search-button {
    display: flex;
    width: 156px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
    margin-left: auto;
    background-color: red;
    color: white;
    font-size: large;
}

.pergoline-navigation-search-button:hover {
    opacity: 0.8;
    box-shadow: 1px 1px 1px 1px gray;
}

.pergoline-navigation-search-button:focus {
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
}

.pergoline-navigation-search-button-sm {
    height: 40px;
    width: 40px;
}

@media (max-width: 991px) {
    .pergoline-navigation-search-button {
        width: 100%;
        height: 57px;
    }
}

.pergoline-navigation-search-icon {
    flex-shrink: 0;
}


.color-options-grid {
/*    display: flex;*/
    gap: 16px;
    flex-wrap: wrap;
    column-count: 3;
}

.dimension-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.form-title {
    color: #060606;
    margin: 0;
    font: 600 16px Montserrat, -apple-system, Roboto, Helvetica, sans-serif;
}


.color-option-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.color-option-wrapper:hover .radio-button {
    border-color: #060606;
}

.radio-button {
    width: 20px;
    height: 20px;
    border-radius: var(--radius-round, 50%);
    border: 1px solid #b4b4b4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.2s;
    background-color: #fff;
}

.radio-dot {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-round, 50%);
    background-color: #060606;
}

.color-swatch {
    width: 18px;
    height: 18px;
    border-radius: var(--radius-indicator, 2px);
    flex-shrink: 0;
}

.color-label {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

/* Focus styles for accessibility */
.color-option-wrapper:focus {
    outline: 2px solid #060606;
    outline-offset: 2px;
    border-radius: var(--radius-control, 4px);
}

/* Hidden radio input for semantic HTML */
.color-option-wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}




/* NAVIGATION SMALL*/

.pergoline-navigation-small {
    color: #060606;
    min-width: 600px;
    padding-bottom: 10px;
    position: relative;
    
}

.pergoline-navigation-small-container {
    display: flex;
    padding: 4px;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    position: relative;
}

@media (max-width: 991px) {
    .pergoline-navigation-small-container {
        flex-direction: column;
        align-items: stretch;
    }
}


/* NAVIGATION MINI*/

.pergoline-navigation-mini {
    color: #060606;
   /* min-width: 800px;*/
    padding-bottom: 10px;
    position: relative; 
    display: none;  
    
}


/*
.pergoline-navigation-container-mini {
    display: flex;
    padding: 4px;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    position: relative;
}

.pergoline-navigation-container-mini:hover {
     transform:scale(1.01);
  box-shadow: 2px 2px 2px 2px gray;    
}
*/

@media (max-width: 991px) {
    .pergoline-navigation-mini{
        display:flex;
        justify-content: center;
        top: -50px;
        width: 190px;
        left: calc(50% - 95px);
    }
}

.pergoline-navigation-item-mini {
    height: 40px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    gap: 4px;
    text-align: left;
    flex: 1;
    align-items: center;
}

@media (max-width: 650px) {
    .pergoline-navigation-item-mini{
       display:none;
    }

     .pergoline-navigation-mini{

        width: 32px;
        left: calc(50% - 16px);
    }
}

/*
.pergoline-navigation-item-mini:hover {
  background-color: white;
  color:white;
  transform:scale(1.01);
  box-shadow: 1px 1px 1px 1px gray;
}
*/
.pergoline-navigation-search-button-mini {
    height: 40px;
    width: 40px;
}

.pergoline-navigation-modal-header {
    display: flex;
    align-items: right;
    justify-content: right;
    padding-right: 20px;
}
					
.pergoline-navigation-modal-close {
    color: black;
   /* float: right;*/
    font-size: 48px;
    font-weight: bold;
    cursor: pointer;
}

@media (min-width: 991px) {
    .pergoline-navigation-modal-header {
       display:none;
    }
}

.pergoline-navigation-modal-close:hover {
    transform:scale(1.1);
}

.pergoline-navigation-dimension-button {
    background-color: black;
    color:white;
    padding: 16px 32px;
    font-size: 20px;
    width:100%;
}

.pergoline-navigation-dimension-button:hover {
    box-shadow: 1px 1px 1px 1px gray;
}

@media (min-width: 991px) {
    .pergoline-navigation-dimension-button {
       display:none;
       
    }
}

.benefits {
 /* max-width: 850px;*/
  margin: 0 auto;
  min-height: 42px;
  display: flex;
  /*justify-content: space-around;*/
  align-items: center;
  font-size: 16px;
 /* color: black;*/
  
    /*background-color:  #f0f0f0;*/
    background-color: black;
    width: 100%;
    color: white;
    /*border-top: 1px solid #d4d4d4;*/

    justify-content: center;
    gap: 20px

}

@media (max-width: 991px) {
	.benefits {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0px;
	}
	.benefits > b, span {
		text-align: center;
	}
}

.benefits span:first-child,
.benefits span { }
.benefits span::first-letter { color: red; }
.benefits b { color: white; }


.pergoline-navigation-main.minimalized > .pergoline-navigation > .benefits 
{
    min-height: 32px;
    font-size: 12px;
    display: none;

}

/* source: pergoline/element/radio.css */
.pergoline-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border: 1px solid #D9D9D9;
}

.pergoline-radio.pergoline-invisible {
    display: none;
}

.pergoline-radio:hover .pergoline-radio-button {
    border-color: #060606;
}

.pergoline-radio-button {
    width: 20px;
    height: 20px;
    border-radius: var(--radius-round, 50%);
    border: 1px solid #b4b4b4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.2s;
    background-color: #fff;
}

.pergoline-radio-dot {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-round, 50%);
    background-color: #060606;
    display: none;
}


.pergoline-radio-color-swatch {
/*
    width: 18px;
    height: 18px;
    border-radius: var(--radius-indicator, 2px);
    flex-shrink: 0;
*/
    width: 64px;
    height: 64px;
    border-radius: var(--radius-indicator, 2px);
    border: 2px solid red;
    background-color: #060606;
    color: transparent;
}

.pergoline-radio-label {
    color: #1e1e1e;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

/* Focus styles for accessibility */
.pergoline-radio:focus {
    outline: 2px solid #060606;
    outline-offset: 2px;
    border-radius: var(--radius-control, 4px);
}

/* Hidden radio input for semantic HTML */
.pergoline-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pergoline-radio.checked > .pergoline-radio-button > .pergoline-radio-dot {
    display: block;
}

.pergoline-radio.checked {
    border: 1px solid #8f8f8f;
}






.card{
  max-width: 350px;
  width: 100%;
  margin: 170px auto;
  background: #fff;
  border-radius: var(--radius-card, 5px);
  padding: 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.card .title{
  font-size: 22px;
  font-weight: 500;
}
.card .content{
  margin-top: 20px;
}
.card  label.box{
  background: #ddd;
  margin-top: 12px;
  padding: 10px 12px;
  display: flex;
  border-radius: var(--radius-control, 5px);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.25s ease;
}
#one:checked ~ label.first,
#two:checked ~ label.second,
#three:checked ~ label.third{
  border-color: #8E49E8;
  background: #d5bbf7;
}
.card  label.box:hover{
  background: #d5bbf7;
}
.card  label.box .circle{
  height: 22px;
  width: 22px;
  background: #ccc;
  border: 5px solid transparent;
  display: inline-block;
  margin-right: 15px;
  border-radius: var(--radius-round, 50%);
  transition: all 0.25s ease;
  box-shadow: inset -4px -4px 10px rgba(0, 0, 0, 0.2);
}
#one:checked ~ label.first .circle,
#two:checked ~ label.second .circle,
#three:checked ~ label.third .circle{
  border-color: #8E49E8;
  background: #fff;
}
.card  label.box .plan{
  display: flex;
  width: 100%;
  align-items: center;
}
.card input[type="radio"]{
  display: none;
}

/* source: pergoline/element/select.css */
/* Color Select Dropdown Styles */


/*

    <main class="pergoline-select-container">
        <section class="pergoline-select">
            <button
                class="pergoline-select-trigger"
                aria-haspopup="listbox"
                aria-expanded="false"
                data-el="button-1"
            >
                <div class="pergoline-select-content">
                    <div class="pergoline-select-checkbox-indicator"></div>
                    <div class="pergoline-select-label">
                        <template data-el="show">Ral 9010 (bílá)</template>
                        <template data-el="show-2">Ral 9016 (bílá dopravní)</template>
                        <template data-el="show-3">Ral 7035 (světle šedá)</template>
                    </div>
                </div>
                <svg
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                    class="pergoline-select-chevron-icon"
                    data-el="svg-1"
                >
                    <path
                        d="M6 9L12 15L18 9"
                        stroke="#060606"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    ></path>
                </svg>
            </button>
            <template data-el="show-4">
                <ul role="listbox" class="dropdown-menu">
                    <li class="dropdown-option" role="option" tabindex="0" data-el="div-1">
                        <div class="option-indicator"></div>
                        <span class="option-label">Ral 9010 (bílá)</span>
                    </li>
                    <li class="dropdown-option" role="option" tabindex="0" data-el="div-2">
                        <div class="option-indicator"></div>
                        <span class="option-label">Ral 9016 (bílá dopravní)</span>
                    </li>
                    <li class="dropdown-option" role="option" tabindex="0" data-el="div-3">
                        <div class="option-indicator"></div>
                        <span class="option-label">Ral 7035 (světle šedá)</span>
                    </li>
                </ul>
            </template>
        </section>
    </main>

*/


.pergoline-select-container {
 /*   font-family: Montserrat, -apple-system, Roboto, Helvetica, sans-serif;  */
    max-width: 400px;
    margin: 0 auto;
}

.pergoline-select {
    position: relative;
    width: 100%;
}

.pergoline-select-trigger {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 10px;
    width: 100%;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s;
    background-color: #fff;
}

.pergoline-select-trigger:hover {
    border-color: #8f8f8f;
}

.pergoline-select-trigger:focus {
    border-color: #1e1e1e;
    box-shadow: 0 0 0 2px rgba(30, 30, 30, 0.1);
}

.pergoline-select-content {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.pergoline-select-checkbox-indicator {
    width: 18px;
    height: 18px;
    border-radius: var(--radius-indicator, 2px);
    border: 1px solid #8f8f8f;
    background-color: #fff;
}

.pergoline-select-label {
    color: #1e1e1e;
    font-size: 14px;
    /*font-weight: 500;*/
    line-height: 150%;
}

.pergoline-select-chevron-icon {
    transition: transform 0.2s;
}

.pergoline-select-chevron-icon-flip {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    border: 1px solid #d9d9d9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pergoline-select-option {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.pergoline-select-option:hover {
    background: #f5f5f5;
}

.pergoline-select-option:focus {
    background: #f5f5f5;
    outline: none;
}

.pergoline-select-option-indicator {
    width: 18px;
    height: 18px;
    border-radius: var(--radius-indicator, 2px);
    border: 1px solid #8f8f8f;
    background-color: #fff;
}

.pergoline-select-option-label {
    color: #1e1e1e;
    font-size: 14px;
    /*font-weight: 500;*/
    line-height: 150%;
}

/* Selected state styling */
.pergoline-select-option[aria-selected="true"] .option-indicator {
    background-color: #1e1e1e;
}

/* Responsive design */
@media (max-width: 480px) {
    .color-select-container {
        max-width: 100%;
        padding: 0 16px;
    }
}

/* Disabled */

.pergoline-select.disabled > .pergoline-select-trigger {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #f0f0f0;
}

/* source: pergoline/element/switch.css */
.pergoline-switch{
    display: flex;
    align-items: center;
    gap: 12px;
    /*padding: 20px;*/
   /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;     */
}

.pergoline-switch-label {
    font-size: 16px;
    font-weight: 500;
    color: #1f2937;
    cursor: pointer;
    user-select: none;
}

.pergoline-switch-status-text {
    font-size: 14px;
    font-weight: 600;
    min-width: 32px;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pergoline-switch-status-on {
    color: #9ca3af;
}

.pergoline-switch-status-off {
    color: #000000;
}

.pergoline-switch-toggle {
    position: relative;
    width: 52px;
    height: 28px;
    border-radius: var(--radius-pill, 14px);
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #d1d5db;
}

.pergoline-switch-toggle:hover {
    transform: scale(1.02);
}

.pergoline-switch-toggle:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pergoline-switch-toggle-slider {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    border-radius: var(--radius-round, 50%);
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active state styles */
.pergoline-switch-toggle[aria-checked="true"] {
    /*background-color: #000000;*/
    background-color: #A6E0AB;
}

.pergoline-switch-toggle[aria-checked="true"] .pergoline-switch-toggle-slider {
    left: 26px;
}

.pergoline-switch-toggle[aria-checked="true"] ~ .pergoline-switch-status-on {
    color: #000000;
}

.pergoline-switch-toggle[aria-checked="true"] ~ .pergoline-switch-status-off {
    color: #9ca3af;
}

/* Alternative approach using adjacent sibling selectors for better browser support */
.pergoline-switch:has(.toggle-switch[aria-checked="true"]) .pergoline-switch-status-on {
    color: #000000;
}

.pergoline-switch-:has(.toggle-switch[aria-checked="true"]) .pergoline-switch-status-off {
    color: #9ca3af;
}

/* source: pergoline/element/tab.css */
.pergoline-tabs {
    /*margin-top: 32px;*/
}

.pergoline-tab-navigation {
    /*display: flex;*/
    display:inline-block;
    align-items: center;
    gap: 32px;
    border-bottom: 2px solid transparent;
}

@media (max-width: 640px) {
    .tab-navigation {
        gap: 16px;
        overflow-x: auto;
    }
}

.pergoline-tab-button {
    background: none;
    border: none;
    /*padding: 0 0 8px 0;*/
    padding-bottom: 8px;
    padding-right: 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.pergoline-tab-button.active {
    border-bottom: 2px solid;
}

.pergoline-tab-content {
    margin-top: 32px;
}

.pergoline-tab-panel {
    margin: 0;
    display: none;
}

.pergoline-tab-panel.show {
    display: block;
}

.pergoline-tab-content-title {
    color: #060606;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px 0;
}

.pergoline-tab-content-description {
    color: #060606;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.pergoline-tab-panel-placeholder {
    color: #060606;
    font-size: 14px;
}

/* source: pergoline/summary.css */
.pergoline-summary-panel {
    padding: 32px;
    background-color: white;
/*    font-family: Montserrat, -apple-system, Roboto, Helvetica, sans-serif;    */
    color: var(--ai-content-primary);
}

@media (max-width: 640px) {
  .pergoline-summary-panel {
    padding: 4px;
  }
}

.pergoline-summary-list {
    display: flex;
    flex-direction: column;
   /* gap: 24px;
    margin-bottom: 32px;*/
}

.pergoline-summary-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pergoline-summary-main {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .pergoline-summary-main {
        flex-direction: column;
    }
}

.pergoline-summary-info-section {
    display: flex;
    gap: 16px;
    flex: 1;
}

@media (max-width: 640px) {
    .pergoline-summary-info-section {
        flex-direction: column;
    }
}

.pergoline-summary-thumbnail {
    width: 85px;
    height: 85px;
    object-fit: cover;
}

.pergoline-summary-description {
    flex: 1;
}

.pergoline-summary-title {
    font-size: 16px;
    font-weight: 600;
    color: #060606;
    margin: 0 0 4px 0;
    line-height: 140%;
}

.pergoline-summary-subtitle {
    font-size: 12px;
    font-weight: 500;
    color: #060606;
    margin: 0;
    line-height: 140%;
}

.pergoline-summary-attributes {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 300px;
}

@media (max-width: 640px) {
    .pergoline-summary-attributes {
        min-width: auto;
    }
}

.pergoline-summary-attribute-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 140%;
}

.pergoline-summary-attribute-label {
    font-weight: 700;
    color: #060606;
}

.pergoline-summary-attribute-value {
    font-weight: 500;
    color: #060606;
}

.pergoline-summary-actions {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 640px) {
    .pergoline-summary-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
}

.pergoline-summary-quantity-selector {
    display: flex;
    align-items: center;
}

.pergoline-summary-quantity-button {
    width: 36px;
    padding: 8px 12px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #060606;
    cursor: pointer;
    transition: background 0.2s;
    background-color: #fff;
}

.pergoline-summary-quantity-button:hover {
    background: #f5f5f5;
}

.pergoline-summary-quantity-display {
    width: 36px;
    padding: 8px 12px;
    border: 1px solid #d9d9d9;
    font-size: 16px;
    font-weight: 500;
    color: #060606;
    text-align: center;
    background-color: #fff;
}

.pergoline-summary-price-and-delete {
    display: flex;
    align-items: center;
    gap: 21px;
}

.pergoline-summary-price {
    font-size: 16px;
    font-weight: 600;
    /*color: #060606;*/
	color: var(--product-card-active-color);
}

.pergoline-summary-delete-button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    transition: opacity 0.2s;
}

.pergoline-summary-delete-button:hover {
    opacity: 0.7;
}

.pergoline-summary-divider {
    height: 1px;
    background-color: #ddd;
}


/* Order Summary */
.pergoline-order-summary {
    display: flex;
    gap: 19px;
    margin-bottom: 32px;
}

@media (max-width: 640px) {
    .pergoline-order-summary {
        flex-direction: column;
    }
}

.pergoline-summary-left {
    flex: 1;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #f4f4f4;
}

.pergoline-summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 500;
    color: #060606;
    line-height: 140%;
}

.pergoline-summary-right {
    flex: 1;
    padding: 25px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    background-color: #f4f4f4;
}

.pergoline-total-label {
    font-size: 16px;
    font-weight: 600;
    color: #060606;
}

.pergoline-total-price {
    font-size: 24px;
    font-weight: 600;
    /*color: #060606;*/
	color: var(--product-card-active-color);
}

/* Navigation */
.pergoline-page-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 640px) {
    .pergoline-page-navigation {
        flex-direction: column;
        gap: 16px;
    }
}

.pergoline-nav-back-button {
    padding: 16px 32px;
    border: 1px solid #585858;
    color: #585858;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    background-color: #fff;
}

.pergoline-nav-back-button:hover {
    background: #585858;
    color: #fff;
}

@media (max-width: 640px) {
    .pergoline-nav-back-button {
        width: 100%;
        font-size: 16px;
    }
}

.pergoline-page-indicator {
    font-size: 16px;
    font-weight: 500;
    color: #585858;
}

.pergoline-nav-continue-button {
    padding: 16px 32px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #060606;
    border: none;
    color: #f0f0f0;
    color:white;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
}

.pergoline-nav-continue-button:hover {
    opacity: 0.9;
}

@media (max-width: 640px) {
    .pergoline-nav-continue-button {
        width: 100%;
        font-size: 16px;
    }
}

.pergoline-summary-content {
    margin: 0.5rem;
    padding: 0.5rem 1rem;
	background: white;
}

/* source: pergoline/footer.css */
.social-links {
    display: flex;
    gap: 15px;
    align-items: center;
}

.social-links a {
    display: flex;
    justify-content: center;
    align-items: center;
   /* width: 48px;
    height: 48px;*/
    width: 24px;
    height: 24px;
    /*border-radius: 50%;*/
    /*background: #f3f3f3;*/
    background: black;
    transition: all .3s;
    text-decoration: none;
}

.social-links a:hover {
    transform: translateY(-3px);
    /*background: #e6e6e6;*/
}

.social-links svg {
    width: 24px;
    height: 24px;
    fill: white;
}

/* source: pergoline/pergoline.css */
.pergoline-text-desc {

  font-size: 12px;
  /*color: #585858;*/
  opacity: 0.5;
}

.pergoline-text-normal {
    font-size: 14px; 
    color: black; 
}


.pergoline-grid-1 {
  display: grid;
  grid-template-columns: 100%;
  padding: 0px;

}

.pergoline-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0px;
  gap:16px;
}


.pergoline-grid-2-30 {
  display: grid;
  /*grid-template-columns: 30% 70%;*/
  grid-template-columns: 0.3fr 1fr;
  padding: 0px;
  gap:16px;
}

.pergoline-grid-2-end-50px {
  display: grid;
  grid-template-columns: auto 50px;
  padding: 0px;
  gap:16px;
}

.pergoline-grid-2-start-10px {
  display: grid;
  grid-template-columns: 10px auto;
  padding: 0px;
  gap:16px;
}

.pergoline-grid-2-start-30px {
  display: grid;
  grid-template-columns: 30px auto;
  padding: 0px;
  gap:16px;
}

.pergoline-grid-2-start-40px {
  display: grid;
  grid-template-columns: 40px auto;
  padding: 0px;
  gap:16px;
}

.pergoline-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px;
  gap:16px;
}

.pergoline-grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0px;
  gap:16px;
}

.pergoline-columns-2 {
    gap: 16px;
    flex-wrap: wrap;
    column-count: 2;
}

.pergoline-columns-3 {
    gap: 16px;
    flex-wrap: wrap;
    column-count: 3;
}

@media (max-width: 991px) {
    .pergoline-grid-4 {
        display: grid;
       grid-template-columns: 1fr;

    }

    .pergoline-columns-3 {
        gap: 16px;
        flex-wrap: wrap;
        column-count: 1;
    }

    .pergoline-grid-2 {
      display: grid;
      grid-template-columns: 1fr;
      padding: 0px;
      gap:16px;
    }

    .pergoline-grid-2-30 {
      grid-template-columns: 1fr;
    }
} 




@media (max-width: 600px) {
    .pergoline-grid-3 {
      display: grid;
       grid-template-columns: 1fr;

    }

    .pergoline-columns-3 {
      gap: 16px;
      flex-wrap: wrap;
      column-count: 1;
  }
} 




/*
@container (width < 800px) {
  .pergoline-grid-3{

     grid-template-columns: 1fr;;
  }
}
*/

/*
@media (max-width: 400px) {
    .pergoline-grid-4 {
        display: grid;
       grid-template-columns: 1fr;

    }
} 
*/

.pergoline-invisible {
  display: none;
}

.pergoline-input-container {
  padding: 4px;
}

.pergoline-card {
  padding: 24px;
}

.pergoline-card-header {
  padding-bottom: 24px;
   /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;*/
}

.pergoline-input-group {
    padding: 0px;
}

.pergoline-main-header {
  display: block;
  justify-content: space-between;
  align-items: center;
  /*padding: 20px 80px;*/
  width: 100%;
  /*max-width: 1440px;*/
  margin: 0 auto;

  /*background-color:transparent;*/
  background-color: black !important;
  align-items: normal;
  /*height: 11rem;*/
  height: 12rem;
  padding-top: 4px;
}

@media( max-width: 991px ) {
    .pergoline-main-header {
        height: 75px;
        min-height: 60px;
    }
}

@keyframes headerHeigthMinEffect {
  0% { 
    height: 150px;
  }
  100% {
     height: 75px;
     min-height: 60px;
  }
}

@keyframes headerHeigthMaxEffect {
  0% { 
    height: 75px;
  }
  100% {
     height: 150px;

  }
}


/*
.pergoline-main-header.minimalized {
    animation: 0.3s ease-out 0s 1 headerHeigthEffect;
    height: 60px;
    min-height: 60px;
    
}
*/

.pergoline-main-header:has(.minimalized) {  
    height: 75px;
    min-height: 75px;
    
}

.pergoline-main-header:has(.minimalizing) {  
  animation: 0.3s ease-out 0s 1 headerHeigthMinEffect;
}
/*
.pergoline-main-header:has(.maximalizing) {  
  animation: 1.3s ease-out 0s 1 headerHeigthMaxEffect;
}
*/
/*
@media( max-width: 600px ) {
  .pergoline-main-header {

    padding: 2px 0px;

  }
}


body:not(:has(.navbar-scroll)) > .pergoline-main-header {
		background-color: black !important;
	}

body:has(.navbar-scroll) > .pergoline-main-header {
		background-color: transparent;
	}

*/

.pergoline-main-header-row1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*padding: 20px 80px;*/
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  align-items:normal;
}


@media (max-width: 991px) {
  .main-header {
    padding: 20px 40px;
  }
}

@media (max-width: 640px) {
  .main-header {
    padding: 15px 20px;
  }
}

.pergoline-logo-image {
 /* width: 241px;
  height: 43px;*/
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .logo-image {
    width: 180px;
    height: auto;
  }
}

.pergoline-header-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  padding-top:10px;
}

.pergoline-action-button {
  display: flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #f0f0f0;
  transition: opacity 0.2s;
 /* font: 500 14px Montserrat, -apple-system, Roboto, Helvetica, sans-serif; */
}

.pergoline-action-button:hover {
  opacity: 0.8;
}

.pergoline-cart-button:hover {
  opacity: 0.8;
}

.pergoline-login-button:hover {
  opacity: 0.8;
}

.pergoline-breadcrumb {
  display: flex;
  align-items: center;
  gap: 17px;
  flex-wrap: wrap;
}

.pergoline-breadcrumb-item {
 /* color: #060606; */
/*  font: 600 16px Montserrat, -apple-system, Roboto, Helvetica, sans-serif; */
}

@media (max-width: 640px) {
  .pergoline-breadcrumb-item {
    font-size: 14px;
  }
}

.pergoline-breadcrumb-divider {
  width: 1px;
  height: 20px;
  background-color: #000;
}



/* CARD */
.pergoline-radio-card {
  background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.75em 1em;
	/*padding-inline-end: 2em;*/
	position: relative;
  border:1px solid #D9D9D9;
  color: black;
}

@media (max-width: 640px) {
  .pergoline-radio-card {
    padding: 0.75em 0em;
  }
}

.pergoline-radio-card:has(.pergoline-radio-card-input:checked) {
	border: 1px solid #8f8f8f;
}

.pergoline-radio-card:has(.pergoline-radio-card-input:disabled) {
	opacity: 0.5;
}

.pergoline-radio-card.checked-color:has(.pergoline-radio-card-input:checked) {
	background-color: black;
	color: white;
}

.pergoline-radio-card-header {
    display: flex;
    justify-content: space-between;
    /*display: grid;
    grid-template-columns: auto 50px;*/
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border: none;
}

.pergoline-radio-card-header-left {
  display: grid;
  grid-template-columns: 24px auto;
}

.pergoline-radio-card-button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #b4b4b4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.2s;
    background-color: #fff;
    
}

.pergoline-radio-card-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #060606;
    display: none;
}

.pergoline-radio-card:has(.pergoline-radio-card-input:checked)  .pergoline-radio-card-dot{
	display: block;
}

.pergoline-radio-card-input {
  display:none;
}

.pergoline-radio-card-info {
  padding-left: 2rem;
}

.pergoline-radio-card-info {
 /* padding-left: 2rem;*/
  padding-left: 24px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 640px) {
  .pergoline-radio-card-info {
    padding-left: 4px;
    padding-right: 4px;
  }
}




.pergoline-radio-card-collapse {
  display:none;
}

.pergoline-radio-card:has(.pergoline-radio-card-input:checked) .pergoline-radio-card-collapse {
	display: block;
}


/* RADIO TAB CARD */
.pergoline-radio-tab-card {
  background-color: white;
	display: none;
/*	flex-direction: column;
	justify-content: space-between;
	padding: 0.75em 1em;
	position: relative;*/
}

.pergoline-radio-tab-card:has(.pergoline-radio-tab-card-input:checked) {
	display:block;
}

.pergoline-radio-tab-card-input {
  display:none;
}

.pergoline-invalid {
  outline: none !important;
  border:1px solid red;

}

.pergoline-invalid:focus {
  outline: none !important;
  border:3px solid red;
  box-shadow: 0 0 10px #719ECE;
}


/* COLLAPSE CARD */

.pergoline-collapse {
  background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.75em 1em;
	/*padding-inline-end: 2em;*/
	position: relative;
}

.pergoline-collapse-content {
  display:none;
}

.pergoline-collapse-input {
  display:none;
}

.pergoline-card-header {
    display: flex;
    justify-content: space-between;
    /*display: grid;
    grid-template-columns: auto 50px;*/
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border: none;
}

.pergoline-collapse:has(.pergoline-collapse-input:checked)  .pergoline-collapse-content {
	display: block;
}

.pergoline-collapse-button:before {
  content: '\002B';
}

.pergoline-collapse:has(.pergoline-collapse-input:checked)  .pergoline-collapse-button:before {
	content: "\2212"; 
}


/* SELECT */
select {
  height: 30px;
}

/* INPUT */
.pergoline-input {
  border: 1px solid #8f8f8f;
}


.pergoline-button {
    display: flex;
    /*padding: 16px 32px;*/
    justify-content: center;
    align-items: center;
    border: none;
    color: #f0f0f0;
    font-size: 14px;
  /*  font-weight: 500;*/
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #060606;
}

.pergoline-button-lg {
  padding: 16px 32px;
  font-size: 20px;
}

.pergoline-button-normal {
  padding: 10px 32px;
  font-size: 14px;
}

.pergoline-button:disabled {
  /*background-color: #E3E3E3; */
  opacity: 0.1;
  background: black;
}

.pergoline-button:disabled:hover {
   /*background-color: #E3E3E3; */
  opacity: 0.1;
  background: black;
}


.pergoline-footer-container {
    padding-top: 40px;
}

.pergoline-footer-item {
  /*color: var(--ai-primary);*/
  /*letter-spacing: 1.5px;*/
  /*padding: 0.75rem 0;*/
  color: rgba(240, 240, 240, 0.50);
/*  padding-bottom: 16px; */
/*  font-family: Montserrat;   */
  font-size: 14px;
  font-style: normal;
  /*font-weight: 500; */
  line-height: normal;
}

.pergoline-footer-item:hover {
  color: white;
}

.pergoline-footer-info {
  color: var(--ai-primary);
  padding-left: 15px;
  padding-bottom: 16px;
/*  font-family: Montserrat; */
  font-size: 14px;
  font-style: normal;
  /*font-weight: 500;*/
  line-height: normal;
}

.pergoline-footer-logo-container {
  padding-bottom: 33px;
}

.pergoline-footer-column {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}

@keyframes homeNavigationEffect {
  0% {
    transform: translateY(-200%) scale(0);

  }
  100% {
    transform: translateY(0) scale(1.0);

  }
}


.pergoline-home-navigation-container {
    animation: 1s ease-out 0s 1 homeNavigationEffect;

    position:absolute;
    width:100%;
    align-items: center;
    /*top:500px;*/
    top: 300px;
    z-index: 99;
    /*transition: top 2s ease 0s;*/
}

/* Modal */

.pergoline-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.pergoline-modal.show {
	display:block;
}

/* Modal Content */
.pergoline-modal-content {
  position: relative;
  background-color: #fefefe;
  color:black;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 50%;
  top: 20%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animate_modal;
  -webkit-animation-duration: 0.4s;
  animation-name: animate_modal;
  animation-duration: 0.4s
}

/* Add Animation */
/*
@-webkit-keyframes animate_modal {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animate_modal {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
*/

@-webkit-keyframes animate_modal {
  from {top:0; opacity:0} 
  to {top:20%; opacity:1}
}

@keyframes animate_modal {
  from {top:0; opacity:0}
  to {top:20%; opacity:1}
}

/* The Close Button */
.pergoline-modal-close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.pergoline-modal-close:hover,
.pergoline-modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.pergoline-modal-header {
  padding: 2px 16px;
  background-color: black;
  color: white;
}

.pergolinemodal-body {padding: 2px 16px;}

.pergoline-modal-footer {
  padding: 2px 16px;
  background-color: black
  ;
  color: white;
}


:root {
    --carousel-navigation-size: 44px;
    --carousel-theme-color: #007aff;
    --carousel-navigation-top-offset: 50%;
    --carousel-navigation-sides-offset: 10px;
    --carousel-navigation-color: var(--swiper-theme-color);    
}

.pergoline-carousel {

  /*  width: 700px;*/
    height: 800px;
    
}


.pergoline-carousel-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.pergoline-carousel-item {
  height: 100%;
  position: absolute;
  width: 50%;
 /* height: 400px;  */
  border:5px solid #f0f0f0;
  background-color: white;
  color: black;

  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.pergoline-carousel-item-container {
  height: 100%;
  position: absolute;
  width: 100%;
  height: 100%;  

  display: flex;
  flex-direction: column;
 /* display: grid;
  justify-content: center;
  align-items: center; */
  overflow: hidden;
}

.pergoline-carousel-item-active {
    left: 25%;
    z-index: 1;
}

.pergoline-carousel-item-prev {

    transform:/* translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(0deg)*/ scale(0.8);
    left:0%;
    
    z-index: 0;
    /*transition-duration: 0ms;*/
}

.pergoline-carousel-item-next {
    transform: scale(0.8);
    left:50%; 
    z-index: 0;
}

.pergoline-carousel-item-hidden {
  display:none;  
}

.pergoline-carousel-button-prev, .pergoline-carousel-button-next {
    position: absolute;
    top: var(--carousel-navigation-top-offset, 50%);
    width: calc(var(--carousel-navigation-size) / 44 * 27);
    height: var(--carousel-navigation-size);
    margin-top: calc(0px - (var(--carousel-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--carousel-navigation-color, var(--carousel-theme-color));
    
}


.pergoline-carousel-button-next, .pergoline-carousel-rtl .pergoline-carousel-button-prev {
    right: var(--carousel-navigation-sides-offset, 10px);
    left: auto;
}

.pergoline-carousel-button-prev, .pergoline-carousel-rtl .pergoline-carousel-button-next {
    left: var(--carousel-navigation-sides-offset, 10px);
    right: auto;
}

.pergoline-carousel-img {
   /* max-width: 100%;*/
    max-height: 100%;
  
}

.pergoline-carousel-button-icon {
  fill: gray;
}

.pergoline-carousel-button-icon:hover {
  fill: black;
}

.pergoline-carousel-button-icon-red {
  fill: red;
}

.pergoline-carousel-button-icon-red:hover {
  fill: red;
}


.pergoline-carousel.pergoline-carousel-homepage > .pergoline-carousel-wrapper > .pergoline-carousel-item {
    width: 30%;
    /*position:relative;*/
}

.pergoline-carousel.pergoline-carousel-homepage > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-active {
  left:35%;    
}

.pergoline-carousel.pergoline-carousel-homepage > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-prev {
  transform: none;    
  left:4%;
}

.pergoline-carousel.pergoline-carousel-homepage > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-next{
  transform: none;  
  left: 66%; 
}

@media (max-width: 991px) {
  .pergoline-carousel.mobile-1 > .pergoline-carousel-wrapper > .pergoline-carousel-item{
    width: 75%;
    left: 12%;
  }

  .pergoline-carousel.mobile-1 > .pergoline-carousel-wrapper > .pergoline-carousel-item-prev,
  .pergoline-carousel.mobile-1 > .pergoline-carousel-wrapper > .pergoline-carousel-item-next {
    display: none;
  }

  .pergoline-carousel.pergoline-carousel-homepage > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-active {
    left: 12%;    
  }

}







.catalog-products-container {
    /*position: absolute;
    top: 300px;*/
    position:relative;
    left: 0;
    width: 100%;
    padding-top:350px;
}    

.catalog-background-container {
  position: absolute;
}

.catalog-background-container{
  height:100%;
}


.catalog-background-container > .swiffy-slider {
  height:100%;
}

.catalog-background-container > .swiffy-slider > .slider-container {
  height:100%;
}

.catalog-background-container > .swiffy-slider > .slider-container > .home-image {
  height:100%;
}

.catalog-background-container > .swiffy-slider > .slider-container > .home-image > .catalog-stage-image {
  height:100%;
}

.catalog-background-container > .swiffy-slider > .slider-container > .home-image > .catalog-stage-image > img {
  height:100%;
  object-fit: cover;
}

.pergoline-carousel-homepage {
  padding-bottom: 20px;
}

/* Homepage product carousel -------------------------------------------------
   A calm, single-product presentation. These rules are intentionally scoped
   so legacy carousels elsewhere in the shop keep their existing behaviour. */

.homepage-products-section {
  width: 100%;
 /* min-height: 100%;
  padding: clamp(28px, 5vh, 56px) clamp(16px, 3vw, 36px) 28px;*/
  background: transparent;
  color: #24272b;
}

.homepage-products-heading {
  width: min(100%, 1180px);
  margin: 0 auto clamp(22px, 4vh, 40px);
  /*text-align: left;*/
  text-align: center;

}

.homepage-products-heading h2 {
  margin: 5px 0 8px;
  color: #17191c;
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 650;
  letter-spacing: -0.025em;
}

/*
.homepage-products-heading > p:last-child {
  max-width: 680px;
  margin: 0;
  color: #66696d;
  font-size: 14px;
  line-height: 1.6;
}
*/


.homepage-products-eyebrow {
  margin: 0;
  color: var(--accent-color, #e94b27);
  /*font-size: 11px; 
  font-weight: 700;
  letter-spacing: 0.14em;
  */
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.08;
    letter-spacing: -0.025em;

	padding-bottom: 20px;

  
}

.homepage-products-carousel {
  width: min(100%, 1180px);
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  outline: none;
  touch-action: pan-y;
}


.homepage-products-carousel:focus-visible {
  outline: 2px solid var(--accent-color, #e94b27);
  outline-offset: 5px;
}

.homepage-products-carousel > .pergoline-carousel-wrapper {
  align-items: stretch;
  height: auto;
  box-sizing: border-box;
  transition: transform 460ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item,
.homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-active {
  position: relative;
  left: auto;
  flex: 0 0 100%;
  width: 100%;
  height: auto;
  min-width: 0;
  align-items: stretch;
  border: 1px solid #d5d7d9;
  border-radius: var(--radius-card, 3px);
  background: #fff;
  box-shadow: 0 18px 50px rgba(7, 9, 11, 0.09);
  opacity: 1;
  overflow: hidden;
  transform: none;
}

.homepage-products-carousel .pergoline-carousel-item-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
  background: #fff;
}

.homepage-products-carousel .product-card {
  min-width: 0;
  padding: 28px 24px 22px !important;
  border-bottom: 1px solid #e1e2e3;
  background: #f7f7f7;
}

.homepage-products-carousel .product-image-wrapper1 {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-products-carousel .product-image {
  width: 100%;
  max-width: 480px;
  height: 240px;
  object-fit: contain;
  transition: transform 350ms ease;
}

.homepage-products-carousel .product-card:hover .product-image {
  transform: scale(1.025);
}

.homepage-products-carousel .product-info-container,
.homepage-products-carousel .catalog-detail-basket,
.homepage-products-carousel .catalog-detail-basic {
  min-width: 0;
}

.homepage-carousel-controls {
  display: grid;
  grid-template-columns: 48px 1fr auto 48px;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
}

.homepage-products-carousel .pergoline-carousel-button-prev,
.homepage-products-carousel .pergoline-carousel-button-next {
  position: static;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 14px;
  border: 1px solid #292d31;
  border-radius: var(--radius-control, 2px);
  background: #101215;
  color: #fff;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.homepage-products-carousel .pergoline-carousel-button-next {
  transform: none;
}

.homepage-products-carousel .pergoline-carousel-button-next .pergoline-carousel-button-icon {
  transform: rotate(180deg);
}

.homepage-products-carousel .pergoline-carousel-button-prev:hover,
.homepage-products-carousel .pergoline-carousel-button-next:hover {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
}

.homepage-products-carousel .pergoline-carousel-button-prev:active,
.homepage-products-carousel .pergoline-carousel-button-next:active {
  transform: scale(0.96);
}

.homepage-products-carousel .pergoline-carousel-button-icon,
.homepage-products-carousel .pergoline-carousel-button-icon-red,
.homepage-products-carousel .pergoline-carousel-button-icon-red:hover {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.homepage-carousel-pagination {
  display: flex;
  align-items: center;
  gap: 9px;
}

.homepage-carousel-pagination button {
  width: 28px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-indicator, 2px);
  background: #c5c7c9;
  transition: width 200ms ease, background-color 200ms ease;
}

.homepage-carousel-pagination button[aria-current="true"] {
  width: 44px;
  background: var(--accent-color, #e94b27);
}

.homepage-carousel-status {
  min-width: 52px;
  color: #66696d;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

@media (max-width: 991px) {
  .homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item,
  .homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-active {
    left: auto;
    width: 100%;
  }

  .homepage-products-carousel .product-card {
    border-bottom: 1px solid #e1e2e3;
  }
}

@media (max-width: 600px) {
  .homepage-products-section {
    padding-inline: 14px;
  }

  .homepage-products-carousel .product-card {
    padding-inline: 14px !important;
  }

  .homepage-products-carousel .product-image-wrapper1 {
    min-height: 170px;
  }

  .homepage-products-carousel .product-image {
    height: 185px;
  }

  .homepage-carousel-controls {
    grid-template-columns: 44px 1fr 44px;
    gap: 10px;
  }

  .homepage-carousel-status {
    display: none;
  }

  .homepage-carousel-pagination {
    justify-content: center;
  }

  .homepage-carousel-pagination button {
    width: 18px;
  }

  .homepage-carousel-pagination button[aria-current="true"] {
    width: 30px;
  }
}

/* Final homepage carousel layout ------------------------------------------
   Scoped overrides resolve older carousel/product-card rules without
   changing cards on catalog and detail pages. */
/*
#tab2 .tab-container {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
*/
#tab2 .homepage-products-section {
/*  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding-inline: 0;
  padding-top: clamp(18px, 3vh, 34px);
  padding-bottom: 18px;
  overflow: hidden;*/
}

#tab2 .homepage-products-heading {
  flex: 0 0 auto;
  margin-bottom: clamp(12px, 2vh, 22px);
}

#tab2 .homepage-products-heading h2 {
  margin-block: 2px 4px;
  font-size: clamp(21px, 2.2vw, 30px);
}

#tab2 .homepage-products-heading > p:last-child {
  line-height: 1.4;
}

#tab2 .homepage-products-carousel {
   display: flex;
/*	display: block;*/

 /* flex: 1 1 auto;*/
  flex-direction: column;
  min-height: 0;
}

#tab2 .homepage-products-carousel.invisible {
	display: none;
}	

#tab2 .homepage-products-carousel > .pergoline-carousel-wrapper {
  flex: 1 1 auto;
  gap: 18px;
  min-height: 0;
}

#tab2 .homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item,
#tab2 .homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-active {
  position: relative;
  left: auto;
  display: flex;
  flex: 0 0 calc((100% - 36px) / 3);
  width: calc((100% - 36px) / 3);
  height: 100%;
  min-width: 0;
  border: 1px solid #d5d7d9;
  opacity: 1;
  overflow: visible;
  transform: none;
}

#tab2 .homepage-products-carousel .pergoline-carousel-item-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
}

#tab2 .homepage-products-carousel .product-card {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding: 12px 14px 10px !important;
  border: 0;
  border-bottom: 1px solid #e1e2e3;
  background: #f7f7f7;
}

#tab2 .homepage-products-carousel .product-image-wrapper1 {
  order: 1;
  min-height: 0;
  height: clamp(105px, 16vh, 165px);
  padding-top: 0;
  overflow: visible !important;
}

#tab2 .homepage-products-carousel .product-image-wrapper1 > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

#tab2 .homepage-products-carousel .product-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
}

#tab2 .homepage-products-carousel .product-card:hover .product-image {
  transform: none;
}

#tab2 .homepage-products-carousel .product-content {
  order: 2;
  padding: 8px 0 0 !important;
}

#tab2 .homepage-products-carousel .product-info {
  min-height: 40px;
}

#tab2 .homepage-products-carousel .product-info p {
  margin: 0;
  line-height: 1.25;
}

#tab2 .homepage-products-carousel .product-title {
  font-size: 14px;
}

#tab2 .homepage-products-carousel .product-description {
  display: none;
}

#tab2 .homepage-products-carousel .product-footer {
  margin-top: 7px;
}

#tab2 .homepage-products-carousel .product-footer-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: end;
  gap: 10px;
  width: 100%;
}

#tab2 .homepage-products-carousel .product-footer-button {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

#tab2 .homepage-products-carousel .pergoline-tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 10px 14px 12px;
  overflow: visible !important;
  background: #fff;
  color: #292d31;
  text-align: left;
}

#tab2 .homepage-products-carousel .pergoline-tab-navigation {
  position: relative;
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: flex-end;
  border-bottom: 1px solid #d9dbdd;
  overflow: visible;
}

#tab2 .homepage-products-carousel .pergoline-tab-button {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 0 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #5d6165;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

#tab2 .homepage-products-carousel .pergoline-tab-button:hover,
#tab2 .homepage-products-carousel .pergoline-tab-button:focus-visible {
  color: #17191c;
}

#tab2 .homepage-products-carousel .pergoline-tab-button.active {
  border-bottom-color: var(--accent-color, #e94b27);
  color: #17191c;
}

#tab2 .homepage-products-carousel .pergoline-tab-content {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  margin-top: 8px;
  /*111 padding-right: 8px;*/
  padding-right: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--accent-color, #e94b27) transparent;
  scrollbar-width: thin;
  color: #3f4347;
  font-size: 12px;
  line-height: 1.35;

  position: absolute; /* 111 */
  bottom: 50px;
  height: calc(100% - 50px);
  width: 100%;
  margin-left: -14px;
  display: none;
  
}

/*111*/

#tab2 .homepage-products-carousel .pergoline-tab-content:has(.pergoline-tab-panel.show) {
	/*background: var(--product-card-background);*/	
	background: #fff;
	display: block;
}



#tab2 .homepage-products-carousel .pergoline-tab-panel {
	background: var(--product-card-background);
	height:100%;
	padding:10px;	
}

#tab2 .homepage-products-carousel .pergoline-tab-content::-webkit-scrollbar {
  width: 5px;
}

#tab2 .homepage-products-carousel .pergoline-tab-content::-webkit-scrollbar-track {
  margin-block: 3px;
  background: transparent;
}

#tab2 .homepage-products-carousel .pergoline-tab-content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: color-mix(in srgb, var(--accent-color, #e94b27) 72%, #6d7074);
}

#tab2 .homepage-products-carousel .pergoline-tab-content::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color, #e94b27);
}

#tab2 .homepage-products-carousel .pergoline-tab-panel,
#tab2 .homepage-products-carousel .pergoline-tab-panel p,
#tab2 .homepage-products-carousel .pergoline-tab-panel .long,
#tab2 .homepage-products-carousel .pergoline-tab-panel td,
#tab2 .homepage-products-carousel .pergoline-tab-panel th {
  color: #3f4347;
  font-size: 12px;
  line-height: 1.35;
}

#tab2 .homepage-products-carousel .pergoline-tab-panel p,
#tab2 .homepage-products-carousel .pergoline-tab-panel .long {
  margin: 0;
}

#tab2 .homepage-products-carousel .pergoline-tab-panel table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  background: transparent;
}

#tab2 .homepage-products-carousel .pergoline-tab-panel td {
  padding: 3px 5px;
  border: 0;
  border-bottom: 1px solid #eceeef;
  background: transparent;
}

#tab2 .homepage-products-carousel .pergoline-tab-panel td:first-child {
  color: #686c70;
}

#tab2 .homepage-products-carousel .product-title,
#tab2 .homepage-products-carousel .product-title:link,
#tab2 .homepage-products-carousel .product-title:visited {
  color: #17191c !important;
}

#tab2 .homepage-products-carousel .pergoline-text-desc {
  color: #666a6e !important;
}

#tab2 .homepage-products-carousel .price-display,
#tab2 .homepage-products-carousel .pergoline-catalog-detail-price {
  color: var(--accent-color, #e94b27) !important;
}

#tab2 .homepage-products-carousel .pergoline-tabs-more {
  position: relative;
  flex: 0 0 auto;
  margin-left: auto;
}

#tab2 .homepage-products-carousel .pergoline-tabs-more-button {
  display: flex;
  gap: 5px;
  align-items: center;
  margin: 0;
  padding: 0 0 7px 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: #fff;
  color: #5d6165;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

#tab2 .homepage-products-carousel .pergoline-tabs-more.contains-active > .pergoline-tabs-more-button,
#tab2 .homepage-products-carousel .pergoline-tabs-more-button[aria-expanded="true"] {
  border-bottom-color: var(--accent-color, #e94b27);
  color: #17191c;
}

#tab2 .homepage-products-carousel .pergoline-tabs-more-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  min-width: 190px;
  padding: 6px;
  border: 1px solid #d6d8da;
  border-radius: var(--radius-dropdown, 3px);
  background: #fff;
  box-shadow: 0 14px 35px rgba(7, 9, 11, 0.18);
}

#tab2 .homepage-products-carousel .pergoline-tabs-more-menu > .pergoline-tab-button {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border-bottom: 0;
  border-left: 3px solid transparent;
  color: #3f4347;
  text-align: left;
}

#tab2 .homepage-products-carousel .pergoline-tabs-more-menu > .pergoline-tab-button:hover,
#tab2 .homepage-products-carousel .pergoline-tabs-more-menu > .pergoline-tab-button.active {
  border-left-color: var(--accent-color, #e94b27);
  background: #f3f3f4;
  color: #17191c;
}

#tab2 .homepage-products-carousel .homepage-carousel-controls {
  flex: 0 0 auto;
  margin-top: 12px;
}

#tab2 .homepage-products-carousel .pergoline-carousel-button-prev:disabled,
#tab2 .homepage-products-carousel .pergoline-carousel-button-next:disabled {
  border-color: #c8cacc;
  background: #d7d8da;
  color: #8b8e91;
  cursor: default;
  transform: none;
}

@media (max-width: 767px) {
  #tab2 .homepage-products-section {
    padding: 14px 0 12px;
  }

  #tab2 .homepage-products-heading {
    margin-bottom: 10px;
  }

  #tab2 .homepage-products-heading > p:last-child {
    display: none;
  }

  #tab2 .homepage-products-carousel > .pergoline-carousel-wrapper {
    gap: 0;
  }

  #tab2 .homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item,
  #tab2 .homepage-products-carousel > .pergoline-carousel-wrapper > .pergoline-carousel-item.pergoline-carousel-item-active {
    left: auto;
    flex-basis: 100%;
    width: 100%;
  }

  #tab2 .homepage-products-carousel .product-card {
    padding-inline: 12px !important;
  }

  #tab2 .homepage-products-carousel .product-image-wrapper1 {
    height: clamp(115px, 19vh, 165px);
    padding-top: 0;
  }

  #tab2 .homepage-products-carousel .product-footer-grid-2 {
    grid-template-columns: minmax(0, 1fr) 42px;
  }

  #tab2 .homepage-products-carousel .product-footer-button {
    width: 42px;
  }

  #tab2 .homepage-products-carousel .pergoline-tab-content {
    max-height: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .homepage-products-carousel > .pergoline-carousel-wrapper,
  .homepage-products-carousel .product-image {
    transition: none;
  }
}

/* Homepage panel surfaces and right-side controls ------------------------ */
body.layout-home .tab {
  background: #000;
}

body.layout-home #tab1 .tab-container,
body.layout-home #tab2 .tab-container {
  background: var(--home-surface, #f4f4f2);
  color: var(--home-text, #1b1d1f);
}

body.layout-home #tab3 .tab-container {
  background: var(--home-dark, #0b0d0f);
}

body.layout-home #tab4 .tab-container {
  background: #07090b;
}

body.layout-home .tab-navigation {
  left: auto;
  right: 22px;
  align-items: flex-end;
}

body.layout-home .tab-navigation button::after {
  left: auto;
  right: 34px;
  transform: translate(12px, -50%);
}

body.layout-home .tab-navigation button:hover::after,
body.layout-home .tab-navigation button:focus-visible::after {
  transform: translate(0, -50%);
}

body.layout-home .go-to-prev,
body.layout-home .go-to-next {
  left: auto;
  right: 22px;
  transform: translateX(76px);
}

body.layout-home .go-to-next {
  transform: translateX(76px) rotate(180deg);
}

body.layout-home .go-to-prev.show {
  transform: translateX(0);
}

body.layout-home .go-to-next.show {
  transform: translateX(0) rotate(180deg);
}

/* Shared page shell ------------------------------------------------------ */
body.layout-base .page-shell {
  width: 100%;
  min-height: 100%;
  padding: clamp(16px, 3vw, 34px);
  background: var(--pergoline-surface);
}


body.layout-base .page-shell__content {
  width: min(100%, 1320px);
  min-height: calc(100vh - var(--header-height) - clamp(32px, 6vw, 68px));
  margin: 0 auto;
  padding: clamp(22px, 3.5vw, 48px);
  overflow: visible;
  border: 1px solid var(--pergoline-border);
  border-radius: var(--pergoline-radius);
  background: var(--pergoline-card);
  color: var(--pergoline-ink);
  box-shadow: var(--pergoline-control-shadow);
}

body.layout-base .base-content > .page-shell__content {
  max-width: 1320px;
  padding: clamp(22px, 3.5vw, 48px);
  background: var(--pergoline-card);
  color: var(--pergoline-ink);
}

body.layout-base .page-shell__content > .aimeos,
body.layout-base .page-shell__content > [class^="aimeos"] {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

/* Compact search bar on regular pages uses the homepage visual language. */
@media (min-width: 992px) {
  body.layout-base .pergoline-navigation-main {
    transform-origin: 50% 0;
  }

  body.layout-base .pergoline-navigation-main > .pergoline-navigation {
    padding: 0;
  }

  body.layout-base .pergoline-navigation-container {
    flex-wrap: nowrap;
    padding: 5px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--radius-navigation, 9px);
    background: rgba(246, 246, 244, .98);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .26);
  }

  body.layout-base .pergoline-navigation-item {
    min-width: 0;
    border-radius: var(--radius-navigation-item, 7px);
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }

  body.layout-base .pergoline-navigation-item:hover,
  body.layout-base .pergoline-navigation-item.active {
    color: var(--pergoline-ink);
    background: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
  }

  body.layout-base .pergoline-navigation-divider {
    margin: 7px 2px;
    border: 0;
    width: 1px;
    background: var(--pergoline-border);
  }

  body.layout-base .pergoline-navigation-search-button {
    border-radius: var(--radius-navigation-item, 7px);
    background: var(--accent-color, #e94b27);
  }

  body.layout-base .pergoline-navigation-main.minimalized .pergoline-navigation-search-button {
    min-width: 38px;
    width: 38px;
    height: 38px;
    padding: 7px;
  }
}

/* Back-to-top button matching the homepage panel controls. */
body.layout-base .go-to-top {
  right: 22px;
  bottom: 22px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--radius-control, 10px);
  background: rgba(14, 16, 18, .9);
  color: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .27);
  backdrop-filter: blur(9px);
  transform: translateX(72px);
  transition: opacity 260ms ease, transform 360ms cubic-bezier(.22,.8,.26,1), visibility 260ms, background-color 180ms ease, border-color 180ms ease;
}

body.layout-base .go-to-top.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

body.layout-base .go-to-top:hover {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  color: #fff;
}

body.layout-base .go-to-top .top-icon {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);

}

@media (max-width: 700px) {
  body.layout-home .tab-navigation {
    left: auto;
    right: 8px;
  }

  body.layout-home .go-to-prev,
  body.layout-home .go-to-next {
    left: auto;
    right: 10px;
  }

  body.layout-base .page-shell {
    padding: 10px;
  }

  body.layout-base .page-shell__content {
    padding: 18px 14px 58px;
    border-radius: var(--radius-card, 10px);
  }

  body.layout-base .go-to-top {
    right: 10px;
    bottom: 14px;
    width: 38px;
    height: 38px;
  }
}

/* Storefront finishing pass ------------------------------------------------
   Dark outer canvas, explicit navigation states and consistent list prices. */
body.layout-base .main-container,
body.layout-base .base-content.page-shell {
  background: #050607;
}

body.layout-base .page-shell__content {
  background: var(--pergoline-card, #fff);
}

body.layout-base .catalog-list .product-card .pergoline-text-desc {
  display: block;
  margin: 0 0 3px;
  color: #686c70;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.layout-base .catalog-list .product-card .price-display,
body.layout-base .catalog-list .product-card .pergoline-catalog-detail-price {
  color: var(--accent-color, #e94b27) !important;
  font-weight: 750 !important;
}

/* Black backing remains behind the expanded search title and dropdown. */
body.navigation-expanded:not(.layout-home.first-panel) .header {
  background: #050607;
  box-shadow: 0 170px 0 #050607;
}

.pergoline-navigation-collapse {
  position: absolute;
  z-index: 1250;
  top: 2px;
  right: 2px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .22);
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.pergoline-navigation-collapse svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pergoline-navigation-collapse:hover,
.pergoline-navigation-collapse:focus-visible {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  outline: none;
  transform: translateY(-1px);
}

.pergoline-navigation-main.minimalized > .pergoline-navigation-collapse,
body.layout-home.first-panel .pergoline-navigation-collapse {
  display: none;
}

@media (min-width: 701px) {
  .pergoline-navigation-main .pergoline-navigation-dropdown .pergoline-grid-3 {
    grid-template-columns: repeat(3, minmax(190px, 1fr));
    gap: 14px;
  }

  .pergoline-navigation-main .pergoline-navigation-dropdown .input-field {
    min-width: 0;
    padding: 10px 4px !important;
  }

  .pergoline-navigation-main .pergoline-navigation-dropdown .dimension-input-container {
    width: 100%;
    min-width: 190px;
    display: flex;
  }

  .pergoline-navigation-main .pergoline-navigation-dropdown .dimension-input-container input {
    width: auto !important;
    min-width: 112px;
    flex: 1 1 auto;
  }

  .pergoline-navigation-main .pergoline-navigation-dropdown .dimension-input-container select,
  .pergoline-navigation-main .pergoline-navigation-dropdown .dimension-input-container .unit {
    flex: 0 0 68px;
  }
}

@media (max-width: 700px) {
  .pergoline-navigation-collapse {
    display: none;
  }

  .pergoline-navigation-main .pergoline-navigation-dropdown .dimension-input-container {
    width: 100%;
  }
}

/* Focused storefront refinements ----------------------------------------- */

/* Homepage controls stay on the right even when older layout rules load. */
body.layout-home .tab-navigation {
  left: auto;
  right: 22px;
}

body.layout-home .go-to-prev,
body.layout-home .go-to-next {
  left: auto;
  right: 22px;
}

/* Product title in the homepage carousel. */
#tab2 .homepage-products-carousel .product-info p {
  margin: 0;
  line-height: 1.22;
}

#tab2 .homepage-products-carousel .product-title,
#tab2 .homepage-products-carousel .product-title strong {
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 650;
  line-height: 1.22;
  letter-spacing: -.015em;
}

/* Search navigation title and dropdowns. */
.pergoline-navigation-eyebrow {
  width: 100%;
  /*margin: 0 0 10px;*/
  color: var(--accent-color, #e94b27);
  font-size: clamp(15px, 1.35vw, 20px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .035em;
  text-align: center;
  background: var(--header-background);
}

@media (max-width: 991px) {
	.pergoline-navigation-eyebrow {
		background: transparent;
	}
}	


.pergoline-navigation-main.minimalized > .pergoline-navigation-eyebrow {
  display: none;
}

.pergoline-navigation-main:not(.minimalized) > .pergoline-navigation-dropdown,
.pergoline-navigation-main:not(.minimalized) > .pergoline-navigation > .pergoline-navigation-dropdown {
  top: calc(100% - 42px);
}

.pergoline-navigation-main .benefits {
  position: relative;
  z-index: 0;
}

.pergoline-navigation-main .pergoline-navigation-dropdown {
  z-index: 1200;
  /*padding: clamp(18px, 2.5vw, 30px);*/
  overflow: auto;
  border: 1px solid var(--pergoline-border, rgba(27,29,31,.14));
  border-radius: 0 0 var(--radius-dropdown, 12px) var(--radius-dropdown, 12px);
  /*background: rgba(255, 255, 255, .99);*/
  background: transparent;
  color: var(--pergoline-ink, #1b1d1f);
  box-shadow: 0 24px 58px rgba(0, 0, 0, .23);
}

.pergoline-navigation-main .pergoline-navigation-dropdown .form-title {
  margin: 0 0 20px;
  color: var(--pergoline-ink, #1b1d1f);
  font-family: var(--pergoline-font, "Montserrat", sans-serif);
  font-size: clamp(18px, 1.8vw, 24px);
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.015em;
}

.pergoline-navigation-main .pergoline-navigation-dropdown .form-title p {
  margin: 0;
  color: inherit;
}

.pergoline-navigation-main .pergoline-navigation-dropdown .pergoline-card,
.pergoline-navigation-main .pergoline-navigation-dropdown .pergoline-radio,
.pergoline-navigation-main .pergoline-navigation-dropdown .pergoline-input-container {
  border-color: var(--pergoline-border, rgba(27,29,31,.14));
  border-radius: var(--radius-control, 9px);
  background: #fff;
}

.pergoline-navigation-main .pergoline-navigation-dropdown .pergoline-radio:hover,
.pergoline-navigation-main .pergoline-navigation-dropdown .pergoline-input-container:hover {
  border-color: rgba(233, 75, 39, .55);
  box-shadow: 0 7px 18px rgba(0, 0, 0, .07);
}

.pergoline-navigation-main .pergoline-navigation-dropdown input,
.pergoline-navigation-main .pergoline-navigation-dropdown select,
.pergoline-navigation-main .pergoline-navigation-dropdown textarea {
  color: var(--pergoline-ink, #1b1d1f);
  font-family: inherit;
}

/* The outer scrolling area remains black; the page shell supplies its card. */
body.layout-base .main-container {
  background: #000;
}

/* Search result cards aligned with homepage cards. */
body.layout-base .catalog-list .products-grid {
  align-items: stretch;
  gap: clamp(16px, 2vw, 26px);
}

body.layout-base .catalog-list .product-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--pergoline-border);
  border-radius: var(--pergoline-radius);
  background: var(--pergoline-card-transparent);
  /*box-shadow: 0 10px 28px rgba(0, 0, 0, .07);*/
  box-shadow: var(--pergoline-card-box-shadow);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.layout-base .catalog-list .product-card:hover {
  border-color: rgba(233, 75, 39, .38);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .12);
  transform: translateY(-3px);
}

body.layout-base .catalog-list .product-image-wrapper1 {
  height: 230px;
  padding: 22px 24px 10px !important;
  /*background: linear-gradient(180deg, #fafafa, #f1f1ef); */
  background: var(--pergoline-wrapper)
}

body.layout-base .catalog-list .product-image {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
}

body.layout-base .catalog-list .product-content {
  display: flex;
  min-height: 172px;
  flex-direction: column;
  padding: 18px 20px 20px;
}

body.layout-base .catalog-list .product-title {
  color: var(--pergoline-ink) !important;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.012em;
}

body.layout-base .catalog-list .product-description,
body.layout-base .catalog-list .product-card .pergoline-text-desc {
  display: none;
}

body.layout-base .catalog-list .product-footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--pergoline-border);
}

body.layout-base .catalog-list .view-button,
body.layout-base .catalog-list .product-footer-button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-control, 9px);
  background: #111315;
  transition: background-color 180ms ease, transform 180ms ease;
}

body.layout-base .catalog-list .view-button:hover,
body.layout-base .catalog-list .product-footer-button:hover {
  background: var(--accent-color, #e94b27);
  transform: translateY(-1px);
}

/* Product configurator: remove nested visual boxes, retain semantic groups. */
body.layout-base .catalog-detail,
body.layout-base .catalog-detail-content,
body.layout-base .product-detail-panel,
body.layout-base .product-configurator {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.layout-base .configurator-container {
  gap: clamp(28px, 4vw, 58px);
}

body.layout-base .catalog-detail .product-gallery {
  padding-top: 40px;
}

body.layout-base .product-details > section,
body.layout-base .product-details > header {
  padding: 20px;
  border: 1px solid var(--pergoline-border);
  border-radius: var(--radius-card, 11px);
  /*background: #fff;*/
  background: var(--pergoline-section);
}

body.layout-base .product-details > header {
  padding-block: 22px;
}

/* Three-layer image carousel with a prominent centre image. */
body.layout-base .product-gallery_ {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--pergoline-border);
  border-radius: var(--radius-card, 12px);
  background: linear-gradient(145deg, #f9f9f8, #ededeb);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .09);
}

body.layout-base .pergoline-carousel-detail {
  position: relative;
  height: clamp(340px, 42vw, 540px);
  perspective: 1200px;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-wrapper {
  position: relative;
  overflow: visible;
  transform-style: preserve-3d;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-item {
  top: 7%;
  width: 76%;
  height: 86%;
  overflow: hidden;
  border: 1px solid rgba(27, 29, 31, .12);
  border-radius: var(--radius-card, 12px);
  background: #fff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .15);
  transition: left 360ms cubic-bezier(.22,.8,.26,1), transform 360ms cubic-bezier(.22,.8,.26,1), opacity 260ms ease;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-item-active {
  left: 12%;
  z-index: 3;
  opacity: 1;
  transform: translateZ(30px) scale(1);
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-item-prev {
  left: -8%;
  z-index: 1;
  opacity: .58;
  transform: translateZ(-90px) scale(.80) rotateY(4deg);
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-item-next {
  left: 32%;
  z-index: 2;
  opacity: .68;
  transform: translateZ(-65px) scale(.80) rotateY(-4deg);
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-item-container {
  position: static;
  padding: 18px;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-prev,
body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-next {
  top: 50%;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(27, 29, 31, .14);
  border-radius: 50%;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .16);
  transform: translateY(-50%);
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-prev {
  left: 14px;
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-next {
  right: 14px;
  left: auto;
  transform: translateY(-50%) rotate(180deg);
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-prev:hover {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  transform: translateY(-50%) scale(1.06);
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-next:hover {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  transform: translateY(-50%) rotate(180deg) scale(1.06);
}

body.layout-base .pergoline-carousel-detail .pergoline-carousel-button-icon {
  width: 100%;
  height: 100%;
  fill: #17191c;
}

body.layout-base .pergoline-carousel-detail button:hover .pergoline-carousel-button-icon {
  fill: #fff;
}

/* Configurator controls. */
body.layout-base .product-details .pergoline-select-trigger,
body.layout-base .product-details select.pergoline-catalog-detail-dim {
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--pergoline-radio-border);
  border-radius: var(--radius-control, 9px);
  background: #fff;
  color: var(--pergoline-ink);
  font-size: 14px !important;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

body.layout-base .product-details .pergoline-select-trigger:hover,
body.layout-base .product-details select.pergoline-catalog-detail-dim:hover {
  border-color: rgba(233, 75, 39, .55);
}

body.layout-base .product-details .pergoline-select-trigger:focus-visible,
body.layout-base .product-details select.pergoline-catalog-detail-dim:focus {
  border-color: var(--accent-color, #e94b27);
  box-shadow: 0 0 0 3px rgba(233, 75, 39, .13);
  outline: 0;
}

body.layout-base .product-details .pergoline-select .dropdown-menu {
  margin-top: 5px;
  padding: 6px;
  overflow: auto;
  border: 1px solid var(--pergoline-border);
  border-radius: var(--radius-dropdown, 9px);
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

body.layout-base .product-details .pergoline-select-option {
  min-height: 42px;
  border-radius: var(--radius-navigation-item, 7px);
}

body.layout-base .product-details .pergoline-radio-card {
  overflow: hidden;
  border: 1px solid var(--pergoline-radio-border);
  border-radius: var(--radius-card, 10px);
  background: #fff;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .045);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.layout-base .product-details .pergoline-select {
 /* overflow: hidden;*/
  border: 1px solid var(--pergoline-radio-border);
  border-radius: var(--radius-card, 10px);
  background: #fff;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .045);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}


body.layout-base .product-details .pergoline-radio-card:hover {
  border-color: rgba(233, 75, 39, .52);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .09);
  transform: translateY(-2px);
}

body.layout-base .product-details .pergoline-radio-card:has(.pergoline-radio-card-input:checked) {
  border-color: var(--accent-color, #e94b27);
  box-shadow: 0 0 0 2px rgba(233, 75, 39, .12), 0 12px 28px rgba(0, 0, 0, .09);
}

body.layout-base .product-details .pergoline-radio-card-button {
  border-color: #9da1a5;
}

body.layout-base .product-details .pergoline-radio-card:has(.pergoline-radio-card-input:checked) .pergoline-radio-card-button {
  border-color: var(--accent-color, #e94b27);
}

body.layout-base .product-details .pergoline-radio-card-dot {
  background: var(--accent-color, #e94b27);
}

body.layout-base .product-details .pergoline-button,
body.layout-base .product-details .add-to-cart-button {
  min-height: 46px;
  border: 1px solid #111315;
  border-radius: var(--radius-control, 9px);
  background: #111315;
  color: #fff;
  font-weight: 650;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.layout-base .product-details .pergoline-button:hover:not(:disabled),
body.layout-base .product-details .add-to-cart-button:hover:not(:disabled) {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  box-shadow: 0 9px 22px rgba(233, 75, 39, .24);
  transform: translateY(-1px);
}

body.layout-base .product-information-tabs {
  width: 100%;
  min-height: 0;
  margin-top: 28px;
  padding: 22px;
  overflow: visible;
  border: 1px solid var(--pergoline-border);
  border-radius: var(--radius-card, 11px);
  /*background: #fff;*/
  background: transparent;
}

body.layout-base .product-information-tabs .attributes {
  width: 100%;
}

body.layout-base .catalog-detail > .pergoline-tabs,
body.layout-base .catalog-detail-content > .pergoline-tabs,
body.layout-base .product-detail-panel + .pergoline-tabs {
  margin-top: 28px;
}

@media (max-width: 991px) {
  .pergoline-navigation-main .pergoline-navigation-dropdown {
    top: 0 !important;
    border-radius: 0;
  }

  body.layout-base .configurator-container {
    grid-template-columns: 1fr;
  }

  body.layout-base .catalog-detail .product-gallery {
    padding-top: 24px;
  }

  body.layout-base .pergoline-carousel-detail {
    height: clamp(300px, 70vw, 460px);
  }
}

@media (max-width: 700px) {
  body.layout-home .tab-navigation {
    right: 8px;
  }

  body.layout-home .go-to-prev,
  body.layout-home .go-to-next {
    right: 10px;
  }

  .pergoline-navigation-eyebrow {
    margin-bottom: 6px;
    font-size: 14px;
  }

  body.layout-base .product-details > section,
  body.layout-base .product-details > header {
    padding: 16px;
  }

  body.layout-base .pergoline-carousel-detail .pergoline-carousel-item-active {
    left: 6%;
    width: 88%;
  }
}

/* Global Pergoline typography and shared storefront surfaces ------------- */
@font-face {
  font-family: "Montserrat";
  src: url("assets/montserrat/webfonts/montserrat-latin-ext-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/montserrat/webfonts/montserrat-latin-ext-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/montserrat/webfonts/montserrat-latin-ext-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("assets/montserrat/webfonts/montserrat-latin-ext-700-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --pergoline-font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pergoline-surface: #f4f4f2;
  --pergoline-surface-dark: #050607;
 /* --pergoline-card: #ffffff;*/ 
  --pergoline-card:var(--product-card-color);
  --pergoline-card-transparent:var(--product-card-color);
  --pergoline-ink: #1b1d1f;
  --pergoline-ink-dark: white;
  --pergoline-muted: #656a6f;
  --pergoline-border: rgba(27, 29, 31, 0.14);
  --pergoline-border-visible: rgba(27, 29, 31, 0.14);
  --pergoline-radius: 12px;
  --pergoline-control-shadow: 0 12px 34px rgba(0, 0, 0, 0.10);
  --bs-body-font-family: var(--pergoline-font);
  --pergoline-wrapper: linear-gradient(180deg, #fafafa, #f1f1ef);
  --pergoline-section: #fff;
  --pergoline-radio-border: rgba(27, 29, 31, 0.14);
  --pergoline-control-border: rgba(27, 29, 31, 0.14);
}

html,
body,
button,
input,
select,
textarea,
.aimeos {
  font-family: var(--pergoline-font);
}

/* Keep black gutters around the constrained content, like panel two. */
body.layout-home #tab1 {
  background: var(--page-bg, #07090b);
}

/* Main menu dropdown ------------------------------------------------------ */
body.layout-home .menu-toggle,
body.layout-base .menu-toggle {
  min-width: 122px;
  height: 42px;
  padding: 0 17px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: var(--radius-control, 9px);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .09em;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

body.layout-home .menu-toggle:hover,
body.layout-base .menu-toggle:hover,
body.layout-home .menu-toggle[aria-expanded="true"],
body.layout-base .menu-toggle[aria-expanded="true"] {
  border-color: rgba(233, 75, 39, 0.75);
  background: rgba(233, 75, 39, 0.11);
  transform: translateY(-1px);
}

.menu-toggle .menu-icon i {
  border-radius: 2px;
  transition: transform 220ms ease, opacity 180ms ease;
}

.menu-toggle[aria-expanded="true"] .menu-icon i:first-child {
  transform: translateY(6px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2) {
  opacity: 0;
}

.menu-toggle[aria-expanded="true"] .menu-icon i:last-child {
  transform: translateY(-6px) rotate(-45deg);
}

body.layout-home .menu-content,
body.layout-base .menu-content {
  display: block;
  top: calc(100% + 12px);
  right: 0;
  width: min(360px, calc(100vw - 28px));
  max-width: none;
  max-height: min(70vh, 620px);
  margin: 0;
  padding: 12px;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-menu, 12px);
  background: rgba(13, 15, 17, 0.985);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46);
  transform: translateY(-10px) scale(.985);
  transform-origin: top right;
  transition: opacity 220ms ease, transform 260ms cubic-bezier(.22,.8,.26,1), visibility 220ms;
}

body.layout-home .menu-content.open,
body.layout-base .menu-content.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

body.layout-home .menu-content p,
body.layout-base .menu-content p {
  margin: 0;
}

body.layout-home .menu-content a,
body.layout-base .menu-content a {
  position: relative;
  padding: 13px 38px 13px 14px;
  border: 0;
  border-radius: var(--radius-navigation-item, 8px);
  color: #d8dbde;
  font-size: 13px;
  font-weight: 500;
  transition: color 160ms ease, background-color 160ms ease, padding-left 160ms ease;
}

body.layout-home .menu-content a::after,
body.layout-base .menu-content a::after {
  content: "›";
  position: absolute;
  top: 50%;
  right: 14px;
  color: var(--accent-color, #e94b27);
  font-size: 21px;
  transform: translateY(-52%);
}

body.layout-home .menu-content a:hover,
body.layout-base .menu-content a:hover,
body.layout-home .menu-content a:focus-visible,
body.layout-base .menu-content a:focus-visible {
  padding-left: 18px;
  color: #fff;
  background: rgba(255, 255, 255, 0.065);
}

/* Panel switcher on the left --------------------------------------------- */
body.layout-home .tab-navigation {
  left: 22px;
  right: auto;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 8px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--radius-pill, 18px);
  background: rgba(10, 12, 14, 0.72);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(10px);
}

body.layout-home .tab-navigation button {
  width: 10px;
  height: 10px;
  border-color: rgba(255, 255, 255, 0.45);
  background: transparent;
  transition: width 200ms ease, background-color 200ms ease, border-color 200ms ease, transform 200ms ease;
}

body.layout-home .tab-navigation button:hover {
  border-color: #fff;
  transform: scale(1.15);
}

body.layout-home .tab-navigation button.active {
  width: 24px;
  border-radius: var(--radius-pill, 8px);
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  transform: none;
}

body.layout-home .tab-navigation button::after {
  right: auto;
  left: 34px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--radius-control, 7px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
  transform: translate(-12px, -50%);
}

body.layout-home .tab-navigation button:hover::after,
body.layout-home .tab-navigation button:focus-visible::after {
  opacity: 1;
  transform: translate(0, -50%);
}

/* Previous/next controls: bottom left with slide-in visibility. */
body.layout-home .go-to-prev,
body.layout-home .go-to-next {
  left: 22px;
  right: auto;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  visibility: hidden;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-control, 10px);
  background: rgba(14, 16, 18, 0.88);
  color: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .27);
  backdrop-filter: blur(9px);
  transform: translateX(-76px);
  transition: opacity 260ms ease, transform 360ms cubic-bezier(.22,.8,.26,1), visibility 260ms, border-color 180ms ease, background-color 180ms ease;
}

body.layout-home .go-to-prev .top-icon,
body.layout-home .go-to-next .top-icon {
  background: var(--accent-color, #e94b27);
}

body.layout-home .go-to-prev {
  bottom: 72px;
}

body.layout-home .go-to-next {
  bottom: 22px;
  transform: translateX(-76px) rotate(180deg);
}

body.layout-home .go-to-prev.show,
body.layout-home .go-to-next.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

body.layout-home .go-to-prev.show {
  transform: translateX(0);
}

body.layout-home .go-to-next.show {
  transform: translateX(0) rotate(180deg);
}

body.layout-home .go-to-prev:hover,
body.layout-home .go-to-next:hover {
  border-color: var(--accent-color, #e94b27);
  background: var(--accent-color, #e94b27);
  color: #fff;
}

/* Standard pages: shared visual language with the homepage. */
body.layout-base .main-container,
body.layout-base .base-content,
body.layout-base .base-content > .tab-container {
  background: var(--pergoline-surface);
  color: var(--pergoline-ink);
}
body.layout-base .main-container,
body.layout-base .base-content,
body.layout-base .base-content > .tab-container:has(.cms-page) {
  background: var(--pergoline-surface-dark);
  color: var(--pergoline-ink-dark);
}
/*
body.layout-base .main-container,
body.layout-base .base-content,
body.layout-base .base-content > .tab-container:has(.pergoline-basket-page) {
  background: var(--pergoline-surface-dark);
  color: var(--pergoline-ink-dark);
}
*/
.tab-container:has(.cms-page) h1,
.tab-container:has(.cms-page) h2,
.tab-container:has(.cms-page) h3,
.tab-container:has(.cms-page) h4 {
  color: var(--pergoline-ink-dark);
  letter-spacing: -.015em;
}

.tab-container:has(.pergoline-basket-page) h1,
.tab-container:has(.pergoline-basket-page) h2,
.tab-container:has(.pergoline-basket-page) h3,
.tab-container:has(.pergoline-basket-page) h4 {
  color: var(--pergoline-ink-dark);
  letter-spacing: -.015em;
}

body.layout-base .base-content > .tab-container {
  /*max-width: 1320px;*/
  max-width:var(--container-width);	
  padding: clamp(24px, 4vw, 54px) clamp(16px, 3vw, 38px) 70px;
}

body.layout-base main h1,
body.layout-base main h2,
body.layout-base main h3,
body.layout-base main h4 {
  color: var(--pergoline-ink);
  letter-spacing: -.015em;
}

body.layout-base main input:not([type="checkbox"]):not([type="radio"]),
body.layout-base main select,
body.layout-base main textarea {
  border-color: var(--pergoline-control-border);
  border-radius: var(--radius-control, 8px);
  background: #fff;
  color: var(--pergoline-ink);
}

body.layout-base main input:not([type="checkbox"]):not([type="radio"]):hover {
  border-color: rgba(233, 75, 39, .55);
}

body.layout-base main input:focus,
body.layout-base main select:focus,
body.layout-base main textarea:focus {
  border-color: var(--accent-color, #e94b27);
  box-shadow: 0 0 0 3px rgba(233, 75, 39, .13);
  outline: 0;
}

body.layout-base main .btn-primary,
body.layout-base main button.btn-primary,
body.layout-base main a.btn-primary {
  border-color: var(--accent-color, #e94b27);
  border-radius: var(--radius-control, 8px);
  background: var(--accent-color, #e94b27);
  box-shadow: none;
}

body.layout-base main .btn-primary:hover,
body.layout-base main button.btn-primary:hover,
body.layout-base main a.btn-primary:hover {
  border-color: #cf3d1d;
  background: #cf3d1d;
  box-shadow: 0 8px 20px rgba(233, 75, 39, .22);
}

body.layout-base main .catalog-detail,
body.layout-base main .basket-standard,
body.layout-base main .checkout-standard,
body.layout-base main .account-profile,
body.layout-base main .account-history,
body.layout-base main .cms-page {
  border: 1px solid var(--pergoline-border);
  border-radius: var(--pergoline-radius);
  background: var(--pergoline-card);
  box-shadow: var(--pergoline-control-shadow);
}

body.layout-base footer.pergoline-site-footer {
  margin-top: 36px;
  background: #0b0d0f;
}

@media (max-width: 991px) {
  body.layout-home .menu-content,
  body.layout-base .menu-content {
    top: 0;
    left: auto;
    right: 0;
    width: min(420px, 100%);
    height: 100dvh;
    max-height: none;
    border-radius: 0;
    transform: translateX(100%);
    transform-origin: right center;
  }

  body.layout-home .menu-content.open,
  body.layout-base .menu-content.open {
    transform: translateX(0);
  }

  .menu-content-header {
    min-height: 54px;
    padding-right: 4px;
  }

  .menu-content-close {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    font-size: 34px;
  }
}

@media (max-width: 700px) {
  body.layout-home .tab-navigation {
    left: 8px;
    padding: 8px 6px;
  }

  body.layout-home .go-to-prev,
  body.layout-home .go-to-next {
    left: 10px;
    width: 38px;
    height: 38px;
  }

  body.layout-home .go-to-prev {
    bottom: 60px;
  }

  body.layout-home .go-to-next {
    bottom: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .menu-content,
  .menu-toggle,
  .menu-icon i,
  body.layout-home .tab-navigation button,
  body.layout-home .go-to-prev,
  body.layout-home .go-to-next {
    transition: none !important;
  }
}



@media (min-width: 992px) {

/*  body:has(header.navbar-top.scroll) > .content > main > .catalog-home > .catalog-products-container {
    top:200px;
    transition-property: top;
          transition-delay: 0s;
          transition-duration: 0.5s;
  }
*/
/*   
  body:has(header.navbar-top.scroll) > .content {
    margin-top: 10rem;
    transition-property: margin-top;
          transition-delay: 0s;
          transition-duration: 0.5s;
  }
*/
}

@media (min-width: 991px) {

.pergoline-main-header-row2.invisible {
        /*animation: 1s ease-out 0s 1 navigationEffectHide; */
        /*transform: translateY(-100%) scale(0);
        transition: all 1s ease-in-out;*/
/*
        scale: 0;
        top: -100%;*/
        /*transform: translateY(-100%) scale(0);
        transition-property: transform;
        transition-delay: 0s;
        transition-duration: 1s;
        */

       display:none;
       /*height:0px;*/

    }
  }

.content.disabled {
  opacity: 0.5;
}    


.pergoline-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
  opacity: 1;
}

.pergoline-loader > svg {
  position: absolute;
  top: calc(50% - 90px);
  left: calc(50% - 90px);
}





.scroll-container {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory; /* Forces full-page snap */
    scroll-behavior: smooth;

     scrollbar-width: none;
    -ms-overflow-style: none;
}

.scroll-container::-webkit-scrollbar {
    display: none;
}

/* 3. Panel Styling */
.panel {
    /*height: calc(100vh - 60px);*/
    height:100vh;
    display: flex;
    flex-direction: column;
    /*justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
    color: white;*/
    scroll-snap-align: start; /* Snaps exactly to the top */
    overflow: auto;
    /*margin-top:1px;*/
   
}
/*
.panel h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.panel p {
    font-size: 1.2rem;
    max-width: 600px;
    opacity: 0.9;
}
*/
/* Individual Panel Colors */
#panel1 {
    /*background: linear-gradient(135deg, #1e3c72, #2a5298);*/
    padding: 0px;
}

@media (min-width: 992px) {
  #panel1 > div {
    margin:auto;
  }
}

#panel2 {
    /*background: linear-gradient(135deg, #243b55, #141e30);*/
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
}

#panel3 {
    /*background: linear-gradient(135deg, #f12711, #f5af19);*/
    background: black;
    padding-top: 200px;
}

#panel-footer {
    /*background: linear-gradient(135deg, #f12711, #f5af19);*/
   background: black; 
   /* padding-top: 250px;*/
    padding-top:200px;
}

@media (max-width: 991px) {
  #panel3 {
    padding-top: 0px;
}

  #panel-footer {

   padding-top:0px;
}
}

.dots-indicator {
    position: fixed;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 999;
}

.dot {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

.dot:hover {
    transform: scale(1.3);
    background-color: rgba(255, 255, 255, 1);
}


.product-footer-grid-2 {
    width:100%; 
    display: grid;
    grid-template-columns: 1fr 0fr;
    padding: 0px;
    gap: 16px;
   
}

.product-footer-button {
    background-color: black;
    width: 50px;
    height: 50px;
    text-align: center;
    align-content: center;
   
}


@media (max-width: 600px) {

    .product-footer-grid-2 {
        grid-template-columns: 1fr;
    }
    .product-footer-button {
        width: 100%;
    }

}


.go-to-prev {
	position: fixed;
	bottom: 5rem;
	right: 1.5rem;
	padding: .25rem;
	cursor: pointer;
	border: none;
	opacity: 0;
	z-index: 999;
	color: var(--ai-bg);
	/*background-color: var(--ai-warning);*/
	background-color: red;
	/*transform: translateY(100px);*/
	transition: all 0.5s ease;
	text-decoration: none;
}

.go-to-prev .top-icon:before {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 200%;
	content: "\f145";
	vertical-align: middle;
}

.go-to-prev:hover {
	/*background-color: var(--ai-warning);*/
	background-color: red;
	color: var(--ai-primary);
}

.go-to-prev.show {
	opacity: 1;
/*	transform: translateY(0);*/
}

.go-to-next {
	position: fixed;
	bottom: 2rem;
	right: 1.5rem;
	padding: .25rem;
	cursor: pointer;
	border: none;
	opacity: 0;
	z-index: 999;
	color: var(--ai-bg);
	/*background-color: var(--ai-warning);*/
	background-color: red;
	/*transform: translateY(100px);*/
	transition: all 0.5s ease;
	text-decoration: none;
  transform:rotate(180deg);
}

.go-to-next .top-icon:before {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 200%;
	content: "\f145";
	vertical-align: middle;
  
}

.go-to-next:hover {
	/*background-color: var(--ai-warning);*/
	background-color: red;
	color: var(--ai-primary);
}

.go-to-next.show {
	opacity: 1;
/*	transform: translateY(0);*/
}


.go-to-top {
	position: fixed;
	bottom: 2rem;
	right: 1.5rem;
	padding: .25rem;
	cursor: pointer;
	border: none;
/*	opacity: 0;*/
	z-index: 999;
	color: var(--ai-bg);
	/*background-color: var(--ai-warning);*/
	background-color: red;
	/*transform: translateY(100px);*/
	transition: all 0.5s ease;
	text-decoration: none;
}

.go-to-top .top-icon:before {
	font: normal normal normal 14px/1 bootstrap-icons;
	font-size: 200%;
	content: "\f145";
	vertical-align: middle;
}

.go-to-top:hover {
	/*background-color: var(--ai-warning);*/
	background-color: red;
	color: var(--ai-primary);
}

.go-to-top.show {
	opacity: 1;
/*	transform: translateY(0);*/
}



.dimension-input-container {
    display: inline-flex;
    align-items: center;
    /*border: 1px solid #ccc;*/
    border: 1px solid black;
    /*border-radius: 4px;*/
    overflow: hidden;
    background: #fff;
    height: 32px;
}

.dimension-input-container input {
    border: none;
    outline: none;
    padding: 8px 10px;
    width: 80%;
    font-size: 14px;
    text-align: right;
}

.dimension-input-container select {
    border: none;
    outline: none;
    padding: 0px 10px;
    width: 80%;
    font-size: 14px;
    text-align: right;
}

.dimension-input-container select>option {
    text-align: right;
    direction: rtl;
}


.dimension-input-container input:focus {
    border: none;
    outline: none;
}

.dimension-input-container .unit {
    padding: 8px 10px;
    background: #f3f3f3;
    border-left: 1px solid #ccc;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.dimension-input-container:has(input.pergoline-invalid) {
    border: 1px solid red;
}


.dimension-input-container:has(input:focus) {
    border: 2px solid black;
  }

.dimension-input-container:has(select:focus) {
    border: 2px solid black;
  }

.dimension-input-container:has(input.pergoline-invalid:focus) {
    border: 3px solid red;
}

.dimension-input-container:has(select:focus ):has(input.pergoline-invalid) {
    border: 3px solid red;
}

.dimension-input-container .select-unit {
    padding: 0px 10px;
    background: #f3f3f3;
    border-left: 1px solid #ccc;
    /*color: #666;*/
    color:black;
    font-size: 14px;
    white-space: nowrap;
    width: 70px;
}


.quick-actions {
  max-width: 1400px;
  margin: 0 auto;
  padding: 8px 8px 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  position: relative;
  /*margin-top: -300px;*/
  /*margin-top: 80vh;*/
  /*margin-top: 20vh;*/
  background-color: #f6f6f6;
}

@media (max-width: 992px) {
    .quick-actions {
      grid-template-columns: 1fr;
	  padding-bottom: 40px;
    }  
}

.action-card {
  min-height: 134px;
  border: 1px solid #e0e0e0;
  border-radius: 0px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 76px 1fr 25px;
  gap: 16px;
  align-items: center;
  transition: .2s ease;
  
}
.action-card:hover {
  transform: translateY(-2px);
  border-color: #ccc;
  box-shadow: 0 7px 25px rgba(0,0,0,.08);
}
.action-icon {
  width: 76px;
  height: 76px;
  /*border-radius: 50%;*/
  /*background: #fff3f3;*/
  /*color: var(--red);*/
  color:red;
  display: grid;
  place-items: center;
  font-size: 35px;
}

.action-text {
  color: black;
}

.action-text strong {
  display: block;
  font-size: 17px;
  line-height: 1.08;
  margin-bottom: 8px;
}
.action-text small {
  display: block;
  font-size: 12px;
  line-height: 1.35;
  color: #333;
}
.arrow {
  color: red;
  font-size: 37px;
  line-height: 1;
}

.action-card p,
.action-card-navigation p {
	margin-bottom: 0px;
}


.hero-content {
/*  max-width: 1536px;
  min-height: 380px;*/
  /*margin: auto;*/
  display: grid;
  grid-template-columns: minmax(500px, 44%) 1fr;
  background-color: #F6F6F6;
  color: black;
}

.hero-content-left {
  padding: 20px;
}

.hero-content-right {
  padding: 20px;
}


.hero-content-h1 {
    font-size: 32px;
    color: var(--accent-color, #e94b27);
}


/*
@media (min-width: 992px) {
  .hero-image {
      -webkit-mask-image: linear-gradient(
          to left,
          black 70%,
          transparent 100%
      );

      mask-image: linear-gradient(
          to left,
          black 70%,
          transparent 100%
      );
  }
}  

@media (max-width: 992px) {
  .hero-content {
    grid-template-columns: 1fr;
  }
  .hero-content-left {
    display: none;  
  }
  .hero-content-right {
    padding: 0px;
    order: -1;
  }
}

*/

@media (max-width: 992px) {

  .hero-content-text {
    display: none;  
  }

}


.header-contact {
  display: flex;
  align-items: center;
  gap: 15px;
}

a.phone {
  color: #eee;
  font-size: 15px;
  white-space: nowrap;
}
.menu-toggle {
  min-width: 128px;
  height: 44px;
  border: 1px solid #333;
  border-radius: var(--radius-control, 6px);
  background: #0c0c0c;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: .2s ease;
}

.menu-toggle:hover { border-color: #666; background: #171717; }
.menu-icon { width: 19px; display: grid; gap: 4px; }
.menu-icon i { height: 2px; background: #fff; display: block; }
.menu-content {
  display: none;
  max-width: var(--container);
  margin: auto;
  padding: 0 22px 18px;
  position: absolute;
  border: 1px solid;
  background-color: black;
  z-index: 99;
  right: 0px;
}


@media( max-width: 991px ) {
  .menu-content {
      position: fixed;
      height: 100vh;
      top: 0px;
      left: 0px;
        
  }

  .navigation-toggle {
    display: block;
  }

}

.menu-content a {
  display: block;
  padding: 12px 0;
  border-top: 1px solid #222;
}
.menu-content.open { display: block; }

.menu-wrapper {
    position: relative;
}


.pergoline, .pergoline h1, .pergoline h2, .pergoline h3, .pergoline h4 {
    font-weight: normal;
    /* font-weight: 700; */
    font-size: 100%;
    color: white;
}

.pergoline a:link:not(.btn), .pergoline a:visited:not(.btn) {
    color: white;
    text-decoration: none;
}

.navigation-toggle {
  min-width: 128px;
  height: 44px;
  border: 1px solid #333;
  border-radius: var(--radius-control, 6px);
  background: #0c0c0c;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: .2s ease;
  display: none;
}

.navigation-toggle:hover { border-color: #666; background: #171717; }
.navigation-icon { width: 19px; display: grid; gap: 4px; }
.navigation-icon i { height: 2px; background: #fff; display: block; }

@media( max-width: 991px ) {
  .navigation-toggle {
    display: block;
  }

}

.menu-content-header {
    display: flex;
    align-items: right;
    justify-content: right;
    padding-right: 20px;
}
					
.menu-content-close {
    color: white;
   /* float: right;*/
    font-size: 48px;
    font-weight: bold;
    cursor: pointer;
}

@media (min-width: 991px) {
    .menu-content-close {
       display:none;
    }
}

.menu-content-close:hover {
    transform:scale(1.1);
}


.quick-actions-navigation {
  max-width: 1400px;
  margin: 0 auto;
  /*padding: 8px 8px 10px;*/
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  position: relative;
  /*margin-top: -300px;*/
  /*margin-top: 80vh;*/
  /*margin-top: 20vh;*/
  background-color: #f6f6f6;
  display: none;
}

@media (max-width: 992px) {
    .quick-actions-navigation {
      display: block;
    }  

	.action-card-search {
      display: none;
    }  
}




.action-card-navigation {
  min-height: 134px;
  border: 1px solid red;
  border-radius: 0px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  /*align-items: center;*/
  transition: .2s ease; 
  background: #f0f0f0;
}

.action-card-navigation-row-1 {
  align-items: center;
  display: grid;
  grid-template-columns: 76px 1fr 25px;
} 

.action-card-navigation-row-2 {
  display: grid;
  grid-template-columns: 1fr;
} 


/* Homepage visual system --------------------------------------------------
   These rules are deliberately scoped to layout-home so the standard footer
   and compact search bar keep their established behaviour on other pages. */

body.layout-home {
  --home-surface: #f4f4f2;
  --home-surface-raised: #ffffff;
  --home-text: #1b1d1f;
  --home-text-muted: #62676c;
  --home-line: rgba(27, 29, 31, 0.14);
  --home-dark: #0b0d0f;
  --home-dark-raised: #14171a;
  --home-dark-text: #f5f5f2;
  --home-dark-muted: #b7bcc0;
  --home-radius: var(--radius-card);
  --home-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
}

/* Search bar: same states and behaviour, calmer styling and clear motion. */
@media (min-width: 992px) {
  body.layout-home .pergoline-navigation-main {
    transform-origin: 50% 0;
    will-change: transform, opacity;
  }

  body.layout-home .pergoline-navigation-main > .pergoline-navigation {
    padding: 0;
  }

  body.layout-home .pergoline-navigation-container {
    flex-wrap: nowrap;
    gap: 0;
    padding: 6px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--home-radius);
    background: rgba(246, 246, 244, 0.98);
    box-shadow: var(--home-shadow);
  }

  body.layout-home .pergoline-navigation-main.minimalized .pergoline-navigation-container {
    padding: 5px;
    border-color: rgba(255, 255, 255, 0.18);
    border-radius: var(--radius-navigation, 9px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
  }

  body.layout-home .pergoline-navigation-item {
    min-width: 0;
    border-radius: var(--radius-navigation-item, 8px);
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }

  body.layout-home .pergoline-navigation-item:hover,
  body.layout-home .pergoline-navigation-item.active {
    color: var(--home-text);
    background: #fff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
  }

  body.layout-home .pergoline-navigation-divider {
    margin: 9px 2px;
    border: 0;
    width: 1px;
    background: var(--home-line);
  }

  body.layout-home .pergoline-navigation-search-button {
    min-width: 150px;
    border-radius: var(--radius-navigation-item, 8px);
    background: var(--accent-color, #e94b27);
    transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }

  body.layout-home .pergoline-navigation-search-button:hover {
    opacity: 1;
    background: #cf3d1d;
    box-shadow: 0 8px 20px rgba(233, 75, 39, 0.28);
    transform: translateY(-1px);
  }

  body.layout-home .pergoline-navigation-main.minimalized .pergoline-navigation-search-button {
    min-width: 38px;
    width: 38px;
    height: 38px;
    padding: 7px;
  }

  body.layout-home .pergoline-navigation-main.is-collapsing {
    animation: pergoline-search-collapse 440ms cubic-bezier(.22, .8, .26, 1) both;
  }

  body.layout-home .pergoline-navigation-main.minimalizing {
    animation: pergoline-search-collapse 440ms cubic-bezier(.22, .8, .26, 1) both !important;
  }

  body.layout-home .pergoline-navigation-main.is-expanding,
  body.layout-home .pergoline-navigation-main.maximalizing {
    animation: pergoline-search-expand 440ms cubic-bezier(.22, .8, .26, 1) both !important;
  }
}

@keyframes pergoline-search-collapse {
  0% { opacity: 1; transform: translateY(0) scale(1); }
  48% { opacity: .72; transform: translateY(-7px) scale(.985); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pergoline-search-expand {
  0% { opacity: .65; transform: translateY(-8px) scale(.975); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* First panel: retain the existing layout, unify surfaces and typography. */
body.layout-home #tab1 .tab-container {
  background: var(--home-surface);
}

body.layout-home #tab1 .tab-container {
  padding-top: clamp(18px, 3vh, 34px);
  padding-bottom: clamp(24px, 4vh, 48px);
}

body.layout-home #tab1 .hero-content {
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
  background: var(--home-surface-raised);
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.09);
}

body.layout-home #tab1 .hero-content-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(26px, 4vw, 58px);
}

body.layout-home #tab1 .hero-content-h1,
.homepage-products-heading .hero-content-h1,
.homepage-benefits-heading .hero-content-h1
{
  margin: 0 0 16px;
  padding: 0;
  color: var(--accent-color, #e94b27);
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.025em;
  padding-top: 20px;
}

body.layout-home #tab1 .hero-content-h2,
.homepage-products-heading .hero-content-h2,
.homepage-benefits-heading .hero-content-h2
{
  margin: 0;
  padding: 0;
  color: var(--home-text);
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.45;
  font-weight: 400;
}

body.layout-home #tab1 .hero-content-right {
  min-height: 280px;
  padding: 0;
  background: #dfe0de;
}

body.layout-home #tab1 .quick-actions {
  margin-top: 14px;
/*  padding: 0;*/
  gap: 14px;
  background: transparent;
}

body.layout-home #tab1 .quick-actions-navigation {
  margin-top: 14px;
  padding: 0;
  gap: 14px;
  background: transparent;
}

body.layout-home #tab1 .action-card {
  color: var(--home-text);
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius);
  background: var(--home-surface-raised);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055);
}

body.layout-home #tab1 .action-card:hover,
body.layout-home #tab1 .action-card-navigation:hover {
  border-color: rgba(233, 75, 39, 0.42);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.10);
}

body.layout-home #tab1 .action-icon {
  color: var(--accent-color, #e94b27);
  /*background: rgba(233, 75, 39, 0.09);*/
}


body.layout-home #tab1 .action-text small {
  color: var(--home-text-muted);
}

body.layout-home #tab1 .arrow {
  color: var(--accent-color, #e94b27);
}

body.layout-home #tab1 .action-text strong {
  color: var(--home-text);
}

body.layout-home #tab1 .action-card-navigation {
  color: var(--home-text);
  border: 2px solid var(--accent-color, #e94b27);
  border-radius: var(--home-radius);
  background: var(--home-surface-raised);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055);
}

body.layout-home #tab1 .action-card-navigation strong {
	color: var(--accent-color, #e94b27);
}



/* Third panel: dark background with an explicit, readable type palette. */
body.layout-home #tab3 .tab-container {
  background: #000;
  color: var(--home-dark-text);
  padding-inline: 0;
}

body.layout-home #tab3 .pergoline-homepage-text-container {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 64px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--home-radius);
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.25);
}

body.layout-home #tab3 .pergoline-homepage-text,
body.layout-home #tab3 .pergoline-homepage-text p,
body.layout-home #tab3 .pergoline-homepage-text li,
body.layout-home #tab3 .pergoline-homepage-text span {
  color: var(--home-dark-muted) !important;
}

body.layout-home #tab3 .pergoline-homepage-text h1,
body.layout-home #tab3 .pergoline-homepage-text h2,
body.layout-home #tab3 .pergoline-homepage-text h3,
body.layout-home #tab3 .pergoline-homepage-text h4,
body.layout-home #tab3 .pergoline-homepage-text strong {
  color: var(--home-dark-text) !important;
}

body.layout-home #tab3 .pergoline-homepage-text a {
  color: #ff7959 !important;
  text-decoration-color: rgba(255, 121, 89, 0.5);
}

/* Fourth panel: the standard footer becomes a self-contained final panel. */
body.layout-home #tab4 .tab-container {
  background: #000;
}

body.layout-home #tab4 .tab-container {
  display: flex;
  align-items: center;
  padding-inline: 0;
  padding-block: clamp(34px, 6vh, 76px);
}

body.layout-home #tab4 .pergoline-site-footer {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(30px, 4vw, 56px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--home-radius);
  background: var(--home-dark-raised);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

body.layout-home #tab4 .pergoline-footer-container {
  gap: clamp(24px, 4vw, 64px);
  color: var(--home-dark-muted);
}

body.layout-home #tab4 .pergoline-footer-item,
body.layout-home #tab4 .pergoline-footer-info {
  color: var(--home-dark-muted);
}

body.layout-home #tab4 .pergoline-footer-item:hover,
body.layout-home #tab4 .pergoline-footer-item:focus-visible {
  color: #fff;
}

.pergoline-footer-contact {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
}

.pergoline-footer-socials {
  padding-top: 16px;
}

body.layout-home #tab4 .social-links a {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.035);
}

body.layout-home #tab4 .social-links a:hover {
  border-color: var(--accent-color, #e94b27);
  background: rgba(233, 75, 39, 0.12);
}

body.layout-home #tab4 .social-links svg {
  width: 18px;
  height: 18px;
}

@media (max-width: 991px) {
  body.layout-home #tab1 .hero-content {
    border-radius: var(--home-radius);
  }

  body.layout-home #tab1 .hero-content-right {
    min-height: clamp(190px, 34vh, 320px);
  }

  body.layout-home #tab1 .hero-content-left {
    padding: 22px;
	display: none;
  }

  body.layout-home #tab3 .pergoline-homepage-text-container,
  body.layout-home #tab4 .pergoline-site-footer {
    padding: 24px;
  }

  body.layout-home #tab4 .tab-container {
    align-items: flex-start;
  }
}

@media (max-width: 700px) {
  body.layout-home #tab1 .tab-container,
  body.layout-home #tab2 .tab-container {
    padding-inline: 14px;
  }

  body.layout-home #tab3 .tab-container,
  body.layout-home #tab4 .tab-container {
    padding-inline: 0;
  }

  body.layout-home #tab1 .quick-actions {
    gap: 10px;
  }

  body.layout-home #tab1 .action-card {
    grid-template-columns: 56px 1fr 18px;
    min-height: 108px;
    padding: 14px;
    gap: 12px;
  }

  body.layout-home #tab1 .action-card-navigation {
    min-height: 108px;
    padding: 14px;
    gap: 12px;
  }

  body.layout-home #tab1 .action-card-navigation-row-1 {
    grid-template-columns: 56px 1fr 18px;
    gap: 12px;
  }

  body.layout-home #tab1 .action-icon {
    width: 56px;
    height: 56px;
    font-size: 28px;
  }

  body.layout-home #tab3 .pergoline-homepage-text-container,
  body.layout-home #tab4 .pergoline-site-footer {
    border-radius: var(--home-radius);
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.layout-home .pergoline-navigation-main,
  body.layout-home .pergoline-navigation-item,
  body.layout-home .pergoline-navigation-search-button,
  body.layout-home #tab1 .action-card,
  body.layout-home #tab1 .action-card-navigation {
    animation: none !important;
    transition: none !important;
  }
}

.action-card-navigation:hover {
  transform: translateY(-2px);
  border-color: #ccc;
  box-shadow: 0 7px 25px rgba(0,0,0,.08);
}

/* Final position contract for homepage panel controls. */
body.layout-home .tab-navigation {
  left: auto;
  right: 22px;
  align-items: flex-end;
}

body.layout-home .tab-navigation button::after {
  left: auto;
  right: 34px;
  transform: translate(12px, -50%);
}

body.layout-home .tab-navigation button:hover::after,
body.layout-home .tab-navigation button:focus-visible::after {
  transform: translate(0, -50%);
}

body.layout-home .go-to-prev,
body.layout-home .go-to-next {
  left: auto;
  right: 22px;
  transform: translateX(76px);
}

body.layout-home .go-to-next {
  transform: translateX(76px) rotate(180deg);
}

body.layout-home .go-to-prev.show {
  transform: translateX(0);
}

body.layout-home .go-to-next.show {
  transform: translateX(0) rotate(180deg);
}

@media (max-width: 700px) {
  body.layout-home .tab-navigation {
    left: auto;
    right: 8px;
  }

  body.layout-home .go-to-prev,
  body.layout-home .go-to-next {
    left: auto;
    right: 10px;
  }
}

/* source: pergoline/pergoline-layout.css */
/* ==================================================
   ROOT
================================================== */

:root {

    --header-height: 80px;
    --navigation-height: 58px;
    --header-expanded-height: 235px;

    --page-bg: #07090b;
    --header-bg: #050607;

    --content-bg: #e7e7e9;

    --text-color: #24272b;
    /* Darker brand orange keeps white labels above WCAG AA contrast (4.84:1). */
    --accent-color: #cf3d1d;

    --pergoline-surface: #f4f4f2;
	--pergoline-surface-dark: #050607;
    --pergoline-card: #ffffff;
	--pergoline-card-transparent: #ffffff;
    --pergoline-card-subtle: #f7f7f5;
    --pergoline-ink: #1b1d1f;
    --pergoline-muted: #62676c;
    --pergoline-border: rgba(27, 29, 31, 0.14);
    --pergoline-radius: 12px;
    --pergoline-control-radius: 9px;
    --pergoline-control-shadow: 0 12px 34px rgba(0, 0, 0, 0.10);

    --container-width: 1240px;

	--pergoline-card-box-shadow: 0 10px 28px rgba(0, 0, 0, .07);
	--pergoline-radio-border: rgba(27, 29, 31, 0.14);
	--pergoline-control-border: rgba(27, 29, 31, 0.14);
}


/* ==================================================
   RESET
================================================== */

* {
    box-sizing: border-box;
}


html,
body {

    width: 100%;
    height: 100%;

    margin: 0;

    font-family: var(--pergoline-font, "Montserrat", Arial, Helvetica, sans-serif);

    background: var(--page-bg);

    color: var(--text-color);

}

body.layout-home,
body.layout-base {
    overflow: hidden;
}

.body-overflow-hidden {
        overflow: hidden;
        
    }

.body-overflow-hidden main {
    overflow: hidden;

    filter: grayscale(0.7);

    opacity: 0.55;

    pointer-events: none;
}

.body-overflow-hidden .tab-navigation {

    filter: grayscale(0.7);

    opacity: 0.55;

    pointer-events: none;

}

.body-overflow-hidden .go-to-prev {

    filter: grayscale(0.7);

    opacity: 0.55;

    pointer-events: none;

}

.body-overflow-hidden .go-to-prev.show {

    opacity: 0;

    pointer-events: none;
}


button,
a {
    font-family: inherit;
}


button {
    cursor: pointer;
}


/* ==================================================
   HEADER
================================================== */

.header {

    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    height: var(--header-height);

    background: var(--header-bg);

    /*border-bottom: 1px solid #24272b;*/

    z-index: 2000;

    /*overflow: hidden;*/
    overflow: visible;

    transition:
        height 0.35s ease;

}


.header.expanded {

    height: var(--header-expanded-height);

}

@media( max-width: 991px ) {

    .header.expanded {

        height: var(--header-height);

    }

}


/* ==================================================
   HEADER CONTAINER
================================================== */

.header-container {

    position: relative;

    width: 100%;
    max-width: var(--container-width);

    height: 100%;

    margin: 0 auto;

}


/* ==================================================
   HEADER TOP
================================================== */

.header-top {

    height: var(--header-height);

    display: grid;

    /*grid-template-columns:1fr auto 1fr;*/
    grid-template-columns: 160px 1fr auto;

    align-items: center;

    /*padding: 0 30px;*/
	padding: 0 0px;

}


.logo {

    display: flex;

    align-items: center;

    color: #f0f0f0;

    font-size: 22px;

    white-space: nowrap;

}


.logo-mark {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-right: 8px;

    border-left: 3px solid #d4d4d4;
    border-top: 3px solid #d4d4d4;

    color: #d4d4d4;

    font-size: 27px;

    font-weight: bold;

}


.header-title {

    color: var(--accent-color);

    font-size: 11px;

    letter-spacing: 0.08em;

    text-align: center;

}

@media (max-width: 991px) {
    .header-title {
        position: fixed;
        top:0px;
        left:0px;
        height:100vh;
        width:100%;
        background-color: white;
        display:none;
        z-index: 3000;
    }

    
    .header-title.pergoline-navigation-modal-show {
        display: block;
    }

    .body-overflow-hidden {
        overflow: hidden;
    }

}


.header-right {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 20px;

}


.phone {

    color: #bfc0c2;

    font-size: 12px;

    white-space: nowrap;

}


.menu-button {

    height: 40px;

    padding: 0 18px;

    border: 1px solid #292d31;

    border-radius: var(--radius-control, 4px);

    background: #101215;

    color: #ffffff;

    font-size: 13px;

    letter-spacing: 0.05em;

}


.menu-button:hover {
    background: #1b1e21;
}


/* ==================================================
   TOP NAVIGATION
================================================== */

.top-navigation {

    position: absolute;

    top: 50%;
    left: 50%;

    height: var(--navigation-height);

    display: flex;

    transform:
        translate(-50%, -50%);

    z-index: 20;

    transition:
        top 0.35s ease,
        left 0.35s ease,
        width 0.35s ease,
        transform 0.35s ease;

}


.header.expanded .top-navigation {

    top: var(--header-height);

    left: 0;

    width: 100%;

    transform: translateY(0);

}


.top-item {

    min-width: 180px;

    flex: 1;

    height: 100%;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 0 15px;

    border: 0;

    border-right: 1px solid #c6c7c9;

    background: #e5e5e6;

    color: #35383c;

    text-align: left;

}


.top-item:hover {
    background: #eeeeef;
}


.top-item.active {

    background: #f4f4f5;

    box-shadow:
        inset 0 3px 0 var(--accent-color);

}


.nav-icon {

    position: relative;

    width: 34px;
    height: 28px;

    flex-shrink: 0;

    border-top: 2px solid var(--accent-color);
    border-left: 2px solid var(--accent-color);
    border-right: 2px solid var(--accent-color);

}


.nav-icon::after {

    content: "";

    position: absolute;

    top: 10px;
    left: 50%;

    width: 2px;
    height: 18px;

    background: var(--accent-color);

    transform:
        translateX(-50%);

}


.nav-text {

    display: flex;

    flex-direction: column;

    gap: 4px;

}


.nav-text small {

    color: #66696d;

    font-size: 10px;

}


.nav-text strong {

    font-size: 13px;

}


.color-preview {

    width: 36px;
    height: 36px;

    flex-shrink: 0;

    background: #343638;

    border: 1px solid var(--accent-color);

}


.search-button {

    width: 110px;

    flex-shrink: 0;

    border: 0;

    background: var(--accent-color);

    color: #ffffff;

    font-size: 13px;

    font-weight: bold;

}





/* ==================================================
   MAIN SCROLL AREA

   DŮLEŽITÉ:
   Výška panelů je definována podle pevné výšky
   pracovní oblasti. Změna hlavičky tedy nemění
   výšku jednotlivých TABŮ.
================================================== */

.vertical-tabs {

    position: fixed;

    top: var(--header-height);

    left: 0;
    right: 0;
    bottom: 0;

    height:
        calc(
            100vh
            -
            var(--header-height)
        );
/*222
    overflow-y: auto;

    scroll-snap-type: y mandatory;

    scroll-behavior: smooth;

    scrollbar-width: none;
    overscroll-behavior-y: contain;
*/
}

@media (prefers-reduced-motion: reduce) {
    .vertical-tabs {
        scroll-behavior: auto;
    }

    .header {
        transition: none;
    }
}


.vertical-tabs::-webkit-scrollbar {
    display: none;
}


/*
   Při rozbalené hlavičce první panel začíná
   až pod celou hlavičkou.
*/

body.first-panel .vertical-tabs {

    top: var(--header-expanded-height);

    height:
        calc(
            100vh
            -
            var(--header-expanded-height)
        );

}

@media( max-width: 991px ) {

    body.first-panel .vertical-tabs {

        top: var(--header-height);

        height:
            calc(
                100vh
                -
                var(--header-height)
            );

    }

}


/* ==================================================
   TAB
================================================== */

.tab {

    /*
       VŽDY stejná logická výška jako pracovní plocha
       v minimalizovaném stavu.
    */

    height:
        calc(
            100vh
            -
            var(--header-height)
        );

    min-height:
        calc(
            100vh
            -
            var(--header-height)
        );
/*
    padding: 0 20px;

    overflow: hidden;

    background: var(--page-bg);

    scroll-snap-align: start;

    scroll-snap-stop: always;
*/
	position: absolute;
    inset: 0;
    /*padding: 40px;*/
    overflow-y: auto;
	visibility: hidden;
    pointer-events: none;


}

.tab.active {
	visibility: visible;
	pointer-events: auto;
}


/* -------------------------
           ANIMATION
        ------------------------- */

        .tab.enter-from-bottom {
            animation: enterFromBottom 0.4s ease forwards;
        }

        .tab.leave-to-top {
            animation: leaveToTop 0.4s ease forwards;
        }

        .tab.enter-from-top {
            animation: enterFromTop 0.4s ease forwards;
        }

        .tab.leave-to-bottom {
            animation: leaveToBottom 0.4s ease forwards;
        }

        @keyframes enterFromBottom {
            from {
                transform: translateY(100%);
                opacity: 0;
            }

            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes leaveToTop {
            from {
                transform: translateY(0);
                opacity: 1;
            }

            to {
                transform: translateY(-100%);
                opacity: 0;
            }
        }

        @keyframes enterFromTop {
            from {
                transform: translateY(-100%);
                opacity: 0;
            }

            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes leaveToBottom {
            from {
                transform: translateY(0);
                opacity: 1;
            }

            to {
                transform: translateY(100%);
                opacity: 0;
            }
        }

/*
   První panel má při rozbalené hlavičce
   menší skutečnou pracovní výšku.
*/

body.first-panel .tab:first-child {

    height:
        calc(
            100vh
            -
            var(--header-expanded-height)
        );

    min-height:
        calc(
            100vh
            -
            var(--header-expanded-height)
        );

}


/* ==================================================
   TAB CONTAINER
================================================== */

.tab-container {

    width: 100%;
    max-width: var(--container-width);

    height: 100%;

    margin: 0 auto;

    padding:
        35px
        30px
        60px;

    overflow-y: auto;

    /*background: var(--content-bg);*/

    background: black;

    scrollbar-width: thin;

    transition:
        filter 0.25s ease,
        opacity 0.25s ease;

}


 .tab-container.secondary {
            
    background: var(--secondary-content-bg);

    color: var(--secondary-text-color);
}

.tab-container.center {
    
    align-content: center;

}

/*
   Pokud je hlavička rozbalená nad jiným
   než prvním panelem, obsah je pouze vizuálně
   deaktivovaný.
*/

body.header-overlay .tab:not(:first-child)
.tab-container {

    filter: grayscale(0.7);

    opacity: 0.55;

    pointer-events: none;

}


/* ==================================================
   CONTENT
================================================== */

.panel-title {

    margin:
        0
        0
        30px;

    font-size: 30px;

}


.products-grid {

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap:
        50px
        70px;

}


.product-card {
    min-width: 0;
}


.product-image {

    height: 150px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

}


.pergola-placeholder {

    position: relative;

    width: 170px;
    height: 90px;

    border-top: 8px solid #353535;
    border-left: 8px solid #353535;
    border-right: 8px solid #353535;

}


.pergola-placeholder::before {

    content: "";

    position: absolute;

    top: -8px;
    left: 10px;
    right: 10px;

    height: 8px;

    background:
        repeating-linear-gradient(
            90deg,
            #222 0,
            #222 3px,
            #555 3px,
            #555 6px
        );

}


.pergola-placeholder::after {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 8px;
    height: 80px;

    background: #353535;

    transform:
        translateX(-50%);

}


.product-title {

    margin:
        0
        0
        8px;

    font-size: 16px;

    line-height: 1.4;

}


.product-code {

    margin-bottom: 18px;

    color: #777;

    font-size: 10px;

}


.product-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.product-price {

    font-size: 17px;

    font-weight: bold;

}


.price-label {

    display: block;

    margin-top: 4px;

    color: #777;

    font-size: 10px;

}


.detail-button {

    width: 34px;
    height: 34px;

    border: 0;

    background: #101215;

    color: #ffffff;

}


.info-grid {

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 25px;

}


.info-card {

    min-height: 220px;

    padding: 30px;

    background: #f5f5f6;

    border-left:
        4px solid
        var(--accent-color);

}


/* ==================================================
   RIGHT DOT NAVIGATION
================================================== */

.tab-navigation {

    position: fixed;

    top: 50%;
    right: 25px;

    transform:
        translateY(-50%);

    z-index: 700;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 16px;

}


.tab-navigation button {

    position: relative;

    width: 14px;
    height: 14px;

    padding: 0;

    border: 1px solid #888;

    border-radius: 50%;

    background: var(--page-bg);

}


.tab-navigation button.active {

    background: var(--accent-color);

    border-color: var(--accent-color);

    transform:
        scale(1.25);

}


.tab-navigation button::after {

    content: attr(data-title);

    position: absolute;

    top: 50%;
    right: 28px;

    padding: 8px 14px;

    background: #101215;

    color: #ffffff;

    font-size: 12px;

    white-space: nowrap;

    opacity: 0;

    pointer-events: none;

    transform:
        translate(35px, -50%);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;

}


.tab-navigation button:hover::after {

    opacity: 1;

    transform:
        translate(0, -50%);

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1000px) {

  /*  .header-title {
        display: none;
    }
*/

    .header-top {

        grid-template-columns:
            1fr
            auto;

    }


    .products-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

    }


    .top-navigation {

        left: 15px;

        width:
            calc(
                100%
                -
                30px
            );

        overflow-x: auto;

    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 700px) {

    :root {

        --header-height: 65px;
        --navigation-height: 52px;
        --header-expanded-height: 245px;

    }


    .header-top {

        padding:
            0
            15px;

    }


    .logo {

        font-size: 16px;

    }


    .logo-mark {

        width: 30px;
        height: 30px;

        font-size: 21px;

    }


    .phone > span {
        display: none;
    }

	.pergoline-cart-button > span {
        display: none;
    }


    .menu-button {

        height: 36px;

        padding:
            0
            12px;

        font-size: 11px;

    }


    .tab {

        padding: 0;

    }


    .tab-container {

        padding:
            25px
            20px
            50px;

    }


    .products-grid {

        grid-template-columns: 1fr;

    }


    .info-grid {

        grid-template-columns: 1fr;

    }


    .config-options {

        flex-direction: column;

    }


    .tab-navigation {

        right: 10px;

    }

}


.main-container {

    position: fixed;

    top: var(--header-height);

    left: 0;
    right: 0;
    bottom: 0;

    height:
        calc(
            100vh
            -
            var(--header-height)
        );

    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;

/*    overflow-y: auto;

    scroll-snap-type: y mandatory;

    scroll-behavior: smooth;

    scrollbar-width: none;
*/
}

.base-content,
.base-content > .tab-container {
    min-height: 100%;
}

/* Unified scrollbars ------------------------------------------------------
   Components that intentionally hide their scrollbar keep their more
   specific rules; all scrollable frontend content uses this shared style. */
* {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--accent-color, #e94b27) 72%, #6d7074) transparent;
}

*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 8px;
    background: color-mix(in srgb, var(--accent-color, #e94b27) 72%, #6d7074);
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color, #e94b27);
    background-clip: padding-box;
}

/*
.vertical-tabs::-webkit-scrollbar {
    display: none;
}*/

/* Final storefront state contract (this file is last in the CSS bundle). */
body.layout-base .main-container,
body.layout-base .base-content.page-shell {
    background: #050607;
}

body.layout-base .page-shell__content {
    background: var(--pergoline-card, #fff);
}

body.layout-base .catalog-list .product-card .pergoline-text-desc {
    display: none;
}

body.layout-base .catalog-list .product-card .product-price-label {
    display: block;
    margin: 0 6px 3px 0;
    color: #686c70;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .035em;
    text-transform: uppercase;
}

body.layout-base .catalog-list .product-card .price-display,
body.layout-base .catalog-list .product-card .pergoline-catalog-detail-price {
    color: var(--accent-color, #e94b27) !important;
    font-weight: 750 !important;
}

@media (min-width: 992px) {
    /* Expanded search is an overlay spanning the complete header container.
       It must never participate as the centre column of .header-top. */
    .header-title .pergoline-navigation-main:not(.minimalized) {
        position: absolute;
        z-index: 20;
        top: 70px;
        left: 0;
        right: 0;
        width: 100%;
        margin-inline: auto;
    }
}

/* Contrast and component consistency audit -------------------------------- */
body.layout-base .page-shell__content,
body.layout-base .catalog-list .product-card,
body.layout-base .product-details > section,
body.layout-base .product-details > header,
body.layout-base .pergoline-basket-page,
body.layout-base .pergoline-summary-panel,
body.layout-base .pergoline-radio-card {
    color: var(--pergoline-ink);
}

#tab2 .homepage-products-carousel .product-price-label,
body.layout-base .catalog-list .product-price-label {
    color: var(--pergoline-muted) !important;
    opacity: 1;
}

body.layout-base .catalog-list .price-display,
body.layout-base .catalog-list .pergoline-catalog-detail-price,
#tab2 .homepage-products-carousel .price-display,
#tab2 .homepage-products-carousel .pergoline-catalog-detail-price {
    color: var(--accent-color, #e94b27) !important;
    opacity: 1;
}

body.layout-base .pergoline-summary-panel .pergoline-text-desc,
body.layout-base .pergoline-basket-page .pergoline-radio-card-info {
    color: var(--pergoline-muted);
    opacity: 1;
}

/* Product detail carousel: 3D gallery above, homepage-style controls below. */
body.layout-base .pergoline-carousel-detail {
    height: auto;
    outline: none;
}

body.layout-base .pergoline-carousel-detail:focus-visible {
    outline: 2px solid var(--accent-color, #e94b27);
    outline-offset: 5px;
}

body.layout-base .pergoline-carousel-detail > .pergoline-carousel-wrapper {
    height: clamp(340px, 42vw, 540px);
}

body.layout-base .detail-carousel-controls {
    min-height: 70px;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 16px;
    padding: 12px 18px;
    border-top: 1px solid var(--pergoline-border);
    background: var(--pergoline-card-transparent);
}

body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-prev,
body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-next {
    position: static;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 14px;
    border: 1px solid #292d31;
    border-radius: var(--radius-control, 2px);
    background: #101215;
    color: #fff;
    box-shadow: none;
    transform: none;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-next .pergoline-carousel-button-icon {
    transform: rotate(180deg);
}

body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-prev:hover,
body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-next:hover {
    border-color: var(--accent-color, #e94b27);
    background: var(--accent-color, #e94b27);
    transform: none;
}

body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-prev:active,
body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-next:active {
    transform: scale(.96);
}

body.layout-base .pergoline-carousel-detail .detail-carousel-controls .pergoline-carousel-button-icon {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.detail-carousel-pagination {
    display: flex;
    align-items: center;
    gap: 9px;
}

.detail-carousel-pagination button {
    width: 28px;
    height: 4px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-indicator, 2px);
    background: #c5c7c9;
    transition: width 200ms ease, background-color 200ms ease;
}

.detail-carousel-pagination button[aria-current="true"] {
    width: 44px;
    background: var(--accent-color, #e94b27);
}

.detail-carousel-status {
    min-width: 48px;
    color: var(--pergoline-muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* Basket and order forms use the same cards, controls and radii as detail. */
body.layout-base .pergoline-basket-page {
    overflow: hidden;
    border: 1px solid var(--pergoline-border);
    border-radius: var(--pergoline-radius);
    background: var(--pergoline-card);
    box-shadow: var(--pergoline-control-shadow);
}

body.layout-base .pergoline-basket-page > .container-xxl {
    padding: clamp(18px, 3vw, 36px);
}

body.layout-base .basket-page-heading {
    padding: 4px 0 clamp(24px, 4vw, 40px);
    text-align: center;
}

body.layout-base .basket-page-heading h1 {
    margin: 0;
    color: var(--pergoline-ink);
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 650;
    line-height: 1.15;
}

body.layout-base .pergoline-basket-page .pergoline-summary-panel {
    padding: clamp(18px, 3vw, 32px);
    overflow: hidden;
    border: 1px solid var(--pergoline-border-visible);
    border-radius: var(--pergoline-radius);
    background: var(--pergoline-card);
}

body.layout-base .pergoline-summary-item {
    padding: clamp(14px, 2vw, 20px);
    border: 1px solid var(--pergoline-border-visible);
    border-radius: var(--pergoline-control-radius);
    background: var(--pergoline-card-subtle);
}

body.layout-base .basket-section-divider,
body.layout-base .pergoline-summary-divider {
    height: 1px;
    margin: 24px 0;
    border: 0;
    background: var(--pergoline-border);
    color: transparent;
}

body.layout-base .pergoline-basket-page .pergoline-radio-card {
    padding: 16px 18px;
    overflow: hidden;
    border: 1px solid var(--pergoline-radio-border);
    border-radius: var(--pergoline-control-radius);
    background: var(--pergoline-card);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .045);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.layout-base .pergoline-basket-page .pergoline-radio-card:hover,
body.layout-base .pergoline-basket-page .pergoline-radio-card:has(.pergoline-radio-card-input:checked) {
    border-color: var(--accent-color, #e94b27);
    box-shadow: 0 0 0 2px rgba(233, 75, 39, .10), 0 12px 28px rgba(0, 0, 0, .08);
}

body.layout-base .pergoline-basket-page .pergoline-radio-card:has(.pergoline-radio-card-input:checked) {
    transform: translateY(-1px);
}

body.layout-base .pergoline-basket-page .pergoline-radio-card-button {
    border-color: #9da1a5;
}

body.layout-base .pergoline-basket-page .pergoline-radio-card:has(.pergoline-radio-card-input:checked) .pergoline-radio-card-button {
    border-color: var(--accent-color, #e94b27);
}

body.layout-base .pergoline-basket-page .pergoline-radio-card-dot {
    background: var(--accent-color, #e94b27);
}

body.layout-base .pergoline-order-summary > .pergoline-summary-left,
body.layout-base .pergoline-order-summary > .pergoline-summary-right {
    border: 1px solid var(--pergoline-border-visible);
    border-radius: var(--pergoline-control-radius);
    background: var(--pergoline-card-subtle);
    color: var(--pergoline-ink);
}

body.layout-base .pergoline-basket-page input:not([type="radio"]):not([type="checkbox"]),
body.layout-base .pergoline-basket-page select,
body.layout-base .pergoline-basket-page textarea {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--pergoline-control-border);
    border-radius: var(--pergoline-control-radius);
    background: #fff;
    color: var(--pergoline-ink);
}

body.layout-base .pergoline-basket-page input:focus,
body.layout-base .pergoline-basket-page select:focus,
body.layout-base .pergoline-basket-page textarea:focus {
    border-color: var(--accent-color, #e94b27);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(233, 75, 39, .13);
}

body.layout-base .pergoline-basket-page .pergoline-button,
body.layout-base .pergoline-basket-page button[type="submit"] {
    min-height: 46px;
    padding: 11px 22px;
    border: 1px solid #111315;
    border-radius: var(--pergoline-control-radius);
    background: #111315;
    color: #fff;
    font: 650 14px/1.2 var(--pergoline-font, "Montserrat", sans-serif);
    text-decoration: none;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.layout-base .pergoline-basket-page .pergoline-button:hover:not(:disabled),
body.layout-base .pergoline-basket-page button[type="submit"]:hover:not(:disabled) {
    border-color: var(--accent-color, #e94b27);
    background: var(--accent-color, #e94b27);
    color: #fff;
    box-shadow: 0 9px 22px rgba(233, 75, 39, .24);
    transform: translateY(-1px);
}

body.layout-base .pergoline-basket-page .pergoline-nav-back-button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    border: 1px solid #292d31;
    border-radius: var(--pergoline-control-radius);
    background: #fff;
    color: var(--pergoline-ink);
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

body.layout-base .pergoline-basket-page .pergoline-nav-back-button:hover {
    border-color: #111315;
    background: #111315;
    color: #fff;
}

body.layout-base .pergoline-summary-delete-button {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 9px;
    border: 1px solid rgba(190, 45, 45, .18);
    border-radius: var(--pergoline-control-radius);
    background: rgba(238, 109, 109, .08);
}

body.layout-base .pergoline-summary-delete-button:hover {
    border-color: rgba(190, 45, 45, .42);
    background: rgba(238, 109, 109, .15);
    opacity: 1;
}

@media (max-width: 700px) {
    body.layout-base .pergoline-carousel-detail > .pergoline-carousel-wrapper {
        height: clamp(280px, 78vw, 420px);
    }

    body.layout-base .detail-carousel-controls {
        grid-template-columns: auto 1fr auto;
        gap: 10px;
        padding-inline: 12px;
    }

    .detail-carousel-status {
        display: none;
    }

    .detail-carousel-pagination {
        justify-content: center;
        overflow: hidden;
    }

    .detail-carousel-pagination button {
        width: 18px;
    }

    .detail-carousel-pagination button[aria-current="true"] {
        width: 30px;
    }

    body.layout-base .pergoline-basket-page > .container-xxl,
    body.layout-base .pergoline-basket-page .pergoline-summary-panel {
        padding: 14px;
    }
}

/* Standard pages use page-shell__content as their single visual container.
   Keep Aimeos wrappers for component compatibility, but remove their
   duplicate surface, width constraint and spacing. */
body.layout-base .page-shell__content > :is(.section, .catalog-detail, .cms-page, .aimeos) {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.layout-base .page-shell__content > :is(.section, .catalog-detail, .cms-page, .aimeos) > .container-xxl {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* The project list uses `_aimeos catalog-list` instead of the usual `aimeos`
   marker. Keep an explicit contract so its Bootstrap container cannot create
   a second visual surface inside the shared page shell. */
body.layout-base .page-shell__content > .catalog-list,
body.layout-base .page-shell__content > .catalog-list > .container-xxl {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.layout-base .page-shell__content > .catalog-list > .container-xxl > .content-container {
    padding: 0;
    background: transparent;
}

body.layout-base .catalog-detail .product-gallery img.product-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0 auto;
    object-fit: contain;
}

/* Main menu backdrop on standard pages. It stays below the fixed header
   (z-index: 2000), while pointer events continue to reach the menu and the
   existing outside-click handler. */
body.layout-base:has(.menu-content.open)::before {
    content: "";
    position: fixed;
    inset: var(--header-height) 0 0;
    z-index: 1900;
    /*background: #050607;*/
    pointer-events: none;
}

/* Footer on standard pages -------------------------------------------------
   The footer is a sibling of the light page card. Homepage footer rules stay
   scoped to #tab4 and are therefore unchanged. */
body.layout-base .base-footer-shell {
    padding: 0 clamp(16px, 3vw, 34px) clamp(22px, 4vw, 48px);
    background: #050607;
}

body.layout-base .base-footer-shell .pergoline-site-footer {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: var(--radius-card);
    background: #101317;
    color: #c7c9cb;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

body.layout-base .base-footer-shell .pergoline-site-footer > .container-xxl {
    max-width: none;
    padding: 0;
}

body.layout-base .base-footer-shell .pergoline-footer-container {
    padding-top: 0;
    gap: clamp(24px, 4vw, 64px);
    color: #c7c9cb;
}

body.layout-base .base-footer-shell .pergoline-footer-item,
body.layout-base .base-footer-shell .pergoline-footer-info {
    color: #c7c9cb;
}

body.layout-base .base-footer-shell .pergoline-footer-item:hover,
body.layout-base .base-footer-shell .pergoline-footer-item:focus-visible {
    color: #fff;
}

body.layout-base .base-footer-shell .social-links a {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    background: rgba(255, 255, 255, .035);
}

body.layout-base .base-footer-shell .social-links a:hover {
    border-color: var(--accent-color, #e94b27);
    background: rgba(233, 75, 39, .12);
}

body.layout-base .base-footer-shell .social-links svg {
    width: 18px;
    height: 18px;
}

/* Basket links must keep readable contrast in every link state. */
body.layout-base .pergoline-basket-page a.pergoline-summary-title,
body.layout-base .pergoline-basket-page a.pergoline-summary-title:link,
body.layout-base .pergoline-basket-page a.pergoline-summary-title:visited {
    color: var(--pergoline-ink, #1b1d1f) !important;
    text-decoration: none;
}

body.layout-base .pergoline-basket-page a.pergoline-summary-title:hover,
body.layout-base .pergoline-basket-page a.pergoline-summary-title:focus-visible {
    color: var(--accent-color, #e94b27) !important;
}

@media (max-width: 700px) {
    body.layout-base .base-footer-shell {
        padding-inline: 10px;
    }

    body.layout-base .base-footer-shell .pergoline-site-footer {
        padding: 24px 18px;
    }
}

.pergoline-w100 {
	width:100%;
}

.item-service-price {
	color: var(--product-card-active-color)
}


@media (max-width: 600px) {

	.menu-toggle, .navigation-toggle {
		min-width: 42px;
	}

	.menu-toggle .menu-label {
		display: none;
	}

	.navigation-toggle span {
		display: none;
	}

	body.layout-home .menu-toggle,
	body.layout-base .menu-toggle { 
		min-width: 42px;
	}
}






.card {
  float: left;
  padding: 0 1.7rem;
  width: 50%;
  .menu-content {
    @include cf;
    margin: 0;
    padding: 0;
    list-style-type: none;
    li {
      display: inline-block;
    }
    a {
      color: $white;
    }
    span {
      position: absolute;
      left: 50%;
      top: 0;
      font-size: 10px;
      font-weight: 700;
      font-family: 'Open Sans';
      transform: translate(-50%, 0);
    }
  }
  .wrapper {
    background-color: $white;
    min-height: 540px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 19px 38px rgba($black, 0.3), 0 15px 12px rgba($black, 0.2);
    &:hover {
      .data {
        transform: translateY(0);
      }
    }
  }
  .data {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(calc(70px + 1em));
    transition: transform 0.3s;
    .content {
      padding: 1em;
      position: relative;
      z-index: 1;
    }
  }
  .author {
    font-size: 12px;
  }
  .title {
    margin-top: 10px;
  }
  .text {
    height: 70px;
    margin: 0;
  }
  input[type='checkbox'] {
    display: none;
  }
  input[type='checkbox']:checked + .menu-content {
    transform: translateY(-60px);
  }
}

// First example styles
.example-1 {
  .wrapper {
    background: url(https://images.unsplash.com/photo-1496979551903-46e46589a88b?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=cda12b505afa1beb06e49d89014cbd65&auto=format&fit=crop&w=634&q=80) 20% 1% / cover no-repeat;
  }
  .date {
    position: absolute;
    top: 0;
    left: 0;
    background-color: $bermuda;
    color: $white;
    padding: 0.8em;
    span {
      display: block;
      text-align: center;
    }
    .day {
      font-weight: 700;
      font-size: 24px;
      text-shadow: 2px 3px 2px rgba($black, 0.18);
    }
    .month {
      text-transform: uppercase;
    }
    .month,
    .year {
      font-size: 12px;
    }
  }
  .content {
    background-color: $white;
    box-shadow: 0 5px 30px 10px rgba($black, 0.3);
  }
  .title {
    a {
      color: lighten($black, 50%);
    }
  }
  .menu-button {
    position: absolute;
    z-index: 999;
    top: 16px;
    right: 16px;
    width: 25px;
    text-align: center;
    cursor: pointer;
    span {
      width: 5px;
      height: 5px;
      background-color: lighten($black, 50%);
      color: lighten($black, 50%);
      position: relative;
      display: inline-block;
      border-radius: 50%;
      &::after,
      &::before {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background-color: currentColor;
        position: absolute;
        border-radius: 50%;
      }
      &::before {
        left: -10px;
      }
      &::after {
        right: -10px;
      }
    }
  }
  .menu-content {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    transition: transform 0.3s;
    transform: translateY(0);
    li {
      width: 33.333333%;
      float: left;
      background-color: $bermuda;
      height: 60px;
      position: relative;
    }
    a {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
    }
    span {
      top: -10px;
    }
  }
}

#tab1 .swiffy-slider {
    height: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: -30px;
    margin-top: -34px;
    width: calc(100% + 60px);
}

body.layout-home:not(:has(#tab3))  .buttonTab3 {
  display: none;
}




/*222*/
@media (min-width: 992px) {

	#tab1 {
		max-height: calc(100vh - var(--header-expanded-height));
		overflow: hidden;
		min-height: calc(100vh - var(--header-expanded-height));
		height: calc(100vh - var(--header-expanded-height));
	}

	#tab1 .tab-container {
		/*overflow: hidden;
		display: flex;*/
		flex-direction: column;
		justify-content: flex-end;
		
	}
	
}


.benefit-cards {
  max-width: 1400px;
  /*margin: 0 auto;*/
  padding: 8px 8px 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /*gap: 14px;*/
  position: relative;
/*
  background-color: #f6f6f6;*/
  background: transparent;
}

@media (max-width: 992px) {
    .benefit-cards {
      grid-template-columns: 1fr;
      
    }  
}

.benefit-card {
  min-height: 134px;
/*  border: 1px solid #e0e0e0;
  border-radius: 0px;*/
  padding: 16px 20px;
  display: grid;
  /*grid-template-columns: 76px 1fr;*/
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: center;
  border-left: 1px solid #d9dbdd;;
  
}

@media( max-height: 1070px ) {
/*
	.benefit-card {
		display: none;
	}*/	
}

.benefit-card:first-of-type {
  border-left: unset;
}

.benefit-card-icon-container {
    width: 100%;
    text-align: -webkit-center;
}

.benefit-card-icon {
  width: 76px;
  height: 76px;
  
  /*background: #fff3f3;*/
  /*color: var(--red);*/
  
  display: grid;
  place-items: center;
  font-size: 35px;
}

.benefit-card-text {
  color: black;
}

.benefit-card-text strong {
  display: block;
  font-size: 17px;
  line-height: 1.08;
  margin-bottom: 8px;
}
.benefit-card-text small {
  display: block;
  font-size: 12px;
  line-height: 1.35;
  color: #333;
}


.pergoline-tab-panel-header {
    display: flex;
    align-items: right;
    justify-content: right;
    /*padding-right: 20px;*/
	height: 24px;
    margin-top: -14px;
}
					
.pergoline-tab-panel-close {
    color: black;
   /* float: right;*/
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

.hero-content-h1 p, .hero-content-h2 p {
	margin-bottom: 0rem;
}

.homepage-benefits-heading {
	text-align: center;
}

@media( max-height: 1188px ) {
/*
	.homepage-benefits-heading {
		display: none;
	}	
*/		
}

.homepage-benefits-heading .hero-content-h2{
	margin: 0;
    padding: 0;
    color: var(--home-text);
    font-size: clamp(17px, 1.5vw, 22px);
    line-height: 1.45;
    font-weight: 400;
}


body:has(.pergoline-navigation-main.minimalized) .pergoline-basket-mini-label,
body:has(.pergoline-navigation-main.minimalized) .menu-label
{
	display:none;
}

body:has(.pergoline-navigation-main.minimalized) .menu-toggle
{
	min-width: 42px;
    /*max-width: 42px;*/
    padding: 0px;
}