.bootstrap-touchspin .bootstrap-touchspin-vertical-button-wrapper{border:none;position:relative;width:25px}.bootstrap-touchspin .input-group-btn-vertical{bottom:0;left:0;position:absolute;right:0;top:0;z-index:11}.bootstrap-touchspin .input-group-btn-vertical>.btn{height:50%;left:0;line-height:1;padding:0;position:absolute;right:0;text-align:center}.bootstrap-touchspin .input-group-addon .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0 4px 0 0;top:0}.bootstrap-touchspin .input-group-btn-vertical .btn{font-size:12px;line-height:1}.rtl .bootstrap-touchspin .input-group-addon .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:4px 0 0 0}.bootstrap-touchspin .input-group-addon:not(:last-child) .input-group-btn-vertical .bootstrap-touchspin-down,.bootstrap-touchspin .input-group-addon:not(:last-child) .input-group-btn-vertical .bootstrap-touchspin-up,.bootstrap-touchspin .input-group-btn:not(:last-child):not(:first-child) .btn{border-radius:0}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0 0 4px 0;bottom:0}.rtl .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0 0 0 4px}.bootstrap-touchspin .input-group-btn-vertical i{font-size:9px;font-weight:400;left:5px;position:absolute;top:3px}.rtl .bootstrap-touchspin .input-group-btn-vertical i{left:auto;right:5px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-cyrillic-ext-400-normal-fd1478dcc74de00ee4c0.woff2) format("woff2"),url(../fonts/inter-cyrillic-ext-400-normal-e89451624c6caf35687f.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-cyrillic-400-normal-cb04b2ee2f7d192478b8.woff2) format("woff2"),url(../fonts/inter-cyrillic-400-normal-e2841352dd9512ff455b.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-greek-ext-400-normal-f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(../fonts/inter-greek-ext-400-normal-b9e1e89444a313a63b91.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-greek-400-normal-a8de720a6f13c66c8a4e.woff2) format("woff2"),url(../fonts/inter-greek-400-normal-a42da273bb968bf2058d.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(data:application/x-font-woff2;base64,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) format("woff2"),url(../fonts/inter-vietnamese-400-normal-96f8adc74b63e1a3655f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-latin-ext-400-normal-3d10c85fbd16969509a2.woff2) format("woff2"),url(../fonts/inter-latin-ext-400-normal-1c20f7dc20d731a18fcd.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/inter-latin-400-normal-9698cc7dbf147ed363b6.woff2) format("woff2"),url(../fonts/inter-latin-400-normal-b0c8fe9db56dd415a25a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.carousel{--slider-img-height:100%;--slider-title-weight:800;--slider-subtitle-weight:700;--slider-text-color:var(--bs-gray-800);--slider-control-bg:var(--bs-white);--slider-control-height:4rem;--slider-control-radius:50%}: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,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:"Inter", sans-serif;--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.25;--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,.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,.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,.175);--bs-border-radius:8px;--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,.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13,110,253,.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,.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,.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:hsla(0,0%,100%,.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{background-color:var(--bs-body-bg);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);margin:0;font-size:14px;text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#fff0}hr{border:0;border-top:var(--bs-border-width) solid;color:inherit;margin:1rem 0;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--bs-heading-color);font-weight:600;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){.h4,h4{font-size:1.3rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-bottom:1rem;margin-top:0}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-bottom:1rem;margin-top:0}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,small{font-size:.875em}.mark,mark{background-color:var(--bs-highlight-bg);color:var(--bs-highlight-color);padding:.1875em}sub,sup{font-size:.75em;line-height:0;position:relative;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;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{color:var(--bs-code-color);font-size:.875em;word-wrap:break-word}a>code{color:inherit}kbd{background-color:var(--bs-body-color);border-radius:.25rem;color:var(--bs-body-bg);font-size:.875em;padding:.1875rem .375rem}kbd kbd{font-size:1em;padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:var(--bs-secondary-color);padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}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{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}@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}::file-selector-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media(min-width:1200px){.display-6{font-size:2.5rem}}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{font-size:1.25rem;margin-bottom:1rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{color:#6c757d;font-size:.875em;margin-bottom:1rem;margin-top:-1rem}.blockquote-footer:before{content:"— "}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.img-thumbnail{background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:var(--bs-secondary-color);font-size:.875em}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@media(min-width:576px){.container,.container-sm,.container-xs{max-width:590px}}@media(min-width:768px){.container,.container-md,.container-sm,.container-xs{max-width:95%}}@media(min-width:992px){.container,.container-lg,.container-md,.container-sm,.container-xs{max-width:85%}}@media(min-width:1300px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xs{max-width:95%}}@media (min-width:1490px){#index .container,#index .container-lg,#index .container-md,#index .container-sm,#index .container-xl,#index .container-xs,#index .container-xxl{max-width:95%!important}#product .container,#product .container-lg,#product .container-md,#product .container-sm,#product .container-xl,#product .container-xs,#product .container-xxl{max-width:85%!important}}@media (min-width:1300px){#cart .container,#cart .container-lg,#cart .container-md,#cart .container-sm,#cart .container-xl,#cart .container-xs{max-width:85%!important}}:root{--bs-breakpoint-xxs:0;--bs-breakpoint-xs:360px;--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-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.1);width:100%}.grid{display:grid;gap:var(--bs-gap,1.5rem);grid-template-columns:repeat(var(--bs-columns,12),1fr);grid-template-rows:repeat(var(--bs-rows,1),1fr)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media(min-width:360px){.grid .g-col-xs-1{grid-column:auto/span 1}.grid .g-col-xs-2{grid-column:auto/span 2}.grid .g-col-xs-3{grid-column:auto/span 3}.grid .g-col-xs-4{grid-column:auto/span 4}.grid .g-col-xs-5{grid-column:auto/span 5}.grid .g-col-xs-6{grid-column:auto/span 6}.grid .g-col-xs-7{grid-column:auto/span 7}.grid .g-col-xs-8{grid-column:auto/span 8}.grid .g-col-xs-9{grid-column:auto/span 9}.grid .g-col-xs-10{grid-column:auto/span 10}.grid .g-col-xs-11{grid-column:auto/span 11}.grid .g-col-xs-12{grid-column:auto/span 12}.grid .g-start-xs-1{grid-column-start:1}.grid .g-start-xs-2{grid-column-start:2}.grid .g-start-xs-3{grid-column-start:3}.grid .g-start-xs-4{grid-column-start:4}.grid .g-start-xs-5{grid-column-start:5}.grid .g-start-xs-6{grid-column-start:6}.grid .g-start-xs-7{grid-column-start:7}.grid .g-start-xs-8{grid-column-start:8}.grid .g-start-xs-9{grid-column-start:9}.grid .g-start-xs-10{grid-column-start:10}.grid .g-start-xs-11{grid-column-start:11}}@media(min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media(min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media(min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media(min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media(min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}}.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:1 1 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%;font-family:'Roboto',sans-serif!important}.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:360px){.col-xs{flex:1 0 0%}.row-cols-xs-auto>*{flex:0 0 auto;width:auto}.row-cols-xs-1>*{flex:0 0 auto;width:100%}.row-cols-xs-2>*{flex:0 0 auto;width:50%}.row-cols-xs-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xs-4>*{flex:0 0 auto;width:25%}.row-cols-xs-5>*{flex:0 0 auto;width:20%}.row-cols-xs-6>*{flex:0 0 auto;width:16.66666667%}.col-xs-auto{flex:0 0 auto;width:auto}.col-xs-1{flex:0 0 auto;width:8.33333333%}.col-xs-2{flex:0 0 auto;width:16.66666667%}.col-xs-3{flex:0 0 auto;width:25%}.col-xs-4{flex:0 0 auto;width:33.33333333%}.col-xs-5{flex:0 0 auto;width:41.66666667%}.col-xs-6{flex:0 0 auto;width:50%}.col-xs-7{flex:0 0 auto;width:58.33333333%}.col-xs-8{flex:0 0 auto;width:66.66666667%}.col-xs-9{flex:0 0 auto;width:75%}.col-xs-10{flex:0 0 auto;width:83.33333333%}.col-xs-11{flex:0 0 auto;width:91.66666667%}.col-xs-12{flex:0 0 auto;width:100%}.offset-xs-0{margin-left:0}.offset-xs-1{margin-left:8.33333333%}.offset-xs-2{margin-left:16.66666667%}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:33.33333333%}.offset-xs-5{margin-left:41.66666667%}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:58.33333333%}.offset-xs-8{margin-left:66.66666667%}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:83.33333333%}.offset-xs-11{margin-left:91.66666667%}.g-xs-0,.gx-xs-0{--bs-gutter-x:0}.g-xs-0,.gy-xs-0{--bs-gutter-y:0}.g-xs-1,.gx-xs-1{--bs-gutter-x:0.25rem}.g-xs-1,.gy-xs-1{--bs-gutter-y:0.25rem}.g-xs-2,.gx-xs-2{--bs-gutter-x:0.5rem}.g-xs-2,.gy-xs-2{--bs-gutter-y:0.5rem}.g-xs-3,.gx-xs-3{--bs-gutter-x:1rem}.g-xs-3,.gy-xs-3{--bs-gutter-y:1rem}.g-xs-4,.gx-xs-4{--bs-gutter-x:1.5rem}.g-xs-4,.gy-xs-4{--bs-gutter-y:1.5rem}.g-xs-5,.gx-xs-5{--bs-gutter-x:3rem}.g-xs-5,.gy-xs-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;margin-top:0;width:12.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}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:11.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:28.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:63.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:40.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:59.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:1rem}.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}}.rich-text table,.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb),0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb),0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb),0.075);border-color:var(--bs-table-border-color);margin-bottom:1rem;vertical-align:top;width:100%}.rich-text table>:not(caption)>*>*,.table>:not(caption)>*>*{background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));padding:.5rem}.rich-text table>tbody,.table>tbody{vertical-align:inherit}.rich-text table>thead,.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width)*2) solid}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a5b5cc;--bs-table-striped-bg:#c4d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe5;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000}.table-primary,.table-secondary{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b4b6b7;--bs-table-striped-bg:#d6d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbcdce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000}.table-info,.table-success{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a5c4ca;--bs-table-striped-bg:#c4e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e6c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dab9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece0be;--bs-table-hover-color:#000}.table-danger,.table-warning{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc1c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7c9;--bs-table-hover-color:#000}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000}.table-dark,.table-light{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:359.98px){.table-responsive-xs{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{font-size:1rem;margin-bottom:.5rem}.col-form-label,.form-label{color:#343a40;font-weight:700}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0}.col-form-label,.col-form-label-lg{padding-bottom:calc(.5rem + var(--bs-border-width));padding-top:calc(.5rem + var(--bs-border-width))}.col-form-label-lg{font-size:1.25rem}.col-form-label-sm{font-size:.875rem;padding-bottom:calc(.25rem + var(--bs-border-width));padding-top:calc(.25rem + var(--bs-border-width))}.form-text{color:#495057;font-size:.75rem;margin-top:.25rem}.form-control,.modal.product-comment-modal .form-control,.modal.product-comment-modal textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-color:var(--bs-body-bg);border:var(--bs-border-width) #ced4da;border-radius:4px;color:#343a40;display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media(prefers-reduced-motion:reduce){.form-control,.modal.product-comment-modal .form-control,.modal.product-comment-modal textarea{transition:none}}.form-control[type=file],.modal.product-comment-modal [type=file].form-control,.modal.product-comment-modal textarea[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]),.modal.product-comment-modal [type=file].form-control:not(:disabled):not([readonly]),.modal.product-comment-modal textarea[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus,.modal.product-comment-modal .form-control:focus,.modal.product-comment-modal textarea:focus{background-color:var(--bs-body-bg);border-color:#86b7fe;box-shadow:0 0 0 .25rem rgb(13 110 253 / .25);color:var(--bs-body-color);outline:0}.form-control::-webkit-date-and-time-value,.modal.product-comment-modal .form-control::-webkit-date-and-time-value,.modal.product-comment-modal textarea::-webkit-date-and-time-value{height:1.5em;margin:0;min-width:85px}.form-control::-webkit-datetime-edit,.modal.product-comment-modal .form-control::-webkit-datetime-edit,.modal.product-comment-modal textarea::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder,.modal.product-comment-modal .form-control::-moz-placeholder,.modal.product-comment-modal textarea::-moz-placeholder{color:#dee2e6;opacity:1}.form-control::placeholder,.modal.product-comment-modal .form-control::placeholder,.modal.product-comment-modal textarea::placeholder{color:#dee2e6;opacity:1}.form-control:disabled,.modal.product-comment-modal .form-control:disabled,.modal.product-comment-modal textarea:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button,.modal.product-comment-modal .form-control::file-selector-button,.modal.product-comment-modal textarea::file-selector-button{background-color:var(--bs-tertiary-bg);border:0 solid;border-color:inherit;border-inline-end-width:var(--bs-border-width);border-radius:0;color:var(--bs-body-color);margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem;pointer-events:none;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::file-selector-button,.modal.product-comment-modal .form-control::file-selector-button,.modal.product-comment-modal textarea::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button,.modal.product-comment-modal textarea:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{background-color:#fff0;border:solid #fff0;border-width:var(--bs-border-width) 0;color:#343a40;display:block;line-height:1.5;margin-bottom:0;padding:.5rem 0;width:100%}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:4px;font-size:.875rem;min-height:calc(1.5em + .5rem + var(--bs-border-width)*2);padding:.25rem .5rem}.form-control-sm::file-selector-button{margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-lg{border-radius:4px;font-size:1.25rem;min-height:calc(1.5em + 1rem + var(--bs-border-width)*2);padding:.5rem 1rem}.form-control-lg::file-selector-button{margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}.modal.product-comment-modal textarea,.modal.product-comment-modal textarea.form-control,textarea.form-control{min-height:calc(1.5em + .75rem + var(--bs-border-width)*2)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + var(--bs-border-width)*2)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + var(--bs-border-width)*2)}.form-control-color{height:calc(1.5em + .75rem + var(--bs-border-width)*2);padding:.5rem;width:3rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:4px}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:4px}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + var(--bs-border-width)*2)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + var(--bs-border-width)*2)}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml;charset=utf-8,%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"); -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-position: right .75rem center; background-repeat: no-repeat; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .375rem 2.25rem .375rem .75rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100%} @media(prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); outline: 0} .form-select[multiple], .form-select[size]:not([size="1"]) { background-image: none; padding-right: .75rem} .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 { border-radius: var(--bs-border-radius-sm); font-size: .875rem; padding-bottom: .25rem; padding-left: .5rem; padding-top: .25rem} .form-select-lg { border-radius: var(--bs-border-radius-lg); font-size: 1.25rem; padding-bottom: .5rem; padding-left: 1rem; padding-top: .5rem} [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%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; margin-bottom: .125rem; min-height: 1.5rem; padding-left: 1.5em} .form-check .form-check-input { float: left; margin-left: -1.5em} .form-check-reverse { padding-left: 0; padding-right: 1.5em; text-align: right} .form-check-reverse .form-check-input { float: right; margin-left: 0; margin-right: -1.5em} .form-check-input { --bs-form-check-bg: var(--bs-body-bg); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); flex-shrink: 0; height: 1em; margin-top: .125em; -webkit-print-color-adjust: exact; print-color-adjust: exact; vertical-align: top; width: 1em} .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; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); outline: 0} .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;charset=utf-8,%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;charset=utf-8,%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;charset=utf-8,%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 { filter: none; opacity: .5; pointer-events: none} .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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); background-image: var(--bs-form-switch-bg); background-position: 0; border-radius: 2em; margin-left: -2.5em; transition: background-position .15s ease-in-out; width: 2em} @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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386B6FE'/%3E%3C/svg%3E")} .form-switch .form-check-input:checked { background-position: 100%; --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%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-left: 0; padding-right: 2.5em} .form-switch.form-check-reverse .form-check-input { margin-left: 0; margin-right: -2.5em} .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 { filter: none; opacity: .65; pointer-events: none} [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")} .form-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; height: 1.5rem; padding: 0; width: 100%} .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 { -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; height: 1rem; margin-top: -.25rem; -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; width: 1rem} @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 { background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100%} .form-range::-moz-range-thumb { -moz-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; height: 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; width: 1rem} @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 { background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: .5rem; width: 100%} .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, .modal.product-comment-modal .form-floating>.form-control, .modal.product-comment-modal .form-floating>textarea { height: calc(3.5rem + var(--bs-border-width)*2); line-height: 1.25; min-height: calc(3.5rem + var(--bs-border-width)*2)} .form-floating>label { border: var(--bs-border-width) solid transparent; height: 100%; left: 0; overflow: hidden; padding: 1rem .75rem; pointer-events: none; position: absolute; text-align: start; text-overflow: ellipsis; top: 0; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; white-space: nowrap; z-index: 2} @media(prefers-reduced-motion:reduce) { .form-floating>label { transition: none } } .form-floating>.form-control, .form-floating>.form-control-plaintext, .modal.product-comment-modal .form-floating>.form-control, .modal.product-comment-modal .form-floating>textarea { padding: 1rem .75rem} .form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder, .modal.product-comment-modal .form-floating>.form-control::-moz-placeholder, .modal.product-comment-modal .form-floating>textarea::-moz-placeholder { color: transparent} .form-floating>.form-control-plaintext::placeholder, .form-floating>.form-control::placeholder, .modal.product-comment-modal .form-floating>.form-control::placeholder, .modal.product-comment-modal .form-floating>textarea::placeholder { color: transparent} .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown), .form-floating>.form-control:not(:-moz-placeholder-shown), .modal.product-comment-modal .form-floating>.form-control:not(:-moz-placeholder-shown), .modal.product-comment-modal .form-floating>textarea:not(:-moz-placeholder-shown) { padding-bottom: .625rem; padding-top: 1.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), .modal.product-comment-modal .form-floating>.form-control:focus, .modal.product-comment-modal .form-floating>.form-control:not(:placeholder-shown), .modal.product-comment-modal .form-floating>textarea:focus, .modal.product-comment-modal .form-floating>textarea:not(:placeholder-shown) { padding-bottom: .625rem; padding-top: 1.625rem} .form-floating>.form-control-plaintext:-webkit-autofill, .form-floating>.form-control:-webkit-autofill, .modal.product-comment-modal .form-floating>.form-control:-webkit-autofill, .modal.product-comment-modal .form-floating>textarea:-webkit-autofill { padding-bottom: .625rem; padding-top: 1.625rem} .form-floating>.form-select { padding-bottom: .625rem; padding-top: 1.625rem} .form-floating>.form-control:not(:-moz-placeholder-shown)~label, .modal.product-comment-modal .form-floating>.form-control:not(:-moz-placeholder-shown)~label, .modal.product-comment-modal .form-floating>textarea: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, .modal.product-comment-modal .form-floating>.form-control:focus~label, .modal.product-comment-modal .form-floating>.form-control:not(:placeholder-shown)~label, .modal.product-comment-modal .form-floating>textarea:focus~label, .modal.product-comment-modal .form-floating>textarea:not(:placeholder-shown)~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, .modal.product-comment-modal .form-floating>.form-control:not(:-moz-placeholder-shown)~label:after, .modal.product-comment-modal .form-floating>textarea:not(:-moz-placeholder-shown)~label:after { background-color: var(--bs-body-bg); border-radius: 4px; content: ""; height: 1.5em; inset: 1rem .375rem; position: absolute; z-index: -1} .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, .modal.product-comment-modal .form-floating>.form-control:focus~label:after, .modal.product-comment-modal .form-floating>.form-control:not(:placeholder-shown)~label:after, .modal.product-comment-modal .form-floating>textarea:focus~label:after, .modal.product-comment-modal .form-floating>textarea:not(:placeholder-shown)~label:after { background-color: var(--bs-body-bg); border-radius: 4px; content: ""; height: 1.5em; inset: 1rem .375rem; position: absolute; z-index: -1} .form-floating>.form-control:-webkit-autofill~label, .modal.product-comment-modal .form-floating>.form-control:-webkit-autofill~label, .modal.product-comment-modal .form-floating>textarea:-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, .modal.product-comment-modal .form-floating>.form-control:disabled~label, .modal.product-comment-modal .form-floating>textarea:disabled~label { color: #6c757d} .form-floating>.form-control:disabled~label:after, .form-floating>:disabled~label:after, .modal.product-comment-modal .form-floating>.form-control:disabled~label:after, .modal.product-comment-modal .form-floating>textarea:disabled~label:after { background-color: var(--bs-secondary-bg)} .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100%} .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select, .modal.product-comment-modal .input-group>.form-control, .modal.product-comment-modal .input-group>textarea { flex: 1 1 auto; min-width: 0; position: relative; width: 1%} .input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus, .modal.product-comment-modal .input-group>.form-control:focus, .modal.product-comment-modal .input-group>textarea:focus { z-index: 5} .input-group .btn { position: relative; z-index: 2} .input-group .btn:focus { z-index: 5} .input-group-text { align-items: center; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: 4px; color: var(--bs-body-color); display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .375rem .75rem; text-align: center; white-space: nowrap} .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text, .modal.product-comment-modal .input-group-lg>.form-control, .modal.product-comment-modal .input-group-lg>textarea { border-radius: 4px; font-size: 1.25rem; padding: .5rem 1rem} .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .modal.product-comment-modal .input-group-sm>.form-control, .modal.product-comment-modal .input-group-sm>textarea { border-radius: 4px; font-size: .875rem; padding: .25rem .5rem} .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem} .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), .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), .modal.product-comment-modal .input-group.has-validation>.form-floating:nth-last-child(n+3)>textarea, .modal.product-comment-modal .input-group:not(.has-validation)>.form-floating:not(:last-child)>textarea { border-bottom-right-radius: 0; border-top-right-radius: 0} .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select, .modal.product-comment-modal .input-group>.form-floating:not(:first-child)>.form-control, .modal.product-comment-modal .input-group>.form-floating:not(:first-child)>textarea { border-bottom-left-radius: 0; border-top-left-radius: 0} .valid-feedback { color: var(--bs-form-valid-color); display: none; font-size: .875em; margin-top: .25rem; width: 100%} .valid-tooltip { background-color: var(--bs-success); border-radius: var(--bs-border-radius); color: #fff; display: none; font-size: .875rem; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5} .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .modal.product-comment-modal input[name=comment_title].valid~.valid-feedback, .modal.product-comment-modal input[name=comment_title].valid~.valid-tooltip, .modal.product-comment-modal input[name=customer_name].valid~.valid-feedback, .modal.product-comment-modal input[name=customer_name].valid~.valid-tooltip, .modal.product-comment-modal textarea.valid~.valid-feedback, .modal.product-comment-modal textarea.valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block} .form-control.is-valid, .modal.product-comment-modal .is-valid.form-control, .modal.product-comment-modal .was-validated .form-control:valid, .modal.product-comment-modal .was-validated textarea:valid, .modal.product-comment-modal input.form-control[name=comment_title].valid, .modal.product-comment-modal input.form-control[name=customer_name].valid, .modal.product-comment-modal textarea.form-control.valid, .modal.product-comment-modal textarea.is-valid, .modal.product-comment-modal textarea.valid, .was-validated .form-control:valid, .was-validated .modal.product-comment-modal .form-control:valid, .was-validated .modal.product-comment-modal textarea:valid { background-image: url("data:image/svg+xml;charset=utf-8,%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.1'/%3E%3C/svg%3E"); background-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + .75rem)} .form-control.is-valid:focus, .modal.product-comment-modal .is-valid.form-control:focus, .modal.product-comment-modal .was-validated .form-control:valid:focus, .modal.product-comment-modal .was-validated textarea:valid:focus, .modal.product-comment-modal input.form-control[name=comment_title].valid:focus, .modal.product-comment-modal input.form-control[name=customer_name].valid:focus, .modal.product-comment-modal textarea.is-valid:focus, .modal.product-comment-modal textarea.valid:focus, .was-validated .form-control:valid:focus, .was-validated .modal.product-comment-modal .form-control:valid:focus, .was-validated .modal.product-comment-modal textarea:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)} .modal.product-comment-modal .was-validated textarea:valid, .modal.product-comment-modal textarea.form-control.valid, .modal.product-comment-modal textarea.is-valid, .modal.product-comment-modal textarea.is-valid.form-control, .modal.product-comment-modal textarea.valid, .was-validated .modal.product-comment-modal textarea:valid, .was-validated textarea.form-control:valid, textarea.form-control.is-valid { background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); padding-right: calc(1.5em + .75rem)} .form-select.is-valid, .modal.product-comment-modal input.form-select[name=comment_title].valid, .modal.product-comment-modal input.form-select[name=customer_name].valid, .modal.product-comment-modal textarea.form-select.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"], .modal.product-comment-modal input.form-select[name=comment_title].valid:not([multiple]):not([size]), .modal.product-comment-modal input.form-select[name=comment_title].valid:not([multiple])[size="1"], .modal.product-comment-modal input.form-select[name=customer_name].valid:not([multiple]):not([size]), .modal.product-comment-modal input.form-select[name=customer_name].valid:not([multiple])[size="1"], .modal.product-comment-modal textarea.form-select.valid:not([multiple]):not([size]), .modal.product-comment-modal textarea.form-select.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;charset=utf-8,%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.1'/%3E%3C/svg%3E"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); padding-right: 4.125rem} .form-select.is-valid:focus, .modal.product-comment-modal input.form-select[name=comment_title].valid:focus, .modal.product-comment-modal input.form-select[name=customer_name].valid:focus, .modal.product-comment-modal textarea.form-select.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, .modal.product-comment-modal input.form-control-color[name=comment_title].valid, .modal.product-comment-modal input.form-control-color[name=customer_name].valid, .modal.product-comment-modal textarea.form-control-color.valid, .was-validated .form-control-color:valid { width: calc(3.75rem + 1.5em)} .form-check-input.is-valid, .modal.product-comment-modal input.form-check-input[name=comment_title].valid, .modal.product-comment-modal input.form-check-input[name=customer_name].valid, .modal.product-comment-modal textarea.form-check-input.valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color)} .form-check-input.is-valid:checked, .modal.product-comment-modal input.form-check-input[name=comment_title].valid:checked, .modal.product-comment-modal input.form-check-input[name=customer_name].valid:checked, .modal.product-comment-modal textarea.form-check-input.valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color)} .form-check-input.is-valid:focus, .modal.product-comment-modal input.form-check-input[name=comment_title].valid:focus, .modal.product-comment-modal input.form-check-input[name=customer_name].valid:focus, .modal.product-comment-modal textarea.form-check-input.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, .modal.product-comment-modal input.form-check-input[name=comment_title].valid~.form-check-label, .modal.product-comment-modal input.form-check-input[name=customer_name].valid~.form-check-label, .modal.product-comment-modal textarea.form-check-input.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, .modal.product-comment-modal .input-group>.form-control:not(:focus).is-valid, .modal.product-comment-modal .input-group>input.form-control[name=comment_title].valid:not(:focus), .modal.product-comment-modal .input-group>input.form-control[name=customer_name].valid:not(:focus), .modal.product-comment-modal .input-group>input.form-floating[name=comment_title].valid:not(:focus-within), .modal.product-comment-modal .input-group>input.form-floating[name=customer_name].valid:not(:focus-within), .modal.product-comment-modal .input-group>input.form-select[name=comment_title].valid:not(:focus), .modal.product-comment-modal .input-group>input.form-select[name=customer_name].valid:not(:focus), .modal.product-comment-modal .input-group>textarea.form-floating.valid:not(:focus-within), .modal.product-comment-modal .input-group>textarea.valid:not(:focus), .modal.product-comment-modal .input-group>textarea:not(:focus).is-valid, .modal.product-comment-modal .was-validated .input-group>textarea:not(:focus):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, .was-validated .modal.product-comment-modal .input-group>textarea:not(:focus):valid { z-index: 3} .invalid-feedback { color: var(--bs-form-invalid-color); display: none; font-size: .875em; margin-top: .25rem; width: 100%} .invalid-tooltip { background-color: var(--bs-danger); border-radius: var(--bs-border-radius); color: #fff; display: none; font-size: .875rem; margin-top: .1rem; max-width: 100%; padding: .25rem .5rem; position: absolute; top: 100%; z-index: 5} .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .modal.product-comment-modal input[name=comment_title].error~.invalid-feedback, .modal.product-comment-modal input[name=comment_title].error~.invalid-tooltip, .modal.product-comment-modal input[name=customer_name].error~.invalid-feedback, .modal.product-comment-modal input[name=customer_name].error~.invalid-tooltip, .modal.product-comment-modal textarea.error~.invalid-feedback, .modal.product-comment-modal textarea.error~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block} .form-control.is-invalid, .modal.product-comment-modal .is-invalid.form-control, .modal.product-comment-modal .was-validated .form-control:invalid, .modal.product-comment-modal .was-validated textarea:invalid, .modal.product-comment-modal input.form-control[name=comment_title].error, .modal.product-comment-modal input.form-control[name=customer_name].error, .modal.product-comment-modal textarea.error, .modal.product-comment-modal textarea.form-control.error, .modal.product-comment-modal textarea.is-invalid, .was-validated .form-control:invalid, .was-validated .modal.product-comment-modal .form-control:invalid, .was-validated .modal.product-comment-modal textarea:invalid { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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-position: right calc(.375em + .1875rem) center; background-repeat: no-repeat; background-size: calc(.75em + .375rem) calc(.75em + .375rem); border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + .75rem)} .form-control.is-invalid:focus, .modal.product-comment-modal .is-invalid.form-control:focus, .modal.product-comment-modal .was-validated .form-control:invalid:focus, .modal.product-comment-modal .was-validated textarea:invalid:focus, .modal.product-comment-modal input.form-control[name=comment_title].error:focus, .modal.product-comment-modal input.form-control[name=customer_name].error:focus, .modal.product-comment-modal textarea.error:focus, .modal.product-comment-modal textarea.is-invalid:focus, .was-validated .form-control:invalid:focus, .was-validated .modal.product-comment-modal .form-control:invalid:focus, .was-validated .modal.product-comment-modal textarea:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)} .modal.product-comment-modal .was-validated textarea:invalid, .modal.product-comment-modal textarea.error, .modal.product-comment-modal textarea.form-control.error, .modal.product-comment-modal textarea.is-invalid, .modal.product-comment-modal textarea.is-invalid.form-control, .was-validated .modal.product-comment-modal textarea:invalid, .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); padding-right: calc(1.5em + .75rem)} .form-select.is-invalid, .modal.product-comment-modal input.form-select[name=comment_title].error, .modal.product-comment-modal input.form-select[name=customer_name].error, .modal.product-comment-modal textarea.form-select.error, .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"], .modal.product-comment-modal input.form-select[name=comment_title].error:not([multiple]):not([size]), .modal.product-comment-modal input.form-select[name=comment_title].error:not([multiple])[size="1"], .modal.product-comment-modal input.form-select[name=customer_name].error:not([multiple]):not([size]), .modal.product-comment-modal input.form-select[name=customer_name].error:not([multiple])[size="1"], .modal.product-comment-modal textarea.form-select.error:not([multiple]):not([size]), .modal.product-comment-modal textarea.form-select.error: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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); padding-right: 4.125rem} .form-select.is-invalid:focus, .modal.product-comment-modal input.form-select[name=comment_title].error:focus, .modal.product-comment-modal input.form-select[name=customer_name].error:focus, .modal.product-comment-modal textarea.form-select.error: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, .modal.product-comment-modal input.form-control-color[name=comment_title].error, .modal.product-comment-modal input.form-control-color[name=customer_name].error, .modal.product-comment-modal textarea.form-control-color.error, .was-validated .form-control-color:invalid { width: calc(3.75rem + 1.5em)} .form-check-input.is-invalid, .modal.product-comment-modal input.form-check-input[name=comment_title].error, .modal.product-comment-modal input.form-check-input[name=customer_name].error, .modal.product-comment-modal textarea.form-check-input.error, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color)} .form-check-input.is-invalid:checked, .modal.product-comment-modal input.form-check-input[name=comment_title].error:checked, .modal.product-comment-modal input.form-check-input[name=customer_name].error:checked, .modal.product-comment-modal textarea.form-check-input.error:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color)} .form-check-input.is-invalid:focus, .modal.product-comment-modal input.form-check-input[name=comment_title].error:focus, .modal.product-comment-modal input.form-check-input[name=customer_name].error:focus, .modal.product-comment-modal textarea.form-check-input.error: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, .modal.product-comment-modal input.form-check-input[name=comment_title].error~.form-check-label, .modal.product-comment-modal input.form-check-input[name=customer_name].error~.form-check-label, .modal.product-comment-modal textarea.form-check-input.error~.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, .modal.product-comment-modal .input-group>.form-control:not(:focus).is-invalid, .modal.product-comment-modal .input-group>input.form-control[name=comment_title].error:not(:focus), .modal.product-comment-modal .input-group>input.form-control[name=customer_name].error:not(:focus), .modal.product-comment-modal .input-group>input.form-floating[name=comment_title].error:not(:focus-within), .modal.product-comment-modal .input-group>input.form-floating[name=customer_name].error:not(:focus-within), .modal.product-comment-modal .input-group>input.form-select[name=comment_title].error:not(:focus), .modal.product-comment-modal .input-group>input.form-select[name=customer_name].error:not(:focus), .modal.product-comment-modal .input-group>textarea.error:not(:focus), .modal.product-comment-modal .input-group>textarea.form-floating.error:not(:focus-within), .modal.product-comment-modal .input-group>textarea:not(:focus).is-invalid, .modal.product-comment-modal .was-validated .input-group>textarea:not(:focus):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, .was-validated .modal.product-comment-modal .input-group>textarea: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: 1.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: 2px; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(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); background-color: var(--bs-btn-bg); border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); color: var(--bs-btn-color); cursor: pointer; display: inline-block; 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); padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); text-align: center; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle} @media(prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color)} .btn-check+.btn:hover { background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); color: var(--bs-btn-color)} .btn:focus-visible { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); color: var(--bs-btn-hover-color); outline: 0} .btn-check:focus-visible+.btn { border-color: var(--bs-btn-hover-border-color); box-shadow: var(--bs-btn-focus-box-shadow); outline: 0} .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: var(--bs-btn-active-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 { background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); color: var(--bs-btn-disabled-color); opacity: var(--bs-btn-disabled-opacity); pointer-events: none} .btn-primary { --bs-btn-color: #333; --bs-btn-bg: #ffd814; --bs-btn-border-color: #ffd814; --bs-btn-hover-color: #333; --bs-btn-hover-bg: #ffd814; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #333; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; /*--bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);*/ --bs-btn-disabled-color: #333; --bs-btn-disabled-bg:#ffd814; --bs-btn-disabled-border-color: #ffd814} .btn-secondary { --bs-btn-color: #111; --bs-btn-bg: #fff; --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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.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 { height: auto; transition: width .35s ease; width: 0} @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 { border-bottom: 0; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: .3em solid; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em} .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.375rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: #343a40; --bs-dropdown-link-hover-color: #717579; --bs-dropdown-link-hover-bg: transparent; --bs-dropdown-link-active-color: #717579; --bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.5rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; background-clip: padding-box; background-color: var(--bs-dropdown-bg); border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); color: var(--bs-dropdown-color); display: none; font-size: var(--bs-dropdown-font-size); list-style: none; margin: 0; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); position: absolute; text-align: left; z-index: var(--bs-dropdown-zindex)} .dropdown-menu[data-bs-popper] { left: 0; margin-top: var(--bs-dropdown-spacer); top: 100%} .dropdown-menu-start { --bs-position: start} .dropdown-menu-start[data-bs-popper] { left: 0; right: auto} .dropdown-menu-end { --bs-position: end} .dropdown-menu-end[data-bs-popper] { left: auto; right: 0} @media(min-width:360px) { .dropdown-menu-xs-start { --bs-position: start } .dropdown-menu-xs-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xs-end { --bs-position: end } .dropdown-menu-xs-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { left: auto; right: 0 } } @media(min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { left: 0; right: auto } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { left: auto; right: 0 } } .dropup .dropdown-menu[data-bs-popper] { bottom: 100%; margin-bottom: var(--bs-dropdown-spacer); margin-top: 0; top: auto} .dropup .dropdown-toggle:after { border-bottom: .3em solid; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: 0; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em} .dropup .dropdown-toggle:empty:after { margin-left: 0} .dropend .dropdown-menu[data-bs-popper] { left: 100%; margin-left: var(--bs-dropdown-spacer); margin-top: 0; right: auto; top: 0} .dropend .dropdown-toggle:after { border-bottom: .3em solid transparent; border-left: .3em solid; border-right: 0; border-top: .3em solid transparent; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em} .dropend .dropdown-toggle:empty:after { margin-left: 0} .dropend .dropdown-toggle:after { vertical-align: 0} .dropstart .dropdown-menu[data-bs-popper] { left: auto; margin-right: var(--bs-dropdown-spacer); margin-top: 0; right: 100%; top: 0} .dropstart .dropdown-toggle:after { content: ""; display: inline-block; display: none; margin-left: .255em; vertical-align: .255em} .dropstart .dropdown-toggle:before { border-bottom: .3em solid transparent; border-right: .3em solid; border-top: .3em solid transparent; content: ""; display: inline-block; margin-right: .255em; vertical-align: .255em} .dropstart .dropdown-toggle:empty:after { margin-left: 0} .dropstart .dropdown-toggle:before { vertical-align: 0} .dropdown-divider { border-top: 1px solid var(--bs-dropdown-divider-bg); height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; opacity: 1; overflow: hidden} .dropdown-item { background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius,0); clear: both; color: var(--bs-dropdown-link-color); display: block; font-weight: 400; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); text-align: inherit; text-decoration: none; white-space: nowrap; width: 100%} .dropdown-item:focus, .dropdown-item:hover { background-color: var(--bs-dropdown-link-hover-bg); color: var(--bs-dropdown-link-hover-color)} .dropdown-item.active, .dropdown-item:active { background-color: var(--bs-dropdown-link-active-bg); color: var(--bs-dropdown-link-active-color); text-decoration: none} .dropdown-item.disabled, .dropdown-item:disabled { background-color: transparent; color: var(--bs-dropdown-link-disabled-color); pointer-events: none} .dropdown-menu.show { display: block} .dropdown-header { color: var(--bs-dropdown-header-color); display: block; font-size: .875rem; margin-bottom: 0; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); white-space: nowrap} .dropdown-item-text { color: var(--bs-dropdown-link-color); display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)} .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: hsla(0,0%,100%,.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 { display: inline-flex; position: relative; vertical-align: middle} .btn-group-vertical>.btn, .btn-group>.btn { flex: 1 1 auto; position: relative} .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: 4px} .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-bottom-right-radius: 0; border-top-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-bottom-left-radius: 0; border-top-left-radius: 0} .dropdown-toggle-split { padding-left: .5625rem; padding-right: .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-left: .375rem; padding-right: .375rem} .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-left: .75rem; padding-right: .75rem} .btn-group-vertical { align-items: flex-start; flex-direction: column; 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-left-radius: 0; border-bottom-right-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-size: 1rem; --bs-nav-link-font-weight: 600; --bs-nav-link-color: var(--bs-gray-800); --bs-nav-link-hover-color: var(--bs-primary); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0} .nav-link { background: none; border: 0; color: var(--bs-nav-link-color); display: block; font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); text-decoration: none; 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 { box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); outline: 0} .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); cursor: default; pointer-events: none} .nav-tabs { --bs-nav-tabs-border-width: 2px; --bs-nav-tabs-border-color: transparent; --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: transparent; --bs-nav-tabs-link-active-color: var(--bs-primary); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: transparent transparent var(--bs-primary); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)} .nav-tabs .nav-link { 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); margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)} .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--bs-nav-tabs-link-hover-border-color); isolation: isolate} .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); color: var(--bs-nav-tabs-link-active-color)} .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: calc(var(--bs-nav-tabs-border-width)*-1)} .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 { background-color: var(--bs-nav-pills-link-active-bg); color: var(--bs-nav-pills-link-active-color)} .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 { border-bottom: var(--bs-nav-underline-border-width) solid transparent; padding-left: 0; padding-right: 0} .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor} .nav-underline .nav-link.active, .nav-underline .show>.nav-link { border-bottom-color: currentcolor; color: var(--bs-nav-underline-link-active-color); font-weight: 700} .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 { padding-bottom: 300px; 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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' 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; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); position: relative} .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { align-items: center; display: flex; flex-wrap: inherit; justify-content: space-between} .navbar-brand { color: var(--bs-navbar-brand-color); font-size: var(--bs-navbar-brand-font-size); margin-right: var(--bs-navbar-brand-margin-end); padding-bottom: var(--bs-navbar-brand-padding-y); padding-top: var(--bs-navbar-brand-padding-y); 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-size: 1rem; --bs-nav-link-font-weight: 600; --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; list-style: none; margin-bottom: 0; padding-left: 0} .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color)} .navbar-nav .dropdown-menu { position: static} .navbar-text { color: var(--bs-navbar-color); padding-bottom: .5rem; padding-top: .5rem} .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color)} .navbar-collapse { align-items: center; flex-basis: 100%; flex-grow: 1} .navbar-toggler { background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); color: var(--bs-navbar-color); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); transition: var(--bs-navbar-toggler-transition)} @media(prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none} .navbar-toggler:focus { box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); outline: 0; text-decoration: none} .navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg); background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em} .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto} @media(min-width:360px) { .navbar-expand-xs { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xs .navbar-nav { flex-direction: row } .navbar-expand-xs .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xs .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xs .navbar-nav-scroll { overflow: visible } .navbar-expand-xs .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xs .navbar-toggler { display: none } .navbar-expand-xs .offcanvas { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-xs .offcanvas .offcanvas-header { display: none } .navbar-expand-xs .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @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-left: var(--bs-navbar-nav-link-padding-x); padding-right: 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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-sm .offcanvas .offcanvas-header { display: none } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @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-left: var(--bs-navbar-nav-link-padding-x); padding-right: 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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-md .offcanvas .offcanvas-header { display: none } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @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-left: var(--bs-navbar-nav-link-padding-x); padding-right: 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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-lg .offcanvas .offcanvas-header { display: none } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @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-left: var(--bs-navbar-nav-link-padding-x); padding-right: 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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-xl .offcanvas .offcanvas-header { display: none } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @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-left: var(--bs-navbar-nav-link-padding-x); padding-right: 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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .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-left: var(--bs-navbar-nav-link-padding-x); padding-right: 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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto} .navbar-expand .offcanvas .offcanvas-header { display: none} .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0} .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: hsla(0,0%,100%,.55); --bs-navbar-hover-color: hsla(0,0%,100%,.75); --bs-navbar-disabled-color: hsla(0,0%,100%,.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1)} .navbar-dark, .navbar[data-bs-theme=dark], [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")} .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: 0; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 8px; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; color: var(--bs-body-color); display: flex; flex-direction: column; height: var(--bs-card-height); min-width: 0; position: relative; word-wrap: break-word; background-clip: border-box; background-color: var(--bs-card-bg); border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius)} .card>hr { margin-left: 0; margin-right: 0} .card>.list-group { border-bottom: inherit; border-top: inherit} .card>.list-group:first-child { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); border-top-width: 0} .card>.list-group:last-child { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-width: 0} .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0} .card-body { color: var(--bs-card-color); flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)} .card-title { color: var(--bs-card-title-color); margin-bottom: var(--bs-card-title-spacer-y)} .card-subtitle { color: var(--bs-card-subtitle-color); margin-top: calc(var(--bs-card-title-spacer-y)*-.5)} .card-subtitle, .card-text:last-child { margin-bottom: 0} .card-link+.card-link { margin-left: var(--bs-card-spacer-x)} .card-header { background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); color: var(--bs-card-cap-color); margin-bottom: 0; padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)} .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0} .card-footer { background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); color: var(--bs-card-cap-color); padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)} .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)} .card-header-tabs { border-bottom: 0; margin-bottom: calc(var(--bs-card-cap-padding-y)*-1); margin-left: calc(var(--bs-card-cap-padding-x)*-.5); margin-right: calc(var(--bs-card-cap-padding-x)*-.5)} .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg)} .card-header-pills { margin-left: calc(var(--bs-card-cap-padding-x)*-.5); margin-right: calc(var(--bs-card-cap-padding-x)*-.5)} .card-img-overlay { border-radius: var(--bs-card-inner-border-radius); bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); position: absolute; right: 0; top: 0} .card-img, .card-img-bottom, .card-img-top { width: 100%} .card-img, .card-img-top { /*border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius)*/} .card-img, .card-img-bottom { border-bottom-left-radius: var(--bs-card-inner-border-radius); border-bottom-right-radius: var(--bs-card-inner-border-radius)} .card-group>.card { margin-bottom: var(--bs-card-group-margin)} @media(min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { border-left: 0; margin-left: 0 } .card-group>.card:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .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: 0; --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: 0.5rem; --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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); --bs-accordion-btn-icon-width: 1rem; --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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23363a41' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 0.5rem; --bs-accordion-active-color: #212529; --bs-accordion-active-bg: #fff} .accordion-button { align-items: center; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; color: var(--bs-accordion-btn-color); display: flex; font-size: 1rem; overflow-anchor: none; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); position: relative; text-align: left; transition: var(--bs-accordion-transition); width: 100%} @media(prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color); color: var(--bs-accordion-active-color)} .accordion-button:not(.collapsed):after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform)} .accordion-button:after { background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); content: ""; flex-shrink: 0; height: var(--bs-accordion-btn-icon-width); margin-left: auto; transition: var(--bs-accordion-btn-icon-transition); width: var(--bs-accordion-btn-icon-width)} @media(prefers-reduced-motion:reduce) { .accordion-button: after { transition: none } } .accordion-button:hover { z-index: 2} .accordion-button:focus { box-shadow: var(--bs-accordion-btn-focus-box-shadow); outline: 0; z-index: 3} .accordion-header { margin-bottom: 0} .accordion-item { background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); color: var(--bs-accordion-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-left-radius: var(--bs-accordion-border-radius); border-bottom-right-radius: var(--bs-accordion-border-radius)} .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-left-radius: var(--bs-accordion-inner-border-radius); border-bottom-right-radius: var(--bs-accordion-inner-border-radius)} .accordion-item:last-of-type>.accordion-collapse { border-bottom-left-radius: var(--bs-accordion-border-radius); border-bottom-right-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-left: 0; border-radius: 0; border-right: 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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236DA8FD' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E"); --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236DA8FD' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E")} .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 1.75rem; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-font-size: 0.75rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: #343a40; --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: #343a40; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); display: flex; flex-wrap: wrap; font-size: var(--bs-breadcrumb-font-size); list-style: none; margin-bottom: var(--bs-breadcrumb-margin-bottom); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)} .breadcrumb-item+.breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x)} .breadcrumb-item+.breadcrumb-item:before { color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider,">"); float: left; padding-right: var(--bs-breadcrumb-item-padding-x)} .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color)} .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; list-style: none; padding-left: 0} .page-link { background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); color: var(--bs-pagination-color); display: block; font-size: var(--bs-pagination-font-size); padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); position: relative; text-decoration: none; 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) { .page-link { transition: none } } .page-link:hover { background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); color: var(--bs-pagination-hover-color); z-index: 2} .page-link:focus { background-color: var(--bs-pagination-focus-bg); box-shadow: var(--bs-pagination-focus-box-shadow); color: var(--bs-pagination-focus-color); outline: 0; z-index: 3} .active>.page-link, .page-link.active { background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); color: var(--bs-pagination-active-color); z-index: 3} .disabled>.page-link, .page-link.disabled { background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); color: var(--bs-pagination-disabled-color); pointer-events: none} .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width)*-1)} .page-item:first-child .page-link { border-bottom-left-radius: var(--bs-pagination-border-radius); border-top-left-radius: var(--bs-pagination-border-radius)} .page-item:last-child .page-link { border-bottom-right-radius: var(--bs-pagination-border-radius); border-top-right-radius: var(--bs-pagination-border-radius)} .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg)} .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm)} .badge { --bs-badge-padding-x: 0.625rem; --bs-badge-padding-y: 0.3125rem; --bs-badge-font-size: 0.875rem; --bs-badge-font-weight: 500; --bs-badge-color: #fff; --bs-badge-border-radius: 4px; border-radius: var(--bs-badge-border-radius); color: var(--bs-badge-color); display: inline-block; font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); text-align: center; vertical-align: baseline; white-space: nowrap} .badge:empty { display: none} .btn .badge { position: relative; top: -1px} .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; /* background-color: var(--bs-alert-bg);*/ border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); color: var(--bs-alert-color); margin-bottom: var(--bs-alert-margin-bottom); padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); position: relative} .alert-heading { color: inherit} .alert-link { color: var(--bs-alert-link-color); font-weight: 700} .alert-dismissible { padding-right: 3rem} .alert-dismissible .btn-close { padding: 1.25rem 1rem; position: absolute; right: 0; top: 0; z-index: 2} .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis)} .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis)} .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis)} .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); /* --bs-alert-bg: var(--bs-info-bg-subtle);*/ --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis)} .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis)} .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis)} .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis)} .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis)} @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); display: flex; font-size: var(--bs-progress-font-size); height: var(--bs-progress-height); overflow: hidden} .progress-bar { background-color: var(--bs-progress-bar-bg); color: var(--bs-progress-bar-color); display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-align: center; transition: var(--bs-progress-bar-transition); white-space: nowrap} @media(prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: var(--bs-progress-height) var(--bs-progress-height)} .progress-stacked>.progress { overflow: visible} .progress-stacked>.progress>.progress-bar { width: 100%} .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite} @media(prefers-reduced-motion:reduce) { .progress-bar-animated { animation: none } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; border-radius: var(--bs-list-group-border-radius); display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0} .list-group-numbered { counter-reset: section; list-style-type: none} .list-group-numbered>.list-group-item:before { content: counters(section,".") ". "; counter-increment: section} .list-group-item-action { color: var(--bs-list-group-action-color); text-align: inherit; width: 100%} .list-group-item-action:focus, .list-group-item-action:hover { background-color: var(--bs-list-group-action-hover-bg); color: var(--bs-list-group-action-hover-color); text-decoration: none; z-index: 1} .list-group-item-action:active { background-color: var(--bs-list-group-action-active-bg); color: var(--bs-list-group-action-active-color)} .list-group-item { background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); color: var(--bs-list-group-color); display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); position: relative; text-decoration: none} .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit} .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit} .list-group-item.disabled, .list-group-item:disabled { background-color: var(--bs-list-group-disabled-bg); color: var(--bs-list-group-disabled-color); pointer-events: none} .list-group-item.active { background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); color: var(--bs-list-group-active-color); z-index: 2} .list-group-item+.list-group-item { border-top-width: 0} .list-group-item+.list-group-item.active { border-top-width: var(--bs-list-group-border-width); margin-top: calc(var(--bs-list-group-border-width)*-1)} .list-group-horizontal { flex-direction: row} .list-group-horizontal>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0} .list-group-horizontal>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius)} .list-group-horizontal>.list-group-item.active { margin-top: 0} .list-group-horizontal>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width)} .list-group-horizontal>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1)} @media(min-width:360px) { .list-group-horizontal-xs { flex-direction: row } .list-group-horizontal-xs>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xs>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xs>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xs>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xs>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-md>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } @media(min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-right-radius: var(--bs-list-group-border-radius) } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-left-width: 0; border-top-width: var(--bs-list-group-border-width) } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { border-left-width: var(--bs-list-group-border-width); margin-left: calc(var(--bs-list-group-border-width)*-1) } } .list-group-flush { border-radius: 0} .list-group-flush>.list-group-item { border-width: 0 0 var(--bs-list-group-border-width)} .list-group-flush>.list-group-item:last-child { border-bottom-width: 0} .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)} .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)} .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis)} .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis)} .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)} .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)} .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis)} .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)} .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 8px; box-sizing: content-box; height: 1em; opacity: var(--bs-btn-close-opacity); padding: .25em; width: 1em} .btn-close, .btn-close:hover { color: var(--bs-btn-close-color)} .btn-close:hover { opacity: var(--bs-btn-close-hover-opacity); text-decoration: none} .btn-close:focus { box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); outline: 0} .btn-close.disabled, .btn-close:disabled { opacity: var(--bs-btn-close-disabled-opacity); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none} .btn-close-white, [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter)} .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb),0.85); --bs-toast-border-width: 0; --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb),0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); background-clip: padding-box; background-color: var(--bs-toast-bg); border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); border-radius: var(--bs-toast-border-radius); box-shadow: var(--bs-toast-box-shadow); color: var(--bs-toast-color); font-size: var(--bs-toast-font-size); max-width: 100%; pointer-events: auto; width: var(--bs-toast-max-width)} .toast.showing { opacity: 0} .toast:not(.show) { display: none} .toast-container { --bs-toast-zindex: 1090; max-width: 100%; pointer-events: none; position: absolute; width: -moz-max-content; width: max-content; z-index: var(--bs-toast-zindex)} .toast-container>:not(:last-child) { margin-bottom: var(--bs-toast-spacing)} .toast-header { align-items: center; background-clip: padding-box; background-color: var(--bs-toast-header-bg); border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); color: var(--bs-toast-header-color); display: flex; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)} .toast-header .btn-close { margin-left: var(--bs-toast-padding-x); margin-right: calc(var(--bs-toast-padding-x)*-.5)} .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word} .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 0; display: none; height: 100%; left: 0; outline: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: var(--bs-modal-zindex)} .modal-dialog { margin: var(--bs-modal-margin); pointer-events: none; position: relative; width: auto} .modal.fade .modal-dialog { transform: translateY(-50px); transition: transform .3s ease-out} @media(prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none} .modal.modal-static .modal-dialog { transform: scale(1.02)} .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin)*2)} .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden} .modal-dialog-scrollable .modal-body { overflow-y: auto} .modal-dialog-centered { align-items: center; display: flex; min-height: calc(100% - var(--bs-modal-margin)*2)} .modal-content { background-clip: padding-box; background-color: var(--bs-modal-bg); border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); color: var(--bs-modal-color); display: flex; flex-direction: column; outline: 0; pointer-events: auto; position: relative; width: 100%} .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; background-color: var(--bs-backdrop-bg); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: var(--bs-backdrop-zindex)} .modal-backdrop.fade { opacity: 0} .modal-backdrop.show { opacity: var(--bs-backdrop-opacity)} .modal-header { align-items: center; border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); display: flex; flex-shrink: 0; padding: var(--bs-modal-header-padding)} .modal-header .btn-close { margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto; padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)} .modal-title { line-height: var(--bs-modal-title-line-height); margin-bottom: 0} .modal-body { flex: 1 1 auto; padding: var(--bs-modal-padding); position: relative} .modal-footer { align-items: center; background-color: var(--bs-modal-footer-bg); border-bottom-left-radius: var(--bs-modal-inner-border-radius); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)} .modal-footer>* { margin: calc(var(--bs-modal-footer-gap)*.5)} @media(min-width:576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow) } .modal-dialog { margin-left: auto; margin-right: auto; max-width: var(--bs-modal-width) } .modal-sm { --bs-modal-width: 300px } } @media(min-width:992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px } } @media(min-width:1200px) { .modal-xl { --bs-modal-width: 1140px } } .modal-fullscreen { height: 100%; margin: 0; max-width: none; width: 100vw} .modal-fullscreen .modal-content { border: 0; border-radius: 0; height: 100%} .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0} .modal-fullscreen .modal-body { overflow-y: auto} @media(max-width:359.98px) { .modal-fullscreen-xs-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xs-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xs-down .modal-footer, .modal-fullscreen-xs-down .modal-header { border-radius: 0 } .modal-fullscreen-xs-down .modal-body { overflow-y: auto } } @media(max-width:575.98px) { .modal-fullscreen-sm-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-sm-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } } @media(max-width:767.98px) { .modal-fullscreen-md-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-md-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } } @media(max-width:991.98px) { .modal-fullscreen-lg-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-lg-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } } @media(max-width:1199.98px) { .modal-fullscreen-xl-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xl-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } } @media(max-width:1399.98px) { .modal-fullscreen-xxl-down { height: 100%; margin: 0; max-width: none; width: 100vw } .modal-fullscreen-xxl-down .modal-content { border: 0; border-radius: 0; height: 100% } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; display: block; font-family: Inter, sans-serif; font-size: var(--bs-tooltip-font-size); font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.25; margin: var(--bs-tooltip-margin); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: var(--bs-tooltip-zindex); word-wrap: break-word; opacity: 0} .tooltip.show { opacity: var(--bs-tooltip-opacity)} .tooltip .tooltip-arrow { display: block; height: var(--bs-tooltip-arrow-height); width: var(--bs-tooltip-arrow-width)} .tooltip .tooltip-arrow:before { border-color: transparent; border-style: solid; content: ""; position: absolute} .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(var(--bs-tooltip-arrow-height)*-1)} .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--bs-tooltip-bg); border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; top: -1px} .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { height: var(--bs-tooltip-arrow-width); left: calc(var(--bs-tooltip-arrow-height)*-1); width: var(--bs-tooltip-arrow-height)} .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--bs-tooltip-bg); border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; right: -1px} .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(var(--bs-tooltip-arrow-height)*-1)} .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--bs-tooltip-bg); border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); bottom: -1px} .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { height: var(--bs-tooltip-arrow-width); right: calc(var(--bs-tooltip-arrow-height)*-1); width: var(--bs-tooltip-arrow-height)} .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--bs-tooltip-bg); border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); left: -1px} .tooltip-inner { background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); color: var(--bs-tooltip-color); max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); text-align: center} .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); display: block; font-family: Inter, sans-serif; font-size: var(--bs-popover-font-size); font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.25; max-width: var(--bs-popover-max-width); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; z-index: var(--bs-popover-zindex); word-wrap: break-word; background-clip: padding-box; background-color: var(--bs-popover-bg); border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius)} .popover .popover-arrow { display: block; height: var(--bs-popover-arrow-height); width: var(--bs-popover-arrow-width)} .popover .popover-arrow:after, .popover .popover-arrow:before { border: 0 solid transparent; content: ""; display: block; position: absolute} .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))} .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:after, .bs-popover-top>.popover-arrow:before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0} .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before, .bs-popover-top>.popover-arrow:before { border-top-color: var(--bs-popover-arrow-border); bottom: 0} .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after { border-top-color: var(--bs-popover-bg); bottom: var(--bs-popover-border-width)} .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { height: var(--bs-popover-arrow-width); left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height)} .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:after, .bs-popover-end>.popover-arrow:before { border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0} .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:before { border-right-color: var(--bs-popover-arrow-border); left: 0} .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-end>.popover-arrow:after { border-right-color: var(--bs-popover-bg); left: var(--bs-popover-border-width)} .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))} .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:before { border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)} .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before, .bs-popover-bottom>.popover-arrow:before { border-bottom-color: var(--bs-popover-arrow-border); top: 0} .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after { border-bottom-color: var(--bs-popover-bg); top: var(--bs-popover-border-width)} .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); content: ""; display: block; left: 50%; margin-left: calc(var(--bs-popover-arrow-width)*-.5); position: absolute; top: 0; width: var(--bs-popover-arrow-width)} .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { height: var(--bs-popover-arrow-width); right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height)} .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:after, .bs-popover-start>.popover-arrow:before { border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)} .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before, .bs-popover-start>.popover-arrow:before { border-left-color: var(--bs-popover-arrow-border); right: 0} .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-start>.popover-arrow:after { border-left-color: var(--bs-popover-bg); right: var(--bs-popover-border-width)} .popover-header { background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); color: var(--bs-popover-header-color); font-size: var(--bs-popover-header-font-size); margin-bottom: 0; padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)} .popover-header:empty { display: none} .popover-body { color: var(--bs-popover-body-color); padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)} .carousel { position: relative} .carousel.pointer-event { touch-action: pan-y} .carousel-inner { overflow: hidden; position: relative; width: 100%} .carousel-inner:after { clear: both; content: ""; display: block} .carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform .25s ease-in-out; width: 100%} @media(prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: flex} .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%)} .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%)} .carousel-fade .carousel-item { opacity: 0; transform: none; transition-property: opacity} .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { opacity: 1; z-index: 1} .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { opacity: 0; transition: opacity 0s .25s; z-index: 0} @media(prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { align-items: center; background: none; border: 0; bottom: 0; color: #495057; display: flex; justify-content: center; opacity: .5; padding: 0; position: absolute; text-align: center; top: 0; transition: opacity .15s ease; width: 4rem; z-index: 1} @media(prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #495057; opacity: .9; outline: 0; text-decoration: none} .carousel-control-prev { left: 0} .carousel-control-next { right: 0} .carousel-control-next-icon, .carousel-control-prev-icon { background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; height: 1.5rem; width: 1.5rem} .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath 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 0'/%3E%3C/svg%3E")} .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")} .carousel-indicators { bottom: 0; display: flex; justify-content: center; left: 0; margin-bottom: 1rem; margin-left: 4rem; margin-right: 4rem; padding: 0; position: absolute; right: 0; z-index: 2} .carousel-indicators [data-bs-target] { background-clip: padding-box; background-color: #0d6efd; border: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; box-sizing: content-box; cursor: pointer; flex: 0 1 auto; height: .5rem; margin-left: .25rem; margin-right: .25rem; opacity: .5; padding: 0; text-indent: -999px; transition: opacity .6s ease; width: .5rem} @media(prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1} .carousel-caption { bottom: 1.25rem; color: #343a40; left: 15%; padding-bottom: 1.25rem; padding-top: 1.25rem; position: absolute; right: 15%; text-align: center} .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100)} .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000} .carousel-dark .carousel-caption { color: #000} [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(100)} [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000} [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000} .spinner-border, .spinner-grow { animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); border-radius: 50%; display: inline-block; height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); width: var(--bs-spinner-width)} @keyframes spinner-border { to { transform: rotate(1turn) } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-right-color: currentcolor; border: var(--bs-spinner-border-width) solid; border-right: var(--bs-spinner-border-width) solid transparent} .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em} @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0} .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem} @media(prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xs, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5} @media(max-width:359.98px) { .offcanvas-xs { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:359.98px)and (prefers-reduced-motion:reduce) { .offcanvas-xs { transition: none } } @media(max-width:359.98px) { .offcanvas-xs.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xs.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xs.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xs.offcanvas-bottom, .offcanvas-xs.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xs.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xs.show:not(.hiding), .offcanvas-xs.showing { transform: none } .offcanvas-xs.hiding, .offcanvas-xs.show, .offcanvas-xs.showing { visibility: visible } } @media(min-width:360px) { .offcanvas-xs { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent!important } .offcanvas-xs .offcanvas-header { display: none } .offcanvas-xs .offcanvas-body { background-color: transparent!important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:575.98px) { .offcanvas-sm { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:575.98px)and (prefers-reduced-motion:reduce) { .offcanvas-sm { transition: none } } @media(max-width:575.98px) { .offcanvas-sm.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-sm.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-sm.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-sm.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible } } @media(min-width:576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent!important } .offcanvas-sm .offcanvas-header { display: none } .offcanvas-sm .offcanvas-body { background-color: transparent!important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:767.98px) { .offcanvas-md { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:767.98px)and (prefers-reduced-motion:reduce) { .offcanvas-md { transition: none } } @media(max-width:767.98px) { .offcanvas-md.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-md.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-md.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-md.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible } } @media(min-width:768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent!important } .offcanvas-md .offcanvas-header { display: none } .offcanvas-md .offcanvas-body { background-color: transparent!important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:991.98px) { .offcanvas-lg { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:991.98px)and (prefers-reduced-motion:reduce) { .offcanvas-lg { transition: none } } @media(max-width:991.98px) { .offcanvas-lg.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-lg.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-lg.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-lg.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible } } @media(min-width:992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent!important } .offcanvas-lg .offcanvas-header { display: none } .offcanvas-lg .offcanvas-body { background-color: transparent!important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:1199.98px) { .offcanvas-xl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:1199.98px)and (prefers-reduced-motion:reduce) { .offcanvas-xl { transition: none } } @media(max-width:1199.98px) { .offcanvas-xl.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xl.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xl.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible } } @media(min-width:1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent!important } .offcanvas-xl .offcanvas-header { display: none } .offcanvas-xl .offcanvas-body { background-color: transparent!important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(max-width:1399.98px) { .offcanvas-xxl { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex) } } @media(max-width:1399.98px)and (prefers-reduced-motion:reduce) { .offcanvas-xxl { transition: none } } @media(max-width:1399.98px) { .offcanvas-xxl.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width) } .offcanvas-xxl.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width) } .offcanvas-xxl.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%) } .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0 } .offcanvas-xxl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%) } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible } } @media(min-width:1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent!important } .offcanvas-xxl .offcanvas-header { display: none } .offcanvas-xxl .offcanvas-body { background-color: transparent!important; display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .offcanvas { background-clip: padding-box; background-color: var(--bs-offcanvas-bg); bottom: 0; color: var(--bs-offcanvas-color); display: flex; flex-direction: column; max-width: 100%; outline: 0; position: fixed; transition: var(--bs-offcanvas-transition); visibility: hidden; z-index: var(--bs-offcanvas-zindex)} @media(prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas.offcanvas-start { border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); left: 0; top: 0; transform: translateX(-100%); width: var(--bs-offcanvas-width)} .offcanvas.offcanvas-end { border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); right: 0; top: 0; transform: translateX(100%); width: var(--bs-offcanvas-width)} .offcanvas.offcanvas-top { border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); top: 0; transform: translateY(-100%)} .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top { height: var(--bs-offcanvas-height); left: 0; max-height: 100%; right: 0} .offcanvas.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%)} .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none} .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible} .offcanvas-backdrop { background-color: #000; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1040} .offcanvas-backdrop.fade { opacity: 0} .offcanvas-backdrop.show { opacity: .5} .offcanvas-header { align-items: center; display: flex; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)} .offcanvas-header .btn-close { margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto; padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)} .offcanvas-title { line-height: var(--bs-offcanvas-title-line-height); margin-bottom: 0} .offcanvas-body { flex-grow: 1; overflow-y: auto; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)} .placeholder { background-color: currentcolor; cursor: wait; display: inline-block; min-height: 1em; opacity: .5; vertical-align: middle} .placeholder.btn:before { content: ""; display: inline-block} .placeholder-xs { min-height: .6em} .placeholder-sm { min-height: .8em} .placeholder-lg { min-height: 1.2em} .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite} @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { animation: placeholder-wave 2s linear infinite; -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%); mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%} @keyframes placeholder-wave { to { -webkit-mask-position: -200% 0; mask-position: -200% 0 } } .clearfix:after { clear: both; content: ""; display: block} .text-bg-primary { background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important; color: #fff!important} .text-bg-secondary { background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important; color: #fff!important} .text-bg-success { background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important; color: #fff!important} .text-bg-info { background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important; color: #000!important} .text-bg-warning { background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important; color: #000!important} .text-bg-danger { background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important; color: #fff!important} .text-bg-light { background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important; color: #000!important} .text-bg-dark { background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important; color: #fff!important} .link-primary { color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important} .link-primary:focus, .link-primary:hover { color: RGBA(10,88,202,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important} .link-secondary { color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important} .link-secondary:focus, .link-secondary:hover { color: RGBA(86,94,100,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important} .link-success { color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important} .link-success:focus, .link-success:hover { color: RGBA(20,108,67,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important} .link-info { color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important} .link-info:focus, .link-info:hover { color: RGBA(61,213,243,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important} .link-warning { color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important} .link-warning:focus, .link-warning:hover { color: RGBA(255,205,57,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important} .link-danger { color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important} .link-danger:focus, .link-danger:hover { color: RGBA(176,42,55,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important} .link-light { color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important} .link-light:focus, .link-light:hover { color: RGBA(249,250,251,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important} .link-dark { color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important} .link-dark:focus, .link-dark:hover { color: RGBA(26,30,33,var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important} .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important} .link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important} .focus-ring:focus { box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); outline: 0} .icon-link { align-items: center; backface-visibility: hidden; display: inline-flex; gap: .375rem; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5)); text-underline-offset: .25em} .icon-link>.bi { flex-shrink: 0; height: 1em; width: 1em; fill: currentcolor; transition: transform .2s ease-in-out} @media(prefers-reduced-motion:reduce) { .icon-link>.bi { transition: none } } .icon-link-hover:focus-visible>.bi, .icon-link-hover:hover>.bi { transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))} .ratio { position: relative; width: 100%} .ratio:before { content: ""; display: block; padding-top: var(--bs-aspect-ratio)} .ratio>* { height: 100%; left: 0; position: absolute; top: 0; width: 100%} .ratio-1x1 { --bs-aspect-ratio: 100%} .ratio-4x3 { --bs-aspect-ratio: 75%} .ratio-16x9 { --bs-aspect-ratio: 56.25%} .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%} .fixed-top { top: 0} .fixed-bottom, .fixed-top { left: 0; position: fixed; right: 0; z-index: 1030} .fixed-bottom { bottom: 0} .sticky-top { top: 0} .sticky-bottom, .sticky-top { position: sticky; z-index: 1020} .sticky-bottom { bottom: 0} @media(min-width:360px) { .sticky-xs-top { position: sticky; top: 0; z-index: 1020 } .sticky-xs-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020 } .sticky-sm-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020 } .sticky-md-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020 } .sticky-lg-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xl-bottom { bottom: 0; position: sticky; z-index: 1020 } } @media(min-width:1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020 } .sticky-xxl-bottom { bottom: 0; position: sticky; z-index: 1020 } } .hstack { align-items: center; flex-direction: row} .hstack, .vstack { align-self: stretch; display: flex} .vstack { flex: 1 1 auto; flex-direction: column} .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; width: 1px!important; clip: rect(0,0,0,0)!important; border: 0!important; white-space: nowrap!important} .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute!important} .stretched-link:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1} .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .vr { align-self: stretch; background-color: currentcolor; display: inline-block; min-height: 1em; opacity: .25; width: var(--bs-border-width)} .align-baseline { vertical-align: baseline!important} .align-top { vertical-align: top!important} .align-middle { vertical-align: middle!important} .align-bottom { vertical-align: bottom!important} .align-text-bottom { vertical-align: text-bottom!important} .align-text-top { vertical-align: text-top!important} .float-start { float: left!important} .float-end { float: right!important} .float-none { float: none!important} .object-fit-contain { -o-object-fit: contain!important; object-fit: contain!important} .object-fit-cover { -o-object-fit: cover!important; object-fit: cover!important} .object-fit-fill { -o-object-fit: fill!important; object-fit: fill!important} .object-fit-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important} .object-fit-none { -o-object-fit: none!important; object-fit: none!important} .opacity-0 { opacity: 0!important} .opacity-25 { opacity: .25!important} .opacity-50 { opacity: .5!important} .opacity-75 { opacity: .75!important} .opacity-100 { opacity: 1!important} .overflow-auto { overflow: auto!important} .overflow-hidden { overflow: hidden!important} .overflow-visible { overflow: visible!important} .overflow-scroll { overflow: scroll!important} .overflow-x-auto { overflow-x: auto!important} .overflow-x-hidden { overflow-x: hidden!important} .overflow-x-visible { overflow-x: visible!important} .overflow-x-scroll { overflow-x: scroll!important} .overflow-y-auto { overflow-y: auto!important} .overflow-y-hidden { overflow-y: hidden!important} .overflow-y-visible { overflow-y: visible!important} .overflow-y-scroll { overflow-y: scroll!important} .d-inline { display: inline!important} .d-inline-block { display: inline-block!important} .d-block { display: block!important} .d-grid { display: grid!important} .d-inline-grid { display: inline-grid!important} .d-table { display: table!important} .d-table-row { display: table-row!important} .d-table-cell { display: table-cell!important} .d-flex { display: flex!important} .d-inline-flex { display: inline-flex!important} .d-none { display: none!important} .shadow { box-shadow: var(--bs-box-shadow)!important} .shadow-sm { box-shadow: var(--bs-box-shadow-sm)!important} .shadow-lg { box-shadow: var(--bs-box-shadow-lg)!important} .shadow-none { box-shadow: none!important} .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))} .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))} .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))} .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))} .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))} .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))} .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))} .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))} .position-static { position: static!important} .position-relative { position: relative!important} .position-absolute { position: absolute!important} .position-fixed { position: fixed!important} .position-sticky { position: sticky!important} .top-0 { top: 0!important} .top-50 { top: 50%!important} .top-100 { top: 100%!important} .bottom-0 { bottom: 0!important} .bottom-50 { bottom: 50%!important} .bottom-100 { bottom: 100%!important} .start-0 { left: 0!important} .start-50 { left: 50%!important} .start-100 { left: 100%!important} .end-0 { right: 0!important} .end-50 { right: 50%!important} .end-100 { right: 100%!important} .translate-middle { transform: translate(-50%,-50%)!important} .translate-middle-x { transform: translateX(-50%)!important} .translate-middle-y { transform: translateY(-50%)!important} .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important} .border-0 { border: 0!important} .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important} .border-top-0 { border-top: 0!important} .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important} .border-end-0 { border-right: 0!important} .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important} .border-bottom-0 { border-bottom: 0!important} .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important} .border-start-0 { border-left: 0!important} .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important} .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important} .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important} .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important} .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important} .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important} .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important} .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important} .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important} .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important} .border-primary-subtle { border-color: var(--bs-primary-border-subtle)!important} .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle)!important} .border-success-subtle { border-color: var(--bs-success-border-subtle)!important} .border-info-subtle { border-color: var(--bs-info-border-subtle)!important} .border-warning-subtle { border-color: var(--bs-warning-border-subtle)!important} .border-danger-subtle { border-color: var(--bs-danger-border-subtle)!important} .border-light-subtle { border-color: var(--bs-light-border-subtle)!important} .border-dark-subtle { border-color: var(--bs-dark-border-subtle)!important} .border-1 { border-width: 1px!important} .border-2 { border-width: 2px!important} .border-3 { border-width: 3px!important} .border-4 { border-width: 4px!important} .border-5 { border-width: 5px!important} .border-opacity-10 { --bs-border-opacity: 0.1} .border-opacity-25 { --bs-border-opacity: 0.25} .border-opacity-50 { --bs-border-opacity: 0.5} .border-opacity-75 { --bs-border-opacity: 0.75} .border-opacity-100 { --bs-border-opacity: 1} .w-25 { width: 25%!important} .w-50 { width: 50%!important} .w-75 { width: 75%!important} .w-100 { width: 100%!important} .w-auto { width: auto!important} .mw-100 { max-width: 100%!important} .vw-100 { width: 100vw!important} .min-vw-100 { min-width: 100vw!important} .h-25 { height: 25%!important} .h-50 { height: 50%!important} .h-75 { height: 75%!important} .h-100 { height: 100%!important} .h-auto { height: auto!important} .mh-100 { max-height: 100%!important} .vh-100 { height: 100vh!important} .min-vh-100 { min-height: 100vh!important} .flex-fill { flex: 1 1 auto!important} .flex-row { flex-direction: row!important} .flex-column { flex-direction: column!important} .flex-row-reverse { flex-direction: row-reverse!important} .flex-column-reverse { flex-direction: column-reverse!important} .flex-grow-0 { flex-grow: 0!important} .flex-grow-1 { flex-grow: 1!important} .flex-shrink-0 { flex-shrink: 0!important} .flex-shrink-1 { flex-shrink: 1!important} .flex-wrap { flex-wrap: wrap!important} .flex-nowrap { flex-wrap: nowrap!important} .flex-wrap-reverse { flex-wrap: wrap-reverse!important} .justify-content-start { justify-content: flex-start!important} .justify-content-end { justify-content: flex-end!important} .justify-content-center { justify-content: center!important} .justify-content-between { justify-content: space-between!important} .justify-content-around { justify-content: space-around!important} .justify-content-evenly { justify-content: space-evenly!important} .align-items-start { align-items: flex-start!important} .align-items-end { align-items: flex-end!important} .align-items-center { align-items: center!important} .align-items-baseline { align-items: baseline!important} .align-items-stretch { align-items: stretch!important} .align-content-start { align-content: flex-start!important} .align-content-end { align-content: flex-end!important} .align-content-center { align-content: center!important} .align-content-between { align-content: space-between!important} .align-content-around { align-content: space-around!important} .align-content-stretch { align-content: stretch!important} .align-self-auto { align-self: auto!important} .align-self-start { align-self: flex-start!important} .align-self-end { align-self: flex-end!important} .align-self-center { align-self: center!important} .align-self-baseline { align-self: baseline!important} .align-self-stretch { align-self: stretch!important} .order-first { order: -1!important} .order-0 { order: 0!important} .order-1 { order: 1!important} .order-2 { order: 2!important} .order-3 { order: 3!important} .order-4 { order: 4!important} .order-5 { order: 5!important} .order-last { order: 6!important} .m-0 { margin: 0!important} .m-1 { margin: .25rem!important} .m-2 { margin: .5rem!important} .m-3 { margin: 1rem!important} .m-4 { margin: 1.5rem!important} .m-5 { margin: 3rem!important} .m-auto { margin: auto!important} .mx-0 { margin-left: 0!important; margin-right: 0!important} .mx-1 { margin-left: .25rem!important; margin-right: .25rem!important} .mx-2 { margin-left: .5rem!important; margin-right: .5rem!important} .mx-3 { margin-left: 1rem!important; margin-right: 1rem!important} .mx-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important} .mx-5 { margin-left: 3rem!important; margin-right: 3rem!important} .mx-auto { margin-left: auto!important; margin-right: auto!important} .my-0 { margin-bottom: 0!important; margin-top: 0!important} .my-1 { margin-bottom: .25rem!important; margin-top: .25rem!important} .my-2 { margin-bottom: .5rem!important; margin-top: .5rem!important} .my-3 { margin-bottom: 1rem!important; margin-top: 1rem!important} .my-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important} .my-5 { margin-bottom: 3rem!important; margin-top: 3rem!important} .my-auto { margin-bottom: auto!important; margin-top: auto!important} .mt-0 { margin-top: 0!important} .mt-1 { margin-top: .25rem!important} .mt-2 { margin-top: .5rem!important} .mt-3 { margin-top: 0rem!important} .mt-4 { margin-top: 1.5rem!important} .mt-5 { margin-top: 3rem!important} .mt-auto { margin-top: auto!important} .me-0 { margin-right: 0!important} .me-1 { margin-right: .25rem!important} .me-2, .product-miniature .product-miniature__price { margin-right: .5rem!important} .me-3 { margin-right: 1rem!important} .me-4 { margin-right: 1.5rem!important} .me-5 { margin-right: 3rem!important} .me-auto { margin-right: auto!important} .mb-0 { margin-bottom: 0!important} .mb-1 { margin-bottom: .25rem!important} .mb-2 { margin-bottom: .5rem!important} .mb-3 { margin-bottom: 0.5rem!important} .mb-4 { margin-bottom: 1rem!important; } .mb-5 { margin-bottom: 3rem!important} .mb-auto { margin-bottom: auto!important} .ms-0 { margin-left: 0!important} .ms-1 { margin-left: .25rem!important} .ms-2 { margin-left: .5rem!important} .ms-3 { margin-left: 1rem!important} .ms-4 { margin-left: 1.5rem!important} .ms-5 { margin-left: 3rem!important} .ms-auto { margin-left: auto!important} .p-0 { padding: 0!important} .p-1 { padding: .25rem!important} .p-2 { padding: .5rem!important} .p-3 { padding: 1rem!important} .p-4 { padding: 1.5rem!important} .p-5 { padding: 3rem!important} .px-0 { padding-left: 0!important; padding-right: 0!important} .px-1 { padding-left: .25rem!important; padding-right: .25rem!important} .px-2 { padding-left: .5rem!important; padding-right: .5rem!important} .px-3 { padding-left: 1rem!important; padding-right: 1rem!important} .px-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important} .px-5 { padding-left: 3rem!important; padding-right: 3rem!important} .py-0 { padding-bottom: 0!important; padding-top: 0!important} .py-1 { padding-bottom: .25rem!important; padding-top: .25rem!important} .py-2 { padding-bottom: .5rem!important; padding-top: .5rem!important} .py-3 { padding-bottom: 1rem!important; padding-top: 1rem!important} .py-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important} .py-5 { padding-bottom: 3rem!important; padding-top: 3rem!important} .pt-0 { padding-top: 0!important} .pt-1 { padding-top: .25rem!important} .pt-2 { padding-top: .5rem!important} .pt-3 { padding-top: 1rem!important} .pt-4 { padding-top: 1.5rem!important} .pt-5 { padding-top: 3rem!important} .pe-0 { padding-right: 0!important} .pe-1 { padding-right: .25rem!important} .pe-2 { padding-right: .5rem!important} .pe-3 { padding-right: 1rem!important} .pe-4 { padding-right: 1.5rem!important} .pe-5 { padding-right: 3rem!important} .pb-0 { padding-bottom: 0!important} .pb-1 { padding-bottom: .25rem!important} .pb-2 { padding-bottom: .5rem!important} .pb-3 { padding-bottom: 1rem!important} .pb-4 { padding-bottom: 1.5rem!important} .pb-5 { padding-bottom: 3rem!important} .ps-0 { padding-left: 0!important} .ps-1 { padding-left: .25rem!important} .ps-2 { padding-left: .5rem!important} .ps-3 { padding-left: 1rem!important} .ps-4 { padding-left: 1.5rem!important} .ps-5 { padding-left: 3rem!important} .gap-0 { gap: 0!important} .gap-1 { gap: .25rem!important} .gap-2 { gap: .5rem!important} .gap-3 { gap: 1rem!important} .gap-4 { gap: 1.5rem!important} .gap-5 { gap: 3rem!important} .row-gap-0 { row-gap: 0!important} .row-gap-1 { row-gap: .25rem!important} .row-gap-2 { row-gap: .5rem!important} .row-gap-3 { row-gap: 1rem!important} .row-gap-4 { row-gap: 1.5rem!important} .row-gap-5 { row-gap: 3rem!important} .column-gap-0 { -moz-column-gap: 0!important; column-gap: 0!important} .column-gap-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important} .column-gap-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important} .column-gap-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important} .column-gap-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important} .column-gap-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important} .font-monospace { font-family: var(--bs-font-monospace)!important} .fs-1 { font-size: calc(1.375rem + 1.5vw)!important} .fs-2 { font-size: calc(1.325rem + .9vw)!important} .fs-3 { font-size: calc(1.3rem + .6vw)!important} .fs-4 { font-size: calc(1.275rem + .3vw)!important} .fs-5 { font-size: 1.25rem!important} .fs-6 { font-size: 1rem!important} .fst-italic { font-style: italic!important} .fst-normal { font-style: normal!important} .fw-lighter { font-weight: lighter!important} .fw-light { font-weight: 300!important} .fw-normal { font-weight: 400!important} .fw-medium { font-weight: 500!important} .fw-semibold { font-weight: 600!important} .fw-bold { font-weight: 700!important} .fw-bolder { font-weight: bolder!important} .lh-1 { line-height: 1!important} .lh-sm { line-height: 1.25!important} .lh-base { line-height: 1.5!important} .lh-lg { line-height: 2!important} .text-start { text-align: left!important} .text-end { text-align: right!important} .text-center { text-align: center!important} .text-decoration-none { text-decoration: none!important} .text-decoration-underline { text-decoration: underline!important} .text-decoration-line-through { text-decoration: line-through!important} .text-lowercase { text-transform: lowercase!important} .text-uppercase { text-transform: uppercase!important} .text-capitalize { text-transform: capitalize!important} .text-wrap { white-space: normal!important} .text-nowrap { white-space: nowrap!important} .text-break { word-wrap: break-word!important; word-break: break-word!important} .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important} .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important} .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important} .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important} .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important} .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important} .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important} .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important} .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important} .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important} .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important} .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color)!important} .text-black-50 { --bs-text-opacity: 1; color: rgba(0,0,0,.5)!important} .text-white-50 { --bs-text-opacity: 1; color: hsla(0,0%,100%,.5)!important} .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color)!important} .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color)!important} .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color)!important} .text-reset { --bs-text-opacity: 1; color: inherit!important} .text-opacity-25 { --bs-text-opacity: 0.25} .text-opacity-50 { --bs-text-opacity: 0.5} .text-opacity-75 { --bs-text-opacity: 0.75} .text-opacity-100 { --bs-text-opacity: 1} .text-primary-emphasis { color: var(--bs-primary-text-emphasis)!important} .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis)!important} .text-success-emphasis { color: var(--bs-success-text-emphasis)!important} .text-info-emphasis { color: var(--bs-info-text-emphasis)!important} .text-warning-emphasis { color: var(--bs-warning-text-emphasis)!important} .text-danger-emphasis { color: var(--bs-danger-text-emphasis)!important} .text-light-emphasis { color: var(--bs-light-text-emphasis)!important} .text-dark-emphasis { color: var(--bs-dark-text-emphasis)!important} .link-opacity-10, .link-opacity-10-hover:hover { --bs-link-opacity: 0.1} .link-opacity-25, .link-opacity-25-hover:hover { --bs-link-opacity: 0.25} .link-opacity-50, .link-opacity-50-hover:hover { --bs-link-opacity: 0.5} .link-opacity-75, .link-opacity-75-hover:hover { --bs-link-opacity: 0.75} .link-opacity-100, .link-opacity-100-hover:hover { --bs-link-opacity: 1} .link-offset-1, .link-offset-1-hover:hover { text-underline-offset: .125em!important} .link-offset-2, .link-offset-2-hover:hover { text-underline-offset: .25em!important} .link-offset-3, .link-offset-3-hover:hover { text-underline-offset: .375em!important} .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important} .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important} .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important} .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important} .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important} .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important} .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important} .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important} .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important} .link-underline-opacity-0, .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0} .link-underline-opacity-10, .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1} .link-underline-opacity-25, .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25} .link-underline-opacity-50, .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5} .link-underline-opacity-75, .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75} .link-underline-opacity-100, .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1} .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important} .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important} .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important} .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important} .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important} .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important} .bg-light { --bs-bg-opacity: 1; /* background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important*/} .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important} .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important} .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important} .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important} .bg-transparent { --bs-bg-opacity: 1; background-color: transparent!important} .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important} .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important} .bg-opacity-10 { --bs-bg-opacity: 0.1} .bg-opacity-25 { --bs-bg-opacity: 0.25} .bg-opacity-50 { --bs-bg-opacity: 0.5} .bg-opacity-75 { --bs-bg-opacity: 0.75} .bg-opacity-100 { --bs-bg-opacity: 1} .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle)!important} .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle)!important} .bg-success-subtle { background-color: var(--bs-success-bg-subtle)!important} .bg-info-subtle { background-color: var(--bs-info-bg-subtle)!important} .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle)!important} .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle)!important} .bg-light-subtle { background-color: var(--bs-light-bg-subtle)!important} .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle)!important} .bg-gradient { background-image: var(--bs-gradient)!important} .user-select-all { -webkit-user-select: all!important; -moz-user-select: all!important; user-select: all!important} .user-select-auto { -webkit-user-select: auto!important; -moz-user-select: auto!important; user-select: auto!important} .user-select-none { -webkit-user-select: none!important; -moz-user-select: none!important; user-select: none!important} .pe-none { pointer-events: none!important} .pe-auto { pointer-events: auto!important} .rounded { border-radius: var(--bs-border-radius)!important} .rounded-0 { border-radius: 0!important} .rounded-1 { border-radius: var(--bs-border-radius-sm)!important} .rounded-2 { border-radius: var(--bs-border-radius)!important} .rounded-3 { border-radius: var(--bs-border-radius-lg)!important} .rounded-4 { border-radius: var(--bs-border-radius-xl)!important} .rounded-5 { border-radius: var(--bs-border-radius-xxl)!important} .rounded-circle { border-radius: 50%!important} .rounded-pill { border-radius: var(--bs-border-radius-pill)!important} .rounded-top { border-top-left-radius: var(--bs-border-radius)!important; border-top-right-radius: var(--bs-border-radius)!important} .rounded-top-0 { border-top-left-radius: 0!important; border-top-right-radius: 0!important} .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm)!important; border-top-right-radius: var(--bs-border-radius-sm)!important} .rounded-top-2 { border-top-left-radius: var(--bs-border-radius)!important; border-top-right-radius: var(--bs-border-radius)!important} .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg)!important; border-top-right-radius: var(--bs-border-radius-lg)!important} .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl)!important; border-top-right-radius: var(--bs-border-radius-xl)!important} .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl)!important; border-top-right-radius: var(--bs-border-radius-xxl)!important} .rounded-top-circle { border-top-left-radius: 50%!important; border-top-right-radius: 50%!important} .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill)!important; border-top-right-radius: var(--bs-border-radius-pill)!important} .rounded-end { border-bottom-right-radius: var(--bs-border-radius)!important; border-top-right-radius: var(--bs-border-radius)!important} .rounded-end-0 { border-bottom-right-radius: 0!important; border-top-right-radius: 0!important} .rounded-end-1 { border-bottom-right-radius: var(--bs-border-radius-sm)!important; border-top-right-radius: var(--bs-border-radius-sm)!important} .rounded-end-2 { border-bottom-right-radius: var(--bs-border-radius)!important; border-top-right-radius: var(--bs-border-radius)!important} .rounded-end-3 { border-bottom-right-radius: var(--bs-border-radius-lg)!important; border-top-right-radius: var(--bs-border-radius-lg)!important} .rounded-end-4 { border-bottom-right-radius: var(--bs-border-radius-xl)!important; border-top-right-radius: var(--bs-border-radius-xl)!important} .rounded-end-5 { border-bottom-right-radius: var(--bs-border-radius-xxl)!important; border-top-right-radius: var(--bs-border-radius-xxl)!important} .rounded-end-circle { border-bottom-right-radius: 50%!important; border-top-right-radius: 50%!important} .rounded-end-pill { border-bottom-right-radius: var(--bs-border-radius-pill)!important; border-top-right-radius: var(--bs-border-radius-pill)!important} .rounded-bottom { border-bottom-left-radius: var(--bs-border-radius)!important; border-bottom-right-radius: var(--bs-border-radius)!important} .rounded-bottom-0 { border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important} .rounded-bottom-1 { border-bottom-left-radius: var(--bs-border-radius-sm)!important; border-bottom-right-radius: var(--bs-border-radius-sm)!important} .rounded-bottom-2 { border-bottom-left-radius: var(--bs-border-radius)!important; border-bottom-right-radius: var(--bs-border-radius)!important} .rounded-bottom-3 { border-bottom-left-radius: var(--bs-border-radius-lg)!important; border-bottom-right-radius: var(--bs-border-radius-lg)!important} .rounded-bottom-4 { border-bottom-left-radius: var(--bs-border-radius-xl)!important; border-bottom-right-radius: var(--bs-border-radius-xl)!important} .rounded-bottom-5 { border-bottom-left-radius: var(--bs-border-radius-xxl)!important; border-bottom-right-radius: var(--bs-border-radius-xxl)!important} .rounded-bottom-circle { border-bottom-left-radius: 50%!important; border-bottom-right-radius: 50%!important} .rounded-bottom-pill { border-bottom-left-radius: var(--bs-border-radius-pill)!important; border-bottom-right-radius: var(--bs-border-radius-pill)!important} .rounded-start { border-bottom-left-radius: var(--bs-border-radius)!important; border-top-left-radius: var(--bs-border-radius)!important} .rounded-start-0 { border-bottom-left-radius: 0!important; border-top-left-radius: 0!important} .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm)!important; border-top-left-radius: var(--bs-border-radius-sm)!important} .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius)!important; border-top-left-radius: var(--bs-border-radius)!important} .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg)!important; border-top-left-radius: var(--bs-border-radius-lg)!important} .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl)!important; border-top-left-radius: var(--bs-border-radius-xl)!important} .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl)!important; border-top-left-radius: var(--bs-border-radius-xxl)!important} .rounded-start-circle { border-bottom-left-radius: 50%!important; border-top-left-radius: 50%!important} .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill)!important; border-top-left-radius: var(--bs-border-radius-pill)!important} .visible { visibility: visible!important} .invisible { visibility: hidden!important} .z-n1 { z-index: -1!important} .z-0 { z-index: 0!important} .z-1 { z-index: 1!important} .z-2 { z-index: 2!important} .z-3 { z-index: 3!important} @media(min-width:360px) { .float-xs-start { float: left!important } .float-xs-end { float: right!important } .float-xs-none { float: none!important } .object-fit-xs-contain { -o-object-fit: contain!important; object-fit: contain!important } .object-fit-xs-cover { -o-object-fit: cover!important; object-fit: cover!important } .object-fit-xs-fill { -o-object-fit: fill!important; object-fit: fill!important } .object-fit-xs-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important } .object-fit-xs-none { -o-object-fit: none!important; object-fit: none!important } .d-xs-inline { display: inline!important } .d-xs-inline-block { display: inline-block!important } .d-xs-block { display: block!important } .d-xs-grid { display: grid!important } .d-xs-inline-grid { display: inline-grid!important } .d-xs-table { display: table!important } .d-xs-table-row { display: table-row!important } .d-xs-table-cell { display: table-cell!important } .d-xs-flex { display: flex!important } .d-xs-inline-flex { display: inline-flex!important } .d-xs-none { display: none!important } .flex-xs-fill { flex: 1 1 auto!important } .flex-xs-row { flex-direction: row!important } .flex-xs-column { flex-direction: column!important } .flex-xs-row-reverse { flex-direction: row-reverse!important } .flex-xs-column-reverse { flex-direction: column-reverse!important } .flex-xs-grow-0 { flex-grow: 0!important } .flex-xs-grow-1 { flex-grow: 1!important } .flex-xs-shrink-0 { flex-shrink: 0!important } .flex-xs-shrink-1 { flex-shrink: 1!important } .flex-xs-wrap { flex-wrap: wrap!important } .flex-xs-nowrap { flex-wrap: nowrap!important } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse!important } .justify-content-xs-start { justify-content: flex-start!important } .justify-content-xs-end { justify-content: flex-end!important } .justify-content-xs-center { justify-content: center!important } .justify-content-xs-between { justify-content: space-between!important } .justify-content-xs-around { justify-content: space-around!important } .justify-content-xs-evenly { justify-content: space-evenly!important } .align-items-xs-start { align-items: flex-start!important } .align-items-xs-end { align-items: flex-end!important } .align-items-xs-center { align-items: center!important } .align-items-xs-baseline { align-items: baseline!important } .align-items-xs-stretch { align-items: stretch!important } .align-content-xs-start { align-content: flex-start!important } .align-content-xs-end { align-content: flex-end!important } .align-content-xs-center { align-content: center!important } .align-content-xs-between { align-content: space-between!important } .align-content-xs-around { align-content: space-around!important } .align-content-xs-stretch { align-content: stretch!important } .align-self-xs-auto { align-self: auto!important } .align-self-xs-start { align-self: flex-start!important } .align-self-xs-end { align-self: flex-end!important } .align-self-xs-center { align-self: center!important } .align-self-xs-baseline { align-self: baseline!important } .align-self-xs-stretch { align-self: stretch!important } .order-xs-first { order: -1!important } .order-xs-0 { order: 0!important } .order-xs-1 { order: 1!important } .order-xs-2 { order: 2!important } .order-xs-3 { order: 3!important } .order-xs-4 { order: 4!important } .order-xs-5 { order: 5!important } .order-xs-last { order: 6!important } .m-xs-0 { margin: 0!important } .m-xs-1 { margin: .25rem!important } .m-xs-2 { margin: .5rem!important } .m-xs-3 { margin: 1rem!important } .m-xs-4 { margin: 1.5rem!important } .m-xs-5 { margin: 3rem!important } .m-xs-auto { margin: auto!important } .mx-xs-0 { margin-left: 0!important; margin-right: 0!important } .mx-xs-1 { margin-left: .25rem!important; margin-right: .25rem!important } .mx-xs-2 { margin-left: .5rem!important; margin-right: .5rem!important } .mx-xs-3 { margin-left: 1rem!important; margin-right: 1rem!important } .mx-xs-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important } .mx-xs-5 { margin-left: 3rem!important; margin-right: 3rem!important } .mx-xs-auto { margin-left: auto!important; margin-right: auto!important } .my-xs-0 { margin-bottom: 0!important; margin-top: 0!important } .my-xs-1 { margin-bottom: .25rem!important; margin-top: .25rem!important } .my-xs-2 { margin-bottom: .5rem!important; margin-top: .5rem!important } .my-xs-3 { margin-bottom: 1rem!important; margin-top: 1rem!important } .my-xs-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important } .my-xs-5 { margin-bottom: 3rem!important; margin-top: 3rem!important } .my-xs-auto { margin-bottom: auto!important; margin-top: auto!important } .mt-xs-0 { margin-top: 0!important } .mt-xs-1 { margin-top: .25rem!important } .mt-xs-2 { margin-top: .5rem!important } .mt-xs-3 { margin-top: 1rem!important } .mt-xs-4 { margin-top: 1.5rem!important } .mt-xs-5 { margin-top: 3rem!important } .mt-xs-auto { margin-top: auto!important } .me-xs-0 { margin-right: 0!important } .me-xs-1 { margin-right: .25rem!important } .me-xs-2 { margin-right: .5rem!important } .me-xs-3 { margin-right: 1rem!important } .me-xs-4 { margin-right: 1.5rem!important } .me-xs-5 { margin-right: 3rem!important } .me-xs-auto { margin-right: auto!important } .mb-xs-0 { margin-bottom: 0!important } .mb-xs-1 { margin-bottom: .25rem!important } .mb-xs-2 { margin-bottom: .5rem!important } .mb-xs-3 { margin-bottom: 1rem!important } .mb-xs-4 { margin-bottom: 1.5rem!important } .mb-xs-5 { margin-bottom: 3rem!important } .mb-xs-auto { margin-bottom: auto!important } .ms-xs-0 { margin-left: 0!important } .ms-xs-1 { margin-left: .25rem!important } .ms-xs-2 { margin-left: .5rem!important } .ms-xs-3 { margin-left: 1rem!important } .ms-xs-4 { margin-left: 1.5rem!important } .ms-xs-5 { margin-left: 3rem!important } .ms-xs-auto { margin-left: auto!important } .p-xs-0 { padding: 0!important } .p-xs-1 { padding: .25rem!important } .p-xs-2 { padding: .5rem!important } .p-xs-3 { padding: 1rem!important } .p-xs-4 { padding: 1.5rem!important } .p-xs-5 { padding: 3rem!important } .px-xs-0 { padding-left: 0!important; padding-right: 0!important } .px-xs-1 { padding-left: .25rem!important; padding-right: .25rem!important } .px-xs-2 { padding-left: .5rem!important; padding-right: .5rem!important } .px-xs-3 { padding-left: 1rem!important; padding-right: 1rem!important } .px-xs-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important } .px-xs-5 { padding-left: 3rem!important; padding-right: 3rem!important } .py-xs-0 { padding-bottom: 0!important; padding-top: 0!important } .py-xs-1 { padding-bottom: .25rem!important; padding-top: .25rem!important } .py-xs-2 { padding-bottom: .5rem!important; padding-top: .5rem!important } .py-xs-3 { padding-bottom: 1rem!important; padding-top: 1rem!important } .py-xs-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important } .py-xs-5 { padding-bottom: 3rem!important; padding-top: 3rem!important } .pt-xs-0 { padding-top: 0!important } .pt-xs-1 { padding-top: .25rem!important } .pt-xs-2 { padding-top: .5rem!important } .pt-xs-3 { padding-top: 1rem!important } .pt-xs-4 { padding-top: 1.5rem!important } .pt-xs-5 { padding-top: 3rem!important } .pe-xs-0 { padding-right: 0!important } .pe-xs-1 { padding-right: .25rem!important } .pe-xs-2 { padding-right: .5rem!important } .pe-xs-3 { padding-right: 1rem!important } .pe-xs-4 { padding-right: 1.5rem!important } .pe-xs-5 { padding-right: 3rem!important } .pb-xs-0 { padding-bottom: 0!important } .pb-xs-1 { padding-bottom: .25rem!important } .pb-xs-2 { padding-bottom: .5rem!important } .pb-xs-3 { padding-bottom: 1rem!important } .pb-xs-4 { padding-bottom: 1.5rem!important } .pb-xs-5 { padding-bottom: 3rem!important } .ps-xs-0 { padding-left: 0!important } .ps-xs-1 { padding-left: .25rem!important } .ps-xs-2 { padding-left: .5rem!important } .ps-xs-3 { padding-left: 1rem!important } .ps-xs-4 { padding-left: 1.5rem!important } .ps-xs-5 { padding-left: 3rem!important } .gap-xs-0 { gap: 0!important } .gap-xs-1 { gap: .25rem!important } .gap-xs-2 { gap: .5rem!important } .gap-xs-3 { gap: 1rem!important } .gap-xs-4 { gap: 1.5rem!important } .gap-xs-5 { gap: 3rem!important } .row-gap-xs-0 { row-gap: 0!important } .row-gap-xs-1 { row-gap: .25rem!important } .row-gap-xs-2 { row-gap: .5rem!important } .row-gap-xs-3 { row-gap: 1rem!important } .row-gap-xs-4 { row-gap: 1.5rem!important } .row-gap-xs-5 { row-gap: 3rem!important } .column-gap-xs-0 { -moz-column-gap: 0!important; column-gap: 0!important } .column-gap-xs-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important } .column-gap-xs-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important } .column-gap-xs-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important } .column-gap-xs-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important } .column-gap-xs-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important } .text-xs-start { text-align: left!important } .text-xs-end { text-align: right!important } .text-xs-center { text-align: center!important } } @media(min-width:576px) { .float-sm-start { float: left!important } .float-sm-end { float: right!important } .float-sm-none { float: none!important } .object-fit-sm-contain { -o-object-fit: contain!important; object-fit: contain!important } .object-fit-sm-cover { -o-object-fit: cover!important; object-fit: cover!important } .object-fit-sm-fill { -o-object-fit: fill!important; object-fit: fill!important } .object-fit-sm-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important } .object-fit-sm-none { -o-object-fit: none!important; object-fit: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-grid { display: grid!important } .d-sm-inline-grid { display: inline-grid!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: flex!important } .d-sm-inline-flex { display: inline-flex!important } .d-sm-none { display: none!important } .flex-sm-fill { flex: 1 1 auto!important } .flex-sm-row { flex-direction: row!important } .flex-sm-column { flex-direction: column!important } .flex-sm-row-reverse { flex-direction: row-reverse!important } .flex-sm-column-reverse { flex-direction: column-reverse!important } .flex-sm-grow-0 { flex-grow: 0!important } .flex-sm-grow-1 { flex-grow: 1!important } .flex-sm-shrink-0 { flex-shrink: 0!important } .flex-sm-shrink-1 { flex-shrink: 1!important } .flex-sm-wrap { flex-wrap: wrap!important } .flex-sm-nowrap { flex-wrap: nowrap!important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important } .justify-content-sm-start { justify-content: flex-start!important } .justify-content-sm-end { justify-content: flex-end!important } .justify-content-sm-center { justify-content: center!important } .justify-content-sm-between { justify-content: space-between!important } .justify-content-sm-around { justify-content: space-around!important } .justify-content-sm-evenly { justify-content: space-evenly!important } .align-items-sm-start { align-items: flex-start!important } .align-items-sm-end { align-items: flex-end!important } .align-items-sm-center { align-items: center!important } .align-items-sm-baseline { align-items: baseline!important } .align-items-sm-stretch { align-items: stretch!important } .align-content-sm-start { align-content: flex-start!important } .align-content-sm-end { align-content: flex-end!important } .align-content-sm-center { align-content: center!important } .align-content-sm-between { align-content: space-between!important } .align-content-sm-around { align-content: space-around!important } .align-content-sm-stretch { align-content: stretch!important } .align-self-sm-auto { align-self: auto!important } .align-self-sm-start { align-self: flex-start!important } .align-self-sm-end { align-self: flex-end!important } .align-self-sm-center { align-self: center!important } .align-self-sm-baseline { align-self: baseline!important } .align-self-sm-stretch { align-self: stretch!important } .order-sm-first { order: -1!important } .order-sm-0 { order: 0!important } .order-sm-1 { order: 1!important } .order-sm-2 { order: 2!important } .order-sm-3 { order: 3!important } .order-sm-4 { order: 4!important } .order-sm-5 { order: 5!important } .order-sm-last { order: 6!important } .m-sm-0 { margin: 0!important } .m-sm-1 { margin: .25rem!important } .m-sm-2 { margin: .5rem!important } .m-sm-3 { margin: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .m-sm-auto { margin: auto!important } .mx-sm-0 { margin-left: 0!important; margin-right: 0!important } .mx-sm-1 { margin-left: .25rem!important; margin-right: .25rem!important } .mx-sm-2 { margin-left: .5rem!important; margin-right: .5rem!important } .mx-sm-3 { margin-left: 1rem!important; margin-right: 1rem!important } .mx-sm-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important } .mx-sm-5 { margin-left: 3rem!important; margin-right: 3rem!important } .mx-sm-auto { margin-left: auto!important; margin-right: auto!important } .my-sm-0 { margin-bottom: 0!important; margin-top: 0!important } .my-sm-1 { margin-bottom: .25rem!important; margin-top: .25rem!important } .my-sm-2 { margin-bottom: .5rem!important; margin-top: .5rem!important } .my-sm-3 { margin-bottom: 1rem!important; margin-top: 1rem!important } .my-sm-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important } .my-sm-5 { margin-bottom: 3rem!important; margin-top: 3rem!important } .my-sm-auto { margin-bottom: auto!important; margin-top: auto!important } .mt-sm-0 { margin-top: 0!important } .mt-sm-1 { margin-top: .25rem!important } .mt-sm-2 { margin-top: .5rem!important } .mt-sm-3 { margin-top: 1rem!important } .mt-sm-4 { margin-top: 1.5rem!important } .mt-sm-5 { margin-top: 3rem!important } .mt-sm-auto { margin-top: auto!important } .me-sm-0 { margin-right: 0!important } .me-sm-1 { margin-right: .25rem!important } .me-sm-2 { margin-right: .5rem!important } .me-sm-3 { margin-right: 1rem!important } .me-sm-4 { margin-right: 1.5rem!important } .me-sm-5 { margin-right: 3rem!important } .me-sm-auto { margin-right: auto!important } .mb-sm-0 { margin-bottom: 0!important } .mb-sm-1 { margin-bottom: .25rem!important } .mb-sm-2 { margin-bottom: .5rem!important } .mb-sm-3 { margin-bottom: 1rem!important } .mb-sm-4 { margin-bottom: 1.5rem!important } .mb-sm-5 { margin-bottom: 3rem!important } .mb-sm-auto { margin-bottom: auto!important } .ms-sm-0 { margin-left: 0!important } .ms-sm-1 { margin-left: .25rem!important } .ms-sm-2 { margin-left: .5rem!important } .ms-sm-3 { margin-left: 1rem!important } .ms-sm-4 { margin-left: 1.5rem!important } .ms-sm-5 { margin-left: 3rem!important } .ms-sm-auto { margin-left: auto!important } .p-sm-0 { padding: 0!important } .p-sm-1 { padding: .25rem!important } .p-sm-2 { padding: .5rem!important } .p-sm-3 { padding: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .px-sm-0 { padding-left: 0!important; padding-right: 0!important } .px-sm-1 { padding-left: .25rem!important; padding-right: .25rem!important } .px-sm-2 { padding-left: .5rem!important; padding-right: .5rem!important } .px-sm-3 { padding-left: 1rem!important; padding-right: 1rem!important } .px-sm-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important } .px-sm-5 { padding-left: 3rem!important; padding-right: 3rem!important } .py-sm-0 { padding-bottom: 0!important; padding-top: 0!important } .py-sm-1 { padding-bottom: .25rem!important; padding-top: .25rem!important } .py-sm-2 { padding-bottom: .5rem!important; padding-top: .5rem!important } .py-sm-3 { padding-bottom: 1rem!important; padding-top: 1rem!important } .py-sm-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important } .py-sm-5 { padding-bottom: 3rem!important; padding-top: 3rem!important } .pt-sm-0 { padding-top: 0!important } .pt-sm-1 { padding-top: .25rem!important } .pt-sm-2 { padding-top: .5rem!important } .pt-sm-3 { padding-top: 1rem!important } .pt-sm-4 { padding-top: 1.5rem!important } .pt-sm-5 { padding-top: 3rem!important } .pe-sm-0 { padding-right: 0!important } .pe-sm-1 { padding-right: .25rem!important } .pe-sm-2 { padding-right: .5rem!important } .pe-sm-3 { padding-right: 1rem!important } .pe-sm-4 { padding-right: 1.5rem!important } .pe-sm-5 { padding-right: 3rem!important } .pb-sm-0 { padding-bottom: 0!important } .pb-sm-1 { padding-bottom: .25rem!important } .pb-sm-2 { padding-bottom: .5rem!important } .pb-sm-3 { padding-bottom: 1rem!important } .pb-sm-4 { padding-bottom: 1.5rem!important } .pb-sm-5 { padding-bottom: 3rem!important } .ps-sm-0 { padding-left: 0!important } .ps-sm-1 { padding-left: .25rem!important } .ps-sm-2 { padding-left: .5rem!important } .ps-sm-3 { padding-left: 1rem!important } .ps-sm-4 { padding-left: 1.5rem!important } .ps-sm-5 { padding-left: 3rem!important } .gap-sm-0 { gap: 0!important } .gap-sm-1 { gap: .25rem!important } .gap-sm-2 { gap: .5rem!important } .gap-sm-3 { gap: 1rem!important } .gap-sm-4 { gap: 1.5rem!important } .gap-sm-5 { gap: 3rem!important } .row-gap-sm-0 { row-gap: 0!important } .row-gap-sm-1 { row-gap: .25rem!important } .row-gap-sm-2 { row-gap: .5rem!important } .row-gap-sm-3 { row-gap: 1rem!important } .row-gap-sm-4 { row-gap: 1.5rem!important } .row-gap-sm-5 { row-gap: 3rem!important } .column-gap-sm-0 { -moz-column-gap: 0!important; column-gap: 0!important } .column-gap-sm-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important } .column-gap-sm-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important } .column-gap-sm-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important } .column-gap-sm-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important } .column-gap-sm-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important } .text-sm-start { text-align: left!important } .text-sm-end { text-align: right!important } .text-sm-center { text-align: center!important } } @media(min-width:768px) { .float-md-start { float: left!important } .float-md-end { float: right!important } .float-md-none { float: none!important } .object-fit-md-contain { -o-object-fit: contain!important; object-fit: contain!important } .object-fit-md-cover { -o-object-fit: cover!important; object-fit: cover!important } .object-fit-md-fill { -o-object-fit: fill!important; object-fit: fill!important } .object-fit-md-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important } .object-fit-md-none { -o-object-fit: none!important; object-fit: none!important } .d-md-inline { display: inline!important; font-weight: 500; color:#fff; } .d-md-inline-block { display: inline-block!important; } .d-md-block { display: block!important } .d-md-grid { display: grid!important } .d-md-inline-grid { display: inline-grid!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: flex!important; } .d-md-inline-flex { display: inline-flex!important } .d-md-none { display: none!important } .flex-md-fill { flex: 1 1 auto!important } .flex-md-row { flex-direction: row!important } .flex-md-column { flex-direction: column!important } .flex-md-row-reverse { flex-direction: row-reverse!important } .flex-md-column-reverse { flex-direction: column-reverse!important } .flex-md-grow-0 { flex-grow: 0!important } .flex-md-grow-1 { flex-grow: 1!important } .flex-md-shrink-0 { flex-shrink: 0!important } .flex-md-shrink-1 { flex-shrink: 1!important } .flex-md-wrap { flex-wrap: wrap!important } .flex-md-nowrap { flex-wrap: nowrap!important; display: none!important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important } .justify-content-md-start { justify-content: flex-start!important } .justify-content-md-end { justify-content: flex-end!important } .justify-content-md-center { justify-content: center!important } .justify-content-md-between { justify-content: space-between!important } .justify-content-md-around { justify-content: space-around!important } .justify-content-md-evenly { justify-content: space-evenly!important } .align-items-md-start { align-items: flex-start!important } .align-items-md-end { align-items: flex-end!important } .align-items-md-center { align-items: center!important } .align-items-md-baseline { align-items: baseline!important } .align-items-md-stretch { align-items: stretch!important } .align-content-md-start { align-content: flex-start!important } .align-content-md-end { align-content: flex-end!important } .align-content-md-center { align-content: center!important } .align-content-md-between { align-content: space-between!important } .align-content-md-around { align-content: space-around!important } .align-content-md-stretch { align-content: stretch!important } .align-self-md-auto { align-self: auto!important } .align-self-md-start { align-self: flex-start!important } .align-self-md-end { align-self: flex-end!important } .align-self-md-center { align-self: center!important } .align-self-md-baseline { align-self: baseline!important } .align-self-md-stretch { align-self: stretch!important } .order-md-first { order: -1!important } .order-md-0 { order: 0!important } .order-md-1 { order: 1!important } .order-md-2 { order: 2!important } .order-md-3 { order: 3!important } .order-md-4 { order: 4!important } .order-md-5 { order: 5!important } .order-md-last { order: 6!important } .m-md-0 { margin: 0!important } .m-md-1 { margin: .25rem!important } .m-md-2 { margin: .5rem!important } .m-md-3 { margin: 1rem!important } .m-md-4 { margin: 1.5rem!important } .m-md-5 { margin: 3rem!important } .m-md-auto { margin: auto!important } .mx-md-0 { margin-left: 0!important; margin-right: 0!important } .mx-md-1 { margin-left: .25rem!important; margin-right: .25rem!important } .mx-md-2 { margin-left: .5rem!important; margin-right: .5rem!important } .mx-md-3 { margin-left: 1rem!important; margin-right: 1rem!important } .mx-md-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important } .mx-md-5 { margin-left: 3rem!important; margin-right: 3rem!important } .mx-md-auto { margin-left: auto!important; margin-right: auto!important } .my-md-0 { margin-bottom: 0!important; margin-top: 0!important } .my-md-1 { margin-bottom: .25rem!important; margin-top: .25rem!important } .my-md-2 { margin-bottom: .5rem!important; margin-top: .5rem!important } .my-md-3 { margin-bottom: 1rem!important; margin-top: 1rem!important } .my-md-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important } .my-md-5 { margin-bottom: 3rem!important; margin-top: 3rem!important } .my-md-auto { margin-bottom: auto!important; margin-top: auto!important } .mt-md-0 { margin-top: 0!important } .mt-md-1 { margin-top: .25rem!important } .mt-md-2 { margin-top: .5rem!important } .mt-md-3 { margin-top: 1rem!important } .mt-md-4 { margin-top: 1.5rem!important } .mt-md-5 { margin-top: 3rem!important } .mt-md-auto { margin-top: auto!important } .me-md-0 { margin-right: 0!important } .me-md-1 { margin-right: .25rem!important } .me-md-2 { margin-right: .5rem!important } .me-md-3 { margin-right: 1rem!important } .me-md-4 { margin-right: 1.5rem!important } .me-md-5 { margin-right: 3rem!important } .me-md-auto { margin-right: auto!important } .mb-md-0 { margin-bottom: 0!important } .mb-md-1 { margin-bottom: .25rem!important } .mb-md-2 { margin-bottom: .5rem!important } .mb-md-3 { margin-bottom: 1rem!important } .mb-md-4 { margin-bottom: 1.5rem!important } .mb-md-5 { margin-bottom: 3rem!important } .mb-md-auto { margin-bottom: auto!important } .ms-md-0 { margin-left: 0!important } .ms-md-1 { margin-left: .25rem!important } .ms-md-2 { margin-left: .5rem!important } .ms-md-3 { margin-left: 1rem!important } .ms-md-4 { margin-left: 1.5rem!important } .ms-md-5 { margin-left: 3rem!important } .ms-md-auto { margin-left: auto!important } .p-md-0 { padding: 0!important } .p-md-1 { padding: .25rem!important } .p-md-2 { padding: .5rem!important } .p-md-3 { padding: 1rem!important } .p-md-4 { padding: 1.5rem!important } .p-md-5 { padding: 3rem!important } .px-md-0 { padding-left: 0!important; padding-right: 0!important } .px-md-1 { padding-left: .25rem!important; padding-right: .25rem!important } .px-md-2 { padding-left: .5rem!important; padding-right: .5rem!important } .px-md-3 { padding-left: 1rem!important; padding-right: 1rem!important } .px-md-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important } .px-md-5 { padding-left: 3rem!important; padding-right: 3rem!important } .py-md-0 { padding-bottom: 0!important; padding-top: 0!important } .py-md-1 { padding-bottom: .25rem!important; padding-top: .25rem!important } .py-md-2 { padding-bottom: .5rem!important; padding-top: .5rem!important } .py-md-3 { padding-bottom: 1rem!important; padding-top: 1rem!important } .py-md-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important } .py-md-5 { padding-bottom: 3rem!important; padding-top: 3rem!important } .pt-md-0 { padding-top: 0!important } .pt-md-1 { padding-top: .25rem!important } .pt-md-2 { padding-top: .5rem!important } .pt-md-3 { padding-top: 1rem!important } .pt-md-4 { padding-top: 1.5rem!important } .pt-md-5 { padding-top: 3rem!important } .pe-md-0 { padding-right: 0!important } .pe-md-1 { padding-right: .25rem!important } .pe-md-2 { padding-right: .5rem!important } .pe-md-3 { padding-right: 1rem!important } .pe-md-4 { padding-right: 1.5rem!important } .pe-md-5 { padding-right: 3rem!important } .pb-md-0 { padding-bottom: 0!important } .pb-md-1 { padding-bottom: .25rem!important } .pb-md-2 { padding-bottom: .5rem!important } .pb-md-3 { padding-bottom: 1rem!important } .pb-md-4 { padding-bottom: 1.5rem!important } .pb-md-5 { padding-bottom: 3rem!important } .ps-md-0 { padding-left: 0!important } .ps-md-1 { padding-left: .25rem!important } .ps-md-2 { padding-left: .5rem!important } .ps-md-3 { padding-left: 1rem!important } .ps-md-4 { padding-left: 1.5rem!important } .ps-md-5 { padding-left: 3rem!important } .gap-md-0 { gap: 0!important } .gap-md-1 { gap: .25rem!important } .gap-md-2 { gap: .5rem!important } .gap-md-3 { gap: 1rem!important } .gap-md-4 { gap: 1.5rem!important } .gap-md-5 { gap: 3rem!important } .row-gap-md-0 { row-gap: 0!important } .row-gap-md-1 { row-gap: .25rem!important } .row-gap-md-2 { row-gap: .5rem!important } .row-gap-md-3 { row-gap: 1rem!important } .row-gap-md-4 { row-gap: 1.5rem!important } .row-gap-md-5 { row-gap: 3rem!important } .column-gap-md-0 { -moz-column-gap: 0!important; column-gap: 0!important } .column-gap-md-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important } .column-gap-md-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important } .column-gap-md-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important } .column-gap-md-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important } .column-gap-md-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important } .text-md-start { text-align: left!important } .text-md-end { text-align: right!important } .text-md-center { text-align: center!important } } @media(min-width:992px) { .float-lg-start { float: left!important } .float-lg-end { float: right!important } .float-lg-none { float: none!important } .object-fit-lg-contain { -o-object-fit: contain!important; object-fit: contain!important } .object-fit-lg-cover { -o-object-fit: cover!important; object-fit: cover!important } .object-fit-lg-fill { -o-object-fit: fill!important; object-fit: fill!important } .object-fit-lg-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important } .object-fit-lg-none { -o-object-fit: none!important; object-fit: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-grid { display: grid!important } .d-lg-inline-grid { display: inline-grid!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: flex!important } .d-lg-inline-flex { display: inline-flex!important } .d-lg-none { display: none!important } .flex-lg-fill { flex: 1 1 auto!important } .flex-lg-row { flex-direction: row!important } .flex-lg-column { flex-direction: column!important } .flex-lg-row-reverse { flex-direction: row-reverse!important } .flex-lg-column-reverse { flex-direction: column-reverse!important } .flex-lg-grow-0 { flex-grow: 0!important } .flex-lg-grow-1 { flex-grow: 1!important } .flex-lg-shrink-0 { flex-shrink: 0!important } .flex-lg-shrink-1 { flex-shrink: 1!important } .flex-lg-wrap { flex-wrap: wrap!important } .flex-lg-nowrap { flex-wrap: nowrap!important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important } .justify-content-lg-start { justify-content: flex-start!important } .justify-content-lg-end { justify-content: flex-end!important } .justify-content-lg-center { justify-content: center!important } .justify-content-lg-between { justify-content: space-between!important } .justify-content-lg-around { justify-content: space-around!important } .justify-content-lg-evenly { justify-content: space-evenly!important } .align-items-lg-start { align-items: flex-start!important } .align-items-lg-end { align-items: flex-end!important } .align-items-lg-center { align-items: center!important } .align-items-lg-baseline { align-items: baseline!important } .align-items-lg-stretch { align-items: stretch!important } .align-content-lg-start { align-content: flex-start!important } .align-content-lg-end { align-content: flex-end!important } .align-content-lg-center { align-content: center!important } .align-content-lg-between { align-content: space-between!important } .align-content-lg-around { align-content: space-around!important } .align-content-lg-stretch { align-content: stretch!important } .align-self-lg-auto { align-self: auto!important } .align-self-lg-start { align-self: flex-start!important } .align-self-lg-end { align-self: flex-end!important } .align-self-lg-center { align-self: center!important } .align-self-lg-baseline { align-self: baseline!important } .align-self-lg-stretch { align-self: stretch!important } .order-lg-first { order: -1!important } .order-lg-0 { order: 0!important } .order-lg-1 { order: 1!important } .order-lg-2 { order: 2!important } .order-lg-3 { order: 3!important } .order-lg-4 { order: 4!important } .order-lg-5 { order: 5!important } .order-lg-last { order: 6!important } .m-lg-0 { margin: 0!important } .m-lg-1 { margin: .25rem!important } .m-lg-2 { margin: .5rem!important } .m-lg-3 { margin: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .m-lg-auto { margin: auto!important } .mx-lg-0 { margin-left: 0!important; margin-right: 0!important } .mx-lg-1 { margin-left: .25rem!important; margin-right: .25rem!important } .mx-lg-2 { margin-left: .5rem!important; margin-right: .5rem!important } .mx-lg-3 { margin-left: 1rem!important; margin-right: 1rem!important } .mx-lg-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important } .mx-lg-5 { margin-left: 3rem!important; margin-right: 3rem!important } .mx-lg-auto { margin-left: auto!important; margin-right: auto!important } .my-lg-0 { margin-bottom: 0!important; margin-top: 0!important } .my-lg-1 { margin-bottom: .25rem!important; margin-top: .25rem!important } .my-lg-2 { margin-bottom: .5rem!important; margin-top: .5rem!important } .my-lg-3 { margin-bottom: 1rem!important; margin-top: 1rem!important } .my-lg-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important } .my-lg-5 { margin-bottom: 3rem!important; margin-top: 3rem!important } .my-lg-auto { margin-bottom: auto!important; margin-top: auto!important } .mt-lg-0 { margin-top: 0!important } .mt-lg-1 { margin-top: .25rem!important } .mt-lg-2 { margin-top: .5rem!important } .mt-lg-3 { margin-top: 1rem!important } .mt-lg-4 { margin-top: 1.5rem!important } .mt-lg-5 { margin-top: 3rem!important } .mt-lg-auto { margin-top: auto!important } .me-lg-0 { margin-right: 10px!important } .me-lg-1 { margin-right: .25rem!important } .me-lg-2 { margin-right: .5rem!important } .me-lg-3 { margin-right: 1rem!important } .me-lg-4 { margin-right: 1.5rem!important } .me-lg-5 { margin-right: 3rem!important } .me-lg-auto { margin-right: auto!important } .mb-lg-0 { margin-bottom: 0!important } .mb-lg-1 { margin-bottom: .25rem!important } .mb-lg-2 { margin-bottom: .5rem!important } .mb-lg-3 { margin-bottom: 1rem!important } .mb-lg-4 { margin-bottom: 1.5rem!important } .mb-lg-5 { margin-bottom: 3rem!important } .mb-lg-auto { margin-bottom: auto!important } .ms-lg-0 { margin-left: 0!important } .ms-lg-1 { margin-left: .25rem!important } .ms-lg-2 { margin-left: .5rem!important } .ms-lg-3 { margin-left: 1rem!important } .ms-lg-4 { margin-left: 1.5rem!important } .ms-lg-5 { margin-left: 3rem!important } .ms-lg-auto { margin-left: auto!important } .p-lg-0 { padding: 0!important } .p-lg-1 { padding: .25rem!important } .p-lg-2 { padding: .5rem!important } .p-lg-3 { padding: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .px-lg-0 { padding-left: 0!important; padding-right: 0!important } .px-lg-1 { padding-left: .25rem!important; padding-right: .25rem!important } .px-lg-2 { padding-left: .5rem!important; padding-right: .5rem!important } .px-lg-3 { padding-left: 1rem!important; padding-right: 1rem!important } .px-lg-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important } .px-lg-5 { padding-left: 3rem!important; padding-right: 3rem!important } .py-lg-0 { padding-bottom: 0!important; padding-top: 0!important } .py-lg-1 { padding-bottom: .25rem!important; padding-top: .25rem!important } .py-lg-2 { padding-bottom: .5rem!important; padding-top: .5rem!important } .py-lg-3 { padding-bottom: 1rem!important; padding-top: 1rem!important } .py-lg-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important } .py-lg-5 { padding-bottom: 3rem!important; padding-top: 3rem!important } .pt-lg-0 { padding-top: 0!important } .pt-lg-1 { padding-top: .25rem!important } .pt-lg-2 { padding-top: .5rem!important } .pt-lg-3 { padding-top: 1rem!important } .pt-lg-4 { padding-top: 1.5rem!important } .pt-lg-5 { padding-top: 3rem!important } .pe-lg-0 { padding-right: 0!important } .pe-lg-1 { padding-right: .25rem!important } .pe-lg-2 { padding-right: .5rem!important } .pe-lg-3 { padding-right: 1rem!important } .pe-lg-4 { padding-right: 1.5rem!important } .pe-lg-5 { padding-right: 3rem!important } .pb-lg-0 { padding-bottom: 0!important } .pb-lg-1 { padding-bottom: .25rem!important } .pb-lg-2 { padding-bottom: .5rem!important } .pb-lg-3 { padding-bottom: 1rem!important } .pb-lg-4 { padding-bottom: 1.5rem!important } .pb-lg-5 { padding-bottom: 3rem!important } .ps-lg-0 { padding-left: 0!important } .ps-lg-1 { padding-left: .25rem!important } .ps-lg-2 { padding-left: .5rem!important } .ps-lg-3 { padding-left: 1rem!important } .ps-lg-4 { padding-left: 1.5rem!important } .ps-lg-5 { padding-left: 3rem!important } .gap-lg-0 { gap: 0!important } .gap-lg-1 { gap: .25rem!important } .gap-lg-2 { gap: .5rem!important } .gap-lg-3 { gap: 1rem!important } .gap-lg-4 { gap: 1.5rem!important } .gap-lg-5 { gap: 3rem!important } .row-gap-lg-0 { row-gap: 0!important } .row-gap-lg-1 { row-gap: .25rem!important } .row-gap-lg-2 { row-gap: .5rem!important } .row-gap-lg-3 { row-gap: 1rem!important } .row-gap-lg-4 { row-gap: 1.5rem!important } .row-gap-lg-5 { row-gap: 3rem!important } .column-gap-lg-0 { -moz-column-gap: 0!important; column-gap: 0!important } .column-gap-lg-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important } .column-gap-lg-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important } .column-gap-lg-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important } .column-gap-lg-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important } .column-gap-lg-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important } .text-lg-start { text-align: left!important } .text-lg-end { text-align: right!important } .text-lg-center { text-align: center!important } } @media(min-width:1200px) { .float-xl-start { float: left!important } .float-xl-end { float: right!important } .float-xl-none { float: none!important } .object-fit-xl-contain { -o-object-fit: contain!important; object-fit: contain!important } .object-fit-xl-cover { -o-object-fit: cover!important; object-fit: cover!important } .object-fit-xl-fill { -o-object-fit: fill!important; object-fit: fill!important } .object-fit-xl-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important } .object-fit-xl-none { -o-object-fit: none!important; object-fit: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-grid { display: grid!important } .d-xl-inline-grid { display: inline-grid!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: flex!important } .d-xl-inline-flex { display: inline-flex!important } .d-xl-none { display: none!important } .flex-xl-fill { flex: 1 1 auto!important } .flex-xl-row { flex-direction: row!important } .flex-xl-column { flex-direction: column!important } .flex-xl-row-reverse { flex-direction: row-reverse!important } .flex-xl-column-reverse { flex-direction: column-reverse!important } .flex-xl-grow-0 { flex-grow: 0!important } .flex-xl-grow-1 { flex-grow: 1!important } .flex-xl-shrink-0 { flex-shrink: 0!important } .flex-xl-shrink-1 { flex-shrink: 1!important } .flex-xl-wrap { flex-wrap: wrap!important } .flex-xl-nowrap { flex-wrap: nowrap!important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important } .justify-content-xl-start { justify-content: flex-start!important } .justify-content-xl-end { justify-content: flex-end!important } .justify-content-xl-center { justify-content: center!important } .justify-content-xl-between { justify-content: space-between!important } .justify-content-xl-around { justify-content: space-around!important } .justify-content-xl-evenly { justify-content: space-evenly!important } .align-items-xl-start { align-items: flex-start!important } .align-items-xl-end { align-items: flex-end!important } .align-items-xl-center { align-items: center!important } .align-items-xl-baseline { align-items: baseline!important } .align-items-xl-stretch { align-items: stretch!important } .align-content-xl-start { align-content: flex-start!important } .align-content-xl-end { align-content: flex-end!important } .align-content-xl-center { align-content: center!important } .align-content-xl-between { align-content: space-between!important } .align-content-xl-around { align-content: space-around!important } .align-content-xl-stretch { align-content: stretch!important } .align-self-xl-auto { align-self: auto!important } .align-self-xl-start { align-self: flex-start!important } .align-self-xl-end { align-self: flex-end!important } .align-self-xl-center { align-self: center!important } .align-self-xl-baseline { align-self: baseline!important } .align-self-xl-stretch { align-self: stretch!important } .order-xl-first { order: -1!important } .order-xl-0 { order: 0!important } .order-xl-1 { order: 1!important } .order-xl-2 { order: 2!important } .order-xl-3 { order: 3!important } .order-xl-4 { order: 4!important } .order-xl-5 { order: 5!important } .order-xl-last { order: 6!important } .m-xl-0 { margin: 0!important } .m-xl-1 { margin: .25rem!important } .m-xl-2 { margin: .5rem!important } .m-xl-3 { margin: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .m-xl-auto { margin: auto!important } .mx-xl-0 { margin-left: 0!important; margin-right: 0!important } .mx-xl-1 { margin-left: .25rem!important; margin-right: .25rem!important } .mx-xl-2 { margin-left: .5rem!important; margin-right: .5rem!important } .mx-xl-3 { margin-left: 1rem!important; margin-right: 1rem!important } .mx-xl-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important } .mx-xl-5 { margin-left: 3rem!important; margin-right: 3rem!important } .mx-xl-auto { margin-left: auto!important; margin-right: auto!important } .my-xl-0 { margin-bottom: 0!important; margin-top: 0!important } .my-xl-1 { margin-bottom: .25rem!important; margin-top: .25rem!important } .my-xl-2 { margin-bottom: .5rem!important; margin-top: .5rem!important } .my-xl-3 { margin-bottom: 1rem!important; margin-top: 1rem!important } .my-xl-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important } .my-xl-5 { margin-bottom: 3rem!important; margin-top: 3rem!important } .my-xl-auto { margin-bottom: auto!important; margin-top: auto!important } .mt-xl-0 { margin-top: 0!important } .mt-xl-1 { margin-top: .25rem!important } .mt-xl-2 { margin-top: .5rem!important } .mt-xl-3 { margin-top: 1rem!important } .mt-xl-4 { margin-top: 1.5rem!important } .mt-xl-5 { margin-top: 3rem!important } .mt-xl-auto { margin-top: auto!important } .me-xl-0 { margin-right: 0!important } .me-xl-1 { margin-right: .25rem!important } .me-xl-2 { margin-right: .5rem!important } .me-xl-3 { margin-right: 1rem!important } .me-xl-4 { margin-right: 1.5rem!important } .me-xl-5 { margin-right: 3rem!important } .me-xl-auto { margin-right: auto!important } .mb-xl-0 { margin-bottom: 0!important } .mb-xl-1 { margin-bottom: .25rem!important } .mb-xl-2 { margin-bottom: .5rem!important } .mb-xl-3 { margin-bottom: 1rem!important } .mb-xl-4 { margin-bottom: 1.5rem!important } .mb-xl-5 { margin-bottom: 3rem!important } .mb-xl-auto { margin-bottom: auto!important } .ms-xl-0 { margin-left: 0!important } .ms-xl-1 { margin-left: .25rem!important } .ms-xl-2 { margin-left: .5rem!important } .ms-xl-3 { margin-left: 1rem!important } .ms-xl-4 { margin-left: 1.5rem!important } .ms-xl-5 { margin-left: 3rem!important } .ms-xl-auto { margin-left: auto!important } .p-xl-0 { padding: 0!important } .p-xl-1 { padding: .25rem!important } .p-xl-2 { padding: .5rem!important } .p-xl-3 { padding: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .px-xl-0 { padding-left: 0!important; padding-right: 0!important } .px-xl-1 { padding-left: .25rem!important; padding-right: .25rem!important } .px-xl-2 { padding-left: .5rem!important; padding-right: .5rem!important } .px-xl-3 { padding-left: 1rem!important; padding-right: 1rem!important } .px-xl-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important } .px-xl-5 { padding-left: 3rem!important; padding-right: 3rem!important } .py-xl-0 { padding-bottom: 0!important; padding-top: 0!important } .py-xl-1 { padding-bottom: .25rem!important; padding-top: .25rem!important } .py-xl-2 { padding-bottom: .5rem!important; padding-top: .5rem!important } .py-xl-3 { padding-bottom: 1rem!important; padding-top: 1rem!important } .py-xl-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important } .py-xl-5 { padding-bottom: 3rem!important; padding-top: 3rem!important } .pt-xl-0 { padding-top: 0!important } .pt-xl-1 { padding-top: .25rem!important } .pt-xl-2 { padding-top: .5rem!important } .pt-xl-3 { padding-top: 1rem!important } .pt-xl-4 { padding-top: 1.5rem!important } .pt-xl-5 { padding-top: 3rem!important } .pe-xl-0 { padding-right: 0!important } .pe-xl-1 { padding-right: .25rem!important } .pe-xl-2 { padding-right: .5rem!important } .pe-xl-3 { padding-right: 1rem!important } .pe-xl-4 { padding-right: 1.5rem!important } .pe-xl-5 { padding-right: 3rem!important } .pb-xl-0 { padding-bottom: 0!important } .pb-xl-1 { padding-bottom: .25rem!important } .pb-xl-2 { padding-bottom: .5rem!important } .pb-xl-3 { padding-bottom: 1rem!important } .pb-xl-4 { padding-bottom: 1.5rem!important } .pb-xl-5 { padding-bottom: 3rem!important } .ps-xl-0 { padding-left: 0!important } .ps-xl-1 { padding-left: .25rem!important } .ps-xl-2 { padding-left: .5rem!important } .ps-xl-3 { padding-left: 1rem!important } .ps-xl-4 { padding-left: 1.5rem!important } .ps-xl-5 { padding-left: 3rem!important } .gap-xl-0 { gap: 0!important } .gap-xl-1 { gap: .25rem!important } .gap-xl-2 { gap: .5rem!important } .gap-xl-3 { gap: 1rem!important } .gap-xl-4 { gap: 1.5rem!important } .gap-xl-5 { gap: 3rem!important } .row-gap-xl-0 { row-gap: 0!important } .row-gap-xl-1 { row-gap: .25rem!important } .row-gap-xl-2 { row-gap: .5rem!important } .row-gap-xl-3 { row-gap: 1rem!important } .row-gap-xl-4 { row-gap: 1.5rem!important } .row-gap-xl-5 { row-gap: 3rem!important } .column-gap-xl-0 { -moz-column-gap: 0!important; column-gap: 0!important } .column-gap-xl-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important } .column-gap-xl-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important } .column-gap-xl-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important } .column-gap-xl-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important } .column-gap-xl-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important } .text-xl-start { text-align: left!important } .text-xl-end { text-align: right!important } .text-xl-center { text-align: center!important } } @media(min-width:1400px) { .float-xxl-start { float: left!important } .float-xxl-end { float: right!important } .float-xxl-none { float: none!important } .object-fit-xxl-contain { -o-object-fit: contain!important; object-fit: contain!important } .object-fit-xxl-cover { -o-object-fit: cover!important; object-fit: cover!important } .object-fit-xxl-fill { -o-object-fit: fill!important; object-fit: fill!important } .object-fit-xxl-scale { -o-object-fit: scale-down!important; object-fit: scale-down!important } .object-fit-xxl-none { -o-object-fit: none!important; object-fit: none!important } .d-xxl-inline { display: inline!important } .d-xxl-inline-block { display: inline-block!important } .d-xxl-block { display: block!important } .d-xxl-grid { display: grid!important } .d-xxl-inline-grid { display: inline-grid!important } .d-xxl-table { display: table!important } .d-xxl-table-row { display: table-row!important } .d-xxl-table-cell { display: table-cell!important } .d-xxl-flex { display: flex!important } .d-xxl-inline-flex { display: inline-flex!important } .d-xxl-none { display: none!important } .flex-xxl-fill { flex: 1 1 auto!important } .flex-xxl-row { flex-direction: row!important } .flex-xxl-column { flex-direction: column!important } .flex-xxl-row-reverse { flex-direction: row-reverse!important } .flex-xxl-column-reverse { flex-direction: column-reverse!important } .flex-xxl-grow-0 { flex-grow: 0!important } .flex-xxl-grow-1 { flex-grow: 1!important } .flex-xxl-shrink-0 { flex-shrink: 0!important } .flex-xxl-shrink-1 { flex-shrink: 1!important } .flex-xxl-wrap { flex-wrap: wrap!important } .flex-xxl-nowrap { flex-wrap: nowrap!important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse!important } .justify-content-xxl-start { justify-content: flex-start!important } .justify-content-xxl-end { justify-content: flex-end!important } .justify-content-xxl-center { justify-content: center!important } .justify-content-xxl-between { justify-content: space-between!important } .justify-content-xxl-around { justify-content: space-around!important } .justify-content-xxl-evenly { justify-content: space-evenly!important } .align-items-xxl-start { align-items: flex-start!important } .align-items-xxl-end { align-items: flex-end!important } .align-items-xxl-center { align-items: center!important } .align-items-xxl-baseline { align-items: baseline!important } .align-items-xxl-stretch { align-items: stretch!important } .align-content-xxl-start { align-content: flex-start!important } .align-content-xxl-end { align-content: flex-end!important } .align-content-xxl-center { align-content: center!important } .align-content-xxl-between { align-content: space-between!important } .align-content-xxl-around { align-content: space-around!important } .align-content-xxl-stretch { align-content: stretch!important } .align-self-xxl-auto { align-self: auto!important } .align-self-xxl-start { align-self: flex-start!important } .align-self-xxl-end { align-self: flex-end!important } .align-self-xxl-center { align-self: center!important } .align-self-xxl-baseline { align-self: baseline!important } .align-self-xxl-stretch { align-self: stretch!important } .order-xxl-first { order: -1!important } .order-xxl-0 { order: 0!important } .order-xxl-1 { order: 1!important } .order-xxl-2 { order: 2!important } .order-xxl-3 { order: 3!important } .order-xxl-4 { order: 4!important } .order-xxl-5 { order: 5!important } .order-xxl-last { order: 6!important } .m-xxl-0 { margin: 0!important } .m-xxl-1 { margin: .25rem!important } .m-xxl-2 { margin: .5rem!important } .m-xxl-3 { margin: 1rem!important } .m-xxl-4 { margin: 1.5rem!important } .m-xxl-5 { margin: 3rem!important } .m-xxl-auto { margin: auto!important } .mx-xxl-0 { margin-left: 0!important; margin-right: 0!important } .mx-xxl-1 { margin-left: .25rem!important; margin-right: .25rem!important } .mx-xxl-2 { margin-left: .5rem!important; margin-right: .5rem!important } .mx-xxl-3 { margin-left: 1rem!important; margin-right: 1rem!important } .mx-xxl-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important } .mx-xxl-5 { margin-left: 3rem!important; margin-right: 3rem!important } .mx-xxl-auto { margin-left: auto!important; margin-right: auto!important } .my-xxl-0 { margin-bottom: 0!important; margin-top: 0!important } .my-xxl-1 { margin-bottom: .25rem!important; margin-top: .25rem!important } .my-xxl-2 { margin-bottom: .5rem!important; margin-top: .5rem!important } .my-xxl-3 { margin-bottom: 1rem!important; margin-top: 1rem!important } .my-xxl-4 { margin-bottom: 1.5rem!important; margin-top: 1.5rem!important } .my-xxl-5 { margin-bottom: 3rem!important; margin-top: 3rem!important } .my-xxl-auto { margin-bottom: auto!important; margin-top: auto!important } .mt-xxl-0 { margin-top: 0!important } .mt-xxl-1 { margin-top: .25rem!important } .mt-xxl-2 { margin-top: .5rem!important } .mt-xxl-3 { margin-top: 1rem!important } .mt-xxl-4 { margin-top: 1.5rem!important } .mt-xxl-5 { margin-top: 3rem!important } .mt-xxl-auto { margin-top: auto!important } .me-xxl-0 { margin-right: 0!important } .me-xxl-1 { margin-right: .25rem!important } .me-xxl-2 { margin-right: .5rem!important } .me-xxl-3 { margin-right: 1rem!important } .me-xxl-4 { margin-right: 1.5rem!important } .me-xxl-5 { margin-right: 3rem!important } .me-xxl-auto { margin-right: auto!important } .mb-xxl-0 { margin-bottom: 0!important } .mb-xxl-1 { margin-bottom: .25rem!important } .mb-xxl-2 { margin-bottom: .5rem!important } .mb-xxl-3 { margin-bottom: 1rem!important } .mb-xxl-4 { margin-bottom: 1.5rem!important } .mb-xxl-5 { margin-bottom: 3rem!important } .mb-xxl-auto { margin-bottom: auto!important } .ms-xxl-0 { margin-left: 0!important } .ms-xxl-1 { margin-left: .25rem!important } .ms-xxl-2 { margin-left: .5rem!important } .ms-xxl-3 { margin-left: 1rem!important } .ms-xxl-4 { margin-left: 1.5rem!important } .ms-xxl-5 { margin-left: 3rem!important } .ms-xxl-auto { margin-left: auto!important } .p-xxl-0 { padding: 0!important } .p-xxl-1 { padding: .25rem!important } .p-xxl-2 { padding: .5rem!important } .p-xxl-3 { padding: 1rem!important } .p-xxl-4 { padding: 1.5rem!important } .p-xxl-5 { padding: 3rem!important } .px-xxl-0 { padding-left: 0!important; padding-right: 0!important } .px-xxl-1 { padding-left: .25rem!important; padding-right: .25rem!important } .px-xxl-2 { padding-left: .5rem!important; padding-right: .5rem!important } .px-xxl-3 { padding-left: 1rem!important; padding-right: 1rem!important } .px-xxl-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important } .px-xxl-5 { padding-left: 3rem!important; padding-right: 3rem!important } .py-xxl-0 { padding-bottom: 0!important; padding-top: 0!important } .py-xxl-1 { padding-bottom: .25rem!important; padding-top: .25rem!important } .py-xxl-2 { padding-bottom: .5rem!important; padding-top: .5rem!important } .py-xxl-3 { padding-bottom: 1rem!important; padding-top: 1rem!important } .py-xxl-4 { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important } .py-xxl-5 { padding-bottom: 3rem!important; padding-top: 3rem!important } .pt-xxl-0 { padding-top: 0!important } .pt-xxl-1 { padding-top: .25rem!important } .pt-xxl-2 { padding-top: .5rem!important } .pt-xxl-3 { padding-top: 1rem!important } .pt-xxl-4 { padding-top: 1.5rem!important } .pt-xxl-5 { padding-top: 3rem!important } .pe-xxl-0 { padding-right: 0!important } .pe-xxl-1 { padding-right: .25rem!important } .pe-xxl-2 { padding-right: .5rem!important } .pe-xxl-3 { padding-right: 1rem!important } .pe-xxl-4 { padding-right: 1.5rem!important } .pe-xxl-5 { padding-right: 3rem!important } .pb-xxl-0 { padding-bottom: 0!important } .pb-xxl-1 { padding-bottom: .25rem!important } .pb-xxl-2 { padding-bottom: .5rem!important } .pb-xxl-3 { padding-bottom: 1rem!important } .pb-xxl-4 { padding-bottom: 1.5rem!important } .pb-xxl-5 { padding-bottom: 3rem!important } .ps-xxl-0 { padding-left: 0!important } .ps-xxl-1 { padding-left: .25rem!important } .ps-xxl-2 { padding-left: .5rem!important } .ps-xxl-3 { padding-left: 1rem!important } .ps-xxl-4 { padding-left: 1.5rem!important } .ps-xxl-5 { padding-left: 3rem!important } .gap-xxl-0 { gap: 0!important } .gap-xxl-1 { gap: .25rem!important } .gap-xxl-2 { gap: .5rem!important } .gap-xxl-3 { gap: 1rem!important } .gap-xxl-4 { gap: 1.5rem!important } .gap-xxl-5 { gap: 3rem!important } .row-gap-xxl-0 { row-gap: 0!important } .row-gap-xxl-1 { row-gap: .25rem!important } .row-gap-xxl-2 { row-gap: .5rem!important } .row-gap-xxl-3 { row-gap: 1rem!important } .row-gap-xxl-4 { row-gap: 1.5rem!important } .row-gap-xxl-5 { row-gap: 3rem!important } .column-gap-xxl-0 { -moz-column-gap: 0!important; column-gap: 0!important } .column-gap-xxl-1 { -moz-column-gap: .25rem!important; column-gap: .25rem!important } .column-gap-xxl-2 { -moz-column-gap: .5rem!important; column-gap: .5rem!important } .column-gap-xxl-3 { -moz-column-gap: 1rem!important; column-gap: 1rem!important } .column-gap-xxl-4 { -moz-column-gap: 1.5rem!important; column-gap: 1.5rem!important } .column-gap-xxl-5 { -moz-column-gap: 3rem!important; column-gap: 3rem!important } .text-xxl-start { text-align: left!important } .text-xxl-end { text-align: right!important } .text-xxl-center { text-align: center!important } } @media(min-width:1200px) { .fs-1 { font-size: 2.5rem!important } .fs-2 { font-size: 2rem!important } .fs-3 { font-size: 1.75rem!important } .fs-4 { font-size: 1.5rem!important } } @media print { .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-grid { display: grid!important } .d-print-inline-grid { display: inline-grid!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: flex!important } .d-print-inline-flex { display: inline-flex!important } .d-print-none { display: none!important } } @font-face { font-display: swap; font-family: Material Icons; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular-2d8017489da689caedc1.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular-08cefa1bc6566a650da7.woff) format("woff")} .material-icons { display: inline-block; font-family: Material Icons, Arial, sans-serif; font-feature-settings: "liga"; font-size: 23px; font-style: normal; font-weight: 500; height: 1em; letter-spacing: normal; line-height: 1; text-transform: none; width: 1em; word-wrap: normal; direction: ltr; vertical-align: middle; /*! /* @noflip */ white-space: nowrap; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } body, html { min-height: 100%} body { color: var(--bs-body-color); direction: ltr; font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} ul { list-style: none; padding-left: 0} a:not(.alert-link) { text-decoration: none} a:not(.alert-link), a:not(.alert-link) .material-icons { transition: .25s ease-out} .custom-checkbox input[type=checkbox]+span.color, .variant-links .color, label .color { background-size: contain; border: 1px solid #ced4da; border-radius: 4px; cursor: pointer; display: inline-block; height: 1.5rem; margin: .3125rem .5rem .3125rem 0; transition: .25s ease-out; width: 1.5rem} .custom-checkbox input[type=checkbox]+span.color.color-sm, .variant-links .color.color-sm, label .color.color-sm { height: 1rem; width: 1rem} .custom-checkbox input[type=checkbox]+span.color.active, .custom-checkbox input[type=checkbox]+span.color:hover, .variant-links .color.active, .variant-links .color:hover, label .color.active, label .color:hover { border: 2px solid #0d6efd} .input-color { display: none} .bright { color: var(--bs-gray-100)} .dark { color: var(--bs-gray-800)} .inline-items { display: flex; flex-wrap: nowrap} @media(min-width:576px) { .container--limited-sm { max-width: 540px } .w-sm-auto { width: auto!important } .w-sm-100 { width: 100%!important } } @media(min-width:768px) { .container--limited-md { max-width: 720px } .w-md-auto { width: auto!important } .w-md-100 { width: 100%!important } } @media(min-width:992px) { .container--limited-lg { max-width: 960px } .w-lg-auto { width: auto!important } .w-lg-100 { width: 100%!important } } @media(min-width:1200px) { .container--limited-xl { max-width: 1140px } .w-xl-auto { width: auto!important } .w-xl-100 { width: 100%!important } } @media(min-width:1400px) { .container--limited-xxl { max-width: 1320px } .w-xxl-auto { width: auto!important } .w-xxl-100 { width: 100%!important } } .text-gray { color: var(--bs-gray-700)} .btn-with-icon { align-items: center; display: inline-flex; gap: .25rem; justify-content: center} .btn-with-icon .material-icons { font-size: 1.5rem; display: none; } .btn-group-sm>.btn-with-icon.btn, .btn-with-icon.btn-sm { gap: .125rem} .btn-group-sm>.btn-with-icon.btn .material-icons, .btn-with-icon.btn-sm .material-icons { font-size: 1.25rem} .btn-group-lg>.btn-with-icon.btn, .btn-with-icon.btn-lg { gap: .375rem} .btn-group-lg>.btn-with-icon.btn .material-icons, .btn-with-icon.btn-lg .material-icons { font-size: 1.875rem} .btn-unstyle { background-color: transparent; border: none; padding: 0; text-align: inherit} .btn-unstyle:focus { outline: 0} .btn-unstyle:focus .expand-more { color: var(--bs-primary)} .password-field .btn i { pointer-events: none} .carousel .caption-description p { color: var(--bs-white)} .breadcrumb { font-size: .835rem; padding: 1.15rem 0} .breadcrumb a { color: var(--bs-gray-800)} .breadcrumb[data-depth="1"] { display: none} .breadcrumb__wrapper { /* background: #fff; margin-bottom: 2rem*/} @media(max-width:767.98px) { .breadcrumb__wrapper { margin-bottom: 1rem } } .page-order .breadcrumb__wrapper { margin-bottom: 0} @media(max-width:767.98px) { .page-order .breadcrumb__wrapper { margin-bottom: 0 } .page-product .breadcrumb-item:last-child { display: none } } .product-miniature .card { height: 100%} .product-miniature .product-miniature__infos { display: flex; flex-direction: column; flex-grow: 1; padding: 0; position: relative; /*z-index: 90*/} .product-miniature .product-miniature__infos__bottom, .product-miniature .product-miniature__infos__top { background-color: var(--bs-white); padding: .25rem .5rem} .product-miniature .product-miniature__infos__top { height: 100%; } .product-miniature .product-miniature__infos__bottom { margin-top:5px} @media(max-width:767px) { .product-miniature .product-miniature__infos__bottom .quantity-button input { max-width: unset } } .product-miniature .product-miniature__title { margin: 0} .product-miniature .product-miniature__image { height: auto} .product-miniature .product-miniature__quickview { display: flex; margin: auto} .product-miniature .product-miniature__regular-price { text-decoration: line-through} .product-miniature .product-miniature__prices { display: flex} .product-flags { align-items: flex-start; display: flex; flex-wrap: wrap; left: 0; padding: .25rem; position: absolute; top: 0; z-index: 1} .badge { background-color: var(--bs-primary); margin: .25rem} @media(max-width:767.98px) { .badge { font-size: .75rem; padding: .25rem } } .badge.discount { background-color: var(--bs-white); border: 1px solid var(--bs-primary); color: var(--bs-primary)} .pagination { margin-bottom: 0} .pagination .page-link i { font-size: 1.25rem; height: auto; width: auto} .pagination-container { align-items: center; margin-bottom: 1rem; margin-top: 1rem} .rich-text { line-height: 1.5} .rich-text .h1, .rich-text .h2, .rich-text .h3, .rich-text .h4, .rich-text .h5, .rich-text .h6, .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 { color: var(--bs-gray-800); font-weight: 700} .rich-text .h1, .rich-text h1 { font-size: 2.5rem} .rich-text .h2, .rich-text h2 { font-size: 2rem; margin-bottom: 1rem; margin-top: 2rem} .rich-text .h3, .rich-text h3 { font-size: 1.75rem; margin-bottom: .75rem; margin-top: 1.75rem} .rich-text .h4, .rich-text h4 { font-size: 1.5rem; margin-bottom: .5rem; margin-top: 1.5rem} .rich-text .h5, .rich-text h5 { font-size: 1.25rem; margin-bottom: .25rem; margin-top: 1.25rem} .rich-text .h6, .rich-text h6 { font-size: 1rem; margin-bottom: 0; margin-top: 1rem} .rich-text>.h1:first-child, .rich-text>.h2:first-child, .rich-text>.h3:first-child, .rich-text>.h4:first-child, .rich-text>.h5:first-child, .rich-text>.h6:first-child, .rich-text>h1:first-child, .rich-text>h2:first-child, .rich-text>h3:first-child, .rich-text>h4:first-child, .rich-text>h5:first-child, .rich-text>h6:first-child { margin-top: 0} .rich-text p, .rich-text ul { font-size: 1rem} .rich-text ul { list-style: disc; padding-left: 1.2rem} .rich-text img { height: auto; max-width: 100%} .quantity-button input { text-align: center} .quantity-button button { } .quantity-button button.increment .confirmation { color: var(--bs-success)} .quantity-button button.decrement .confirmation { color: var(--bs-danger)} .quantity-button button:hover { opacity: .6} .quantity-button button:focus { box-shadow: none} .quantity-button button:disabled { opacity: 1} .quantity-button button .material-icons { font-size: 1.25rem; pointer-events: none} .quantity-button button .spinner-border { border-width: .125rem} @keyframes from-left { 0% { transform: translateX(-100%) } to { transform: translateX(0) } } @keyframes from-right { 0% { transform: translateX(100%) } to { transform: translateX(0) } } .main-menu__mobile { height: 100%; overflow-x: hidden; overflow-y: auto; position: relative} .main-menu__mobile .menu { display: none; left: 100%; max-width: 25rem; padding: .5rem; position: relative; transition: .25s ease-out; width: 100%} .main-menu__mobile .menu a, .main-menu__mobile .menu li:not(.h5) { color: var(--bs-gray-700)} .main-menu__mobile .menu a { display: block; padding: .5rem} .main-menu__mobile .menu .menu--current, .main-menu__mobile .menu.menu--current { display: block; left: 0} .main-menu__mobile .menu .menu--fromLeft, .main-menu__mobile .menu.menu--fromLeft { animation: from-left .25s} .main-menu__mobile .menu .menu--fromRight, .main-menu__mobile .menu.menu--fromRight { animation: from-right .25s} .main-menu__mobile .menu .menu--parent, .main-menu__mobile .menu.menu--parent { display: none; left: -100%; opacity: 0} .main-menu__mobile .menu--childrens { align-items: center; display: flex; justify-content: space-between} .main-menu__title { color: var(--bs-gray-800); font-size: 1.25rem; padding: 0 .5rem} .main-menu__offcanvas { overflow: hidden} .main-menu__offcanvas .contact-link { display: block; margin-bottom: 1rem} .main-menu__additionnals { flex-shrink: 0; padding-bottom: 0} .main-menu__tree { margin-bottom: 0} .main-menu__back-button .btn, .main-menu__tree { align-items: center; display: flex} .main-menu__back-button .btn .material-icons { margin-right: .5rem} .main-menu__toggle-child { padding: .5rem} .search-result { margin: .5rem 0} .search-result__product { margin: .25rem 0} .search-result__link { align-items: center; border-radius: 8px; display: flex; padding: .25rem .5rem} .search-result__link:hover { background: var(--bs-gray-100)} .search-result__name { color: var(--bs-gray-800); font-size: 1rem; margin-bottom: 0; margin-left: 1rem} .search-result__image { border-radius: 8px; height: auto; max-width: 4rem} .search__offcanvas { border-bottom: 0; bottom: inherit; height: auto} .search__offcanvas #search_widget { margin-bottom: 0} .search__offcanvas .offcanvas-header { padding: .375rem 1rem} .search__offcanvas .offcanvas-header .btn-close { background: none; color: var(--bs-gray-700); height: auto; margin: 0; width: auto} .search__container { width: calc(100% - .5rem)} .search-widgets { overflow: visible!important; position: relative} @media(max-width:767.98px) { .search-widgets { max-width: inherit } } .search-widgets__dropdown { background: var(--bs-white); border: 1px solid #ced4da; border-radius: var(--bs-border-radius-sm); box-shadow: 0 4px 8px rgba(0,0,0,.1); max-width: 100%; overflow: hidden; position: absolute; right: 0; /* top: calc(100% + 1rem);*/ width: 100vw} @media(max-width:767.98px) { .search-widgets__dropdown { border-radius: 0 0 8px 8px; left: -1rem; max-width: inherit; right: inherit; top: calc(100% + .25rem) } } .search-widgets__results { margin: 0; max-height: 20rem; overflow-y: scroll; padding: .5rem 1.5rem .5rem .5rem} .header__bottom #search_widget, .search__offcanvas #search_widget { min-width: 20rem; overflow: visible} @media(max-width:767.98px) { .header__bottom #search_widget, .search__offcanvas #search_widget { min-width: inherit } } .header__bottom #search_widget input, .search__offcanvas #search_widget input { background: var(--bs-gray-100); border-radius: 100rem; height: 2.5rem; padding-left: 1.5rem; padding-right: 3.5rem} .header__bottom #search_widget input:focus, .search__offcanvas #search_widget input:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); outline: 0} @media(max-width:767.98px) { .header__bottom #search_widget input, .search__offcanvas #search_widget input { font-size: .9rem } } .header__bottom #search_widget .search, .search__offcanvas #search_widget .search { color: var(--bs-gray-700); right: 1.5rem} .header__bottom #search_widget .clear, .search__offcanvas #search_widget .clear { color: var(--bs-gray-700); right: 3.5rem} .page-loader { --page-loader-background: hsla(0,0%,100%,.6); align-items: center; background: var(--page-loader-background); display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 999} .toast-container { z-index: 1030} .toast-container .toast .btn-close:focus { box-shadow: none} .alert ol:last-of-type, .alert p:last-of-type, .alert ul:last-of-type { margin-bottom: 0} .checkout__steps { border-bottom: 1px solid #e9ecef; border-top: 1px solid #e9ecef} .checkout__steps__number { align-items: center; background: var(--bs-gray-300); border-radius: 100%; color: var(--bs-white); display: flex; height: 1.5rem; justify-content: center; margin: auto; position: relative; width: 1.5rem; z-index: 1} .checkout__steps__item { position: relative} .checkout__steps__item:after, .checkout__steps__item:before { background: var(--bs-gray-300); content: ""; height: 2px; position: absolute; top: .75rem; width: 50%; z-index: 0} .checkout__steps__item:before { left: 0} .checkout__steps__item:after { right: 0} .checkout__steps__item:first-of-type:before, .checkout__steps__item:last-of-type:after { display: none} .checkout__steps__text { color: var(--bs-gray-300)} .checkout__steps--current .checkout__steps__number { background: var(--bs-gray-900)} .checkout__steps--current .checkout__steps__text { color: var(--bs-gray-900)} .checkout__steps--current:before, .checkout__steps--success .checkout__steps__number { background: var(--bs-success)} .checkout__steps--success .checkout__steps__text { color: var(--bs-success)} .checkout__steps--success:after, .checkout__steps--success:before { background: var(--bs-success)} .checkout__steps__list { margin: auto; max-width: 45rem; width: 100%} .checkout__steps__mobile { width: 100%} .checkout__steps .nav-tabs .checkout__steps--success .nav-link.active { color: var(--bs-success)} .checkout__steps .nav-tabs .checkout__steps--current .nav-link.active { color: var(--bs-gray-900)} .carrier__extra-content-wrapper { overflow: hidden; transition: max-height .5s ease-in-out} .progress-ring__circle { transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .35s} .progress-ring__background-circle { stroke: var(--bs-gray-200); transform: rotate(-90deg); transform-origin: 50% 50%} .product-customization-modal__line:not(:last-child) { margin-bottom: 1rem} @media(min-width:768px)and (max-width:991.98px) { .quickview .modal-dialog { max-width: 750px } } @media(min-width:576px)and (max-width:767.98px) { .quickview .modal-dialog { margin: 1.75rem; max-width: 100% } } .featured-products .featured-products-footer { padding-bottom: 2.5rem; padding-top: 1rem} #custom-text { padding: 2.5rem 1rem 0} .search-filters .search-filters-subtitle { width: auto!important} .search-filters .noUi-horizontal { margin-bottom: 1rem} .search-filters .noUi-horizontal .noUi-handle { align-items: center; display: flex; flex-wrap: wrap; justify-content: center} .search-filters .js-faceted-values { color: var(--bs-gray-600); font-size: .875rem} .search-filters .facet-dropdown { cursor: pointer} @media(min-width:576px) { .blockcart-modal .modal-dialog { max-width: 550px } } @media(min-width:768px) { .blockcart-modal .modal-dialog { max-width: 750px } } @media(min-width:992px) { .blockcart-modal .modal-dialog { max-width: 850px } } .blockcart-modal .modal-title { align-items: stretch; display: inline-flex; font-size: calc(1rem + .1vw)} .blockcart-modal .modal-title i { color: inherit; font-size: 1.25rem; line-height: 1.25} @media(min-width:1200px) { .blockcart-modal .modal-title { font-size: 1.25rem } .blockcart-modal .modal-title i { font-size: 1.5rem } } .blockcart-modal__total { display: flex; justify-content: space-between; margin-bottom: .5rem} .blockcart-modal__summery .product-tax, .blockcart-modal__summery .product-total { font-weight: 700} .blockcart-modal__product img { border-radius: 8px} @media(max-width:575.98px) { .blockcart-modal__product img { margin-bottom: 1rem } } @media(max-width:767.98px) { .blockcart-modal__product { border-bottom: 1px dotted rgba(0,0,0,.2); margin-bottom: 1rem; padding-bottom: 1rem } .user-info .dropdown-toggle:after { display: none } } .user-info button { align-items: center; color: var(--bs-gray-800); display: flex; text-decoration: none} @media(max-width:767.98px) { .user-info button { padding: .5rem .375rem } } .user-info button:after { background: url("data:image/svg+xml;charset=utf-8,%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"); background-position: 50%; border: none; height: .75rem; margin-left: .75rem; width: .75rem} .noUi-target, .noUi-target * { box-sizing: border-box; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: none} .noUi-base, .noUi-connects { height: 100%; position: relative; width: 100%; z-index: 1} .noUi-connects { border-radius: 8px; overflow: hidden; z-index: 0} .noUi-connect, .noUi-origin { height: 100%; position: absolute; right: 0; top: 0; transform-origin: 0 0; transform-style: preserve-3d; transform-style: flat; width: 100%; will-change: transform; z-index: 1} .noUi-connect { background: var(--bs-gray-700); height: 100%; width: 100%} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto} .noUi .noUi-vertical .noUi-origin { width: 0} .noUi-horizontal .noUi-origin { height: 0} .noUi-touch-area { height: 100%; width: 100%} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform .3s} .noUi-state-drag * { cursor: inherit!important} .noUi-horizontal { height: 4px; margin: 12px} .noUi-horizontal .noUi-handle { height: 24px; right: -12px; top: -10px; /*!/* @noflip */ width: 24px} .noUi-vertical { margin: 12px 0; width: 4px} .noUi-vertical .noUi-handle { height: 24px; right: -10px; top: -12px; width: 24px} .noUi-target { background: var(--bs-gray-200); border: 0 solid var(--bs-gray-300); border-radius: 8px; position: relative} .noUi-draggable { cursor: ew-resize} .noUi-vertical .noUi-draggable { cursor: ns-resize} .noUi-handle { backface-visibility: hidden; background: var(--bs-white); border: 1px solid var(--bs-gray-800); border-radius: 50%; cursor: default; outline: none; position: absolute} .noUi-active { background: var(--bs-primary)} [disabled] .noUi-connect { background: var(--bs-gray-200)} [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed} .noui-pips, .noui-pips * { box-sizing: border-box} .noui-pips { color: #999; position: absolute} .noui-value { position: absolute; text-align: center; white-space: nowrap} .noui-value-sub { color: #ccc; font-size: 10px} .noui-marker { background: #ccc; position: absolute} .noui-marker-large, .noui-marker-sub { background: #aaa} .noui-pips-horizontal { height: 80px; left: 0; padding: 10px 0; top: 100%; width: 100%} .noui-value-horizontal { transform: translate(-50%,50%)} .noui-value-horizontal-rtl .noui-value-horizontal { transform: translate(50%,50%)} .noui-marker-horizontal.noui-marker { height: 5px; margin-left: -1px; width: 2px} .noui-marker-horizontal.noui-marker-sub { height: 10px} .noui-marker-horizontal.noui-marker-large { height: 15px} .noui-pips-vertical { height: 100%; left: 100%; padding: 0 10px; top: 0} .noui-value-vertical { padding-left: 25px; transform: translateY(-50%)} .noui-value-vertical-rtl .noui-value-vertical { transform: translateY(50%)} .noui-marker-vertical.noui-marker { height: 2px; margin-top: -1px; width: 5px} .noui-marker-vertical.noui-marker-sub { width: 10px} .noui-marker-vertical.noui-marker-large { width: 15px} .noui-tooltip { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; color: #212529; display: block; font-size: 12px; font-weight: 600; padding: 1px 5px; position: absolute; text-align: center; white-space: nowrap} .noui-horizontal .noui-tooltip { bottom: 120%; left: 50%; transform: translate(-50%)} .noui-vertical .noui-tooltip { right: 120%; top: 50%; transform: translateY(-50%)} .noui-horizontal .noui-origin>.noui-tooltip { bottom: 10px; left: auto; transform: translate(50%)} .noui-vertical .noui-origin>.noui-tooltip { right: 28px; top: auto; transform: translateY(-18px)} .comments-note .grade-stars, .product-list-reviews .grade-stars, .product-quickview-review .grade-stars { align-items: stretch; display: flex; height: 28px} .comments-note .grade-stars.small-stars, .product-list-reviews .grade-stars.small-stars, .product-quickview-review .grade-stars.small-stars { height: 20px} .comments-note .grade-stars .star-content, .product-list-reviews .grade-stars .star-content, .product-quickview-review .grade-stars .star-content { margin: 0} .comments-note .average-grade, .comments-note .comments-nb, .comments-note .comments-number, .product-list-reviews .average-grade, .product-list-reviews .comments-nb, .product-list-reviews .comments-number, .product-quickview-review .average-grade, .product-quickview-review .comments-nb, .product-quickview-review .comments-number { align-self: center; color: var(--bs-gray-600); margin-left: .25rem} .star-content div.star, .star-content div.star-hover, .star-content div.star-on { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAUCAMAAADBcy/zAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlQTFRFAAAA4ODg4ODg/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg/8EH/8EH4ODg4ODg/8EH/8EH4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH/8EH/8EH4ODg4ODg/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH4ODg4ODg/8EH/8EH4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg/8EH/8EH4ODg4ODg/8EH/8EH4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH4ODg4ODg4ODg/8EH/8EH/8EHnPbQAAAAAHN0Uk5TABMNEw0M7eIHDO3iB4T/VYT/VeHL4ctcNFw0BQ7IogoFDsiiCkzb5vv418ZM2+b7+NfGhVuFWwSdfwMEnX8DfmB+YE327E327LSKtIoa/Rr9YbU4YbU4o+RHWfBro+RHWfBrgQ8ZmnaBDxmadgYRFAYRFJk0XO4AAAEiSURBVHicndHXUwIxEAbwWFCxrK6IHVRQwQb2goq999577+X/f/By3MZN7l70e0nmm99kMrtC/CtZ2d59Tq678+XlF3hZf2FRsassASj1wmWI5a4yAFDhhYOIlWZXBVaq3bYGrdRqVV19SOJwg0EbmyISR5upaAm1xuLgpC3W3uG83xnpSiTRSXeip1e+3wdG+jN4AI0MWuXQsG5HUhk8Oqbb8bRdT3A7+fvjKW6nqZ2ZJTqnDWR+gegiG8gS4WV9GiuEV1kZIGzsJUiY7WVN/Xjdx+2G+vGmX5Vb0m3be9nheFe6PXsv+6o8ADg8EuL4BOCU4zPE8wshLq8Qr1UZjt/cyvPuHh44jiYfn+T5/IKvqnx7p9tHiuPPL7p9p8Vf8wN1pik4Ji1U3wAAAABJRU5ErkJggg==)!important} .small-stars .star-content div.star, .small-stars .star-content div.star-hover, .small-stars .star-content div.star-on { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAMAAACr6TZoAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVNQTFRFAAAA4ODg4ODg/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH/8EH/8EH/8EH/8EH4ODg4ODg/8EH/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg/8EH4ODg4ODg4ODg/8EH/8EH/8EH4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH4ODg4ODg4ODg4ODg/8EH/8EH/8EH/8EH/8EH/8EHhHHDRgAAAHF0Uk5TAEc0PUcX6tEUFuroFW///lRY/2gE48sBA9XdAg0wP1WIdlAvDAwvP1N5g1JADcikAaPKRPbwPD7x9UMx38klKM0sH+LOEtPeGta9wvz3Bgn6CFj6uPszO7CmTY/hSgNb7F9lV07kiV0IEWMgYQ4KYC6Os+LAAAAA9klEQVR4nGNgIB4wMmEIMbOg8lnZ2DnQlHBycfOgCPDy8QugqREUEhJG5ouI8vGJiaMokZAUEpKShnJkZOXkFfiAQFFJTlkFLKSqpq6hKQQEWto6aroMDOJ6fEhAH2SYgaEQEjAyYGAwNkEoMTUDm2NugVBiaQUSsbaBKbG1g9pv7wBTIuUIEXFyhihxcUV43A2ixN0DJuIJUeOF5C1viBo3GF/GB6LG1w+uxD8AoiYgECoQxMcXrB8SyscXBlcTDpSOiAQqjIIKRPPFxMb5xSfwJcLVJAlxJUtIpKQKpUEFlNMzQFRmlhNcTXZOLojKyy9gIA4AAOyMI366eVG+AAAAAElFTkSuQmCC)!important} .modal.product-comment-modal { --bs-modal-padding: 1.5rem; --bs-modal-header-padding: 1.5rem} .modal.product-comment-modal .modal-dialog { width: auto} .modal.product-comment-modal .modal-header { padding: var(--bs-modal-header-padding); padding-bottom: calc(var(--bs-modal-header-padding)*.5)} .modal.product-comment-modal .modal-header .material-icons { color: var(--bs-primary); font-size: 1.5rem; line-height: 1} .modal.product-comment-modal .modal-header .material-icons.check { color: var(--bs-success)} .modal.product-comment-modal .modal-header .material-icons.error { color: var(--bs-danger)} .modal.product-comment-modal .modal-header .material-icons.feedback { color: var(--bs-warning)} .modal.product-comment-modal .modal-body { padding: var(--bs-modal-padding); padding-block: calc(var(--bs-modal-header-padding)*.5)} .modal.product-comment-modal .modal-footer { padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)} .comments-note { align-items: center; margin-left: -120px; display: flex} .product-miniature:not(.reviews-loaded) .product-list-reviews { min-height: 2.5rem} .product-miniature .product-list-reviews { display: flex; inset: auto; justify-content: start; position: static} .product-miniature .product-list-reviews .comments-nb { margin: 0} .product-quickview-review { align-items: center; inset: auto; justify-content: start; padding: 0 0 1rem; position: static} .product-quickview-review .grade-stars { height: 20px} .page-product .product-comments-additional-info { align-items: center; display: flex; flex: 0 0 0; gap: 1.5rem; margin: 1rem 0 0} .page-product .product-comments-additional-info .comments-note { margin: 0} .page-product .product-comments-additional-info .additional-links { align-items: center; display: flex; gap: 1rem; width: 100%} .page-product .product-comments-additional-info .additional-links .link-comment { align-items: center; border: none; display: flex; gap: .25rem; margin-inline: 0; padding-inline: 0} .page-product .product-comments-additional-info .additional-links .link-comment:hover { text-decoration: none} .page-product .product-comments-additional-info .additional-links .link-comment:hover .material-icons { color: var(--bs-body-color)} .page-product .product-comments-additional-info .additional-links .link-comment .material-icons { color: var(--bs-gray-600); font-size: 1.25rem} .page-product #product-comments-list-header { align-items: center; flex-wrap: wrap; gap: 1rem; justify-content: normal; margin: 0 0 1rem; padding: 1rem 0 0} .page-product #product-comments-list-header .section-title { margin-block: 0} .page-product #product-comments-list-header .comments-nb { font-size: 1.25rem; font-weight: 600; padding: 0} .page-product #empty-product-comment { text-align: left} .page-product .product-comment-list-item { background-color: transparent; margin: 0; padding: 0} .page-product #product-comments-list-footer { min-height: auto} .page-product #product-comments-list-pagination { height: auto; inset: initial; position: static} .page-product #product-comments-list-pagination .pagination { align-items: center; flex-wrap: wrap; gap: .25rem; margin: 1.5rem 0} .page-product #product-comments-list-pagination .pagination-container { align-items: center; margin-block: 1rem} .page-product #product-comments-list-pagination .pagination-number { color: var(--bs-gray-600)} .page-product #product-comments-list-pagination .pagination .page-item.active { font-weight: 600} .page-product #product-comments-list-pagination .pagination .page-item.active .page-link { background-color: transparent; color: var(--bs-primary); font-weight: 600} .page-product #product-comments-list-pagination .pagination .page-item.disabled .page-link { color: var(--bs-gray-600); opacity: .65} .page-product #product-comments-list-pagination .pagination .page-link { border-color: transparent; color: var(--bs-body-color); padding: .25rem .5rem} .page-product #product-comments-list-pagination .pagination .page-link:hover { background-color: transparent} .page-product #product-comments-list-pagination .pagination .page-link i { font-size: 1.25rem; height: auto; line-height: 1.5rem; width: auto} .page-product #product-comments-list-pagination .pagination .page-link.next, .page-product #product-comments-list-pagination .pagination .page-link.previous { color: var(--bs-body-color)} .page-product #product-comments-list-pagination .pagination .page-link.next:hover, .page-product #product-comments-list-pagination .pagination .page-link.previous:hover { color: var(--bs-primary)} .page-product #product-comments-list-pagination .pagination .page-link.disabled { opacity: 1} @media(min-width:360px) { .page-product #product-comments-list-pagination .pagination { gap: .5rem } } .page-product #post-product-comment-modal .product__cover, .page-product #post-product-comment-modal .product__cover img { height: auto; width: auto} .page-product #post-product-comment-modal .product__title { font-size: 1rem; font-weight: 600; margin-bottom: .5rem} .page-product #post-product-comment-modal #criterions_list .criterion-rating { display: block; justify-content: flex-start} .page-product #post-product-comment-modal #criterions_list .criterion-rating label { display: block; font-size: inherit; font-weight: 600; margin-bottom: .5rem} .page-product #post-product-comment-modal #criterions_list .criterion-rating .star-content { margin-left: 0} .page-product #post-product-comment-modal #criterions_list #ratingNotChosen { color: var(--bs-danger); font-size: .875rem; text-align: left} .page-product #post-product-comment-modal .required { color: var(--bs-danger)} .page-product #product-comments-list .comment { background-color: transparent; border-bottom: 1px solid var(--bs-gray-200); margin: 0; padding: 1rem 0} .page-product #product-comments-list .comment-top { align-items: center; display: flex; font-size: .875rem; gap: 1rem; justify-content: space-between; margin-bottom: .25rem} .page-product #product-comments-list .comment-author { color: var(--bs-body-color)} .page-product #product-comments-list .comment-date { color: var(--bs-gray-600)} .page-product #product-comments-list .comment-title { color: var(--bs-body-color); font-size: 1rem; font-weight: 600; margin: .125rem 0 0} .page-product #product-comments-list .comment-text { font-size: 1rem; letter-spacing: normal; line-height: 1.5; margin: 0 0 1rem} .page-product #product-comments-list .comment-infos { align-items: center; display: flex; flex-wrap: wrap; gap: .25rem; height: auto; margin-bottom: 1rem; min-height: inherit} .page-product #product-comments-list .comment-infos .grade-stars { margin: 0 0 0 -.25rem} .page-product #product-comments-list .comment-infos .grade-stars .star-content { margin: 0; top: 0} .page-product #product-comments-list .comment-buttons { align-items: center; display: flex; gap: 1rem} .page-product #product-comments-list .comment-buttons a { color: var(--bs-gray-600)} .page-product #product-comments-list .comment-buttons a:hover { color: var(--bs-body-color); cursor: pointer} .header { --header-bg: #131920; --header-top-bg:#131920; --header-color: var(--bs-gray-800); --header-top-color: var(--bs-gray-800); background-color: var(--header-bg); max-width: 100vw; position: sticky; top: 0; width: 100%; } .header a:not(.dropdown-item):not(.btn) { color: #fff; text-decoration: none !important;)} .header a:not(.dropdown-item):not(.btn):hover, .header a:not(.dropdown-item):not(.btn):hover i { color: var(--bs-primary)} .header-top { background-color: var(--header-top-bg); display: none; } .header-top a { color: var(--header-top-color)} .header-top__right { flex-wrap: nowrap; justify-content: center} .header-top__left, .header-top__right { align-items: center; display: flex; flex-wrap: nowrap; order:3; font-weight: 600; } .header-top .form-select { background-color: var(--header-top-bg); background-position: right .12rem center; border: none; padding-right: 1.5rem} .header-top .form-select option { text-align: right} .header-top-desktop { padding: .25rem 0} @media(max-width:575.98px) { .header-top .container { padding: 0 } } @media(min-width:768px) { .header-bottom__row { min-height: 4rem } } .header-bottom__h1 { font-size: unset} .footer .title[aria-expanded=true] .material-icons.add { display: none} .footer .title[aria-expanded=false] .material-icons.add, .footer .title[aria-expanded=true] .material-icons.remove { display: inline-block} .footer .title[aria-expanded=false] .material-icons.remove { display: none} @media(min-width:768px) { .footer .collapse { display: block } } .footer .copyright { margin-bottom: 0; text-align: center} @media(min-width:768px) { .footer .footer__block { margin-bottom: 2.5rem } } @media(max-width:767.98px) { .footer .footer__block { margin-bottom: 1rem } } .footer .footer__block__toggle { align-items: center; display: flex; justify-content: space-between} .footer .footer__block__toggle i { color: var(--bs-white); transition: transform .25s ease-in-out} .footer .footer__block__toggle:not(.collapsed) i { transform: rotate(180deg)} #left-column { --left-block-title-color: #343a40; --left-block-title-size: 1.5rem; --left-block-title-spacing: 1rem; --left-block-subtitle-color: #343a40; --left-block-subtitle-size: 1rem; --left-block-subtitle-spacing: 0.25rem; --left-block-border-bottom: 1px solid #e9ecef} .left-block { border-bottom: var(--left-block-border-bottom); margin-bottom: 2rem; padding-bottom: 1rem} .left-block__title { border: none; font-size: var(--left-block-title-size); font-weight: 600; margin-bottom: var(--left-block-title-spacing); padding: 0} .left-block__title__link { color: var(--left-block-link-color)} .left-block__title__link:hover { color: var(--bs-primary)} .left-block__content--list { margin-bottom: 0} .left-block__link { color: var(--left-block-subtitle-color); display: block; font-size: var(--left-block-subtitle-size); font-weight: 600; padding: var(--left-block-subtitle-spacing) 0} .left-block__link:hover { color: var(--bs-primary)} .thumbnails__container { margin-top: 1rem} .thumbnails__container .thumbnail:not(:last-child) { margin-bottom: .75rem} #pagenotfound .wrapper { padding-top: 3rem} .carousel .carousel-inner { height: 100%} .carousel .carousel-item { align-items: center; height: 100%; justify-content: center} .carousel .carousel-item img { height: var(--slider-img-height); -o-object-fit: cover; object-fit: cover; } .carousel .carousel-content { width: 100%} .carousel .carousel-content p { color: var(--slider-text-color)} .carousel .carousel-content .h2, .carousel .carousel-content h2 { font-weight: var(--slider-title-weight)} .carousel .carousel-content .h3, .carousel .carousel-content h3 { font-weight: var(--slider-subtitle-weight)} .carousel .carousel-indicators button { background-color: var(--bs-white); border: 0; border-radius: 1000rem; height: 10px; width: 10px} .carousel .carousel-indicators button.active { background-color: var(--bs-primary)} .carousel .carousel-link { align-items: center; display: flex; height: 100%; width: 100%} .carousel .carousel-caption { bottom: inherit; max-width: 1120px; text-align: left; top: 50%; transform: translateY(-50%)} .carousel .carousel-caption .caption-description { max-width: 20rem} .carousel .carousel-caption .caption-description .h3, .carousel .carousel-caption .caption-description h3 { font-size: 1.25rem; margin: 1rem 0} .carousel .carousel-caption .caption-description p { font-size: 1rem} .carousel .carousel-caption .h2, .carousel .carousel-caption h2 { font-size: 3rem} .carousel .carousel-control-next, .carousel .carousel-control-prev { background: var(--slider-control-bg); height: 3.6rem; top: 50%; transform: translateY(-50%)} .carousel .carousel-control-prev { left: 0} .carousel .carousel-control-next { right: 0} .currency-selector { align-items: center; display: flex} .currency-selector>span { margin-right: .5rem} @media(max-width:767.98px) { .currency-selector__wrapper { margin-bottom: 1rem } } #_mobile_currency_selector:empty { display: none} @media(max-width:767.98px) { .language-selector__wrapper { margin-bottom: 1rem } } .language-selector__wrapper select { cursor: pointer} .section-title { color: #0f1111; font-size: 1.4rem; font-weight: 600; text-rendering: optimizelegibility; margin: 2.0rem 0} .breadcrumb { margin: 0} .category-tree .accordion { --bs-accordion-bg: transparent; --bs-accordion-btn-bg: transparent; --bs-accordion-active-bg: transparent} .category-tree__child { border: none; padding: 0} .category-tree__child .category-tree__list { display: flex; flex-direction: column; row-gap: .5rem} .category-tree__child .category-tree__list[data-depth="0"]>.category-tree__item>.category-tree__item__header .category-tree__item__link { font-weight: 600} .category-tree__child .category-tree__list[data-depth="1"], .category-tree__child .category-tree__list[data-depth="2"], .category-tree__child .category-tree__list[data-depth="3"], .category-tree__child .category-tree__list[data-depth="4"] { padding-left: .5rem} .category-tree__title__link { color: var(--bs-body-color)} .category-tree__item { transition: all .2s ease-in-out} .category-tree__item.active>.category-tree__item__header.parent .category-tree__item__link { color: var(--bs-primary)} .category-tree__item__link { color: var(--bs-body-color)} .category-tree__item__link:hover { color: var(--bs-primary)} .category-tree__item__header.split { display: flex; padding: .25rem 0} .category-tree__item__header.split .accordion-button { margin: -.25rem -.5rem -.25rem auto} .category-tree__item__header.nosplit { display: flex; padding: .25rem 0} .category-tree__item__header .category-tree__item__link { flex-grow: 1} .accordion--category { margin-bottom: 0} .accordion--category .accordion-item { border: none} .accordion--category .accordion-body { margin: 0; padding: .5rem 0 0} .accordion--category .accordion-button { cursor: pointer; font-size: 1rem; font-weight: 700; padding: .25rem .5rem; width: auto} .search-filters .search-filters-title { color: var(--left-block-title-color); font-size: var(--left-block-title-size); font-weight: 600} .search-filters .search-filters-subtitle { font-weight: 600} .search-filters .search-filters-link, .search-filters .search-filters-subtitle { color: var(--left-block-subtitle-color); font-size: var(--left-block-subtitle-size)} .search-filters .search-filters-link { font-weight: 300} .search-filters .search-filters-label { margin: .25rem 0} .search-filters#search-filters .facet .facet-label .custom-checkbox, .search-filters#search-filters .facet .facet-label .custom-radio { top: -3px} .block-category #category-description { color: var(--bs-gray-800); font-size: 1rem} .subcategory { align-items: center; border: 1px solid #ced4da; border-radius: 4px; display: flex; height: 100%; padding: .5rem} .subcategory__wrapper { margin-bottom: 1rem} .subcategory__image { flex-shrink: 0; visibility: hidden !important; width: 4rem} .subcategory__name { color: var(--bs-gray-800); font-size: 1rem; margin-bottom: 0; margin-left: 1rem} @media(max-width:767.98px) { .subcategory { flex-direction: column; text-align: center } .subcategory__name { margin-bottom: 0; margin-left: 0 } .subcategory__image { margin-bottom: 1rem } } .layout-left-column #left-column { padding-right: 3rem} .layout-full-width #js-product-list-top, .layout-left-column #js-product-list-top { scroll-margin: 120px} .layout-full-width .products-selection, .layout-left-column .products-selection { margin-bottom: 1.25rem} .layout-full-width .products-selection .select-title, .layout-left-column .products-selection .select-title { align-items: center; border: 1px solid #dee2e6; display: flex; justify-content: space-between; padding: .75rem 1.25rem; text-align: left; width: 95%} .layout-full-width .products-selections-filters, .layout-left-column .products-selections-filters { align-items: center} .layout-full-width .products-selection .total-products p, .layout-left-column .products-selection .total-products p { margin-bottom: 0} .layout-full-width .products-selection .sort-by-row, .layout-left-column .products-selection .sort-by-row { align-items: center} .pagination--custom { margin: 3rem 0} .pagination--custom-number { color: var(--bs-gray-600); font-size: 1rem} @media(max-width:575.98px) { .pagination--custom { margin-bottom: 3.5rem; position: relative } .pagination--custom .page-item:nth-child(2) .page-link { border-bottom-left-radius: var(--bs-pagination-border-radius); border-top-left-radius: var(--bs-pagination-border-radius) } .pagination--custom .page-item:nth-last-child(2) .page-link { border-bottom-right-radius: var(--bs-pagination-border-radius); border-top-right-radius: var(--bs-pagination-border-radius) } .pagination--custom .page-item.disabled .page-link { padding-inline: .375rem } .pagination--custom .page-item:has(.next), .pagination--custom .page-item:has(.previous) { position: absolute; top: calc(100% + .5rem); transform-origin: center } .pagination--custom .page-item:has(.previous) { left: 50%; transform: translateX(calc(-100% - .25rem)) } .pagination--custom .page-item:has(.next) { right: 50%; transform: translateX(calc(100% + .25rem)) } .pagination--custom .page-link { padding-inline: .625rem } .pagination--custom .page-link.next, .pagination--custom .page-link.previous { border-radius: 50%; padding: .5rem } } .account-menu { display: flex; flex-direction: column} .account-menu>a { border-radius: 4px; display: block; padding: .4rem .5rem; width: 100%} .account-menu>a.active, .account-menu>a:hover { background: #fbfcfc} .account-menu>a.active .link-item, .account-menu>a.active .link-item i, .account-menu>a:hover .link-item, .account-menu>a:hover .link-item i { color: var(--bs-primary)} .account-menu>a.account-menu--signout .link-item, .account-menu>a.account-menu--signout .link-item i { color: #111;} .account-menu .link-item { align-items: center; color: var(--bs-gray-800); display: flex; flex-wrap: nowrap; transition: all .25s ease-out} .account-menu .link-item i { margin-right: .75rem} .account-menu__back { display: block; margin-bottom: 1rem} .customer-link a, .customer-link__link { display: block} .customer-link a span, .customer-link__link span { background: transparent; border-radius: var(--bs-border-radius-sm); color: var(--bs-gray-800); display: flex; flex-direction: column; font-size: 1rem; font-weight: 500; padding: 1.25rem 1rem; border:1px solid #e7e6e6; transition: .25s ease-out} .customer-link a span:hover, .customer-link__link span:hover { background: var(--bs-primary); color: var(--bs-white)} .customer-link a span:hover i, .customer-link__link span:hover i { color: var(--bs-white)} @media(max-width:767.98px) { .customer-link a span, .customer-link__link span { align-items: center; flex-direction: row; padding: .5rem } } .customer-link a span i, .customer-link__link span i { color: var(--bs-gray-700); font-size: 2rem; margin-bottom: .75rem; transition: .25s ease-out} @media(max-width:767.98px) { .customer-link a span i, .customer-link__link span i { margin-bottom: 0; margin-right: .75rem } } .customer-link__logout { align-items: center; display: flex; justify-content: center; margin-top: 2rem} .customer-link__logout, .customer-link__logout i { color: var(--bs-danger)} .cart-overview:focus-visible { outline: 0} .cart-summary { padding: 1rem} .cart-summary .card-footer { padding: 1rem 0 0} .cart-summary, .cart-summary .card-footer { background-color: #fefefe; border-radius: 0px; } .cart-summary__container .card-footer, .cart-summary__container .card-header { background-color: var(--bs-white)} .cart-summary__container .card-footer i, .cart-summary__container .card-header i { color: inherit} .cart-summary__products { border-bottom: 1px solid var(--bs-gray-200); margin-bottom: .75rem} .cart-summary__products>p { margin-bottom: 0; padding: 1rem 0} .cart-summary__products>p:first-of-type { border-bottom: 1px solid var(--bs-gray-200); padding-top: .5rem} .cart-summary__products .cart-summary__product__current { margin-bottom: .5rem} .cart-summary__products .cart-summary__product__body .label, .cart-summary__products .cart-summary__product__body .value { color: var(--bs-gray-800); font-size: 1rem; font-weight: 400} .cart-summary__products .cart-summary__product__body .product-line-info { margin: .5rem 0} .cart-summary__products .cart-summary__product__body .product-name a { color: var(--bs-gray-800); font-weight: 600} .cart-summary__products .cart-summary__product__body .product-name a:hover { opacity: .6} .cart-summary__show { font-weight: 500} .cart-summary__show i { color: var(--bs-primary)} .cart-summary__show span { vertical-align: middle} .cart-summary__show:hover { opacity: .6} .cart-summary__totals { border-top: 1px solid var(--bs-gray-200); margin-top: .75rem; padding-top: 1rem} .cart-summary__totals span { font-weight: 500; font-size:1.3rem; } .cart-summary__line, .cart-summary__total { align-items: center; display: flex; justify-content: space-between; padding: .5rem 0} .cart-summary__line span, .cart-summary__total span { } .cart-summary__line span.value, .cart-summary__total span.value { color: var(--bs-gray-800)} .cart-detailed__actions { padding-top: 0} .cart-detailed__actions .btn-primary { display: flex; justify-content: center} .cart__item .product-line__title { align-self: start; color: #1a1a1a; font-weight: 400; font-size: 16px; font-family: 'Roboto', sans-serif !important; width: 100%} .cart__item .product-line__image img { border-radius: 0px} .cart__item .product-line__item { display: block; margin-bottom: .7rem} .cart__item .product-line__current span { font-weight: 600; font-family: 'Roboto', Arial, sans-serif !important; } .cart__item .product-line__regular { color: var(--bs-gray-600); text-decoration: line-through} .cart__item .product-line__basic .badge { padding: .25rem} .cart__item .product-line__actions a { display: inline-block; margin-left: -.5rem; padding: .5rem} .cart__item .product-line__actions a:after { background: var(--bs-primary); content: ""; display: block; height: 1px; transition: .25s ease-out; width: 100%} .cart__item .product-line__actions a:hover:after { opacity: 0} .cart__item .product-line hr { margin-top: .75rem} .order-confirmation__details .order-details { margin-bottom: 0} .order-confirmation__details .order-details li { margin-bottom: .25rem} .order-confirmation__items>.row:not(:last-child), .order-confirmation__subtotals>.row:not(:last-child), .order-confirmation__totals>.row:not(:last-child) { margin-bottom: 1rem} .order-confirmation__items .item .item__prices div { color: var(--bs-gray-800); font-weight: 500} .order-confirmation__items .item .item__reference { margin-bottom: 0} .order-confirmation__items .item .item__title { color: var(--bs-gray-800); font-weight: 600; margin-bottom: 0} .order-confirmation__items .item .item__image { text-align: center} .order-confirmation__items .item .item__image img { border-radius: 8px} .brand { text-align: center} .brand .brand__link { color: var(--bs-gray-800); font-size: 1rem} .brand p { margin: 0} .brand .brand__infos { margin-top: .5rem} .brand .brand__products a { font-size: .85rem} .store { margin-bottom: 1.5rem} .store .card { border: 1px solid #ced4da; height: 100%} .store .card-body, .store .card-footer { border: 1px solid #ced4da; padding: 1.5rem} .store .store__contacts { margin-bottom: 0} .store .store__contacts li:not(:last-child) { margin-bottom: .3rem} .store .store__contacts i { margin-right: .4rem} .store img { border-radius: var(--bs-border-radius-sm); margin-bottom: 1.5rem} .store address { line-height: 2rem} .store table ul { margin: 0} .store table td, .store table th { line-height: 1.75rem} .store table th { padding-right: 1.6rem} .sitemap ul a { color: var(--bs-gray-800); display: block; padding: .2rem 0} .sitemap .h2, .sitemap h2 { margin-bottom: 1rem} .sitemap li>ul { margin-left: 1rem} .sitemap li>ul a { color: var(--bs-gray-700)} .address { background: #fefefe; border: 1px solid #e9ecef} .address__content { font-size: 1rem; font-style: normal; font-weight: 400; margin: 0} .address__alias, .address__content { color: var(--bs-gray-800); line-height: 1.5rem} .address__alias { font-weight: 600; margin-bottom: 1rem} .address .card-footer { background: none; padding: 0 .5rem} .address__delete, .address__edit { color: var(--bs-gray-800); display: inline-block; padding: 1rem .5rem; text-decoration: underline} .address__delete { color: var(--bs-danger)} .table-wrapper { background: #fefefe; border-radius: .5rem; padding: 0 1rem} .table-wrapper table { border-color: var(--bs-gray-200)} .table-wrapper table>:not(:first-child) { border-top: none} .table-wrapper table tbody td, .table-wrapper table tbody th { box-shadow: none; color: var(--bs-body-color); font-weight: 400; vertical-align: middle} .table-wrapper .order-products tfoot td, .table-wrapper .order-return tfoot td, .table-wrapper table tbody tr:last-child, .table-wrapper table tbody tr:last-child td, .table-wrapper table tbody tr:last-child th { border-bottom-width: 0} .table-wrapper .order-products tfoot tr:first-child td, .table-wrapper .order-return tfoot tr:first-child td { border-top: 1px solid #e9ecef} .product-miniature { margin-bottom: 1.25rem} .product-miniature .card { transition: .25s ease-out} .product-miniature .card:hover { /* filter: drop-shadow(0 4px 8px rgba(0,0,0,.1))*/} .product-miniature:hover .product-miniature__quickview { transform: translateY(-100%)} .product-miniature .product-miniature__image-container { border-radius: 8px; overflow: hidden; position: relative; transition: .25s ease-out} .product-miniature .product-miniature__image { transition: .25s ease-out} .product-miniature .product-miniature__link { display: block; position: relative} .product-miniature .product-miniature__link:hover .product-miniature__image { transform: scale(1.1)} .product-miniature .product-miniature__link:hover .product-miniature__image-container { border-bottom-left-radius: 0; border-bottom-right-radius: 0} .product-miniature .product-miniature__title { font-size: 14px; color:#191919; margin-top:5px; font-family: 'Roboto', Arial, sans-serif !important; margin-bottom: 0} .product-miniature .product-miniature__regular-price { color: var(--bs-gray-700); font-size: 12px; margin-left: 4px; } .product-miniature .product-miniature__price { font-weight: 600} .product-miniature .product-miniature__quickview { background-color: var(--bs-white); padding: .5rem; position: absolute; top: 0; transition: .25s ease-out; width: 100%; z-index: -1} @media(hover:none)and (pointer:coarse) { .product-miniature .product-miniature__quickview { display: none } } .product-miniature .product-miniature__quickview_button { align-items: center; border: 0; display: flex; font-size: 1rem; justify-content: center; padding: .5rem; text-decoration: none; width: 100%} .product-miniature .product-miniature__quickview_button .material-icons { font-size: 1.25rem; margin-right: .25rem} .product-miniature .product-miniature__quickview_touch { align-items: center; background-color: #fff; border: none; border-radius: 50%; bottom: .635rem; box-shadow: .125rem -.125rem .25rem 0 rgba(0,0,0,.2); display: none; height: 2.5rem; justify-content: center; min-width: 2.5rem; position: absolute; right: .635rem; width: 2.5rem; z-index: 10} @media(hover:none)and (pointer:coarse) { .product-miniature .product-miniature__quickview_touch { display: flex } } .product-miniature .product-miniature__variants .variant-links { display: flex; flex-wrap: wrap; gap: .5rem} .product-miniature .product-miniature__variants .variant-links>a { flex-shrink: 0; margin: 0} .search-filters-modules { border-bottom: var(--left-block-border-bottom); margin-bottom: 2rem; padding-bottom: 1rem} .search-filters-modules-title { color: var(--left-block-title-color); font-size: var(--left-block-title-size); font-weight: 600} .search-filters-modules__list { margin-bottom: 0} .search-filters-modules__item__link { color: var(--left-block-title-color); display: block; font-weight: 600; line-height: 2rem} .mailalerts-account-line { border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius-xl); padding: 1rem} .mailalerts-account-line__product { min-height: 54px} .mailalerts-account-line__product__name { color: var(--bs-body-color); font-size: .875rem; font-weight: 600} .mailalerts-account-line__product__attributes { color: var(--bs-body-color); font-size: .75rem} .mailalerts-account-line__remove { color: var(--bs-black); position: absolute; right: 0; top: 0} .header-block { position: relative} .header-block__action-btn { --header-block-spacing-x: 0.25rem; --header-block-spacing-y: 0.75rem; align-items: center; border-radius: 4px; display: inline-flex; /* flex-direction:column;*/ flex-wrap: nowrap; margin-right: 2px; padding: var(--header-block-spacing-y) var(--header-block-spacing-x)} .header-block__action-btn, .header-block__action-btn:focus, .header-block__action-btn:hover { color:#fff;} @media(min-width:768px) { .header-block__action-btn { --header-block-spacing-x: 10px; --header-block-spacing-y: 10px } .header-block__icon { margin-right: 5px; } } .header-block__badge { background: var(--bs-primary); border-radius: 50rem; color: #111; display: inline-block; font-size: .6rem; font-weight: 600; height: 1.8em; line-height: 1.8; min-width: 1.8em; padding: 0 .2em; position: static; right: 0; text-align: center; top: .4em} @media(min-width:768px) { .header-block__badge { background:none; color:#ec8022; font-size: 14px; height: 1.3em; line-height: 1.3; margin-left: -19px; margin-top: -16px; min-width: 1.3em; font-family: 'Roboto', Arial, sans-serif !important; position: static } } @media(max-width:767px) { .header-block__badge { background:none; color:#ec8022; font-size: 14px; height: 1.3em; line-height: 1.3; margin-left: -13px; margin-top: 2px; min-width: 1.5em; position: absolute; } } /*.header-block__badge{background:var(--bs-primary);border-radius:50rem;color:var(--bs-white);display:inline-block;font-size:.6rem;font-weight:600;height:1.8em;line-height:1.8;min-width:1.8em;padding:0 .2em;position:absolute;right:0;text-align:center;top:.4em} @media(min-width:768px){.header-block__badge{background:var(--bs-gray-100);color:inherit;font-size:inherit;height:1.6em;line-height:1.6;margin-left:.4em;min-width:1.6em;position:static}} */ @media(min-width:992px) { .header-block--active .header-block, .header-block--active .header-block__icon .header-block__badge{ color: var(--bs-primary) } } .all-product-link.btn i { color: var(--bs-primary)} .all-product-link.btn:focus i, .all-product-link.btn:focus-visible i, .all-product-link.btn:hover i { color: var(--bs-white)} .contact-form .form-footer { display: flex; justify-content: flex-end; padding-top: .5rem} .contact__item { display: flex; padding-bottom: 1rem} .contact__item:not(:first-of-type) { padding-top: 1rem} .contact__info--email { word-break: break-all} .contact__details hr { margin: 0} .contact__details i { color: var(--bs-gray-600); margin-right: 1.25rem} .contact__details .contact__title { margin-bottom: 1.5rem} .email-subscription { background-color: var(--bs-gray-100); padding: 2.5rem 1rem} .email-subscription .email-subscription__content { margin: auto; max-width: 56.625rem} .email-subscription .email-subscription__content__infos { margin-top: .25rem} .email-subscription .email-subscription__content__infos p { margin: 0} .email-subscription .email-subscription__content__inputs { align-items: center; display: flex} .email-subscription .email-subscription__content__inputs input[type=email] { border: 1px solid var(--bs-gray-300); color: var(--bs-gray-300); margin-right: .5rem} .email-subscription .email-subscription__content__inputs .btn-primary { color: var(--bs-white); text-transform: inherit} .email-subscription .email-subscription__label { color: var(--bs-gray-800); font-size: 1.25rem; line-height: 1.75rem} .blockreassurance_product p, .blockreassurance_product span { display: block; line-height: 1.5rem} .social-sharing { align-items: center; display: flex} .social-sharing>span { display: inline-block; margin-right: .5rem} .social-sharing ul { align-items: center; display: flex; margin: 0} .social-sharing ul li { background-position: 50%; background-size: contain; height: 1.5rem; margin-right: .5rem; width: 1.5rem} .social-sharing ul li:before { background-position: 50%; background-size: contain; height: 100%; width: 100%} .social-sharing ul li a { display: block; font-size: 0; height: 100%; width: 100%} .facebook { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjI2IiBoZWlnaHQ9IjQyIiB4bGluazpocmVmPSJENzk1Q0EyOS5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDggMCkiPgoJPC9pbWFnZT4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi4yLDI3LjJ2LTcuMmgyYzEuNSwwLDIsMCwyLTAuMWMwLTAuMSwwLjEtMSwwLjItMi4xYzAuMS0xLjEsMC4yLTIuMiwwLjItMi40bDAtMC40bC0yLjIsMGwtMi4yLDAKCQkJbDAtMS42YzAtMC45LDAuMS0xLjgsMC4yLTEuOWMwLjItMC41LDAuNy0wLjcsMi42LTAuN2gxLjdWOC4zVjUuOEgyNGMtMywwLTMuOCwwLjEtNSwwLjdjLTAuOCwwLjQtMS42LDEuMi0yLDEuOQoJCQljLTAuNSwxLjEtMC43LDEuOC0wLjcsNC4zTDE2LjIsMTVoLTEuNWgtMS41djIuNXYyLjVoMS41aDEuNXY3LjJ2Ny4yaDNoM1YyNy4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=)} .facebook:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjI2IiBoZWlnaHQ9IjQyIiB4bGluazpocmVmPSJENzk1Q0EyOS5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDggMCkiPgoJPC9pbWFnZT4KCTxnPgoJCTxwYXRoIGZpbGw9IiMyZmI1ZDIiIGQ9Ik0yMi4yLDI3LjJ2LTcuMmgyYzEuNSwwLDIsMCwyLTAuMWMwLTAuMSwwLjEtMSwwLjItMi4xYzAuMS0xLjEsMC4yLTIuMiwwLjItMi40bDAtMC40bC0yLjIsMGwtMi4yLDAKCQkJbDAtMS42YzAtMC45LDAuMS0xLjgsMC4yLTEuOWMwLjItMC41LDAuNy0wLjcsMi42LTAuN2gxLjdWOC4zVjUuOEgyNGMtMywwLTMuOCwwLjEtNSwwLjdjLTAuOCwwLjQtMS42LDEuMi0yLDEuOQoJCQljLTAuNSwxLjEtMC43LDEuOC0wLjcsNC4zTDE2LjIsMTVoLTEuNWgtMS41djIuNXYyLjVoMS41aDEuNXY3LjJ2Ny4yaDNoM1YyNy4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); content: ""} .facebook.icon-gray { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QXJ0Ym9hcmQgMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZC0zIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3QTdBN0EiPgogICAgICAgICAgICA8ZyBpZD0ic3ZnK3htbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkNhbHF1ZV8xIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4yLDIyLjIgTDkuMiwxNSBMMTEuMiwxNSBDMTIuNywxNSAxMy4yLDE1IDEzLjIsMTQuOSBDMTMuMiwxNC44IDEzLjMsMTMuOSAxMy40LDEyLjggQzEzLjUsMTEuNyAxMy42LDEwLjYgMTMuNiwxMC40IEwxMy42LDEwIEwxMS40LDEwIEw5LjIsMTAgTDkuMiw4LjQgQzkuMiw3LjUgOS4zLDYuNiA5LjQsNi41IEM5LjYsNiAxMC4xLDUuOCAxMiw1LjggTDEzLjcsNS44IEwxMy43LDMuMyBMMTMuNywwLjggTDExLDAuOCBDOCwwLjggNy4yLDAuOSA2LDEuNSBDNS4yLDEuOSA0LjQsMi43IDQsMy40IEMzLjUsNC41IDMuMyw1LjIgMy4zLDcuNyBMMy4yLDEwIEwxLjcsMTAgTDAuMiwxMCBMMC4yLDEyLjUgTDAuMiwxNSBMMS43LDE1IEwzLjIsMTUgTDMuMiwyMi4yIEwzLjIsMjkuNCBMNi4yLDI5LjQgTDkuMiwyOS40IEw5LjIsMjIuMiBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)} .facebook.icon-gray:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjI2IiBoZWlnaHQ9IjQyIiB4bGluazpocmVmPSJENzk1Q0EyOS5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDggMCkiPgoJPC9pbWFnZT4KCTxnPgoJCTxwYXRoIGZpbGw9IiMyZmI1ZDIiIGQ9Ik0yMi4yLDI3LjJ2LTcuMmgyYzEuNSwwLDIsMCwyLTAuMWMwLTAuMSwwLjEtMSwwLjItMi4xYzAuMS0xLjEsMC4yLTIuMiwwLjItMi40bDAtMC40bC0yLjIsMGwtMi4yLDAKCQkJbDAtMS42YzAtMC45LDAuMS0xLjgsMC4yLTEuOWMwLjItMC41LDAuNy0wLjcsMi42LTAuN2gxLjdWOC4zVjUuOEgyNGMtMywwLTMuOCwwLjEtNSwwLjdjLTAuOCwwLjQtMS42LDEuMi0yLDEuOQoJCQljLTAuNSwxLjEtMC43LDEuOC0wLjcsNC4zTDE2LjIsMTVoLTEuNWgtMS41djIuNXYyLjVoMS41aDEuNXY3LjJ2Ny4yaDNoM1YyNy4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=)} .twitter { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTIyLjQ3IDE3Ljk3IDMyLjE1IDYuN2gtMi4zbC04LjQgOS43Ny02LjctOS43N0g3bDEwLjE1IDE0LjhMNyAzMy4yOWgyLjNsOC44Ny0xMC4zMiA3LjA5IDEwLjMySDMzTDIyLjQ3IDE3Ljk3Wm0tMy4xNCAzLjY1LTEuMDMtMS40Ny04LjE4LTExLjdoMy41Mmw2LjYgOS40NCAxLjA0IDEuNDcgOC41OCAxMi4yOGgtMy41MmwtNy0xMC4wMloiLz4KPC9zdmc+Cg==)} .twitter:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHBhdGggZmlsbD0iIzJmYjVkMiIgZD0iTTIyLjQ3IDE3Ljk3IDMyLjE1IDYuN2gtMi4zbC04LjQgOS43Ny02LjctOS43N0g3bDEwLjE1IDE0LjhMNyAzMy4yOWgyLjNsOC44Ny0xMC4zMiA3LjA5IDEwLjMySDMzTDIyLjQ3IDE3Ljk3Wm0tMy4xNCAzLjY1LTEuMDMtMS40Ny04LjE4LTExLjdoMy41Mmw2LjYgOS40NCAxLjA0IDEuNDcgOC41OCAxMi4yOGgtMy41MmwtNy0xMC4wMloiLz4KPC9zdmc+Cg==); content: ""} .twitter.icon-gray { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NXB4IiBoZWlnaHQ9IjQ1cHgiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHBhdGggZmlsbD0iIzdhN2E3YSIgZD0iTTI0Ljk3IDIwLjQ4IDM0LjY1IDkuMmgtMi4zbC04LjQgOS43Ny02LjctOS43N0g5LjVMMTkuNjUgMjQgOS41IDM1LjhoMi4zbDguODctMTAuMzIgNy4wOSAxMC4zMmg3Ljc0em0tMy4xNCAzLjY1LTEuMDMtMS40Ny04LjE4LTExLjdoMy41Mmw2LjYgOS40NCAxLjA0IDEuNDcgOC41OCAxMi4yOGgtMy41MmwtNy0xMC4wMnoiLz4KPC9zdmc+Cg==)} .twitter.icon-gray:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHBhdGggZmlsbD0iIzJmYjVkMiIgZD0iTTIyLjQ3IDE3Ljk3IDMyLjE1IDYuN2gtMi4zbC04LjQgOS43Ny02LjctOS43N0g3bDEwLjE1IDE0LjhMNyAzMy4yOWgyLjNsOC44Ny0xMC4zMiA3LjA5IDEwLjMySDMzTDIyLjQ3IDE3Ljk3Wm0tMy4xNCAzLjY1LTEuMDMtMS40Ny04LjE4LTExLjdoMy41Mmw2LjYgOS40NCAxLjA0IDEuNDcgOC41OCAxMi4yOGgtMy41MmwtNy0xMC4wMloiLz4KPC9zdmc+Cg==)} .linkedin { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNC45OCAzLjVjMCAxLjM4MS0xLjExIDIuNS0yLjQ4IDIuNXMtMi40OC0xLjExOS0yLjQ4LTIuNWMwLTEuMzggMS4xMS0yLjUgMi40OC0yLjVzMi40OCAxLjEyIDIuNDggMi41em0uMDIgNC41aC01djE2aDV2LTE2em03Ljk4MiAwaC00Ljk2OHYxNmg0Ljk2OXYtOC4zOTljMC00LjY3IDYuMDI5LTUuMDUyIDYuMDI5IDB2OC4zOTloNC45ODh2LTEwLjEzMWMwLTcuODgtOC45MjItNy41OTMtMTEuMDE4LTMuNzE0di0yLjE1NXoiLz48L3N2Zz4K); background-position: 50%} .tiktok { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYuNiA1Ljgycy41MS41IDAgMEE0LjI3OCA0LjI3OCAwIDAgMSAxNS41NCAzaC0zLjA5djEyLjRhMi41OTIgMi41OTIgMCAwIDEtMi41OSAyLjVjLTEuNDIgMC0yLjYtMS4xNi0yLjYtMi42YzAtMS43MiAxLjY2LTMuMDEgMy4zNy0yLjQ4VjkuNjZjLTMuNDUtLjQ2LTYuNDcgMi4yMi02LjQ3IDUuNjRjMCAzLjMzIDIuNzYgNS43IDUuNjkgNS43YzMuMTQgMCA1LjY5LTIuNTUgNS42OS01LjdWOS4wMWE3LjM1IDcuMzUgMCAwIDAgNC4zIDEuMzhWNy4zcy0xLjg4LjA5LTMuMjQtMS40OHoiLz48L3N2Zz4=)} .rss { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIiB4bGluazpocmVmPSI5NzBCMDdEMC5wbmciPgoJPC9pbWFnZT4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01LjksMzAuNGMwLTEsMC40LTEuOSwxLjEtMi43YzAuNy0wLjcsMS42LTEuMSwyLjctMS4xczEuOSwwLjQsMi43LDEuMWMwLjcsMC43LDEuMSwxLjYsMS4xLDIuNwoJCQljMCwxLjEtMC40LDItMS4xLDIuN3MtMS42LDEuMS0yLjcsMS4xUzcuOCwzMy44LDcsMzMuMUM2LjMsMzIuMyw1LjksMzEuNCw1LjksMzAuNHogTTUuOSwyMC45di01LjRjMy40LDAsNi41LDAuOCw5LjQsMi41CgkJCXM1LjIsNCw2LjgsNi44YzEuNywyLjksMi41LDYsMi41LDkuNGgtNS41YzAtMy43LTEuMy02LjgtMy45LTkuNEMxMi43LDIyLjIsOS42LDIwLjksNS45LDIwLjl6IE01LjksMTEuMlY1LjgKCQkJYzMuOCwwLDcuNSwwLjgsMTEsMi4zczYuNSwzLjUsOS4xLDYuMXM0LjYsNS42LDYuMSw5LjFjMS41LDMuNSwyLjMsNy4yLDIuMywxMWgtNS41YzAtMy4xLTAuNi02LjEtMS44LTguOQoJCQljLTEuMi0yLjgtMi44LTUuMy00LjktNy4zcy00LjUtMy43LTcuMy00LjlTOSwxMS4yLDUuOSwxMS4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=)} .youtube { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjM5IiBoZWlnaHQ9IjM5IiB4bGluazpocmVmPSI1Q0JGNDQ5Qy5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDIgMSkiPgoJPC9pbWFnZT4KCTxnPgoJCTxnPgoJCQk8Zz4KCQkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi45LDIyYy0wLjQsMC0wLjgsMC4yLTEuMiwwLjdWMjBoLTEuMXY4LjRoMS4xdi0wLjZjMC40LDAuNSwwLjgsMC43LDEuMiwwLjdjMC41LDAsMC44LTAuMiwwLjktMC43CgkJCQkJYzAuMS0wLjIsMC4xLTAuNywwLjEtMS4yVjI0YzAtMC42LDAtMS0wLjEtMS4zQzIzLjcsMjIuMywyMy40LDIyLDIyLjksMjJ6IE0yMi44LDI2LjZjMCwwLjYtMC4yLDAuOC0wLjUsMC44CgkJCQkJYy0wLjIsMC0wLjQtMC4xLTAuNi0wLjN2LTMuOGMwLjItMC4yLDAuNC0wLjMsMC42LTAuM2MwLjMsMCwwLjUsMC4zLDAuNSwwLjlWMjYuNnoiLz4KCQkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNi41LDIyYy0wLjYsMC0xLDAuMi0xLjQsMC42Yy0wLjIsMC4zLTAuMywwLjgtMC4zLDEuNXYyLjJjMCwwLjcsMC4xLDEuMiwwLjQsMS41CgkJCQkJYzAuMywwLjQsMC44LDAuNiwxLjQsMC42YzAuNiwwLDEuMS0wLjIsMS40LTAuN2MwLjEtMC4yLDAuMi0wLjQsMC4zLTAuN2MwLTAuMiwwLTAuNCwwLTAuN3YtMC4yaC0xLjJjMCwwLjEsMCwwLjIsMCwwLjQKCQkJCQlzMCwwLjIsMCwwLjNjMCwwLjEsMCwwLjEsMCwwLjFjLTAuMSwwLjMtMC4yLDAuNC0wLjUsMC40Yy0wLjQsMC0wLjYtMC4zLTAuNi0wLjl2LTEuMWgyLjN2LTEuM2MwLTAuNy0wLjEtMS4xLTAuNC0xLjUKCQkJCQlDMjcuNiwyMi4yLDI3LjEsMjIsMjYuNSwyMnogTTI3LjEsMjQuNUgyNnYtMC42YzAtMC42LDAuMi0wLjksMC42LTAuOWMwLjQsMCwwLjYsMC4zLDAuNiwwLjlWMjQuNUwyNy4xLDI0LjV6Ii8+CgkJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTguNSwyNi45Yy0wLjIsMC40LTAuNSwwLjUtMC43LDAuNWMtMC4yLDAtMC4yLTAuMS0wLjMtMC4zYzAsMCwwLTAuMiwwLTAuNHYtNC42aC0xLjFWMjcKCQkJCQljMCwwLjQsMCwwLjcsMC4xLDAuOWMwLjEsMC4zLDAuMywwLjUsMC43LDAuNWMwLjQsMCwwLjktMC4zLDEuMy0wLjh2MC43aDEuMXYtNi4zaC0xLjFMMTguNSwyNi45TDE4LjUsMjYuOUwxOC41LDI2Ljl6Ii8+CgkJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAsMTUuN2MwLjQsMCwwLjUtMC4zLDAuNS0wLjl2LTIuN2MwLTAuNi0wLjItMC45LTAuNS0wLjljLTAuNCwwLTAuNSwwLjMtMC41LDAuOXYyLjcKCQkJCQlDMTkuNCwxNS40LDE5LjYsMTUuNywyMCwxNS43eiIvPgoJCQkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMi4zLDIxLjEgMTMuNiwyMS4xIDEzLjYsMjguNCAxNC45LDI4LjQgMTQuOSwyMS4xIDE2LjIsMjEuMSAxNi4yLDIwIDEyLjMsMjAgCQkJCSIvPgoJCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4LjQsNi41SDEyLjFDMTAuNyw2LjUsOS42LDcsOC42LDhjLTEsMS0xLjQsMi4xLTEuNCwzLjV2MTYuNGMwLDEuNCwwLjUsMi41LDEuNCwzLjUKCQkJCQljMSwxLDIuMSwxLjQsMy41LDEuNGgxNi40YzEuNCwwLDIuNS0wLjUsMy41LTEuNGMxLTEsMS40LTIuMSwxLjQtMy41VjExLjVjMC0xLjQtMC41LTIuNS0xLjQtMy41QzMwLjksNywyOS44LDYuNSwyOC40LDYuNXoKCQkJCQkgTTIyLjYsMTAuM2gxLjFWMTVjMCwwLjMsMCwwLjQsMCwwLjRjMCwwLjIsMC4xLDAuMywwLjMsMC4zYzAuMiwwLDAuNS0wLjIsMC43LTAuNXYtNC44aDEuMXY2LjNoLTEuMVYxNgoJCQkJCWMtMC41LDAuNS0wLjksMC44LTEuMywwLjhjLTAuNCwwLTAuNi0wLjItMC43LTAuNWMtMC4xLTAuMi0wLjEtMC41LTAuMS0wLjlMMjIuNiwxMC4zTDIyLjYsMTAuM3ogTTE4LjMsMTIuNAoJCQkJCWMwLTAuNywwLjEtMS4yLDAuNC0xLjVjMC4zLTAuNCwwLjctMC42LDEuMy0wLjZjMC42LDAsMSwwLjIsMS4zLDAuNmMwLjIsMC4zLDAuNCwwLjgsMC40LDEuNXYyLjJjMCwwLjctMC4xLDEuMi0wLjQsMS41CgkJCQkJYy0wLjMsMC40LTAuOCwwLjYtMS4zLDAuNmMtMC42LDAtMS0wLjItMS4zLTAuNmMtMC4yLTAuMy0wLjQtMC44LTAuNC0xLjVMMTguMywxMi40TDE4LjMsMTIuNHogTTE1LjIsOC4ybDAuOSwzLjNMMTcsOC4yaDEuMwoJCQkJCWwtMS41LDV2My40aC0xLjN2LTMuNGMtMC4xLTAuNi0wLjQtMS41LTAuOC0yLjdjLTAuMS0wLjMtMC4yLTAuNy0wLjQtMS4yYy0wLjItMC41LTAuMy0wLjktMC40LTEuMkwxNS4yLDguMkwxNS4yLDguMnoKCQkJCQkgTTI5LjMsMjguN2MtMC4xLDAuNS0wLjQsMC45LTAuNywxLjJjLTAuNCwwLjMtMC44LDAuNS0xLjMsMC42Yy0xLjYsMC4yLTMuOSwwLjMtNywwLjNjLTMuMSwwLTUuNS0wLjEtNy0wLjMKCQkJCQljLTAuNS0wLjEtMC45LTAuMy0xLjMtMC42Yy0wLjQtMC4zLTAuNi0wLjgtMC43LTEuMmMtMC4yLTEtMC4zLTIuNC0wLjMtNC40YzAtMiwwLjEtMy40LDAuMy00LjRjMC4xLTAuNSwwLjQtMC45LDAuNy0xLjMKCQkJCQljMC40LTAuMywwLjgtMC41LDEuMy0wLjZjMS41LTAuMiwzLjktMC4zLDctMC4zYzMuMSwwLDUuNSwwLjEsNywwLjNjMC41LDAuMSwwLjksMC4zLDEuMywwLjZjMC40LDAuMywwLjYsMC44LDAuNywxLjMKCQkJCQljMC4yLDAuOSwwLjMsMi40LDAuMyw0LjRDMjkuNiwyNi4zLDI5LjUsMjcuOCwyOS4zLDI4Ljd6Ii8+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==)} .googleplus { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjQ2IiBoZWlnaHQ9IjM0IiB4bGluazpocmVmPSJDRTYxRDA0Qi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0yIDQpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LDE4LjF2NC4yYzAsMCw0LDAsNS43LDBjLTAuOSwyLjctMi4zLDQuMi01LjcsNC4yYy0zLjQsMC02LjEtMi44LTYuMS02LjJTMTAuNSwxNCwxNCwxNAoJCQkJYzEuOCwwLDMsMC42LDQuMSwxLjVjMC45LTAuOSwwLjgtMSwzLTMuMWMtMS45LTEuNy00LjMtMi43LTcuMS0yLjdjLTUuOCwwLTEwLjUsNC43LTEwLjUsMTAuNUMzLjUsMjYsOC4yLDMwLjcsMTQsMzAuNwoJCQkJYzguNywwLDEwLjgtNy41LDEwLjEtMTIuNkMyMiwxOC4xLDE0LDE4LjEsMTQsMTguMXogTTMyLjksMTguNHYtMy42aC0yLjZ2My42aC0zLjd2Mi42aDMuN3YzLjdoMi42di0zLjdoMy42di0yLjZIMzIuOXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==)} .googleplus:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjQ2IiBoZWlnaHQ9IjM0IiB4bGluazpocmVmPSJDRTYxRDA0Qi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0yIDQpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzJmYjVkMiIgZD0iTTE0LDE4LjF2NC4yYzAsMCw0LDAsNS43LDBjLTAuOSwyLjctMi4zLDQuMi01LjcsNC4yYy0zLjQsMC02LjEtMi44LTYuMS02LjJTMTAuNSwxNCwxNCwxNAoJCQkJYzEuOCwwLDMsMC42LDQuMSwxLjVjMC45LTAuOSwwLjgtMSwzLTMuMWMtMS45LTEuNy00LjMtMi43LTcuMS0yLjdjLTUuOCwwLTEwLjUsNC43LTEwLjUsMTAuNUMzLjUsMjYsOC4yLDMwLjcsMTQsMzAuNwoJCQkJYzguNywwLDEwLjgtNy41LDEwLjEtMTIuNkMyMiwxOC4xLDE0LDE4LjEsMTQsMTguMXogTTMyLjksMTguNHYtMy42aC0yLjZ2My42aC0zLjd2Mi42aDMuN3YzLjdoMi42di0zLjdoMy42di0yLjZIMzIuOXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==); content: ""} .googleplus.icon-gray { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QXJ0Ym9hcmQgMyBDb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLTMtQ29weSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjN0E3QTdBIj4KICAgICAgICAgICAgPGcgaWQ9InN2Zyt4bWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDAwMDAwLCAxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJDYWxxdWVfMSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLDkuMSBMMTEsMTMuMyBMMTYuNywxMy4zIEMxNS44LDE2IDE0LjQsMTcuNSAxMSwxNy41IEM3LjYsMTcuNSA0LjksMTQuNyA0LjksMTEuMyBDNC45LDcuOSA3LjUsNSAxMSw1IEMxMi44LDUgMTQsNS42IDE1LjEsNi41IEMxNiw1LjYgMTUuOSw1LjUgMTguMSwzLjQgQzE2LjIsMS43IDEzLjgsMC43IDExLDAuNyBDNS4yLDAuNyAwLjUsNS40IDAuNSwxMS4yIEMwLjUsMTcgNS4yLDIxLjcgMTEsMjEuNyBDMTkuNywyMS43IDIxLjgsMTQuMiAyMS4xLDkuMSBMMTEsOS4xIFogTTI5LjksOS40IEwyOS45LDUuOCBMMjcuMyw1LjggTDI3LjMsOS40IEwyMy42LDkuNCBMMjMuNiwxMiBMMjcuMywxMiBMMjcuMywxNS43IEwyOS45LDE1LjcgTDI5LjksMTIgTDMzLjUsMTIgTDMzLjUsOS40IEwyOS45LDkuNCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)} .googleplus.icon-gray:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjQ2IiBoZWlnaHQ9IjM0IiB4bGluazpocmVmPSJDRTYxRDA0Qi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0yIDQpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzJmYjVkMiIgZD0iTTE0LDE4LjF2NC4yYzAsMCw0LDAsNS43LDBjLTAuOSwyLjctMi4zLDQuMi01LjcsNC4yYy0zLjQsMC02LjEtMi44LTYuMS02LjJTMTAuNSwxNCwxNCwxNAoJCQkJYzEuOCwwLDMsMC42LDQuMSwxLjVjMC45LTAuOSwwLjgtMSwzLTMuMWMtMS45LTEuNy00LjMtMi43LTcuMS0yLjdjLTUuOCwwLTEwLjUsNC43LTEwLjUsMTAuNUMzLjUsMjYsOC4yLDMwLjcsMTQsMzAuNwoJCQkJYzguNywwLDEwLjgtNy41LDEwLjEtMTIuNkMyMiwxOC4xLDE0LDE4LjEsMTQsMTguMXogTTMyLjksMTguNHYtMy42aC0yLjZ2My42aC0zLjd2Mi42aDMuN3YzLjdoMi42di0zLjdoMy42di0yLjZIMzIuOXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==)} #block-myaccount-infos .myaccount-title a { color: var(--bs-gray-900)} .pinterest { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQ2IiB4bGluazpocmVmPSI4REY2NkQ0Qi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDIgLTEpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE4LjcsNS4xQzEzLjQsNS42LDguMSwxMCw3LjgsMTYuMWMtMC4xLDMuOCwwLjksNi42LDQuNSw3LjRjMS42LTIuNy0wLjUtMy4zLTAuOC01LjMKCQkJCWMtMS4zLTguMSw5LjQtMTMuNywxNS04YzMuOSwzLjksMS4zLDE2LTQuOSwxNC44Yy02LTEuMiwyLjktMTAuOC0xLjgtMTIuN2MtMy45LTEuNS01LjksNC43LTQuMSw3LjhjLTEuMSw1LjMtMy40LDEwLjMtMi41LDE3CgkJCQljMy4xLTIuMiw0LjEtNi41LDQuOS0xMC45YzEuNSwwLjksMi40LDEuOSw0LjMsMi4xYzcuMiwwLjYsMTEuMi03LjIsMTAuMy0xNC40QzMxLjgsNy41LDI1LjUsNC4zLDE4LjcsNS4xeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K)} .pinterest:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQ2IiB4bGluazpocmVmPSI4REY2NkQ0Qi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDIgLTEpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzJmYjVkMiIgZD0iTTE4LjcsNS4xQzEzLjQsNS42LDguMSwxMCw3LjgsMTYuMWMtMC4xLDMuOCwwLjksNi42LDQuNSw3LjRjMS42LTIuNy0wLjUtMy4zLTAuOC01LjMKCQkJCWMtMS4zLTguMSw5LjQtMTMuNywxNS04YzMuOSwzLjksMS4zLDE2LTQuOSwxNC44Yy02LTEuMiwyLjktMTAuOC0xLjgtMTIuN2MtMy45LTEuNS01LjksNC43LTQuMSw3LjhjLTEuMSw1LjMtMy40LDEwLjMtMi41LDE3CgkJCQljMy4xLTIuMiw0LjEtNi41LDQuOS0xMC45YzEuNSwwLjksMi40LDEuOSw0LjMsMi4xYzcuMiwwLjYsMTEuMi03LjIsMTAuMy0xNC40QzMxLjgsNy41LDI1LjUsNC4zLDE4LjcsNS4xeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K); content: ""} .pinterest.icon-gray { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QXJ0Ym9hcmQgMyBDb3B5IDI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtMy1Db3B5LTIiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzdBN0E3QSI+CiAgICAgICAgICAgIDxnIGlkPSJzdmcreG1sIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC4wMDAwMDAsIDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2FscXVlXzEiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS43LDEuMSBDNi40LDEuNiAxLjEsNiAwLjgsMTIuMSBDMC43LDE1LjkgMS43LDE4LjcgNS4zLDE5LjUgQzYuOSwxNi44IDQuOCwxNi4yIDQuNSwxNC4yIEMzLjIsNi4xIDEzLjksMC41IDE5LjUsNi4yIEMyMy40LDEwLjEgMjAuOCwyMi4yIDE0LjYsMjEgQzguNiwxOS44IDE3LjUsMTAuMiAxMi44LDguMyBDOC45LDYuOCA2LjksMTMgOC43LDE2LjEgQzcuNiwyMS40IDUuMywyNi40IDYuMiwzMy4xIEM5LjMsMzAuOSAxMC4zLDI2LjYgMTEuMSwyMi4yIEMxMi42LDIzLjEgMTMuNSwyNC4xIDE1LjQsMjQuMyBDMjIuNiwyNC45IDI2LjYsMTcuMSAyNS43LDkuOSBDMjQuOCwzLjUgMTguNSwwLjMgMTEuNywxLjEgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)} .pinterest.icon-gray:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQ2IiB4bGluazpocmVmPSI4REY2NkQ0Qi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDIgLTEpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzJmYjVkMiIgZD0iTTE4LjcsNS4xQzEzLjQsNS42LDguMSwxMCw3LjgsMTYuMWMtMC4xLDMuOCwwLjksNi42LDQuNSw3LjRjMS42LTIuNy0wLjUtMy4zLTAuOC01LjMKCQkJCWMtMS4zLTguMSw5LjQtMTMuNywxNS04YzMuOSwzLjksMS4zLDE2LTQuOSwxNC44Yy02LTEuMiwyLjktMTAuOC0xLjgtMTIuN2MtMy45LTEuNS01LjksNC43LTQuMSw3LjhjLTEuMSw1LjMtMy40LDEwLjMtMi41LDE3CgkJCQljMy4xLTIuMiw0LjEtNi41LDQuOS0xMC45YzEuNSwwLjksMi40LDEuOSw0LjMsMi4xYzcuMiwwLjYsMTEuMi03LjIsMTAuMy0xNC40QzMxLjgsNy41LDI1LjUsNC4zLDE4LjcsNS4xeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K)} .vimeo { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjQzIiBoZWlnaHQ9IjQwIiB4bGluazpocmVmPSI1MDNFMDBBQi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0xIDEpIj4KCTwvaW1hZ2U+Cgk8Zz4KCQk8Zz4KCQkJPGc+CgkJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNC4xLDE0YzAuNy0wLjUsMS44LTEuNCwzLjMtMi44YzEuNS0xLjMsMi43LTIuMywzLjctMi45YzEuMy0wLjcsMi40LTEsMy41LTAuN2MwLjUsMC4xLDEsMC41LDEuNCwxLjEKCQkJCQljMC40LDAuNiwwLjgsMS4yLDEsMS45YzAuMiwwLjYsMC41LDIuMSwwLjksNC41YzAuMSwwLjQsMC4xLDEsMC4yLDJjMC4xLDAuOSwwLjIsMS43LDAuMywyLjNjMC4xLDAuNiwwLjMsMS4zLDAuNSwyCgkJCQkJYzAuMywwLjcsMC42LDEuMywxLDEuOGMwLjgsMC44LDEuNiwxLDIuNCwwLjRjMC41LTAuNCwxLjItMS4zLDEuOS0yLjdjMC45LTEuNywxLjMtMywxLjQtMy45YzAuMS0xLjQtMC4xLTIuMy0wLjctMi43CgkJCQkJYy0wLjYtMC40LTEuNi0wLjYtMy4xLTAuNGMwLjMtMC45LDAuNy0xLjcsMS4yLTIuNWMwLjUtMC44LDEuMS0xLjQsMS42LTEuOWMwLjYtMC41LDEuMi0wLjksMS44LTEuM2MwLjYtMC40LDEuMS0wLjcsMS42LTAuOAoJCQkJCWMwLjQtMC4yLDAuOC0wLjMsMS4xLTAuM2MyLjUtMC40LDQuMiwwLDUuMSwxLjJjMC43LDAuOSwwLjksMi4xLDAuNiwzLjZjLTAuMywxLjMtMSwzLjQtMi4zLDYuMmMtMS4yLDIuOC0yLjgsNS41LTQuNyw4CgkJCQkJYy0yLjIsMi45LTQuNCw1LjEtNi44LDYuNWMtMC42LDAuNC0xLjMsMC43LTIuMSwwLjljLTAuOCwwLjItMS41LDAuMi0yLjMsMGMtMS4xLTAuNS0yLTEuNi0yLjgtMy40Yy0wLjQtMC45LTAuOS0yLjctMS42LTUuNAoJCQkJCWMtMC43LTIuNi0xLjEtNC4zLTEuNC01LjFjLTAuMS0wLjItMC4yLTAuNi0wLjMtMS4xYy0wLjEtMC41LTAuMy0wLjktMC40LTEuM2MtMC4xLTAuNC0wLjMtMC43LTAuNS0xLjEKCQkJCQljLTAuMy0wLjUtMC43LTAuOC0xLjEtMC44Yy0wLjQsMC0xLDAuMS0xLjYsMC4zYy0wLjYsMC4yLTEuMSwwLjMtMS41LDAuMmMtMC4yLDAtMC40LTAuMi0wLjYtMC41Yy0wLjItMC4zLTAuNC0wLjYtMC43LTAuNwoJCQkJCUw0LjEsMTRMNC4xLDE0TDQuMSwxNHoiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K)} .instagram { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8aW1hZ2Ugb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9IjAuMSIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIiB4bGluazpocmVmPSIxQkEwODYyMy5wbmciPgoJPC9pbWFnZT4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOC45LDUuNkgxMS4xQzgsNS42LDUuNiw4LDUuNiwxMS4xVjE3djExLjhjMCwzLjEsMi41LDUuNSw1LjUsNS41aDE3LjdjMy4xLDAsNS41LTIuNSw1LjUtNS41VjE3di01LjkKCQkJQzM0LjQsOCwzMiw1LjYsMjguOSw1LjZ6IE0zMC41LDguOWgwLjZ2MC42djQuM2gtNC45VjguOUgzMC41eiBNMTUuOSwxN2MwLjktMS4yLDIuNS0yLjEsNC4xLTIuMXMzLjIsMC45LDQuMSwyLjEKCQkJYzAuNiwwLjksMSwxLjgsMSwzYzAsMi44LTIuMyw1LjEtNS4xLDUuMWMtMi43LDAtNS4xLTIuMi01LjEtNS4xQzE0LjksMTguOSwxNS4zLDE3LjksMTUuOSwxN3ogTTMxLjYsMjguOWMwLDEuNS0xLjIsMi43LTIuNywyLjcKCQkJSDExLjFjLTEuNSwwLTIuNy0xLjItMi43LTIuN1YxN2g0LjNjLTAuNCwwLjktMC42LDItMC42LDNjMCw0LjMsMy42LDcuOSw3LjksNy45czcuOS0zLjYsNy45LTcuOWMwLTEtMC4yLTIuMS0wLjYtM2g0LjMKCQkJTDMxLjYsMjguOUwzMS42LDI4Ljl6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==)} #home-slider .carousel-link { align-items: start; height: 100%} #home-slider .carousel-content { height: 100%} .ratio-homeSlider { min-height: 300px; --bs-aspect-ratio: 42.85714%} @media(min-width:768px) { .ratio-homeSlider { --bs-aspect-ratio: 23.33333% } } .main-menu { order: -1} @media(min-width:1200px) { .main-menu { order: 3 } } .main-menu__tree { flex-wrap: wrap} .main-menu__tree>li>a { outline-offset: -.5rem; padding: 1.5rem 1rem} .main-menu__tree>li:hover .menu-container { display: block} .main-menu__tree>li .menu-container { background-color: var(--bs-white); border-top: 1px solid var(--bs-gray-200); display: none; left: 0; padding: 1rem 0; position: absolute; right: 0; top: 100%; z-index: 1045} .main-menu__tree>li .menu-container.focusing, .main-menu__tree>li .menu-container:focus-within { display: block} .main-menu__tree>li .menu-container a[data-depth="1"], .main-menu__tree>li .menu-container a[data-depth="2"] { overflow-wrap: break-word; white-space: normal} .main-menu__tree>li .menu-container a[data-depth="1"] { color: #343a40; font-weight: 600} .main-menu__tree>li .menu-container a[data-depth="1"]:hover, .main-menu__tree>li .menu-container a[data-depth="1"]:hover i { color: var(--bs-primary)} .main-menu__tree>li .menu-container a[data-depth="1"]:after { display: none} .block-social a:hover { opacity: .6} .header-top { /* --header-top-border-bottom: 1px solid var(--bs-gray-200); --header-bottom-border-bottom: 1px solid var(--bs-gray-200)*/ } @media(min-width:768px) { .header-top { border-bottom: var(--header-top-border-bottom) } } .header-top a:not(.dropdown-item) { color: var(--header-top-color)} .header-top a:not(.dropdown-item):hover, .header-top a:not(.dropdown-item):hover i { color: var(--bs-primary)} .header-top__right>:not(:last-child) { /*margin-right: .85rem*/} .header-bottom { --header-top-border-bottom: 1px solid var(--bs-gray-200); /* --header-bottom-border-bottom: 1px solid var(--bs-gray-200);*/ border-bottom: var(--header-bottom-border-bottom); padding: 0; height: 65px; } .header-bottom .navbar-brand { max-height: max(50px,10vh); max-width: 250px; padding: 0} .header-bottom .navbar-brand .logo { max-height: inherit; width: 125px;} .header-bottom .nav-link.active, .header-bottom .nav-link:active, .header-bottom .nav-link:active:hover { color: var(--bs-white)} .footer { --footer-background-color: #16181c; --footer-text-color: var(--bs-gray-300); --footer-hover-color: var(--bs-white); --footer-heading-color: var(--bs-white)} .footer .footer__main { background: var(--footer-background-color); padding-bottom: 1.25rem; padding-top: 2.5rem} .footer .footer-top { padding-bottom: 2.5rem} .footer .copyright, .footer .copyright a, .footer .h2, .footer .h2 a, .footer .h3, .footer .h3 a, .footer .h4, .footer .h4 a, .footer h2, .footer h2 a, .footer h3, .footer h3 a { color: var(--bs-white)} .footer .h2, .footer .h3, .footer .h4, .footer h2, .footer h3 { font-size: 1rem; margin-bottom: 1.5rem} .footer .h2, .footer .h2 a, .footer .h3, .footer .h3 a, .footer .h4, .footer .h4 a, .footer h2, .footer h2 a, .footer h3, .footer h3 a { text-transform: inherit!important} @media(max-width:767.98px) { .footer .copyright { font-size: .875rem } } .footer .footer__block__content { color: var(--footer-text-color); padding-top: .5rem} @media(max-width:767.98px) { .footer .footer__block__content { font-size: .875rem } } .footer .footer__block__content-list { margin-bottom: 0} .footer .footer__block__content-list a { color: var(--footer-text-color); display: block; padding: .25rem .25rem .25rem 0; transition: .25s ease-out} .footer .footer__block__content-list a:hover { color: var(--footer-hover-color)} .footer .footer__block__content-list a.logout { color: #d5343c} @media(max-width:767.98px) { .footer .footer__block__content-list a { padding: .5rem .5rem .5rem 0 } } .footer .footer__block__content-contact a { color: var(--footer-text-color)} .footer .footer__block__content-contact a:hover { color: var(--footer-hover-color)} .footer .footer__block__content-contact .contact__infos { margin-bottom: 1rem} .footer .footer__block__content-contact .contact__fax, .footer .footer__block__content-contact .contact__phone { margin-bottom: .5rem} .footer .footer__block__content-contact>div:last-child { margin-bottom: 0} .footer .footer__block__content-contact .contact__email, .footer .footer__block__content-contact .contact__fax, .footer .footer__block__content-contact .contact__infos, .footer .footer__block__content-contact .contact__phone { align-items: center; display: flex} .footer .footer__block__content-contact .contact__email i, .footer .footer__block__content-contact .contact__fax i, .footer .footer__block__content-contact .contact__infos i, .footer .footer__block__content-contact .contact__phone i { margin-right: .5rem} .footer .footer__block__title { font-size: 1rem; font-weight: 600} .footer .footer__block__title, .footer .footer__block__title a { color: var(--footer-heading-color)} @media(min-width:768px) { .footer .footer__block__title { margin-bottom: 1.25rem } } @media(max-width:767.98px) { .footer .footer__block: last-child { margin-bottom: 2rem } } .content-columns { align-items: stretch; display: flex; padding: 0 3.75rem} .content-columns-right .h2 { text-transform: inherit} #content-wrapper .page-footer { margin-top: 3rem} #content-wrapper .page-footer>.container>a:last-of-type:not(:first-of-type) { float: right} #content-wrapper .page-footer a { margin-right: 1rem} #content-wrapper { padding-bottom: 4rem; } #content-wrapper .page-header { margin-bottom: 3rem} @media(max-width:575.98px) { #content-wrapper .page-header { margin-bottom: 1rem } } hr:not(.alert-divider) { color: var(--bs-gray-500)} .login .forgot-password, .login-create { text-align: center} .login hr { margin: 1rem auto} .login .forgot-password { margin-bottom: 1.25rem} #customer-form .form-footer { display: flex; justify-content: flex-end; margin-bottom: .5rem; margin-top: 2rem; text-align: center} .register-form__login-prompt { margin-bottom: 0; margin-top: .5rem} .step .address { border: 1px solid #e9ecef; margin: 1px} .step .address, .step .address__content { cursor: pointer} .step .address.selected { border: 2px solid #0d6efd; margin: 0} .step dl { align-items: center; background: var(--bs-gray-100); border-radius: var(--bs-border-radius-sm); display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1rem} .step dl dd, .step dl dt { margin: 0; padding: 1rem 0; width: 50%} .step dl dd:not(:last-of-type), .step dl dt:not(:last-of-type) { border-bottom: 1px solid var(--bs-gray-300)} .step dl dd { text-align: right} .addresses__new-address { align-items: center; border: 1px solid #e9ecef; border-radius: .5rem; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 1rem; width: 100%} .addresses__new-address:hover i { transform: scale(1.2)} .addresses__new-address i { align-items: center; background: var(--bs-gray-400); border-radius: 50%; color: var(--bs-primary); display: flex; font-size: 2rem; height: 4rem; justify-content: center; transition: .25s ease-out; width: 4rem} @media(max-width:575.98px) { .addresses__new-address i { font-size: 1.5rem; height: 3rem; width: 3rem } } .addresses__new-address span { margin-bottom: 1rem} .page-history .order__actions a, .page-order-detail .order__actions a { color: var(--bs-body-color); display: inline-block; padding: .5rem} .page-history .order__actions a:after, .page-order-detail .order__actions a:after { background: currentcolor; content: ""; display: block; height: 1px; transition: .25s ease-out; width: 100%} .page-history .order__actions a:hover:after, .page-order-detail .order__actions a:hover:after { color: transparent} .page-history .orders, .page-order-detail .orders { padding: .5rem} .page-history .orders .order, .page-order-detail .orders .order { background: #fefefe; border-radius: .5rem; padding: 0 1rem} .page-history .orders .order__label, .page-order-detail .orders .order__label { font-weight: 600} .page-history .orders .order__label, .page-history .orders .order__value, .page-order-detail .orders .order__label, .page-order-detail .orders .order__value { margin-bottom: 0} .page-history .orders .order>div, .page-order-detail .orders .order>div { align-items: center; display: flex; justify-content: space-between; padding: 1rem 0} .page-history .orders .order>div:not(:last-child), .page-order-detail .orders .order>div:not(:last-child) { border-bottom: 1px solid #e9ecef} .page-history .orders .order>div.order__actions, .page-order-detail .orders .order>div.order__actions { justify-content: flex-end} .order__header__right { text-align: right} @media(max-width:575.98px) { .order__header__right .btn { width: 100% } } .order__item__header { padding: 1rem} .order__item__line, .order__total { padding: .5rem 0} .page-product .product__name { margin-bottom: 25px} .page-product .product__infos .accordion-button { font-size: 1.40rem; font-weight: 700; padding: 1.25rem 0} .page-product .product__infos .accordion-body { padding: 0} .page-product .product__images { margin-bottom: 1rem} .page-product .product__images .carousel { border-radius: 8px; overflow: hidden} .page-product .product__images__modal-opener { align-items: center; background-color: #fff; border: none; border-radius: 50%; bottom: .635rem; box-shadow: .125rem -.125rem .25rem 0 rgba(0,0,0,.2); cursor: pointer; display: flex; height: 2.5rem; justify-content: center; min-width: 2.5rem; position: absolute; right: .635rem; width: 2.5rem; z-index: 10} .page-product .product__description-short { margin-bottom: 0.5rem} .page-product .product__tax-info { color: var(--bs-gray-600); font-size: .875rem} .page-product .product__tax-label { white-space: nowrap} .page-product .product__prices { font-size: 1.25rem} .page-product .product__current-price { font-size: 1.7rem; font-weight: 600; line-height: 2rem} .page-product .product__unit-price { color: var(--bs-gray-600); font-size: .875rem} .page-product .product__discount { color: var(--bs-gray-600); font-size: 1rem} .page-product .product__price-regular { text-decoration: line-through} .page-product .product__pack-price { font-size: 1rem} .page-product .product__variants .variant { margin-bottom: 1rem} .page-product .product__variants .variant .radio-variants { -moz-column-gap: .875rem; column-gap: .875rem; display: flex; flex-wrap: wrap; margin-bottom: 0; row-gap: .5rem} .page-product .product__variants .variant .radio-variants .radio-variant { margin: 0} .page-product .product__variants .variant .color-variants { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 0} .page-product .product__variants .variant .color-variants .color-variant .input-color { display: none} .page-product .product__variants .variant .color-variants .color-variant label { display: block; line-height: 0} .page-product .product__variants .variant .color-variants .color-variant .color { margin: 0} .page-product .product__add-to-cart { margin-bottom: 0rem} .page-product .product__add-to-cart .product-actions__button button { width: 100%} .page-product .product-pack__item { border: 1px solid #e9ecef} @media(max-width:767.98px) { .page-product .carousel-control-next { right: 1rem } .page-product .carousel-control-prev { left: 1rem } .page-product .carousel-control-next, .page-product .carousel-control-prev { height: 3rem; width: 3rem } } .thumbnails__container .thumbnail img { border: 2px solid transparent; border-radius: 8px} body.modal-open .quickview .product__images__modal-opener { display: none} .product__details, .product__features { background: var(--bs-gray-100)} .detail { align-items: center; border-bottom: 4px solid var(--bs-white); display: flex; padding: 1rem} .detail__left { flex-grow: 0; flex-shrink: 0; width: 50%} .detail__title { font-weight: 700} .order-returns { padding: .5rem} .order-returns .order-return__label { font-weight: 600} .order-returns .order-return__label, .order-returns .order-return__value { margin-bottom: 0} .order-returns .order-return>div { align-items: center; display: flex; justify-content: space-between; padding: 1rem 0} .order-returns .order-return>div:not(:last-child) { border-bottom: 1px solid #e9ecef} @media only screen and (min-width: 992px){ #search_widget{ width: auto; flex:1; } #search_widget form i{ position: absolute; width: 47px; height: 38px; border-radius: 0 5px 5px 0; padding: .6rem !important; } #search_widget form input { width: 100%; padding: 10px 20px 10px 40px !important; outline: none; background-color: #fff !important; border: none; border-radius: 5px; } } @media only screen and (min-width:768px){ .ps-shown-by-js { } } .wishlist-button-add { display: flex; float: right; margin-top: 5px; align-items: center; justify-content: center; height: 2.5rem; width: 2.5rem; min-width: 2.5rem; padding-top: .1875rem; background-color:transparent!important; box-shadow:none !important; /*box-shadow: .125rem -0.125rem .25rem 0 rgba(0,0,0,.2);*/ border-radius: 50%; cursor: pointer; /*transition: .2s ease-out;*/ margin-right: 5px; border:1px solid rgb(231, 231, 231) !important; } @media only screen and (max-width:767px){ .wishlist-button-add { margin-top: 2px; margin-bottom: 2px; } } /* #wishlist-button-add2 { display: flex; align-items: center; justify-content: center; height: 2.5rem; padding-top: .1875rem; box-shadow: .125rem -0.125rem .25rem 0 rgba(0,0,0,.2); border-radius: 50%; cursor: pointer; transition: .2s ease-out; border: none; margin-left: -15px; background-color:transparent!important; } #wishlist-button-add2 i{ color: #e2e2e2; font-size: 25px; margin-top: -7px; margin-right: 15px; }*/ @media (min-width:992px) { #search_widget{ } } .shopingcartt{ margin-top: -27px; width: 35px; height: 25px; } .span_shoping-cart{ font-weight: 600; margin-top:7px; } .span_shoping-cart { color:#fff; } .wishlist-buttong-header{ margin-left: -10px; color:#fff; } .wishlist-button-product { margin-left: 0; } #product-availability .alert-success, #product-availability .alert-warning { background: #fff; border:none; font-size:14px; color:#0b7b3c; font-weight: 600; margin-bottom: -10px; } @media (max-width: 767px) { #product-availability .alert-success, #product-availability .alert-warning { background: #fff; border:none; font-size:14px; margin-left: -15px; color:#0b7b3c; font-weight: 600; margin-bottom: -10px; } } .icouser{ margin-top: -24px; } .product-miniature .product-miniature__link:hover .product-miniature__image { transform: scale(1.0) !important; } /* Kontener, który trzyma wszystko w ryzach */ .products-carousel { display: flex !important; flex-wrap: nowrap !important; overflow: hidden; /* Ukrywa produkty, które czekają na swoją kolej */ transition: all 0.3s ease; } /* Nadpisanie klas col-12, col-lg-4 itd. */ .products-carousel .product-miniature { flex: 0 0 25% !important; /* Na dużych ekranach 4 produkty */ max-width: 25% !important; padding: 10px; box-sizing: border-box; /* WYŁĄCZENIE scale: 0 jeśli moduły go narzucają */ scale: 1 !important; opacity: 1 !important; transform: none !important; } /* Responsywność dla mniejszych ekranów */ @media (max-width: 991px) { .products-carousel .product-miniature { flex: 0 0 50% !important; /* 2 produkty na tablecie */ max-width: 50% !important; } } @media (max-width: 575px) { .products-carousel .product-miniature { flex: 0 0 100% !important; /* 1 produkt na telefonie */ max-width: 100% !important; } } #index { background-color:#e8e8e8; } #index .container { max-width: 1500px; /* Zmień na dowolną wartość lub 100% dla pełnej szerokości */ width: 95%; /* Margines bezpieczeństwa po bokach */ } #index .products.row { background-color: #fff; /* Twój wybrany kolor */ padding: 30px 15px; /* Odstęp wewnętrzny */ margin: 20px 0; /* Odstęp zewnętrzny od innych sekcji */ display: flex; /* Upewniamy się, że flex działa */ flex-wrap: wrap; /* Domyślnie Bootstrap zawija wiersze */ margin-top: 0; margin-top: -12px; } #index section.featured-products { background-color: #f8f9fa; /* Jasny szary lub Twój kolor */ padding: 50px 0; /* Odstęp nad tytułem i pod produktami */ margin: 30px 0; /* Odstęp od innych modułów */ border-radius: 15px; /* Opcjonalnie: zaokrąglone rogi całego bloku */ } #index .section-title { background: #fff; /* Upewniamy się, że nie ma własnego tła */ margin-bottom: 0; padding: 0 28px; padding-top: 20px; } #index section.featured-products { background-color: #f4f7f6; /* Jasne tło */ padding-top: 50px; /* Odstęp nad tytułem */ padding-bottom: 50px; /* Odstęp pod produktami */ margin-bottom: 40px; } .product-miniature .thumbnail-container, .product-miniature .product-miniature__image-container { border-radius: 0 !important; } input.js-search-input { color:#777 !important; /* Tutaj wpisz swój kolor (np. pomarańczowy) */ background-color: #ffffff; /* Opcjonalnie: kolor tła pola */ } /* Dla większości nowoczesnych przeglądarek */ .js-search-input::placeholder { color: #777 !important; opacity: 1; /* Wymagane dla Firefoxa */ } /* Starsze wersje przeglądarek (Internet Explorer, Edge) */ .js-search-input:-ms-input-placeholder { color: #777 !important; } #search-history-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; /* border-top: none;*/ z-index: 9999; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 10px 0; border-radius: 0 0 4px 4px; } .history-title { padding: 5px 15px; font-size: 12px; color: #999; text-transform: uppercase; font-weight: bold; } #search-history-dropdown ul { list-style: none; padding: 0; margin: 0; } #search-history-dropdown ul li { display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; cursor: pointer; transition: background 0.2s; } #search-history-dropdown ul li:hover { background: #f4f7f6; } #search-history-dropdown ul li span { flex-grow: 1; color: #8f218e; font-weight: 700; font-size: 15px; } .remove-item { background: none; border: none; color: #333; font-size: 22px; padding: 0 5px; line-height: 1; } .remove-item:hover { color: #ff0000; } .clear-all-history { text-align: center; padding: 10px; font-size: 11px; color: #2fb5d2; cursor: pointer; margin-top: 5px; } .clear-all-history:hover { text-decoration: underline; } /* 1. Resetujemy nagłówek, by zawsze był na wierzchu */ header#header { z-index: 1002 !important; /* Ważne: musi mieć pełne tło */ } /* 2. Tworzymy warstwę przyciemniającą na resztę strony */ body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); /* Intensywność przyciemnienia */ z-index: 1001; /* Wyżej niż treść, ale niżej niż header */ opacity: 0; visibility: hidden; transition: opacity 0.3s ease; pointer-events: none; } /* 3. Aktywacja przyciemnienia */ body.search-active::before { opacity: 1; visibility: visible; } /* 4. Dodatkowe zabezpieczenie dla sekcji pod nagłówkiem */ body.search-active #wrapper, body.search-active #footer { position: relative; z-index: 1; /* Spychamy treść pod warstwę ::before */ } body.search-active .header-top { background: inherit !important; position: relative; z-index: 1001 !important; } /* Cena po przecinku */ .current-price { white-space: nowrap !important; } /* Namierzamy kontener z groszami */ .current-price span, .product-price span, .price .decimals { display: inline-block !important; /* Musi być inline-block, aby top zadziałało */ font-size: 0.65em !important; /* Zmniejszenie (dopasuj według uznania) */ position: relative !important; /* Klucz do ręcznego przesuwania */ top: -0.6em !important; /* Ujemna wartość przesuwa w górę */ line-height: 1 !important; /* Zapobiega rozpychaniu paska ceny */ vertical-align: top !important; /* Dodatkowe wyrównanie do góry */ } /* Opcjonalnie: Jeśli chcesz, aby symbol waluty (zł) też był mniejszy lub w innym miejscu */ .current-price .currency { font-size: 0.8em; margin-left: 3px; } .custom-price-wrapper { display: inline-flex; align-items: baseline; /* Wyrównuje wszystko do dołu tekstu głównego */ } .price-main { font-size: 30px; font-weight: 500; } .price-decimals { font-size: 15px; position: relative; top: -10px; margin-left: 2px; font-weight: 400; } .price-currency { font-size: 14px; margin-left: 0px; font-weight: 400; top: -10px; position: relative; } .custom-container-price .price-wrapper { display: inline-flex !important; align-items: baseline; justify-content: center; /* Centrowanie ceny w boksie modułu */ width: 100%; } .custom-container-price .price-main { font-size: 1.15rem; font-weight: 700; color: #333; } .custom-container-price .price-decimals { font-size: 0.6em; position: relative; top: -0.55em; /* Grosze do góry */ margin-left: 1px; } .custom-container-price .price-currency { font-size: 0.7em; margin-left: 3px; font-weight: 400; color: #777; } /* Ukrycie starej ceny jeśli nachodzi na nową */ .custom-container-price .regular-price { display: block; font-size: 0.85rem; text-decoration: line-through; color: #999; margin-bottom: 2px; } .price-main2 { font-size: 25px; font-weight: 500; } .price-decimals2 { font-size: 14px; position: relative; top: -8px; margin-left: -3px; font-weight: 400; } .price-currency2 { font-size: 14px; margin-left: -5px; font-weight: 400; top: -8px; position: relative; } .remove-from-cart { display: inline-flex !important; align-items: center; gap: 6px; text-decoration: none !important; /* Kolor stały dla całości - dopasuj do swojego motywu */ color: #414141 !important; } /* Ikona - stałe parametry */ .remove-from-cart i { font-size: 17px !important; vertical-align: middle; margin-top: -30px; /* Wyłączenie zmian koloru ikony */ color: #9d9d9d !important; } /* Usunięcie podświetlenia po najechaniu na całość */ .remove-from-cart:hover { color: #333 !important; /* Ten sam kolor co bez najechania */ text-decoration: none !important; } .cart__item .product-line__actions a{ margin-left:-1px; /*padding: 5px; top: 5px;*/ position: relative; } .slider-wrapper { position: relative; display: flex; align-items: center; } .products-grid-slider { display: grid; grid-auto-flow: column; /* Wymusza układ w jednej linii (kolumny) */ grid-auto-columns: 20%; /* 4 produkty na ekranie (100 / 4) */ overflow-x: auto; /* Włącza przewijanie */ scroll-snap-type: x mandatory; scroll-behavior: smooth; gap: 1px; scrollbar-width: none; /* Ukrywa pasek przewijania na Firefox */ } .products-grid-slider::-webkit-scrollbar { display: none; /* Ukrywa pasek przewijania na Chrome/Safari */ } .slider-item { scroll-snap-align: start; min-width: 0; /* Fix dla flexbox/grid */ } /* Strzałki - widoczne tylko na dużych ekranach */ .slider-arrow { background: white; border: 1px solid #ddd; border-radius: 30%; width: 80px; height: 50px; cursor: pointer; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } @media (max-width: 768px) { .products-grid-slider { grid-auto-columns: 45%; /* 2 produkty na ekranie na telefonie */ } .slider-arrow { display: none; /* Ukrywamy strzałki na telefonie (używamy palca) */ } } .slider-item article { width: 100% !important; } .category-products-header { display: flex; justify-content: space-between; /* Tytuł na lewo, licznik na prawo */ align-items: baseline; /* Wyrównanie do dolnej linii tekstu */ margin-bottom: 20px; padding-top: 10px; } .category-products-header h2 { margin: 0; } .viewed-products-header { display: flex; justify-content: space-between; /* Tytuł na lewo, licznik na prawo */ align-items: baseline; /* Wyrównanie do dolnej linii tekstu */ margin-bottom: 20px; padding-top: 10px; } .viewed-products-header h2 { margin: 0; font-size: 1.25rem; /* Dopasuj do swojego motywu */ } .slider-pagination { font-size: 0.9rem; color: #7a7a7a; font-weight: 400; white-space: nowrap; /* Zapobiega łamaniu linii */ } #current-page { } /* Kontener musi być bazą dla pozycjonowania */ .thumbnail-container { position: relative; overflow: hidden; } /* Stylizacja przycisku */ .wishlist-button-add { position: absolute; /* Odstęp od góry */ right: 10px; /* Odstęp od prawej */ z-index: 5; /* Nad zdjęciem */ background: white; border: none; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; padding: 0; color: #414141; } /* Efekt po najechaniu */ .wishlist-button-add:hover { background: #f1f1f1; color: #ff4d4d; /* Czerwony kolor serca na hover */ } /* Ikona wewnątrz */ .wishlist-button-add i { font-size: 24px; line-height: 1; color:#333 !important; } /* Kontener musi być bazą dla strzałek */ .slider-wrapper { position: relative; display: block; /* Zmieniamy z flex na block, by strzałki nie biły się o miejsce */ width: 100%; } /* Wspólny styl dla obu strzałek */ .slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); /* Idealne centrowanie w pionie */ z-index: 10; background: rgba(255, 255, 255, 0.8); border: 1px solid #999; border-radius: 3px; width: 43px; height: 44px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.3s ease; } .slider-arrow:hover { background-color: #f7fafa; color: #333; } /* Lewa strzałka */ .slider-arrow.prev { left: -35px; /* Wysunięcie lekko poza krawędź zdjęć */ } /* Prawa strzałka */ .slider-arrow.next { right: -35px; } /* Upewnij się, że zdjęcia nie są przykryte przez strzałki na małych ekranach */ @media (max-width: 1200px) { .slider-arrow.prev { left: 5px; } .slider-arrow.next { right: 5px; } } .header-controls-group { display: flex; align-items: center; justify-content: flex-end; } /* Bazowy styl dla obu przycisków */ .btn-reset { display: inline-flex !important; align-items: center; gap: 5px; cursor: pointer; background: none; border: none; color: #2fb5d2; /* Kluczowe ukrycie: */ opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease; } /* Klasa aktywująca, którą nadaje JS */ .btn-reset.is-visible { opacity: 1 !important; visibility: visible !important; } .header-controls-group { display: flex; align-items: center; justify-content: flex-end; /* Całość trzyma się prawej strony */ min-width: 150px; /* Opcjonalnie: rezerwuje miejsce, by nic nie skakało */ } .slider-pagination { color: #333; white-space: nowrap; /* Licznik jest punktem startowym */ } .btn-reset { /* Używamy display: none, aby przycisk fizycznie nie istniał, gdy slider jest na 1 stronie */ display: none !important; align-items: center; gap: 5px; margin-left: 10px; /* Odstęp od licznika */ background: none; border: none; color: #2162a1; cursor: pointer; opacity: 0; transition: opacity 0.3s ease; } /* Klasa aktywująca */ .btn-reset.is-visible { display: flex !important; /* Przywraca przycisk do układu */ opacity: 1 !important; } .header-controls-group { display: flex !important; flex-direction: row !important; /* Wymusza układ poziomy */ flex-wrap: nowrap !important; /* Zakaz przeskakiwania pod spód */ align-items: center; justify-content: flex-end; gap: 10px; } .slider-pagination { display: inline-block; white-space: nowrap; /* Licznik nie może się złamać */ } .btn-reset { /* Upewnij się, że przycisk też nie chce być blokiem */ display: none !important; align-items: center; white-space: nowrap; /* Tekst przycisku w jednej linii */ } .btn-reset.is-visible { display: inline-flex !important; } /* Ukrycie szybkiego podglądu w Ostatnio przeglądanych oraz w Innych produktach w kategorii */ #viewed-slider .quickview, #viewed-slider .js-quickview, .category-products .quickview, .category-products .js-quickview, .featured-products .quickview, .featured-products .js-quickview { display: none !important; } /* Ukrycie dodatkowych paneli informacyjnych pojawiających się przy hoverze */ #viewed-slider .highlighted-informations, .category-products .highlighted-informations { display: none !important; } .page-index .product-miniature__title a, .page-index .product-miniature__title { color: #111 !important; /* Tutaj wpisz swój wymarzony kolor */ } /* Powiększenie zdjęcia w koszyku na stronie podsumowania */ .cart-item .product-image img { width: 120px !important; /* Zmień na pożądaną wielkość */ height: auto !important; max-width: none !important; } /* Powiększenie kontenera zdjęcia (jeśli obrazek się ucina) */ .cart-item .product-image { width: 120px !important; flex: 0 0 120px !important; /* Zapobiega ściskaniu przez inne elementy */ } /* Powiększenie w mini-koszyku (tym rozwijanym z góry) */ .cart-preview .product-image img { width: 80px !important; height: auto !important; } /* 1. Kontener wiersza produktu - wymuszamy układ siatki */ .product-line-grid { display: grid !important; grid-template-columns: 150px 1fr auto; /* Zdjęcie (150px), Środek (elastyczny), Prawa strona */ grid-template-rows: 1fr auto; /* Dwa rzędy: góra elastyczna, dół na informacje */ position: relative !important; min-height: 160px; align-items: start; border-bottom: 1px solid #ebebeb; padding: 15px 0; } /* 2. Zdjęcie po lewej (rozciąga się na oba rzędy) */ .product-line-grid-left { grid-column: 1; grid-row: 1 / span 2; } .product-line-grid-left img { width: 140px !important; height: auto !important; } /* 3. Treść (nazwa produktu) na środku */ .product-line__content { grid-column: 2; grid-row: 1; padding-left: 20px; padding-top: 10px; } /* 4. Informacje (cena i ilość) - WRACAJĄ Z FOOTERA DO ROGU */ .product-line__informations { grid-column: 2 / span 2; /* Zajmuje miejsce od środka do prawej */ grid-row: 2; /* Ląduje w drugim rzędzie (na dole) */ display: flex !important; justify-content: flex-end !important; /* Pcha zawartość do prawej krawędzi */ align-items: center !important; padding-top: 0px; } /* Usuwamy stare pozycjonowanie, które mogło psuć widok */ .product-line__informations.col-8 { position: static !important; /*width: 100% !important;*/ } /* Kontener przycisków akcji w koszyku */ .cart-line-product-actions { display: flex; flex-direction: column; gap: 10px; align-items: center; } /* Stylizacja przycisku wishlisty wewnątrz koszyka */ .wishlist-button-container .wishlist-button-add { background: none !important; border: none !important; color: #333 !important; padding: 0 !important; font-size: 14px; } /* Ukrycie domyślnego tekstu jeśli moduł go dodaje, a chcemy samo serce */ .wishlist-button-container .wishlist-label { display: none; } .wishlist-product-title{ color:#2162a1 !important; } .wishlist-header-block { display: inline-block; vertical-align: middle; margin-right: 15px; } .wishlist-header-block a { display: flex; align-items: center; text-decoration: none; color: #232323; /* Dopasuj do koloru swojego menu */ } .wishlist-header-block i { font-size: 24px; margin-right: 12px; } .wishlist-header-block .wishlist-label { font-size: 14px; } /* Kropka z licznikiem (jeśli używasz) */ .wishlist-count { background: #ff0000; color: #fff; border-radius: 50%; padding: 2px 6px; font-size: 10px; margin-left: -10px; margin-top: -15px; } /* Wymuszamy widoczność napisu */ .wishlist-header-block .wishlist-label { display: inline-block !important; /* Zapobiega ukrywaniu przez skrypty */ visibility: visible !important; color: var(--bs-dropdown-link-color); /* Wpisz kolor pasujący do Twojego menu (np. czarny) */ max-width: none !important; white-space: nowrap !important; /* Zapobiega łamaniu tekstu do nowej linii */ font-size:15px; } /* Upewniamy się, że blok nagłówka go nie ucina */ .wishlist-header-block { display: flex !important; align-items: center; overflow: visible !important; min-width: fit-content; } /* Jeśli ikona też znika, nadaj jej kolor */ .wishlist-header-block i { color: #232323 !important; } /* Kontener pojedynczego produktu na liście życzeń */ .wishlist-product { border: 1px solid #f0f0f0 !important; padding: 15px !important; margin-bottom: 20px !important; border-radius: 8px !important; transition: 0.3s !important; background: #fff; } .wishlist-product:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; } /* Resetowanie efektu powiększania */ .wishlist-product-image img, .wishlist-product-image:hover img { transform: none !important; /* Usuwa powiększenie */ transition: none !important; /* Usuwa płynność ruchu */ filter: none !important; /* Usuwa ewentualne przyciemnienie */ top:0% !important; left:0% !important; max-width:90% !important; } /* Przywrócenie widoczności (opcjonalnie) */ .wishlist-product-image { overflow: visible !important; /* Zdjęcie nie musi już być "ucinane" */ } /* Nazwa produktu */ .wishlist-product-title { font-size: 16px !important; font-weight: 600 !important; color: #333 !important; } /* 1. Wygląd podstawowy: Przezroczyste tło i ramka */ .btn.wishlist-product-addtocart { background-color: transparent !important; color: #2fb5d2 !important; /* Tutaj wpisz swój kolor motywu */ border: 2px solid #2fb5d2 !important; border-radius: 4px !important; /* Możesz zmienić na 25px dla zaokrąglenia */ padding: 8px 15px !important; font-weight: 600 !important; text-transform: uppercase !important; transition: all 0.3s ease-in-out !important; } /* 2. Efekt Hover: Białe tło i zachowanie ramki */ .btn.wishlist-product-addtocart:hover { background-color: #ffffff !important; color: #2fb5d2 !important; /* Kolor tekstu pozostaje taki sam lub na odwrót */ border-color: #2fb5d2 !important; /* Ramka zostaje widoczna na białym tle */ box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; } .wishlist-product-availability { color:#0b7b3c !important; } .link-item:hover, a.link-item:hover, .header .link-item:hover { color: #666666 !important; background-color: #f1f1f1 !important; /* Na wypadek gdyby to był przycisk */ /* Wyłączamy działanie zmiennych RGB, które generują niebieski */ --bs-link-color-rgb: none !important; --bs-link-hover-color-rgb: none !important; /* Nadpisujemy styl linków Bootstrapa */ -webkit-text-fill-color: #666666 !important; } /* Styl dla kafelków w panelu klienta */ .customer-link__link { background-color: #ffffff !important; display: block; /* Upewniamy się, że cały kafelek jest klikalny */ text-decoration: none !important; } .product-cover { cursor: zoom-in; } /* Wymuszamy układ obok siebie w modalu */ .display-flex-modal { display: flex !important; flex-wrap: wrap; align-items: flex-start; } /* Stylizacja pionowej listy miniatur */ .thumbnails-column { max-height: 80vh; /* Aby nie wyszło poza ekran */ overflow-y: auto; /* Przewijanie pionowe jeśli zdjęć jest dużo */ padding-left: 15px !important; } .modal-thumbnails-list { display: flex; flex-direction: column; /* PIONOWO */ gap: 10px; } .modal-thumb-item img { cursor: pointer; border: 2px solid #f0f0f0; transition: 0.2s; } .modal-thumb-item img:hover, .modal-thumb-item img.selected { border-color: var(--bs-primary) !important; } /* Responsywność - na komórkach miniatury pod spód */ @media (max-width: 767px) { .modal-thumbnails-list { flex-direction: row; /* POZIOMO na mobile */ overflow-x: auto; } .modal-thumb-item { width: 70px; flex-shrink: 0; } } /* Galeria zdjęć modal */ /* ========================================================================== --- OSTATECZNY PEŁNY EKRAN MODALU (STYL ALLEGRO - ABSOLUTE POSITION) --- ========================================================================== */ /* 1. Rozbijamy domyślny kwadrat i wymuszamy pełne okno przeglądarki */ body #product-modal, body .modal.product-modal { padding-right: 0 !important; } #product-modal .modal-dialog, #product-modal .modal-dialog.modal-lg { max-width: 100vw !important; width: 100vw !important; min-width: 100vw !important; min-height: 100vh !important; height: 100vh !important; margin: 0 !important; padding: 0 !important; transform: none !important; } #product-modal .modal-content { height: 100vh !important; max-height: 100vh !important; border: none !important; border-radius: 0 !important; background-color: #ffffff !important; overflow: hidden !important; box-shadow: none !important; } /* 2. Układ wewnętrzny modala - Przygotowanie pod pozycjonowanie absolutne */ #product-modal .modal-body { height: 100vh !important; max-height: 100vh !important; padding: 20px 20px 0 20px !important; display: block !important; /* Blok zamiast Flex, aby zignorować ograniczenia szablonu */ position: relative !important; overflow: hidden !important; } /* 3. Agresywne usuwanie starej lupy i zbędnych elementów PrestaShop */ #product-modal .modal-product-title, #product-modal .product-description, #product-modal .zoom-controls, #product-modal .zoom-btn, #product-modal .layer, #product-modal .col-md-3:not(:has(.js-modal-product-images)), #product-modal .direction, #product-modal .arrows, #product-modal .js-modal-arrows, .custom-modal-arrow { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* 4. Kontener głównego zdjęcia (Rozciągnięty od góry do linii miniatur) */ #product-modal .col-md-9.col-12 { width: 100% !important; max-width: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; height: calc(100vh - 105px) !important; /* Wysokość ekranu minus pasek miniatur i oddech */ display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; background: #ffffff !important; margin: 0 !important; /* Likwiduje ukryte marginesy szablonu */ padding: 20px !important; } /* Zdjęcie główne w pełnym ekranie */ #product-modal .js-modal-product-cover { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; } /* Usuwamy efekty hover/lupy generowane przez pseudo-elementy szablonu */ #product-modal .col-md-9.col-12::before, #product-modal .col-md-9.col-12::after, #product-modal .product-cover::before, #product-modal .product-cover::after { display: none !important; content: none !important; } /* 5. PASEK MINIATUR - BEZWZGLĘDNIE PRZYKLEJONY DO SAMEGO DOŁU EKRANU (0px) */ #product-modal .col-md-3:has(.js-modal-product-images) { position: absolute !important; bottom: 0 !important; /* Dokładnie 0 pikseli od fizycznej dolnej krawędzi monitora */ left: 50% !important; transform: translateX(-50%) !important; /* Perfekcyjne wycentrowanie paska w poziomie */ width: 100% !important; max-width: 950px !important; height: 85px !important; /* Wysokość skrojona pod miniatury bez zbędnego marginesu na dole */ padding: 0 50px !important; margin: 0 !important; border: none !important; background: #ffffff !important; /* Maskuje wszelkie elementy mogące prześwitywać pod spodem */ display: flex !important; align-items: center !important; justify-content: center !important; z-index: 9999 !important; /* Absolutny wierzch */ } /* Wymuszamy nowoczesną siatkę dla powiększonych do 75px miniatur */ .js-modal-product-images { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 75px !important; /* Szerokość każdego kafelka */ gap: 10px !important; /* Odstępy między miniaturkami */ width: 100% !important; height: 75px !important; max-height: 75px !important; margin: 0 auto !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth !important; /* Ukrywanie pasków przewijania w przeglądarkach Firefox i IE */ scrollbar-width: none !important; -ms-overflow-style: none !important; } /* Ukrywanie paska przewijania w Chrome, Safari, Opera */ .js-modal-product-images::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* Przepisywanie struktury sliderów bezpośrednio do naszego Grida */ .js-modal-product-images .slick-track, .js-modal-product-images .slick-list, .js-modal-product-images .owl-stage-outer, .js-modal-product-images .owl-stage { display: contents !important; width: auto !important; transform: none !important; } /* Pojedynczy kafelek miniatury (Powiększony do 75px x 75px) */ .js-modal-product-images .thumb-container, .js-modal-product-images .slick-slide { width: 75px !important; height: 75px !important; max-width: 75px !important; max-height: 75px !important; display: block !important; margin: 0 !important; padding: 0 !important; float: none !important; } .js-modal-product-images .js-modal-thumb { width: 100% !important; height: 100% !important; object-fit: cover !important; border: 2px solid #e5e5e5 !important; border-radius: 4px !important; opacity: 1 !important; display: block !important; } /* Podświetlenie wybranego zdjęcia */ .js-modal-product-images .js-modal-thumb.selected, .js-modal-product-images .js-modal-thumb:hover { border-color: #333333 !important; } /* 6. Duży przycisk Zamknij (X) w rogu strony */ #product-modal .close, #product-modal .close.custom-modal-close { position: fixed !important; top: 20px !important; right: 25px !important; z-index: 99999 !important; font-size: 40px !important; color: #333333 !important; opacity: 0.4 !important; background: none !important; border: none !important; cursor: pointer !important; transition: opacity 0.2s ease !important; } #product-modal .close:hover { opacity: 1 !important; } /* 7. Kwadratowe, eleganckie i przezroczyste strzałki po bokach zdjęcia */ .main-modal-arrow { display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 45px !important; height: 45px !important; border-radius: 4px !important; background: rgba(255, 255, 255, 0.4) !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.5) !important; font-size: 32px !important; font-family: Arial, sans-serif !important; cursor: pointer !important; z-index: 9999 !important; padding: 0 0 5px 0 !important; transition: all 0.2s ease-in-out !important; } .main-arrow-left { left: 20px !important; } .main-arrow-right { right: 20px !important; } .main-modal-arrow:hover { background: rgba(255, 255, 255, 0.65) !important; color: rgba(0, 0, 0, 0.8) !important; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } /* Ukrywanie strzałek w momencie, gdy użytkownik zbliży zdjęcie kliknięciem */ #product-modal .js-modal-product-cover.zoom-active ~ .main-modal-arrow { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* --- WYMUSZENIE KURSORA RĄCZKI (POINTER) --- */ .product-main-container, .product-main-container *, .product-cover, .product-cover img, #product-modal .col-md-9.col-12, #product-modal .col-md-9.col-12 *, img.js-modal-product-cover, .js-modal-product-cover.zoom-modal-initialized { cursor: pointer !important; } /* Koniec galeri zdjęć */ /* Stylizacja kontenera wishlisty w nagłówku */ .header-bottom__row { display: flex; align-items: center; /* Wyśrodkowanie w pionie wszystkich ikon */ } .header-wishlist-link { display: flex; flex-direction: column; /* Ikona nad tekstem (jeśli tak masz w koszyku) */ align-items: center; justify-content: center; text-decoration: none; color: #232323; /* Dopasuj kolor do reszty nagłówka */ position: relative; padding: 0 10px; } .header-wishlist-link i { font-size: 24px; /* Standardowy rozmiar ikon Material Icons */ margin-bottom: 2px; } .header-wishlist-link .label { font-size: 12px; text-transform: uppercase; } /* Licznik (czerwona kropka) */ .wishlist-count-badge { position: absolute; top: -5px; right: 5px; background: #ff4d4d; /* Czerwony kolor powiadomienia */ color: white; font-size: 10px; font-weight: bold; border-radius: 50%; padding: 2px 5px; min-width: 16px; text-align: center; } /* Efekt po najechaniu */ .header-wishlist-link:hover { color: #2fb5d2; /* Twój kolor akcentowy */ } /* Gwarancja jednej linii i wyrównania */ .header-bottom__row { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; } /* 1. Naprawa LOGO - nie pozwól mu zmaleć */ .header-col-left { flex: 0 0 auto !important; min-width: 150px; /* Ustaw realną szerokość swojego loga */ } .header-col-left img { width: 100%; height: auto; max-width: 200px; /* Maksymalna szerokość loga */ } /* 2. Naprawa WYSZUKIWARKI - wypełnia środek, ale nie miażdży innych */ .header-col-center { flex: 1 1 auto !important; padding: 0 20px !important; } /* 3. Naprawa IKON - trzymaj je blisko siebie */ .header-col-right { flex: 0 0 auto !important; display: flex !important; flex-direction: row !important; /* Wymuś poziom */ align-items: center !important; justify-content: flex-end !important; } /* Usuwamy marginesy i szerokości z elementów wewnątrz hooków */ .header-col-right .col-md-7, .header-col-right #_desktop_user_info, .header-col-right #_desktop_cart { width: auto !important; padding: 0 !important; margin: 0 5px !important; } /* Styl ikonki wishlisty, by pasowała do reszty */ .header-wishlist-wrapper .header-block__action-btn { display: flex; padding: 5px; color: #232323; } .header-wishlist-wrapper i { font-size: 26px; } /* GŁÓWNY KONTENER NAGŁÓWKA */ .header-bottom-v2 { padding: 15px 0; } .header-flex-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 15px; } /* 1. LOGO: Stała szerokość, nie kurczy się */ .header-logo-col { flex: 0 0 auto; max-width: 180px; /* Ustaw realną szerokość loga */ } .header-logo-col img { width: 130px !important; height: auto; } /* 2. WYSZUKIWARKA: Elastyczny środek */ .header-search-col { flex: 1 1 auto; max-width: 600px; /* Nie pozwól jej być za szeroką na ultra-wide */ margin: 0 20px; } /* Kontener wyszukiwarki */ .header-search-col { /* Nie rośnij na siłę, ale pozwalaj się zwężać */ margin-left: 10px !important; /* Tutaj regulujesz odległość od LOGA (zmniejsz/zwiększ) */ margin-right: auto !important; /* Pcha resztę ikon na prawą stronę */ max-width: 55% !important; /* Ogranicza szerokość samej wyszukiwarki */ } /* Opcjonalnie: Jeśli chcesz, aby ikony z prawej też nie były na samym końcu, zmień wrapper na: */ .header-flex-wrapper { justify-content: flex-start !important; /* Wszystko wyrównane do lewej */ gap: 30px; /* Stały odstęp między Logo - Wyszukiwarką - Ikonami */ } /* Reset stylów Presty dla wyszukiwarki */ .header-search-col #search_widget, .header-search-col form { margin: 0 !important; width: 100% !important; } /* 3. IKONY: Stała szerokość po prawej */ .header-icons-col { flex: 0 0 auto; display: flex; align-items: center; gap: 20px; /* Odstępy między ikonami */ } .header-icon-item { display: flex; align-items: center; } .header-icon-link { display: flex; align-items: center; color: #232323; text-decoration: none !important; } .header-icon-link i, .header-icon-item .material-icons { font-size: 26px; } .icon-label { font-size: 13px; padding: 7px; margin-top: 2px; color:#fff; } /* NAPRAWA ELEMENTÓW Z HOOKÓW (Zaloguj/Koszyk) */ .header-icons-col .col-md-7, .header-icons-col #_desktop_user_info, .header-icons-col #_desktop_cart { width: auto !important; padding: 0 !important; margin: 0 !important; } /* MOBILNE POPRAWKI */ @media (max-width: 767px) { .header-flex-wrapper { gap: 7px; } .header-logo-col { max-width: 120px; /* Mniejsze logo na komórki */ } .header-icons-col { gap: 12px; } .icon-label { display: none !important; /* Na mobile tylko ikony */ } } /* Wyrównanie wszystkich ikon w rzędzie */ .header-icons-col { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end; gap: 10px; /* Odstęp między ikonami */ } /* Wymuszenie równego traktowania wszystkich elementów */ .header-icon-item { display: flex; align-items: center; white-space: nowrap; } /* Jeśli hook Nav2 generuje dodatkowe divy, wyrównujemy je */ .header-icon-item .user-info, .header-icon-item #_desktop_user_info { display: flex !important; align-items: center !important; } .wishlist-products-list{ margin:0 !important; } /* Wymuszenie koloru ikony - używamy potrójnego selektora dla większej wagi */ .header-icons-col a.header-icon-link i.material-icons { color:#e6e8e8 !important; /* Tutaj wpisz swój docelowy kolor (np. czarny) */ background: none !important; text-shadow: none !important; border: none !important; outline: none !important; margin-top: 2px; } /* Zapobieganie zmianie koloru przy najechaniu i kliknięciu */ .header-icons-col a.header-icon-link:hover i.material-icons, .header-icons-col a.header-icon-link:focus i.material-icons, .header-icons-col a.header-icon-link:active i.material-icons { color: #fff !important; /* Ten sam kolor co wyżej */ background: transparent !important; text-decoration: none !important; } /* Usunięcie poświaty/cienia, który czasem imituje kolor */ .header-icon-link i { -webkit-font-smoothing: antialiased; box-shadow: none !important; } @media (max-width: 767px) { /* 1. Pozwalamy elementom zawijać się do nowej linii */ .header-flex-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; } /* 2. Logo na lewo */ .header-logo-col { flex: 0 0 auto !important; } /* 3. Ikony na prawo */ .header-icons-col { flex: 0 0 auto !important; order: 2 !important; display: flex !important; gap: 15px; } /* 4. Wyszukiwarka - WYMUSZENIE WIDOCZNOŚCI I NOWEJ LINII */ .header-search-col.d-none.d-md-block { display: block !important; /* Nadpisujemy d-none */ flex: 1 1 100% !important; /* Zajmuje całą szerokość ekranu */ order: 3 !important; /* Wpada pod logo i ikony */ margin-top: 15px !important; } /* Opcjonalnie: ukrywamy lupkę offcanvas, skoro pasek jest pod spodem */ .header-icon-item.d-md-none { display: none !important; } } /* --- Styl ogólny --- */ .header-flex-wrapper { display: flex !important; flex-wrap: wrap !important; /* Kluczowe dla dwóch rzędów */ align-items: center !important; justify-content: space-between !important; } /* --- Mobile (poniżej 767px) --- */ @media (max-width: 767px) { /* Góra: Logo na lewo */ .header-logo-col { order: 1 !important; flex: 0 0 auto !important; } /* Góra: Ikony na prawo */ .header-icons-col { order: 2 !important; flex: 0 0 auto !important; display: flex !important; align-items: center; gap: 15px; } /* Dół: Wyszukiwarka pod spodem */ .header-search-col { order: 3 !important; flex: 1 1 100% !important; /* Wymusza całą szerokość i nową linię */ display: block !important; margin-top: 15px !important; } /* Upewnij się, że ID wewnątrz hooka nie jest ukryte */ #search_widget, .search-widget, #desktop_search_container { display: block !important; visibility: visible !important; opacity: 1 !important; } } /* --- Desktop (powyżej 768px) --- */ @media (min-width: 768px) { .header-search-col { flex: 1 !important; margin: 0 20px !important; } } /* Wymuszamy widoczność standardowych klas wyszukiwarki PrestaShop */ @media (max-width: 767px) { #search_widget, .search-widget, #search_query_top, .ui-autocomplete-input { display: block !important; visibility: visible !important; opacity: 1 !important; } /* Jeśli moduł ma formę ikony, wymuś żeby był rozwiniętym paskiem */ .search-widget form { display: flex !important; width: 100% !important; } .search-widget input[type="text"] { width: 100% !important; min-height: 40px; /* Żeby łatwo było trafić palcem */ border: 1px solid #ccc !important; } } @media (max-width: 767px) { /* Wymuszamy elastyczny kontener */ .header-flex-wrapper { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; /* Wymuszamy kierunek poziomy */ justify-content: space-between !important; align-items: center !important; } /* RZĄD 1 - LEWA STRONA (Logo) */ .header-logo-col { order: 1 !important; flex: 0 0 50% !important; /* Dokładnie połowa szerokości */ max-width: 50% !important; text-align: left !important; } /* RZĄD 1 - PRAWA STRONA (Ikony) */ .header-icons-col { order: 2 !important; max-width: 50% !important; display: flex !important; justify-content: flex-end !important; /* Dosuń ikony do prawej krawędzi */ gap: 10px !important; } /* RZĄD 2 - CAŁA SZEROKOŚĆ (Wyszukiwarka) */ .header-search-col { order: 3 !important; flex: 0 0 100% !important; /* Wymuś 100% szerokości */ max-width: 100% !important; margin-top: 10px !important; /* Odstęp od logo i ikon */ display: block !important; } /* Wymuszenie szerokości paska w środku */ .header-search-col #search_widget, .header-search-col form, .header-search-col input { width: 98% !important; } } @media (max-width: 767px) { /* Ustawienie głównego kontenera */ .header-flex-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; } /* KOLEJNOŚĆ BLOKÓW GŁÓWNYCH */ .header-logo-col { order: 1; flex: 0 0 40% !important; } .header-icons-col { order: 2; flex: 0 0 60% !important; display: flex !important; justify-content: flex-end !important; align-items: center; gap: 0px; } .header-search-col { order: 3; flex: 0 0 100% !important; display: block !important; margin-top: 10px; } /* KOLEJNOŚĆ IKONEK WEWNĄTRZ */ .user-info-item { order: 1 !important; } /* Pierwszy: Zaloguj */ .wishlist-info-item { order: 2 !important; } /* Drugi: Wishlist */ .cart-info-item { order: 3 !important; } /* Trzeci: Koszyk */ /* NAPIS ZALOGUJ PRZED LUDZIKIEM */ .user-info-item a { display: flex !important; flex-direction: row-reverse !important; /* Zamiana Napis <-> Ikona */ align-items: center !important; gap: 4px; font-size: 13px; } /* Wymuszenie pokazania napisu "Zaloguj" jeśli moduł go ukrywa */ .user-info-item a span { display: inline-block !important; } /* FIX DLA WYSZUKIWARKI - jeśli nadal znika */ #search_widget, .search-widget, #desktop_search_container { display: block !important; width: 100% !important; } } @media (max-width: 767px) { /* Główny kontener */ .header-flex-wrapper { display: flex !important; flex-wrap: wrap !important; align-items: center !important; } .shopingcartt{ margin-top:-26px; } .header-block__action-btn { margin-right: 3px; } /* Rząd 1: Logo lewo (40%) */ .header-logo-col { flex: 0 0 40% !important; max-width: 40% !important; order: 1 !important; margin-left: 10px; } /* Rząd 1: Ikony prawo (60%) */ .header-icons-col { flex: 0 0 60% !important; order: 2 !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 10px !important; } /* Rząd 2: Wyszukiwarka (100%) */ .header-search-col { flex: 0 0 100% !important; max-width: 100% !important; order: 3 !important; margin-top: -5px !important; display: block !important; } /* Napis Zaloguj przed ludzikiem */ .user-info-item a { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; gap: 4px; white-space: nowrap; } /* Ukrywamy serce na mobile */ .wishlist-info-item { display: none !important; } } /* Naprawa kontenera komentarzy na dole strony */ #product_comments_block_tab, .product-comments-wrapper { width: 100% !important; max-width: 1300px !important; /* Dopasuj do szerokości Twojego sklepu */ margin: 40px auto !important; /* Centrowanie i odstęp góra/dół */ padding: 0 15px !important; /* Odstępy boczne na telefonach */ clear: both !important; /* Zapobiega nachodzeniu na inne elementy */ } /* Jeśli tło jest białe, a napisy się zlewają */ .product-comments-wrapper { background: #fff; padding: 20px !important; border-radius: 8px; } /* Naprawa marginesów przycisku "Dodaj opinię" */ #product_comments_block_tab .comment_button, .product-comments-wrapper .add-comment { margin-bottom: 20px !important; } /* Poprawka wyglądu po przeniesieniu */ h1 + .product__additional-info { display: flex !important; align-items: center !important; gap: 10px !important; background: transparent !important; border: none !important; padding: 0 !important; } /* Ukrywamy zbędne elementy, które mogły "przyjechać" razem z gwiazdkami */ h1 + .product__additional-info .product-availability, h1 + .product__additional-info .product-reference { display: none !important; } /* Stylizacja bloku gwiazdek pod nazwą */ .product-stars-top .product__additional-info { display: flex !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 10px 0 !important; } /* Ukrywamy wszystko inne w tym górnym bloku (EAN itp.) */ .product-stars-top .product__additional-info > div:not(.comments-note):not(.star-content) { display: none !important; } /* Naprawa marginesów komentarzy na samym dole (pod produktami) */ #product_comments_block_tab, .product-comments-wrapper { width: 100% !important; max-width: 1200px; margin: 40px auto !important; clear: both; } /* Ukrywamy link "Napisz swoją opinię" pod nazwą produktu */ #stars-placeholder .post-product-comment, #stars-placeholder .add-comment, #stars-placeholder .link-comment { display: none !important; } /* Stylizacja bloku, aby gwiazdki i liczba opinii były w jednej linii */ #stars-placeholder .product__additional-info { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: -30px !important; } /* Jeśli liczba opinii (np. "2 opinie") jest osobnym linkiem, zostawiamy ją, ale usuwamy podkreślenie, żeby wyglądało jak zwykły tekst */ #stars-placeholder .comments-nb { display: inline-block !important; font-size: 14px; color: #666; text-decoration: none !important; pointer-events: none; /* Blokuje klikalność, jeśli chcesz, by był to tylko tekst */ } /* Opcjonalnie: Dodanie nawiasów wokół liczby opinii przez CSS (jeśli ich nie ma) */ /* #stars-placeholder .comments-nb::before { content: "("; } #stars-placeholder .comments-nb::after { content: ")"; } */ #stars-placeholder a { cursor: pointer !important; transition: opacity 0.2s; } #stars-placeholder a:hover { opacity: 0.7; text-decoration: none !important; } /* Ukrywamy kropki/przecinki jeśli moduł je dodaje między linkami */ #stars-placeholder .product__additional-info { font-size: 0; /* ukrywa "luźne" znaki tekstowe */ } #stars-placeholder .product__additional-info > * { font-size: 14px; /* przywraca rozmiar dla ikon i linków */ } #stars-placeholder a:not(.reviews-count-link) { display: none !important; } .reviews-count-link { transition: color 0.2s; } .reviews-count-link:hover { color: #000 !important; } /* 1. Całkowite wyzerowanie kontenera, gdy nie ma opinii */ .product-list-reviews { display: block !important; visibility: hidden !important; /* Ukrywa zawartość, ale... */ height: 0 !important; /* ...zeruje wysokość */ min-height: 0 !important; /* Usuwa minimalną wysokość */ margin: 0 !important; /* Usuwa marginesy */ padding: 0 !important; /* Usuwa paddingi */ overflow: hidden !important; /* Przycina wszystko co wystaje */ } /* 2. Przywrócenie przestrzeni TYLKO gdy w środku są gwiazdki (ikony lub klasa .grade-stars) */ .product-list-reviews:has(i), .product-list-reviews:has(.grade-stars), .product-list-reviews:has(.comments-nb) { visibility: visible !important; margin-bottom: 10px !important; /* Dodaj margines tylko tutaj */ margin-top: 5px !important; } /* Kontener loga jako flex, aby napis stał obok obrazka */ .header-logo-col a { display: flex !important; align-items: flex-end; /* Napis będzie wyrównany do dołu loga */ text-decoration: none; } /* Dodanie napisu .pl */ .header-logo-col a:after { content: ".pl"; font-size: 17px; /* Dopasuj wielkość do wysokości loga */ font-weight: 400; /* Pogrubienie */ color: #fff; /* Dopasuj kolor do loga lub menu */ margin-left: 1px; /* Mały odstęp od grafiki */ line-height: 1.8; /* Korekta wysokości linii */ display: none; /* Możesz wpisać nazwę czcionki ze swojego sklepu */ } @media (max-width: 767px) { .header-logo-col a:after { font-size: 16px; margin-left: 1px; } } #cart .breadcrumb, #cart .breadcrumb-item { display: none !important; } /* Zwiększamy odstępy tylko na stronie koszyka */ #cart .wrapper__content, #cart .wrapper__content-full-width { /* Większy odstęp od nagłówka */ padding-bottom: 180px !important; /* Większy odstęp od stopki */ padding-top: 40px; } /* Opcjonalnie: jeśli chcesz odsunąć samą zawartość wewnątrz */ #cart #main { margin-top: 20px !important; margin-bottom: 20px !important; } /* 1. Zmiana tła całej strony koszyka */ body#cart { background-color: #f4f4f4 !important; /* Tutaj wpisz swój kolor (np. jasnoszary) */ } /* 2. Zmiana tła samego kontenera z treścią (jeśli chcesz, żeby koszyk był na białym tle na szarym ekranie) */ #cart .wrapper__content, #cart .wrapper__content-full-width { /* Tło pod treścią koszyka */ border-radius: 0px; /* Opcjonalnie: zaokrąglone rogi */ /* Opcjonalnie: delikatny cień */ } @media (min-width: 992px) { /* 1. Wymuszamy, aby główny kontener koszyka stał się elastycznym rzędem */ #cart .cart-grid { display: flex !important; flex-direction: row !important; align-items: flex-start !important; /* Zapobiega rozciąganiu podsumowania w pionie */ width: 100% !important; } /* 2. Lewa kolumna (Produkty) */ #cart .cart-grid__body { flex: 0 0 68% !important; /* Zajmuje 65% szerokości */ margin-right: 2% !important; /* TO TWORZY PRZERWĘ (5% szerokości) */ padding: 25px !important; background-color: #fff; } /* 3. Prawa kolumna (Podsumowanie) */ #cart .cart-grid__right { flex: 0 0 30% !important; /* Zajmuje 30% szerokości (65+5+30 = 100%) */ padding: 5px !important; background-color: #fff; } } /* Stylizacja nagłówków bez psucia układu strony */ #cart h4, #cart .h4 { display: inline-block !important; /* Nie pozwala nagłówkowi zająć całego wiersza */ width: auto !important; font-size: 24px !important; /* Twoja nowa wielkość */ margin-bottom: 10px !important; padding: 0 !important; clear: both; /* Zapobiega nachodzeniu na inne elementy */ } /* Specyficzna poprawka dla nazw produktów, jeśli też są h4 */ .product-line-info .h4, .product-line-info h4 { font-size: 16px !important; /* Nazwa produktu powinna być mniejsza niż "Podsumowanie" */ } .Subtotals{ font-size: 19px; font-weight: 400; padding: 10px; margin-bottom: -5px; } /* Kontener otaczający slider i strzałki */ .slider-wrapper { position: relative; padding: 0 50px; /* Robimy miejsce na strzałki po bokach */ } /* Strzałka "następny" */ .slider-arrow.next { position: absolute; right: 0; /* Wędruje na samą krawędź wrapper-a */ top: 50%; transform: translateY(-50%); z-index: 10; } /* Strzałka "poprzedni" */ .slider-arrow.prev { position: absolute; left: 0; /* Wędruje na lewą krawędź */ top: 50%; transform: translateY(-50%); z-index: 10; } /* Kontener, w którym bezpośrednio znajdują się produkty */ .slider-wrapper .slider { display: flex !important; flex-wrap: nowrap !important; /* Kluczowe: produkty MUSZĄ być w jednej linii */ gap: 15px; /* Odstęp między zdjęciami */ overflow-x: auto; /* Pozwala na przewijanie, jeśli jest ich dużo */ scroll-behavior: smooth; } /* Poprawka dla elementu produktu */ .slider-wrapper .slider-item { flex: 0 0 250px !important; /* Nie rośnij, nie kurcz się, miej zawsze 250px */ max-width: 200px; box-sizing: border-box; } /* Wymuszenie szerokości obrazka wewnątrz */ .slider-item img { width: 100% !important; height: auto !important; display: block; } /* Tylko dla slidera w sekcji ostatnio oglądanych */ #recently-viewed-products .products-grid-slider { grid-auto-columns: 20%; } /* Dla wszystkich pozostałych sliderów (np. 4 w rzędzie) */ .featured-products .products-grid-slider { grid-auto-columns: 20%; } /* 1. Ustawiamy bazę dla slider-item */ .slider-item { position: relative !important; } .slider-item .wishlist-button-add { position: absolute !important; top: 5px !important; right: 10px !important; bottom: auto !important; left: auto !important; z-index: 20 !important; margin: 0 !important; } .slider-item .wishlist-button-add .material-icons { display: block !important; font-size: 20px; /* Dopasuj wielkość */ } #new-products .product-miniature, .new-products .product-miniature { position: relative !important; overflow: visible !important; } #new-products .wishlist-button-add, .new-products .wishlist-button-add { position: absolute !important; top: 0px !important; right: 15px !important; bottom: auto !important; left: auto !important; z-index: 5 !important; margin: 0 !important; } .new-products .wishlist-button-add .material-icons { font-family: 'Material Icons' !important; font-size: 22px !important; line-height: 1 !important; } .btn.btn-primary.btn-with-icon.add-to-cart:hover, .btn.btn-primary.btn-with-icon.add-to-cart:focus, .btn.btn-primary.btn-with-icon.add-to-cart:active, .btn.btn-primary.btn-with-icon.add-to-cart:focus-visible { border-color: transparent !important; outline: none !important; } .btn.btn-primary.btn-with-icon.add-to-cart:hover { background-color: #f7ca00 !important; } .btn.btn-primary.btn-with-icon.add-to-cart:focus { box-shadow: none !important; outline: none !important; } .add-to-cart-btn { background-color: #FF9900 !important; border-color: #e48900 !important; color: #111 !important; font-weight: 500; } .add-to-cart-btn:hover { background-color: #F2C200 !important; } .wishlist-button-add .material-icons { color: #111 !important; } body, html { font-family: 'Lato', sans-serif !important; color: #111; font-size: 15px; } a { color: #007185; text-decoration: none; } a:hover, .product-title a:hover, .category-top-menu a:hover { text-decoration: underline !important; } .product-price, .price { font-family: 'Lato', sans-serif !important; font-weight: 400 !important; font-size: 18px !important; color: #0F1111 !important; } .custom-price-wrapper, .price-wrapper { font-family: 'Roboto', Arial, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; color: #111 !important; letter-spacing: -0.3px !important; } .custom-price-wrapper *, .price-wrapper * { font-family: 'Roboto', Arial, sans-serif !important; } .category-products-header { display: flex; align-items: baseline; justify-content: space-between; font-size: 21px !important; padding-bottom: 10px !important; margin-bottom: 20px !important; } .category-products-header h1, .category-products-header .h1 { font-family: 'Lato', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #0F1111 !important; margin: 0 !important; } .category-products-header .total-products { font-family: 'Lato', sans-serif !important; font-size: 14px !important; color: #565959 !important; margin-left: 15px; } .viewed-products-header { margin-bottom: 20px !important; padding-bottom: 5px !important; display: flex; align-items: center; justify-content:间-between; } #index .viewed-products-header { margin-top: -20px; } .viewed-products-header h2, .viewed-products-header .h2, .viewed-products-header .title { font-family: 'Lato', sans-serif !important; font-size: 21px !important; font-weight: 700 !important; color: #0F1111 !important; margin: 0 !important; text-transform: none !important; letter-spacing: normal !important; } .custom-price-wrapper, .price-wrapper, .cart-summary-line .value, .cart-total .value, .cart-summary-totals .value { font-family: 'Roboto', Arial, sans-serif !important; font-weight: 700 !important; color: #111 !important; } .cart-summary__line.cart-total, .cart-summary__line.cart-total .label, .cart-summary__line.cart-total .value { font-family: 'Roboto', Arial, sans-serif !important; font-weight: 700 !important; color: #111 !important; text-transform: none !important; } .cart-detailed-subtotals, .cart-detailed-subtotals *, .js-cart-detailed-subtotals, .js-cart-detailed-subtotals * { font-family: 'Roboto', Arial, sans-serif !important; font-weight: 400 !important; text-transform: none !important; } .cart-detailed-subtotals strong, .cart-detailed-subtotals b, .js-cart-detailed-subtotals strong, .js-cart-detailed-subtotals b { font-weight: 400 !important; } .cart-detailed__subtotals.js-cart-detailed-subtotals a:hover { text-decoration: underline !important; } .btn, .btn-primary, .add-to-cart, .cart-detailed-actions .btn-primary, button[type="submit"], .viewed-products-header a:hover { text-decoration: none !important; } .btn:hover, .btn-primary:hover, .add-to-cart:hover, .cart-detailed-actions .btn-primary:hover, button[type="submit"]:hover { text-decoration: none !important; } #_desktop_cart a:hover, #_desktop_user_info a:hover, .header-nav a:hover, .navbar-brand a:hover, .header-top a:hover [class^="material-icons"], .blockcart.cart-preview.active a:hover { text-decoration: none !important; } .header .shopping-cart:hover, .header .user-info:hover { text-decoration: none !important; } .header-icon-item.wishlist-info-item:hover, .header-icon-item.wishlist-info-item a:hover, .header-icon-item.wishlist-info-item i:hover { text-decoration: none !important; } [class*="header-icon-item"] a:hover, [class*="header-icon-item"]:hover { text-decoration: none !important; } .wishlist-info-item span { display: inline-block; } .product-actions__quantity.quantity-button { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 5px; } .product-actions__quantity.quantity-button::before { content: "Liczba sztuk"; display: block; font-family: 'Lato', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: #555 !important; margin-bottom: 2px; } .product-actions__quantity input { font-family: 'Roboto', sans-serif !important; font-weight: 500 !important; border-radius: 2px !important; height: 40px !important; } .add-to-cart, .btn-primary.add-to-cart, .product-add-to-cart .btn-primary { border-radius: 4px !important; padding: 8px 12px !important; font-weight: 500 !important; text-transform: none !important; } .product-actions__quantity input#quantity_wanted { border-radius: 0 !important; border-left: 1px solid #D5D9D9 !important; border-right: 1px solid #D5D9D9 !important; margin: 0 !important; } .input-group.bootstrap-touchspin { display: flex !important; gap: 0 !important; } /* Styl dla miniatur */ .js-thumb { width: 40px !important; height: 40px !important; object-fit: cover; border: 1px solid #ebebeb; cursor: pointer; } .js-thumb-selected { border: 2px solid #232323; } .thumbnails__container .thumbnail { display: inline-block; width: 74px !important; height: 70px !important; margin: 4px; background: #fff; border: 1px solid #ccc; border-radius: 3px !important; box-sizing: border-box; cursor: pointer; overflow: hidden; padding: 0; } /* 2. AKTYWNA RAMKA */ .thumbnails__container .thumbnail.active, .thumbnails__container .thumbnail.js-thumb-selected { border: 2px solid #34619c !important; } /* 3. ZDJĘCIE: Blokujemy rozmiar na sztywno */ .thumbnails__container .thumbnail img { width: 65px !important; height: 65px !important; min-width: 65px !important; /* Blokada przed zmniejszaniem */ min-height: 65px !important; max-width: 65px !important; object-fit: cover; /* "Cover" wypełni całe 55px bez białych pasków */ display: block; margin: 0 auto; border-radius: 0 !important; } /* Kontener slajdu - odpowiednik tego, co znalazłeś w Allegro */ .product-canvash .carousel-item { display: flex !important; flex: 0 0 100%; /* Slajd zajmuje 100% szerokości */ width: 100%; /* Gwarancja braku niechcianych ramkek na górze */ border-top: 1px solid transparent; /* Odstęp boczny, by zdjęcie miało "oddech" jak na Allegro */ padding: 0 50px; /* Optymalizacja renderowania na Macach i telefonach */ transform: translateZ(0px); -webkit-transform: translateZ(0px); background-color: #fff; box-sizing: border-box; } /* Dopasowanie zdjęcia wewnątrz tego slajdu */ .product-canvash .carousel-inner .img-fluid { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; /* Ważne: przy paddingu 50px zdjęcie musi się skalować */ } /* Celujemy w główny wiersz produktu */ .row.g-4.g-xl-5.product.js-product-container { margin-bottom: 0px !important; } /* 1. Kontener główny - sztywne wymiary */ .input-group.flex-nowrap.mb-3 { width: 146px !important; height: 40px !important; min-height: 40px !important; border: 1px solid #CCC !important; border-radius: 4px !important; /* Twoje zaokrąglenie */ overflow: hidden; display: flex !important; padding: 0 !important; margin-bottom: 1rem !important; background-color: #fff; } /* 2. Przyciski (Minus i Plus) */ .product-add-to-cart .btn.decrement, .product-add-to-cart .btn.increment { width: 43px !important; /* (146 - 60) / 2 */ height: 40px !important; background-color: #fff !important; color: #333 !important; border: none !important; /* Ramkę trzyma kontener główny */ border-radius: 0 !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; cursor: pointer; } /* 3. Środkowe pole (Liczba) */ .product-add-to-cart .form-control.js-quantity-wanted { width: 60px !important; height: 38px !important; /* 40px minus ramki góra/dół */ background-color: #fff !important; color: #000 !important; font-size: 14px !important; font-weight: 400 !important; text-align: center; padding: 0 !important; margin: 0 !important; border-top: none !important; border-bottom: none !important; /* Twoje ciemne kreski - zawsze widoczne */ border-left: 2px solid #333 !important; border-right: 2px solid #333 !important; border-radius: 0 !important; box-shadow: none !important; pointer-events: none; /* Opcjonalne: tylko przyciski zmieniają ilość */ } /* 4. Efekt Hover - Cały kwadrat podświetla się, ramki zostają */ .product-add-to-cart .btn.decrement:hover, .product-add-to-cart .btn.increment:hover { color: #111 !important; } /* Specyficzne poprawki dla zaokrągleń brzegowych */ .product-add-to-cart .btn.decrement { border-radius: 18px 0 0 18px !important; } .product-add-to-cart .btn.increment { border-radius: 0 18px 18px 0 !important; } /* 1. Tło całego obszaru (Wrapper) */ .product-container, #product-wrapper { /* Sprawdź czy to główny rodzic */ background-color: #ECEFF1 !important; padding: 20px 0 !important; } /* 2. Główny rząd (Row) - musi mieć Flex, aby kafelki były równe */ .row.product__main-row { /* Jeśli Twoje kolumny są wewnątrz .row */ display: flex !important; flex-wrap: wrap; gap: 20px; /* To stworzy szarą przerwę między kafelkami */ margin: 0 auto !important; max-width: 1400px; background: transparent !important; } /* 3. Lewy Kafelek (ZDJĘCIE) */ .product__left.col-lg-6.col-xl-7 { background: #ffffff !important; border-radius: 8px !important; padding-top: 0px; /* Obliczamy szerokość uwzględniając gap */ flex: 0 0 calc(63.333% - 10px) !important; max-width: calc(63.333% - 10px) !important; /*box-shadow: 0 1px 3px rgba(0,0,0,0.05);*/ } /* 5. Poprawka dla mobilnych (jeden pod drugim) */ @media (max-width: 991px) { .product__left, .product__col { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 20px !important; } } /* Prawy kafelek - Informacje i Zakup */ .product__col.col-lg-6.col-xl-5 { background: #ffffff !important; border-radius: 3px !important; padding: 30px !important; /* Obliczenia szerokości dla zachowania przerwy */ flex: 0 0 calc(36.666% - 10px) !important; max-width: calc(36.666% - 10px) !important; /* LEKKI BOX-SHADOW (Styl Premium/Soft UI) */ /* x=0, y=4px, rozmycie=20px, kolor czarny z 5% przezroczystości */ /* Opcjonalnie: subtelna krawędź, by cień lepiej odcinał się od #ECEFF1 */ display: flex; flex-direction: column; } /* 1. Kontener miniatur - przesunięcie w górę */ .thumbnails__container { /* Wartość ujemna przyciąga element do góry */ position: relative; padding-left: 0px; z-index: 10; /* Zapewnia, że miniatury będą nad zdjęciem, jeśli na nie nachodzą */ /* Estetyczny odstęp od lewej krawędzi kafelka */ } /* 2. Zdjęcie główne - opcjonalne zmniejszenie dolnego odstępu */ .product-cover img { margin-bottom: 0 !important; padding-bottom: 20px !important; } /* 3. Wygląd samych miniatur (Twoje 55px) */ .thumbnails__container img { width: 55px !important; height: 55px !important; border-radius: 4px !important; /* Lekkie zaokrąglenie pasujące do kafelków */ background: #fff; transition: border-color 0.2s; } /* 1. Główne skrócenie kafelka */ .product__col.col-lg-6.col-xl-5 { padding: 20px 18px !important; /* Mniejszy padding góra/dół */ display: flex; flex-direction: column; justify-content: flex-start; /* Wszystko trzyma się góry */ height: fit-content !important; /* Kafelek kończy się tam, gdzie treść */ min-height: auto !important; margin-left: 14px; } /* 2. Zacieśnienie nagłówka i ceny */ .product__col h1.h1 { margin-top: 0 !important; margin-bottom: 5px !important; /* Minimalny odstęp pod nazwą */ line-height: 1.2; } .product__col .product-prices { margin-top: 0 !important; margin-bottom: 15px !important; /* Przybliżenie ceny do nazwy */ } /* 3. Skrócenie odstępów w opisie */ .product-short-description { margin-bottom: 15px !important; line-height: 1.4 !important; } /* 4. Twoja linia zakupu (Ilość + Czarny Przycisk) */ .product-add-to-cart .add { margin-top: 0px !important; /* Przyciągnięcie sekcji zakupu wyżej */ padding-top: 0px !important; } /* 5. Usunięcie zbędnych separatorów/pustych divów */ .product-additional-info, .social-sharing { display: none; /* Opcjonalnie ukrywamy mniej ważne rzeczy, by skrócić kafelek */ } /* Zacieśnienie ceny pod linią */ .product-prices, .product-price { margin-top: 5px !important; } /* Dodatkowy lifting dla ceny, by pasowała do czarnego przycisku */ .current-price span { font-size: 26px !important; font-weight: 700 !important; color: #000 !important; letter-spacing: -0.5px; } /* Linia bezpośrednio nad sekcją wyboru ilości */ .quantity-button.js-quantity-button { width: 50% !important; /* Rozciągnięcie na całą szerokość kafelka */ display: block !important; } /* Jeśli przycisk "Dodaj do koszyka" ma być w tej samej linii co ilość pod kreską */ .product-add-to-cart .add { display: flex !important; align-items: flex-end !important; /* Wyrównanie do dołu */ gap: 12px !important; } /* Dopasowanie odstępu ceny, by nie "leżała" na nowej kresce */ .product-prices { padding-bottom: 5px !important; } /* Precyzyjne uderzenie w h2 o klasie section-title h2.section-title, .viewed-products-header h2.section-title, #main h2.section-title { font-family: 'Lato', sans-serif !important; font-weight: 900 !important; /* Lato Black -webkit-font-smoothing: antialiased; /* Wygładzanie dla lepszego efektu grubości color: #222 !important; display: block !important; font-size: 22px !important; /* Zwiększyłem nieco, by pogrubienie było lepiej widoczne margin-bottom: 25px !important; }*/ /* Ukrywamy kreskę wszędzie (np. w koszyku, sliderach, quick view) */ .quantity-button.js-quantity-button { border-top: none !important; } /* Pokazujemy kreskę TYLKO na stronie produktu */ body#product .quantity-button.js-quantity-button { width: 100%!important; border-top: 1px solid #ECEFF1 !important; } /* Nałożenie kreski NAD informację o dostępności */ #product-availability.js-product-availability { /* Twoja kreska na górze */ border-top: 1px solid #ebebeb !important; padding-top: 20px !important; padding-bottom: 0px !important; margin-top: 20px !important; /* margin-left: -20px !important; margin-right: -20px !important; /* Przywrócenie tekstu na właściwe miejsce (żeby nie dotykał krawędzi) padding-left: 20px !important; padding-right: 24px !important; padding-top: 20px !important; padding-bottom: 20px !important; margin-top: 20px !important; display: block !important; width: calc(100% + 40px) !important; */ } /* Dodatkowa kreska POD informacją o dostępności (żeby zamknąć sekcję) */ .product-availability-section { border-bottom: 1px solid #ECEFF1 !important; padding-bottom: 15px !important; margin-bottom: 20px !important; } /* Etykieta (np. "Suma", "Dostawa") - lżejsza czcionka */ .cart-summary__label { font-weight: 400 !important; } /* Pogrubienie tylko końcowej kwoty do zapłaty */ .cart-summary-totals .cart-summary__value { font-weight: 700 !important; font-size: 1.1rem; /* Opcjonalnie: delikatnie większa dla lepszego efektu */ } /* Usuwamy kreskę i odstępy z samej nazwy */ .page-product .product__name { font-size: 18px !important; font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #333 !important; margin-top: 0 !important; margin-bottom: 7px !important; /* Mały odstęp od marki */ padding-bottom: 0 !important; border-bottom: none !important; /* Usuwamy kreskę stąd */ line-height: 1.5; display: block; } @media (max-width: 765px) { .page-product .product__name { font-size: 19px !important; font-family: 'Roboto', sans-serif !important; font-weight: 500 !important; color: #111 !important; /* KLUCZ DO WYSOKOŚCI: */ margin-top: -5px !important; /* Ujemny margines podciągnie tekst pod same kropki/zdjęcie */ margin-bottom: 15px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.2 !important; /* Mniejszy interlinia sprawi, że blok tekstu będzie niższy */ display: block !important; border-bottom: none !important; } } /* Tworzymy nowy kontener, który trzyma nazwę i markę RAZEM nad kreską */ .product-header-container { margin-bottom: 18px !important; /* Odstęp od reszty strony (np. ceny) */ padding-bottom: 15px !important; /* Przestrzeń wewnętrzna do linii */ border-bottom: 1px solid #ECEFF1 !important; /* Twoja elegancka kreska */ display: block; margin-top: 5px; } /* Styl dla marki, żeby ładnie wyglądała pod nazwą */ .product-brand-header { font-size: 12px; color: #2162a1; margin-bottom: 0; } /* Zacieśnienie ceny pod linią */ .product-prices, .product-price { margin-top: 5px !important; } /* 1. Ukrywamy strzałki domyślnie */ .carousel-control-prev, .carousel-control-next { opacity: 0 !important; transition: opacity 0.3s ease-in-out !important; /* Płynne przejście */ } /* 2. Pokazujemy strzałki, gdy najedziemy na główny kontener karuzeli */ .carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next { opacity: 1 !important; } /* Jeśli Twoja karuzela ma inną klasę nadrzędną (np. product-images), użyj tego zamiast .carousel: */ /* .product-cover:hover .carousel-control-prev { opacity: 1 !important; } */ /* Zwiększamy szerokość bloku produktu w modalu */ #blockcart-modal .blockcart-modal__product { flex: 0 0 65% !important; /* Zwiększa z ok. 58% do 75% */ max-width: 65% !important; padding-left: 20px !important; } /* Musimy też proporcjonalnie zmniejszyć kolumnę ze zdjęciem, żeby się zmieściły obok siebie */ #blockcart-modal .col-md-5 { flex: 0 0 25% !important; max-width: 35% !important; } /* Poprawka dla telefonów (powrót do 100% szerokości) */ @media (max-width: 767px) { #blockcart-modal .blockcart-modal__product, #blockcart-modal .col-md-5 { flex: 0 0 100% !important; max-width: 100% !important; text-align: center; } } /* Kontener przycisku w koszyku */ .cart-detailed__actions.card-footer { background: transparent !important; /* Usuwamy tło ramki jeśli jest */ border: none !important; padding: 20px 0 !important; } /* Główny przycisk "Checkout" */ .cart-detailed__actions .btn-primary { width: 100% !important; display: block !important; font-size: 1.0rem !important; /* Wielkość tekstu jak na karcie produktu */ font-weight: 600 !important; padding: 12px 15px !important; background-color: #ffe600 !important; /* DOPASUJ KOLOR: wpisz kod koloru swojego przycisku z produktu */ border-color: #ffe600 !important; color: #333 !important; transition: all 0.3s ease; border-radius: 4px; /* Lub 0, jeśli masz kanciaste przyciski */ text-transform: uppercase !important; letter-spacing: 0.3px !important; } /* Efekt najechania (hover) */ .cart-detailed__actions .btn-primary:hover { filter: brightness(0.95) !important; background-image: linear-gradient(to right, #ffdb00 100%, #ffca00 0%) !important; } /* Standardowy stan pola */ .form-control { border: 1px solid #d1d1d1 !important; /* Szary kolor obramowania */ border-radius: 0px !important; /* Zaokrąglenie rogów (ustaw 0, jeśli wolisz kanciaste) */ background-color: #ffffff !important; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } /* Stan po kliknięciu (Focus) */ .form-control:focus { border-color: #2fb5d2 !important; /* Kolor Twojego sklepu po kliknięciu */ outline: none !important; box-shadow: 0 0 5px rgba(47, 181, 210, 0.3) !important; /* Delikatna poświata */ } /* Obniżamy priorytet paska sticky */ .sticky-cart-bar { z-index: 1000 !important; /* Musi być niższy niż 1050 */ } /* Upewniamy się, że modal i jego tło są najwyżej */ .modal-backdrop { z-index: 1040 !important; } .modal.fade.in, .modal.show { z-index: 1050 !important; } /* 1. Upewniamy się, że rodzic pozwala na ruch */ #cart .cart-grid { display: flex !important; align-items: flex-start !important; /* To pozwala kolumnie być "krótką" */ } /* 3. Dodatkowa estetyka dla nagłówka i karty */ .cart-grid__right .Subtotals { font-size: 1.2rem; font-weight: 500; } .cart-grid__right .cart-summary { background: #ffffff !important; } .blockreassurance_product{ margin-top: 0px !important; } /* Cały kontener ceny */ #cart .value.custom-cart-price { display: inline-flex !important; align-items: baseline !important; /* Wyrównuje do dolnej linii tekstu */ } /* Kwota główna (największa) */ #cart .value.custom-cart-price .price-main2 { font-size: 19px !important; font-weight: 500 !important; } /* Grosze i waluta (mniejsze i wyżej lub w linii) */ #cart .value.custom-cart-price .price-decimals2 { font-size: 0.75rem !important; font-weight: 500 !important; margin-left: 2px; top: -6px; } #cart .value.custom-cart-price .price-currency2 { margin-left: -1px; top: -6px; font-size: 0.75rem !important; font-weight: 400 !important; } /* Ikona musi być "przezroczysta" dla kliknięć */ .remove-from-cart i { pointer-events: none !important; /* TO NAPRAWIA KOMUNIKATY */ font-size: 1.3rem !important; display: inline-block !important; } /* Ukrywamy tekst, żeby nie psuł wyglądu, ale żeby JS go widział */ .remove-from-cart .sr-only { display: none !important; } /* Ustawiamy przycisk w jednej linii z resztą */ .remove-from-cart { display: inline-flex !important; align-items: center; justify-content: center; min-width: 30px; height: 30px; } /* Celujemy we wszystkie warianty cen, w tym tę z rabatem */ #cart .product-line__prices .product-line__price, #cart .product-line__prices .product-line__current, #cart .product-line__prices .price, #cart .product-line__prices .product-price { font-size: 1rem !important; /* Ustalony wspólny rozmiar */ font-weight: 600 !important; /* Pogrubienie Allegro */ line-height: 1.2 !important; display: inline-flex !important; align-items: baseline !important; margin: 0 !important; } /* Upewniamy się, że rodzic nie wymusza większej czcionki */ #cart .product-price, .price { font-size: 1rem !important; } /* Metoda 1: Dodanie odstępu pod kreską, aby odepchnąć liczbę sztuk */ body#product .quantity-button.js-quantity-button { padding-top: 20px !important; /* Zwiększaj tę wartość, aż będzie OK */ margin-top: 10px !important; /* Dodatkowy odstęp od elementów wyżej */ border-top: 1px solid #ebebeb; /* Upewniamy się, że kreska tam jest */ } /* Metoda 2: Jeśli kreska to pseudo-element (częste w Warehouse) */ body#product .quantity-button.js-quantity-button::before { margin-bottom: 5px !important; /* Odpycha zawartość pod kreską */ } /* Wyrównanie miniaturek do środka */ body#product .thumbnails__list.row { justify-content: center !important; display: flex !important; flex-wrap: wrap !important; /* Pozwala przechodzić do nowej linii, jeśli jest ich dużo */ } /* Opcjonalnie: upewnienie się, że poszczególne miniaturki nie mają wymuszonych marginesów lewych */ body#product .thumbnails__list .product-thumbnail { float: none !important; display: inline-block !important; } /* 1. Przygotowanie kontenera opisu */ body#product .product__col.col-lg-6.col-xl-5 .product-description-short { position: relative !important; /* Pozwala linii "przyczepić się" do tego miejsca */ padding-bottom: 30px !important; margin-bottom: 30px !important; } .product-header-container { /* 1. Rozciągnięcie linii do brzegów kolumny (zniesienie paddingu 30px) */ margin-left: -20px !important; margin-right: -20px !important; /* 2. Przywrócenie odstępu dla tekstu wewnątrz (żeby nazwa nie dotykała krawędzi) */ padding-left: 20px !important; padding-right: 30px !important; /* 3. Twoje dotychczasowe style */ margin-bottom: 25px !important; padding-bottom: 20px !important; border-bottom: 1px solid #ECEFF1 !important; display: block; margin-top: 5px; } .product__col.col-lg-6.col-xl-5 { overflow: visible !important; } /* Styl tylko dla telefonów i tabletów */ @media (max-width: 991px) { .product__left, .product__col { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } /* Opcjonalnie: dodaj odstęp między zdjęciem a opisem na mobile */ .product__left { margin-bottom: 20px !important; } } /* 1. Ustawienia podstawowe (Domyślnie dla MOBILE) */ .product__left.col-lg-6.col-xl-7 { background: #ffffff !important; border-radius: 3px !important; padding: 20px !important; /* Na mobile zajmuje całą szerokość */ flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-bottom: 10px !important; /* Odstęp od opisu pod spodem */ } /* 2. Ustawienia tylko dla DUŻYCH EKRANÓW (Desktop) */ @media (min-width: 992px) { .product__left.col-lg-6.col-xl-7 { /* Przywracamy Twoje obliczenia szerokości tylko dla komputera */ flex: 0 0 calc(63.333% - 10px) !important; max-width: calc(63.333% - 10px) !important; margin-bottom: 0px !important; } } /* 1. Ustawienia MOBILE (Dla wszystkich urządzeń) */ .product__col.col-lg-6.col-xl-5 { background: #ffffff !important; border-radius: 3px !important; display: flex; flex-direction: column; /* Wymuszamy 100% na mobile */ flex: 0 0 96% !important; max-width: 96% !important; width: 100% !important; } /* 2. Ustawienia DESKTOP (Tylko dla szerokich ekranów) */ @media (min-width: 992px) { .product__col.col-lg-6.col-xl-5 { /* Przywracamy Twoje precyzyjne wyliczenia tylko na komputerze */ flex: 0 0 calc(36.666% - 10px) !important; max-width: calc(36.666% - 10px) !important; } } @media (max-width: 765px) { /* Kontener karuzeli - bez zmian */ .final-mobile-carousel { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; width: 100% !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .final-mobile-carousel::-webkit-scrollbar { display: none !important; } /* POPRAWKA SLAJDU: Środkowanie bez wpuszczania sąsiadów */ .final-slide { flex: 0 0 100% !important; min-width: 100% !important; /* To pilnuje, by drugie zdjęcie nie weszło */ scroll-snap-align: center !important; display: flex !important; justify-content: center !important; /* Środkuje zdjęcie w poziomie */ align-items: center !important; } /* POPRAWKA ZDJĘCIA: Mniejsza szerokość (75%) */ .final-img { width: 85% !important; /* Zdjęcie jest węższe i dzięki temu niższe */ height: auto !important; display: block !important; } /* Kropki - bez zmian, ewentualnie mniejszy margines */ .custom-carousel-dots { display: flex !important; justify-content: center !important; gap: 8px !important; background: #fff !important; margin-top: 10px !important; /* Zmniejszamy odstęp, by tekst był wyżej */ } .custom-dot { width: 10px !important; height: 10px !important; background: #ccc !important; border-radius: 50% !important; } .custom-dot.active { background: #000 !important; } } /* --- FUNDAMENT --- */ .sticky-cart-bar { display: none; position: fixed !important; left: 0 !important; right: 0 !important; width: 100% !important; background: #ffffff !important; box-shadow: 0 -2px 15px rgba(0,0,0,0.12); z-index: 100 !important; /* Poniżej modala (1050) */ padding: 10px 0; box-sizing: border-box; } /* --- KLASA WIDOCZNOŚCI --- */ .sticky-cart-bar.is-visible { display: block !important; } /* --- DESKTOP (70px od góry) --- */ @media (min-width: 992px) { .sticky-cart-bar { top: 70px !important; bottom: auto !important; } .sticky-cart-bar .add-to-cart { padding: 6px 12px !important; font-size: 15px !important; font-weight: 500 !important; margin-right: 15px; border-radius:3px !important; background-color:#ffe600 !important; /* Styl tekstu i ikony */ color: #000000 !important; font-weight: 600 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; /* Układ - tekst po lewej, ikona po prawej */ display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; /* Wykończenie */ border: none !important; border-radius: 6px !important; padding: 11px 22px !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; transform: none !important; transition: filter 0.2s ease !important; } /* Delikatne przyciemnienie całego przycisku po najechaniu */ .sticky-cart-bar .add-to-cart:hover { filter: brightness(0.95) !important; background-image: linear-gradient(to right, #ffdb00 100%, #ffca00 0%) !important; } } /* --- MOBILE (Wyrównanie do prawej, brak zdjęcia, font 15px) --- */ @media (max-width: 991px) { /* 1. FUNDAMENT: Pasek widoczny od razu na dole */ .sticky-cart-bar { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 70px !important; background: #ffffff !important; box-shadow: 0 -4px 12px rgba(0,0,0,0.1) !important; padding: 0 10px !important; z-index: 9999 !important; align-items: center !important; } /* 2. UKŁAD: Przycisk na pełną szerokość (1 kolumna) */ .sticky-cart-bar .col.d-flex, .sticky-cart-bar .row { display: block !important; /* Zmienione z grid na block dla 100% szerokości */ width: 100% !important; margin: 0 !important; padding: 0 !important; } /* 3. PRZYCISK: Wielki, żółty, wypełniający pasek */ .sticky-cart-bar .add-to-cart { width: 100% !important; display: block !important; } .sticky-cart-bar .add-to-cart .btn, .sticky-cart-bar .add-to-cart button { background-color: #ffd815 !important; color: #000 !important; height: 50px !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } /* 4. USUNIĘCIE CENY I INNYCH ELEMENTÓW */ .sticky-cart-bar .sticky-price-container, .sticky-cart-bar .sticky-price, .sticky-cart-bar .product-name, .sticky-cart-bar .product-img, .sticky-cart-bar .col-auto { display: none !important; } /* 5. UKRYCIE ORYGINALNEGO PRZYCISKU W TREŚCI */ .product-actions .add-to-cart, .product-add-to-cart .add, .product-add-to-cart .btn-primary { display: block !important; } } /* --- BLOKADA DLA MODALI (Gdy wyskakuje okno koszyka) --- */ body.modal-open .sticky-cart-bar { display: none !important; } /* RESET DLA STRONY KOSZYKA I CHECKOUTU */ body#checkout .product__left, body#cart .product__left { display: block !important; width: auto !important; height: auto !important; visibility: visible !important; } /* Ukrywamy Twój pasek i karuzelę wszędzie poza produktem */ body:not(#product) .sticky-cart-bar, body:not(#product) .final-mobile-carousel, body:not(#product) .custom-carousel-dots { display: none !important; } /* REZYGNUJEMY Z FLEXA, KTÓRY PSUJE STICKY-KIT */ #checkout .step__content .form-footer { display: block !important; /* Przywracamy standardowy blok */ text-align: right !important; /* Wyrównujemy zawartość do prawej */ padding: 15px 0 !important; clear: both; /* Zabezpieczenie przed floatami */ } /* Stylizujemy przycisk jako element liniowy, by reagował na text-align */ #checkout .step__content .form-footer .btn-primary { display: inline-block !important; width: auto !important; min-width: 200px; border-radius: 8px; margin-left: 0 !important; /* Reset marginesu, text-align załatwi sprawę */ } /* Opcjonalnie: Jeśli masz tam też przycisk "Wstecz", daj mu margines */ #checkout .step__content .form-footer .btn-secondary, #checkout .step__content .form-footer .js-back { float: left; /* Przycisk wstecz po lewej, główny po prawej przez text-align */ } @media (min-width: 992px) { /* Celujemy bezpośrednio w kolumnę podsumowania w koszyku */ body#checkout .cart-grid-right, body#cart .cart-grid-right { position: -webkit-sticky !important; position: sticky !important; height: fit-content !important; display: block !important; visibility: visible !important; } /* Usuwamy skutki działania skryptu, który dodaje szerokość auto */ body#checkout .cart-grid-right[style] { position:sticky !important; width: 100% !important; /* Przywracamy szerokość kolumny grid */ max-width: 35.666667% !important; /* Szerokość col-lg-5 w Bootstrapie */ } } body#checkout .sticky-cart-bar { display: none !important; } /* --- 1. CZĘŚĆ DLA DESKTOPU (Ekran powyżej 991px) --- */ @media (min-width: 992px) { body#checkout .cart-grid-right, body#cart .cart-grid-right { position: -webkit-sticky !important; position: sticky !important; top: 110px !important; flex: 0 0 40% !important; /* Tutaj szerokość boczna */ max-width: 40% !important; align-self: flex-start !important; height: auto !important; z-index: 100; } } /* --- 2. CZĘŚĆ DLA MOBILE (Ekran poniżej 992px) --- */ @media (max-width: 991px) { body#checkout .cart-grid-right, body#cart .cart-grid-right { position: relative !important; /* Wyłączamy przyklejanie na mobile */ top: 0 !important; flex: 0 0 100% !important; /* PEŁNA SZEROKOŚĆ NA TELEFONIE */ max-width: 100% !important; width: 100% !important; padding: 15px !important; display: block !important; } /* Wymuszamy, by kontenery nadrzędne nie blokowały szerokości */ section#main .cart-grid, .cart-grid { display: block !important; } } @media (max-width: 991px) { /* Nadajemy tło i kształt kontenerowi z produktami */ body#cart .cart-container, body#checkout .cart-container { background-color: #ffffff !important; /* Białe tło */ padding: 15px !important; /* Oddech wewnątrz białego pola */ border-radius: 8px !important; /* Zaokrąglone rogi (opcjonalnie) */ box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; /* Delikatny cień dla głębi */ margin-bottom: 20px !important; /* Odstęp od podsumowania poniżej */ } .product-line__content{ padding-left: 25px !important; } /* Usuwamy tło z elementów wewnątrz, żeby nie nakładały się kolory */ .cart-grid-body, .cart-items { background: transparent !important; } } .przelewy24-calculator-button{ display: none !important; } @media (min-width: 992px) { #cart .cart-grid-right, .cart-grid__right { /* Twoje obecne style */ flex: 0 0 30% !important; max-width: 30% !important; padding: 5px !important; background-color: #fff; /* DODAJEMY TO, ŻEBY ZACZĘŁO PŁYWAĆ: */ position: -webkit-sticky !important; position: sticky !important; top: 110px !important; height: fit-content !important; /* Bez tego nie ruszy! */ align-self: flex-start !important; z-index: 10; } /* Upewniamy się, że rodzic nie blokuje ruchu */ .cart-grid.row { align-items: flex-start !important; display: flex !important; } } /* --- KROK 1: Scalanie Danych i Adresów --- */ .step-wrapper-addresses .step-title { display: none !important; /* Ukrywa nagłówek "Adresy" */ } .step-wrapper-personal-information { border-bottom: none !important; } /* --- KROK 2: Scalanie Dostawy i Płatności --- */ .step-wrapper-delivery-options .step-title { margin-top: 30px; } .step-wrapper-payment .step-title { display: none !important; /* Ukrywa nagłówek "Płatność" */ } .step-wrapper-delivery-options { border-bottom: none !important; } /* Wymuszenie wyświetlania Płatności od razu pod Dostawą */ #checkout .step-wrapper-payment .step-content { display: block !important; } /* Ukrycie przycisku "Dalej" przy danych osobowych, by przejść od razu do adresu */ .step-wrapper-personal-information .continue { display: none !important; } /* Wymuszamy, aby rządek kuriera był elastycznym kontenerem na pełną szerokość */ .delivery-option { display: flex !important; align-items: center !important; width: 100% !important; justify-content: space-between !important; } /* Sprawiamy, że nazwa kuriera zajmuje tyle miejsca, ile potrzebuje */ .delivery-option__left { flex: 1 !important; /* To wypchnie pozostałe elementy w prawo */ } /* Wymuszamy wyrównanie ceny do prawej i usuwamy ograniczenia szerokości */ .delivery-option__right { display: flex !important; justify-content: flex-end !important; text-align: right !important; min-width: 100px !important; /* Zapewnia miejsce na cenę */ flex: 0 0 auto !important; /* Blokuje kurczenie się */ margin-left: auto !important; /* Kluczowe: popycha element do prawej krawędzi */ } /* Opcjonalnie: jeśli czas dostawy (center) też zawadza, przesuńmy go */ .delivery-option__center { flex: 0 0 auto !important; margin-right: 20px !important; } #payment-confirmation .payment__actions { display: none !important; } .product-availability { display: block !important; padding-left: 0 !important; margin-left: 4px !important; text-align: left !important; width: 100%; } /* Jeśli w środku jest ikonka material-icons, upewnij się, że ona też nie ma marginesu */ .product-availability .material-icons { margin-left: 0 !important; padding-left: 0 !important; vertical-align: middle; } /* Domyślnie ukrywamy marginesy i linię */ .product__description-short.rich-text.is-empty { display: none !important; /* Całkowicie usuwa element, jeśli jest pusty */ } /* Styl tylko gdy opis ISTNIEJE */ .product__description-short.rich-text.has-content { border-top: 1px solid #ECEFF1 !important; margin-top: 20px !important; padding-top: 20px !important; margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; display: block !important; } /* Jeśli chcesz jeszcze bardziej ścisnąć elementy wewnątrz (cenę netto/brutto) */ .prices__wrapper.gap-2 { gap: 2px !important; /* Zmniejsza odstęp między wierszami ceny */ } .delivery-highlight-box { display: flex; flex-direction: column; gap: 6px; margin-bottom: 1.5rem; } .delivery-line { display: flex; align-items: center; gap: 8px; /* Kolor zielony dla całości: ikony i tekstu */ color: #0F7B1E !important; font-size: 15px; margin-bottom: 5px; } .delivery-line i { font-size: 20px; color: #248b28 !important; } .delivery-line strong { font-weight: 700; } /* Opcjonalnie: wyrównanie do linii, jeśli używasz marginesów -20px jak wcześniej */ .delivery-highlight-box { padding-left: 0; } /* Ukrywa komunikat o dostępności tylko na stronie produktu */ #product .product-availability, #product #product-availability { display: block !important; } /* Selektor musi być bardzo precyzyjny, aby wygrać z motywem */ #product .product-prices.js-product-prices { display: block !important; border-bottom: 1px solid #ECEFF1 !important; /* Sprawdź czy kolor nie jest za jasny, możesz testowo dać #000 */ /* Wymuszenie szerokości */ width: auto !important; overflow: visible !important; /* Marginesy i paddingi dla pełnej szerokości */ margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 20px !important; /* Odstępy pod ceną, by linia miała miejsce */ padding-bottom: 15px !important; margin-bottom: 20px !important; } /* Ukrywa pole komentarza w kroku wyboru dostawy */ #delivery-instructions, .delivery-instructions, #checkout-delivery-step .order-options textarea, #checkout-delivery-step label[for="delivery_message"] { display: none !important; } /* Usuwa dodatkowy odstęp, który mógł zostać po ukryciu pola */ #checkout-delivery-step .order-options { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* 1. KONTENER GŁÓWNY: Wymuszamy pion i białe tło */ .order__summary__addresses { display: flex !important; flex-direction: column !important; /* Gwarancja układu góra-dół */ background-color: #ffffff !important; border: none !important; } /* 2. POJEDYNCZE ADRESY: Resetujemy wszystko, co je trzymało obok siebie */ .order__summary__addresses .col-sm-6, .order__summary__addresses .col-12, .order__summary__addresses .order-summary-address, .order__summary__addresses article { flex: 0 0 100% !important; /* Zajmij 100% szerokości wiersza */ max-width: 100% !important; /* Zabroń bycia mniejszym niż 100% */ width: 100% !important; /* Wygląd: Białe tło i brak ramek */ background: #ffffff !important; border: none !important; box-shadow: none !important; padding: 10px 0 !important; /* Lekki odstęp wewnętrzny dla tekstu */ } /* 3. CZYSZCZENIE DODATKÓW: Usuwamy ukryte linie i tła wewnętrzne */ .order__summary__addresses .card, .order__summary__addresses .address-item { margin-left: 15px; border: none !important; } /* 1. Tło strony */ body#checkout { background-color: #f2f2f2 !important; } /* 2. Lista wszystkich sekcji, które mają być osobnymi białymi kartami */ .order__summary, .order-summary-content section, .order__payment__confirmation, .payment-confirmation, /* Ten blok o który prosiłeś */ #checkout-payment-step .payment-options, .address-item { padding: 20px !important; margin-bottom: 0px !important; /* Odstęp między blokami */ display: block !important; width: 100% !important; } /* 3. Usuwamy tło z kontenerów-rodziców, żeby nie "sklejały" kart */ .order-summary-content, #order-summary-content, .payment-confirmation-wrapper { padding: 0 !important; border: none !important; } /* 4. Rozdzielenie adresów na dwie osobne karty z odstępem */ .order__summary__addresses { display: flex !important; flex-direction: column !important; gap: 20px !important; /* Przerwa między adresem dostawy a faktury */ padding: 10px; } .order__summary__addresses .col-sm-6 { background-color: #ffffff !important; padding: 10px !important; flex: 0 0 95% !important; max-width: 95% !important; } /* Celujemy dokładnie w kontener z przyciskiem potwierdzenia */ .js-payment-confirmation, #payment-confirmation { background-color: #ffffff !important; /* Wymuszona biel */ padding: 20px !important; margin-top: 20px !important; /* Odstęp od bloku powyżej */ margin-bottom: 20px !important; /* Odstęp na dole */ display: block !important; /* Zmieniamy z inline-block/flex na blok, by zajął całą linię */ width: 100% !important; /* Wymuszamy pełną szerokość karty */ } /* Jeśli w środku jest przycisk, upewniamy się, że dobrze leży */ .js-payment-confirmation .ps-shown-by-js { display: block !important; text-align: center; /* Wyśrodkowanie przycisku a la Allegro */ } /* Usuwamy ewentualne marginesy domyślne h3, żeby nie psuły paddingu karty */ .step__title-left h3 { margin: 0 !important; border: none !important; box-shadow: none !important; } /* 1. Rodzic musi być przezroczysty, żeby było widać szare tło w przerwie */ .order-summary-content { background-color: transparent !important; padding: 0 !important; border: none !important; } /* 2. Pierwszy blok (Adresy) - wymuszamy białe tło i odstęp na dole */ .order__summary__addresses.mb-4 { background-color: #ffffff !important; margin-top: 10px; padding: 20px !important; margin-bottom: 20px !important; /* To tworzy szarą przerwę */ display: block !important; } /* 3. Drugi blok (Potwierdzenie/Płatność) - wymuszamy białe tło */ .order__payment__confirmation.mb-4 { background-color: #ffffff !important; padding: 20px !important; margin-top: 20px !important; /* Dodatkowa pewność odstępu od góry */ display: block !important; } /* Celujemy w prawą kolumnę tylko na ekranach powyżej 992px (Desktop) */ @media (min-width: 992px) { .cart-grid-right.col-lg-5 { margin-top: 65px !important; /* Dostosuj tę wartość (np. 40px, 60px), aby idealnie wyrównać z lewą kolumną */ } } .order-summary-content h5, .order__payment__confirmation h5 { margin-bottom: 20px !important; } /* 1. Ustawiamy bazowy szary dla całego procesu (dla strony płatności) */ body#checkout { background-color: #f2f2f2 !important; } /* 2. Przywracamy białe tło dla konkretnych kontenerów kroków */ #step-wrapper-checkout-personal-information-step, #step-wrapper-checkout-addresses-step, #step-wrapper-checkout-delivery-step, .step-wrapper-checkout-personal-information-step, .step-wrapper-checkout-addresses-step, .step-wrapper-checkout-delivery-step { background-color: #ffffff !important; margin-top: 0 !important; } /* 3. Upewniamy się, że sekcja zawartości w tych krokach nie dziedziczy szarości */ #step-wrapper-checkout-personal-information-step .step__content, #step-wrapper-checkout-addresses-step .step__content, #step-wrapper-checkout-delivery-step .step__content { background-color: #ffffff !important; } /* Ukrywamy kolumnę domyślnie na całym checkout */ body#checkout .cart-grid-right.col-lg-5 { display: none; } /* 1. Usuwamy bg-transparent i nadajemy białe tło głównej klasie */ body#checkout .accordion-item.bg-transparent { background-color: #ffffff !important; border: none !important; border-radius: 0px !important; overflow: hidden; /* Ważne, by przycisk na dole nie wystawał poza zaokrąglone rogi */ padding-bottom: 25px; padding-left: 20px; padding-right: 20px; } /* 2. Upewniamy się, że wnętrze accordiona też jest białe */ body#checkout .accordion-collapse, body#checkout .accordion-body, body#checkout .cart-summary { background-color: #ffffff !important; padding-bottom: 0 !important; /* Przygotowanie miejsca pod przycisk */ } /* 3. Stylizacja przycisku, by wypełnił dół białej karty */ #js-checkout-summary #payment-confirmation { background-color: #ffffff !important; padding: 0 !important; margin: 0 !important; } #js-checkout-summary #payment-confirmation button { margin: 0 !important; /* Usuwamy odstęp, by przycisk dotykał krawędzi karty */ width: 100% !important; padding: 20px !important; border-radius: 0 !important; /* Przycisk wypełnia dół */ font-size: 1.2rem; font-weight: bold; } @media (min-width: 1200px) { /* 1. Resetujemy rodzica, aby pozwolił kolumnie mieć sztywny wymiar */ #main .row, .product-container .row { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; } /* 2. Nadpisujemy Twoją blokującą klasę */ .product__col.col-lg-6.col-xl-5 { /* Kluczowe: zmieniamy flex-basis z procentów na 385px */ flex: 0 0 385px !important; max-width: 385px !important; min-width: 385px !important; width: 385px !important; /* Twoje wizualne ustawienia (bez zmiany żółtego przycisku) */ background-color: #ffffff !important; border-radius: 3px !important; padding: 18px !important; box-sizing: border-box !important; } /* 3. Upewniamy się, że lewa strona (zdjęcie) wypełnia resztę */ .product__left.col-lg-6.col-xl-7 { flex: 1 1 auto !important; max-width: none !important; width: auto !important; } } /* 1. Tło całej strony - szary kolor */ body#product { background-color: #f4f4f4 !important; } /* 2. Główny kontener - Twoje wymiary */ #main .container { max-width: 1648px !important; padding-left: 32px !important; padding-right: 32px !important; margin: 0 auto !important; } /* 3. Układ Grid dla strony produktu */ @media (min-width: 1200px) { #main .row { display: grid !important; /* Lewa strona auto, prawa dokładnie 385px */ grid-template-columns: 1fr 385px !important; gap: 24px !important; align-items: start !important; } /* 5. Prawa kolumna (Cena i koszyk) - Białe tło i sztywne 385px */ .product__col.col-lg-6.col-xl-5 { width: 385px !important; min-width: 385px !important; max-width: 385px !important; flex: none !important; background-color: #ffffff !important; border-radius: 3px !important; padding: 24px !important; box-sizing: border-box !important; /* Kluczowe przy paddingu! */ } } /* Stylizacja sekcji produktów powiązanych na stronie produktu */ .category-products.mt-3 { background-color: #ffffff !important; border-radius: 3px !important; padding: 24px !important; margin-top: 17px !important; /* Odstęp od sekcji powyżej */ box-sizing: border-box !important; /* Ustawiamy szerokość na 100% kontenera, w którym się znajduje */ width: 100% !important; } /* Jeśli chcesz, aby ta sekcja była pod zdjęciem i opisem (w lewej kolumnie) */ @media (min-width: 1200px) { .category-products.mt-3 { grid-column: 1 / -1 !important; /* Rozciągnięcie na całą szerokość 1520px */ /* LUB jeśli ma być tylko pod zdjęciem, użyj: grid-column: 1 !important; */ } } /* 1. Przywracamy białe tło dla sekcji produktów powiązanych - bazowe ustawienie */ .category-products.mt-3 { background-color: #ffffff !important; border-radius: 3px !important; padding: 24px !important; margin-top: 17px !important; display: block !important; /* Upewniamy się, że jest widoczny */ box-sizing: border-box !important; } /* 2. Ukrywamy sekcję TYLKO jeśli jest naprawdę pusta (brak nagłówka i brak produktów) */ /* To rozwiąże problem białego paska bez psucia tła w działających sekcjach */ .category-products.mt-3:not(:has(h2, h3, .products, .product-miniature)) { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; } /* 3. Jeśli używasz akordeonu lub innych kontenerów, które straciły tło, upewnij się, że mają tę klasę */ .product__infos.accordion, .product__left, .product__col { background-color: #ffffff !important; border-radius: 3px !important; } /* Ukrywa absolutnie każdy pusty kontener section na stronie produktu */ #product section:empty { display: none !important; } .featured-products.clearfix { background-color: #ffffff !important; border-radius: 0px !important; padding: 15px !important; margin-top: 15px !important; display: block !important; box-sizing: border-box !important; } .featured-products.clearfix:not(:has(.product-miniature, h2, h1)) { display: none !important; } .featured-products.clearfix h2.products-section-title { margin-top: 0 !important; margin-bottom: 20px !important; text-align: left; text-transform: none; } /* Styl nowej karty pod ceną */ .delivery-info-card { background-color: #ffffff !important; border: 1px solid #ebebeb !important; border-radius: 8px !important; padding: 20px !important; width: 385px !important; /* Ta sama szerokość co cena */ max-width: 385px !important; margin-top: 15px !important; /* Odstęp od karty z ceną */ box-sizing: border-box !important; box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important; } /* Wnętrze karty */ .delivery-line { display: flex; align-items: center; margin-bottom: 10px; font-size: 14px; line-height: 1.4; } .delivery-line:last-child { margin-bottom: 0; } .delivery-line i { margin-right: 12px; font-size: 20px; } /* Kolory ze zdjęcia */ .delivery-line.free-shipping { color: #2fb15d !important; /* Zielony darmowej dostawy */ } .delivery-line.fast-delivery { color: #333; } .delivery-line.fast-delivery i { color: #999; /* Szara ikona daty */ } @media (min-width: 1200px) { /* Główna kolumna - usuwamy jej tło, by widzieć przerwę */ .product__col.col-lg-6.col-xl-5 { background: transparent !important; border: none !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 15px !important; /* Odstęp między kartami */ } /* GÓRNA KARTA (Scalona) */ .product-main-info-wrapper { background-color: #ffffff !important; border-radius: 3px !important; padding: 18px !important; } /* Czyścimy tła wewnętrznych elementów, by nie było "schodków" */ .product-main-info-wrapper div, .product-main-info-wrapper section, .product-main-info-wrapper .product__actions { background: transparent !important; border: none !important; padding-left: 0 !important; padding-right: 0 !important; } /* DOLNA KARTA (Dostawa) */ .delivery-info-card-standalone { background-color: #ffffff !important; border-radius: 3px !important; padding: 20px !important; display: block !important; } } @media (min-width: 1200px) { /* 1. Kreska zostaje TYLKO pod nagłówkiem (nazwą produktu) */ .product-main-info-wrapper .main-product-details-card { border-bottom: 1px solid #ebebeb !important; margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 24px !important; padding-bottom: 24px !important; margin-bottom: 25px !important; } /* 2. Krótki opis - BEZ KRESKI i bez ujemnych marginesów */ .product-main-info-wrapper .product__description-short { border-bottom: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 15px !important; } /* 3. Kreska zostaje pod cenami (jeśli chcesz oddzielić ceny od przycisku koszyka) */ .product-main-info-wrapper .product-prices.js-product-prices { border-bottom: 1px solid #ebebeb !important; margin-left: -24px !important; margin-right: -24px !important; padding-left: 24px !important; padding-right: 24px !important; padding-bottom: 20px !important; margin-bottom: 20px !important; } } @media (min-width: 1200px) { .product-main-info-wrapper { /* Nadaje margines dolny bezpośrednio tej klasie */ padding-bottom: 5px !important; } } @media (min-width: 1200px) { /* Usuwamy domyślne marginesy pod zdjęciem, które robią "dziurę" */ .page-product .product__images { margin-bottom: -5px !important; display: flex !important; flex-direction: column !important; height: auto !important; max-height: none !important; /* Blokujemy ograniczanie wysokości przez motyw */ } /* Jeśli miniatury są pod spodem, upewnijmy się, że nie dodają marginesu */ .page-product .product__images .product-images-slider { margin-top: 0px !important; margin-bottom: 0 !important; } /* Ustawienie ramki i tła bezpośrednio na kontenerze zdjęć (opcjonalnie) */ .page-product .images-container { background-color: #ffffff !important; border-radius:3px !important; padding: 10px !important; } } .btn.btn-primary.btn-with-icon.add-to-cart { /* Jaśniejszy z lewej (#ffdb00), ciemniejszy z prawej (#ffca00) */ /* background-image: linear-gradient(to right, #ffca00 0%, #ffdb00 100%) !important;*/ background-color: #ffd815 !important; /* background: linear-gradient(246.57deg,#f3cc33 0%,#fff382 100%);*/ /* Styl tekstu i ikony */ color: #000000 !important; font-weight: 500 !important; font-size: 15px !important; text-transform: none !important; /* Układ - tekst po lewej, ikona po prawej */ display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; /* Wykończenie */ border: none !important; border-radius: 4px !important; padding: 11px 20px !important; box-shadow: none !important; transform: none !important; transition: filter 0.2s ease !important; } /* Delikatne przyciemnienie całego przycisku po najechaniu */ .btn.btn-primary.btn-with-icon.add-to-cart:hover { filter: brightness(0.95) !important; background-image: linear-gradient(to right, #ffdb00 100%, #ffca00 0%) !important; } /* Ustawienie ikony, aby zawsze była po prawej stronie tekstu */ .btn.btn-primary.btn-with-icon.add-to-cart i { color: #000000 !important; order: 2 !important; margin: 0 !important; } .sold-count-wrapper { display: flex !important; width: 100% !important; /* Zajmij całą szerokość */ clear: both !important; /* Zbij element pod nagłówek, jeśli ten ma float */ margin-top: 25px !important; /* To zepchnie napis w dół od nazwy */ margin-bottom: 5px !important; /* To przybliży go do linii
*/ padding: 0 !important; align-items: center !important; } .sold-count-wrapper i { font-size: 18px !important; color: #ff5a00 !important; margin-right: 8px !important; display: inline-flex !important; } /* Jeśli tekst jest zbyt wysoko względem ikony */ .sold-count-wrapper span { line-height: 1.2 !important; display: block !important; color:#969696; font-size: 13px; } /* 1. Resetujemy główny kontener, by nie psuł układu */ .product-actions__quantity.quantity-button { display: block !important; /* Wracamy do standardu */ text-align: left !important; } /* 2. Napis "Liczba sztuk" zostaje nad przyciskami */ .product-actions__quantity.quantity-button::before { content: "Liczba sztuk"; display: block !important; font-family: 'Lato', sans-serif !important; font-size: 14px !important; color: #555 !important; margin-bottom: 8px !important; } /* 3. Ustawiamy przyciski i Twój napis w jednej linii bez Grid/Flex */ .product-actions__quantity.quantity-button > div:first-of-type, .product-actions__quantity.quantity-button .input-group { display: inline-flex !important; /* Przyciski zajmują tylko tyle miejsca, ile potrzebują */ vertical-align: middle !important; } /* 4. Twój napis "z 14" - precyzyjne ustawienie */ .stock-info-append { display: inline-flex !important; vertical-align: middle !important; /* Kluczowe do wyśrodkowania względem plusa */ margin-left: 5px !important; color: #787878 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; margin-top: -14px; } /* Wyrównanie kolumny akordeonu do lewej krawędzi strony */ .row .col-xl-7:has(#product-infos-accordion) { padding-left: 0 !important; /* Usuwa lukę z lewej */ } /* Sam akordeon wewnątrz kolumny */ #product-infos-accordion { width: 100% !important; max-width: 100% !important; } /* Tekst przycisków równo z krawędzią zdjęcia */ #product-infos-accordion .accordion-button { padding-left: 0 !important; } @media (min-width: 1490px) { /* Twoja szerokość ekranu dla 95% kontenera */ /* Wyłączamy ograniczenia flexboxa dla kolumny z akordeonem */ .row .col-xl-7:has(#product-infos-accordion) { flex: 0 0 1047px !important; width: 1047px !important; max-width: 1047px !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; } /* Sam akordeon musi wypełnić te 1047px */ #product-infos-accordion { width: 100% !important; display: block !important; } } /* Na wypadek gdyby zdjęcie miało inne wymiary na mniejszych ekranach */ @media (min-width: 1200px) and (max-width: 1489px) { .row .col-xl-7:has(#product-infos-accordion) { width: 100% !important; flex: 0 0 59.333333% !important; /* Standardowy Bootstrap */ } } @media (min-width: 1200px) { /* 1. Celujemy bezpośrednio w kolumnę z akordeonem, a nie w cały row */ .col-xl-7:has(#product-infos-accordion) { position: relative; z-index: 10; } /* 2. Naprawiamy "przyklejenie" treści do krawędzi (padding wewnątrz) */ #product-infos-accordion .accordion-button { padding-left: 20px !important; /* Odsuwa tekst od lewej krawędzi */ padding-top: 15px !important; padding-bottom: 15px !important; } #product-infos-accordion .accordion-body { padding-left: 25px !important; /* Odsuwa opis od lewej krawędzi */ padding-right: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } /* 3. Usuwamy zbędne odstępy nad samym akordeonem */ #product-infos-accordion { margin-top: 0 !important; padding-top: 0 !important; } } #product-infos-accordion .accordion-body { padding-left: 25px !important; /* Odstęp dla treści (opisu) */ padding-right: 20px !important; line-height: 1.5; /* Poprawia czytelność tekstu */ } #product-infos-accordion .accordion-button { padding-left: 20px !important; /* Odstęp dla nagłówków */ padding-right: 20px !important; } @media (min-width: 1200px) { /* 1. Synchronizujemy kolumnę ZDJĘCIA i kolumnę AKORDEONU */ .product__left.col-xl-7, .row .col-xl-7:has(#product-infos-accordion) { flex: 0 0 calc(100% - 385px - 0px) !important; /* 385px koszyk + 40px przerwy */ width: calc(100% - 385px - 0px) !important; max-width: calc(100% - 385px - 0px) !important; } /* 2. Upewniamy się, że prawa kolumna (koszyk/reassurance) ma stałą szerokość */ .product__col.col-xl-5, .row .col-xl-5:has([hook='displayReassurance']) { flex: 0 0 385px !important; width: 385px !important; max-width: 385px !important; } /* 3. Akordeon wewnątrz swojej kolumny zawsze na 100% */ #product-infos-accordion { width: 100% !important; display: block !important; } } @media (max-width: 1199px) { .col-xl-7:has(#product-infos-accordion) { margin-top: 5px !important; } } @media (min-width: 1200px) { .product__left.col-lg-6.col-xl-7 { flex: 0 0 calc(100% - 385px - 40px) !important; width: calc(100% - 385px - 40px) !important; max-width: 1047px !important; min-width: calc(100% - 385px - 20px) !important; } .row .col-xl-7:has(#product-infos-accordion) { flex: 0 0 calc(100% - 385px - 8px) !important; width: calc(100% - 385px - 5px) !important; } } .product-pack__item { padding-left: 20px !important; padding-right: 15px !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* Celujemy w kontener produktu */ .product-miniature.js-product-miniature { /* Zwiększamy odstępy między kolumnami (standardowo jest 15px) */ /* padding-left: 20px !important; padding-right: 20px !important;*/ margin-bottom: 10px !important; /* Większy odstęp góra-dół */ } /* Celujemy w samą kartę produktu, by miała 306px */ .product-miniature.js-product-miniature .card { max-width: 306px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; /* Usuwamy jakiekolwiek filtry, które mogłyby wrócić */ filter: none !important; } .product-miniature__image { /* Pomaga wyostrzyć krawędzie przy powiększaniu */ image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; /* Upewnij się, że zdjęcie nie jest sztucznie ograniczone */ width: 100% !important; height: auto !important; } /* Przycisk w stanie spoczynku */ .slider-item .js-add-to-cart { background-color: transparent !important; color: #007185 !important; /* Twój kolor morski */ border: 1px solid #007185 !important; /* Ramka w tym samym kolorze */ border-radius: 4px; transition: all 0.3s ease; font-weight: 600; padding: 8px 15px; width: 100%; cursor: pointer; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; padding: 7px !important; } /* Efekt po najechaniu (Hover) */ .slider-item .js-add-to-cart:hover { /* Kolor #007185 z przezroczystością 0.07 (ok. 7%) */ background-color: rgba(0, 113, 133, 0.07) !important; color: #007185 !important; /* Tekst pozostaje wyraźny */ border-color: #007185 !important; } /* 1. Stabilizacja głównego kontenera grid */ .products-grid-slider { display: grid; grid-auto-flow: column; grid-auto-columns: 20%; /* Twoje ustawienie procentowe */ align-items: stretch; /* To wymusza, by każdy element w rzędzie miał tę samą wysokość */ overflow-x: auto; padding-bottom: 10px; /* Miejsce na ewentualny cień/pasek przewijania */ } /* 2. Stała wysokość kafelka */ .products-grid-slider .slider-item { height: 100%; /* Wykorzystaj pełną wysokość grida */ display: flex; flex-direction: column; } /* 3. Wymuszenie równej miniatury */ .products-grid-slider .product-miniature { display: flex; flex-direction: column; height: 97%; /* Kluczowe: miniatura musi wypełnić kafelek */ margin-bottom: 0; } /* 4. Blokada skakania przez nazwy produktów */ .products-grid-slider .product-title { min-height: 42px; /* Stałe miejsce na 2 linie tekstu */ max-height: 42px; overflow: hidden; /* Ucina zbyt długie nazwy, by nie psuły układu */ line-height: 16px; } .products-grid-slider { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory; gap: 15px; } .slider-item { flex: 0 0 230px; /* lub 20% - ten skrypt obsłuży oba! */ scroll-snap-align: start; } @media (max-width: 768px) { .slider-item { /* Na telefonach możemy wymusić, by produkt zajmował np. 80% szerokości ekranu, żeby było widać kawałek następnego */ flex: 0 0 80% !important; } } /* Celujemy we wszystkie kontenery akcji w sliderach */ .products-grid-slider .product-add-to-cart, .products-grid-slider .add-to-cart-action, .products-grid-slider .product-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; } /* Wymuszamy, by przycisk rósł, a pole ilości miało stałą szerokość */ .products-grid-slider .add-to-cart { flex: 1 !important; white-space: nowrap !important; } .products-grid-slider .product-quantity, .products-grid-slider .qty { flex: 0 0 60px !important; /* Szerokość pola ilości */ min-width: 60px !important; } .delivery-info-card-standalone { border-radius: 3px; padding: 16px; font-family: 'Open Sans', sans-serif; color: #222; max-width: 400px; } .delivery-row { display: flex; align-items: flex-start; margin-bottom: 12px; gap: 12px; } .delivery-row i { color: #555; font-size: 20px; } .smart-row { background: #fff; padding: 8px; } .smart-logo { height: 18px; } .delivery-text { display: flex; flex-direction: column; } .delivery-text .label { font-size: 13px; color: #767676; } .delivery-text .value { font-weight: 600; font-size: 15px; } .highlight { color: #00a650; /* Zielony Allegro */ } .price-info { font-size: 13px; color: #767676; margin-top: 2px; } .delivery-divider { border: 0; } .payment-info .label { font-weight: 600; font-size: 14px; } .payment-info .sub-label { font-size: 12px; color: #767676; margin-top: 2px; } .payment-icons { margin-top: 8px; display: flex; gap: 10px; color: #999; } @media (min-width: 992px) { /* 1. Resetujemy flexa, żeby pozwolić elementom swobodnie pływać */ .row.product.js-product-container { display: block !important; } /* 2. Zdjęcie - lewa strona */ .product__left { float: left !important; width: 58% !important; /* Odpowiednik col-xl-7 */ margin-bottom: 20px !important; } /* 3. Prawa kolumna (Cena/Dostawy) */ .product__col { float: right !important; width: 40% !important; /* Odpowiednik col-xl-5 */ clear: none !important; /* Pozwala jej być obok zdjęcia */ } /* 4. Akordeon (ten wewnętrzny .row ze zrzutu) */ .row.product.js-product-container > .row { float: left !important; width: 58% !important; clear: left !important; /* Wymusza bycie pod zdjęciem, ale ignoruje wysokość prawej strony */ margin-left: 0 !important; margin-right: 0 !important; } /* 5. Naprawa sliderów na dole (category-products i featured-products) */ .category-products, .featured-products { clear: both !important; /* Wymusza, by slidery zaczynały się dopiero pod całym układem */ width: 100% !important; display: block !important; padding-top: 30px !important; } } @media (min-width: 992px) { /* 1. Resetujemy wewnętrzny row, który trzyma 814px */ .row.product.js-product-container > .row { display: block !important; /* Wyłączamy flexboxa, który ogranicza szerokość */ width: 1022px !important; /* Wymuszamy szerokość zdjęcia */ max-width: none !important; /* Usuwamy blokady max-width */ margin-left: 0 !important; /* Usuwamy ujemne marginesy row */ margin-right: 0 !important; padding: 0 !important; } /* 2. Jeśli wewnątrz tego row jest jakaś kolumna (np. col-12), ją też resetujemy */ .row.product.js-product-container > .row > [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; } /* 3. Finalne uderzenie w akordeon */ #product-infos-accordion { width: 100% !important; display: block !important; } } @media (min-width: 992px) { /* 1. Kopiujemy idealne wymiary zdjęcia do blokującego selektora */ .row .col-xl-7:has(#product-infos-accordion) { flex: 0 0 calc(100% - 425px) !important; width: calc(100% - 425px) !important; max-width: 1047px !important; min-width: calc(100% - 410px) !important; /* Kluczowe: usuwamy marginesy Bootstrapa, które mogą go zwężać */ } /* 2. Upewniamy się, że wewnętrzny .row (rodzic akordeonu) nie ucina tej szerokości */ .row.product.js-product-container > .row:has(#product-infos-accordion) { display: block !important; width: 100% !important; /* On ma wypełnić 100% swojej (już poprawionej) kolumny */ max-width: 100% !important; margin: 0 !important; } /* 3. Sam akordeon musi być teraz elastyczny */ #product-infos-accordion, .product__infos.accordion.accordion-flush { width: 100% !important; display: block !important; } } @media (min-width: 992px) { /* Celujemy precyzyjnie w ten sam selektor, który masz w CSS */ .row .col-xl-7:has(#product-infos-accordion) { position: relative !important; z-index: 10 !important; /* Dodatkowo czyścimy marginesy wewnętrznego wiersza, które mogą dodawać pustą przestrzeń */ padding-top: 0px !important; } /* Musimy upewnić się, że rodzic nie ma "cleara", który blokuje wjeżdżanie pod górę */ .row.product.js-product-container > .row:has(#product-infos-accordion) { margin-top: 0 !important; clear: none !important; /* Pozwala elementowi nachodzić na obszar powyżej */ } } /* Warstwa przygaszająca body */ .sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); /* Przygaszenie */ z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .sidebar-overlay.active { opacity: 1; visibility: visible; } /* Panel boczny - szerszy */ .payments-sidebar { position: fixed; top: 0; right: -550px; width: 520px; /* Rozszerzony panel */ height: 100%; background: #fff; box-shadow: -5px 0 25px rgba(0,0,0,0.2); z-index: 9999; transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); padding: 0; /* Padding damy do środka */ } .payments-sidebar.active { right: 0; } /* Nagłówek z X po lewej */ .sidebar-header { display: flex; align-items: center; padding: 20px; border-bottom: 1px solid #eee; gap: 15px; } .close-btn { background: none; border: none; font-size: 32px; line-height: 1; cursor: pointer; color: #333; padding: 0 10px; } .sidebar-header h5 { margin: 0; font-size: 1.2rem; font-weight: 600; } .sidebar-content { padding: 25px; } /* Nagłówek: Rozsuwamy elementy */ .sidebar-header { display: flex !important; align-items: center !important; justify-content: space-between !important; /* To wypchnie X na koniec */ padding: 15px 20px !important; border-bottom: 1px solid #eee !important; } .close-btn { background: none !important; border: none !important; font-size: 32px !important; cursor: pointer !important; line-height: 1 !important; padding: 5px !important; margin-left: auto !important; /* Gwarancja pozycji po prawej */ } .sidebar-header h5 { margin: 0 !important; font-size: 1.2rem !important; font-weight: 700 !important; } /* Stylizacja elementów akordeonu */ .payment-header { display: flex; align-items: center; padding: 15px 0; cursor: pointer; border-bottom: 1px solid #f0f0f0; } .payment-icon { font-size: 26px !important; margin-right: 15px !important; color: #444 !important; min-width: 42px; } .payment-name { font-size: 15px; font-weight: 400; display: block !important; } .payment-header .arrow { margin-left: auto; /* Strzałka rozwijania na prawo */ color: #999; } .payment-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; margin-top: 20px; } .payment-item-wrapper.active .payment-content { max-height: 150px; } .payment-item-wrapper.active .arrow { transform: rotate(180deg); } /* Kontener główny w karcie */ .payment-trigger-row { display: flex !important; align-items: center !important; justify-content: space-between !important; /* Rozpycha elementy na boki */ width: 100% !important; cursor: pointer; } /* Środkowa część z tekstem */ .payment-trigger-content { flex-grow: 1 !important; display: flex; flex-direction: column; } /* Strzałka na samym końcu */ .payment-trigger-row .arrow-icon { margin-left: auto !important; /* Dodatkowe ubezpieczenie, by strzałka była po prawej */ color: #999; } .delivery-card-v2 { } .delivery-item { display: flex; align-items: flex-start; padding: 15px 5px; border-bottom: 1px solid #eee; min-height: 70px; } .delivery-item.clickable { cursor: pointer; align-items: center; /* Wyśrodkowanie dla wiersza ze strzałką */ } .info-icon { color: #999; font-size: 24px !important; margin-right: 15px; } .delivery-content { flex-grow: 1; /* To wypycha strzałkę na prawo */ display: flex; flex-direction: column; } .delivery-content p { margin: 0; font-size: 14px; line-height: 1.4; color: #333; } .label { font-size: 14px; color: #333; display: flex; align-items: center; } .small-info { font-size: 16px !important; margin-left: 5px; color: #999; } .delivery-time-value { font-weight: 700; font-size: 16px; color: #1b802f; margin-top: 2px; } .label-bold { font-weight: 400; font-size: 15px; color: #333; } .arrow-icon { margin-left: auto; color: #999; font-size: 24px !important; } /* Usuwa linię z ostatniego elementu wewnątrz kontenera dostawy */ .delivery-card-v2 .delivery-item:last-child { border-bottom: none !important; } /* Opcjonalnie: jeśli masz separator
pod listą, możesz też wyzerować margines ostatniego elementu */ .delivery-card-v2 .delivery-item:last-child { padding-bottom: 0 !important; } .text-green { color: #00a790 !important; font-weight: 700; } .highlight-orange { color: #777 !important; font-weight: 600; margin-left: 2px; } .delivery-time-value { font-size: 15px; display: inline-block; } /* 1. Główny kontener - dodajemy mu fizyczną przestrzeń na dole */ .row.product.js-product-container { position: relative !important; display: block !important; width: 100% !important; /* To jest klucz: margines dolny odpycha slider */ /* Zwiększaj tę liczbę, aż slider przestanie być przykryty */ margin-bottom: 750px !important; } /* 2. Lewa kolumna (Opisy) - bez zmian */ .col-lg-6.col-xl-7 { width: calc(100% - 460px) !important; float: left !important; display: block !important; padding-right: 20px !important; } /* 3. Prawa kolumna (Biała karta - ta co działa) */ .col-lg-6.col-xl-5 { width: 420px !important; position: absolute !important; right: 0 !important; top: 0 !important; background: #ffffff !important; border-radius: 8px !important; padding: 24px !important; z-index: 99 !important; } /* 4. Fix czyszczący - na wszelki wypadek */ .row.product.js-product-container::after { content: "" !important; display: table !important; clear: both !important; } /* 1. Gdy sidebar ma klasę 'active', spychamy wszystko inne na dół */ /* To zadziała na najnowszych przeglądarkach */ body:has(.payments-sidebar.active) header#header, body:has(.payments-sidebar.active) .slider-container, body:has(.payments-sidebar.active) .flexslider, body:has(.payments-sidebar.active) .rev_slider, body:has(.payments-sidebar.active) #wrapper { z-index: 1 !important; transform: none !important; /* Slidery często używają transformacji, co psuje z-index */ } /* 2. SIDEBAR - Musi być "Bogiem" warstw */ .payments-sidebar.active { position: fixed !important; top: 0 !important; right: 0 !important; z-index: 999999 !important; /* Bardzo wysoka wartość */ background: #ffffff !important; height: 100vh !important; display: block !important; } /* 3. NAGŁÓWEK SIDEBARU (Ten z X) */ .sidebar-header { display: flex !important; align-items: center !important; justify-content: space-between !important; background: #ffffff !important; z-index: 1000000 !important; /* Jeszcze wyżej niż sam panel */ position: relative !important; } /* 4. OVERLAY (Mgiełka) */ .sidebar-overlay.active { z-index: 999998 !important; position: fixed !important; } /* Wymuszenie widoczności breadcrumb nad tłem sidebarów */ .breadcrumb__wrapper, .breadcrumb { position: relative !important; z-index: 10 !important; pointer-events: auto !important; /* Przywraca klikalność */ } /* Upewnij się, że tło nie blokuje strony gdy jest nieaktywne */ .sidebar-overlay:not(.active) { display: none; pointer-events: none; } .product-manufacturer a { font-size: 13px; color: #007185; text-decoration: none; margin-top: -5px; display: inline-block; } .product-manufacturer a:hover { text-decoration: underline; } @media (max-width: 767px) { /* 1. Zmiana układu z poziomego na pionowy */ .product-miniature .d-flex.flex-wrap { display:none !important; flex-direction: column !important; /* Układa elementy jeden pod drugim */ align-items: flex-start !important; /* Wyrównuje do lewej (lub center jeśli wolisz) */ gap: 8px !important; /* Tworzy równe, małe odstępy między elementami (opis, cena) */ } /* 2. Dodatkowy margines pod opisem produktu, jeśli gap nie wystarcza */ .product-miniature .product-title, .product-miniature .product-description { margin-bottom: 5px !important; width: 100%; } /* 3. Upewnienie się, że cena nie ma ujemnych marginesów */ .product-miniature .product-price-and-shipping { margin-top: 0 !important; display: block; } } /* Styl dla urządzeń mobilnych (poniżej 767px) */ @media (max-width: 767px) { #index .container { width: 94% !important; /* Kontener zajmuje prawie cały ekran */ max-width: none !important; /* Usuwamy limit 1500px */ margin-left: auto; margin-right: auto; padding-left: 10px; /* Mały wewnętrzny margines od krawędzi */ padding-right: 10px; } /* Odsunięcie sekcji nowych produktów od slidera */ #index .new-products { margin-bottom: 30px !important; /* Gwarantuje, że slider nie najdzie na produkty */ } } @media (max-width: 767px) { /* Ukrycie przycisku szybkiego podglądu na mobile */ .product-miniature__quickview_touch, .js-quickview, .quick-view { display: none !important; } /* Upewnienie się, że zdjęcie zajmuje odpowiednią przestrzeń bez przycisku */ .product-thumbnail { margin-bottom: 5px; } } @media (max-width: 767px) { /* 1. Naprawa głównego kontenera produktu */ .product-miniature .d-flex.flex-wrap { display: flex !important; flex-direction: column !important; align-items: stretch !important; /* Rozciąga elementy na całą szerokość */ gap: 15px !important; width: 100% !important; padding: 0 10px !important; } /* 2. Przywrócenie zdjęcia (thumbnail) */ .product-miniature .product-thumbnail { display: block !important; width: 100% !important; height: auto !important; text-align: center; margin-bottom: 10px; } .product-miniature .product-thumbnail img { max-width: 100% !important; height: auto !important; display: inline-block !important; } /* 3. Naprawa sekcji "Liczba sztuk" i przycisku */ .product-miniature .product-add-to-cart, .product-miniature .add-to-cart-combined { width: 100% !important; } /* Rozciągnięcie przycisku "Dodaj do koszyka" */ .product-miniature .add-to-cart { width: 100% !important; display: block !important; margin-top: 10px; } /* 4. Wyrównanie tekstów i ceny */ .product-miniature .product-description, .product-miniature .product-price-and-shipping { text-align: left !important; width: 100% !important; } /* 5. Naprawa ikonek i informacji o dostawie (te na dole) */ .delivery-info-card-standalone, .product-features { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 767px) { /* Celujemy w kolumnę z opisem, która teraz zakrywa zdjęcie */ .product__col.col-lg-6.col-xl-5 { position: relative !important; /* Wyciąga element z ewentualnego absolute */ flex: none !important; /* Wyłącza sztywne wymiary flex */ width: 100% !important; /* Zajmuje całą szerokość */ max-width: 100% !important; margin-top: 20px !important; /* Robi miejsce pod zdjęciem */ display: block !important; /* Zamienia flex na zwykły blok */ } /* Upewniamy się, że główny wiersz produktu układa się w pionie */ .product-container .row { display: flex !important; flex-direction: column !important; } /* Kontener zdjęcia musi być pierwszy w kolejce */ .js-product-cover-thumbnail { width: 100% !important; position: relative !important; display: block !important; } } @media (max-width: 767px) { /* 1. Kontener lewy (Zdjęcie) */ .product__left.col-lg-6.col-xl-7 { float: none !important; width: 100% !important; max-width: 100% !important; display: block !important; margin-bottom: 0px !important; /* Odstęp pod zdjęciem */ } /* 2. Kontener prawy (Twoja biała karta z opisem) */ .product__col.col-lg-6.col-xl-5 { float: none !important; display: flex !important; flex-direction: column !important; width: 100% !important; /* Twoje wymarzone 96% */ margin: 0 auto !important; /* Środkuje białą kartę */ position: relative !important; top: 0 !important; /* Resetuje ewentualne przesunięcia w górę */ clear: both !important; } /* 3. Naprawa głównego wiersza, żeby nie wymuszał rzędu */ #product .row, .product-container .row { display: block !important; /* Zamiana na blok wymusza układ góra-dół */ } } /* Styl TYLKO dla komputerów i dużych tabletów */ @media (min-width: 768px) { .col-lg-6.col-xl-5 { width: 420px !important; position: absolute !important; right: 0 !important; top: 0 !important; background: #ffffff !important; border-radius: 8px !important; padding: 24px !important; z-index: 99 !important; } } /* Styl dla telefonów (opcjonalnie, by karta ładnie wyglądała pod zdjęciem) */ @media (max-width: 767px) { .col-lg-6.col-xl-5 { position: relative !important; /* Przywraca do normalnego układu */ width: 100% !important; /* Na mobile zajmuje całą szerokość */ margin-top: 20px !important; /* Daje odstęp pod zdjęciem */ background: #ffffff !important; border-radius: 8px !important; padding: 15px !important; } } /* ============================================================ DESKTOP (Szerokie ekrany od 768px w górę) ============================================================ */ @media (min-width: 768px) { /* Lewa kolumna - Zdjęcie */ .col-lg-6.col-xl-7 { width: calc(100% - 460px) !important; float: left !important; display: block !important; padding-right: 20px !important; } /* Prawa kolumna - Biała karta (Twoje wcześniejsze ustawienie) */ .col-lg-6.col-xl-5 { width: 420px !important; position: absolute !important; right: 0 !important; top: 0 !important; background: #ffffff !important; border-radius: 8px !important; padding: 24px !important; z-index: 99 !important; } } /* ============================================================ MOBILE (Telefony do 767px szerokości) ============================================================ */ @media (max-width: 767px) { /* Resetujemy obie kolumny do standardowego układu blokowego */ .col-lg-6.col-xl-7, .col-lg-6.col-xl-5 { width: 100% !important; /* Pełna szerokość ekranu */ max-width: 100% !important; float: none !important; /* Wyłączamy pływanie obok siebie */ position: relative !important; /* Przywracamy naturalny bieg strony */ padding: 2px !important; /* Mniejszy odstęp boczny */ left: auto !important; right: auto !important; top: auto !important; } /* Dodatkowy margines tylko dla dolnej karty z opisem */ .col-lg-6.col-xl-5 { margin-top: 15px !important; } .product-miniature .d-flex.flex-wrap{ display: none !important; } } @media (max-width: 767px) { /* Twój mobilny sidebar */ #deliverySidebar, #returnsSidebar,#paymentsSidebar { position: fixed !important; top: 0; right: -110%; /* Schowany */ width: 100%; /* Zajmuje 80% szerokości */ height: 100%; background: #fff; z-index: 9999; transition: right 0.3s ease-out; padding: 20px; } } @media (max-width: 767px) { /* 1. Usuwamy marginesy z rzędu (row), aby nie "uciekał" poza ekran */ .row.g-4, .row.g-xl-5 { margin-left: 0 !important; margin-right: 0 !important; --bs-gutter-x: 0 !important; /* Zerujemy odstęp poziomy Bootstrapa */ } /* 2. Rozciągamy kontener produktu do krawędzi */ .product.js-product-container { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; max-width: 100% !important; } /* 3. Jeśli produkty są w kolumnach (np. col-6), usuwamy ich wewnętrzne odstępy */ .product.js-product-container.col-6, .product.js-product-container.col-12 { padding: 0 !important; border: none !important; /* Opcjonalnie usuwamy ramki, jeśli są */ } } /* Styl dla tabletów i komputerów (od 768px w górę) */ @media (min-width: 768px) { .wrapper__content.col-md-8.col-lg-9 { /* Zwiększamy odstęp wewnętrzny (treść nie dotyka brzegów kolumny) */ padding-left: 40px !important; padding-right: 0px !important; /* Jeśli chcesz, żeby cała kolumna była wizualnie węższa (większe marginesy zewnętrzne) */ /* margin-left: auto; */ /* margin-right: auto; */ } } /* Styl dla telefonów (poniżej 767px) */ @media (max-width: 767px) { .wrapper__content.col-md-8.col-lg-9 { /* Tutaj zazwyczaj chcemy mniejsze paddingi, żeby nie marnować miejsca na małym ekranie */ padding-left: 5px !important; padding-right: 5px !important; /* Upewniamy się, że na mobile kolumna zajmuje 100% szerokości */ width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } } @media (max-width: 767px) { /* 1. Celujemy w kontener listy kategorii / podkategorii */ #subcategories, .subcategories, .category-top-menu, #left-column .block-categories { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* 2. Usuwamy odstępy z rzędów i kolumn wewnątrz kategorii */ .subcategories ul, .category-items-list { display: flex; flex-wrap: wrap; padding: 0 !important; margin: 0 !important; list-style: none; } /* 3. Rozciągamy pojedyncze kafelki kategorii */ .category-item, .subcategory-box { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 10px; /* Mały odstęp pionowy między kategoriami */ } /* 4. Obrazki kategorii na 100% szerokości */ .subcategory-image img, .category-cover img { width: 100% !important; max-width: 100% !important; height: auto; border-radius: 0 !important; /* Usuwamy zaokrąglenia, jeśli mają być "krawędź w krawędź" */ } } @media (max-width: 767px) { /* Celujemy bezpośrednio w te kolumny, aby na mobile nie miały odstępów */ .col-lg-6, .col-xl-7 { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; /* Wymuszamy pełną szerokość */ max-width: 100% !important; flex: 0 0 100% !important; } /* Jeśli te kolumny są wewnątrz rzędu (row), usuwamy jego marginesy ujemne */ .row { margin-left: 0 !important; margin-right: 0 !important; --bs-gutter-x: 0 !important; } } @media (max-width: 767px) { /* 1. Celujemy w kolumnę Bootstrapa */ .col-lg-6.col-xl-5.order-lg-1 { background-color: transparent !important; background: none !important; } /* 2. Celujemy w sam moduł i jego listę */ #block-reassurance, .blockreassurance_product, .blockreassurance_product ul, .blockreassurance_product li { background-color: transparent !important; background: none !important; box-shadow: none !important; /* Usuwamy ewentualny cień, który daje efekt tła */ border: none !important; } /* 3. Usuwamy paddingi, jeśli chcesz, żeby blok przylegał do reszty treści */ .blockreassurance_product { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767px) { .col-lg-6.col-xl-7, .col-lg-6.col-xl-5 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; /* Wymuszenie pełnej szerokości w flexbox */ float: none !important; padding-left: 0 !important; /* Zerujemy boki, żeby dotykało krawędzi */ padding-right: 0 !important; margin-top: 0 !important; /* Usuwamy odstęp od góry na mobile */ } /* Wyłączamy wpływ marginesu z Twojej reguły :has na mobile */ .col-xl-7:has(#product-infos-accordion) { margin-top: 10px !important; } } /* Mobile: Pełna szerokość i mniejszy odstęp */ @media (max-width: 767px) { .category-products.mt-3 { margin-top: 10px !important; /* Zmniejszamy ten domyślny mt-3 */ width: 100% !important; } /* Usuwamy marginesy rzędu wewnątrz listy produktów kategorii */ .category-products .products.row { margin-left: 0 !important; margin-right: 0 !important; --bs-gutter-x: 0 !important; } } @media (max-width: 767px) { .gallery-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 10002; overflow-y: auto; } .gallery-header { position: sticky; top: 0; background: #fff; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; font-weight: bold; font-size: 18px; z-index: 10; } .close-gallery { background: none; border: none; font-size: 32px; line-height: 1; cursor: pointer; color:#111; } .gallery-content { padding: 10px; } .gallery-content img { width: 100%; height: auto; margin-bottom: 15px; border-radius: 4px; } /* Blokada przewijania tła strony */ body.gallery-open { overflow: hidden; } } @media (max-width: 767px) { /* Kontener galerii - musi mieć płynne przewijanie */ .gallery-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 10002; overflow-y: auto; } /* Nagłówek, który "płynie" ze zdjęciami, ale trzyma się góry */ .gallery-header { position: -webkit-sticky; /* Wsparcie dla Safari */ position: sticky; top: 0; background: rgba(255, 255, 255, 0.95); /* Lekka przezroczystość */ backdrop-filter: blur(5px); /* Efekt rozmycia tła pod nagłówkiem */ padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; z-index: 100; } .gallery-content { padding: 0; /* Zdjęcia do samej krawędzi */ display: flex; flex-direction: column; } .gallery-content img { width: 100%; height: auto; display: block; margin-bottom: 10px; pointer-events: auto; } } @media (max-width: 767px) { /* 1. Resetujemy główny kontener produktów, by dotykał boków telefonu */ .category-products, .category-products .products.row { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; --bs-gutter-x: 0 !important; /* Wyłączamy domyślny odstęp boczny Bootstrapa */ } /* 2. Ustawiamy kolumny tak, by stykały się z brzegami, ale miały przerwę między sobą */ .product-miniature.js-product-miniature { margin: 0 !important; /* Dodajemy wewnętrzny odstęp, by zdjęcie nie dotykało krawędzi swojego kafelka */ padding: 0px !important; } /* 3. Precyzyjne kolumny 50/50 */ .col-xs-6 { padding-left: 5px !important; /* Połowa odstępu środkowego */ padding-right: 5px !important; /* Połowa odstępu środkowego */ margin-bottom: 10px !important; } /* 4. Usuwamy zbędne odstępy przy samej krawędzi ekranu */ /* Lewy produkt nie ma odstępu z lewej, prawy nie ma z prawej */ .products.row > div:nth-child(odd) { padding-left: 0 !important; } .products.row > div:nth-child(even) { padding-right: 0 !important; } } @media (max-width: 767px) { /* 1. Resetujemy marginesy i paddingi na dole kolumny */ .product__col.col-lg-6.col-xl-5 { margin-bottom: 0 !important; padding-bottom: 0 !important; } .product-manufacturer{ margin-bottom: 14px; margin-top: -8px; } .blockreassurance_product, #block-reassurance { margin-bottom: 5px !important; /* Minimalny odstęp, by nie kleiło się do następnej sekcji */ } /* 3. Czasem w tej kolumnie jest jeszcze element .product-additional-info, który pcha treść w dół */ .product-additional-info { margin-bottom: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 768px) and (max-width: 1199px) { /* 1. Redukcja marginesu dolnego głównej lewej kolumny */ .product__left.col-lg-6.col-xl-7 { margin-bottom: 10px !important; /* Zmniejsz z domyślnych np. 50px na 20px */ padding-bottom: 0 !important; } /* 2. Często wewnątrz tej kolumny jest kontener zdjęć, który też ma margines */ .images-container { margin-bottom: 10px !important; } /* 3. Jeśli pod spodem jest rząd (row), zlikwidujmy zbędny odstęp międzyszybowy */ .product-container .row { --bs-gutter-y: 1rem !important; /* Zmniejszenie pionowego odstępu między kolumnami */ } } @media (min-width: 768px) and (max-width: 1199px) { .delivery-info-card-standalone { position: relative; margin-top: 40px !important; /* Większy odstęp */ } /* Tworzymy "zaślepkę" w kolorze tła strony */ .delivery-info-card-standalone::before { content: ""; position: absolute; top: -30px; /* Przesuwamy nad kartę */ left: -20px; /* Wyjeżdżamy poza lewy margines kolumny */ right: -50px; /* Wyjeżdżamy poza prawy margines */ height: 20px; /* Grubość przerwy */ background-color: #f6f6f6 !important; /* KONIECZNIE: Wpisz tu kolor tła swojej strony */ z-index: 1; } } @media (min-width: 768px) and (max-width: 1199px) { /* 1. Resetujemy odstępy Bootstrapa (gutter) dla głównego rzędu produktu */ .row.g-4.g-xl-5.product.js-product-container { --bs-gutter-x: 10px !important; /* Zmniejszamy odstęp boczny z np. 3rem na 10px */ margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } /* 2. Usuwamy nadmiarowe paddingi z kolumn wewnątrz tego rzędu */ .row.g-4.g-xl-5.product.js-product-container > [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } /* 3. Jeśli kontener nadrzędny (container) też ogranicza szerokość */ .container { max-width: 100% !important; /* Pozwalamy na zajęcie całej szerokości tabletu */ padding-left: 10px !important; padding-right: 10px !important; } } @media (min-width: 768px) and (max-width: 1199px) { /* 1. Wymuszamy na pasku pełną szerokość ekranu */ .sticky-cart-bar.is-visible { left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100vw !important; margin: 0 !important; padding: 10px 15px !important; /* Odstęp wewnętrzny dla treści, by nie dotykała brzegów */ border-radius: 0 !important; /* Usuwamy zaokrąglenia, jeśli są, by pasował do krawędzi */ } /* 2. Jeśli w środku jest kontener ograniczający szerokość treści */ .sticky-cart-bar.is-visible .container { max-width: 100% !important; width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } /* 3. Wyrównanie elementów wewnątrz paska (zdjęcie, cena, przycisk) */ .sticky-cart-bar.is-visible .row { --bs-gutter-x: 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } } @media (min-width: 768px) and (max-width: 1199px) { /* Celujemy w kontener lub link producenta */ .product-manufacturer, .product-information .manufacturer-logo, #product .product-manufacturer { margin-bottom: 30px !important; display: block !important; } .product-manufacturer img { margin-bottom: 5px !important; } } /* --- POPRAWIONY KOD ZBIORCZY: STOPKA, SIDEBARY, PASEK I NAGŁÓWEK --- */ /* 1. Globalna blokada pływania, która nie psuje nagłówka Sticky */ html, body { overflow-x: clip !important; width: 100% !important; position: relative; } @media (max-width: 1199px) { /* 2. STOPKA: Naprawa szerokości i rzędów */ .footer__main__top.row, .footer-container .row, #footer .row { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; --bs-gutter-x: 0 !important; } .footer-container .container, #footer .container { max-width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } /* 3. SIDEBARY: Płatności, Dostawa, Zwroty (Koniec z pływaniem w prawo) */ #paymentsSidebar, #deliverySidebar, #returnsSidebar, .sidebar-header { max-width: 100% !important; margin-left: 0 !important; /* Zmienione z 10px na 0 */ margin-right: 0 !important; /* Zmienione z 10px na 0 */ box-sizing: border-box !important; } #paymentsSidebar .row, #deliverySidebar .row, #returnsSidebar .row { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; --bs-gutter-x: 0 !important; } .sidebar-content { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; } /* 4. NAGŁÓWEK: Wymuszenie działania Sticky Header */ .header.js-sticky-header { position: sticky !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 1050 !important; } /* 5. WRAPPER: Bezpieczny kontener treści */ #wrapper, .wrapper__content, #content-wrapper { overflow-x: clip !important; width: 100% !important; } } /* 6. PASEK KOSZYKA: Widoczność i wymiary (Poza Media Query dla stabilności) */ .sticky-cart-bar.is-visible { display: none !important; } .sticky-cart-bar.is-actually-visible { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 9999 !important; background: #ffffff !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important; height: auto !important; min-height: 65px !important; max-height: 90px !important; align-items: center !important; padding: 5px 10px !important; } /* Redukcja elementów paska na mniejszych ekranach */ @media (max-width: 1199px) { /* Kontener całego paska - dodajemy mu cień, żeby "odstawał" od strony */ .sticky-cart-bar { padding: 10px 15px !important; box-shadow: 0 -4px 10px rgba(0,0,0,0.1) !important; background: #fff !important; } /* Nazwa produktu - ucinamy do jednej linii, żeby nie rozpychała paska */ .sticky-cart-bar .product-name { font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 150px !important; /* Blokuje rozjechanie się paska */ } /* Cena - robimy ją wyraźniejszą */ .sticky-cart-bar .product-price { font-size: 14px !important; font-weight: 700 !important; color: #d0021b !important; /* Czerwony przyciąga wzrok do ceny */ margin: 0 10px !important; } /* Zdjęcie - dajemy mu 45px, żeby było widać co kupujemy */ .sticky-cart-bar .product-image { max-width: 45px !important; border-radius: 4px !important; } /* PRZYCISK - Tutaj dzieje się magia klikalności */ .sticky-cart-bar .add-to-cart { /* Zmieniamy padding: góra 10px, boki 20px, dół 14px */ padding: 13px 20px 16px !important; text-transform: uppercase !important; font-size: 15px !important; font-weight: 500 !important; border-radius: 8px !important; background-color: #ffe600 !important; color: #333 !important; border: none !important; flex-grow: 1 !important; text-align: center !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; /* Dodatkowa korekta dla pewności wyśrodkowania w pionie */ display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .header-logo-col img{ width: 110px !important; } } /* --- 1. BLOKADA ROZSYPYWANIA (OD 768px DO 1200px) --- */ @media (min-width: 768px) { /* Rodzic - musi trzymać zdjęcie i panel obok siebie */ #product .row.product.js-product-container { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; } /* LEWA STRONA (ZDJĘCIE) */ .product__left.col-lg-6.col-xl-7 { flex: 0 0 calc(100% - 410px) !important; /* Zostawiamy miejsce na panel 385px + 25px luzu */ width: calc(100% - 410px) !important; max-width: calc(100% - 410px) !important; } /* PRAWA STRONA (PANEL ZAKUPU + ACCORDION) */ /* Łączymy je w jeden "komin", żeby boczny blok był spójny */ .product__col.col-lg-6.col-xl-5 { flex: 0 0 385px !important; width: 385px !important; max-width: 385px !important; margin-left: auto !important; /* Spycha panel maksymalnie do prawej */ display: flex !important; flex-direction: column !important; } /* WYMUSZENIE, BY ACCORDION BYŁ POD CENĄ, A NIE POD ZDJĘCIEM */ #product .blockreassurance_product, #product .accordion, .product-reassurance { display: block !important; width: 100% !important; margin-top: 0px !important; clear: none !important; /* Ważne: nie pozwalamy mu uciec pod zdjęcie */ } /* OPIS PRODUKTU (DÓŁ) - Ten jako jedyny ma być pod wszystkim na 100% */ .product-description, .product-tabs, .tabs { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; clear: both !important; margin-top: 40px !important; } } /* --- 2. SPECJALNY FIX DLA PRZEDZIAŁU 768px - 992px --- */ /* Tutaj Twój szablon najbardziej "puchnie", więc zmniejszamy nieco szerokość panelu */ @media (min-width: 768px) and (max-width: 992px) { .product__col.col-lg-6.col-xl-5 { flex: 0 0 340px !important; /* Trochę węższy panel na tabletach */ width: 340px !important; } .product__left.col-lg-6.col-xl-7 { flex: 0 0 calc(100% - 360px) !important; width: calc(100% - 360px) !important; } } /* --- TOTALNA BLOKADA KOLUMNY ORDER-LG-1 --- */ /* 1. Atakujemy bezpośrednio strukturę, którą widzisz w kodzie */ [class*="col-lg-6"][class*="col-xl-5"][class*="order-lg-1"], .product__col.order-lg-1, #product .order-lg-1 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; z-index: -9999 !important; } /* 2. Jeśli blockreassurance siedzi w środku tej kolumny, dobijamy go */ .order-lg-1 .blockreassurance_product, .order-lg-1 #blockreassurance_product, .order-lg-1 .product-reassurance { display: none !important; content: none !important; } /* 3. Naprawa 'dziury' po usuniętej kolumnie */ /* Musimy powiedzieć zdjęciu, żeby rozciągnęło się na 100%, skoro zabraliśmy mu sąsiada */ @media (max-width: 991px) { #product .product__left { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } } /* --- NAPRAWA UKŁADU DWUKOLUMNOWEGO (768px - 991px) --- */ @media (min-width: 768px) and (max-width: 991px) { /* 1. CAŁKOWITE USUNIĘCIE PASKA ORDER-LG-1 */ .product__col.order-lg-1, [class*="order-lg-1"] { display: none !important; width: 0 !important; flex: 0 0 0 !important; position: absolute !important; } /* 2. ZDJĘCIE - Zamiast 100% dajemy mu miejsce na sąsiada */ #product .product__left { flex: 0 0 55% !important; max-width: 55% !important; width: 55% !important; display: block !important; } /* 3. PANEL ZAKUPU (Cena i przycisk) - Wskakuje obok zdjęcia */ /* Używamy selektora kolumny, która NIE jest order-lg-1 */ #product .product__col.col-lg-6.col-xl-5:not(.order-lg-1) { flex: 0 0 42% !important; max-width: 42% !important; width: 42% !important; margin-left: 3% !important; display: flex !important; flex-direction: column !important; } } @media (min-width: 950px) and (max-width: 1005px) { /* 1. UKRYWAMY SLIDER MOBILNY (ten z kropkami/strzałkami) */ .product-images-mobile, .js-product-cover-slider, .slick-slider, .owl-carousel { display: none !important; visibility: hidden !important; height: 0 !important; } /* 2. PRZYWRACAMY ZDJĘCIE DESKTOPOWE */ /* Szablon przy 991px często dodaje 'display: none' do galerii PC */ #product .product__left, #product .images-container, #product .product-cover, #product .js-qv-product-cover { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; } /* Upewniamy się, że samo zdjęcie w środku ma 100% szerokości */ #product .product-cover img { width: 100% !important; height: auto !important; display: block !important; } /* 3. POSZERZENIE ACORDIANU (jeśli nadal za wąski) */ #product-description-row, #product-infos-accordion { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 1200px) { #product .row .col-xl-7:has(#product-infos-accordion) { flex: 0 0 calc(100% - 425px) !important; width: calc(100% - 425px) !important; max-width: 1047px !important; min-width: calc(100% - 405px) !important; float: left !important; } } @media (min-width: 768px) and (max-width: 999px) { /* 1. ZDJĘCIE: Przywracamy mu calc, żeby NIE włączała się galeria mobilna */ #product .product__left, #product .col-lg-6.col-xl-7:not(:has(#product-infos-accordion)) { float: left !important; display: block !important; } /* 2. OPIS: Tylko ten konkretny kontener zmuszamy do wyjścia na 100% */ #product .col-lg-6.col-xl-7:has(#product-infos-accordion), #product-description-row, #product-infos-accordion { flex: 0 0 100% !important; clear: both !important; /* Spycha opis pod zdjęcie i cenę */ float: none !important; } /* 3. BLOKADA SLIDERA: Na wszelki wypadek ukrywamy mobilne elementy */ .product-images-mobile, .js-product-cover-slider { display: none !important; height: 0 !important; } /* Pokazujemy standardowe zdjęcie desktopowe */ #product .images-container { display: block !important; } } @media (min-width: 768px) and (max-width: 999px) { /* 1. RESETUJEMY CAŁY RZĄD PRODUKTU */ /* Wyłączamy Flexbox, który trzyma zdjęcie i opis obok siebie */ #product .row, #product .product-container { display: block !important; width: 100% !important; } /* 2. WYMUSZAMY PEŁNĄ SZEROKOŚĆ NA KAŻDEJ KOLUMNIE */ /* To nadpisuje Twoje calc(100% - 460px) oraz float: left */ #product .col-lg-6.col-xl-7, #product .col-md-6, #product .product__left, #product .product-column-description { flex: 0 0 100% !important; float: none !important; display: block !important; } /* 3. RATUJEMY ZDJĘCIE PRZED WERSJĄ MOBILNĄ */ /* Jeśli po powyższym zdjęciu puchnie, ograniczamy tylko kontener obrazka */ #product .product-cover img { max-width: 500px !important; /* Lub inna szerokość, która Ci odpowiada */ margin: 0 auto !important; /* Centruje zdjęcie */ display: block !important; } /* 4. ACCORDION - PEŁNY WYMIAR */ #product-infos-accordion, #product-description-row { width: 100% !important; margin-top: 30px !important; clear: both !important; } /* Ukrywamy kropki i slider, jeśli skrypt go włączył */ .product-images-mobile, .slick-list, .slick-dots { display: none !important; } } /* Wyjmujemy kulki z układu slidera i kładziemy je na wierzch */ .gallery-overlay .slick-dots, .gallery-overlay .owl-dots, .gallery-overlay .dots-container { display: flex !important; position: fixed !important; /* Klucz: kulki nie uciekną ze zdjęciem */ bottom: 40px !important; /* Wysokość od dołu ekranu */ left: 0 !important; width: 100% !important; justify-content: center !important; z-index: 999999 !important; /* Nad powiększonym zdjęciem */ padding: 0 !important; margin: 0 !important; list-style: none !important; } /* Stylizacja kulek, żeby były wyraźne */ .gallery-overlay .slick-dots li button, .gallery-overlay .owl-dot span { width: 10px !important; height: 10px !important; background: rgba(255, 255, 255, 0.5) !important; border: 1px solid #000 !important; border-radius: 50% !important; display: block !important; } .gallery-overlay .slick-dots li.slick-active button, .gallery-overlay .owl-dot.active span { background: #000 !important; /* Aktywna kulka na czarno */ } /* 1. SELEKCJA TYLKO 3 KROKÓW (Personal, Addresses, Delivery) */ #checkout-personal-information-step .step__title, #checkout-personal-information-step .step__content, #checkout-addresses-step .step__title, #checkout-addresses-step .step__content, #checkout-delivery-step .step__title, #checkout-delivery-step .step__content { background-color: #ffffff !important; max-width: 940px !important; /* Twoja szerokość */ margin-left: auto !important; margin-right: auto !important; border: none !important; box-sizing: border-box !important; display: block !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; } /* 2. ŁĄCZENIE TYTUŁU Z TREŚCIĄ (Likwidacja szpary) */ #checkout-personal-information-step .step__title, #checkout-addresses-step .step__title, #checkout-delivery-step .step__title { padding: 30px 40px 0px 40px !important; margin-bottom: 0 !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } /* Usunięcie domyślnego marginesu napisu w tytule */ .step__title h3, .step__title .h3 { margin-bottom: 0 !important; padding-bottom: 25px !important; } /* 3. DÓŁ KARTY */ #checkout-personal-information-step .step__content, #checkout-addresses-step .step__content, #checkout-delivery-step .step__content { padding: 0px 40px 30px 40px !important; margin-top: -15px !important; margin-bottom: 330px !important; } /* 4. RESET DLA WRAPPERÓW (Aby nie było pustych pasków) */ [class*="step-wrapper-checkout-"] { background: transparent !important; border: none !important; padding: 0 !important; } /* 1. ROZCIĄGANIE TYLKO GDY AKTYWNY JEST KROK 1, 2 LUB 3 */ /* Używamy selektora, który patrzy na klasę .js-current-step wewnątrz kolumny */ .cart-grid-body:has(#checkout-personal-information-step.js-current-step), .cart-grid-body:has(#checkout-addresses-step.js-current-step), .cart-grid-body:has(#checkout-delivery-step.js-current-step) { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } /* 2. ZABLOKOWANIE ROZCIĄGANIA DLA PŁATNOŚCI */ /* Nawet jeśli system chciałby coś wymusić, tutaj mówimy "Stop" dla płatności */ .cart-grid-body:has(#checkout-payment-step.js-current-step) { flex: 0 0 63.333333% !important; /* Powrót do Twojego oryginału */ width: 63.333333% !important; max-width: 63.333333% !important; } /* 3. TWOJA KARTA 940px (Allegro Style) */ #checkout-personal-information-step .step__title, #checkout-personal-information-step .step__content, #checkout-addresses-step .step__title, #checkout-addresses-step .step__content, #checkout-delivery-step .step__title, #checkout-delivery-step .step__content { background-color: #ffffff !important; max-width: 940px !important; margin-left: auto !important; margin-right: auto !important; border: none !important; border-radius: 3px !important; box-sizing: border-box !important; } /* 4. SKLEJENIE TYTUŁU Z TREŚCIĄ */ .step__title { margin-bottom: 0 !important; padding: 0px 40px 0px 40px !important; } .step__content { margin-top: 0 !important; padding: 0px 0px 0px 10px !important; } .brand__img{ visibility: hidden !important; } /* 1. USUNIĘCIE KROPEK I ELEMENTÓW SYSTEMOWYCH */ .payment__option .form-check-input, .payment-options input[type="radio"], button[id*="pay-with-payment-option"], .payment-options .custom-radio { display: none !important; appearance: none !important; -webkit-appearance: none !important; background-image: none !important; --bs-form-check-bg-image: none !important; } /* 2. UKŁAD LISTY (400PX) */ .payment-options, .payment__list { max-width: 400px !important; margin: 0 !important; padding: 0 !important; } /* 3. STYL KAFELKA */ .payment__option { background: #ffffff !important; border: 1px solid #dcdcdc !important; border-radius: 4px !important; margin-bottom: 12px !important; padding: 0 !important; display: block !important; transition: all 0.2s ease !important; cursor: pointer !important; overflow: hidden !important; position: relative !important; width: 400px !important; } /* POMARAŃCZOWA RAMKA PO ZAZNACZENIU */ .payment__option:has(input:checked) { border: 2px solid #ff5a00 !important; background-color: #fffcfa !important; } /* 4. UKŁAD WEWNĄTRZ Z IKONAMI */ .payment__option label.form-check-label { display: flex !important; align-items: center !important; padding: 12px 20px !important; margin: 0 !important; width: 100% !important; min-height: 60px !important; } /* Styl tekstu i ikony */ .payment__option label span, .payment__option label div { font-size: 15px !important; font-weight: 600 !important; color: #222 !important; display: flex !important; align-items: center !important; } /* KOLOR IKONY PO ZAZNACZENIU (ZMIANA NA POMARAŃCZOWY) */ .payment__option:has(input:checked) label span::before { filter: invert(47%) sepia(96%) saturate(2425%) hue-rotate(345deg) brightness(101%) contrast(105%) !important; } /* 5. UKRYWANIE DODATKOWYCH INFORMACJI */ .js-additional-information { display: none !important; } .payment__option:has(input:checked) + .js-additional-information { display: block !important; width: 400px !important; /* padding: 10px 0 20px 20px !important;*/ font-size: 13px !important; color: #666 !important; } .payment__option, .payment__option label, .payment__option label * { cursor: pointer !important; } /* Reset paddingu dla slidera na telefonach */ @media (max-width: 767px) { .slider-wrapper { padding-left: 0 !important; padding-right: 0 !important; padding: 0 !important; /* Dla pewności resetujemy wszystko */ } /* Ukrycie strzałek slidera */ .slider-arrow, .slider-arrow.prev, .slider-arrow.next { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Ukrycie kropek nawigacji na telefonach i tabletach */ @media (max-width: 991px) { .slider-pagination, .swiper-pagination, .slick-dots, .owl-dots { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } } /* Dodatkowo upewnijmy się, że kontenery produktów też nie mają sztucznych przerw */ .category-products .products, .viewed-products .products { margin-left: 0 !important; margin-right: 0 !important; } } /* Opcjonalnie: Zmniejszenie paddingu na laptopach, skoro nie ma już strzałek */ @media (min-width: 768px) { .slider-wrapper { } } @media (max-width: 767px) { .slider-wrapper .slider-item { flex: 0 0 150px !important; max-width: 150px !important; /* box-sizing zostaje z ogólnych ustawień, nie trzeba powtarzać */ } } /* Wersja z użyciem ID strony głównej */ #index .featured-products.clearfix { width: 93% !important; max-width: 93% !important; margin-left: auto !important; margin-right: auto !important; display: block !important; float: none !important; } /* 1. Resetujemy ogólny before dla wszystkich, aby nie było duplikacji */ .payment-option label span::before, .payment-option label div::before { content: none !important; } /* 2. IKONA DLA PRZELEWU (ps_wirepayment) */ /* Szukamy kontenera, który w ID ma nazwę modułu przelewu */ div[id*="wirepayment"] label span::before, #payment-option-1-container label span::before { content: "" !important; display: inline-block !important; width: 38px !important; height: 28px !important; margin-right: 15px !important; flex-shrink: 0 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23555' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z'/%3E%3C/svg%3E") !important; } /* 3. IKONA DLA GOTÓWKI (ps_cashondelivery) */ /* Szukamy kontenera, który w ID ma nazwę modułu gotówki */ /*div[id*="cashondelivery"] label span::before, #payment-option-2-container label span::before { content: "" !important; display: inline-block !important; width: 38px !important; height: 28px !important; margin-right: 15px !important; flex-shrink: 0 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23555' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E") !important; }*/ /* 4. Wyrównanie całości do lewej */ .payment-option label { display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; width: 100% !important; } /* 5. Upewniamy się, że tekst obok ikony nie ma dziwnych marginesów */ .payment-option label span { display: flex !important; align-items: center !important; } .payment__option img[src*=przelewy24][src*=svg] { margin-left: 0px !important; width: 3.2rem !important; height: 1.5em; } .przelewy24-checkbox__label{ margin-bottom: 15px !important; } /* --- 1. GÓRNY PASEK (Wyszukiwarka/Logo) - TEN PŁYWA --- */ .header-bottom-v2.sticky-fixed-header { position: fixed !important; top: 0 !important; left: 0; width: 100% !important; z-index: 9999 !important; /* Najwyższa warstwa */ background: #131920 !important; /* Najciemniejszy kolor */ padding: 12px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } /* Kolory ikon i tekstów w górnym pasku na biało */ .sticky-fixed-header i, .sticky-fixed-header a, .sticky-fixed-header , .sticky-fixed-header .cart-products-count { color: #333 !important; } .header-block__title{ color:#fff !important; font-size: 13px; } /* --- 2. TWÓJ DOLNY PASEK (Kategorie/Linki) - TEN ZNIKA --- */ .top-nav-bar { background: #1d2a38 !important; /* Jaśniejszy odcień */ position: relative !important; z-index: 500 !important; /* Niżej niż góra */ padding: 10px 0; margin-top: 69px; /* ODSTĘP: Dostosuj, by dół nie chował się pod górą na starcie */ display: block !important; width: 100%; } .top-nav-flex { display: flex; align-items: center; justify-content: space-between; } /* Stylizacja tekstów i ikon w dolnym pasku */ .top-nav-bar .nav-cat-button, .top-nav-bar .nav-link-item, .top-nav-bar .nav-promo-zone a, .top-nav-bar i { color: #ffffff !important; text-decoration: none !important; display: flex; align-items: center; } /* Separator przy kategoriach */ .nav-cat-button { font-weight: 700; padding-right: 20px; border-right: 1px solid rgba(255,255,255,0.1) !important; cursor: pointer; } .nav-cat-button i { margin: 0 5px; } /* Linki w środku */ .nav-links-list { display: flex; flex-grow: 1; padding-left: 20px; } .nav-link-item { margin-right: 25px; font-size: 15px; } .nav-link-item i { font-size: 18px; margin-right: 6px; opacity: 0.8; } /* Sekcja PRO/Smart */ .promo-brand { font-weight: 800; margin: 0 4px; } .promo-badge { background: #111; color: white !important; border-radius: 50%; width: 18px; height: 18px; display: inline-flex !important; align-items: center; justify-content: center; font-weight: bold; font-size: 11px; margin-left: 7px; } /* --- 3. FIX DLA TREŚCI STRONY --- */ #wrapper { margin-top: 3px; } /* --- 4. RWD (Mobilki) --- */ @media (max-width: 991px) { .nav-links-list, .nav-promo-zone { display: none !important; } .nav-cat-button { border-right: none !important; } } /* --- RESPONSYWNOŚĆ PASKA --- */ /* Domyślnie (na komputerach) ukrywamy ikonę menu w dolnym pasku */ .top-nav-bar .nav-cat-button i:first-child { display: none !important; } /* Na komputerach wyświetlamy tekst "Kategorie" i strzałkę */ .nav-cat-button span, .nav-cat-button i:last-child { display: inline-block; } /* --- EFEKT ALLEGRO NA MOBILE (poniżej 991px) --- */ @media (max-width: 991px) { /* Pokazujemy ikonę menu na mobile */ .top-nav-bar .nav-cat-button i:first-child { display: inline-block !important; font-size: 24px; margin-right: 0; margin-left: 15px; } /* Ukrywamy tekst i strzałkę na mobile, zostaje sama ikona (jak w Allegro) */ .nav-cat-button span, .nav-cat-button i:last-child { display: none !important; } /* Dopasowanie paska do mobile */ .top-nav-bar { padding: 5px 0; margin-top: 120px; /* Mniejszy margines na mobile, bo góra jest niższa */ } .top-nav-flex { /* justify-content: space-around; */ } /* Ukrywamy linki tekstowe na mobile, żeby nie robić śmietnika */ .nav-links-list { display: none !important; } /* Pokazujemy tylko ikonę kategorii i np. ikonę PRO */ .nav-promo-zone { display: block !important; } } /* --- DODATKOWY STYL DLA ROZWIJANIA --- */ .nav-cat-button:active { opacity: 0.7; background: rgba(255,255,255,0.1); } /* --- GŁÓWNA RAMA --- */ .nav-cat-wrapper { position: relative; } .mega-menu-panel { display: none !important; position: absolute; top: 100%; left: 0; width: 980px; background: #ffffff !important; box-shadow: 0 10px 40px rgba(0,0,0,0.2); z-index: 9999999 !important; border: 1px solid #e5e5e5; border-radius: 0 0 8px 8px; } /* Przywrócenie układu poziomego (Lewa + Prawa) */ .mega-menu-panel.active { display: flex !important; /* To naprawia układ "pod sobą" */ } .mega-menu-container { display: flex; width: 100%; min-height: 400px; } /* --- LEWA KOLUMNA (Szara) --- */ .main-categories { width: 250px; background: #f6f6f6; margin: 0; padding: 5px 0; list-style: none; border-right: 1px solid #eee; flex-shrink: 0; } .cat-item { position: static; } /* Ważne dla pozycjonowania panelu prawego */ .cat-item a { display: flex !important; justify-content: space-between; padding: 10px 18px; color: #333333 !important; /* Ciemny tekst */ font-size: 13px; font-weight: 500; text-decoration: none !important; } /* Pomarańczowy Hover */ .cat-item:hover > a { background: #ffffff !important; color: #ff5a00 !important; box-shadow: inset 4px 0 0 0 #ff5a00; } /* --- PRAWY PANEL (Podkategorie w kolumnach) --- */ .sub-categories-panel { display: none; position: absolute; /* Wyrywa podkategorie z listy i kładzie obok */ top: 0; left: 250px; right: 0; bottom: 0; background: #ffffff !important; padding: 25px; overflow-y: auto; } /* Pokazywanie panelu po najechaniu na lewą listę */ .cat-item:hover .sub-categories-panel { display: block !important; } /* SIATKA 3 KOLUMN */ .sub-columns-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* Stylizacja tekstów wewnątrz */ .sub-title { font-weight: 700 !important; font-size: 13px; color: #000000 !important; display: block; margin-bottom: 8px; border-bottom: 1px solid #f0f0f0; padding-bottom: 4px; } .grand-child { display: block !important; font-size: 12px; color: #666666 !important; padding: 2px 0; text-decoration: none !important; } .grand-child:hover { color: #ff5a00 !important; } /* --- FIX DLA IKONY BEZPIECZEŃSTWA (Biała) --- */ .nav-promo-zone a { color: #ffffff !important; } .promo-badge i { color: #ffffff !important; } /* STYLIZACJA STRZAŁEK W MENU */ .cat-item a i.material-icons { color: #000000 !important; /* Czarny kolor strzałki */ font-size: 16px !important; /* Zmniejszenie rozmiaru (standard to 24px) */ opacity: 0.5; /* Lekka przezroczystość, by nie dominowały nad tekstem */ transition: all 0.2s; } /* ZMIANA STRZAŁKI NA HOVER (opcjonalnie na pomarańczowo wraz z tekstem) */ .cat-item:hover > a i.material-icons { color: #ff5a00 !important; /* Strzałka zmienia się na pomarańczową przy najechaniu */ opacity: 1; /* Pełna widoczność przy najechaniu */ transform: translateX(3px); /* Delikatne wysunięcie strzałki w prawo dla efektu */ } /* DODATKOWO: Poprawa wyrównania tekstu względem strzałki */ .cat-item a { align-items: center; display: flex; justify-content: space-between; } /* GŁÓWNA RAMA PANELU */ .mega-menu-panel { border: 1px solid #000000 !important; /* Czarna cienka ramka zewnętrzna */ border-top: none; box-shadow: 0 10px 30px rgba(0,0,0,0.15); border-radius: 0 0 4px 4px; } /* LINIA ODDZIELAJĄCA LEWĄ KOLUMNĘ OD PRAWEJ */ .main-categories { background: #f6f6f6; } /* TYTUŁY PODKATEGORII (Bez podkreślenia) */ .sub-title { font-weight: 700 !important; font-size: 13px; color: #000000 !important; display: block; margin-bottom: 5px; /* Odstęp tylko od spodu tekstu */ padding-bottom: 0; border-bottom: none !important; /* USUNIĘCIE LINII */ text-decoration: none !important; } .sub-title:hover { color: #ff5a00 !important; text-decoration: none !important; } /* STRZAŁKI W MENU (Czarne i małe) */ .cat-item a i.material-icons { color: #000000 !important; font-size: 15px !important; opacity: 0.7; } /* LINKI 3-GO POZIOMU */ .grand-child { display: block !important; font-size: 12px; color: #555555 !important; padding: 2px 0; text-decoration: none !important; } .grand-child:hover { color: #ff5a00 !important; text-decoration: underline !important; /* Tylko najniższy poziom ma podkreślenie na hover */ } /* --- PASEK WYSZUKIWARKI --- */ #search_widget form { position: relative; display: flex !important; flex-direction: row !important; align-items: stretch !important; width: 100%; background: #ffffff; border: 2px solid #000000 !important; border-radius: 4px; /* KLUCZOWE: zmienione z hidden na visible, aby historia była widoczna */ overflow: visible !important; padding: 0 !important; } #search_widget input.js-search-input { flex: 1 !important; height: 42px !important; border: none !important; padding: 0 15px !important; margin: 0 !important; outline: none !important; background: transparent !important; } .search-submit-btn { all: unset !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #edaf65 !important; border-radius: 5px 0 0 5px !important; width: 50px !important; min-width: 50px !important; cursor: pointer !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .search-submit-btn i { font-size: 25px !important; color: #000000 !important; font-weight: 400 !important; line-height: 1 !important; display: block !important; margin: 0 !important; padding: 0 !important; position: static !important; } /* --- LISTA HISTORII (Allegro Style) --- */ #search-history-dropdown { all: unset !important; position: absolute !important; top: 100% !important; left: -2px !important; /* Kończy się przed pomarańczową lupą (100% - 50px szerokości przycisku) */ width: calc(100% - 47px) !important; background: #ffffff !important; border: 2px solid #000000 !important; border-top: none !important; display: block !important; z-index: 9999 !important; box-sizing: border-box !important; border-radius: 0 0 4px 4px !important; box-shadow: 0 8px 16px rgba(0,0,0,0.1) !important; } #search-history-dropdown ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } #search-history-dropdown li { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 0 !important; /* Padding wewnątrz .history-item-content */ border-bottom: 1px solid #f2f2f2 !important; } /* Kontener zegarek + tekst */ .history-item-content { display: flex !important; flex-direction: row !important; align-items: center !important; flex: 1 !important; padding: 10px 15px !important; cursor: pointer !important; } /* Naprawa ikony zegarka - usuwamy nachodzenie na tekst */ .history-item-content i.material-icons { position: static !important; display: inline-block !important; color: #999 !important; font-size: 18px !important; margin-right: 12px !important; width: auto !important; } /* Tekst frazy */ .history-item-content span { position: static !important; color: #333 !important; font-size: 14px !important; line-height: 1 !important; text-decoration: none !important; } /* Przycisk usuwania (X) */ .remove-item { all: unset !important; padding: 10px 15px !important; color: #ccc !important; font-size: 18px !important; cursor: pointer !important; } .remove-item:hover { color: #000 !important; } /* Tytuł i przycisk czyńczenia */ .history-title { display: block !important; padding: 12px 15px 5px !important; font-size: 11px !important; color: #999 !important; text-transform: uppercase !important; font-weight: bold !important; } .clear-all-history { display: block !important; text-align: right !important; padding: 10px 15px !important; font-size: 12px !important; color: #0056b3 !important; cursor: pointer !important; } /* Ukrycie starych śmieci z szablonu */ .ui-autocomplete, .ui-front, .search-widgets__dropdown { display: none !important; } /* --- PASEK WYSZUKIWANIA --- */ #search_widget form { position: relative; display: flex !important; width: 100%; background: #ffffff; border: 2px solid #000000 !important; border-radius: 4px; overflow: visible !important; /* Ważne! */ } /* --- DROPDOWN HISTORII --- */ #search-history-dropdown { position: absolute !important; top: 100% !important; left: -2px !important; width: calc(100% - 50px) !important; /* Krótszy przed lupą */ background: #ffffff !important; border: 2px solid #000000 !important; border-top: none !important; z-index: 1000 !important; box-sizing: border-box !important; display: none; /* Domyślnie ukryty, JS go włączy */ } /* --- UKŁAD ELEMENTÓW W HISTORII (Naprawa zegarka) --- */ #search-history-dropdown li { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 0 !important; border-bottom: 1px solid #f2f2f2 !important; } .history-item-content { display: flex !important; flex-direction: row !important; align-items: center !important; padding: 10px 15px !important; flex: 1 !important; } .history-item-content i { position: static !important; margin-right: 12px !important; color: #999 !important; font-size: 18px !important; } .history-item-content span { color: #333 !important; font-size: 14px !important; } /* --- PODPOWIEDZI PRODUKTÓW (PrestaShop) --- */ /* Te style sprawią, że gdy historia zniknie, podpowiedzi wypełnią białe pole */ .ui-autocomplete, .search-widgets__results { position: absolute !important; top: 100% !important; left: -2px !important; width: calc(100% - 50px) !important; background: #ffffff !important; border: 2px solid #000000 !important; border-top: none !important; z-index: 999 !important; list-style: none !important; padding: 0 !important; box-shadow: none !important; } /* Ukrywamy ten mały szary dymek z Twojego zdjęcia */ .search-widgets__dropdown { all: unset !important; } /* PRZYCIEMNIANIE STRONY */ body.search-active::after { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5) !important; z-index: 998 !important; pointer-events: none; } #search_widget { position: relative; z-index: 999 !important; } #search_widget form { position: relative; overflow: visible !important; } /* CZARNA RAMKA DLA WSZYSTKIEGO */ #search-history-dropdown, .ui-autocomplete, .search-widgets__dropdown { all: unset !important; position: absolute !important; top: 100% !important; left: -2px !important; width: calc(100% - 46px) !important; /* Szerokość do lupy */ background: #ffffff !important; border: 2px solid #000000 !important; border-top: none !important; z-index: 1000 !important; box-sizing: border-box !important; display: block !important; } /* STYL LISTY */ #search-history-dropdown li, .ui-menu-item { display: flex !important; align-items: center !important; padding: 5px 0px !important; border-bottom: 1px solid #f2f2f2 !important; cursor: pointer !important; } .history-item-content { display: flex !important; align-items: center !important; flex: 1 !important; } .history-item-content i { margin-right: 12px !important; color: #999 !important; font-size: 18px !important; } .history-item-content span { color: #333 !important; font-size: 14px !important; } /* UKRYWANIE STARYCH ELEMENTÓW */ .search-widgets__dropdown img, .ui-menu-item img { display: none !important; } .search-widgets__dropdown { display: none !important; } /* Ukrywamy dymek szablonu */ .clear-all-history { text-align: right; padding: 8px 15px; font-size: 12px; color: #0056b3; cursor: pointer; } /* Jeśli tło nie jest aktywne, wymuś ukrycie wszystkich rozwijanych elementów wyszukiwarki */ body:not(.search-active) #search-history-dropdown, body:not(.search-active) .search-widgets__dropdown, body:not(.search-active) .ui-autocomplete { display: none !important; } /* Opcjonalnie: jeśli Twój szablon wysuwa pasek animacją, to go cofnie */ body:not(.search-active) #search_widget form { /* Tu wpisz parametry, jeśli pasek fizycznie zmienia rozmiar, np: */ /* width: auto; */ } /* Kontener główny */ .cookie-notice-wrapper { position: fixed; bottom: 0; left: 0; width: 100%; background: #ffffff; padding: 30px 20px; z-index: 10000; box-shadow: 0 -5px 25px rgba(0,0,0,0.1); border-top: 1px solid #eee; } .cookie-notice-content h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px; color: #000; } .cookie-notice-content p { font-size: 14px; line-height: 1.5; color: #444; margin-bottom: 25px; } /* Układ przycisków - domyślnie jeden pod drugim (mobile) */ .cookie-notice-actions { display: flex; flex-direction: column; gap: 12px; } /* Wspólny styl przycisków */ .cookie-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px; font-size: 16px; font-weight: 600; border-radius: 10px; cursor: pointer; border: none; transition: all 0.2s; width: 100%; text-transform: none; } .cookie-btn i { font-size: 20px; } /* Przycisk czarny (Zgadzam się) */ .cookie-btn-black { background: #000; color: #fff; } /* Przycisk obrysowany lub czarny z ikoną (Nie zgadzam się) */ .cookie-btn-outline { background: #000; color: #fff; } /* Na komputerach - przyciski obok siebie */ @media (min-width: 768px) { .cookie-notice-actions { flex-direction: row; justify-content: flex-end; } .cookie-btn { width: auto; min-width: 200px; } .cookie-notice-wrapper { bottom:0px; left: 50%; transform: translateX(-50%); width: 100%; border-radius: 15px; border: 1px solid #eee; } } @media (min-width: 768px) { #desktop-share-wrapper { position: absolute !important; top: 5px !important; right: 60px !important; z-index: 1000 !important; pointer-events: none !important; } /* Styl Udostępnij na Desktop (Kopia Twojej Wishlisty) */ .desktop-style-button { display: flex !important; align-items: center !important; justify-content: center !important; height: 2.8rem !important; width: 2.8rem !important; min-width: 2.8rem !important; background-color: transparent !important; box-shadow: none !important; border-radius: 50% !important; cursor: pointer !important; border: 1px solid rgb(231, 231, 231) !important; pointer-events: auto !important; transition: 0.2s ease; } .desktop-style-button:hover { background-color: #f8f8f8 !important; } } /* Styl na Mobile (Białe kółka z cieniem) */ @media (max-width: 767px) { #mobile-actions-wrapper { position: absolute !important; top: 10px !important; right: 10px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; z-index: 999 !important; } #mobile-wish-bypass, #mobile-share-custom { width: 44px !important; height: 44px !important; background: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; } } @media (max-width: 767px) { /* Stylizacja głównego kontenera przycisku wishlist */ .wishlist-button-add { display: flex !important; align-items: center !important; justify-content: center !important; /* Wymiary zbliżone do zdjęcia */ height: 40px !important; width: 40px !important; min-width: 40px !important; /* EFEKT ZE ZDJĘCIA: Półprzezroczyste białe tło */ background-color: rgba(255, 255, 255, 0.7) !important; /* Rozmycie tła pod przyciskiem (Glassmorphism) */ backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; /* Zaokrąglone rogi (jak na zdjęciu) */ border-radius: 15px !important; /* Usunięcie domyślnej ramki i cienia */ border: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer; /* Pozycjonowanie (jeśli przycisk ma być nad zdjęciem) */ position: absolute !important; top: 15px !important; right: 15px !important; z-index: 10 !important; } /* Stylizacja ikony w środku */ .wishlist-button-add i, .wishlist-button-add button i { font-size: 23px !important; color: #444 !important; /* Czarna ikona jak na zdjęciu */ line-height: 1 !important; } /* Ukrycie domyślnego przycisku/tekstu, jeśli PrestaShop go tam wrzuca */ .wishlist-button-add button { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } } @media (max-width: 767px) { /* Ukrycie przycisku reset/is-visible na mobile */ .btn-reset.is-visible { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .search-submit-btn{ background: #fff !important; } } /* --- 2. KARTA PRODUKTU - DESKTOP (Styl Allegro) --- */ @media (min-width: 768px) { #product .wishlist-button-add { display: flex !important; align-items: center !important; justify-content: center !important; height: 2.8rem !important; width: 2.8rem !important; background-color: transparent !important; /* Cienka szara ramka jak na Allegro */ border: 1px solid rgb(231, 231, 231) ; border-radius: 50% !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; cursor: pointer !important; transition: 0.2s ease-in-out !important; margin-right: 0px; } #product .wishlist-button-add:hover { background-color: #f8f8f8 !important; border-color: #ccc !important; } .search-submit-btn{ background: #fff !important; border:1px solid #999 !important; } } /* --- 3. LISTY PRODUKTÓW (Kategorie / Listingi) --- */ /* Tutaj całkowicie usuwamy border i tło, niezależnie od urządzenia */ .product-miniature .wishlist-button-add, .product-listing .wishlist-button-add { border: none !important; padding: 0 !important; margin: 0 !important; } .product-miniature .wishlist-button-add i, .product-listing .wishlist-button-add i { font-size: 23px !important; color: #333 !important; } /* Wyłączenie borderów we wszystkich sliderach i listingach produktów */ .slider-wrapper .wishlist-button-add, .products-section-slider .wishlist-button-add, .featured-products .wishlist-button-add, .product-miniature .wishlist-button-add, .product-listing .wishlist-button-add { border: none !important; box-shadow: none !important; min-width: 0 !important; padding: 0 !important; } /* Upewnienie się, że ikona w tych miejscach jest czysta */ .slider-wrapper .wishlist-button-add i, .products-section-slider .wishlist-button-add i, .product-miniature .wishlist-button-add i { font-size: 24px !important; color: #333 !important; } /* ZDJĘCIA W PRAWO */ /* @media (min-width: 768px) { .product__images.js-images-container { display: grid !important; grid-template-columns: 100px 1fr !important; grid-template-areas: "thumbs main" !important; gap: 0px !important; align-items: start !important; } .thumbnails__container { grid-area: thumbs !important; position: relative !important; width: 100% !important; max-width: 150px !important; } .carousel-inner, .product-images { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-behavior: smooth; scrollbar-width: none; } .carousel-inner::-webkit-scrollbar { display: none; } .thumbnails__container .carousel-control-prev, .thumbnails__container .carousel-control-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 5 !important; width: 30px !important; height: 30px !important; background: rgba(255,255,255,0.8) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #000 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; } .thumbnails__container .carousel-control-prev { left: -15px !important; } .thumbnails__container .carousel-control-next { right: -15px !important; } .product-cover { grid-area: main !important; width: 100% !important; } } */ .btn.btn-primary.btn-with-icon.add-to-cart { /* 1. KOLOR BAZOWY: Twój żółty */ background-color: #ffe600 !important; color: #333 !important; /* 2. TEKST: Solidny, ale nie przytłaczający */ font-weight: 600 !important; font-size: 15px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; /* 3. WYGLĄD: Czysty, bez cieni pod spodem */ width: 100% !important; height: 55px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; /* 4. KRAWĘDZIE */ border: none !important; border-radius: 4px !important; box-shadow: none !important; /* Całkowity brak cienia */ cursor: pointer; } /* EFEKT HOVER: Subtelna zmiana, nie za jasna */ .btn.btn-primary.btn-with-icon.add-to-cart:hover { /* Zamiast filtra brightness, używamy koloru o pół tonu jaśniejszego */ background-color: #fff033 !important; filter: none !important; /* Wyłączamy agresywne rozjaśnianie */ box-shadow: none !important; transform: none !important; /* Przycisk nie "pływa", stoi w miejscu */ } /* EFEKT KLIKNIĘCIA: Minimalna reakcja wizualna */ .btn.btn-primary.btn-with-icon.add-to-cart:active { background-color: #f2da00 !important; /* Lekkie "przygaszenie" przy dotyku */ } /* Styl ikony */ .btn.btn-primary.btn-with-icon.add-to-cart i { font-size: 22px !important; color: #000 !important; } /* Style tylko dla urządzeń mobilnych */ @media (max-width: 767px) { /* Kontener, w którym znajduje się przycisk */ .product-add-to-cart .add { display: flex !important; width: 100% !important; } /* Główny przycisk dodawania do koszyka */ .product-detail .product-add-to-cart .btn.add-to-cart, .product-add-to-cart .add .btn.add-to-cart { width: 100% !important; /* Szerokość o połowę */ min-width: 210px !important; /* Zabezpieczenie przed zbyt wąskim przyciskiem */ /*flex: 0 0 50% !important; /* Wymuszenie szerokości w flexboxie */ padding-left: 10px !important; padding-right: 10px !important; white-space: nowrap !important; display: flex !important; align-items: center !important; } #cart .wrapper__content, #cart .wrapper__content-full-width{ padding-top: 0px; } } .delivery-item.clickable i, .delivery-item.clickable .material-icons { font-family: 'Material Icons Outlined' !important; content: "local_shipping"; /* Wymuszenie ikony */ font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; color: #999 !important; /* Kolor obrysu */ } /* Kontener dla obu informacji o dostawach */ #product-availability.js-product-availability { border-top: 1px solid #ebebeb !important; margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 24px !important; padding-top: 15px !important; padding-bottom: 15px !important; margin-bottom: 00px !important; display: block !important; width: calc(100% + 40px) !important; } /* Układ ikona + tekst */ .delivery-status-box { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; /* Odstęp między "Dostępny" a "Darmowa dostawa" */ } .delivery-status-box:last-child { margin-bottom: 0; /* Usuwamy margines dla ostatniego elementu wewnątrz paska */ } .delivery-status-box i { font-size: 22px; color: #000; } .delivery-status-box span { font-size: 14px; color: #0b7b3c; font-weight: 600; padding: 7px; } /* 4. Fix dla "zlanego" opisu - przywracamy szary pasek */ .product-images-wrapper { margin-bottom: 20px !important; /* Szary pasek pod zdjęciami */ } .product-gallery-container{ padding: 0px; } /* Zerujemy margines Bootstrapa tylko dla kolumn wewnątrz kontenera produktu */ #product .js-product-container > [class*="col-"] { margin-top: 0 !important; } /* Opcjonalnie: jeśli chcesz zachować kontrolę nad odstępami poziomymi (gutter) */ #product .js-product-container { --bs-gutter-y: 0; /* Wyłącza margines pionowy w tym konkretnym wierszu */ } @media (min-width: 1200px) { /* Nadpisujemy zmienną tylko wewnątrz kontenera produktu */ #product .js-product-container.g-xl-5 { --bs-gutter-x: 0rem !important; } /* Skoro gutter jest 0, musimy ręcznie dodać przerwę między zdjęciem a panelem, aby nie były do siebie przyklejone */ #product .product__left { padding-right: 25px !important; /* To będzie Twoja nowa, kontrolowana przerwa */ } } /* END KONTENERY /*/ @media (max-width: 575.98px) { /* 1. Kontener nadrzędny (lista ul) - ustawiamy w jednym rzędzie */ .pagination--custom { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; /* Pozwala numerom stron przejść niżej, jeśli braknie miejsca */ justify-content: center !important; align-items: center !important; position: relative !important; height: auto !important; gap: 10px !important; /* Odstępy między napisami a numerami */ padding: 20px 0 !important; } /* 2. Resetujemy wszystkie elementy listy, żeby nie latały w pionie */ .pagination--custom .page-item { position: static !important; transform: none !important; display: inline-block !important; margin: 0 !important; } /* 3. Napisy (Poprzedni/Następny) - stylizacja */ .pagination--custom .page-item .previous::after, .pagination--custom .page-item .next::after { content: attr(data-text) !important; /* Próba pobrania tekstu, lub wpisz na sztywno: */ content: "Poprzedni" !important; font-size: 14px !important; color: #232323 !important; visibility: visible !important; display: inline-block !important; } .pagination--custom .page-item .next::after { content: "Następny" !important; } /* Ukrywamy stare kropki/ikony */ .pagination--custom .page-item .previous, .pagination--custom .page-item .next { font-size: 0 !important; display: flex !important; align-items: center; text-decoration: none !important; } /* 4. KOLEJNOŚĆ (Force order) */ /* Ustawiamy: Poprzedni na początku, numery w środku, Następny na końcu */ .pagination--custom .page-item:has(.previous) { order: 1 !important; } .pagination--custom .page-item:not(:has(.previous)):not(:has(.next)) { order: 2 !important; } .pagination--custom .page-item:has(.next) { order: 3 !important; } } @media (max-width: 991.98px) { /* 1. Ukrywamy kolumnę na mobile */ .wrapper__left-column.col-md-4.col-lg-3 { display: none; width: 100%; background: #fff; padding: 15px; border: 1px solid #ddd; margin-bottom: 20px; } /* 2. Klasa, która ją pokaże (będziemy ją przełączać JS) */ .wrapper__left-column.active { display: block !important; } /* 3. Dodatkowy styl dla przycisku, który zaraz stworzymy */ .filter-toggle-btn { display: block; width: 100%; padding: 12px; background: #232323; color: #fff; text-align: center; margin-bottom: 15px; cursor: pointer; font-weight: bold; text-transform: uppercase; } } /* 4. Na desktopie musi być zawsze widoczne */ @media (min-width: 992px) { .filter-toggle-btn { display: none; /* Chowamy przycisk na komputerze */ } } /* LISTA PRODUKTOW */ /* --- Stonowanie przycisków widoku (Góra) --- */ .view-switcher .btn-link { color: #999 !important; text-decoration: none !important; } .view-switcher .btn-link.active { color: #000 !important; font-weight: bold; } /* --- UKŁAD ALLEGRO - FINALNA NAPRAWA --- */ @media (min-width: 768px) { /* 1. Reset siatki produktów */ .view-is-list #js-product-list .products.row { display: block !important; width: 100% !important; margin: 0 !important; } /* 2. Produkt na pełną szerokość */ .view-is-list .product-miniature { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 0 15px 0 !important; } /* 3. KARTA - Wyśrodkowanie w pionie i poziomy układ */ .view-is-list .product-miniature .card { display: flex !important; flex-direction: row !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 20px 0 !important; align-items: center !important; /* Wszystko ładnie w jednej linii w pionie */ border: none !important; border-bottom: 1px solid #eee !important; } /* 4. LEWA: ZDJĘCIE */ .view-is-list .product-miniature__link { flex: 0 0 180px !important; margin-right: 10px !important; } /* 5. KONTENER TREŚCI */ .view-is-list .product-miniature__infos.card-body { flex: 1 !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; padding: 0 5px !important; } /* 6. ŚRODEK: OPIS */ .view-is-list .product-miniature__infos__top { flex: 1 !important; padding-right: 40px !important; min-width: 0 !important; } .view-is-list .product-miniature__title { text-align: left !important; font-size: 16px !important; margin: 0 !important; } /* 7. PRAWA: CENA I PRZYCISKI */ .view-is-list .product-miniature__infos__bottom { flex: 0 0 260px !important; border-left: 1px solid #f0f0f0 !important; padding-left: 25px !important; display: flex !important; flex-direction: column !important; /* Cena nad przyciskiem */ align-items: flex-start !important; } /* 8. PRZYCISK DODAJ DO KOSZYKA (Wymuszenie i Styl) */ .view-is-list .add-to-cart-or-refresh, .view-is-list .product-add-to-cart { display: block !important; /* Pokazuje ukryty przycisk */ width: 100% !important; margin-top: 15px !important; } .view-is-list .add-to-cart, .view-is-list .btn-primary.add-to-cart { background-color: #ff5a00 !important; /* Kolor Allegro */ border-color: #ff5a00 !important; color: #fff !important; width: 100% !important; padding: 10px 15px !important; font-weight: bold !important; text-transform: uppercase !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* Opcjonalnie: efekt po najechaniu myszką */ .view-is-list .add-to-cart:hover { background-color: #e65100 !important; } } @media (min-width: 768px) { /* Selektor .view-is-list gwarantuje, że zmiana zajdzie tylko na liście */ .view-is-list .flex-md-nowrap { flex-wrap: nowrap !important; display: flex !important; } } @media (min-width: 768px) { /* 1. Wymuszamy wyrównanie całego kontenera do góry */ .view-is-list .product-miniature .card { align-items: flex-start !important; } /* 2. Usuwamy ewentualne marginesy z samej sekcji opisu */ .view-is-list .product-miniature__infos.card-body { align-items: flex-start !important; padding-top: 10px !important; /* Tutaj możesz regulować wysokość */ } /* 3. Upewniamy się, że góra opisu nie ma zbędnych odstępów */ .view-is-list .product-miniature__infos__top { margin-top: 0 !important; padding-top: 0 !important; } /* 4. Tytuł produktu - reset marginesu górnego */ .view-is-list .product-miniature__title { margin-top: 0 !important; } } @media (min-width: 768px) { /* Ukrywamy przycisk szybkiego podglądu tylko na liście */ .view-is-list .product-miniature__quickview, .view-is-list .quick-view { display: none !important; } /* Opcjonalnie: usuwamy margines, który mógł po nim zostać */ .view-is-list .product-miniature__infos__bottom { justify-content: flex-start !important; } } @media (min-width: 768px) { /* 1. Ustawiamy kontener informacji tak, by pozwalał na niezależne wyrównanie kolumn */ .view-is-list .product-miniature__infos.card-body { align-items: stretch !important; /* Pozwala kolumnom "rozciągnąć się" na pełną wysokość */ } /* 2. Przesuwamy sekcję ceny i przycisku na sam dół */ .view-is-list .product-miniature__infos__bottom { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; /* To wypchnie zawartość (cenę i koszyk) na dół */ height: 100% !important; padding-bottom: 10px !important; /* Opcjonalny margines od dolnej krawędzi */ } /* 3. Dodatkowy odstęp między ceną a przyciskiem, jeśli są zbyt blisko */ .view-is-list .product-miniature__infos__bottom .price-wrapper { margin-bottom: 25px !important; } } /* Standardowy styl paska */ .product-spacer { height: 20px; background: #f4f4f4; width: 100vw; position: relative; left: 50%; margin-left: -50vw; z-index: 1; /* Bardzo niski priorytet */ } @media (max-width: 768px) { .product-spacer { height: 0px; background: #f4f4f4; width: 100vw; position: relative; left: 50%; margin-left: -50vw; z-index: 1; /* Bardzo niski priorytet */ } } /* 1. Upewniamy się, że rodzic nie blokuje ruchu i pozwala na elastyczność */ .row.product.js-product-container { display: flex !important; align-items: flex-start !important; /* To jest KLUCZOWE - zapobiega rozciąganiu kolumn do równej wysokości */ overflow: visible !important; } /* 2. Konfiguracja samej kolumny */ .product__col.col-lg-6.col-xl-5 { position: -webkit-sticky !important; position: sticky !important; top: 80px !important; /* Odstęp od góry (zwiększony, żeby minąć menu) */ height: auto !important; /* Pozwala kolumnie być krótszą od lewej */ z-index: 10; } /* 3. Naprawa dla kontenerów wyżej w strukturze */ #wrapper, #content, #content-wrapper { overflow: visible !important; } /* Wersja dla komputerów (to co już masz, ale z dopełnieniem) */ @media (min-width: 768px) { .ratio-homeSlider { --bs-aspect-ratio: 23.33333%; /* Proporcja dla 1600x373px */ } } /* KLUCZ: Poprawka dla samego obrazka wewnątrz slidera */ .ratio-homeSlider img { width: 100% !important; height: 100% !important; object-fit: cover; /* Ważne: obrazek wypełni obszar bez zniekształceń */ object-position: center; } /* Wersja dla telefonów - tutaj proporcja musi być inna! */ @media (max-width: 767px) { .ratio-homeSlider { --bs-aspect-ratio: 56.25%; /* Proporcja 16:9 na komórki, żeby slider nie był "paskiem" */ } } .ratio-homeSlider { max-width: 94%; /* Suwak zajmie 96% szerokości ekranu */ margin: 0 auto; /* Wyśrodkowanie (0 góra/dół, auto lewo/prawo) */ overflow: hidden; /* Żeby obrazek nie wystawał poza zaokrąglone rogi */ margin-top: 20px; } .carousel { --slider-img-height: 100%; --slider-title-weight: 800; --slider-subtitle-weight: 700; --slider-text-color: var(--bs-gray-800); /* ZMIANY TUTAJ: */ --slider-control-bg: rgba(255, 255, 255, 0.2); /* Przezroczysty biały (opcjonalnie 'transparent') */ --slider-control-height: 4rem; --slider-control-radius: 0%; /* Brak zaokrąglenia dla przycisków kontrolnych */ } .ratio-homeSlider img { width: 100% !important; height: 100% !important; object-fit: cover !important; /* Wypełnia całą przestrzeń */ object-position: center; /* Środek zdjęcia zawsze będzie widoczny */ } /*@media (min-width: 768px) { .ratio-homeSlider { --bs-aspect-ratio: 23.5%; /* Np. 35.5% jeśli zdjęcie ma 1600x568 } }*/ /* Okienko kadrowania dla wszystkich zdjęć produktowych */ .product-main-container, .product-main-container .carousel-item { overflow: hidden !important; position: relative !important; cursor: zoom-in !important; } /* Wymuszenie płynnego powrotu dla każdego zdjęcia */ .product-main-container img { transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; } /* --- NOWOCZESNE, KWADRATOWE I PRZEZROCZYSTE STRZAŁKI PRZY ZDJĘCIU --- */ /* Kontener dużego zdjęcia staje się bazą pozycjonowania */ #product-modal .col-md-9.col-12 { position: relative !important; } /* Ukrywamy stare, niedziałające strzałki z szablonu */ #product-modal .direction, #product-modal .arrows, #product-modal .js-modal-arrows, .custom-modal-arrow { display: none !important; } /* Nowe, minimalistyczne, kwadratowe strzałki */ .main-modal-arrow { display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; /* Kwadratowe wymiary */ width: 45px !important; height: 45px !important; border-radius: 4px !important; /* Bardzo delikatne, kwadratowe zaokrąglenie rogów */ /* Wyraźna przezroczystość */ background: rgba(255, 255, 255, 0.4) !important; /* Tło przezroczyste w 40% */ border: 1px solid rgba(0, 0, 0, 0.15) !important; /* Bardzo delikatna ramka */ color: rgba(0, 0, 0, 0.5) !important; /* Przydymiony kolor samej strzałki */ font-size: 32px !important; font-family: Arial, sans-serif !important; cursor: pointer !important; z-index: 9999 !important; padding: 0 0 5px 0 !important; /* Korekta optyczna znaku '‹' i '›' */ transition: all 0.2s ease-in-out !important; } /* Pozycja lewej i prawej strzałki względem zdjęcia */ .main-arrow-left { left: 20px !important; } .main-arrow-right { right: 20px !important; } /* EFEKT NAJECHANIA (BEZ POMARAŃCZU - delikatne rozjaśnienie przezroczystości) */ .main-modal-arrow:hover { background: rgba(255, 255, 255, 0.65) !important; /* Lekkie rozjaśnienie tła */ color: rgba(0, 0, 0, 0.8) !important; /* Strzałka staje się wyraźniejsza */ border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } /* Wyłączamy strzałki w momencie, gdy użytkownik kliknął w zdjęcie i odpalił ZOOM */ #product-modal .js-modal-product-cover.zoom-active ~ .main-modal-arrow { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* --- PRECYZYJNY KURSOR LUPY (NA PODSTAWIE KLAS HTML) --- */ /* --- WYMUSZENIE KURSORA RĄCZKI (POINTER) NA ZDJĘCIACH --- */ /* 1. Zdjęcie na karcie produktu (bez modala) */ .product-main-container, .product-main-container img { cursor: zoom-in !important; } /* 2. Duże zdjęcie wewnątrz modala */ img.js-modal-product-cover.img-fluid.zoom-modal-initialized { cursor: zoom-in !important; } /* Duże zdjęcie w modalu, gdy zoom jest aktywny po kliknięciu */ img.js-modal-product-cover.img-fluid.zoom-modal-initialized.zoom-active { cursor: zoom-out !important; } .wishlist-list-item-right{ display: none !important; } /* 1. Globalny zakaz podkreślania JAKICHKOLWIEK ikon Material Icons w jakimkolwiek stanie */ .material-icons, .material-icons:hover, .material-icons:focus, a:hover .material-icons, a *:hover .material-icons { text-decoration: none !important; text-decoration-line: none !important; } /* 2. Globalny zakaz podkreślania linków w całym panelu boczny i menu klienta */ [class*="account"] a:hover, [class*="account"] :hover, [class*="menu"] a:hover, .link-item:hover, .account-menu__line:hover { text-decoration: none !important; text-decoration-line: none !important; } .dropdown-toggle:after{ color:#fff !important; } /*AjAX dodaj */ /* Kontener karty musi mieć relative, aby przycisk wewnątrz mógł być absolute */ .product-miniature__infos.card-body { position: relative; padding-bottom: 20px; /* Zwiększ padding, jeśli przycisk nachodzi na tekst */ } /* Styl dla formularza przycisku */ .add-to-cart-absolute { position: absolute; top: 50px; /* Dopasuj wysokość względem ceny */ right: 5px; /* Odstęp od prawej krawędzi */ } .add-to-cart-absolute .btn-primary { background-color: transparent !important; /* Usuwamy border-radius i border */ border: none !important; border-radius: 15px !important; /* Obramowanie robimy za pomocą box-shadow, który nie ulega pikselizacji */ box-shadow: inset 0 0 0 1px #000 !important; width: 44px !important; height: 32px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .add-to-cart-absolute .btn-primary i { color: #000 !important; font-size: 18px !important; margin: 0 !important; } /* Upewniamy się, że ikona koszyka wewnątrz jest czarna */ .add-to-cart-absolute .btn-primary i { color: #000 !important; font-size: 22px; margin: 0; } /* Efekt po najechaniu myszką - subtelne tło lub pogrubienie */ .add-to-cart-absolute .btn-primary:hover { background-color: rgba(0, 0, 0, 0.05) !important; /* Bardzo jasnoszare tło */ border-color: #333 !important; } /* Ukryj przycisk koszyka w sekcjach, które są sliderami */ .slider-wrapper .add-to-cart-absolute, .new-products .add-to-cart-absolute { display: none !important; } /* --- Styl dla widoku listy --- */ .view-is-list .add-to-cart-absolute { /* Zmieniamy pozycję, np. przesuwamy w lewo lub niżej */ top: auto !important; bottom: 5px !important; right: 5px !important; } .view-is-list .add-to-cart-absolute .btn-primary { /* Zmieniamy wymiary na mniejsze, by pasowały do listy */ width: 48px !important; height: 42px !important; border-radius: 10px !important; /* Mniejsze zaokrąglenie */ } /* Opcjonalnie: zmiana rozmiaru ikony w liście */ .view-is-list .add-to-cart-absolute .btn-primary i { font-size: 16px !important; } .currency-selector__wrapper .form-select.js-currency-selector { /* 1. Przywracamy białą strzałkę (SVG w kodzie base64) */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 15px center !important; /* Odstęp strzałki od prawej */ background-size: 12px !important; /* 2. Przezroczyste tło */ background-color: transparent !important; border: none !important; /* 3. Padding i odstępy */ padding: 5px 20px 5px 10px !important; /* Duży padding z prawej (30px), żeby tekst nie nachodził na strzałkę */ margin-right: 20px !important; /* Odstęp całego elementu od prawej strony */ /* 4. Wygląd tekstu */ color: white !important; /* Zakładam, że menu masz na ciemnym tle, skoro chcesz białą strzałkę */ cursor: pointer; appearance: none !important; /* Usuwa natywny wygląd systemu */ -webkit-appearance: none !important; } /* Opcjonalnie: zmiana koloru po najechaniu myszką */ .currency-selector__wrapper .form-select.js-currency-selector:hover { opacity: 0.8; } .currency-selector__wrapper { display: inline-block; /* Dzięki temu wszystko będzie w jednej linii */ margin-right: 15px; /* Tutaj ustawiasz ten odstęp, o który prosiłeś */ vertical-align: middle; } /* ========================================================================== WIDOK LISTY - ŻÓŁTY PRZYCISK (BEZ RAMKI) + LEKKI ODSTĘP OD LEWEJ ========================================================================== */ /* 1. Ukrywanie tekstu w widoku Grid (zostaje bez zmian) */ .add-to-cart-absolute .add-to-cart-text { display: none !important; } /* 2. Kontener główny całej prawej sekcji */ .view-is-list .product-miniature__infos__bottom { display: block !important; position: relative !important; min-height: 125px !important; /* Bezpieczna wysokość całego słupka */ padding-bottom: 50px !important; /* Miejsce na przycisk na dole */ padding-left: 15px !important; /* Delikatny odstęp od szarej linii dla całej sekcji */ } /* 3. CENA - Do lewej z marginesem */ .view-is-list .product-miniature__prices { display: block !important; text-align: left !important; margin: 0 0 10px 0 !important; } .view-is-list .price-wrapper { display: block !important; text-align: left !important; } /* 4. SELEKTOR ILOŚCI - Nad przyciskiem */ .view-is-list .product-miniature__infos__bottom > form:not(.add-to-cart-absolute) { display: flex !important; justify-content: flex-start !important; margin: 0 0 15px 0 !important; width: 100% !important; } .view-is-list .quantity-button { margin: 0 !important; display: flex !important; align-items: center !important; } .view-is-list .quantity-button .form-control, .view-is-list .components-qty-input { height: 38px !important; } /* 5. PRZYCISK "DODAJ DO KOSZYKA" - Na dole, dopasowany do lewej krawędzi tekstu */ .view-is-list .add-to-cart-absolute { position: absolute !important; bottom: 0 !important; /* Przyklejony do dołu */ left: 15px !important; /* Przesunięcie w prawo (wyrównanie z paddingiem kontenera) */ right: auto !important; top: auto !important; width: auto !important; margin: 0 !important; } /* Wygląd gładkiego żółtego przycisku BEZ RAMKI */ .view-is-list .add-to-cart-absolute .btn-primary { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #ffe600 !important; /* Żółty kolor */ color: #000000 !important; /* Czarny tekst */ border: none !important; /* CAŁKOWITY BRAK RAMKI */ border-radius: 4px !important; width: 150% !important; /*min-width: 267px !important; */ height: 45px !important; padding: 0 20px !important; font-size: 15px !important; font-weight: 500 !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: none !important; /* Usunięcie ewentualnych cieni udających ramkę */ } .view-is-list .add-to-cart-absolute .btn-primary:hover { background-color: #ebd400 !important; /* Efekt hover - lekko ciemniejszy żółty */ color: #000000 !important; border: none !important; } /* 6. UKRYWANIE SAMEJ IKONY (Oryginalny tekst HTML zostaje) */ .view-is-list .add-to-cart-absolute .btn-primary i.material-icons { font-size: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; visibility: hidden !important; display: none !important; } .view-is-list .add-to-cart-absolute .add-to-cart-text { display: inline-block !important; visibility: visible !important; margin: 0 !important; } /* ========================================================================== WIDOK LISTY - ZWĘŻENIE STREFY OPISU I ROZSZERZENIE CENY/PRZYCISKU ========================================================================= */ /* 1. Selektor samego opisu (fioletowa strefa z nazwą produktu) */ .view-is-list .product-miniature__infos.card-body > .flex-grow-1, .view-is-list .product-miniature__infos.card-body > div:first-child { flex: 0 0 50% !important; /* Zmniejszamy sztywno opis do 50% szerokości */ max-width: 50% !important; } /* 2. Selektor bloku zakupu (niebieska strefa z ceną, ilością i żółtym przyciskiem) */ .view-is-list .product-miniature__infos__bottom { flex: 0 0 40% !important; /* Zwiększamy sekcję zakupu do 50% szerokości */ max-width: 40% !important; } .moje-pole-ilosci { display: none !important; } /* 2. Pokazujemy go TYLKO I WYŁĄCZNIE, gdy nadrzędny element ma klasę listy */ .view-is-list .moje-pole-ilosci { display: block !important; } .papierek-style-details { display: none !important; } /* Pokazujemy i stylizujemy tylko na liście */ .view-is-list .papierek-style-details { display: flex !important; flex-wrap: wrap; gap: 12px; margin-top: 6px; margin-bottom: 6px; } .papierek-detail-item { font-size: 13px; line-height: 1.4; } .detail-label { color: #767676; margin-right: 4px; } .detail-value { color: #222222; font-weight: 400; } @media (max-width: 767px) { /* 1. Naprawa wrappera waluty - wymuszamy układ inline-flex i centrowanie */ .currency-selector__wrapper { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; margin: 0 !important; padding: 0 !important; } /* 2. Dostosowanie Twoich stylów selecta pod ekrany mobilne */ .currency-selector__wrapper .form-select.js-currency-selector { margin-right: 5px !important; /* Zmniejszamy z 20px, żeby nie spychać "Bezpiecznych płatności" do nowej linii */ padding: 5px 22px 5px 5px !important; /* Delikatnie zmniejszamy lewy padding */ font-size: 14px !important; /* Optymalny rozmiar fontu na mobile */ background-position: right 5px center !important; /* Przesuwamy strzałeczkę bliżej tekstu */ } /* 3. BLOKADA ZAWISANIA (Gwarancja jednej linii) Musimy zmusić cały ten ciemny pasek do równego traktowania elementów. Kliknij prawym przyciskiem myszy na ten ciemny pasek w przeglądarce (Zbadaj element) i dopisz do jego klasy poniższe właściwości: */ .top-nav-bar { display: flex !important; flex-direction: row !important; align-items: center !important; /* Centruje hamburgera, walutę i płatności idealnie w pionie */ justify-content: space-between !important; /* Rozrzuca hamburgera na lewo, płatności na prawo */ flex-wrap: nowrap !important; /* Całkowity zakaz przeskakiwania elementów pod spód */ } } @media (max-width: 767px) { /* 1. Wrapper musi stać się sztywnym punktem odniesienia dla przeglądarki */ .currency-selector__wrapper { position: relative !important; display: inline-flex !important; align-items: center !important; } /* 2. Stabilizujemy sam element select, żeby okienko nie latało po ekranie */ .currency-selector__wrapper .form-select.js-currency-selector { position: relative !important; display: inline-block !important; /* Wyrywamy element z bezpośredniego wpływu flex, co leczy ten błąd */ height: 35px !important; /* Podanie sztywnej wysokości pomaga przeglądarce poprawnie wycelować popover */ vertical-align: middle !important; transform: none !important; /* Blokujemy ewentualne transformacje, które mogłyby go przesuwać w pamięci podręcznej GPU */ } } /* ============================================================ OVERLAY ============================================================ */ .mobile-overlay { display: none; position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.55); z-index: 99998 !important; cursor: pointer; } .mobile-overlay.active { display: block; } /* ============================================================ SLIDE PANEL – widoczny tylko na mobile ============================================================ */ .slide-panel { display: none; /* ukryty na desktop */ position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; height: 100% !important; margin: 0 !important; padding-top: 0 !important; width: 85%; max-width: 320px; background: #fff; z-index: 99999 !important; transform: translateX(-105%); transition: transform 0.28s cubic-bezier(0.4,0,0.2,1); flex-direction: column; overflow: hidden; box-shadow: 4px 0 24px rgba(0,0,0,0.2); } .slide-panel.open { transform: translateX(0); } .slide-panel__header { background: #232f3e; color: #fff; padding: 14px 16px; display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; flex-shrink: 0; } .slide-panel__header .material-icons { font-size: 22px; } .slide-panel__header span { flex: 1; } .slide-panel__close { background: none; border: none; color: #fff; cursor: pointer; padding: 2px; display: flex; align-items: center; } .slide-panel__close .material-icons { font-size: 22px; } .slide-panel__body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff !important; color: #111 !important; } /* Wymuś ciemny tekst na WSZYSTKICH linkach wewnątrz panelu */ #slide-panel a, #slide-panel span:not(.material-icons) { } /* Sekcje */ .sp-section { border-bottom: 1px solid #e8e8e8; padding: 6px 0; } .sp-section__label { font-size: 11px; font-weight: 600; color: #999; letter-spacing: 0.06em; text-transform: uppercase; padding: 8px 16px 4px; } /* Wiersz kategorii */ .sp-cat-item { border-bottom: 1px solid #efefef; } .sp-cat-item:last-child { border-bottom: none; } .sp-cat-row { display: flex; align-items: center; padding: 0; cursor: pointer; } .sp-cat-row__label { flex: 1; display: block; padding: 13px 16px; font-size: 14px; font-weight: 500; color: #111 !important; text-decoration: none !important; } .sp-cat-row__label:hover, .sp-cat-row__label:focus, .sp-cat-row__label:visited, .sp-cat-row__label:active { color: #111 !important; text-decoration: none !important; } .sp-cat-row__chev { font-size: 20px; color: #aaa; padding-right: 34px; transition: transform 0.2s ease; flex-shrink: 0; } .sp-cat-item.is-open .sp-cat-row__chev { transform: rotate(180deg); } /* Podkategorie (akordeon) */ .sp-sub-list { display: none; background: #fafafa; border-top: 1px solid #efefef; } .sp-cat-item.is-open .sp-sub-list { display: block; } .sp-sub-title { display: block; padding: 10px 16px 10px 20px; font-size: 13px; font-weight: 600; color: #222 !important; background: #f0f0f0 !important; border-bottom: 1px solid #e8e8e8; text-decoration: none !important; } .sp-sub-title:hover, .sp-sub-title:visited, .sp-sub-title:active { background: #e5e5e5 !important; text-decoration: none !important; color: #111 !important; } .sp-grand-child { display: block; padding: 9px 16px 9px 32px; font-size: 13px; color: #555 !important; border-bottom: 1px solid #f5f5f5; text-decoration: none !important; background: #fff !important; } .sp-grand-child:last-child { border-bottom: none; } .sp-grand-child:hover, .sp-grand-child:visited, .sp-grand-child:active { background: #efefef !important; color: #111 !important; text-decoration: none !important; } /* Linki sekcji */ .sp-link-row { display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-size: 14px; color: #111 !important; text-decoration: none !important; background: #fff !important; border-bottom: 1px solid #f5f5f5; transition: background 0.15s; } .sp-link-row:hover, .sp-link-row:visited, .sp-link-row:active { background: #f5f5f5 !important; text-decoration: none !important; color: #111 !important; } .sp-link-row .material-icons { font-size: 20px; color: #555 !important; } .sp-link-row:last-child { border-bottom: none; } .sp-currency { cursor: default; } .sp-currency:hover { background: #fff !important; } /* ============================================================ MOBILE: pokaż slide-panel, ukryj mega-menu ============================================================ */ @media (max-width: 991px) { .slide-panel { display: flex; transform: translateX(-105%) !important; visibility: hidden; } .slide-panel.open { transform: translateX(0) !important; visibility: visible; } #category-panel { display: none !important; } .nav-links-list, .nav-promo-zone, .currency-selector__wrapper { display: none; } } /* ============================================================ DESKTOP: ukryj slide panel i overlay ============================================================ */ @media (min-width: 992px) { .slide-panel, .mobile-overlay { display: none !important; } } /* ============================================================ STICKY BAR ============================================================ */ @media (max-width: 991px) { /* Stan domyślny paska (gdy nie ma klasy .is-actually-visible) */ .sticky-cart-bar { display: flex !important; /* Zamieniamy display none na flex, ale... */ position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 9999 !important; /* ...chowamy go spychając w dół za ekran i dając przezroczystość */ transform: translateY(100%) !important; opacity: 0 !important; pointer-events: none !important; /* Płynna animacja "spadania" i "wjeżdżania" */ } /* Stan, kiedy nasz skrypt doda tę klasę (czyli na samej górze i na samym dole) */ .sticky-cart-bar.is-actually-visible { transform: translateY(0) !important; /* Wjeżdża na ekran */ opacity: 1 !important; pointer-events: auto !important; } } @media (max-width: 991px) { .sticky-cart-bar { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 9999 !important; /* 1. WYMUSZENIE TRYBU 3D (Karta Graficzna) - Likwiduje lockowanie scrolla */ transform: translate3d(0, 100%, 0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; opacity: 0 !important; /* 2. ODBLOKOWANIE DOTYKU: Palec klienta od razu przewija stronę pod paskiem */ pointer-events: none !important; /* Błyskawiczna animacja (skrócona do 0.15s, żeby nie wisiała w pamięci) */ transition: transform 0.15s cubic-bezier(0.215, 0.610, 0.355, 1), opacity 0.1s linear !important; will-change: transform !important; } /* Stan, gdy pasek JEST WIDOCZNY */ .sticky-cart-bar.is-actually-visible { transform: translate3d(0, 0, 0) !important; opacity: 1 !important; pointer-events: auto !important; /* Przycisk staje się klikalny tylko gdy widać pasek */ } } @media (max-width: 767px) { /* Flexbox header */ .header-flex-wrapper { flex-wrap: wrap !important; } .header-logo-col { order: 1 !important; flex: 0 0 auto !important; } .header-icons-col { order: 2 !important; flex: 0 0 auto !important; margin-left: auto !important; } .header-search-col { order: 3 !important; flex: 0 0 100% !important; max-width: 100% !important; margin-top: -5px !important; display: block !important; } #_desktop_search { order: unset !important; } /* Wyszukiwarka */ .search-widgets, .js-search-widget, #search_widget { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; } .search-widgets input, .js-search-widget input { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; min-width: 0 !important; } } /* Zablokuj skok na czas inicjalizacji searchbar */ .header-search-col { display: block !important; min-height: 46px !important; /* wysokość paska - dopasuj */ } #search_widget, .search-widgets { min-height: 46px !important; display: block !important; } @media (max-width: 767px) { /* Reset kolumn Bootstrap na widoku listy */ .products.view-is-list article.product-miniature { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; } .products.view-is-list article.product-miniature .card { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; padding: 12px 0 !important; align-items: flex-start !important; gap: 12px !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 1px solid #efefef !important; box-shadow: none !important; border-radius: 0 !important; } /* Zdjęcie po lewej */ .products.view-is-list .product-miniature .thumbnail-container { width: 130px !important; flex: 0 0 130px !important; min-width: 130px !important; } .products.view-is-list .product-miniature .thumbnail-container img { width: 130px !important; height: 130px !important; object-fit: contain !important; display: block !important; } /* Prawa kolumna */ .products.view-is-list .product-miniature .card-body, .products.view-is-list .product-miniature .product-miniature__infos { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; padding: 0 !important; gap: 4px !important; } /* Nazwa produktu */ .products.view-is-list .product-miniature .product-miniature__infos__top { font-size: 13px !important; font-weight: 500 !important; color: #111 !important; line-height: 1.3 !important; margin: 0 !important; } /* Cena */ .products.view-is-list .product-miniature .price-wrapper { margin: 6px 0 !important; } .products.view-is-list .product-miniature .price-wrapper .price { font-size: 20px !important; font-weight: 700 !important; color: #111 !important; } /* Przycisk Dodaj do koszyka */ .products.view-is-list .product-miniature .btn.add-to-cart { width: 100% !important; padding: 8px 12px !important; font-size: 13px !important; margin-top: 6px !important; } /* Ukryj ilość */ .products.view-is-list .product-miniature div[class*="qty"],.products.view-is-list .product-miniature .bootstrap-touchspin,.products.view-is-list .product-miniature .moje-pole-ilosci{display:none!important}.view-is-list .product-miniature__infos__bottom{flex:0 0 40%!important;max-width:50%!important}.product-miniature.js-product-miniature .card{max-width:346px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;filter:none!important}.view-is-list .product-miniature__infos__bottom{padding-left:9px!important}}.ps-socialfollow-discord{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA3MSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik02MC4xMDQ1IDQuODk3OEM1NS41NzkyIDIuODIxNCA1MC43MjY1IDEuMjkxNiA0NS42NTI3IDAuNDE1NDJDNDUuNTYwMyAwLjM5ODUxIDQ1LjQ2OCAwLjQ0MDc2OSA0NS40MjA0IDAuNTI1Mjg5QzQ0Ljc5NjMgMS42MzUzIDQ0LjEwNSAzLjA4MzQgNDMuNjIwOSA0LjIyMTZDMzguMTYzNyAzLjQwNDYgMzIuNzM0NSAzLjQwNDYgMjcuMzg5MiA0LjIyMTZDMjYuOTA1IDMuMDU4MSAyNi4xODg2IDEuNjM1MyAyNS41NjE3IDAuNTI1Mjg5QzI1LjUxNDEgMC40NDM1ODkgMjUuNDIxOCAwLjQwMTMzIDI1LjMyOTQgMC40MTU0MkMyMC4yNTg0IDEuMjg4OCAxNS40MDU3IDIuODE4NiAxMC44Nzc2IDQuODk3OEMxMC44Mzg0IDQuOTE0NyAxMC44MDQ4IDQuOTQyOSAxMC43ODI1IDQuOTc5NUMxLjU3Nzk1IDE4LjczMDkgLTAuOTQzNTYxIDMyLjE0NDMgMC4yOTM0MDggNDUuMzkxNEMwLjI5OTAwNSA0NS40NTYyIDAuMzM1Mzg2IDQ1LjUxODIgMC4zODU3NjEgNDUuNTU3NkM2LjQ1ODY2IDUwLjAxNzQgMTIuMzQxMyA1Mi43MjQ5IDE4LjExNDcgNTQuNTE5NUMxOC4yMDcxIDU0LjU0NzcgMTguMzA1IDU0LjUxMzkgMTguMzYzOCA1NC40Mzc4QzE5LjcyOTUgNTIuNTcyOCAyMC45NDY5IDUwLjYwNjMgMjEuOTkwNyA0OC41MzgzQzIyLjA1MjMgNDguNDE3MiAyMS45OTM1IDQ4LjI3MzUgMjEuODY3NiA0OC4yMjU2QzE5LjkzNjYgNDcuNDkzMSAxOC4wOTc5IDQ2LjYgMTYuMzI5MiA0NS41ODU4QzE2LjE4OTMgNDUuNTA0MSAxNi4xNzgxIDQ1LjMwNCAxNi4zMDY4IDQ1LjIwODJDMTYuNjc5IDQ0LjkyOTMgMTcuMDUxMyA0NC42MzkxIDE3LjQwNjcgNDQuMzQ2MUMxNy40NzEgNDQuMjkyNiAxNy41NjA2IDQ0LjI4MTMgMTcuNjM2MiA0NC4zMTUxQzI5LjI1NTggNDkuNjIwMiA0MS44MzU0IDQ5LjYyMDIgNTMuMzE3OSA0NC4zMTUxQzUzLjM5MzUgNDQuMjc4NSA1My40ODMxIDQ0LjI4OTggNTMuNTUwMiA0NC4zNDMzQzUzLjkwNTcgNDQuNjM2MyA1NC4yNzc5IDQ0LjkyOTMgNTQuNjUyOSA0NS4yMDgyQzU0Ljc4MTYgNDUuMzA0IDU0Ljc3MzIgNDUuNTA0MSA1NC42MzMzIDQ1LjU4NThDNTIuODY0NiA0Ni42MTk3IDUxLjAyNTkgNDcuNDkzMSA0OS4wOTIxIDQ4LjIyMjhDNDguOTY2MiA0OC4yNzA3IDQ4LjkxMDIgNDguNDE3MiA0OC45NzE4IDQ4LjUzODNDNTAuMDM4IDUwLjYwMzQgNTEuMjU1NCA1Mi41Njk5IDUyLjU5NTkgNTQuNDM1QzUyLjY1MTkgNTQuNTEzOSA1Mi43NTI2IDU0LjU0NzcgNTIuODQ1IDU0LjUxOTVDNTguNjQ2NCA1Mi43MjQ5IDY0LjUyOSA1MC4wMTc0IDcwLjYwMTkgNDUuNTU3NkM3MC42NTUxIDQ1LjUxODIgNzAuNjg4NyA0NS40NTkgNzAuNjk0MyA0NS4zOTQyQzcyLjE3NDcgMzAuMDc5MSA2OC4yMTQ3IDE2Ljc3NTcgNjAuMTk2OCA0Ljk4MjNDNjAuMTc3MiA0Ljk0MjkgNjAuMTQzNyA0LjkxNDcgNjAuMTA0NSA0Ljg5NzhaTTIzLjcyNTkgMzcuMzI1M0MyMC4yMjc2IDM3LjMyNTMgMTcuMzQ1MSAzNC4xMTM2IDE3LjM0NTEgMzAuMTY5M0MxNy4zNDUxIDI2LjIyNSAyMC4xNzE3IDIzLjAxMzMgMjMuNzI1OSAyMy4wMTMzQzI3LjMwOCAyMy4wMTMzIDMwLjE2MjYgMjYuMjUzMiAzMC4xMDY2IDMwLjE2OTNDMzAuMTA2NiAzNC4xMTM2IDI3LjI4IDM3LjMyNTMgMjMuNzI1OSAzNy4zMjUzWk00Ny4zMTc4IDM3LjMyNTNDNDMuODE5NiAzNy4zMjUzIDQwLjkzNzEgMzQuMTEzNiA0MC45MzcxIDMwLjE2OTNDNDAuOTM3MSAyNi4yMjUgNDMuNzYzNiAyMy4wMTMzIDQ3LjMxNzggMjMuMDEzM0M1MC45IDIzLjAxMzMgNTMuNzU0NSAyNi4yNTMyIDUzLjY5ODYgMzAuMTY5M0M1My42OTg2IDM0LjExMzYgNTAuOSAzNy4zMjUzIDQ3LjMxNzggMzcuMzI1M1oiIGZpbGw9IiNmZmZmZmYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSI3MSIgaGVpZ2h0PSI1NSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);background-position:50%;background-size:2rem auto}.blockreassurance{padding-top:10px;text-align:center;width:100%}.blockreassurance .reass-item{display:inline-block;text-align:center;vertical-align:top}.blockreassurance .block-title{font-weight:700}.blockreassurance .block-icon,.blockreassurance .block-icon img,.blockreassurance .block-icon svg{height:70px}@media (max-width:575px){.blockreassurance{text-align:left}.blockreassurance .block-icon{display:inline-block;height:35px;float:left;margin:10px;width:35px}.blockreassurance .block-icon img,.blockreassurance .block-icon svg{height:35px;width:35px}.blockreassurance .block-title{display:inline-block;height:35px;max-width:calc(100% - 55px);padding-top:10px}}.blockreassurance_product{margin-top:25px}.blockreassurance_product .item-product{display:inline-block;height:35px;float:left;margin-right:5px;padding-top:5px;width:35px}.blockreassurance_product .item-product img,.blockreassurance_product .item-product svg{height:35px;width:35px}.blockreassurance_product p.block-title{line-height:40px}body#checkout .container-blockreassurance{min-height:auto}.przelewy24-payment-option-nested__title{margin-bottom:.3125rem;font-size:.75rem}.przelewy24-payment-option-nested__list{margin-right:-.25rem;margin-left:-.25rem;margin-bottom:.75rem;display:flex;flex-wrap:wrap}.przelewy24-payment-option-nested__item{padding-right:.25rem;padding-left:.25rem;margin-bottom:.5rem;position:relative;width:100%;flex:50%;max-width:50%;min-height:1px;cursor:pointer}@media(min-width:544px){.przelewy24-payment-option-nested__item:not(#module-supercheckout-supercheckout .przelewy24-payment-option-nested__item,#form_ets_onepagecheckout.layout_1 .przelewy24-payment-option-nested__item,#form_ets_onepagecheckout.layout_3 .przelewy24-payment-option-nested__item){flex:20%;max-width:20%}}.przelewy24-payment-option-nested__input{display:none}.przelewy24-payment-option-nested__input:checked+.przelewy24-payment-option-nested__label{border-color:#292929}.przelewy24-payment-option-nested__label{padding:.375rem;margin-bottom:0;position:relative;background-color:#fff;border:1px solid #dbe6e9;border-radius:.375rem;box-shadow:0 0 4px 0 rgb(0 0 0 / .06);background-clip:border-box;cursor:pointer}.przelewy24-payment-option-nested__label:hover{box-shadow:0 0 2px rgb(0 0 0 / .27)}.przelewy24-payment-option-nested__img-wrapper{display:flex;align-items:center;justify-content:center;height:1.5rem;text-align:center}.przelewy24-payment-option-nested__img{max-height:100%}.przelewy24-order-confirmation__icon{margin-bottom:.5rem;font-size:1.875rem}.przelewy24-order-confirmation__list-item{font-size:.9375rem}.przelewy24-order-confirmation__list-item:not(:last-child){margin-bottom:.5rem}.przelewy24-loader{display:inline-block;width:1em;height:1em}.przelewy24-loader__spinner{display:inline-block;width:1em;height:1em;position:relative;color:inherit;vertical-align:middle;border:.2em solid #fff0;border-top-color:currentcolor;border-radius:50%;animation:1s spinner linear infinite;pointer-events:none}.przelewy24-loader__spinner:before{content:"";display:block;width:inherit;height:inherit;position:absolute;top:-.2em;left:-.2em;border:.2em solid currentcolor;border-radius:50%;opacity:.5}.przelewy24-loader__icon{margin-bottom:.5rem;font-size:1.875rem;display:inline-block;line-height:1;vertical-align:middle;width:1em;height:1em}.przelewy24-loader__icon svg{width:1em;height:1em}.przelewy24-loader__icon--sm{font-size:1.625rem}.przelewy24-loader__icon--lg{font-size:3.75rem}.przelewy24-loader__message{font-size:.75rem;color:inherit;vertical-align:middle}.przelewy24-loader__message--lg{font-size:.875rem}.przelewy24-loader__shaking{animation:.3s tilt-shaking linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes tilt-shaking{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.przelewy24-loader-button{display:inline-flex;align-items:center}.przelewy24-loader-button--loading{cursor:not-allowed}.przelewy24-loader-button--loading .przelewy24-loader-button__loader{display:inline-flex}.przelewy24-loader-button__loader{margin-right:.3125rem;display:none;font-size:1.25rem}@media(min-width:768px){.przelewy24-repayment{padding:1.5rem}}.przelewy24-repayment .custom-checkbox{display:flex}.przelewy24-repayment .custom-checkbox input{margin-top:.25rem;opacity:0;cursor:pointer;position:absolute}.przelewy24-repayment .custom-checkbox span{margin-top:.1875rem;flex:0 0 .9375rem}.przelewy24-repayment .condition-label{margin-top:.625rem;margin-left:2.5rem}.przelewy24-repayment .condition-label label{text-align:inherit;cursor:pointer}.przelewy24-repayment__payment-option{margin-bottom:.5rem;display:flex}.przelewy24-repayment__radio{flex:0 0 1.25rem}.przelewy24-repayment__label{margin-bottom:0;display:flex;align-items:center;text-align:left;cursor:pointer}.przelewy24-repayment__additional-information{margin-top:1.25rem;margin-left:2.875rem;font-size:.875rem}.przelewy24-saved-cards__title{margin-bottom:.3125rem;font-size:.75rem}.przelewy24-saved-cards__list{margin-bottom:.75rem}.przelewy24-saved-cards__item{margin-bottom:.5rem;position:relative;width:100%}.przelewy24-saved-cards__input{display:none}.przelewy24-saved-cards__input:checked+.przelewy24-saved-cards__label{border-color:#292929}.przelewy24-saved-cards__label{padding:1.25rem .75rem;margin-bottom:0;position:relative;font-size:.875rem;background-color:#fff;border:1px solid #dbe6e9;border-radius:.375rem;box-shadow:0 0 4px 0 rgb(0 0 0 / .06);background-clip:border-box}@media(min-width:768px){.przelewy24-saved-cards__label{padding:1.25rem 2rem}}.przelewy24-saved-cards__label:hover{box-shadow:0 0 2px rgb(0 0 0 / .27)}.przelewy24-saved-cards__label--clickable{cursor:pointer}.przelewy24-saved-cards__label--active{border-color:#292929}.przelewy24-saved-cards__row{margin-right:-.75rem;margin-left:-.75rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.przelewy24-saved-cards__col{padding-right:.75rem;padding-left:.75rem;position:relative;width:100%;min-height:1px}.przelewy24-saved-cards__col--type{flex:33.33333333%;max-width:33.33333333%}.przelewy24-saved-cards__col--number{flex-basis:0%;flex-grow:1;max-width:100%}.przelewy24-saved-cards__col--actions{margin-top:1rem;display:flex;justify-content:space-between;flex:100%;max-width:100%}@media(min-width:768px){.przelewy24-saved-cards__col--actions{margin-top:0;flex-direction:column;align-items:flex-end;justify-content:flex-start;flex:33.33333333%;max-width:33.33333333%}}.przelewy24-saved-cards__img-wrapper{display:flex;align-items:center;justify-content:center;height:1.5rem;text-align:center}.przelewy24-saved-cards__img{max-height:1.25rem}.przelewy24-saved-cards__expiration{font-size:.75rem}.przelewy24-card-tokenizer{min-height:20.625rem}.przelewy24-card-tokenizer__header{margin-left:.5rem}.przelewy24-card-tokenizer__submit-wrapper--account{margin-left:.5rem}.przelewy24-card-tokenizer iframe{max-width:100%}.przelewy24-card-white-label__wrapper{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1060;background-color:rgb(0 0 0 / .5)}.przelewy24-card-white-label__modal{padding:.3125rem;width:100%;max-width:37.5rem;height:25rem;background-color:#fff;border:1px solid #dbe6e9;border-radius:.375rem;box-shadow:0 0 4px 0 rgb(0 0 0 / .06)}.przelewy24-card-white-label__iframe-wrapper{width:100%;height:100%}.przelewy24-card-white-label__loader-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}apple-pay-button{--apple-pay-button-width:240px;--apple-pay-button-height:34px;--apple-pay-button-border-radius:5px;--apple-pay-button-padding:3px 0}.przelewy24-calculator-button{min-height:2.3125rem}.przelewy24-blik__code-wrapper{padding:1.25rem;max-width:12.5rem;border-radius:.625rem;border:1px solid #dbe6e9}.przelewy24-blik__code-label{padding-top:0;margin-bottom:.3125rem;text-align:left}.przelewy24-blik__code-input{min-height:2.8125rem;text-align:center;letter-spacing:.3125rem;border-radius:.625rem;background-color:#fff}.przelewy24-blik__submit-btn{white-space:normal}.przelewy24-icon{display:inline-block;line-height:1;vertical-align:middle;width:1em;height:1em}.przelewy24-icon svg{width:1em;height:1em}.przelewy24-checkbox-group{position:relative;display:flex;align-items:flex-start;gap:.625rem}.przelewy24-checkbox__input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;pointer-events:none}.przelewy24-checkbox__input:checked+.przelewy24-checkbox__label::after{opacity:1;transform:scale(1)}.przelewy24-checkbox__input:focus+.przelewy24-checkbox__label::before{border-color:#7a7a7a;box-shadow:0 0 0 .125rem rgb(122 122 122 / .2)}.przelewy24-checkbox__input:disabled+.przelewy24-checkbox__label{opacity:.6;cursor:not-allowed}.przelewy24-checkbox__input:disabled+.przelewy24-checkbox__label::before{background-color:#f5f5f5;border-color:#ccc}.przelewy24-checkbox__input:hover:not(:disabled)+.przelewy24-checkbox__label::before{border-color:#000}.przelewy24-checkbox__label{position:relative;display:block;padding-left:1.75rem;font-size:.875rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;line-height:1.5;margin:0}.przelewy24-checkbox__label::before{content:"";position:absolute;left:0;top:.125rem;width:1.125rem;height:1.125rem;border:.125rem solid #232323;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.przelewy24-checkbox__label::after{content:"";position:absolute;left:.1875rem;top:.3125rem;width:.75rem;height:.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23000000%27%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transform:scale(.8);transition:all .2s ease}.przelewy24-checkbox__label a{color:inherit;text-decoration:underline}.przelewy24-checkbox__label a:hover{text-decoration:none}.payment-option label[for|=payment-option] img[src*=przelewy24][src*=svg]{margin-left:.5rem;width:7.5rem;height:2em}.payment__option img[src*=przelewy24][src*=svg]{margin-left:.5rem;width:7.5rem;height:2em}#module-supercheckout-supercheckout .payment-options .przelewy24-checkbox-group{margin-right:.3125rem}#module-supercheckout-supercheckout .payment-options .przelewy24-checkbox__label{padding-left:1.75rem}#form_ets_onepagecheckout .payment-options .przelewy24-checkbox-group{margin-right:.3125rem}#search_widget{margin-bottom:.625rem;overflow:auto}#search_widget form{position:relative}#search_widget form i{position:absolute;padding:.5rem}#search_widget form i.clear{right:15px;display:none}#search_widget form input{width:100%;padding:10px 20px 10px 40px;outline:none;background-color:#f1f1f1;border:none;border-radius:5px}.ui-autocomplete.searchbar-autocomplete{width:100%;min-height:100%;border:none}.ui-autocomplete.searchbar-autocomplete li a,.ui-autocomplete.searchbar-autocomplete li a.ui-state-focus{padding:8px 15px;overflow:auto;border:none;background:none;margin:auto;border-radius:0}.ui-autocomplete.searchbar-autocomplete li a:hover{background-color:#f1f1f1;cursor:pointer}.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail{float:left;width:50px;height:auto;margin-right:8px}@media only screen and (min-width:768px){#search_widget{float:right;margin-bottom:0}.ui-autocomplete.searchbar-autocomplete{width:400px;min-height:auto;left:auto}}@media only screen and (min-width:992px){#search_widget{min-width:16.5rem}}.img-preview{margin:10px 0}.error{color:red}p.payment_module a.payu{background:#fbfbfb none;padding:33px 40px 34px 15px;font-weight:700}p.payment_module a.payu_card{background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI5NSIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDk1IDIzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjMxNjIgMCAwIC4zMTk0IDU1LjgyIC0yLjM3NikiPgogIDxyZWN0IHg9IjQ4LjM3IiB5PSIxNS4xNCIgd2lkdGg9IjM0LjY2IiBoZWlnaHQ9IjU2LjYxIiBmaWxsPSIjZmY1ZjAwIi8+CiAgPHBhdGggZD0ibTUxLjk0IDQzLjQ1YTM1Ljk0IDM1Ljk0IDAgMDExMy43NS0yOC4zIDM2IDM2IDAgMTAwIDU2LjYxIDM1Ljk0IDM1Ljk0IDAgMDEtMTMuNzUtMjguMzF6IiBmaWxsPSIjZWIwMDFiIi8+CiAgPHBhdGggZD0ibTEyMy45IDQzLjQ1YTM2IDM2IDAgMDEtNTguMjUgMjguMyAzNiAzNiAwIDAwMC01Ni42MSAzNiAzNiAwIDAxNTguMjUgMjguM3oiIGZpbGw9IiNmNzllMWIiLz4KIDwvZz4KIDxwYXRoIGQ9Im0yNS43NCAzLjQxMy0zLjQ3NSAxNi4zMWgtNC4ybDMuNDc1LTE2LjMxem0xNy42NyAxMC41MyAyLjIxMi02LjEyNSAxLjI3MyA2LjEyNXptNC42ODcgNS43NzloMy44ODVsLTMuMzktMTYuMzFoLTMuNTg3Yy0uODA1OCAwLTEuNDg2LjQ3MS0xLjc4OSAxLjE5N2wtNi4zMDMgMTUuMTJoNC40MTFsLjg3NTgtMi40MzZoNS4zODl6bS0xMC45Ni01LjMyN2MuMDE4MDktNC4zMDUtNS45MjctNC41NDMtNS44ODYtNi40NjYuMDEyMjYtLjU4NTYuNTY3Ny0xLjIwNyAxLjc4MS0xLjM2Ny42MDI4LS4wNzkwNiAyLjI2MS0uMTM5NyA0LjE0My43MzAxbC43MzY2LTMuNDU5Yy0xLjAxMS0uMzY4OS0yLjMxMS0uNzIzNC0zLjkzLS43MjM0LTQuMTUyIDAtNy4wNzQgMi4yMTctNy4wOTggNS4zOTMtLjAyNTk5IDIuMzQ3IDIuMDg2IDMuNjU4IDMuNjc5IDQuNDM5IDEuNjM1Ljc5OTggMi4xODYgMS4zMTIgMi4xOCAyLjAyNy0uMDEwODggMS4wOTUtMS4zMDYgMS41NzgtMi41MTQgMS41OTYtMi4xMTIuMDMzNTktMy4zMzgtLjU3MjgtNC4zMTUtMS4wM2wtLjc2MSAzLjU3NGMuOTgxMy40NTMxIDIuNzkzLjg0NjUgNC42NzIuODY2OCA0LjQxMyAwIDcuMjk5LTIuMTkxIDcuMzE0LTUuNTgxbS0xNy40LTEwLjk5LTYuODA1IDE2LjMxaC00LjQ0bC0zLjM0OS0xMy4wMmMtLjIwMzQtLjgwMTktLjM4MDMtMS4wOTUtLjk5ODctMS40MzMtMS4wMDktLjU1MDMtMi42NzYtMS4wNjctNC4xNDQtMS4zODdsLjEwMDYtLjQ3MzloNy4xNDdjLjkxMDcgMCAxLjczLjYwOSAxLjkzNyAxLjY2NGwxLjc2OSA5LjQ0IDQuMzcxLTExLjF6IiBzdHlsZT0iZmlsbDojMTQzNGNiO3N0cm9rZS13aWR0aDoxLjUzMyIvPgo8L3N2Zz4K) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_card{padding:33px 40px 34px 120px}p.payment_module a.payu_blik{background:url(../../../../modules/payu/img/blik.svg) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_blik{padding:33px 40px 34px 80px}p.payment_module a.payu_main{background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDUwIDI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjI1IDAgMCAuMjUgLTVlLTUgMCkiIGZpbGw9IiMwMDIxMjQiIHN0cm9rZS13aWR0aD0iMS40Nzk1Ij4KICA8cGF0aCBjbGFzcz0iYyIgZD0ibTE3My40IDM3LjczN2MtMS4zMDA2IDAtMi4zNS0xLjA1MTUtMi4zNS0yLjM1NDl2LTEwLjQxMmgtMC44NTcyM2MtNS4zNzk4IDAtNy4zNzUxIDAuODg4NjItNy4zNzUxIDUuODA1N3YzMC4zOTJjMCAxLjk1NS0wLjM4NDI3IDMuNTI0OS0xLjE1MjggNC43MzkzLTEuNDYzMiAyLjI2Ni00LjM3NDggMy4yODc5LTkuMDE1NyAzLjMwMjctNC42NDA4IDAtNy41NTI1LTEuMDM2Ny05LjAxNTctMy4zMDI3LTAuNzgzMzMtMS4yMTQ1LTEuMTUyOC0yLjc2OTYtMS4xNTI4LTQuNzM5M3YtMzAuMzkxYzAtNC45MTcxLTEuOTk1My01LjgwNTctNy4zNzUxLTUuODA1N2gtMS42OTk3Yy01LjM3OTggMC03LjM3NTEgMC44ODg2Mi03LjM3NTEgNS44MDU3djMwLjM5MWMwIDQuODg3NCAxLjA5MzcgOS4wMzQ0IDMuMjIyIDEyLjM2NyA0LjEwODggNi40NzIyIDEyLjA2IDkuOTA4MiAyMy4zNjcgOS45MDgyaDAuMDg4NmMxMS4zMDcgMCAxOS4yNTgtMy40NTA4IDIzLjM2Ny05LjkwODIgMi4xMjgzLTMuMzMyMyAzLjIyMi03LjQ3OTMgMy4yMjItMTIuMzY3di0yMy40MTVoLTUuODUyOHoiLz4KICA8cmVjdCBjbGFzcz0iYyIgeD0iMTg3LjY2IiB5PSI4LjQ3MTYiIHdpZHRoPSIxMi4zNDEiIGhlaWdodD0iMTIuNDciIHJ4PSIxLjc0NCIgcnk9IjEuNzQ3NiIvPgogIDxyZWN0IGNsYXNzPSJjIiB4PSIxNzkuMjgiIHdpZHRoPSI4LjM4MDEiIGhlaWdodD0iOC40NzE2IiByeD0iMS4xODI0IiByeT0iMS4xODQ4Ii8+CiAgPHBhdGggY2xhc3M9ImMiIGQ9Im0yMi44MiAyNC45NTZoLTEyLjg3M2MtNi44NzI2IDAtOS45NDY4IDMuMDY1OC05Ljk0NjggOS45Njc0djQ0LjI1NGMwIDIuNjY1OSAwLjg1NzIzIDMuNTEwMSAzLjUwMjggMy41MTAxaDAuODcyMDFjMi42NjA0IDAgMy41MDI4LTAuODU5IDMuNTAyOC0zLjUxMDF2LTE3LjIyNWgxNC45MjhjMTMuMjQzIDAgMTkuNDIxLTUuODc5NyAxOS40MjEtMTguNDk4IDAtMTIuNjE4LTYuMTYzMi0xOC40OTgtMTkuNDIxLTE4LjQ5OHptMTEuNTI4IDE4LjQ5OGMwIDcuMjEyNy0xLjgzMjcgMTEuMTIzLTExLjUyOCAxMS4xMjNoLTE0LjkyOHYtMTguNjE3YzAtMi41NzcgMC45NjA2OS0zLjUzOTcgMy41MzI0LTMuNTM5N2gxMS4zOTVjNy4zMDEyIDAgMTEuNTI4IDEuODA2OSAxMS41MjggMTEuMDM0eiIvPgogIDxwYXRoIGNsYXNzPSJjIiBkPSJtNTguODA5IDM3LjY0OGMtNS4wOTkgMC04LjI5MTUgMC42MzY4NS05LjUwMzQgMC44ODg2My0yLjE0MzEgMC40NzM5My0zLjA0NDYgMS4wNTE1LTMuMDQ0NiAzLjUxMDF2MC42OTYwOWMwIDAuOTYyNjggMC4xNDc4IDEuNjI5MSAwLjQ0MzM5IDIuMDg4MyAwLjM1NDcyIDAuNTQ3OTkgMC45MTYzNSAwLjgxNDU3IDEuNjk5NyAwLjgxNDU3IDAuMzY5NSAwIDAuODEyODktMC4wNTkyNCAxLjMzMDItMC4xOTI1NCAxLjIyNjctMC4zMTEwMiA1LjE0MzQtMC45NDc4NyA5LjQyOTUtMC45NDc4NyA3LjcwMDMgMCAxMC44MzQgMi4xMzI3IDEwLjgzNCA3LjM3NTZ2NC42ODAxaC05LjcxMDNjLTEyLjQ3NCAwLTE4LjI4MyA0LjIyMS0xOC4yODMgMTMuMjcgMCA5LjA0OTIgNi4wMDA2IDEzLjYyNiAxNi44OTMgMTMuNjI2IDEyLjk0NyAwIDE4LjcyNi00LjQxMzUgMTguNzI2LTE0LjMyMnYtMTcuMjU0YzAtOS41ODIzLTYuMTQ4NC0xNC4yMzMtMTguODE1LTE0LjIzM3ptMTEuMTg4IDI1LjE0OHY2LjA3MjNjMCA0Ljk0NjctMS44MzI3IDcuODA1MS0xMS4xODggNy44MDUxLTYuMTc3OSAwLTkuMTc4Mi0yLjIzNjQtOS4xNzgyLTYuODU3MiAwLTUuMDUwNCAzLjAxNTEtNy4wMjAxIDEwLjc0NS03LjAyMDF6Ii8+CiAgPHBhdGggY2xhc3M9ImMiIGQ9Im0xMjAuMjkgMzkuNzA3Yy0wLjU0Njg1LTAuNjk2MDktMS41OTYyLTAuNzg0OTUtMi42MzA4LTAuNzg0OTVoLTAuNzgzMzNjLTIuNjAxMiAwLTMuNjIxIDAuNzk5NzYtNC4xODI3IDMuMzAyN2wtNy4yMTI1IDMwLjA1Yy0wLjkwMTU3IDMuNjg3OC0yLjE3MjYgNC4zNjkxLTQuMzMwNSA0LjM2OTEtMi42NDU2IDAtMy43MDk3LTAuNjM2ODUtNC43NzM5LTQuMzgzOWwtOC4xNzMyLTMwLjA1Yy0wLjY3OTg3LTIuNTE3OC0xLjY3MDEtMy4yODc5LTQuMjcxNC0zLjI4NzloLTAuNjk0NjVjLTEuMDQ5NCAwLTIuMDk4NyAwLjEwMzY3LTIuNjMwOCAwLjc5OTc2cy0wLjM1NDcyIDEuNzQ3Ni0wLjA3MzkgMi43ODQ0bDguMjYxOSAzMC4zMTdjMS41NTE5IDUuODA1NyAzLjM4NDYgMTAuNjA0IDEwLjI3MiAxMC42MDQgMS4yODU4IDAgMi40NjgyLTAuMTc3NzMgMy40NTg1LTAuNTE4MzYtMi4wODQgNi41NzU4LTQuMjEyMiA5LjQ3ODctMTAuNDY0IDEwLjExNi0xLjI3MTEgMC4xMDM2Ny0yLjA5ODcgMC4yODE0LTIuNTU2OSAwLjkwMzQ0LTAuNDcyOTUgMC42MzY4NS0wLjM2OTQ5IDEuNTU1MS0wLjE5MjE0IDIuMzg0NWwwLjE3NzM2IDAuNzcwMTRjMC4zNjk1IDEuNzkyMSAxLjAwNSAyLjkxNzcgMy4wMjk5IDIuOTE3NyAwLjIwNjkyIDAgMC40NDMzOSAwIDAuNjc5ODctMC4wMjk2MiA5LjM0MDgtMC42MDcyMyAxNC4zNTEtNS42NTc2IDE3LjI5Mi0xNy40MDJsMTAuMDA2LTQwLjA5MmMwLjIzNjQ3LTEuMDIxOSAwLjM4NDI3LTIuMDczNS0wLjE2MjU4LTIuNzY5NXoiLz4KICA8cGF0aCBjbGFzcz0iYyIgZD0ibTE4NS4zMSAyMC45NDJoLTExLjkxMmMtMS4zMDA2IDAtMi4zNSAxLjA1MTUtMi4zNSAyLjM1NDl2MS42NTg4aDAuODI3NjdjNS4zNzk4IDAgNy4zNzUxIDAuODg4NjMgNy4zNzUxIDUuODA1N3Y2Ljk3NTdoNi4wNTk3YzEuMzAwNiAwIDIuMzUtMS4wNTE1IDIuMzUtMi4zNTQ5di0xMi4wODVjMC0xLjMwMzMtMS4wNDk0LTIuMzU0OS0yLjM1LTIuMzU0OXoiLz4KIDwvZz4KPC9zdmc+Cg==) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_main{padding:33px 40px 34px 75px}p.payment_module a.payu_klarna{background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0OCA2MDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjU5cHgiIGhlaWdodD0iMjVweCI+CiAgICA8cGF0aCBkPSJNMCAzMDQuNDkzQzAgMTgwLjU4NSAwIDExOC42MzEgMzAuMzk5NSA3NC41MDc5QzQyLjI5NDcgNTcuMjQyNyA1Ny4yNDI3IDQyLjI5NDcgNzQuNTA3OSAzMC4zOTk1QzExOC42MzEgMCAxODAuNTg1IDAgMzA0LjQ5MyAwSDExNDIuNzVDMTI2Ni42NSAwIDEzMjguNjEgMCAxMzcyLjczIDMwLjM5OTVDMTM5MCA0Mi4yOTQ3IDE0MDQuOTUgNTcuMjQyNyAxNDE2Ljg0IDc0LjUwNzlDMTQ0Ny4yNCAxMTguNjMxIDE0NDcuMjQgMTgwLjU4NSAxNDQ3LjI0IDMwNC40OTNDMTQ0Ny4yNCA0MjguNDAyIDE0NDcuMjQgNDkwLjM1NiAxNDE2Ljg0IDUzNC40NzlDMTQwNC45NSA1NTEuNzQ0IDEzOTAgNTY2LjY5MiAxMzcyLjczIDU3OC41ODdDMTMyOC42MSA2MDguOTg3IDEyNjYuNjUgNjA4Ljk4NyAxMTQyLjc1IDYwOC45ODdIMzA0LjQ5NEMxODAuNTg1IDYwOC45ODcgMTE4LjYzMSA2MDguOTg3IDc0LjUwNzkgNTc4LjU4N0M1Ny4yNDI3IDU2Ni42OTIgNDIuMjk0NyA1NTEuNzQ0IDMwLjM5OTUgNTM0LjQ3OUMwIDQ5MC4zNTYgMCA0MjguNDAyIDAgMzA0LjQ5M1oiIGZpbGw9IiNGRkE4Q0QiLz4KICAgIDxwYXRoIGQ9Ik0xMTY2LjE3IDM4OS4wMDVDMTE0MC45MiAzODkuMDA1IDExMjEuMjQgMzY4LjEyNSAxMTIxLjI0IDM0Mi43NzFDMTEyMS4yNCAzMTcuNDE2IDExNDAuOTIgMjk2LjUzNiAxMTY2LjE3IDI5Ni41MzZDMTE5MS40MiAyOTYuNTM2IDEyMTEuMSAzMTcuNDE2IDEyMTEuMSAzNDIuNzcxQzEyMTEuMSAzNjguMTI1IDExOTEuNDIgMzg5LjAwNSAxMTY2LjE3IDM4OS4wMDVaTTExNTMuNTQgNDM3Ljg1QzExNzUuMDggNDM3Ljg1IDEyMDIuNTYgNDI5LjY0NyAxMjE3Ljc5IDM5Ny41ODFMMTIxOS4yNyAzOTguMzI3QzEyMTIuNTkgNDE1Ljg1MSAxMjEyLjU5IDQyNi4yOTIgMTIxMi41OSA0MjguOTAyVjQzMy4wMDNIMTI2Ni44VjI1Mi41MzhIMTIxMi41OVYyNTYuNjRDMTIxMi41OSAyNTkuMjUgMTIxMi41OSAyNjkuNjkgMTIxOS4yNyAyODcuMjE0TDEyMTcuNzkgMjg3Ljk2QzEyMDIuNTYgMjU1Ljg5NCAxMTc1LjA4IDI0Ny42OTEgMTE1My41NCAyNDcuNjkxQzExMDEuOTMgMjQ3LjY5MSAxMDY1LjU0IDI4OC43MDYgMTA2NS41NCAzNDIuNzcxQzEwNjUuNTQgMzk2LjgzNSAxMTAxLjkzIDQzNy44NSAxMTUzLjU0IDQzNy44NVpNOTcxLjIxNiAyNDcuNjkxQzk0Ni43MDcgMjQ3LjY5MSA5MjcuMzk3IDI1Ni4yNjcgOTExLjgwMSAyODcuOTZMOTEwLjMxNiAyODcuMjE0QzkxNyAyNjkuNjkgOTE3IDI1OS4yNSA5MTcgMjU2LjY0VjI1Mi41MzhIODYyLjc4NFY0MzMuMDAzSDkxOC40ODVWMzM3LjkyM0M5MTguNDg1IDMxMi45NDIgOTMyLjk2OCAyOTcuMjgxIDk1Ni4zNjIgMjk3LjI4MUM5NzkuNzU3IDI5Ny4yODEgOTkxLjI2OCAzMTAuNzA0IDk5MS4yNjggMzM3LjU1VjQzMy4wMDNIMTA0Ni45N1YzMTguMTYyQzEwNDYuOTcgMjc3LjE0NyAxMDE1LjAzIDI0Ny42OTEgOTcxLjIxNiAyNDcuNjkxWk03ODIuMjAzIDI4Ny45Nkw3ODAuNzE3IDI4Ny4yMTRDNzg3LjQwMSAyNjkuNjkgNzg3LjQwMSAyNTkuMjUgNzg3LjQwMSAyNTYuNjRWMjUyLjUzOEg3MzMuMTg2VjQzMy4wMDNINzg4Ljg4N0w3ODkuMjU4IDM0Ni4xMjZDNzg5LjI1OCAzMjAuNzcyIDgwMi42MjYgMzA1LjQ4NCA4MjQuNTM2IDMwNS40ODRDODMwLjQ3NyAzMDUuNDg0IDgzNS4zMDUgMzA2LjIzIDg0MC44NzUgMzA3LjcyMlYyNTIuNTM4QzgxNi4zNjYgMjQ3LjMxOCA3OTQuNDU3IDI1Ni42NCA3ODIuMjAzIDI4Ny45NlpNNjA1LjA3MyAzODkuMDA1QzU3OS44MjEgMzg5LjAwNSA1NjAuMTQgMzY4LjEyNSA1NjAuMTQgMzQyLjc3MUM1NjAuMTQgMzE3LjQxNiA1NzkuODIxIDI5Ni41MzYgNjA1LjA3MyAyOTYuNTM2QzYzMC4zMjQgMjk2LjUzNiA2NTAuMDA1IDMxNy40MTYgNjUwLjAwNSAzNDIuNzcxQzY1MC4wMDUgMzY4LjEyNSA2MzAuMzI0IDM4OS4wMDUgNjA1LjA3MyAzODkuMDA1Wk01OTIuNDQ3IDQzNy44NUM2MTMuOTg1IDQzNy44NSA2NDEuNDY0IDQyOS42NDcgNjU2LjY4OSAzOTcuNTgxTDY1OC4xNzQgMzk4LjMyN0M2NTEuNDkgNDE1Ljg1MSA2NTEuNDkgNDI2LjI5MiA2NTEuNDkgNDI4LjkwMlY0MzMuMDAzSDcwNS43MDZWMjUyLjUzOEg2NTEuNDlWMjU2LjY0QzY1MS40OSAyNTkuMjUgNjUxLjQ5IDI2OS42OSA2NTguMTc0IDI4Ny4yMTRMNjU2LjY4OSAyODcuOTZDNjQxLjQ2NCAyNTUuODk0IDYxMy45ODUgMjQ3LjY5MSA1OTIuNDQ3IDI0Ny42OTFDNTQwLjgzIDI0Ny42OTEgNTA0LjQzOSAyODguNzA2IDUwNC40MzkgMzQyLjc3MUM1MDQuNDM5IDM5Ni44MzUgNTQwLjgzIDQzNy44NSA1OTIuNDQ3IDQzNy44NVpNNDI2LjgyOCA0MzMuMDAzSDQ4Mi41M1YxNzJINDI2LjgyOFY0MzMuMDAzWk0zODUuOTgxIDE3MkgzMjkuMTY1QzMyOS4xNjUgMjE4LjYwOCAzMDAuNTcyIDI2MC4zNjggMjU3LjEyNSAyOTAuMTk3TDI0MC4wNDMgMzAyLjEyOVYxNzJIMTgxVjQzMy4wMDNIMjQwLjA0M1YzMDMuNjJMMzM3LjcwNiA0MzMuMDAzSDQwOS43NDdMMzE1Ljc5NyAzMDkuMjEzQzM1OC41MDEgMjc4LjI2NiAzODYuMzUyIDIzMC4xNjYgMzg1Ljk4MSAxNzJaIiBmaWxsPSIjMEIwNTFEIi8+Cjwvc3ZnPg==) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_klarna{padding:33px 40px 34px 90px}p.payment_module a.payu_paypo{background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGhlaWdodD0iMjUiIHdpZHRoPSI5MSIgdmlld0JveD0iMCAwIDkxIDI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjUwNzc0IDAgMCAuNTA4MzIgLTIuNDgwOCAtMS43MzM0KSI+CiAgPHBhdGggZD0ibTI5LjQ2MSAzMS4zNDh2MTAuNDQ5aC0xMC41MTJ2LTEwLjQ0OXoiIGZpbGw9IiNhNjAyODIiLz4KICA8cGF0aCBkPSJtMjkuNDE0IDE3LjE3MnYxMC41MzFoLTEwLjUwOHYtMTAuNTMxeiIgZmlsbD0iIzM1YjM4NSIvPgogIDxwYXRoIGQ9Im0xNS4zOTggMzEuMjE5djEwLjUzNWgtMTAuNTEydi0xMC41MzV6IiBmaWxsPSIjZmFjZjU5Ii8+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgPHBhdGggZD0ibTYwLjc5NyAxNi41MTJjMCA3LjI2MTctNS44MjgxIDEzLjEwNS0xMy4zNDggMTMuMTA1aC01LjcyMjd2MTIuMDEyaC04LjcxODh2LTM4LjIxOWgxNC40NDFjNy41MTk1IDAgMTMuMzQ4IDUuODQzOCAxMy4zNDggMTMuMTAyem0tOC43MTQ4IDBjMC0yLjc4OTEtMS45NjQ4LTQuOTE4LTQuNjMyOC00LjkxOGgtNS43MjI3djkuODMyaDUuNzIyN2MyLjY2OCAwIDQuNjMyOC0yLjEyNSA0LjYzMjgtNC45MTQxeiIvPgogICA8cGF0aCBkPSJtOTEuMjAzIDEzLjU4NnYyOC4wMzVoLTguMzkwNnYtMi42MzI4Yy0xLjg0MzggMi4xMjUtNC41ODU5IDMuNDE4LTguMzMyIDMuNDE4LTcuMzI4MSAwLTEzLjM3MS02LjQ0NTMtMTMuMzcxLTE0LjgwMXM2LjA0My0xNC44MDEgMTMuMzcxLTE0LjgwMWMzLjc0NjEgMCA2LjQ4MDUgMS4yODkxIDguMzMyIDMuNDE4di0yLjYzMjh6bS04LjM5MDYgMTQuMDJjMC00LjIwNy0yLjgwMDgtNi44NDM4LTYuNjU2Mi02Ljg0MzhzLTYuNjU2MiAyLjYzNjctNi42NTYyIDYuODQzOGMwIDQuMTk5MiAyLjgwMDggNi44NDM4IDYuNjU2MiA2Ljg0MzhzNi42NTYyLTIuNjQ0NSA2LjY1NjItNi44NDM4eiIvPgogICA8cGF0aCBkPSJtMTIzLjA3IDEzLjU4Ni05LjQ5MjIgMjcuMDA0Yy0zLjExMzMgOC44NTE2LTguMDU4NiAxMi4zNTktMTUuODM2IDExLjk3M3YtNy43OTY5YzMuODkwNiAwIDUuNzI2Ni0xLjIzMDUgNi45NDkyLTQuNjIxMWwtMTEuMDUxLTI2LjU1OWg5LjE2NDFsNi4xNjggMTcuMDM1IDUuMjIyNy0xNy4wMzV6Ii8+CiAgIDxwYXRoIGQ9Im0xNTQuMTQgMTYuNTEyYzAgNy4yNjE3LTUuODMyIDEzLjEwNS0xMy4zNTIgMTMuMTA1aC01LjcyMjZ2MTIuMDEyaC04LjcxNDh2LTM4LjIxOWgxNC40MzhjNy41MTE3IDAgMTMuMzUyIDUuODQzOCAxMy4zNTIgMTMuMTAyem0tOC43MTg4IDBjMC0yLjc4OTEtMS45NjA5LTQuOTE4LTQuNjMyOC00LjkxOGgtNS43MjI2djkuODMyaDUuNzIyNmMyLjY3MTkgMCA0LjYzMjgtMi4xMjUgNC42MzI4LTQuOTE0MXoiLz4KICAgPHBhdGggZD0ibTE1NS4yMyAyNy45ODhjMC04LjE0MDYgNi40Mjk3LTE0LjQyMiAxNC40MzgtMTQuNDIyIDguMDExNyAwIDE0LjQ0NSA2LjI4MTIgMTQuNDQ1IDE0LjQyMiAwIDguMTMyOC02LjQzMzYgMTQuNDE4LTE0LjQ0NSAxNC40MTgtOC4wMDc4IDAtMTQuNDM4LTYuMjgxMi0xNC40MzgtMTQuNDE4em0yMC43MDcgMGMwLTMuODc4OS0yLjcyNjYtNi40NDUzLTYuMjY5NS02LjQ0NTNzLTYuMjY1NiAyLjU2NjQtNi4yNjU2IDYuNDQ1M2MwIDMuODcxMSAyLjcyMjcgNi40NDE0IDYuMjY1NiA2LjQ0MTRzNi4yNjk1LTIuNTY2NCA2LjI2OTUtNi40NDE0eiIvPgogIDwvZz4KIDwvZz4KPC9zdmc+Cg==) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_paypo{padding:33px 40px 34px 115px}p.payment_module a.payu_twisto{background:url(../../../../modules/payu/img/payu_later_twisto_logo.svg) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_twisto{padding:33px 40px 34px 110px}p.payment_module a.payu_twisto_slice{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MyIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDc3My41IDI3My43IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSI+CiAgICA8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDBiYmI0IiBkPSJNMTQ0LjIsMjguMWMwLDQwLjMsMzIuNCw3Mi41LDcyLjIsNzIuNVYyOC4xaC03Mi4yWiIgLz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiM0ZDAwOGMiIGQ9Ik03Mi4yLDEwMC42djE0NS4xaDcyVjI4LjFIMHY3Mi41aDcyLjJaIiAvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGc+CiAgICAgICAgPHBhdGggZmlsbD0iIzRkMDA4YyIgZD0iTTMwNiwxMjMuNFY1MC4xaDExLjNsMzQuOCw0NC40di00NC40aDE2LjJ2NzMuM2gtMTEuOWwtMzQuMy00NHY0NGgtMTYuMi4yWiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNGQwMDhjIiBkPSJNNDE2LjMsMTE4LjhjLTMuOCwzLjgtOC41LDUuMy0xMy45LDUuMy0xNC41LDAtMjQuMi0xMi4xLTI0LjItMjYuMXM5LjUtMjYuMSwyNC4yLTI2LjEsMTAuMSwxLjcsMTMuOSw1LjNoMGwzLjYtNC40aDExLjl2NTAuM2gtMTUuNnYtNC40aDB2LjJaTTQxNS40LDkxLjhjLTIuMy0zLjgtNS42LTUuNy0xMC01LjdzLTMuOS41LTUuOSwxLjRjLTMuNiwyLjMtNS42LDYuMy01LjYsMTAuNiwwLDYuNSw0LjQsMTEuOSwxMS4zLDExLjlzMTEuMy01LjEsMTEuMy0xMS45LS41LTQuNC0xLjQtNi4yaC4yWk0zOTkuNSw2Ny4ybC01LjEtNy42LDE2LjYtMTUuNiw4LjgsMTIuMi0xOS45LDEwLjloLS4zWiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNGQwMDhjIiBkPSJNNDc1LjEsMTIzLjRsLTE2LjMtMjQuM3YyNC4zaC0xNS45VjQ4LjFoMTUuOXY0Ny40bDE2LjItMjIuNWgxNy43bC0xOC40LDIzLjcsMTkuNSwyNi43aC0xOC42di0uMloiIC8+CiAgICAgICAgPHBhdGggZmlsbD0iIzRkMDA4YyIgZD0iTTQ5NS4zLDEwNS4ydi0zMi4zaDE1Ljl2MjguN2MwLDUsMy41LDguOSw4LjYsOC45czMuMy0uMyw0LjUtMS4yYzIuOS0xLjUsNC40LTQuNSw0LjQtNy43di0yOC43aDE1Ljl2NTAuNWgtMTIuNGwtMy41LTMuOWMtMy41LDMuNS05LjQsNS0xNC4yLDUtMTAuNiwwLTE5LjItOC41LTE5LjItMTkuMloiIC8+CiAgICAgICAgPHBhdGggZmlsbD0iIzRkMDA4YyIgZD0iTTYwNy4zLDk4YzAsMTQuMi05LjUsMjYuNC0yNC42LDI2LjRzLTYuNS0uOC05LjUtMmMtMS40LS44LTIuNy0xLjctMy45LTIuNnYuOGwtMy41LDI0LjJoLTEyLjJ2LTcxLjhoMTNsMi45LDMuNWMxLjItLjksMi40LTEuNywzLjgtMi40LDIuOS0xLjQsNi0yLjEsOS41LTIuMSwxNC43LDAsMjQuNiwxMS45LDI0LjYsMjYuMWgwdi0uMlpNNTc5LjgsMTEwLjFjNC4xLDAsNy45LTIuMyw5LjgtNS45LDEuMS0xLjcsMS41LTMuOCwxLjUtNi4ycy0uNS00LjQtMS41LTYuMmMtLjktMi0yLjMtMy4zLTMuOS00LjQtMS43LS45LTMuNS0xLjQtNS43LTEuNHMtNC4xLjUtNS45LDEuNGMtMy44LDIuNC01LjYsNi4yLTUuNiwxMC42LDAsNi42LDQuNCwxMi4xLDExLjMsMTIuMWgtLjIuMloiIC8+CiAgICAgICAgPHBhdGggZmlsbD0iIzRkMDA4YyIgZD0iTTM1NSwxOTAuM3YzMi4yaC0xNS45di0yOC43YzAtNS0zLjUtOC44LTguNi04LjhzLTguOCwzLjUtOC44LDguOHYyOC43aC0xNS45di01MC41aDEyLjRsMy41LDMuOWgwYzMuNS0zLjUsOS40LTUsMTQuMi01LDEwLjYsMCwxOS4yLDguNSwxOS4yLDE5LjJoMGwtLjIuMloiIC8+CiAgICAgICAgPHBhdGggZmlsbD0iIzRkMDA4YyIgZD0iTTQwMC4zLDIxOGMtMy44LDMuOC04LjUsNS4zLTEzLjksNS4zLTE0LjUsMC0yNC4yLTEyLjEtMjQuMi0yNi4xczkuNS0yNi4xLDI0LjItMjYuMSwxMC4xLDEuNywxMy45LDUuM2gwbDMuNi00LjRoMTEuOXY1MC4zaC0xNS42di00LjRoMHYuMlpNMzk5LjUsMTkwLjljLTIuMy0zLjgtNS42LTUuNy0xMC01LjdzLTMuOS41LTUuOSwxLjRjLTMuNiwyLjMtNS42LDYuMy01LjYsMTAuNiwwLDYuNSw0LjQsMTEuOSwxMS4zLDExLjlzMTEuMy01LjEsMTEuMy0xMS45LS41LTQuNC0xLjQtNi4yaC4yWiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDBiYmI0IiBkPSJNNDgyLjIsMTgzLjRoLTEzLjF2MTkuOWMwLDUsMiw4LjUsNy4zLDguNXMyLjMsMCwzLjItLjNjLjksMCwxLjctLjMsMi42LS44djExLjljLTEuNC41LTIuNy45LTMuOS45LTEuNC4zLTIuNy4zLTQuMS4zLTEzLjMtLjItMTkuOC02LjUtMTkuOC0xOS45di0yMC43Yy4yLDAtOS41LDAtOS41LDB2LTExLjJoOS44di0xMi40bDE1LjEtMy44djE2LjJoMTN2MTEuMmgtLjNsLS4yLjJaIiAvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMGJiYjQiIGQ9Ik01MjQsMTQ0LjdsNS4xLDctMTUuMSwxNWgtOS4xbC0xNS4xLTE1LDUuMS03LDE0LjUsOC45LDE0LjctOC45aC0uMlpNNDkxLjQsMjIyLjV2LTUwLjNoMTUuOXYzLjloMGMzLjItMy4zLDcuNC01LDEzLTVzOC41LDEuNCwxMS4yLDQuNWwtOS41LDExLjljLTEuNC0xLjUtMy4zLTIuNC02LjItMi40LTUuMywwLTguNiwzLjMtOC42LDkuOHYyNy44aC0xNS45LjJ2LS4zWiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDBiYmI0IiBkPSJNNTM0LDE5Ny4xYzAtMTUuMSwxMS45LTI2LjQsMjctMjYuNHMyNS40LDEwLjYsMjUuNCwyNS4yLS4yLDMuOC0uOCw2LjNoLTM2Yy4yLjkuNSwxLjcuOSwyLjQsMi4xLDQuMSw2LjIsNi41LDExLjUsNi41czguOS0xLjcsMTIuMS01LjFsOC44LDguOGMtNSw1LjktMTIuMiw4LjgtMjAuNyw4LjgtMTYuMywwLTI4LjMtMTEtMjguMy0yNi40aDBaTTU3MS42LDE5MS41Yy0xLjItNS4zLTQuOC04LjUtMTAuNi04LjVzLTEwLDMuMy0xMS41LDguNmgyMi4xdi0uMloiIC8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwYmJiNCIgZD0iTTYyOC44LDE4My40aC0xMy4xdjE5LjljMCw1LDIsOC41LDcuMyw4LjVzMi4zLDAsMy4yLS4zYy45LDAsMS43LS4zLDIuNi0uOHYxMS45Yy0xLjQuNS0yLjcuOS0zLjkuOS0xLjQuMy0yLjcuMy00LjEuMy0xMy4zLS4yLTE5LjgtNi41LTE5LjgtMTkuOXYtMjAuN2MuMiwwLTkuNSwwLTkuNSwwdi0xMS4yaDkuOHYtMTIuNGwxNS4xLTMuOHYxNi4yaDEzdjExLjJoLS4zbC0uMi4yWiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDBiYmI0IiBkPSJNNjM3LjQsMTU2LjNjMC01LDMuNi04LjgsOC42LTguOHM4LjUsMy44LDguNSw4LjgtMy41LDguOC04LjUsOC44LTguNi0zLjgtOC42LTguOFpNNjM3LjgsMjIyLjV2LTUwLjNoMTUuOXY1MC4zaC0xNS45WiIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDBiYmI0IiBkPSJNNzE0LjEsMTkwLjN2MzIuMmgtMTUuOXYtMjguN2MwLTUtMy41LTguOC04LjYtOC44cy04LjgsMy41LTguOCw4Ljh2MjguN2gtMTUuOXYtNTAuNWgxMi40bDMuNSwzLjloMGMzLjUtMy41LDkuNC01LDE0LjItNSwxMC42LDAsMTkuMiw4LjUsMTkuMiwxOS4yaDBsLS4yLjJaIiAvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMGJiYjQiIGQ9Ik03MjcsMjQzLjZsMTEuMy0yNC42LTE5LjItNDdoMTcuMWwxMCwzMC43LDEwLjMtMzAuN2gxNy4xbC0zMC41LDcxLjhoLTE2LjJsLjItLjJaIiAvPgogICAgPC9nPgo8L3N2Zz4K) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_twisto_slice{padding:33px 40px 34px 115px}p.payment_module a.payu_pragma_pay{background:url(../../../../modules/payu/img/payu_pragma_pay.svg) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_pragma_pay{padding:33px 40px 34px 145px}p.payment_module span.payu_payment_module_badge{font-weight:400;font-size:80%}p.payment_module a.payu_installment{background:url(../../../../modules/payu/img/payu_installment.svg) 15px 33px no-repeat #fbfbfb}p.payment_module a.payu_installment{padding:33px 40px 34px 120px}p.payment_module a.payu:after,.payu-payment-credit-tile:after{display:block;content:"\f054";position:absolute;right:15px;margin-top:-11px;top:50%;font-family:"FontAwesome";font-size:25px;height:22px;width:14px;color:#777}p.payment_module a.payu:hover{background-color:#f6f6f6}.img-preview img{max-width:680px}#payuAmountInfo{float:left}#payuLogo{float:right}#payMethods{clear:both;overflow:auto;margin-top:20px}.pay-methods{display:flex;flex-wrap:wrap;margin-top:24px;margin-bottom:24px;margin-left:-10px;margin-right:-10px}.pay-methods__item{padding:6px 6px;width:112px}.pay-methods__item-inner{border:1px solid #ddd;border-radius:3px;background-color:#fff;transition:all 250ms}.payMethodActive .pay-methods__item-inner{border-color:#438F29;transition:all 250ms}.pay-methods__item:hover .pay-methods__item-inner{background-color:#f9f9f9;transition:all 250ms}.pay-methods__img{width:100%;height:37px;display:block;object-fit:contain;max-height:1.618em}.pay-methods__label{font-size:inherit!important;padding:14px 5px!important;display:flex!important;justify-content:center!important;align-items:center!important}.pay-methods__hide{display:none}.payuConditions{font-size:12px;line-height:120%;margin-bottom:24px;color:#6d6d6d}.payu-terms-of-service{margin:8px 0;display:block}#payMethods .payMethod{float:left;overflow:hidden;text-align:center;margin:3px;height:88px;width:140px;border:1px solid #ddd;border-radius:3px;background-color:#fff}#payMethods .payMethodEnable:hover{background-color:#f9f9f9}#payMethods .payMethodActive{border-color:#438F29;background-color:#eee}.payMethod input[type="radio"]{display:none}.payMethod label{font-weight:400;font-size:10px;line-height:120%;padding:0;margin:0 5px;display:inline-block;text-align:center}.payMethodEnable label{cursor:pointer}.payMethodImage{width:120px;height:45px;line-height:45px;text-align:center;margin:7px auto}.payMethodImage img{max-width:100%;max-height:100%}.payuConditions{margin:20px 0;font-size:10px}.payuConditions label{font-size:13px}.payuConditions label a{font-weight:700}p.payment_module_17{padding:0;margin:0}p.payment_module_17 a.payu{display:block}p.payment_module_17 a.payu img{margin-right:10px;height:70px;vertical-align:middle}.payu-installment-price-listing{font-size:12px}.payu-installment-price-listing>p{font-size:12px;display:inline-block}.payu-pay-image-16{width:50px;height:25px;margin-top:24px;margin-bottom:24px}p.payment_module a.payu-payment-credit-tile{padding:33px;background:#fbfbfb none}.payu-widget-installments-mini,.payu-widget-installments-mini-amount{font-size:14px}.payu-widget-installments-mini-separator{color:#777}.payu-separator-reset{position:absolute;left:0;right:0}.payu-installment-panel{padding-bottom:1.25em}.payu-script-tag{display:none!important}p.payment_module a.payu-widget-installments-mini{display:inline;border:0;padding:0}.payment_module_content--show{display:block!important}.payment_open{cursor:pointer}.payment-name{display:none}body#checkout #payu-methods-grouped .additional-information{margin:0}.payu-card-form-container{width:380px;margin:5px auto 15px}.payu-card-container{width:100%;margin:0 auto;color:#fff;border-radius:6px;padding:15px 10px;border:1px solid #428f29;background:rgb(66 143 41);background:linear-gradient(135deg,rgb(53 112 33) 0%,rgb(66 143 41) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#357021',endColorstr='#428f29',GradientType=1)}.payu-card-container div.aside{font-size:14px;margin-bottom:6px}.wb-16{background-color:#d9edf7;color:#31708f;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid #fff0;border-radius:0}.payuConditions .checkbox{display:none}.payu-card-form{margin:0 auto 0 auto;background-color:#fff;padding:5px;border-radius:4px}.card-details .expiration{width:50%;float:left}.card-details .cvv{width:45%;float:right}.payu-card-clearfix:before,.payu-card-clearfix:after{content:"";display:table}.payu-card-clearfix:after{clear:both}.payu-card-clearfix{margin-top:10px}.payu-card-legend-container{color:#fff;font-size:12px;font-weight:700;overflow:auto}.payu-card-legend-container>div{float:left}.payu-card-legend-container>.payu-card-legend-number{width:220px;margin-left:45px}.payu-card-legend-container>.payu-card-legend-valid{width:85px}#secure-form{background-color:#F4F9F9;border-radius:8px;padding:10px}.payu-read-more{cursor:pointer;text-decoration:underline}.payu-more-hidden{display:none}@media only screen and (max-width:460px){.payu-card-form-container{width:100%;margin:5px auto 15px}}#_form-payu{background:#fff;padding:15px;margin-bottom:20px}#_form-payu legend{margin-bottom:20px}#_form-payu .form-group{display:none}.repay-action{border:0;border-radius:5px}.accept-payment{background:#a6c307;color:#fff;padding:8px 15px;cursor:pointer}.discard-payment{background:red;color:#fff;padding:8px 15px;cursor:pointer}.repayment-options input[type="submit"]{background:#a6c307;color:#fff;padding:8px 15px;cursor:pointer;border:0;border-radius:5px;margin:8px 0 15px 0}#payuForm #payMethods>div{position:relative;overflow:hidden}#payuForm #payMethods>div label{position:relative;z-index:1}#payuForm>div input:checked+label::before{content:'';width:100vw;height:100vh;background:#ddd;position:absolute;top:0;left:-10vw;z-index:-1}.repayment-options .additional-information{display:none}/*! * Since 2007 PayPal * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author Since 2007 PayPal * @author 202 ecommerce * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) * @copyright PayPal * */.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgb(0 0 0 / .2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:#fff0;border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^="top"]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^="top"]>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^="top"]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgb(0 0 0 / .25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^="top"]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^="right"]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^="right"]>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^="right"]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgb(0 0 0 / .25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^="right"]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^="bottom"]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^="bottom"]>.arrow{top:calc(-.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^="bottom"]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgb(0 0 0 / .25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^="bottom"]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^="bottom"] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-left,.bs-popover-auto[x-placement^="left"]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^="left"]>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^="left"]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgb(0 0 0 / .25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^="left"]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}/*! * Since 2007 PayPal * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author Since 2007 PayPal * @author 202 ecommerce * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) * @copyright PayPal * */.paypal-loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:25px;height:25px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.paypal-loader-container{position:absolute;top:0;left:0;right:0;height:100%;background:#fff}/*! * Since 2007 PayPal * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author Since 2007 PayPal * @author 202 ecommerce * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) * @copyright PayPal * */.pp__flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.pp__align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.pp__justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.pp__hidden{display:none}.pp__d-table-cell{display:table-cell}.pp__position-relative{position:relative}.pp__position-absolute{position:relative}.pp__flex_direction_column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.pp__justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.pp__flex_direction_column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.pp__justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.pp__flex-item-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.pp__flex-item-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.pp__flex-item-3{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3}.pp__flex-item-4{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4}.pp__flex-item-5{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5}.pp-info .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px}.pp-info .item .header{font-weight:700}.pp-info .item .desc{text-align:center;line-height:1.3;width:100%}#index [paypal-messaging-banner],#category [paypal-messaging-banner]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:992px){body.pp-popover .popover{max-width:500px}}@media only screen and (max-width:991px){.popover.bs-tether-element-attached-top{left:-95px!important;width:276px;top:13px!important}.popover.bs-tether-element-attached-top::before,.popover.bs-tether-element-attached-top::after{left:85%}}/*! * jQuery UI CSS Framework 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQAAAADcH0/XAAAAEUlEQVR4AWP4DwLUJUfJURIAypHyHErLyzcAAAAASUVORK5CYII=) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAAAAABiRwW8AAAAHUlEQVQY02N4xMRAFfgfCCEkBP7DYDMAaQimAQQAiywTk9l9hAoAAAAASUVORK5CYII=) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAAAAABKM1UHAAAAH0lEQVQ4y2N4y8QwCgcR/AnEjGCMDBmYmKDio5CuEABaxAUQRVsJFgAAAABJRU5ErkJggg==) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAAAAABKM1UHAAAAH0lEQVR42mN4wsQwiOAo/AbEjFDIBMIgEgbp7ZpRCABBfwUJFjr9hgAAAABJRU5ErkJggg==) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAAAAABKM1UHAAAAGElEQVR42mP4N6jgKPwPIdEhSIz+cBQCAN0ljbVRDamVAAAAAElFTkSuQmCC) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAIAAADgOp2MAAAANklEQVR4Ae3KsQ0AIAhEUfYfVlUqgcIL0rqAueLlN1/CJhE9+G7Jsh2qNlC4X3VJuKIq/j+iA4lnicmEWt+AAAAAAElFTkSuQmCC) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAIAAADgOp2MAAAANUlEQVR42u3GAQaAABjF4L3d/7YRif4kEjpBHj4bx7oI1JeqfXNmTOKQu8FE4f3I01z9u6oTmGgOCwxIvwUAAAAASUVORK5CYII=) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(data:image/png;base64,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)}.ui-widget-header .ui-icon{background-image:url(data:image/png;base64,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)}.ui-state-default .ui-icon{background-image:url(data:image/png;base64,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)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(data:image/png;base64,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)}.ui-state-active .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAA7VBMVEVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUWG2rLCAAAAT3RSTlMAGP8QMgQIUL+DmS4iVHBAZmAaEs0MIDwWQkhKHlomMFIshTSHgcNqyc/HOEQcvbl8q7Wljamtsyj9nyTvCgYCj6NilaGvbN+dRj5ufpFo5a5WewAADN1JREFUeNrs2gd2wzgMhGHi0/3PvL0x84TIqYoX/6vSACYwpLrXMAx3oNT/vH83d0C9u8VWVNQWrL5xBYItICaIF2qxqdFiDBD5WzD1fSsQxBylATmDqWZ6DpDBkfIpZP1tC41eqCa7+fWEihE/F6prMKcQPHIM5QpoCviqFZD0JUZ/QRNQvGIvFeeA574K5CGUV4G5ERqGYRiGYXj+O8G6140Y2HdU0xCg8at/H1DsGWV9qSVZQBiQAfsW6tyvkgZU+/D4FQ9DWX9fcSMXqvGr9TPBwvoqkA/4XcWV4dlwdX5muH4FfD3lE98H7M0154C5CgzDMAzDMDw93pcN7/p9X9pAgnZHig/isfFlQbGR+vUM2GUZsqcLbUNuaqu5MH7fj5BDD7XpQGx7IQqxXUGRIMTr4wOh7zsaGeg76NLbArJBYA9gDwc5/nWL+iXMa/5mx/r0LODBEa63l2oGEDtCf+QXcX1BZ0jKuatXrXfi1vlgDcMwDMMwJEWtd8EHFwArONGAt9dXPFbACmiiArhQwP5ZSYV0juoeoK1VegNzlH782BUNhNYXAPuHRSq00xVEtQYUff05iNYB2v6FqM/fHmexWWT1KwhYTg2We6wLBYQaPxAVRn7okZ8youBsMDaFQZcNOCngdAovybTPzyvT8xBohljdIVDUlUOgP8orIk4dzgaCnLKQ4iTYzVFzEgzEaSnyV6D6OerllQgDI71BGNAA/NAbkWEYhmEYrM+k9BdmmYH1geARB/Cx/cs9VNv/5pqHp0z3vVo2TOgfB1CxZ+vFrr/WLLoAe8N7EGFIF/5+bA5ki39Im07k5/dxzYxZiRe5Iv2zDCiyKZsOQm0/X7e6ldGiwzbYB1pQskKbDs5nXGNAZET1kZ8GpI5PuxSoRZ2/DyikHod4E0D485ohqX/ilRYVcj3y9KrpvzleGofmPmcYhmEYbsvhia7DyOe53OR9/at1A5rvTGxT3BoAjvXg3V7ddQUs2/+xsQ7/TjL7891h/SH6r4FoHADcp3vpwaYfju3pbDPAX8eAPd3Z5+hyLwMAdAYd23YakA+sseHFGzjqx6yAjAebQacrAOT/LZZaP+UcENObyY7lyHNAxufxf/+rAHD+/uIAjam7VvyY+4DrONZlynoi+v6HYRiG4dd2zoO9UaMLoy9nJqAsWgNqW+ys0uz03pXuTW///+d8tizuM8zjwXaiT24c1yPqfZ/LALvIHsDr0ryQn/CCdkQBjAr18CIASsID6CvRx5N9a4n6VUIpS0A+Xv0YGCvyWIyHG7oLWEnsVVXBGguEIr5KoiZ5Mdt41jSdesHH3llhvDfYXucleU6ZJ/+vsKW7Q7EYUJ+3xfYFqqpyZ0SBjDoBBAmQn0K3AywA0OQEWcJtB5AIgPwM2gDIp1NPGMBsNhNKAoJY0gGMOwHiTmBNG0hmgdgOdgOfn5LqAAqCHxLtGNA6orvHcwBshTnTxfhRJ4DHjx+LVAeaxy8kAhgDT8IAgE4AmSOKaA1q4fEpyQ6YFEgUEwtAHrzUOg5wEKxujQVQ8vRpeAjMlOe5Zub49cfVA7D6H+4/SQeQRS+ILMsmWYZaWCwW6TGAyaSAYhIGIIUBeMAHARwAHByw8alKKDWNyoGeABQHoCiAl4QpdfMQqFIBQJTgeA1q4dmzZ5AnO8BPimLiLQCdeTqAZ2egNVnJoiyXlFknAFte4uX1h8whjwPIowDodEBt9fcFoA28siZquTxPdYCfrPEknAIo6ByTZWlngZINZaIDLIArHALQ3R5UigPAd7cXXQfwYvo64EqnQaiBGiQDj526MS476DXY5uMX4gAsgUrbw/tmjde/Bsbb/cNJ/YypNDAwMDBwb3j1VfXiwCkNSKB+PF4bXgPgtVYLILzHrjdeR7dn44vdeB0UUlXqYQ5zdWmaRobDeyyBUQ4clkVws1ND/YDepzY9ENSvIAGoT4Ge+/myLC/jBkhWQYUDR2XlUKsGp5YjOIrqB5qFrH6wBET8dDixizd4gz3C+lVYBwAIkgWjN/WW3hZqoRQqO66uz/N54GqgaVI7CFBjXmMdZxQ0DgsQD+BJBRDfDqN3Dt59b/+gkOEp5HXZAN7nAz5gFBYIlJG/EnquvIyvfc0da9z523u11VdljNhraJzWPPCs8Q9SAUggBc4eH/IqYf14XToAfaSP9Uneup5hHWCu0KMOaOhc61eABFTnb+9T1nyqlsUCoJEB3oNZTwDWAS+NTz669RsQ3487nHOYf8RnfMbnrWdgx7i5L0lNb4DmhHEiAEe3IwRA1D89ozx5oQVQpQLwbIjqj7YXBRD4wcePR4+/+HLjEzaML3arX0Z4CJjHenSEeUPjGPUFoAgk5ySUAPAmdhaE18IApNQhAbwi4xKuqH6xoZOIM3v3q1qqv3rXAthrcD3Lo4iaeBClM5vVH10HJP7ZO3bIZFzCG6z++DRoOJyM6qEkPawUdVCKUreQqlIv8TXQwMDAwMB1UkBlUgE8Uw+g/yclQKkeAP1rHCtJK5yMQ8ASeEJRfP01Xwa7s6eA5T7vvMP+MvG8RcGGIvL4hSL1/wolo6L4ppMA/JcAGkqVNK0CK63iq/GFOd+e8p1NZlVQqrGEOO/uFJlGv+BaaF/He4+w5VHnZouRtOIbthYA0ACtroD1V7cBbAa+/176/nvUeiGqBhqlAug8MoI8XiALQHtIkgUAvq4hCOC9yQnhBlesimQAtCTKNTqHFKXCBML63XnX3uNW9QMwgiZ6gALz7vLkQDADzkGhhQWA1gEErVIul2VZBgGsWKkgrigVQEJBSlxur6L6PeEY8BnjE/ghuK7tLM+8P4ApMIWpBXAIFCwc5++/5733Ju8tOdQGvmEljbYXQNwBPwJwFNYfFliu1izMo4bBufl83gmgc8wvTjg4+aSbzyo5BiyXpwdAOAh+UxQjyu2PAVY/KywBPFROAUuAhSmrPQ6DBJA0DYY9TzeAV17ZfEYNkhwDCr9cLlmSPA1u/yxwpCPAtFKXVV1/KoNKVA5LAPsRRjIW558GWbQkxgCKU1iiNLDV64AjSUe4+J8PDAAZK/jGyYFNPX4nE8hA4SMrucd7fK6rXgfcHKbPn08DbfacJCcXjznxk5MDAwMD26EoAtn/CeCnfd0ffoafTX5hwy+6LzwFeLqRfQAJYF8tM2YK+BWoFFFpW8wAmO2yAZyzFvgNC+C3/r991aWiStwL2QtJZ+YlzaL177IBJGsBAtJXgg7i+qHqf3Az8N/z381Tj4LudARwzkYBAOJ9qKnj+kcmldWffHS3cQ2Y87uk35EBs2sMoGJDlQrA+tuAt1wwzepPBeA6LUMuKac1iALwzGYzvHYEVnA6gBgI6gerfwsdsPNBsAJwzlrgORbA87gD0iuw6VsYA0x3QzzovYvxbnIQNI3Gvy2dBSS0M2YYM51y3OqxesaA+Ay4ZdA18scPAD/8oWsEDQwMDAwM3BsqYt0ljKred0hsnwcP4vqJdZeARRAFYPG4cIZq5E6/0c2vNq/PZkrf3lZQqesoVqpdBmARxAFYPFDZ7q3Li2YIA7DpiQC6CuYdZbcBQJ0MAEYSsFFpBMQzhAGMoCcAzHsUcWc7APNe5e6OAUb/GHBnzwKsuRlngeE6YGBgYGBggEb3GPen+OvAyQAO3T2qn5H4q8Kppax+gFIRxH//4Mp+Q1nxt/hLrDqpjIgTIP7pr+w3Esdb0l+V3sJaAFYLjdZuYIWQz/OTT3t8m7k9z25O13NyzG8ankOdcojXhrKBhWMvEcDklGySsfGMLDt9gXY6E048nM4Em34jO0CyDrBxYYUMwgC+PAN/Zb+ZjGgkNYzUAipYFFEAd3YQLOGtw7egDAMQVUW3fHRXKX8Gfi41MDAwMHAPid8f0O/xQ1RXd1vfjryf+P0B/R49RndVj9e3C7+YfYz9izx+kPKqHq9vB95P/P4Acwj9WKDjjT8HEADPzYldient+qPtKXZ6p88khU7sgDZ+IfHD0Rjm0vGxBFxyfpD6HalvukTk8U+k0P/555/QAWkJlw3Afkk4x9JxtMOiZ37FBfXPbxVfdn8E9PlyXf8WA2ikJhFA6me6oKs7SFyhA5Y6q5/tHQJNk9ihSzpEflGAAP0d0uMstaT1fmxQU8+gZoPg8+QgRexKTE8Mkoqd9PTW0g5L8352fRqL17cD72XXFzLx+nbjaXZ9KRuvbyc+MDAwMDAw0A9nbN1vDeSncIHf7QDoD4Cc0EH9AQjdrgCAnNjTASGJPkcMHTCMAcNZYGBgYGBgYODekqHbAkK94PFXrz/TbSFT9p8DyEjUfw86wOqN/XZ2AFn7kQiAlm69qOt3dwzwLTIsr0792b3oAKufRP33oAOS9d+Xs0Ci/vt3HWD138oxYGuQ2dfAwE3nfwCQ21iAO53kAAAAAElFTkSuQmCC)}.ui-state-highlight .ui-icon{background-image:url(data:image/png;base64,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)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAA7VBMVEXNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrNCgrqN5j8AAAAT3RSTlMAGP8QMgQIUL+DmS4iVHBAZmAaEs0MIDwWQkhKHlomMFIshTSHgcNqyc/HOEQcvbl8q7Wljamtsyj9nyTvCgYCj6NilaGvbN+dRj5ufpFo5a5WewAADN1JREFUeNrs2gd2wzgMhGHi0/3PvL0x84TIqYoX/6vSACYwpLrXMAx3oNT/vH83d0C9u8VWVNQWrL5xBYItICaIF2qxqdFiDBD5WzD1fSsQxBylATmDqWZ6DpDBkfIpZP1tC41eqCa7+fWEihE/F6prMKcQPHIM5QpoCviqFZD0JUZ/QRNQvGIvFeeA574K5CGUV4G5ERqGYRiGYXj+O8G6140Y2HdU0xCg8at/H1DsGWV9qSVZQBiQAfsW6tyvkgZU+/D4FQ9DWX9fcSMXqvGr9TPBwvoqkA/4XcWV4dlwdX5muH4FfD3lE98H7M0154C5CgzDMAzDMDw93pcN7/p9X9pAgnZHig/isfFlQbGR+vUM2GUZsqcLbUNuaqu5MH7fj5BDD7XpQGx7IQqxXUGRIMTr4wOh7zsaGeg76NLbArJBYA9gDwc5/nWL+iXMa/5mx/r0LODBEa63l2oGEDtCf+QXcX1BZ0jKuatXrXfi1vlgDcMwDMMwJEWtd8EHFwArONGAt9dXPFbACmiiArhQwP5ZSYV0juoeoK1VegNzlH782BUNhNYXAPuHRSq00xVEtQYUff05iNYB2v6FqM/fHmexWWT1KwhYTg2We6wLBYQaPxAVRn7okZ8youBsMDaFQZcNOCngdAovybTPzyvT8xBohljdIVDUlUOgP8orIk4dzgaCnLKQ4iTYzVFzEgzEaSnyV6D6OerllQgDI71BGNAA/NAbkWEYhmEYrM+k9BdmmYH1geARB/Cx/cs9VNv/5pqHp0z3vVo2TOgfB1CxZ+vFrr/WLLoAe8N7EGFIF/5+bA5ki39Im07k5/dxzYxZiRe5Iv2zDCiyKZsOQm0/X7e6ldGiwzbYB1pQskKbDs5nXGNAZET1kZ8GpI5PuxSoRZ2/DyikHod4E0D485ohqX/ilRYVcj3y9KrpvzleGofmPmcYhmEYbsvhia7DyOe53OR9/at1A5rvTGxT3BoAjvXg3V7ddQUs2/+xsQ7/TjL7891h/SH6r4FoHADcp3vpwaYfju3pbDPAX8eAPd3Z5+hyLwMAdAYd23YakA+sseHFGzjqx6yAjAebQacrAOT/LZZaP+UcENObyY7lyHNAxufxf/+rAHD+/uIAjam7VvyY+4DrONZlynoi+v6HYRiG4dd2zoO9UaMLoy9nJqAsWgNqW+ys0uz03pXuTW///+d8tizuM8zjwXaiT24c1yPqfZ/LALvIHsDr0ryQn/CCdkQBjAr18CIASsID6CvRx5N9a4n6VUIpS0A+Xv0YGCvyWIyHG7oLWEnsVVXBGguEIr5KoiZ5Mdt41jSdesHH3llhvDfYXucleU6ZJ/+vsKW7Q7EYUJ+3xfYFqqpyZ0SBjDoBBAmQn0K3AywA0OQEWcJtB5AIgPwM2gDIp1NPGMBsNhNKAoJY0gGMOwHiTmBNG0hmgdgOdgOfn5LqAAqCHxLtGNA6orvHcwBshTnTxfhRJ4DHjx+LVAeaxy8kAhgDT8IAgE4AmSOKaA1q4fEpyQ6YFEgUEwtAHrzUOg5wEKxujQVQ8vRpeAjMlOe5Zub49cfVA7D6H+4/SQeQRS+ILMsmWYZaWCwW6TGAyaSAYhIGIIUBeMAHARwAHByw8alKKDWNyoGeABQHoCiAl4QpdfMQqFIBQJTgeA1q4dmzZ5AnO8BPimLiLQCdeTqAZ2egNVnJoiyXlFknAFte4uX1h8whjwPIowDodEBt9fcFoA28siZquTxPdYCfrPEknAIo6ByTZWlngZINZaIDLIArHALQ3R5UigPAd7cXXQfwYvo64EqnQaiBGiQDj526MS476DXY5uMX4gAsgUrbw/tmjde/Bsbb/cNJ/YypNDAwMDBwb3j1VfXiwCkNSKB+PF4bXgPgtVYLILzHrjdeR7dn44vdeB0UUlXqYQ5zdWmaRobDeyyBUQ4clkVws1ND/YDepzY9ENSvIAGoT4Ge+/myLC/jBkhWQYUDR2XlUKsGp5YjOIrqB5qFrH6wBET8dDixizd4gz3C+lVYBwAIkgWjN/WW3hZqoRQqO66uz/N54GqgaVI7CFBjXmMdZxQ0DgsQD+BJBRDfDqN3Dt59b/+gkOEp5HXZAN7nAz5gFBYIlJG/EnquvIyvfc0da9z523u11VdljNhraJzWPPCs8Q9SAUggBc4eH/IqYf14XToAfaSP9Uneup5hHWCu0KMOaOhc61eABFTnb+9T1nyqlsUCoJEB3oNZTwDWAS+NTz669RsQ3487nHOYf8RnfMbnrWdgx7i5L0lNb4DmhHEiAEe3IwRA1D89ozx5oQVQpQLwbIjqj7YXBRD4wcePR4+/+HLjEzaML3arX0Z4CJjHenSEeUPjGPUFoAgk5ySUAPAmdhaE18IApNQhAbwi4xKuqH6xoZOIM3v3q1qqv3rXAthrcD3Lo4iaeBClM5vVH10HJP7ZO3bIZFzCG6z++DRoOJyM6qEkPawUdVCKUreQqlIv8TXQwMDAwMB1UkBlUgE8Uw+g/yclQKkeAP1rHCtJK5yMQ8ASeEJRfP01Xwa7s6eA5T7vvMP+MvG8RcGGIvL4hSL1/wolo6L4ppMA/JcAGkqVNK0CK63iq/GFOd+e8p1NZlVQqrGEOO/uFJlGv+BaaF/He4+w5VHnZouRtOIbthYA0ACtroD1V7cBbAa+/176/nvUeiGqBhqlAug8MoI8XiALQHtIkgUAvq4hCOC9yQnhBlesimQAtCTKNTqHFKXCBML63XnX3uNW9QMwgiZ6gALz7vLkQDADzkGhhQWA1gEErVIul2VZBgGsWKkgrigVQEJBSlxur6L6PeEY8BnjE/ghuK7tLM+8P4ApMIWpBXAIFCwc5++/5733Ju8tOdQGvmEljbYXQNwBPwJwFNYfFliu1izMo4bBufl83gmgc8wvTjg4+aSbzyo5BiyXpwdAOAh+UxQjyu2PAVY/KywBPFROAUuAhSmrPQ6DBJA0DYY9TzeAV17ZfEYNkhwDCr9cLlmSPA1u/yxwpCPAtFKXVV1/KoNKVA5LAPsRRjIW558GWbQkxgCKU1iiNLDV64AjSUe4+J8PDAAZK/jGyYFNPX4nE8hA4SMrucd7fK6rXgfcHKbPn08DbfacJCcXjznxk5MDAwMD26EoAtn/CeCnfd0ffoafTX5hwy+6LzwFeLqRfQAJYF8tM2YK+BWoFFFpW8wAmO2yAZyzFvgNC+C3/r991aWiStwL2QtJZ+YlzaL177IBJGsBAtJXgg7i+qHqf3Az8N/z381Tj4LudARwzkYBAOJ9qKnj+kcmldWffHS3cQ2Y87uk35EBs2sMoGJDlQrA+tuAt1wwzepPBeA6LUMuKac1iALwzGYzvHYEVnA6gBgI6gerfwsdsPNBsAJwzlrgORbA87gD0iuw6VsYA0x3QzzovYvxbnIQNI3Gvy2dBSS0M2YYM51y3OqxesaA+Ay4ZdA18scPAD/8oWsEDQwMDAwM3BsqYt0ljKred0hsnwcP4vqJdZeARRAFYPG4cIZq5E6/0c2vNq/PZkrf3lZQqesoVqpdBmARxAFYPFDZ7q3Li2YIA7DpiQC6CuYdZbcBQJ0MAEYSsFFpBMQzhAGMoCcAzHsUcWc7APNe5e6OAUb/GHBnzwKsuRlngeE6YGBgYGBggEb3GPen+OvAyQAO3T2qn5H4q8Kppax+gFIRxH//4Mp+Q1nxt/hLrDqpjIgTIP7pr+w3Esdb0l+V3sJaAFYLjdZuYIWQz/OTT3t8m7k9z25O13NyzG8ankOdcojXhrKBhWMvEcDklGySsfGMLDt9gXY6E048nM4Em34jO0CyDrBxYYUMwgC+PAN/Zb+ZjGgkNYzUAipYFFEAd3YQLOGtw7egDAMQVUW3fHRXKX8Gfi41MDAwMHAPid8f0O/xQ1RXd1vfjryf+P0B/R49RndVj9e3C7+YfYz9izx+kPKqHq9vB95P/P4Acwj9WKDjjT8HEADPzYldient+qPtKXZ6p88khU7sgDZ+IfHD0Rjm0vGxBFxyfpD6HalvukTk8U+k0P/555/QAWkJlw3Afkk4x9JxtMOiZ37FBfXPbxVfdn8E9PlyXf8WA2ikJhFA6me6oKs7SFyhA5Y6q5/tHQJNk9ihSzpEflGAAP0d0uMstaT1fmxQU8+gZoPg8+QgRexKTE8Mkoqd9PTW0g5L8352fRqL17cD72XXFzLx+nbjaXZ9KRuvbyc+MDAwMDAw0A9nbN1vDeSncIHf7QDoD4Cc0EH9AQjdrgCAnNjTASGJPkcMHTCMAcNZYGBgYGBgYODekqHbAkK94PFXrz/TbSFT9p8DyEjUfw86wOqN/XZ2AFn7kQiAlm69qOt3dwzwLTIsr0792b3oAKufRP33oAOS9d+Xs0Ci/vt3HWD138oxYGuQ2dfAwE3nfwCQ21iAO53kAAAAAElFTkSuQmCC)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEWqqqoRfvv5AAAADklEQVR4AWMYBaOABgAAAlgAAXQ7rtkAAAAASUVORK5CYII=) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQMAAADOquA5AAAAA1BMVEWqqqoRfvv5AAAADklEQVR4AWMYBaOABgAAAlgAAXQ7rtkAAAAASUVORK5CYII=) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}/*! * jQuery UI Autocomplete 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete{position:absolute;top:0;left:0;cursor:default}/*! * jQuery UI CSS Framework 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}/*! * jQuery UI Menu 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}/** * Copyright since 2007 PrestaShop SA and Contributors * PrestaShop is an International Registered Trademark & Property of PrestaShop SA * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License version 3.0 * that is bundled with this package in the file LICENSE.md. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * @author PrestaShop SA and Contributors * @copyright Since 2007 PrestaShop SA and Contributors * @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0 */ .wishlist-modal{display:none;opacity:0;pointer-events:none;z-index:0}.wishlist-modal.show{display:block;opacity:1;pointer-events:all;z-index:1051}.wishlist-modal.show+.modal-backdrop{pointer-events:all}.wishlist-modal.fade .modal-dialog{max-width:34.375rem;-webkit-transform:translateY(0);transform:translateY(0)}.wishlist-modal .close{font-weight:400;color:#7a7a7a;opacity:1;font-size:2.25rem}.wishlist-modal .close:hover{opacity:.6}.wishlist-modal .modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:none}.wishlist-modal .modal-header h5{color:#232323;font-size:1.375rem;font-weight:700;letter-spacing:0;line-height:1.875rem}.wishlist-modal .modal-header::after{content:none}.wishlist-modal .modal-text{color:#232323;font-size:.875rem;letter-spacing:0;line-height:1.875rem}.wishlist-modal .modal-body{padding:.9375 1.875rem}.wishlist-modal .modal-body .form-group{margin-bottom:0}.wishlist-modal .modal-body .form-group .form-control{border-radius:0;background:none;color:#000}.wishlist-modal .modal-content{width:100%}.wishlist-modal .modal-cancel:hover{opacity:.7}.wishlist-modal .modal-footer{border:none}.wishlist-modal .modal-footer .btn{text-transform:none;margin-bottom:.5rem}.wishlist-modal .modal-backdrop{pointer-events:none}.wishlist-modal .modal-backdrop.in{pointer-events:all}.wishlist-modal+.modal-backdrop{pointer-events:none}.wishlist-modal+.modal-backdrop.in{pointer-events:all}.products article .wishlist-button-add{position:absolute;top:.635rem;right:.635rem;z-index:10}.wishlist-footer-links{margin-bottom:3.125rem}.wishlist-footer-links>a{font-size:.875rem;letter-spacing:0;line-height:1.1875rem}.wishlist-footer-links>a:not(:first-child){margin-left:1.25rem}.wishlist-footer-links>a i{font-size:1.25rem;margin-right:.25rem;vertical-align:middle}.lang-rtl .products article .wishlist-button-add{right:inherit;left:.635rem}.lang-rtl .wishlist-button-product{margin-left:0;margin-right:1.25rem}.lang-rtl .wishlist-list-item .dropdown-menu{right:inherit;left:1.25rem}.lang-rtl .wishlist-list-item-right .dropdown-menu>button{text-align:right}/** * Copyright since 2007 PrestaShop SA and Contributors * PrestaShop is an International Registered Trademark & Property of PrestaShop SA * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License version 3.0 * that is bundled with this package in the file LICENSE.md. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * @author PrestaShop SA and Contributors * @copyright Since 2007 PrestaShop SA and Contributors * @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0 */ .homeslider-container{margin-bottom:50px;position:relative;float:left;width:100%}.homeslider{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}.homeslider li{position:absolute;width:100%;left:0;top:0}.homeslider img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}.homeslider .caption{display:block;position:absolute;z-index:2;font-size:1em;text-shadow:none;color:#fff;background:#000;background:rgb(0 0 0 / .6);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none}.homeslider_nav{position:absolute;-webkit-tap-highlight-color:#fff0;top:52%;left:0;opacity:.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:#fff0 url(data:image/gif;base64,R0lGODdhTAA9APQAABAQEDAwMO/v78/Pz7+/v39/f6+vr1BQUCAgIGBgYJ+fn0BAQN/f33BwcI+Pj////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAATAA9AAAF5CAkjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgsGo/IpHLJbDqf0Kh0Sq1ar9haIODbIgGEx2PACz8IgCJgIBYvdIH2OD1UyMk7s1gxLMgFCDwAAnIFQQlyD289cXIJPwGEbYY/DX9cgpJiBkJ2bQJ0OnoPDKE/a3IEO41tmEKsYq43g3IORH6fpjcHiY9BvHIHPbhiArI8kYU/nmKlPqhtnKds0T7Mc0G0kzyWn4Gvmg/fOAiJi0OIrTrlbb5FCwYEwjsHBgbzWfn6+/z9/v8AAwocSLCgwYMIEypcyLChQykhAAA7) no-repeat left top;margin-top:-45px}.homeslider_nav:active{opacity:1}.homeslider_nav.next{left:auto;background-position:right top;right:0}