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

/* Pseudo-element icons generated by the theme (dropdown carets, breadcrumb
   separators, small chevrons etc.) need weight 900 so they actually render
   in FA Free — Regular (400) contains only ~170 glyphs and none of the
   chevron / caret / arrow icons the theme relies on. */
.menu-item-has-children > a::after,
.menu-item-has-children a::after,
.has-children > a::after,
.has-dropdown > a::after,
.has-megamenu::after,
.has-megamenu:after,
.dropdown-toggle::after,
.axil-category > a::after,
.breadcrumb-item + .breadcrumb-item::before,
[class*="category"] > a::after,
[class*="dropdown"] > a::after,
[class*="has-"]::after,
[class*="has-"]:after {
    font-weight: 900 !important;
    font-family: "Font Awesome 6 Free" !important;
}

/* Sidebar filter widget toggle icons.
   The theme hardcodes "Font Awesome 5 Pro" on .title::before (which isn't loaded),
   so the + / − collapse indicators render as empty boxes. Force FA6 Free Solid
   so \f067 (plus) and \f068 (minus) actually appear. */
.toggle-list .title::before,
.toggle-list.active .title::before,
.title::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/*
 * Font Awesome compatibility shim.
 * Original project used Font Awesome 6 Pro (fal=Light, far=Regular, fas=Solid, fab=Brands).
 * Pro fonts are commercial and weren't in the archive.
 *
 * FA6 Free only ships Solid (900) + Brands (400) with the full icon set.
 * FA6 Free Regular (400) exists but contains only ~170 icons — most things like
 * "search", "heart", "eye", "arrow-up", "times", "watch" are missing from it,
 * which is why some icons were still empty boxes before.
 *
 * We route everything (fal / far / fas) to Solid (900) and fab to Brands.
 */

.fal, .fa-light,
.far, .fa-regular,
.fas, .fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Legacy aliases / renames between FA5 and FA6. Map the old names to the new glyphs. */
.fa-long-arrow-right::before { content: "\f178"; } /* -> arrow-right-long */
.fa-search::before           { content: "\f002"; } /* -> magnifying-glass */
.fa-search-plus::before      { content: "\f00e"; }
.fa-shopping-basket::before  { content: "\f291"; } /* -> basket-shopping */
.fa-shopping-cart::before    { content: "\f07a"; } /* -> cart-shopping */
.fa-map-marker-alt::before   { content: "\f3c5"; } /* -> location-dot */
.fa-phone-alt::before        { content: "\f879"; } /* -> phone-flip */
.fa-times::before            { content: "\f00d"; } /* -> xmark */
.fa-watch::before            { content: "\f017"; } /* Pro-only, fallback to clock */
.fa-envelope-open::before    { content: "\f2b6"; }
.fa-heart::before            { content: "\f004"; }
.fa-eye::before              { content: "\f06e"; }
.fa-star::before             { content: "\f005"; }
.fa-quote-left::before       { content: "\f10d"; }
.fa-bars::before             { content: "\f0c9"; }
.fa-check::before            { content: "\f00c"; }
.fa-arrow-up::before         { content: "\f062"; }
.fa-angle-down::before       { content: "\f107"; }
.fa-angle-right::before      { content: "\f105"; }
.fa-angle-left::before       { content: "\f104"; }
.fa-angle-up::before         { content: "\f106"; }

/* === assets/css/vendor/flaticon/flaticon.css === */
/*
 * Flaticon compatibility shim.
 * The original project shipped a custom icon font ("flaticon.ttf/woff/woff2/eot/svg")
 * that was NOT included in the uploaded archive — only the .css remained.
 * To avoid missing-icon boxes, every flaticon-* class is re-mapped here to a
 * visually-equivalent Font Awesome 6 Free icon (loaded via the CDN in the <head>).
 * This means the existing HTML (e.g. <i class="flaticon-heart"></i>) keeps working.
 */

/* Render any flaticon-* element with the Font Awesome Free font. */
i[class^="flaticon-"]::before,
i[class*=" flaticon-"]::before,
[class^="flaticon-"]::before,
[class*=" flaticon-"]::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important; /* Solid — matches the filled look of the originals */
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* Brand-style flaticon icons need the Brands family. */
.flaticon-facebook::before,
.flaticon-twitter::before,
.flaticon-linkedin::before,
.flaticon-behance::before,
.flaticon-youtube::before,
.flaticon-spotify::before,
.flaticon-odnoklassniki::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* --- Icon character mappings (Font Awesome 6 Free unicode values) --- */
.flaticon-arrow-down::before        { content: "\f063"; } /* arrow-down */
.flaticon-shopping-cart::before     { content: "\f07a"; } /* cart-shopping */
.flaticon-person::before            { content: "\f007"; } /* user */
.flaticon-magnifying-glass::before  { content: "\f002"; } /* magnifying-glass */
.flaticon-right-arrow::before       { content: "\f061"; } /* arrow-right */
.flaticon-close::before             { content: "\f00d"; } /* xmark */
.flaticon-left-arrow::before        { content: "\f060"; } /* arrow-left */
.flaticon-exchange::before          { content: "\f362"; } /* right-left */
.flaticon-visibility::before        { content: "\f06e"; } /* eye */
.flaticon-heart::before             { content: "\f004"; } /* heart */
.flaticon-24-hours::before          { content: "\f017"; } /* clock */
.flaticon-award::before             { content: "\f559"; }
.flaticon-behance::before           { content: "\f1b4"; }
.flaticon-box::before               { content: "\f466"; }
.flaticon-calendar::before          { content: "\f133"; }
.flaticon-calendar-1::before        { content: "\f073"; }
.flaticon-call::before              { content: "\f095"; } /* phone */
.flaticon-cashback::before          { content: "\f53a"; } /* money-bill-wave */
.flaticon-chat::before              { content: "\f075"; } /* comment */
.flaticon-credit-card::before       { content: "\f09d"; }
.flaticon-earphones::before         { content: "\f025"; } /* headphones */
.flaticon-ellipsis::before          { content: "\f141"; }
.flaticon-envelope::before          { content: "\f0e0"; }
.flaticon-envelope-1::before        { content: "\f2b6"; } /* envelope-open */
.flaticon-expand::before            { content: "\f065"; }
.flaticon-facebook::before          { content: "\f09a"; }
.flaticon-headphones::before        { content: "\f025"; }
.flaticon-id-card::before           { content: "\f2c2"; }
.flaticon-key::before               { content: "\f084"; }
.flaticon-linkedin::before          { content: "\f08c"; }
.flaticon-list::before              { content: "\f03a"; }
.flaticon-location-marker::before   { content: "\f3c5"; } /* location-dot */
.flaticon-lock::before              { content: "\f023"; }
.flaticon-map::before               { content: "\f279"; }
.flaticon-menu::before              { content: "\f0c9"; } /* bars */
.flaticon-menu-1::before            { content: "\f0c9"; }
.flaticon-menu-2::before            { content: "\f0c9"; }
.flaticon-menu-bar::before          { content: "\f0c9"; }
.flaticon-minus::before             { content: "\f068"; }
.flaticon-more::before              { content: "\f142"; } /* ellipsis-vertical */
.flaticon-odnoklassniki::before     { content: "\f263"; }
.flaticon-plus::before              { content: "\2b"; }
.flaticon-points::before            { content: "\f5a2"; } /* medal */
.flaticon-product-return::before    { content: "\f2f9"; } /* rotate-right */
.flaticon-quality::before           { content: "\f058"; } /* circle-check */
.flaticon-quote::before             { content: "\f10d"; } /* quote-left */
.flaticon-reply::before             { content: "\f3e5"; }
.flaticon-shop::before              { content: "\f54e"; } /* store */
.flaticon-spotify::before           { content: "\f1bc"; }
.flaticon-star::before              { content: "\f005"; }
.flaticon-star-1::before            { content: "\f005"; }
.flaticon-suitcase::before          { content: "\f0f2"; }
.flaticon-tag::before               { content: "\f02b"; }
.flaticon-tick::before              { content: "\f00c"; } /* check */
.flaticon-time::before              { content: "\f017"; } /* clock */
.flaticon-truck::before             { content: "\f0d1"; }
.flaticon-twitter::before           { content: "\f099"; }
.flaticon-van::before               { content: "\f0d1"; } /* truck */
.flaticon-virus::before             { content: "\e074"; }
.flaticon-warning-sign::before      { content: "\f071"; } /* triangle-exclamation */
.flaticon-youtube::before           { content: "\f167"; }

/* === assets/css/vendor/slick.css === */
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/* === assets/css/vendor/slick-theme.css === */
/* Slider */
.slick-loading .slick-list {
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}


/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}
/* === assets/css/vendor/jquery-ui.min.css === */
/*! jQuery UI - v1.12.1 - 2017-07-09
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=redmond&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fad42e&bgImgOpacityHighlight=55&bgTextureHighlight=flat&bgColorHighlight=fbec88&iconColorActive=f9bd01&fcActive=e17009&borderColorActive=79b7e7&bgImgOpacityActive=100&bgTextureActive=inset_hard&bgColorActive=f5f8f9&iconColorHover=217bc0&fcHover=1d5987&borderColorHover=79b7e7&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=d0e5f5&iconColorDefault=6da8d5&fcDefault=2e6e9e&borderColorDefault=c5dbec&bgImgOpacityDefault=85&bgTextureDefault=glass&bgColorDefault=dfeffc&iconColorContent=469bdd&fcContent=222222&borderColorContent=a6c9e2&bgImgOpacityContent=100&bgTextureContent=inset_hard&bgColorContent=fcfdfd&iconColorHeader=d8e7f3&fcHeader=ffffff&borderColorHeader=4297d7&bgImgOpacityHeader=55&bgTextureHeader=gloss_wave&bgColorHeader=5c9ccc&cornerRadius=5px&fsDefault=1.1em&fwDefault=bold&ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.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-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;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Lucida Grande,Lucida Sans,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:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5dbec}.ui-widget-content{border:1px solid #a6c9e2;background:#fcfdfd url("vendor/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;background:#5c9ccc url("vendor/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5dbec;background:#dfeffc url("vendor/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#2e6e9e}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#2e6e9e;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,.ui-button:hover,.ui-button:focus{border:1px solid #79b7e7;background:#d0e5f5 url("vendor/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1d5987}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#1d5987;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #79b7e7;background:#f5f8f9 url("vendor/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#e17009}.ui-icon-background,.ui-state-active .ui-icon-background{border:#79b7e7;background-color:#e17009}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88;color:#363636}.ui-state-checked{border:1px solid #fad42e;background:#fbec88}.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("vendor/images/ui-bg_glass_95_fef1ec_1x400.png") 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:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.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("vendor/images/ui-icons_469bdd_256x240.png")}.ui-widget-header .ui-icon{background-image:url("vendor/images/ui-icons_d8e7f3_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("vendor/images/ui-icons_217bc0_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("vendor/images/ui-icons_f9bd01_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("vendor/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("vendor/images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("vendor/images/ui-icons_6da8d5_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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:5px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:5px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}
/* === assets/css/vendor/sal.css === */
[data-sal]{transition-duration:.2s;transition-duration:var(--sal-duration,.2s);transition-delay:0s;transition-delay:var(--sal-delay,0s);transition-timing-function:ease;transition-timing-function:var(--sal-easing,ease)}[data-sal][data-sal-duration="200"]{transition-duration:.2s}[data-sal][data-sal-duration="250"]{transition-duration:.25s}[data-sal][data-sal-duration="300"]{transition-duration:.3s}[data-sal][data-sal-duration="350"]{transition-duration:.35s}[data-sal][data-sal-duration="400"]{transition-duration:.4s}[data-sal][data-sal-duration="450"]{transition-duration:.45s}[data-sal][data-sal-duration="500"]{transition-duration:.5s}[data-sal][data-sal-duration="550"]{transition-duration:.55s}[data-sal][data-sal-duration="600"]{transition-duration:.6s}[data-sal][data-sal-duration="650"]{transition-duration:.65s}[data-sal][data-sal-duration="700"]{transition-duration:.7s}[data-sal][data-sal-duration="750"]{transition-duration:.75s}[data-sal][data-sal-duration="800"]{transition-duration:.8s}[data-sal][data-sal-duration="850"]{transition-duration:.85s}[data-sal][data-sal-duration="900"]{transition-duration:.9s}[data-sal][data-sal-duration="950"]{transition-duration:.95s}[data-sal][data-sal-duration="1000"]{transition-duration:1s}[data-sal][data-sal-duration="1050"]{transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{transition-duration:2s}[data-sal][data-sal-delay="50"]{transition-delay:.05s}[data-sal][data-sal-delay="100"]{transition-delay:.1s}[data-sal][data-sal-delay="150"]{transition-delay:.15s}[data-sal][data-sal-delay="200"]{transition-delay:.2s}[data-sal][data-sal-delay="250"]{transition-delay:.25s}[data-sal][data-sal-delay="300"]{transition-delay:.3s}[data-sal][data-sal-delay="350"]{transition-delay:.35s}[data-sal][data-sal-delay="400"]{transition-delay:.4s}[data-sal][data-sal-delay="450"]{transition-delay:.45s}[data-sal][data-sal-delay="500"]{transition-delay:.5s}[data-sal][data-sal-delay="550"]{transition-delay:.55s}[data-sal][data-sal-delay="600"]{transition-delay:.6s}[data-sal][data-sal-delay="650"]{transition-delay:.65s}[data-sal][data-sal-delay="700"]{transition-delay:.7s}[data-sal][data-sal-delay="750"]{transition-delay:.75s}[data-sal][data-sal-delay="800"]{transition-delay:.8s}[data-sal][data-sal-delay="850"]{transition-delay:.85s}[data-sal][data-sal-delay="900"]{transition-delay:.9s}[data-sal][data-sal-delay="950"]{transition-delay:.95s}[data-sal][data-sal-delay="1000"]{transition-delay:1s}[data-sal][data-sal-easing=linear]{transition-timing-function:linear}[data-sal][data-sal-easing=ease]{transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;transition-property:opacity,transform}[data-sal=slide-up]{transform:translateY(20%)}[data-sal=slide-down]{transform:translateY(-20%)}[data-sal=slide-left]{transform:translateX(20%)}[data-sal=slide-right]{transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;transform:none}[data-sal|=zoom]{opacity:0;transition-property:opacity,transform}[data-sal=zoom-in]{transform:scale(.5)}[data-sal=zoom-out]{transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-sal=flip-left]{transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{transform:none}

/* === assets/css/vendor/magnific-popup.css === */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* === assets/css/vendor/base.css === */

/* Page Loader */
.animation-block {
	position: relative;
}
.js .loading::before {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.js .loading::after {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5, 0.5, 1);
	}
}


.animation-block a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

.frame {
	padding: 3rem 5vw;
	text-align: center;
	font-size: 0.8rem;
}

.frame__title {
	font-size: inherit;
	margin: 0 0 1rem;
	font-weight: normal;
}

.frame__links {
	display: inline;
}

.frame__links a {
	text-transform: lowercase;
}

.frame__links a:not(:last-child) {
	margin-right: 1rem;
}


.animation-block.block {
	text-transform: lowercase;
	padding: 0 4rem 20vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.block__title {
	position: relative;
	font-size: 1rem;
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 0;
	cursor: pointer;
	font-family: titling-gothic-fb-wide, sans-serif;
	font-weight: 700;
	color: var(--color-blocktitle);
}

.block__title:hover {
	color: var(--color-blocktitle-hover);
}

.block__link {
	position: relative;
	cursor: pointer;
	padding: 0.5rem 0;
	color: var(--color-blocklink);
}

.block__link:hover {
	color: var(--color-blocklink-hover);
}

.block__title span,
.block__link span,
.content__text-link span {
	display: inline-block;
	white-space: pre;
}

.content__text {
	padding: 0 5vw 25vh;
	line-height: 2;
	color: var(--color-text);
}

.content__text-link {
	position: relative;
	font-weight: bold;
	cursor: pointer;
}

.content__text-link:first-of-type,
.content__text-link:nth-of-type(11),
.content__text-link:nth-of-type(21) {
	color: #f7e300;
}

.content__text-link:nth-of-type(2),
.content__text-link:nth-of-type(12),
.content__text-link:nth-of-type(22) {
	color: #002df7;
}

.content__text-link:nth-of-type(3),
.content__text-link:nth-of-type(13),
.content__text-link:nth-of-type(23) {
	color: #e51679;
}

.content__text-link:nth-of-type(4),
.content__text-link:nth-of-type(14) {
	color: #fff;
}

.content__text-link:nth-of-type(5),
.content__text-link:nth-of-type(15) {
	color: #00f73d;
}

.content__text-link:nth-of-type(6),
.content__text-link:nth-of-type(16) {
	color: #00e8f7;
}

.content__text-link:nth-of-type(7),
.content__text-link:nth-of-type(17) {
	color: #a753eb;
}

.content__text-link:nth-of-type(8),
.content__text-link:nth-of-type(18) {
	color: #ff2626;
}

.content__text-link:nth-of-type(9),
.content__text-link:nth-of-type(19) {
	color: #eb8e53;
}

.content__text-link:nth-of-type(10),
.content__text-link:nth-of-type(20) {
	color: #ff00e7;
}

.animation-block.block[data-fx="1"] a::after,
a.content__text-link[data-fx="1"]::after,
.animation-block.block[data-fx="2"] a::after,
a.content__text-link[data-fx="2"]::after {
	content: '';
	z-index: -1;
	width: 100%;
	bottom: 0.25rem;
	left: 0;
	position: absolute;
	height: 2px;
	background: currentColor;
	transform: scale3d(0, 1, 1);
	transform-origin: 0% 50%;
	transition: transform 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}

a.content__text-link[data-fx="1"]::after,
a.content__text-link[data-fx="2"]::after {
	bottom: 0;
}

.animation-block.block[data-fx="1"] a:hover::after,
a.content__text-link[data-fx="1"]:hover::after,
.animation-block.block[data-fx="2"] a:hover::after,
a.content__text-link[data-fx="2"]:hover::after {
	transform: scale3d(1, 1, 1)
}

.animation-block.block[data-fx="6"] a::after,
a.content__text-link[data-fx="6"]::after {
	content: '';
	z-index: -1;
	width: 100%;
	bottom: 0.25rem;
	left: 0;
	position: absolute;
	height: 2px;
	background: currentColor;
	transform: scale3d(0, 1, 1);
	transform-origin: 100% 50%;
	transition: transform 0.7s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

a.content__text-link[data-fx="6"]::after {
	bottom: 0;
}

.animation-block.block[data-fx="6"] a:hover::after,
a.content__text-link[data-fx="6"]:hover::after {
	transform: scale3d(1, 1, 1)
}

.animation-block.block[data-fx="14"] a::after,
a.content__text-link[data-fx="14"]::after {
	content: '';
	z-index: -1;
	width: 100%;
	bottom: 0.25rem;
	left: 0;
	position: absolute;
	height: 2px;
	background: currentColor;
	transform: scale3d(0, 1, 1);
	transform-origin: 0% 50%;
}

a.content__text-link[data-fx="14"]::after {
	bottom: 0;
}

.animation-block.block[data-fx="14"] a:hover::after,
a.content__text-link[data-fx="14"]:hover::after {
	animation: loop 0.5s infinite;
}

@keyframes loop {
	0% {
		transform-origin: 0% 50%;
		transform: scale3d(0, 1, 1);
	}

	50% {
		transform-origin: 0% 50%;
		transform: scale3d(1, 1, 1);
	}

	51% {
		transform-origin: 100% 50%;
	}

	100% {
		transform-origin: 100% 50%;
		transform: scale3d(0, 1, 1);
	}
}

.hover-reveal {
	position: fixed;
	width: 200px;
	height: 150px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.hover-reveal__deco {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #181314;
}

.hover-reveal__img {
	background-size: cover;
	background-position: 50% 50%;
}

@media screen and (min-width: 53em) {
	.message {
		display: none;
	}

	.frame {
		position: fixed;
		text-align: left;
		z-index: 10000;
		top: 0;
		left: 0;
		display: grid;
		align-content: space-between;
		width: 100%;
		max-width: none;
		height: 100vh;
		padding: 2rem;
		pointer-events: none;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto auto auto;
		grid-template-areas: 'title links'
			'... ...'
			'... github';
	}

	.frame__title {
		grid-area: title;
		padding: 0;
	}

	.frame__links {
		grid-area: links;
		padding: 0;
		justify-self: end;
	}



	.frame a {
		pointer-events: auto;
	}

	.animation-block.block {
		align-items: flex-start;
	}

	

	.content__text {
		grid-column: span 3;
	}
}
/* === assets/css/style.min.css === */
@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Poppins:wght@400;500;600;700&display=swap";:root{--color-primary: #3577f0;--light-primary: #8c71db;--color-secondary: #ff497c;--color-tertiary: #FAB8C4;--color-white: #ffffff;--color-dark: #27272E;--color-black: #000000;--color-light: #CBD3D9;--color-lighter: #F6F7FB;--color-lightest: #C4C4C4;--color-chart01: #896BA7;--color-chart02: #BADEFF;--color-chart03: #E76458;--color-heading: #292930;--color-body: #777777;--color-border-light: #E3E6E9;--color-border-dark: #42424A;--color-gray: #999FAE;--color-midgray: #878787;--color-extra01: #999FAE;--color-success: #3EB75E;--color-danger: #FF0003;--color-warning: #FF8F3C;--color-info: #1BA2DB;--color-facebook: #3B5997;--color-twitter: #1BA1F2;--color-youtube: #ED4141;--color-linkedin: #0077B5;--color-pinterest: #E60022;--color-instagram: #C231A1;--color-vimeo: #00ADEF;--color-twitch: #6441A3;--color-discord: #7289da;--radius: 6px;--radius-big: 16px;--radius-small: 6px;--border-width: 2px;--border-thin: 1px;--p-light: 300;--p-regular: 400;--p-medium: 500;--p-semi-bold: 600;--p-bold: 700;--p-extra-bold: 800;--p-black: 900;--s-light: 300;--s-regular: 400;--s-medium: 500;--s-bold: 700;--s-black: 900;--shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);--shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);--shadow-dark: 0 16px 32px 0 rgba(0, 0, 0, 0.04);--transition: 0.3s;--font-primary: "DM Sans", sans-serif;--font-secondary: "DM Sans", sans-serif;--font-awesome: "Font Awesome 6 Pro";--font-size-b1: 16px;--font-size-b2: 14px;--font-size-b3: 12px;--line-height-b1: 1.7;--line-height-b2: 1.65;--line-height-b3: 1.6;--h1: 46px;--h2: 36px;--h3: 28px;--h4: 24px;--h5: 20px;--h6: 18px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}a{color:var(--color-heading);text-decoration:none;outline:none}a:hover,a:focus,a:active{text-decoration:none;outline:none;color:var(--color-primary)}a:focus{outline:none}address{margin:0 0 24px}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}mark{background:var(--color-primary);color:#fff}code,kbd,pre,samp{font-size:var(--font-size-b3);-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--color-primary)}kbd,ins{color:#fff}pre{font-family:"Courier 10 Pitch",Courier,monospace;font-size:var(--font-size-b3);margin:10px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;color:var(--color-body);background:var(--color-lighter)}small{font-size:smaller}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl{margin-top:0;margin-bottom:10px}dd{margin:0 15px 15px}dt{font-weight:bold;color:var(--color-heading)}menu,ol,ul{margin:16px 0;padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}li>ul,li>ol{margin:0}ol ul{margin-bottom:0}img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;max-width:100%;height:auto}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid var(--color-border);margin:0 2px;min-width:inherit;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;max-width:100%;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;appearance:textfield;padding-right:2px;width:270px;cursor:text}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}caption,th,td{font-weight:normal}th{font-weight:500;text-transform:uppercase}td,.wp-block-calendar tfoot td{border:1px solid var(--color-border);padding:7px 10px}del{color:#656973}ins{background:rgba(255,47,47,.4);text-decoration:none}hr{background-size:4px 4px;border:0;height:1px;margin:0 0 24px}table a,table a:link,table a:visited{text-decoration:underline}dt{font-weight:bold;margin-bottom:10px}dd{margin:0 15px 15px}caption{caption-side:top}kbd{background:var(--heading-color)}dfn,cite,em{font-style:italic}blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote{font-size:var(--font-size-b1);font-style:italic;font-weight:var(--p-light);margin:24px 40px}blockquote blockquote{margin-right:0}blockquote cite,blockquote small{font-size:var(--font-size-b3);font-weight:normal}blockquote strong,blockquote b{font-weight:700}*{box-sizing:border-box}html{overflow:hidden;overflow-y:auto;margin:0;padding:0;font-size:10px}@media only screen and (min-width: 992px){body.overflow-visible{overflow:visible;overflow-y:visible}}body{font-size:var(--font-size-b1);line-height:var(--line-height-b1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary);color:var(--color-body);font-weight:var(--p-regular);overflow:hidden;overflow-y:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,address,p,pre,blockquote,menu,ol,ul,table,hr{margin:0;margin-bottom:30px}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{word-break:break-word;font-family:var(--font-secondary);line-height:1.3;color:var(--color-heading)}h1,.h1{font-size:var(--h1)}h2,.h2{font-size:var(--h2)}h3,.h3{font-size:var(--h3)}h4,.h4{font-size:var(--h4)}h5,.h5{font-size:var(--h5)}h6,.h6{font-size:var(--h6)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{color:inherit}@media only screen and (min-width: 768px)and (max-width: 991px){h1,.h1{font-size:40px}h2,.h2{font-size:30px}h3,.h3{font-size:26px}h4,.h4{font-size:22px}}@media only screen and (max-width: 767px){h1,.h1{font-size:34px}h2,.h2{font-size:26px}h3,.h3{font-size:24px}h4,.h4{font-size:20px}}h1,.h1,h2,.h2,h3,.h3{font-weight:var(--s-bold)}h4,.h4,h5,.h5{font-weight:var(--s-bold)}h6,.h6{font-weight:var(--s-medium)}h1.b1,h2.b1,h3.b1,h4.b1,h5.b1,h6.b1{font-size:var(--font-size-b1);line-height:var(--line-height-b1)}h1.b2,h2.b2,h3.b2,h4.b2,h5.b2,h6.b2{font-size:var(--font-size-b2);line-height:var(--line-height-b2)}h1.b3,h2.b3,h3.b3,h4.b3,h5.b3,h6.b3{font-size:var(--font-size-b3);line-height:var(--line-height-b3)}p{font-size:var(--font-size-b1);line-height:var(--line-height-b1);font-weight:var(--p-regular);color:var(--color-body);margin:0 0 30px}p.has-large-font-size{line-height:1.5;font-size:36px}p.has-medium-font-size{font-size:24px;line-height:36px}p.has-small-font-size{font-size:13px}p.has-very-light-gray-color{color:var(--color-white)}p.has-background{padding:20px 30px}p.b1{font-size:var(--font-size-b1);line-height:var(--line-height-b1)}p.b2{font-size:var(--font-size-b2);line-height:var(--line-height-b2)}p.b3{font-size:var(--font-size-b3);line-height:var(--line-height-b3)}p:last-child{margin-bottom:0}.b1{font-size:var(--font-size-b1);line-height:var(--line-height-b1)}.b2{font-size:var(--font-size-b2);line-height:var(--line-height-b2)}.b3{font-size:var(--font-size-b3);line-height:var(--line-height-b3)}table{border-collapse:collapse;border-spacing:0;margin:0 0 20px;width:100%}table a,table a:link,table a:visited{text-decoration:none}cite,.wp-block-pullquote cite,.wp-block-pullquote.is-style-solid-color blockquote cite,.wp-block-quote cite{color:var(--heading-color)}var{font-family:"Courier 10 Pitch",Courier,monospace}ul,ol{padding-left:18px}ul{list-style:square;margin-bottom:30px;padding-left:20px}ul.liststyle.bullet li{font-size:18px;line-height:30px;color:var(--color-body);position:relative;padding-left:30px}@media only screen and (max-width: 767px){ul.liststyle.bullet li{padding-left:19px}}ul.liststyle.bullet li::before{position:absolute;content:"";width:6px;height:6px;border-radius:100%;background:var(--color-body);left:0;top:10px}ul.liststyle.bullet li+li{margin-top:8px}ul li{font-size:var(--font-size-b1);line-height:var(--line-height-b1);margin-top:8px;margin-bottom:8px;color:var(--color-body);font-family:var(--font-secondary)}ul li a{text-decoration:none;color:var(--color-heading)}ul li a:hover{color:var(--color-primary)}ul li::marker{color:var(--color-body)}ul ul{margin-bottom:0}ol{margin-bottom:30px}ol li{font-size:var(--font-size-b1);line-height:var(--line-height-b1);color:var(--color-body);margin-top:8px;margin-bottom:8px}ol li a{color:var(--heading-color);text-decoration:none}ol li a:hover{color:var(--color-primary)}ol ul{padding-left:30px}.post-scale,.radius{border-radius:var(--radius)}.copyright-default .quick-link,.comment-list ul.children,.comment-list,.axil-dashboard-address ul,.single-product-content .inner .product-variation .variable-items-wrapper,.single-product-content .inner .product-meta,.axil-shop-sidebar .toggle-list ul,.color-variant,.axil-product .cart-action,.cart-dropdown .cart-item-list,.mainmenu,.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul,.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-menu-list,.header-action>ul>li,.header-top-link .quick-link,.social-share,.main-slider-style-1 .shape-group li,.main-slider-content .item-rating .thumb ul li{padding:0;margin:0;list-style:none}.liststyle{padding:0;margin:0;list-style:none}.widget_rss ul li a,.tagcloud a,.comment-list .comment .reply-edit a.comment-reply-link,.axil-post-meta .post-meta-content .author-title a,.content-blog.format-quote .inner .content blockquote .title a,.content-blog .content .title a,.cart-dropdown .cart-header .cart-close,.header-search-modal .card-close,.header-action .my-account .my-account-dropdown,.pv-single-demo .title,.arrow-both-side-4 .slide-arrow,.arrow-both-side-3 .slide-arrow,.arrow-both-side-2 .slide-arrow,.arrow-both-side .slide-arrow,.arrow-between-side .slide-arrow,input[type=submit],.form-group textarea,.form-group input,#scrollUp,ul li a,ol li a{transition:var(--transition)}.bg_image,.bgImagePosition{background-repeat:no-repeat;background-size:cover;background-position:center center}.post-scale{overflow:hidden}.post-scale img{transition:.5s}.post-scale:hover img{transform:scale(1.1)}@keyframes signalanimation{0%{opacity:1}100%{opacity:0}}@keyframes customOne{from{transform:scale(1)}50%{transform:scale(0.9)}to{transform:scale(1)}}@keyframes customTwo{0%{transform:translate(0px, 0px)}50%{transform:translate(100px, 0px)}100%{transform:translate(50px, 50px)}}.customOne{animation:customOne 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-primary)}70%{box-shadow:0 0 0 20px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@-webkit-keyframes headerSlideDown{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes headerSlideDown{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@-webkit-keyframes slideFadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes slideFadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.slideFadeInUp{-webkit-animation-name:slideFadeInUp;animation-name:slideFadeInUp}@-webkit-keyframes moveVertical{to{opacity:1;-webkit-transform:translateY(0)}}@keyframes moveVertical{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes scrollDown{0%{opacity:0}10%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}@keyframes btnIconSlide{0%{transform:translateY(0)}40%{transform:translateY(-5px);opacity:0}80%{transform:translateY(5px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes prevNavSlide{0%{transform:translateX(0)}40%{transform:translateX(-5px);opacity:0}80%{transform:translateX(5px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes nextNavSlide{0%{transform:translateX(0)}40%{transform:translateX(5px);opacity:0}80%{transform:translateX(-5px);opacity:0}100%{transform:translateX(0);opacity:1}}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.fix{overflow:hidden}.slick-initialized .slick-slide{margin-bottom:-10px}.bg-color-primary{background:var(--color-primary)}.bg-color-secondary{background:var(--color-secondary)}.bg-color-tertiary{background:var(--color-tertiary)}.bg-color-grey{background:#f0f2f5}.bg-color-white{background:#fff}.bg-color-dark{background:var(--color-dark)}.bg-color-lighter{background:var(--color-lighter)}.bg_image--1{background-image:url("../images/bg/bg-image-1.jpg")}.bg_image--2{background-image:url("../images/bg/bg-image-2.jpg")}.bg_image--3{background-image:url("../images/bg/bg-image-3.jpg")}.bg_image--4{background-image:url("../images/bg/bg-image-4.jpg")}.bg_image--5{background-image:url("../images/bg/bg-image-5.jpg")}.bg_image--6{background-image:url("../images/bg/bg-image-6.jpg")}.bg_image--7{background-image:url("../images/bg/bg-image-7.jpg")}.bg_image--8{background-image:url("../images/bg/bg-image-8.jpg")}.bg_image--9{background-image:url("../images/bg/bg-image-9.jpg")}.bg_image--10{background-image:url("../images/bg/bg-image-10.jpg")}.bg_image--11{background-image:url("../images/bg/bg-image-11.jpg")}.bg_image--12{background-image:url("../images/bg/bg-image-12.jpg")}.bg_image--13{background-image:url("../images/bg/bg-image-13.jpg")}.bg_image--14{background-image:url("../images/bg/bg-image-14.jpg")}.bg_image--15{background-image:url("../images/bg/bg-image-15.jpg")}.bg_image--16{background-image:url("../images/bg/bg-image-16.jpg")}.bg_image--17{background-image:url("../images/bg/bg-image-17.jpg")}.bg_image--18{background-image:url("../images/bg/bg-image-18.jpg")}.bg_image--19{background-image:url("../images/bg/bg-image-19.jpg")}.bg_image--20{background-image:url("../images/bg/bg-image-20.jpg")}.fullscreen{min-height:100vh;width:100%}.flex-center{display:flex;align-items:center}.require{color:var(--color-chart03)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:15px;padding-right:15px}.row{margin-right:-15px;margin-left:-15px}.row>[class*=col]{padding-left:15px;padding-right:15px}.row--0{margin-left:0px;margin-right:0px}.row--0>[class*=col]{padding-left:0px;padding-right:0px}.row--5{margin-left:-5px;margin-right:-5px}.row--5>[class*=col]{padding-left:5px;padding-right:5px}.row--10{margin-left:-10px;margin-right:-10px}.row--10>[class*=col]{padding-left:10px;padding-right:10px}.row--20{margin-left:-20px;margin-right:-20px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--20{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--20{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--20{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--20{margin-left:-15px !important;margin-right:-15px !important}}.row--20>[class*=col],.row--20>[class*=col-]{padding-left:20px;padding-right:20px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--20>[class*=col],.row--20>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--20>[class*=col],.row--20>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--20>[class*=col],.row--20>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--20>[class*=col],.row--20>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}.row--25{margin-left:-25px;margin-right:-25px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--25{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--25{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--25{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--25{margin-left:-15px !important;margin-right:-15px !important}}.row--25>[class*=col],.row--25>[class*=col-]{padding-left:25px;padding-right:25px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--25>[class*=col],.row--25>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--25>[class*=col],.row--25>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--25>[class*=col],.row--25>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--25>[class*=col],.row--25>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}.row--30{margin-left:-30px;margin-right:-30px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--30{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--30{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--30{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--30{margin-left:-15px !important;margin-right:-15px !important}}.row--30>[class*=col],.row--30>[class*=col-]{padding-left:30px;padding-right:30px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--30>[class*=col],.row--30>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--30>[class*=col],.row--30>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--30>[class*=col],.row--30>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--30>[class*=col],.row--30>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}.row--45{margin-left:-45px;margin-right:-45px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--45{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--45{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--45{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--45{margin-left:-15px !important;margin-right:-15px !important}}.row--45>[class*=col],.row--45>[class*=col-]{padding-left:45px;padding-right:45px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--45>[class*=col],.row--45>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--45>[class*=col],.row--45>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--45>[class*=col],.row--45>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--45>[class*=col],.row--45>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}.row--40{margin-left:-40px;margin-right:-40px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--40{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--40{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--40{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--40{margin-left:-15px !important;margin-right:-15px !important}}.row--40>[class*=col],.row--40>[class*=col-]{padding-left:40px;padding-right:40px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--40>[class*=col],.row--40>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--40>[class*=col],.row--40>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--40>[class*=col],.row--40>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--40>[class*=col],.row--40>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}.row--50{margin-left:-50px;margin-right:-50px}@media only screen and (min-width: 1400px)and (max-width: 1599px){.row--50{margin-left:-30px;margin-right:-30px}}@media only screen and (min-width: 1200px)and (max-width: 1399px){.row--50{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--50{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--50{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--50{margin-left:-15px !important;margin-right:-15px !important}}.row--50>[class*=col],.row--50>[class*=col-]{padding-left:50px;padding-right:50px}@media only screen and (min-width: 1400px)and (max-width: 1599px){.row--50>[class*=col],.row--50>[class*=col-]{padding-left:30px;padding-right:30px}}@media only screen and (min-width: 1200px)and (max-width: 1399px){.row--50>[class*=col],.row--50>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--50>[class*=col],.row--50>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--50>[class*=col],.row--50>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--50>[class*=col],.row--50>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}.row--60{margin-left:-60px;margin-right:-60px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--60{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--60{margin-left:-15px;margin-right:-15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--60{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width: 767px){.row--60{margin-left:-15px !important;margin-right:-15px !important}}.row--60>[class*=col],.row--60>[class*=col-]{padding-left:60px;padding-right:60px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.row--60>[class*=col],.row--60>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.row--60>[class*=col],.row--60>[class*=col-]{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 768px)and (max-width: 991px){.row--60>[class*=col],.row--60>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}@media only screen and (max-width: 767px){.row--60>[class*=col],.row--60>[class*=col-]{padding-left:15px !important;padding-right:15px !important}}input:-moz-placeholder,textarea:-moz-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}[data-overlay],[data-black-overlay],[data-white-overlay]{position:relative}[data-overlay]>div,[data-overlay]>*,[data-black-overlay]>div,[data-black-overlay]>*,[data-white-overlay]>div,[data-white-overlay]>*{position:relative;z-index:2}[data-overlay]:before,[data-black-overlay]:before,[data-white-overlay]:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:2}[data-overlay]:before{background-color:var(--color-primary)}[data-black-overlay]:before{background-color:#000}[data-white-overlay]:before{background-color:#fff}[data-overlay="1"]:before,[data-black-overlay="1"]:before,[data-white-overlay="1"]:before{opacity:0.1}[data-overlay="2"]:before,[data-black-overlay="2"]:before,[data-white-overlay="2"]:before{opacity:0.2}[data-overlay="3"]:before,[data-black-overlay="3"]:before,[data-white-overlay="3"]:before{opacity:0.3}[data-overlay="4"]:before,[data-black-overlay="4"]:before,[data-white-overlay="4"]:before{opacity:0.4}[data-overlay="5"]:before,[data-black-overlay="5"]:before,[data-white-overlay="5"]:before{opacity:0.5}[data-overlay="6"]:before,[data-black-overlay="6"]:before,[data-white-overlay="6"]:before{opacity:0.6}[data-overlay="7"]:before,[data-black-overlay="7"]:before,[data-white-overlay="7"]:before{opacity:0.7}[data-overlay="8"]:before,[data-black-overlay="8"]:before,[data-white-overlay="8"]:before{opacity:0.8}[data-overlay="9"]:before,[data-black-overlay="9"]:before,[data-white-overlay="9"]:before{opacity:0.9}[data-overlay="10"]:before,[data-black-overlay="10"]:before,[data-white-overlay="10"]:before{opacity:1}#scrollUp{width:70px;height:80px;right:100px;bottom:60px;text-align:center;z-index:9811 !important;text-decoration:none;background:#fff;line-height:80px;color:#757589;font-size:15px;font-weight:400;display:inline-block;background:#fff}@media only screen and (min-width: 768px)and (max-width: 991px){#scrollUp{right:20px;bottom:40px}}@media only screen and (max-width: 767px){#scrollUp{right:20px;bottom:40px}}#scrollUp::before{width:100%;height:100%;left:0;bottom:0;background:rgba(0,2,72,.1);content:"";position:absolute;z-index:-1;transform-style:preserve-3d;transform:rotateY(-10deg);filter:blur(50px)}#scrollUp::after{background:#fff;position:absolute;content:"";top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:-1;transform-style:preserve-3d;transform:rotateY(-10deg)}@media only screen and (max-width: 767px){#scrollUp{right:20px;bottom:30px;width:50px;height:60px;line-height:60px}}#scrollUp span.text{position:relative;display:inline-block;margin-top:7px}@media only screen and (max-width: 767px){#scrollUp span.text{margin-top:3px}}#scrollUp span.text::after{width:0;height:0;border-style:solid;border-width:0 5px 7px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--color-primary) rgba(0,0,0,0);position:absolute;content:"";left:50%;top:21%;transform:translateX(-50%)}#scrollUp:hover span.text{color:var(--color-primary)}.form-message{margin-bottom:0;text-align:center}.form-message.error{margin-top:20px;color:#f80707}.form-message.success{margin-top:20px;color:#0d8d2d}.bg-gradient-1{background-image:radial-gradient(134.22% 147.34% at -14.53% -24.7%, #FFFFFF 0%, #FEEBED 100%)}.bg-gradient-2{background:radial-gradient(77.67% 226.43% at 30.03% 4.61%, #FFFFFF 0%, #F1E6FF 100%)}.bg-gradient-3{background:radial-gradient(119.73% 312.23% at 62.29% -39.18%, #FFFFFF 0%, #F0E6FF 100%)}.bg-gradient-4{background-image:radial-gradient(115.16% 203.59% at 65.89% 10.39%, #FFFFFF 0%, #FEEBED 100%)}.bg-gradient-5{background-image:radial-gradient(106.12% 118.09% at 67.29% -3.46%, #FFFFFF 0%, #FEEBED 100%)}.bg-gradient-6{background-image:radial-gradient(53.86% 87.31% at 67.29% -3.46%, #FFFFFF 0%, #FEEBED 100%)}.bg-gradient-7{background-image:radial-gradient(95.25% 95.25% at 50% 4.75%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)}.bg-gradient-8{background:radial-gradient(171.05% 478.76% at 62.29% -39.18%, #FFFFFF 0%, #F0E6FF 100%)}.bg-primary{background-color:var(--color-primary)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-2{background-color:#ffecee}.bg-lightest{background-color:var(--color-lightest)}.bg-lighter{background-color:var(--color-lighter)}.bg-vista-white{background-color:#f9f3f0}.bg-wild-sand{background-color:#f6f6f6}.primary-color{color:var(--color-primary)}.secondary-color{color:var(--color-secondary)}.tertiary-color{color:var(--color-tertiary)}.black-color{color:var(--color-black)}.white-color{color:var(--color-white)}.heading-color{color:var(--color-heading)}.d-flex-center{display:flex;flex-wrap:wrap;align-items:center}@media only screen and (min-width: 992px){.overflow-md-visible{overflow:visible !important}}input,button,select,textarea{background:var(--color-lighter);border:1px solid var(--color-border);transition:all .4s ease-out 0s;color:var(--color-heading);width:100%}input:focus,input:active,button:focus,button:active,select:focus,select:active,textarea:focus,textarea:active{outline:none;border-color:var(--color-primary)}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}input{height:40px;padding:0 15px}select,.select2{cursor:pointer;transition:.3s;height:55px;padding:0 30px;outline:none;color:var(--color-body);-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid var(--color-border-light);border-radius:6px;background:url("../images/icons/arrow-icon.png") 95% center no-repeat rgba(0,0,0,0);padding-right:32px;font-size:var(--font-size-b1);line-height:var(--line-height-b1);font-family:var(--font-secondary)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],textarea{font-size:var(--font-size-b2);font-weight:400;height:auto;line-height:60px;background:#fff;-webkit-box-shadow:none;box-shadow:none;padding:0 30px;outline:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:var(--color-body);opacity:1}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--color-body)}input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--color-body)}input[type=text].p-holder__active,.input-active input[type=text],input[type=text].input-active,input[type=password].p-holder__active,.input-active input[type=password],input[type=password].input-active,input[type=email].p-holder__active,.input-active input[type=email],input[type=email].input-active,input[type=number].p-holder__active,.input-active input[type=number],input[type=number].input-active,input[type=tel].p-holder__active,.input-active input[type=tel],input[type=tel].input-active,textarea.p-holder__active,textarea.input-active{border-color:var(--color-primary)}input[type=text].p-holder__active::placeholder,.input-active input[type=text]::placeholder,input[type=text].input-active::placeholder,input[type=password].p-holder__active::placeholder,.input-active input[type=password]::placeholder,input[type=password].input-active::placeholder,input[type=email].p-holder__active::placeholder,.input-active input[type=email]::placeholder,input[type=email].input-active::placeholder,input[type=number].p-holder__active::placeholder,.input-active input[type=number]::placeholder,input[type=number].input-active::placeholder,input[type=tel].p-holder__active::placeholder,.input-active input[type=tel]::placeholder,input[type=tel].input-active::placeholder,textarea.p-holder__active::placeholder,textarea.input-active::placeholder{color:var(--color-primary);opacity:1}input[type=text].p-holder__active:-ms-input-placeholder,.input-active input[type=text]:-ms-input-placeholder,input[type=text].input-active:-ms-input-placeholder,input[type=password].p-holder__active:-ms-input-placeholder,.input-active input[type=password]:-ms-input-placeholder,input[type=password].input-active:-ms-input-placeholder,input[type=email].p-holder__active:-ms-input-placeholder,.input-active input[type=email]:-ms-input-placeholder,input[type=email].input-active:-ms-input-placeholder,input[type=number].p-holder__active:-ms-input-placeholder,.input-active input[type=number]:-ms-input-placeholder,input[type=number].input-active:-ms-input-placeholder,input[type=tel].p-holder__active:-ms-input-placeholder,.input-active input[type=tel]:-ms-input-placeholder,input[type=tel].input-active:-ms-input-placeholder,textarea.p-holder__active:-ms-input-placeholder,textarea.input-active:-ms-input-placeholder{color:var(--color-primary)}input[type=text].p-holder__active::-ms-input-placeholder,.input-active input[type=text]::-ms-input-placeholder,input[type=text].input-active::-ms-input-placeholder,input[type=password].p-holder__active::-ms-input-placeholder,.input-active input[type=password]::-ms-input-placeholder,input[type=password].input-active::-ms-input-placeholder,input[type=email].p-holder__active::-ms-input-placeholder,.input-active input[type=email]::-ms-input-placeholder,input[type=email].input-active::-ms-input-placeholder,input[type=number].p-holder__active::-ms-input-placeholder,.input-active input[type=number]::-ms-input-placeholder,input[type=number].input-active::-ms-input-placeholder,input[type=tel].p-holder__active::-ms-input-placeholder,.input-active input[type=tel]::-ms-input-placeholder,input[type=tel].input-active::-ms-input-placeholder,textarea.p-holder__active::-ms-input-placeholder,textarea.input-active::-ms-input-placeholder{color:var(--color-primary)}input[type=text].p-holder__error,.input-error input[type=text],input[type=text].input-error,input[type=password].p-holder__error,.input-error input[type=password],input[type=password].input-error,input[type=email].p-holder__error,.input-error input[type=email],input[type=email].input-error,input[type=number].p-holder__error,.input-error input[type=number],input[type=number].input-error,input[type=tel].p-holder__error,.input-error input[type=tel],input[type=tel].input-error,textarea.p-holder__error,textarea.input-error{border-color:#f4282d}input[type=text].p-holder__error::placeholder,.input-error input[type=text]::placeholder,input[type=text].input-error::placeholder,input[type=password].p-holder__error::placeholder,.input-error input[type=password]::placeholder,input[type=password].input-error::placeholder,input[type=email].p-holder__error::placeholder,.input-error input[type=email]::placeholder,input[type=email].input-error::placeholder,input[type=number].p-holder__error::placeholder,.input-error input[type=number]::placeholder,input[type=number].input-error::placeholder,input[type=tel].p-holder__error::placeholder,.input-error input[type=tel]::placeholder,input[type=tel].input-error::placeholder,textarea.p-holder__error::placeholder,textarea.input-error::placeholder{color:#f4282d;opacity:1}input[type=text].p-holder__error:-ms-input-placeholder,.input-error input[type=text]:-ms-input-placeholder,input[type=text].input-error:-ms-input-placeholder,input[type=password].p-holder__error:-ms-input-placeholder,.input-error input[type=password]:-ms-input-placeholder,input[type=password].input-error:-ms-input-placeholder,input[type=email].p-holder__error:-ms-input-placeholder,.input-error input[type=email]:-ms-input-placeholder,input[type=email].input-error:-ms-input-placeholder,input[type=number].p-holder__error:-ms-input-placeholder,.input-error input[type=number]:-ms-input-placeholder,input[type=number].input-error:-ms-input-placeholder,input[type=tel].p-holder__error:-ms-input-placeholder,.input-error input[type=tel]:-ms-input-placeholder,input[type=tel].input-error:-ms-input-placeholder,textarea.p-holder__error:-ms-input-placeholder,textarea.input-error:-ms-input-placeholder{color:#f4282d}input[type=text].p-holder__error::-ms-input-placeholder,.input-error input[type=text]::-ms-input-placeholder,input[type=text].input-error::-ms-input-placeholder,input[type=password].p-holder__error::-ms-input-placeholder,.input-error input[type=password]::-ms-input-placeholder,input[type=password].input-error::-ms-input-placeholder,input[type=email].p-holder__error::-ms-input-placeholder,.input-error input[type=email]::-ms-input-placeholder,input[type=email].input-error::-ms-input-placeholder,input[type=number].p-holder__error::-ms-input-placeholder,.input-error input[type=number]::-ms-input-placeholder,input[type=number].input-error::-ms-input-placeholder,input[type=tel].p-holder__error::-ms-input-placeholder,.input-error input[type=tel]::-ms-input-placeholder,input[type=tel].input-error::-ms-input-placeholder,textarea.p-holder__error::-ms-input-placeholder,textarea.input-error::-ms-input-placeholder{color:#f4282d}input[type=text].p-holder__error:focus,.input-error input[type=text]:focus,input[type=text].input-error:focus,input[type=password].p-holder__error:focus,.input-error input[type=password]:focus,input[type=password].input-error:focus,input[type=email].p-holder__error:focus,.input-error input[type=email]:focus,input[type=email].input-error:focus,input[type=number].p-holder__error:focus,.input-error input[type=number]:focus,input[type=number].input-error:focus,input[type=tel].p-holder__error:focus,.input-error input[type=tel]:focus,input[type=tel].input-error:focus,textarea.p-holder__error:focus,textarea.input-error:focus{border-color:#f4282d}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus{border-color:var(--color-primary)}input[type=checkbox],input[type=radio]{opacity:0;position:absolute}input[type=checkbox]~label,input[type=radio]~label{position:relative;font-size:16px;line-height:20px;color:var(--color-body);font-weight:500;padding-left:28px;cursor:pointer}input[type=checkbox]~label::before,input[type=radio]~label::before{content:" ";position:absolute;top:2px;left:0;width:16px;height:16px;background-color:#fff;border:var(--border-thin) solid var(--color-body);border-radius:2px;transition:all .3s}input[type=checkbox]~label::after,input[type=radio]~label::after{content:" ";position:absolute;top:5px;left:2px;width:10px;height:5px;background-color:rgba(0,0,0,0);border-bottom:var(--border-thin) solid #fff;border-left:var(--border-thin) solid #fff;border-radius:2px;transform:rotate(-45deg);opacity:0;transition:all .3s}input[type=checkbox]:checked~label::before,input[type=radio]:checked~label::before{background-color:var(--color-primary);border:var(--border-width) solid var(--color-primary)}input[type=checkbox]:checked~label::after,input[type=radio]:checked~label::after{opacity:1}input[type=radio]~label::before{border-radius:50%}input[type=radio]~label::after{width:8px;height:8px;left:4px;top:6px;background:#fff;border-radius:50%}.form-group{margin-bottom:30px;position:relative}.form-group label{margin-bottom:6px;font-size:14px;line-height:22px;font-weight:500;color:var(--color-body)}.form-group input{border:0 none;border-radius:6px;height:50px;font-size:var(--font-size-b2);padding:0 20px;background-color:#fff;border:1px solid var(--color-light)}.form-group input:focus{border-color:var(--color-primary);box-shadow:none}.form-group textarea{min-height:160px;border:0 none;border-radius:6px;resize:none;padding:15px;font-size:var(--font-size-b2);background-color:#fff;border:1px solid var(--color-light);line-height:1.5;padding-left:30px;padding-top:20px}.form-group textarea:focus{border-color:var(--color-primary)}input[type=submit]{width:auto;padding:0 30px;border-radius:6px;display:inline-block;font-weight:500;transition:.3s;height:60px;background:var(--color-primary);color:var(--color-white);font-weight:var(--p-medium);font-size:var(--font-size-b2);line-height:var(--line-height-b3);border:2px solid var(--color-primary)}input[type=submit]:hover{background:rgba(0,0,0,0);color:var(--color-primary)}.error-msg p,.success-msg p{width:100%;margin:20px 0 0 !important}.error-msg p{color:red}.success-msg p{color:#5956e9}@media only screen and (max-width: 991px){.axil-about-area .about-thumbnail{margin-bottom:50px;text-align:center}}@media only screen and (max-width: 767px){.axil-about-area .about-thumbnail{margin-bottom:40px}}.axil-about-area .about-thumbnail img{border-radius:10px;width:100%}.axil-about-area .about-content .title{margin-bottom:24px;line-height:1.2}@media only screen and (max-width: 1199px){.axil-about-area .about-content .title{font-size:36px}}@media only screen and (max-width: 767px){.axil-about-area .about-content .title{font-size:30px}}.axil-about-area .about-content .text-heading{font-size:20px;margin-bottom:22px;display:block}.axil-about-area .about-content p{font-size:var(--font-size-b2);margin-bottom:34px}.axil-about-area .about-content.content-right{padding-left:50px}@media only screen and (max-width: 1199px){.axil-about-area .about-content.content-right{padding-left:0}}.axil-about-area .about-content.content-left{padding-right:60px}@media only screen and (max-width: 1199px){.axil-about-area .about-content.content-left{padding-right:0}}.axil-about-area.about-style-2{padding-top:80px}@media only screen and (max-width: 767px){.axil-about-area.about-style-2{padding-top:60px}}.axil-about-area.about-style-2 .about-content .subtitle{font-size:14px;margin-bottom:5px;display:block}.axil-about-area.about-style-2 .about-content .title{font-size:40px}@media only screen and (max-width: 1199px){.axil-about-area.about-style-2 .about-content .title{font-size:34px}}@media only screen and (max-width: 767px){.axil-about-area.about-style-2 .about-content .title{font-size:30px}}.axil-about-area.about-style-2 .about-content .axil-btn{border-color:#efefef}.axil-about-area.about-style-2 .about-content .axil-btn:hover{border-color:var(--color-primary)}.about-info-area{position:relative;z-index:1}.about-info-area:after{content:"";height:50%;width:100%;background-color:#f6f6f6;position:absolute;left:0;right:0;bottom:0;z-index:-1}.about-info-box{box-shadow:0 16px 32px 0 rgba(0,0,0,.04);padding:40px 50px;border:1px solid var(--color-white);border-radius:5px;background-color:var(--color-white);transition:var(--transition);margin-bottom:30px}@media only screen and (max-width: 767px){.about-info-box{padding:30px}}.about-info-box .thumb{margin-bottom:26px}.about-info-box .content .title{margin-bottom:12px;font-weight:700}.about-info-box .content p{font-size:var(--font-size-b2)}.about-info-box:hover{border-color:var(--color-primary)}.about-style-3{padding:80px 0 0;margin-bottom:-20px}@media only screen and (max-width: 767px){.about-style-3{padding:60px 0 0}}.about-style-3 .section-title-wrapper{padding-right:0}.about-style-3 .section-title-wrapper .title{margin-bottom:10px}.about-features{margin-bottom:50px}@media only screen and (max-width: 767px){.about-features{margin-bottom:30px}}.about-features .sl-number{font-size:40px;font-weight:700;color:var(--color-lightest);margin-bottom:10px}.about-features .title{margin-bottom:10px}.about-gallery .thumbnail{margin-bottom:20px}.about-gallery .thumbnail img{border-radius:6px;width:100%}.about-gallery .thumbnail.thumbnail-1{margin-top:30px}@media only screen and (max-width: 991px){.about-gallery .thumbnail.thumbnail-1{margin-top:0}}.back-to-top{position:fixed;bottom:-40px;right:40px;display:block;width:45px;height:45px;line-height:46px;background:var(--color-primary);color:#fff;text-align:center;text-decoration:none;border-radius:var(--radius);opacity:0;transform:scale(0.3);box-shadow:4px 4px 10px rgba(0,0,0,.2);z-index:9;transition:all .3s}@media only screen and (max-width: 575px){.back-to-top{width:40px;height:40px;line-height:40px}}.back-to-top:focus{color:var(--color-white)}.back-to-top.show{bottom:40px;right:40px;opacity:1;transform:scale(1)}@media only screen and (max-width: 575px){.back-to-top.show{bottom:10px;right:10px}}.back-to-top.show:hover{color:var(--color-white);bottom:45px;opacity:1}@media only screen and (max-width: 575px){.back-to-top.show:hover{bottom:10px}}.axil-breadcrumb-area{position:relative;background-color:#f8f8f8;padding:40px 0 45px}.axil-breadcrumb-area .inner .title{font-size:40px;margin-bottom:0}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-breadcrumb-area .inner .title{font-size:34px}}@media only screen and (max-width: 767px){.axil-breadcrumb-area .inner .title{font-size:28px}}@media only screen and (max-width: 575px){.axil-breadcrumb-area .inner .title{font-size:24px}}.axil-breadcrumb-area .inner .bradcrumb-thumb{text-align:right;position:relative;z-index:1}@media only screen and (max-width: 767px){.axil-breadcrumb-area .inner .bradcrumb-thumb{display:none}}.axil-breadcrumb-area .inner .bradcrumb-thumb::after{content:"";height:110px;width:110px;background-color:var(--color-white);border-radius:50%;position:absolute;top:-10px;right:60px;z-index:-1}.axil-breadcrumb{display:flex;padding:0;margin:0 0 15px;list-style:none;align-items:center}.axil-breadcrumb li{margin-top:0;margin-bottom:0;font-size:var(--font-size-b1);line-height:var(--line-height-b1);font-weight:500}.axil-breadcrumb li a{color:#999;display:block}.axil-breadcrumb li.axil-breadcrumb-item.active{color:var(--color-primary)}.axil-breadcrumb li.separator{height:11px;width:2px;background-color:#e5e5e5;margin:0 8px}a.axil-btn,button.axil-btn{border-radius:6px;font-size:var(--font-size-b1);line-height:var(--line-height-b1);font-weight:700;display:inline-block;padding:16px 38px;position:relative;transition:all .3s ease-in-out;z-index:1}a.axil-btn:before,button.axil-btn:before{content:"";height:100%;width:100%;border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)}@media only screen and (max-width: 767px){a.axil-btn,button.axil-btn{padding:12px 25px;font-size:14px}}a.axil-btn i,button.axil-btn i{font-weight:400;margin-right:10px;color:var(--color-heading);transition:.3s}a.axil-btn:hover:before,button.axil-btn:hover:before{transform:scale(1.1)}a.axil-btn.right-icon i,button.axil-btn.right-icon i{margin-left:5px;margin-right:0;color:var(--color-heading);position:relative;top:2px}a.axil-btn.btn-bg-white,button.axil-btn.btn-bg-white{background-color:var(--color-white);color:var(--color-heading);box-shadow:0 16px 32px 0 rgba(103,103,103,.06)}a.axil-btn.btn-bg-white:before,button.axil-btn.btn-bg-white:before{background-color:var(--color-white)}a.axil-btn.btn-bg-lighter,button.axil-btn.btn-bg-lighter{background-color:var(--color-lighter);color:var(--color-body)}a.axil-btn.btn-bg-lighter:before,button.axil-btn.btn-bg-lighter:before{background-color:var(--color-lighter)}a.axil-btn.btn-bg-primary,button.axil-btn.btn-bg-primary{background-color:var(--color-primary);color:var(--color-white)}a.axil-btn.btn-bg-primary:before,button.axil-btn.btn-bg-primary:before{background-color:var(--color-primary)}a.axil-btn.btn-bg-primary i,button.axil-btn.btn-bg-primary i{color:var(--color-white)}a.axil-btn.btn-bg-primary:hover:after,button.axil-btn.btn-bg-primary:hover:after{transform:scale(1.1)}a.axil-btn.btn-bg-secondary,button.axil-btn.btn-bg-secondary{background-color:var(--color-secondary);color:var(--color-white)}a.axil-btn.btn-bg-secondary i,button.axil-btn.btn-bg-secondary i{color:var(--color-white)}a.axil-btn.btn-bg-secondary:before,button.axil-btn.btn-bg-secondary:before{background-color:var(--color-secondary)}a.axil-btn.btn-outline,button.axil-btn.btn-outline{border:2px solid var(--color-heading)}a.axil-btn.btn-outline:hover,button.axil-btn.btn-outline:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}a.axil-btn.wishlist-btn,button.axil-btn.wishlist-btn{border:2px solid var(--color-light);padding:15px 16px 10px}@media only screen and (max-width: 767px){a.axil-btn.wishlist-btn,button.axil-btn.wishlist-btn{padding:11px 18px 9px}}a.axil-btn.wishlist-btn i,button.axil-btn.wishlist-btn i{font-size:20px;color:var(--color-body);margin:0}@media only screen and (max-width: 767px){a.axil-btn.wishlist-btn i,button.axil-btn.wishlist-btn i{font-size:16px}}a.axil-btn.wishlist-btn:before,button.axil-btn.wishlist-btn:before{background-color:var(--color-primary);opacity:0;visibility:hidden;transform:scale(0.8);transition:.3s}a.axil-btn.wishlist-btn:hover,button.axil-btn.wishlist-btn:hover{border-color:var(--color-primary)}a.axil-btn.wishlist-btn:hover i,button.axil-btn.wishlist-btn:hover i{color:var(--color-white)}a.axil-btn.wishlist-btn:hover:before,button.axil-btn.wishlist-btn:hover:before{visibility:visible;opacity:1;transform:scale(1.2)}a.axil-btn.btn-size-md,button.axil-btn.btn-size-md{font-size:14px;font-weight:500;display:inline-flex;align-items:center;padding:10px 30px 9px;border-radius:8px}a.axil-btn.btn-size-md i,button.axil-btn.btn-size-md i{font-size:21px}.categrie-product{min-width:120px;position:relative;text-align:center;border-radius:6px;margin-bottom:30px;box-shadow:0 15px 20px -10px rgba(0,0,0,.04);transition:.5s ease-in-out;z-index:1;margin-top:30px}.categrie-product:before{content:"";height:100%;width:100%;background-color:var(--color-white);border:1px solid #f0f0f0;border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)}.categrie-product a{padding:28px 12px;display:block}.categrie-product img{margin:0 auto 8px;min-height:41px}.categrie-product .cat-title{margin-bottom:0;font-size:16px;line-height:24px}.categrie-product:hover{border-color:var(--color-white);box-shadow:0 20px 20px -10px rgba(0,0,0,.1)}.categrie-product:hover:before{transform:scale(1.1)}.categrie-product-2{border:1px solid #f0f0f0;position:relative;text-align:center;border-radius:6px;transition:.3s;box-shadow:var(--shadow-dark);margin-bottom:30px}.categrie-product-2 a{padding:17px 10px;display:flex;justify-content:center}.categrie-product-2 img{margin-right:10px;max-height:24px}.categrie-product-2 .cat-title{margin-bottom:0;font-size:16px;line-height:24px}.categrie-product-2:hover{background:#fff;box-shadow:none}.categrie-product-3{border:1px solid #f0f0f0}.categrie-product-3:before{display:none}.categrie-product-3 a{padding:12px 12px}.categrie-product-3 a img{border-radius:4px;width:100%}.categrie-product-4{box-shadow:none;margin-top:0}.categrie-product-4:before{display:none}.categrie-product-4 .cate-thumb{padding:0}.categrie-product-4 .cate-thumb img{min-height:auto;margin:0 auto}.categrie-product-4 .cat-title{margin-top:16px;font-size:20px;font-weight:500}.categrie-product-4:hover{box-shadow:none}.categorie-product-two .slick-arrow{display:none !important}.axil-categorie-area .section-title-wrapper{margin-bottom:10px}.axil-categorie-area .section-title-wrapper .title{margin-bottom:0}@media only screen and (max-width: 767px){.axil-categorie-area .section-title-wrapper{margin-bottom:0}}.axil-categorie-area .arrow-top-slide .slide-arrow{top:-60px}#gmap_canvas{width:100%;border-radius:6px;border:none}.axil-contact-page .title{font-weight:var(--s-medium);color:var(--color-black)}@media only screen and (max-width: 991px){.axil-contact-page .contact-form{margin-bottom:50px}}.axil-contact-page .contact-form p{width:80%;margin-bottom:45px}.axil-contact-page .form-group label span{color:var(--color-chart03)}.axil-contact-page .form-group input{height:60px}.axil-contact-page .form-group .axil-btn{width:auto}.axil-contact-page .contact-location span{display:block}@media only screen and (max-width: 767px){.axil-contact-page .contact-location span{font-size:var(--font-size-b2)}}.countdown{display:flex}.countdown .countdown-section{height:80px;width:80px;background-color:var(--color-white);border-radius:50%;margin-right:15px;display:flex;align-items:center;justify-content:center;text-align:center}@media only screen and (min-width: 768px)and (max-width: 991px){.countdown .countdown-section{height:70px;width:70px}}@media only screen and (max-width: 767px){.countdown .countdown-section{height:60px;width:60px;margin-right:10px}}@media only screen and (max-width: 479px){.countdown .countdown-section{margin-right:6px}}.countdown .countdown-section:last-child{margin-right:0}.countdown .countdown-section:last-child:after{display:none}.countdown .countdown-number{font-size:24px;font-weight:var(--s-medium);color:var(--color-black);line-height:1;margin-bottom:5px}@media only screen and (min-width: 768px)and (max-width: 991px){.countdown .countdown-number{font-size:20px}}@media only screen and (max-width: 767px){.countdown .countdown-number{font-size:18px}}.countdown .countdown-unit{line-height:1;font-size:14px;font-weight:var(--s-medium)}.sale-countdown .countdown-section{background-color:var(--color-lighter);height:50px;width:50px;margin-right:25px;position:relative}.sale-countdown .countdown-section:after{content:":";font-size:var(--font-size-b2);color:var(--color-heading);font-weight:var(--s-medium);position:absolute;right:-14px}.sale-countdown .countdown-number{margin-bottom:0;font-size:var(--font-size-b2);color:var(--color-heading)}.sale-countdown .countdown-unit{display:none}.onepage-screen-area{position:relative;z-index:1;background:var(--gradient-primary);min-height:500px;padding:100px 0}@media only screen and (min-width: 768px)and (max-width: 991px){.onepage-screen-area{text-align:center;padding:80px 0}}@media only screen and (max-width: 767px){.onepage-screen-area{text-align:center;padding:60px 0}}.onepage-screen-area .content{padding-right:100px}@media only screen and (max-width: 991px){.onepage-screen-area .content{padding-right:0;margin-bottom:50px}}.onepage-screen-area .content .title{margin-bottom:30px}@media only screen and (max-width: 991px){.onepage-screen-area .content .title-highlighter{justify-content:center}}.onepage-screen-area .content p{margin-bottom:45px}.comming-soon-area{position:fixed;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width: 991px){.comming-soon-area{padding:60px 15px}}.comming-soon-banner{min-height:100vh;height:100vh;padding:100px 50px}@media only screen and (min-width: 992px)and (max-width: 1199px){.comming-soon-banner{margin-right:50px}}@media only screen and (max-width: 991px){.comming-soon-banner{display:none}}.comming-soon-content{text-align:center}.comming-soon-content .brand-logo{margin-bottom:30px}.comming-soon-content .title{margin-bottom:15px}.comming-soon-content .countdown{margin-bottom:50px;justify-content:center}.comming-soon-content .countdown .countdown-section{box-shadow:0 8px 16px 0 rgba(53,119,240,.3);height:100px;width:100px;background-color:var(--color-primary);color:var(--color-white)}@media only screen and (max-width: 575px){.comming-soon-content .countdown .countdown-section{height:60px;width:60px}}.comming-soon-content .countdown .countdown-number{font-size:30px;color:var(--color-white)}@media only screen and (max-width: 575px){.comming-soon-content .countdown .countdown-number{font-size:20px}}.comming-soon-content .newsletter-form{justify-content:center}.comming-soon-content .newsletter-form input{background-color:var(--color-lighter)}.etrade-newsletter-wrapper{padding:100px 107px 85px;border-radius:6px}@media only screen and (max-width: 1199px){.etrade-newsletter-wrapper{padding:80px 30px 65px}}@media only screen and (max-width: 767px){.etrade-newsletter-wrapper{padding:60px 20px 45px}}@media only screen and (max-width: 575px){.newsletter-content .title{letter-spacing:-0.045em;font-size:30px}}.newsletter-form{display:flex;align-items:center;flex-wrap:wrap}@media only screen and (max-width: 767px){.newsletter-form{display:block}}.newsletter-form button{width:auto;border-radius:6px !important;background-color:var(--color-heading);color:var(--color-white);padding:16px 38px 17px}.newsletter-form button:before{background-color:var(--color-heading)}.newsletter-form button:hover{background-color:var(--color-secondary)}@media only screen and (max-width: 767px){.newsletter-form button{padding:16px 35px}}.newsletter-inner{margin-right:20px}@media only screen and (max-width: 767px){.newsletter-inner{margin-right:0}}.newsletter-inner input{padding-left:66px;width:390px}.send-mail-icon{position:absolute;max-width:100%;top:17px;left:30px}.post-pagination{margin-top:80px;width:100%}@media only screen and (min-width: 992px)and (max-width: 1199px){.post-pagination{margin-top:40px}}@media only screen and (min-width: 768px)and (max-width: 991px){.post-pagination{margin-top:30px}}@media only screen and (max-width: 767px){.post-pagination{margin-top:30px}}.post-pagination nav.pagination{display:block}.post-pagination nav.pagination .screen-reader-text{display:none}.post-pagination nav.pagination ul{position:relative;display:flex;list-style:none;flex-wrap:wrap;align-items:center;margin:-3px;padding:0}.post-pagination nav.pagination ul li{margin:3px}.post-pagination nav.pagination ul li span{line-height:42px;min-width:42px;text-align:center;color:var(--color-heading);transition:all .5s;display:block;padding:0 15px;transition:all .5s;border:1px solid var(--color-border-light);border-radius:var(--radius-small)}.post-pagination nav.pagination ul li span.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.post-pagination nav.pagination ul li a{line-height:42px;min-width:42px;text-align:center;color:var(--color-heading);transition:all .5s;display:block;padding:0 15px;transition:all .5s;border:1px solid var(--color-border-light);border-radius:var(--radius-small)}.post-pagination nav.pagination ul li a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.single-poster{position:relative;overflow:hidden;border-radius:6px}.single-poster a{display:block}.single-poster a img{transition:.5s;width:100%}.single-poster .poster-content{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:2;padding-right:100px;pointer-events:none}@media only screen and (max-width: 479px){.single-poster .poster-content{padding:20px}}.single-poster .poster-content.content-left{right:auto;left:0;padding-right:0;padding-left:60px}@media only screen and (max-width: 991px){.single-poster .poster-content.content-left{padding-left:30px}}.single-poster .poster-content.content-left .title{margin-bottom:0;margin-top:8px}.single-poster .poster-content.content-left .sub-title{color:rgba(255,255,255,.6);transition:all .3s ease-in-out}.single-poster .inner .title{line-height:1;margin-bottom:20px;font-size:40px;color:var(--color-white)}@media only screen and (max-width: 767px){.single-poster .inner .title{font-size:30px}}@media only screen and (max-width: 575px){.single-poster .inner .title{font-size:22px}}@media only screen and (max-width: 479px){.single-poster .inner .title{margin-bottom:10px}}.single-poster .inner .sub-title{font-size:16px;line-height:24px;position:relative;color:rgba(255,255,255,.4);transition:all .3s ease-in-out}.single-poster .inner .sub-title i{vertical-align:middle;margin-left:10px}.single-poster:hover img{transform:scale(1.1)}@media only screen and (max-width: 575px){.single-poster:hover img{transform:scale(1.25)}}.single-poster:hover .poster-content .sub-title{color:var(--color-white)}.poster-countdown-wrap{padding:65px 80px;border-radius:6px;margin-top:95px}@media only screen and (max-width: 1199px){.poster-countdown-wrap{margin-top:0}}@media only screen and (max-width: 991px){.poster-countdown-wrap{text-align:center}.poster-countdown-wrap .poster-countdown{justify-content:center}}@media only screen and (max-width: 767px){.poster-countdown-wrap{padding:50px 30px}}@media only screen and (max-width: 479px){.poster-countdown-wrap{padding:40px 15px}}.poster-countdown-wrap .section-title-wrapper{margin-bottom:0;padding-right:0}.poster-countdown-wrap .section-title-wrapper .title{font-size:48px}@media only screen and (max-width: 1199px){.poster-countdown-wrap .section-title-wrapper .title{font-size:40px}}@media only screen and (max-width: 767px){.poster-countdown-wrap .section-title-wrapper .title{font-size:28px}}@media only screen and (max-width: 991px){.poster-countdown-wrap .section-title-wrapper .title-highlighter{justify-content:center}}.poster-countdown-thumbnail{text-align:center;margin-top:-160px;position:relative}@media only screen and (max-width: 1199px){.poster-countdown-thumbnail{margin-top:0}}@media only screen and (max-width: 991px){.poster-countdown-thumbnail{margin-top:50px}}.music-singnal{display:block;position:absolute;top:48%;left:45%;width:100px;height:100px;transform:rotate(-95deg)}@media only screen and (min-width: 992px)and (max-width: 1199px){.music-singnal{top:44%;left:40%}}@media only screen and (max-width: 575px){.music-singnal{display:none}}.music-singnal .item-circle{display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;border-color:var(--color-chart03);border-style:solid;border-width:1px 4px 0 0;border-radius:0 100% 0 0;opacity:0;animation:signalanimation 2s infinite}.music-singnal .item-circle.circle-1{animation-delay:800ms}.music-singnal .item-circle.circle-2{width:80px;height:80px;animation-delay:600ms}.music-singnal .item-circle.circle-3{width:60px;height:60px;animation-delay:400ms}.music-singnal .item-circle.circle-4{width:40px;height:40px;animation-delay:200ms}.music-singnal .item-circle.circle-5{width:20px;height:20px;animation-delay:0ms}.sale-banner-thumb img{border-radius:8px}.delivery-poster-area{padding-bottom:50px}.delivery-poster{display:flex;background:linear-gradient(97.29deg, #FFFFFF -1.43%, rgba(230, 222, 255, 0.634676) 43.99%, rgba(242, 238, 255, 0) 111.12%);border:3px solid #eae3ff;border-radius:8px;padding:30px 70px 12px 30px;margin-bottom:30px}@media(max-width: 575px){.delivery-poster{padding:30px}}.delivery-poster .content{flex:1;padding-right:50px}@media(max-width: 575px){.delivery-poster .content{padding-right:0}}.delivery-poster .content .badge{font-size:12px;font-weight:500;color:var(--color-white);background-color:var(--color-secondary);padding:8px 10px;border-radius:4px;display:inline-block;text-transform:uppercase;margin-bottom:34px}.delivery-poster .content .title{font-weight:700;color:var(--color-primary);margin-bottom:8px}.delivery-poster .content p{margin-bottom:0;color:var(--color-heading)}@media(max-width: 575px){.delivery-poster .thumbnail{display:none}}.delivery-poster.delivery{background:linear-gradient(97.29deg, #FFFFFF -1.43%, rgba(255, 224, 222, 0.64) 43.99%, rgba(242, 238, 255, 0) 111.12%)}.ui-slider-handle.ui-state-default.ui-corner-all{background:#5956e9 none repeat scroll 0 0;border:medium none;border-radius:50%;height:13px;margin-left:-1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:13px}.ui-slider-range.ui-widget-header.ui-corner-all{background:#dbdeff none repeat scroll 0 0;border-radius:0;height:4px}.ui-widget.ui-widget-content{background:#cbd3d9 none repeat scroll 0 0;border:medium none;height:4px}.ui-slider-horizontal .ui-slider-handle{margin-left:0}.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus{outline:medium none}.amount-range{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;color:#666;font-size:15px;margin-top:10px;padding:5px 0}.amount-range,.price-button{width:100%;word-spacing:10px;padding:0 !important;font-weight:500 !important;font-size:16px !important;line-height:1 !important;margin-top:0 !important}.input-range{font-weight:500;padding-right:3px}.flter-option.mb-80{padding-right:15px}.axil-privacy-policy .policy-published{font-size:22px;font-weight:var(--s-medium);color:var(--color-dark);position:relative;padding-bottom:20px;margin-bottom:70px;display:inline-block}.axil-privacy-policy .policy-published:after{content:"";height:3px;width:100%;background-color:var(--color-primary);position:absolute;bottom:0;left:0;right:0}.axil-privacy-policy .title{margin-bottom:20px;color:var(--color-dark);font-weight:var(--s-medium)}.axil-privacy-policy a{color:var(--color-primary)}.axil-privacy-policy ul{list-style:disc;margin-bottom:45px}.axil-privacy-policy ul li{margin:0 0 12px 0}.axil-privacy-policy ul li::marker{color:var(--color-light)}.title-highlighter{font-size:14px;font-weight:var(--s-bold);line-height:1;display:flex;align-items:center;margin-bottom:10px}.title-highlighter i{height:24px;width:24px;line-height:24px;border-radius:50%;font-size:12px;text-align:center;margin-right:10px}.title-highlighter.highlighter-primary{color:var(--light-primary)}.title-highlighter.highlighter-primary i{background-color:var(--light-primary);color:var(--color-white)}.title-highlighter.highlighter-primary2{color:var(--color-primary)}.title-highlighter.highlighter-primary2 i{background-color:var(--color-primary);color:var(--color-white)}.title-highlighter.highlighter-secondary{color:var(--color-secondary)}.title-highlighter.highlighter-secondary i{background-color:var(--color-secondary);color:var(--color-white)}.section-title-wrapper{margin-bottom:40px;padding-right:100px}@media only screen and (max-width: 767px){.section-title-wrapper{margin-bottom:30px}}.section-title-wrapper.section-title-center{text-align:center;padding-right:0}.section-title-wrapper.section-title-center .title-highlighter{justify-content:center}.section-title-border{border-bottom:1px solid #ebebeb;margin-bottom:30px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;padding-right:0}.section-title-border .title{margin-bottom:0;padding-right:20px;flex:1}.section-title-border .view-btn a{color:var(--color-primary);text-decoration:underline;font-weight:700;transition:.3s}.section-title-border .view-btn a:hover{color:var(--color-secondary)}.section-title-border.slider-section-title .title{padding-right:100px}.flash-sale-section{margin-bottom:60px}@media only screen and (max-width: 767px){.flash-sale-section{margin-bottom:50px}}.flash-sale-section .section-title-wrapper{margin-bottom:0}@media only screen and (max-width: 991px){.flash-sale-section .section-title-wrapper{padding-right:80px}}@media only screen and (max-width: 767px){.flash-sale-section .section-title-wrapper{padding-right:100px;margin-bottom:30px}}.flash-sale-section .section-title-wrapper .title{margin-bottom:0}.service-box{background-color:var(--color-white);border:1px solid #f1f1f1;padding:50px 30px;text-align:center;margin-bottom:30px;border-radius:6px;position:relative;transition:all .3s ease-in-out}@media only screen and (min-width: 1400px){.service-box{padding:50px 40px}}@media only screen and (max-width: 1199px){.service-box{padding:40px 30px}}@media only screen and (max-width: 767px){.service-box{padding:40px}}.service-box:before{content:"";height:100%;width:90%;border:1px solid #f1f1f1;border-radius:6px;position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:-1;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.service-box .icon{margin-bottom:20px}.service-box .icon img{max-height:60px}.service-box .title{font-size:16px;line-height:26px;font-weight:700;margin-bottom:0}.service-box:hover{box-shadow:var(--shadow-dark)}.service-box:hover:before{visibility:visible;opacity:1;bottom:-12px}.service-box.service-style-2{display:flex;border:none;padding:0;text-align:left;background-color:rgba(0,0,0,0)}.service-box.service-style-2:before{display:none}.service-box.service-style-2 .icon{margin-right:20px;margin-bottom:0;max-width:45px;margin-top:6px}.service-box.service-style-2 .content{flex:1}.service-box.service-style-2 .content .title{line-height:var(--line-height-b1)}.service-box.service-style-2:hover{box-shadow:none}.service-box.service-style-3{background-color:#f6f7fb;border:none;border-radius:8px;padding:60px 30px 40px}.service-box.service-style-3:before{display:none}.service-box.service-style-3 .icon{position:relative;z-index:1;margin-bottom:40px}.service-box.service-style-3 .icon:before{content:"";width:99px;height:99px;background-color:var(--color-white);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;z-index:-1}.service-box.service-style-3 .icon i{font-size:50px;color:var(--color-primary)}.service-box.service-style-3 .content .title{margin-bottom:4px;font-weight:700}.service-box.service-style-3 .content p{margin-bottom:0}.how-to-sell{padding:30px 20px}.how-to-sell .title{font-size:18px;margin-bottom:10px}.how-to-sell p{font-size:16px}.slick-layout-wrapper--20 .slick-list{margin:-20px}@media only screen and (max-width: 575px){.slick-layout-wrapper--20 .slick-list{margin:-20px -10px}}.slick-layout-wrapper--20 .slick-single-layout{padding:20px}@media only screen and (max-width: 575px){.slick-layout-wrapper--20 .slick-single-layout{padding:20px 10px}}.slick-layout-wrapper--10 .slick-list{margin:0 -10px}.slick-layout-wrapper--10 .slick-single-layout,.slick-layout-wrapper--10 .slick-slide{padding:0 10px}.slick-layout-wrapper--15 .slick-list{margin:0 -15px}.slick-layout-wrapper--15 .slick-single-layout,.slick-layout-wrapper--15 .slick-slide{padding:0 15px}.slick-layout-wrapper--30 .slick-list{margin:0 -30px}@media only screen and (max-width: 767px){.slick-layout-wrapper--30 .slick-list{margin:0 -15px}}.slick-layout-wrapper--30 .slick-single-layout{padding:0 30px}@media only screen and (max-width: 767px){.slick-layout-wrapper--30 .slick-single-layout{padding:0 15px}}.axil-gallery-activation{position:relative}.axil-gallery-activation.axil-slick-arrow .slide-arrow{background:#fff;border:1px solid #fff}.axil-gallery-activation.arrow-between-side .slide-arrow{left:10px}.axil-gallery-activation.arrow-between-side .slide-arrow.next-arrow{left:auto;right:10px}.axil-gallery-activation.arrow-between-side:hover .slide-arrow{left:30px}.axil-gallery-activation.arrow-between-side:hover .slide-arrow.next-arrow{left:auto;right:30px}.axil-slick-arrow .slide-arrow{outline:none;width:50px;height:50px;background:var(--color-lighter);color:var(--color-body);border:none;border-radius:6px;z-index:2}.axil-slick-arrow .slide-arrow:before{content:"";height:100%;width:100%;background-color:var(--color-lighter);border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)}.axil-slick-arrow .slide-arrow:hover:before{transform:scale(1.1)}@media only screen and (max-width: 767px){.axil-slick-arrow .slide-arrow{width:40px;height:40px;font-size:var(--font-size-b2)}}.axil-slick-arrow .slide-arrow.prev-arrow:hover i{animation:prevNavSlide 400ms}.axil-slick-arrow .slide-arrow.next-arrow:hover i{animation:nextNavSlide 400ms}.axil-slick-arrow.testimonial-style-two-wrapper .slide-arrow{background-color:var(--color-white)}.axil-slick-arrow.testimonial-style-two-wrapper .slide-arrow:hover{background-color:var(--color-primary)}.axil-slick-arrow.header-campaign-arrow .slide-arrow{background:rgba(0,0,0,0);color:rgba(255,255,255,.8)}.axil-slick-arrow.header-campaign-arrow .slide-arrow:before{display:none}.axil-slick-arrow.header-campaign-arrow .slide-arrow:hover{color:var(--color-white)}.axil-slick-arrow.header-campaign-arrow .campaign-content{margin:0 50px}@media only screen and (max-width: 479px){.axil-slick-arrow.header-campaign-arrow .campaign-content{margin:0 30px}}.axil-slick-angle .slide-arrow{outline:none;width:40px;height:40px;background:var(--color-lighter);color:#d6d6d6;border:none;border-radius:50%;z-index:2}.axil-slick-angle .slide-arrow:before{content:"";height:100%;width:100%;background-color:var(--color-lighter);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)}.axil-slick-angle .slide-arrow:hover{color:var(--color-body)}.axil-slick-angle .slide-arrow:hover:before{transform:scale(1.1)}@media only screen and (max-width: 767px){.axil-slick-angle .slide-arrow{width:40px;height:40px;font-size:var(--font-size-b2)}}.axil-slick-angle .slide-arrow.prev-arrow:hover i{animation:prevNavSlide 400ms}.axil-slick-angle .slide-arrow.next-arrow:hover i{animation:nextNavSlide 400ms}.angle-top-slide .slide-arrow{position:absolute;left:19px;top:-100px}@media only screen and (max-width: 767px){.angle-top-slide .slide-arrow{top:-90px}}.angle-top-slide .slide-arrow.next-arrow{left:auto;right:0}.angle-top-slide .slide-arrow.prev-arrow{left:auto;right:55px}@media only screen and (max-width: 767px){.angle-top-slide .slide-arrow.prev-arrow{right:50px}}.arrow-between-side .slide-arrow{position:absolute;left:40px;top:50%;transform:translateY(-50%)}.arrow-between-side .slide-arrow.next-arrow{left:auto;right:40px}.arrow-between-side:hover .slide-arrow{left:10px}@media only screen and (max-width: 767px){.arrow-between-side:hover .slide-arrow{left:14px}}.arrow-between-side:hover .slide-arrow.next-arrow{left:auto;right:10px}@media only screen and (max-width: 767px){.arrow-between-side:hover .slide-arrow.next-arrow{right:14px}}.arrow-both-side .slide-arrow{position:absolute;left:-45px;top:50%;transform:translateY(-50%)}@media only screen and (min-width: 1200px)and (max-width: 1599px){.arrow-both-side .slide-arrow{left:0}}@media only screen and (max-width: 1199px){.arrow-both-side .slide-arrow{left:0}}.arrow-both-side .slide-arrow.next-arrow{left:auto;right:-45px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.arrow-both-side .slide-arrow.next-arrow{right:0}}@media only screen and (max-width: 1199px){.arrow-both-side .slide-arrow.next-arrow{right:0}}.arrow-both-side-2 .slide-arrow{position:absolute;left:-68px;top:50%;transform:translateY(-50%)}@media only screen and (min-width: 1200px)and (max-width: 1599px){.arrow-both-side-2 .slide-arrow{left:0}}@media only screen and (max-width: 1199px){.arrow-both-side-2 .slide-arrow{left:0}}.arrow-both-side-2 .slide-arrow.next-arrow{left:auto;right:-75px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.arrow-both-side-2 .slide-arrow.next-arrow{right:0}}@media only screen and (max-width: 1199px){.arrow-both-side-2 .slide-arrow.next-arrow{right:0}}.arrow-both-side-3 .slide-arrow{position:absolute;left:-60px;top:50%;transform:translateY(-50%)}@media only screen and (min-width: 1200px)and (max-width: 1599px){.arrow-both-side-3 .slide-arrow{left:0}}@media only screen and (max-width: 1199px){.arrow-both-side-3 .slide-arrow{left:0}}.arrow-both-side-3 .slide-arrow.next-arrow{left:auto;right:-60px}@media only screen and (min-width: 1200px)and (max-width: 1599px){.arrow-both-side-3 .slide-arrow.next-arrow{right:0}}@media only screen and (max-width: 1199px){.arrow-both-side-3 .slide-arrow.next-arrow{right:0}}.arrow-both-side-4 .slide-arrow{position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0);height:auto;width:auto;padding:0}.arrow-both-side-4 .slide-arrow:hover{background-color:rgba(0,0,0,0);box-shadow:none}.arrow-both-side-4 .slide-arrow.next-arrow{left:auto;right:0}.arrow-top-slide .slide-arrow{position:absolute;left:19px;top:-100px}@media only screen and (max-width: 767px){.arrow-top-slide .slide-arrow{top:-77px}}.arrow-top-slide .slide-arrow.next-arrow{left:auto;right:0}.arrow-top-slide .slide-arrow.prev-arrow{left:auto;right:58px}@media only screen and (max-width: 767px){.arrow-top-slide .slide-arrow.prev-arrow{right:50px}}.post-list-view .post-gallery-activation.axil-slick-arrow .slide-arrow{background:#fff;border:1px solid #fff;width:30px;height:30px;font-size:14px}.slick-initialized .slick-slide{outline:none;margin-bottom:0}.slider-activation .slick-dots{bottom:50px}.arrow-bottom-slide .slide-arrow{position:absolute;bottom:-130px}.arrow-bottom-slide .slide-arrow.next-arrow{left:65px}.arrow-bottom-slide .slide-arrow.prev-arrow{left:0}.axil-slick-dots .slick-dots{bottom:-50px}.axil-slick-dots .slick-dots li{margin:0 5px;height:4px;width:24px}.axil-slick-dots .slick-dots li button{height:4px;width:24px;border-radius:6px;background-color:#e6e6e6;padding:0}.axil-slick-dots .slick-dots li button:before{display:none}.axil-slick-dots .slick-dots li.slick-active{width:34px}.axil-slick-dots .slick-dots li.slick-active button{background-color:var(--color-heading);width:34px}.axil-slick-dots.testimonial-style-two-wrapper .slick-dots{text-align:left;bottom:-50px}.axil-slick-dots.testimonial-style-two-wrapper .slick-dots li.slick-active button{background-color:var(--color-primary)}.axil-slick-dots.slick-dots-bottom .slick-dots{bottom:20px}.axil-slick-dots.slick-dots-bottom .slick-dots li button{border-color:var(--color-white)}.axil-slick-dots.slick-dots-bottom .slick-dots li button:before{color:var(--color-white);opacity:1}.axil-slick-dots.slick-dots-bottom .slick-dots li.slick-active button{border-color:var(--color-primary)}.axil-slick-dots.slick-dots-bottom .slick-dots li.slick-active button:before{color:var(--color-primary)}.main-slider-content .subtitle{font-size:14px;font-weight:var(--s-bold);line-height:1;display:flex;align-items:center;margin-bottom:16px;color:var(--color-secondary)}.main-slider-content .subtitle i{height:24px;width:24px;line-height:24px;border-radius:50%;font-size:12px;text-align:center;margin-right:10px;background-color:var(--color-secondary);color:var(--color-white)}.main-slider-content .title{letter-spacing:-0.03em;margin-bottom:50px;font-size:60px;line-height:1.2}@media only screen and (max-width: 1199px){.main-slider-content .title{font-size:50px}}@media only screen and (min-width: 768px)and (max-width: 991px){.main-slider-content .title{font-size:44px}}@media only screen and (max-width: 767px){.main-slider-content .title{font-size:30px}}.main-slider-content .slide-action{display:flex;align-items:center}@media only screen and (max-width: 1199px){.main-slider-content .slide-action{display:block}}.main-slider-content .item-rating{display:flex;align-items:center;flex:1;margin-left:30px;position:relative;top:2px}@media only screen and (max-width: 1199px){.main-slider-content .item-rating{margin-left:0;margin-top:30px}}.main-slider-content .item-rating .thumb{line-height:1}.main-slider-content .item-rating .thumb ul{padding-left:26px;margin:0}.main-slider-content .item-rating .thumb ul li{display:inline-block;margin-left:-26px}.main-slider-content .item-rating .thumb ul li img{border:2px solid #f9f3f0;border-radius:50%}.main-slider-content .item-rating .content{flex:1;line-height:1;margin-left:15px}.main-slider-content .item-rating .content .rating-icon{display:block;font-size:12px;color:#ffa800;margin-bottom:5px}.main-slider-content .item-rating .content .review-text{font-size:12px}.main-slider-content .item-rating .content .review-text span{color:var(--color-heading);font-weight:700}.main-slider-content .shop-btn a{margin-right:25px}@media only screen and (max-width: 767px){.main-slider-content .shop-btn a{margin-right:5px}}.main-slider-content .shop-btn a:last-child{margin-right:0}.main-slider-content .slick-slide.slick-current .subtitle{animation:800ms ease-in-out 0s normal none 1 running customOne}.main-slider-content .slick-slide.slick-current .title{animation:1000ms ease-in-out 0s normal none 1 running customOne}.main-slider-content .slick-slide.slick-current .shop-btn{animation:1200ms ease-in-out 0s normal none 1 running customOne}.main-slider-content .slick-slide.slick-current .item-rating{animation:1200ms ease-in-out 0s normal none 1 running customOne}.main-slider-content .slick-slide.slick-current img{animation:1200ms ease-in-out 0s normal none 1 running customOne}.main-slider-large-thumb{width:70vw}@media only screen and (max-width: 991px){.main-slider-large-thumb{width:auto}}.main-slider-large-thumb .slick-track{display:flex;align-items:flex-end}.main-slider-large-thumb .single-slide{position:relative}.main-slider-large-thumb .single-slide img{display:inline-block}.main-slider-large-thumb .single-slide .product-price{height:100px;width:100px;background-color:var(--color-white);border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;position:absolute;top:50px;left:150px;visibility:hidden;opacity:0;transform:scale(0);transition-delay:.5s;transition:all .5s ease-in-out}@media only screen and (min-width: 1600px)and (max-width: 1920px){.main-slider-large-thumb .single-slide .product-price{top:100px;left:200px}}.main-slider-large-thumb .single-slide .product-price span.text{color:var(--color-body)}.main-slider-large-thumb .single-slide .product-price span.price-amount{font-size:18px;font-weight:700;color:var(--color-primary)}.main-slider-large-thumb .single-slide.slick-current .product-price{visibility:visible;opacity:1;transform:scale(1)}.main-slider-large-thumb .single-slide.slick-active:not(.slick-current) img{width:160px}.main-slider-large-thumb .axil-slick-dots .slick-dots{text-align:left;bottom:-70px}@media only screen and (max-width: 575px){.main-slider-large-thumb .axil-slick-dots .slick-dots{text-align:center;bottom:-55px}}.main-slider-large-thumb .axil-slick-dots .slick-dots li button{background-color:var(--color-white);opacity:.5}.main-slider-large-thumb .axil-slick-dots .slick-dots li.slick-active button{background-color:var(--color-secondary);opacity:1}.main-slider-style-1{background-color:#f9f3f0;padding:90px 0;position:relative;z-index:1;overflow:hidden;min-height:550px}@media only screen and (max-width: 1199px){.main-slider-style-1{min-height:500px}}@media only screen and (max-width: 991px){.main-slider-style-1{padding:40px 0 80px;min-height:450px}}@media only screen and (max-width: 767px){.main-slider-style-1{padding:30px 0 60px;min-height:100%}}.main-slider-style-1 .main-slider-content{margin:-30px}@media only screen and (max-width: 575px){.main-slider-style-1 .main-slider-content{text-align:center}}@media only screen and (max-width: 575px){.main-slider-style-1 .main-slider-content .subtitle{justify-content:center}}@media only screen and (max-width: 1199px){.main-slider-style-1 .main-slider-content .title{font-size:56px}}@media only screen and (min-width: 768px)and (max-width: 991px){.main-slider-style-1 .main-slider-content .title{font-size:44px;margin-bottom:40px}}@media only screen and (max-width: 767px){.main-slider-style-1 .main-slider-content .title{font-size:34px;margin-bottom:30px}}@media only screen and (max-width: 1199px){.main-slider-style-1 .main-slider-content .item-rating{justify-content:flex-start}}@media only screen and (max-width: 575px){.main-slider-style-1 .main-slider-content .item-rating{justify-content:center}}.main-slider-style-1 .main-slider-content .item-rating .content{flex:initial}.main-slider-style-1 .main-slider-content .single-slide{padding:30px}@media only screen and (max-width: 575px){.main-slider-style-1 .main-slider-large-thumb{text-align:center;padding:40px 40px 0}}@media only screen and (max-width: 767px){.main-slider-style-1 .main-slider-large-thumb .single-slide .product-price{height:80px;width:80px;top:0;left:0}.main-slider-style-1 .main-slider-large-thumb .single-slide .product-price span{font-size:15px}.main-slider-style-1 .main-slider-large-thumb .single-slide .product-price span.price-amount{font-size:15px}}@media only screen and (max-width: 575px){.main-slider-style-1 .main-slider-large-thumb .single-slide .product-price{left:50px}}.main-slider-style-1 .shape-group li{position:absolute;z-index:-1}.main-slider-style-1 .shape-group li.shape-1{bottom:-100px;right:33%}@media only screen and (min-width: 1200px)and (max-width: 1599px){.main-slider-style-1 .shape-group li.shape-1{right:27%}}@media only screen and (max-width: 1199px){.main-slider-style-1 .shape-group li.shape-1{right:20%}}@media only screen and (max-width: 991px){.main-slider-style-1 .shape-group li.shape-1{display:none}}.main-slider-style-1 .shape-group li.shape-2{bottom:-65px;right:2%}.main-slider-style-2 .slider-offset-left{margin-left:290px;margin-top:40px;margin-bottom:40px}@media only screen and (max-width: 1199px){.main-slider-style-2 .slider-offset-left{margin-left:0}}.main-slider-style-2 .slider-box-wrap{background-color:#f7f7f7;border-radius:6px;padding:48px 50px}@media only screen and (max-width: 575px){.main-slider-style-2 .slider-box-wrap{padding:40px 30px}}.main-slider-style-2 .slider-box-wrap .single-slide{display:flex;align-items:center}.main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots{bottom:-25px}@media only screen and (max-width: 479px){.main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots{bottom:-30px}}.main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots li button{background-color:var(--color-white);opacity:1}.main-slider-style-2 .slider-box-wrap .axil-slick-dots .slick-dots li.slick-active button{background-color:var(--color-secondary);opacity:1}.main-slider-style-2 .main-slider-content{flex:1;z-index:2;position:relative}@media only screen and (max-width: 767px){.main-slider-style-2 .main-slider-content{flex:2}}.main-slider-style-2 .main-slider-content .title{font-size:50px;margin-bottom:45px}@media only screen and (max-width: 1199px){.main-slider-style-2 .main-slider-content .title{font-size:40px}}@media only screen and (max-width: 767px){.main-slider-style-2 .main-slider-content .title{font-size:38px;margin-bottom:30px}}@media only screen and (max-width: 575px){.main-slider-style-2 .main-slider-content .title{font-size:24px;margin-bottom:20px}}.main-slider-style-2 .main-slider-content .axil-btn{padding:0;position:relative}.main-slider-style-2 .main-slider-content .axil-btn i{margin:0 0 0 16px;color:var(--color-heading)}.main-slider-style-2 .main-slider-content .axil-btn:after{content:"";height:1px;width:100%;background-color:var(--color-heading);position:absolute;bottom:0;left:0}.main-slider-style-2 .main-slider-content .axil-btn:hover{color:var(--color-primary)}.main-slider-style-2 .main-slider-content .axil-btn:hover i{color:var(--color-primary);margin:0 0 0 10px}.main-slider-style-2 .main-slider-content .axil-btn:hover:after{background-color:var(--color-primary)}.main-slider-style-2 .main-slider-thumb{position:relative;margin-left:30px;z-index:1;flex:1;text-align:right}@media only screen and (max-width: 479px){.main-slider-style-2 .main-slider-thumb{margin-left:10px}}.main-slider-style-2 .main-slider-thumb::after{content:"";height:288px;width:288px;background-color:var(--color-white);border-radius:50%;position:absolute;top:-5px;left:-100px;z-index:-1}@media only screen and (max-width: 767px){.main-slider-style-2 .main-slider-thumb::after{height:150px;width:150px;left:0;top:0}}@media only screen and (max-width: 575px){.main-slider-style-2 .main-slider-thumb::after{display:none}}.main-slider-style-2 .main-slider-thumb img{display:inline-block;max-height:292px}.main-slider-style-2 .slider-product-box{background-color:#f7f7f7;border-radius:6px;text-align:center;padding:45px 20px;overflow:hidden}@media only screen and (max-width: 991px){.main-slider-style-2 .slider-product-box{margin-top:30px}}.main-slider-style-2 .slider-product-box .product-thumb{margin-bottom:35px;position:relative;z-index:1}.main-slider-style-2 .slider-product-box .product-thumb::after{content:"";height:160px;width:160px;background-color:var(--color-white);border-radius:50%;position:absolute;top:20px;right:-10px;z-index:-1}@media only screen and (max-width: 991px){.main-slider-style-2 .slider-product-box .product-thumb::after{left:50%;transform:translateX(-50%)}}.main-slider-style-2 .slider-product-box .title{font-size:16px;color:var(--color-body);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.main-slider-style-2 .slider-product-box .price{font-size:20px;font-weight:700;color:var(--color-heading)}.main-slider-style-3{background-color:#f3f7f6;padding:110px 0;background-image:url("../images/bg/bg-image-4.jpg");background-repeat:no-repeat;background-size:cover}@media only screen and (min-width: 768px)and (max-width: 991px){.main-slider-style-3{padding:80px 0}}@media only screen and (max-width: 767px){.main-slider-style-3{padding:40px 0 70px}}.main-slider-style-3 .main-slider-content{padding-right:80px}@media only screen and (max-width: 991px){.main-slider-style-3 .main-slider-content{padding-right:0;margin-bottom:50px}}@media only screen and (max-width: 767px){.main-slider-style-3 .main-slider-content{margin-bottom:25px}}.main-slider-style-3 .main-slider-content .title{margin-bottom:40px;font-size:55px;line-height:1.1}@media only screen and (min-width: 1200px)and (max-width: 1599px){.main-slider-style-3 .main-slider-content .title{font-size:60px}}@media only screen and (max-width: 1199px){.main-slider-style-3 .main-slider-content .title{font-size:50px}}@media only screen and (min-width: 768px)and (max-width: 991px){.main-slider-style-3 .main-slider-content .title{font-size:40px}}@media only screen and (max-width: 767px){.main-slider-style-3 .main-slider-content .title{font-size:34px}}.main-slider-style-3 .main-slider-large-thumb{width:100%;position:relative;z-index:1}.main-slider-style-3 .main-slider-large-thumb .single-slide{text-align:center}.main-slider-style-3 .main-slider-large-thumb .single-slide .axil-product{transform:scale(0.8);transition:.3s;margin:45px -26px;position:relative}@media only screen and (max-width: 1199px){.main-slider-style-3 .main-slider-large-thumb .single-slide .axil-product{margin:45px -19px}}@media only screen and (max-width: 575px){.main-slider-style-3 .main-slider-large-thumb .single-slide .axil-product{margin:20px 0}}.main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center{z-index:1}.main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center .axil-product{transform:scale(1.1);box-shadow:0px 10px 80px -87px rgba(0,0,0,.5)}@media only screen and (max-width: 575px){.main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center .axil-product{transform:scale(1)}}.main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active.slick-center .axil-product:before{content:"";width:100%;height:50px;background:#000;position:absolute;left:0;top:50%;filter:blur(100px);transform:translateY(-50%)}.main-slider-style-3 .main-slider-large-thumb .single-slide.slick-active:not(.slick-current) img{width:100%}.main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots{text-align:center;bottom:-30px}.main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots li{height:10px;width:10px;margin:0 8px}.main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots li button{height:6px;width:6px;border-radius:50%;background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 5px rgba(0,0,0,.5)}.main-slider-style-3 .main-slider-large-thumb .axil-slick-dots .slick-dots li.slick-active button{transform:scale(2);box-shadow:inset 0 0 0 1px var(--color-primary)}.main-slider-style-4{background-color:#f9f3ef;padding-top:50px;overflow:hidden;min-height:600px;display:flex;align-items:flex-end}@media(max-width: 1399px){.main-slider-style-4{min-height:100%}}@media(max-width: 767px){.main-slider-style-4{text-align:center}}.main-slider-style-4 .main-slider-content{z-index:2;position:relative;padding:10px 0}.main-slider-style-4 .main-slider-content .title{line-height:1.1;margin-bottom:40px;animation:600ms ease-in-out 0s normal none 1 running customOne}.main-slider-style-4 .main-slider-content .shop-btn{animation:800ms ease-in-out 0s normal none 1 running customOne}@media(max-width: 991px){.main-slider-style-4 .main-slider-content .shop-btn a{padding:12px 20px}}.main-slider-style-4 .slide-thumb-area{position:relative;margin-right:-100px;margin-left:-100px;z-index:1}@media(max-width: 991px){.main-slider-style-4 .slide-thumb-area{margin-right:-30px}}@media(max-width: 767px){.main-slider-style-4 .slide-thumb-area{margin-right:0;padding:20px 0 0;margin-left:0}}.main-slider-style-4 .slide-thumb-area .main-thumb{animation:1200ms ease-in-out 0s normal none 1 running customTwo}.main-slider-style-4 .slide-thumb-area .shape-group{margin:0;list-style:none;padding:0}.main-slider-style-4 .slide-thumb-area .shape-group li{position:absolute;margin:0;z-index:-1;transition:all .5s ease-in-out;visibility:hidden;opacity:0}.main-slider-style-4 .slide-thumb-area .shape-group li.shape-1{bottom:0;right:-30px;display:none}.main-slider-style-4 .slide-thumb-area .shape-group li.shape-1 svg path{stroke-dasharray:1190;stroke-dashoffset:1180;transition:all 3s ease-in-out}.main-slider-style-4 .slide-thumb-area .shape-group li.shape-2{top:-50px;right:50px}@media(max-width: 767px){.main-slider-style-4 .slide-thumb-area .shape-group li.shape-2{top:-250px}}.main-slider-style-4 .slide-thumb-area .shape-group li.shape-2 svg path{stroke-dasharray:1190;stroke-dashoffset:1180;transition:all 3s ease-in-out}.main-slider-style-4 .slide-thumb-area .banner-product{position:absolute;left:80px;top:220px;transition:.3s}@media(max-width: 767px){.main-slider-style-4 .slide-thumb-area .banner-product{display:none}}.main-slider-style-4 .slide-thumb-area .banner-product:hover .product-details{visibility:visible;opacity:1;margin-bottom:15px}.main-slider-style-4 .slide-thumb-area .banner-product .plus-icon{border:1px solid var(--color-dark);font-size:12px;color:var(--color-dark);height:29px;width:29px;border-radius:50%;line-height:29px;text-align:center;cursor:pointer;transition:all .3s ease-in-out}.main-slider-style-4 .slide-thumb-area .banner-product .plus-icon:hover{background-color:#f4e7de}.main-slider-style-4 .slide-thumb-area .banner-product .product-details{min-width:250px;width:100%;position:absolute;background-color:var(--color-white);box-shadow:0px 54px 94px rgba(172,128,117,.2);border-radius:8px;bottom:100%;left:-46px;padding:15px 20px;margin-bottom:30px;visibility:hidden;opacity:0;transition:.3s}.main-slider-style-4 .slide-thumb-area .banner-product .product-details .title{margin-bottom:0;font-size:18px}.main-slider-style-4 .slide-thumb-area .banner-product .product-details .title a{transition:all .3s ease-in-out}.main-slider-style-4 .slide-thumb-area .banner-product .product-details .price{color:var(--color-secondary);font-size:22px;font-weight:700}.main-slider-style-4 .slide-thumb-area .banner-product .product-details .product-rating{margin-bottom:5px}.main-slider-style-4 .slide-thumb-area .banner-product .product-details .product-rating .icon{font-size:16px;color:#facc15}.main-slider-style-4 .slide-thumb-area .banner-product .product-details .product-rating .rating-number{font-size:14px;font-weight:500;color:var(--color-body);margin-left:5px}.main-slider-style-4 .slide-thumb-area .banner-product .product-details:after{content:"";width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-top:12px solid var(--color-white);position:absolute;bottom:-12px;left:52px}.main-slider-style-4 .slide-thumb-area:hover .banner-product{visibility:visible;opacity:1}.main-slider-style-4.animation-init .slide-thumb-area .shape-group li{visibility:visible;opacity:1}.main-slider-style-4.animation-init .slide-thumb-area .shape-group li.shape-1 svg path{stroke-dashoffset:0;stroke-dasharray:2000}.main-slider-style-4.animation-init .slide-thumb-area .shape-group li.shape-2 svg path{stroke-dashoffset:0;stroke-dasharray:1300}.main-slider-style-5 .slider-box-wrap{background-color:#f7f7f7;border-radius:6px;padding:90px 100px;position:relative;z-index:1}@media only screen and (max-width: 1199px){.main-slider-style-5 .slider-box-wrap{padding:80px}}@media only screen and (min-width: 768px)and (max-width: 991px){.main-slider-style-5 .slider-box-wrap{padding:60px}}@media only screen and (max-width: 767px){.main-slider-style-5 .slider-box-wrap{padding:50px 50px 60px}}@media only screen and (max-width: 479px){.main-slider-style-5 .slider-box-wrap{padding:40px 40px 60px}}.main-slider-style-5 .slider-box-wrap::after{content:"";height:260px;width:260px;background-color:var(--color-white);border-radius:50%;position:absolute;top:80px;left:215px;z-index:-1}@media only screen and (min-width: 768px)and (max-width: 991px){.main-slider-style-5 .slider-box-wrap::after{left:0;top:0;transform:scale(0.6)}}@media only screen and (max-width: 767px){.main-slider-style-5 .slider-box-wrap::after{display:none}}.main-slider-style-5 .slider-box-wrap .slider-activation-two{margin:-30px}.main-slider-style-5 .slider-box-wrap .single-slide{display:flex;align-items:center;padding:30px}@media only screen and (max-width: 575px){.main-slider-style-5 .slider-box-wrap .single-slide{display:block}}.main-slider-style-5 .slider-box-wrap .axil-slick-dots .slick-dots{bottom:-15px}.main-slider-style-5 .main-slider-content{flex:1}.main-slider-style-5 .main-slider-content .title{width:70%}@media only screen and (max-width: 1399px){.main-slider-style-5 .main-slider-content .title{width:90%}}@media only screen and (max-width: 1199px){.main-slider-style-5 .main-slider-content .title{width:100%}}@media only screen and (max-width: 767px){.main-slider-style-5 .main-slider-content .title{margin-bottom:35px}}.main-slider-style-5 .main-slider-thumb{margin-left:30px;flex:1;text-align:right}.main-slider-style-5 .main-slider-thumb img{display:inline-block;min-height:460px;max-height:460px;object-fit:contain}@media only screen and (max-width: 1199px){.main-slider-style-5 .main-slider-thumb img{min-height:300px;max-height:300px}}@media only screen and (max-width: 575px){.main-slider-style-5 .main-slider-thumb img{min-height:165px;max-height:165px}}@media only screen and (max-width: 575px){.main-slider-style-5 .main-slider-thumb{text-align:center;margin-left:0;margin-top:45px}}.main-slider-style-7{padding:200px 0;background-size:cover;background-position:center;background-repeat:no-repeat}@media only screen and (max-width: 991px){.main-slider-style-7{padding:80px 0}}@media only screen and (max-width: 575px){.main-slider-style-7{padding:60px 0}}@media only screen and (max-width: 479px){.main-slider-style-7{background-position:right}}.main-slider-style-7 .main-slider-content{z-index:2;position:relative;padding:10px 0}.main-slider-style-7 .main-slider-content .subtitle{animation:800ms ease-in-out 0s normal none 1 running customOne}.main-slider-style-7 .main-slider-content .title{width:80%;margin-bottom:20px;animation:600ms ease-in-out 0s normal none 1 running customOne}@media only screen and (max-width: 991px){.main-slider-style-7 .main-slider-content .title{width:90%}}.main-slider-style-7 .main-slider-content p{font-size:20px;animation:1200ms ease-in-out 0s normal none 1 running customOne}@media only screen and (max-width: 767px){.main-slider-style-7 .main-slider-content p{font-size:16px}}.main-slider-style-7 .main-slider-content .shop-btn{animation:1400ms ease-in-out 0s normal none 1 running customOne}.main-slider-style-8 .slider-offset-left{margin-bottom:0}.main-slider-style-8 .slider-box-wrap{padding:48px 70px}@media only screen and (max-width: 575px){.main-slider-style-8 .slider-box-wrap{padding:45px 30px}}.main-slider-style-8 .main-slider-thumb:after{left:-50px}.slick-slide.slick-current .main-slider-content .subtitle{animation:800ms ease-in-out 0s normal none 1 running customOne}.slick-slide.slick-current .main-slider-content .title{animation:1000ms ease-in-out 0s normal none 1 running customOne}.slick-slide.slick-current .main-slider-content .shop-btn{animation:1200ms ease-in-out 0s normal none 1 running customOne}.slick-slide.slick-current .main-slider-thumb img{animation:1200ms ease-in-out 0s normal none 1 running customTwo}@keyframes customOne{from{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes customTwo{from{opacity:0;transform:translate3d(20%, 0, 0)}to{opacity:1;transform:none}}.animationOne{animation:1200ms customOne}.animationTwo{animation:1200ms customTwo}.social-share{display:flex;flex-wrap:wrap;margin:-10px}.social-share a{margin:10px;color:var(--color-body);display:flex;justify-content:center;align-items:center;font-size:18px;transition:.3s;position:relative;z-index:1}.social-share a:after{content:"";height:40px;width:40px;background-color:var(--color-secondary);transform:scale(0);border-radius:50%;position:absolute;z-index:-1;transition:var(--transition)}.social-share a:hover{color:var(--color-white)}.social-share a:hover:after{transform:scale(1)}.axil-team-area{padding:50px 0 55px}.team-left-fullwidth{margin-left:calc((100% - 1320px)/2);overflow:hidden}@media only screen and (max-width: 1349px){.team-left-fullwidth{margin-left:auto}}.team-left-fullwidth .team-slide-activation .slick-list{overflow:visible}@media only screen and (max-width: 1349px){.team-left-fullwidth .team-slide-activation .slick-list{overflow:hidden}}@media only screen and (max-width: 575px){.axil-team-member{text-align:center}}.axil-team-member .thumbnail{margin-bottom:12px;overflow:hidden;display:inline-block;border-radius:6px}.axil-team-member .thumbnail img{border-radius:6px;transition:var(--transition)}.axil-team-member .title{color:#292930;margin-bottom:0}.axil-team-member .subtitle{font-size:var(--font-size-b2)}.axil-team-member:hover .thumbnail img{transform:scale(1.1)}.testimonial-style-one-wrapper .slide-arrow{background-color:var(--color-white)}.testimonial-style-one-wrapper .slick-current.slick-active+.slick-active{margin-top:30px}.testimonial-style-one .review-speech{background-color:var(--color-white);border-radius:10px;padding:40px;margin-bottom:40px;position:relative;box-shadow:0 16px 32px 0 rgba(0,0,0,.04)}.testimonial-style-one .review-speech:after{content:"";width:0;height:0;border-top:25px solid var(--color-white);border-right:50px solid rgba(0,0,0,0);position:absolute;bottom:-25px;left:100px}.testimonial-style-one .review-speech p{font-size:16px;line-height:28px}.testimonial-style-one .media{display:flex;align-items:center}.testimonial-style-one .media .thumbnail{margin-right:20px}.testimonial-style-one .media .thumbnail img{border-radius:6px}.testimonial-style-one .media .media-body{flex:1}.testimonial-style-one .media .media-body .designation{font-size:14px}.testimonial-style-one .media .media-body .title{margin-bottom:0}.testimonial-style-two-wrapper{margin-bottom:130px !important}.testimonial-style-two-wrapper .thumbnail{display:inline-block;border-radius:50%;border:2px solid var(--color-tertiary);padding:8px;margin-bottom:25px;transition:var(--transition);position:relative;z-index:1;margin:6px}.testimonial-style-two-wrapper .thumbnail:before{content:"";height:100%;width:100%;background-color:var(--color-white);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transform:scale(1);transition:.3s}.testimonial-style-two-wrapper .thumbnail img{border-radius:50%}.testimonial-style-two-wrapper .thumb-content .item-title{margin-bottom:16px}.testimonial-style-two-wrapper .thumb-content p{font-size:24px;color:#292930}@media only screen and (max-width: 767px){.testimonial-style-two-wrapper .thumb-content p{font-size:18px}}.testimonial-style-two-wrapper .slick-single-layout:hover .thumbnail{background-color:var(--color-tertiary)}.testimonial-style-two-wrapper .slick-single-layout:hover .thumbnail:before{transform:scale(1.2)}.testimonial-container-box{background-color:var(--color-lighter);border-radius:8px}.testimonial-video-box{position:relative;margin-right:22px;height:100%}@media(max-width: 991px){.testimonial-video-box{margin-right:0}}.testimonial-video-box .thumbnail{height:100%}.testimonial-video-box .thumbnail img{border-radius:8px 0 0 8px;height:100%;object-fit:cover}@media(max-width: 991px){.testimonial-video-box .thumbnail img{border-radius:0}}.testimonial-video-box .play-btn{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center}.testimonial-video-box .play-btn a{height:110px;width:110px;line-height:110px;border-radius:50%;background-color:var(--color-secondary);display:inline-block;font-size:28px;color:var(--color-white);transition:.3s}.testimonial-video-box .play-btn a:hover{background-color:var(--color-primary)}.testimonial-style-three-wrapper{padding-top:100px;padding-left:50px;padding-right:50px;position:relative;height:100%}@media(max-width: 1199px){.testimonial-style-three-wrapper{padding-left:0}}@media(max-width: 991px){.testimonial-style-three-wrapper{padding-left:50px;padding-top:80px}}@media(max-width: 767px){.testimonial-style-three-wrapper{padding-left:30px;padding-right:30px}}.testimonial-style-three-wrapper .heading-title{position:relative;margin-bottom:45px;z-index:1}.testimonial-style-three-wrapper .heading-title:before{content:url("../images/testimonial/quote-left.png");height:100%;width:100%;position:absolute;top:-58px;left:-68px;z-index:-1}@media(max-width: 1199px){.testimonial-style-three-wrapper .heading-title:before{left:0}}.testimonial-style-three-wrapper .heading-title .title{font-size:48px;font-weight:700}@media(max-width: 767px){.testimonial-style-three-wrapper .heading-title .title{font-size:34px}}.testimonial-style-three p{font-size:18px;font-weight:500;margin-bottom:45px}.testimonial-style-three .author-name{margin-bottom:0}.testimonial-style-three .author-desg{font-size:14px}.testimonial-custom-nav{padding-top:94px;padding-bottom:40px}@media(max-width: 991px){.testimonial-custom-nav{padding-top:50px}}.testimonial-custom-nav .slide-custom-nav{display:flex;align-items:center;justify-content:flex-end;margin:0 -12px}.testimonial-custom-nav .slide-custom-nav button{width:auto;line-height:1;font-size:16px;font-weight:500;display:flex;align-items:center;color:var(--color-body);background-color:rgba(0,0,0,0);padding:0 12px}.testimonial-custom-nav .slide-custom-nav button i{margin-left:8px}.testimonial-custom-nav .slide-custom-nav button.prev-custom-nav{border-right:1px solid #d6d6d6}.testimonial-custom-nav .slide-custom-nav button.prev-custom-nav i{margin-left:0;margin-right:8px}.testimonial-custom-nav .slide-custom-nav button:hover{color:var(--color-heading)}.testimonial-custom-nav .slick-slide-count{font-weight:500}.video-banner{position:relative}.video-banner:after{content:"";height:100%;width:100%;background:radial-gradient(circle, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0}.video-banner img{width:100%;border-radius:6px}.video-banner .popup-video-icon{text-align:center;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1}.video-banner .popup-video-icon .video-icon{height:80px;width:80px;line-height:80px;background-color:var(--color-white);border-radius:50%;display:inline-block;font-size:24px;color:var(--color-primary);position:relative;z-index:1}.video-banner .popup-video-icon .video-icon i{position:relative;left:2px;transition:var(--transition)}.video-banner .popup-video-icon .video-icon:after{content:"";height:100%;width:100%;background-color:var(--color-white);border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transition:var(--transition)}.video-banner .popup-video-icon .video-icon:hover i{transform:scale(0.9)}.video-banner .popup-video-icon .video-icon:hover:after{transform:scale(1.1)}.pv-main-wrapper .section-title-wrapper{padding-right:0}.pv-banner-wrapper{margin-top:-120px;background-image:url("../images/preview/banner-bg.png");background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:140px;position:relative;z-index:1}@media only screen and (min-width: 768px)and (max-width: 991px){.pv-banner-wrapper{padding:160px 0 60px}}.pv-banner-area{display:flex;justify-content:center;position:relative;z-index:2;padding-left:calc((100% - 1290px)/2)}@media only screen and (max-width: 1399px){.pv-banner-area{padding-left:calc((100% - 1110px)/2)}}@media only screen and (max-width: 1199px){.pv-banner-area{padding-left:calc((100% - 930px)/2);padding-bottom:50px}}@media only screen and (max-width: 991px){.pv-banner-area{padding-left:calc((100% - 690px)/2);padding-right:calc((100% - 690px)/2);text-align:center}}@media only screen and (max-width: 767px){.pv-banner-area{padding-left:calc((100% - 510px)/2);padding-right:calc((100% - 510px)/2)}}.pv-banner-area .container-fluid{padding:0}@media only screen and (max-width: 575px){.pv-banner-area .inner{padding-top:30px !important}}@media only screen and (max-width: 767px){.pv-banner-area .inner{padding-bottom:26px}}@media only screen and (max-width: 767px){.pv-banner-area .inner .section-title-wrapper{margin-bottom:0}}.pv-banner-area .inner .title-highlighter{margin-bottom:16px}@media only screen and (max-width: 991px){.pv-banner-area .inner .title-highlighter{justify-content:center}}.pv-banner-area .inner .title{margin-bottom:50px;font-size:50px;line-height:1.3}@media only screen and (min-width: 1200px)and (max-width: 1599px){.pv-banner-area .inner .title{font-size:44px}}@media only screen and (max-width: 1399px){.pv-banner-area .inner .title{font-size:36px}}@media only screen and (max-width: 1199px){.pv-banner-area .inner .title{margin-bottom:30px}}@media only screen and (max-width: 991px){.pv-banner-area .inner .title br{display:none}}@media only screen and (max-width: 767px){.pv-banner-area .inner .title{margin-bottom:0}}.pv-banner-area .theme-brief{display:flex;align-items:center;justify-content:flex-start;margin:0 -30px}@media only screen and (max-width: 991px){.pv-banner-area .theme-brief{justify-content:center}}.pv-banner-area .theme-brief .single-counter{padding:0 30px}@media only screen and (max-width: 575px){.pv-banner-area .theme-brief .single-counter{padding:0 5px}}.pv-banner-area .theme-brief .single-counter span.subtile{margin-bottom:10px;color:var(--color-heading);font-size:16px;line-height:24px;display:block}.pv-banner-area .theme-brief .single-counter h2.title{font-size:48px;line-height:1;color:var(--color-primary);display:inline-block;position:relative;min-width:100px}.pv-banner-area .theme-brief .single-counter h2.title::after{content:"+";right:0}@media only screen and (max-width: 1399px){.pv-banner-area .theme-brief .single-counter h2.title{font-size:36px}}@media only screen and (min-width: 768px)and (max-width: 991px){.pv-banner-area .theme-brief .single-counter h2.title{font-size:40px;line-height:58px}}@media only screen and (max-width: 767px){.pv-banner-area .theme-brief .single-counter h2.title{font-size:30px;line-height:40px}}.pv-banner-area .theme-powerd{background-color:var(--color-white);padding:15px 25px;border-radius:10px;display:inline-flex;align-items:center;box-shadow:0px 4px 10px rgba(37,47,63,.1);position:absolute;bottom:-35px}@media only screen and (max-width: 991px){.pv-banner-area .theme-powerd{position:initial}}.pv-banner-area .theme-powerd label{margin-right:20px;font-weight:500;color:var(--color-heading)}.pv-banner-area .theme-powerd .icon-list{display:inline-block;list-style:none;padding:0;margin:-10px -5px}.pv-banner-area .theme-powerd .icon-list li{text-align:center;display:inline-block;margin:10px 5px;background-color:var(--color-lighter);border-radius:50%;height:50px;width:50px;line-height:50px}.pv-banner-area .theme-powerd .icon-list li img{width:25px;height:auto}.pv-banner-area .banner-thumbnail{margin-bottom:-120px}@media only screen and (max-width: 991px){.pv-banner-area .banner-thumbnail{margin-bottom:0;padding-top:50px}}.pv-demo-area{background-color:#f6f7fb;padding:140px 0 80px}.pv-demo-area .section-title-wrapper{margin-bottom:0}.pv-demo-area .section-title-wrapper .title{margin-bottom:0}@media only screen and (min-width: 768px)and (max-width: 991px){.pv-demo-area{padding:80px 0}}@media only screen and (max-width: 767px){.pv-demo-area{padding:80px 0}}.pv-inner-demo-area .section-title-wrapper{margin-bottom:0}.pv-inner-demo-area .section-title-wrapper .title{margin-bottom:0}.pv-single-demo{margin-top:80px;text-align:center;box-shadow:0 0 1px rgba(0,0,0,0);position:relative}@media only screen and (min-width: 992px)and (max-width: 1199px){.pv-single-demo{margin-top:40px}}@media only screen and (min-width: 1200px)and (max-width: 1599px){.pv-single-demo{margin-top:40px}}@media only screen and (max-width: 767px){.pv-single-demo{margin-top:40px}}@media only screen and (min-width: 768px)and (max-width: 991px){.pv-single-demo{margin-top:40px}}.pv-single-demo .thumb{position:relative;overflow:hidden;box-shadow:0px 24px 24px -16px rgba(15,15,15,.2);border-radius:6px}.pv-single-demo .thumb img{max-width:100%;width:100%;border-radius:6px;transform:scale(1);transition:all .5s ease-in-out}.pv-single-demo .thumb .view-btn{position:absolute;top:55%;left:50%;transform:translateY(-50%) translateX(-50%);visibility:hidden;opacity:0}.pv-single-demo .thumb:after{content:"";height:100%;width:100%;background-color:rgba(0,0,0,.5);border-radius:6px;position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.pv-single-demo .title{font-weight:500;margin-top:35px;margin-bottom:0}.pv-single-demo .title a{text-decoration:none}.pv-single-demo .title a span{background-color:var(--color-secondary);color:var(--color-white);padding:2px 12px 4px;margin-left:5px;border-radius:4px;font-size:16px;display:inline-block}.pv-single-demo .title:hover{color:var(--color-primary)}@media only screen and (max-width: 767px){.pv-single-demo .title{margin-top:15px;font-size:18px}}.pv-single-demo:hover .thumb::after{visibility:visible;opacity:1}.pv-single-demo:hover .thumb .view-btn{top:50%;opacity:1;visibility:visible}.pv-single-demo.commin:hover .thumb::after{visibility:hidden}.pv-feature-area{padding-bottom:60px}.pv-feature-box{border-top:1px solid #f1f1f1;padding-top:80px}.pv-feature{text-align:center;height:100%;padding-bottom:30px}.pv-feature .service-box{height:100%;margin-bottom:0}.pv-feature .service-box .title{font-size:24px;line-height:1.2;margin-bottom:15px}.pv-support-area{margin-bottom:-134px}.pv-support{padding-bottom:30px;height:100%}.pv-support .inner{height:100%;border-radius:10px;padding:50px 40px;transition:all .3s ease-in-out;display:flex;box-shadow:0px 24px 24px -16px rgba(15,15,15,.2)}@media only screen and (max-width: 575px){.pv-support .inner{padding:30px 20px}}.pv-support .inner .icon{margin-top:2px;text-align:center;position:relative;height:48px;width:48px;line-height:48px;border-radius:50%;z-index:2;background-color:var(--color-primary);margin-bottom:30px;display:block;margin-right:20px}.pv-support .inner .icon i{font-size:18px;color:var(--color-secondary)}.pv-support .inner .icon img{max-height:40px}.pv-support .inner .content{flex:1}.pv-support .inner .content .title{margin-bottom:10px;color:var(--color-white);display:block}.pv-support .inner .content .paragraph{color:var(--color-white);margin-bottom:30px;display:block}.pv-support .inner .content .axil-btn{font-size:var(--font-size-b1);line-height:var(--line-height-b1);color:var(--color-white);font-weight:700;display:inline-block;z-index:1;transition:.3s}.pv-support .inner .content .axil-btn i{margin-left:10px;position:relative;top:1px;transition:.3s}.pv-support .inner .content .axil-btn:hover i{margin-left:15px}.pv-support.online-documentation .inner{background:#8e2de2;background:-webkit-linear-gradient(to right, #4A00E0, #8E2DE2);background:linear-gradient(to right, #4A00E0, #8E2DE2);background-position:center center;background-size:cover;background-repeat:no-repeat}.pv-support.online-documentation .inner .icon{background-color:var(--color-white)}.pv-support.datecated-support .inner{background:#fc5c7d;background:-webkit-linear-gradient(to right, #6A82FB, #FC5C7D);background:linear-gradient(to right, #6A82FB, #FC5C7D)}.pv-support.datecated-support .inner .icon{background-color:var(--color-white)}.pv-call-to-action{background-color:#f6f7fb}.pv-action-box{padding:185px 30px 0;text-align:center}.pv-action-box .section-title-wrapper{margin-bottom:40px}.pv-action-box .title-highlighter{justify-content:center}.pv-action-box .pv-action-thumbnail{transform:translateY(20px);transition:.3s}.pv-action-box .pv-action-thumbnail:hover{transform:translateY(0)}.pv-footer-area{background-color:var(--color-white);padding:10px 0;position:relative;z-index:2}.pv-footer-area .copyright-default .quick-link li::after{display:none}.header-top-campaign{background-image:url("../images/others/campaign-bg2.png");background-position:center;background-size:cover;background-repeat:no-repeat;padding:8px 0;position:relative}.header-top-campaign .campaign-content{text-align:center;display:flex;align-items:center;justify-content:center;position:relative;margin:0 30px}@media only screen and (max-width: 767px){.header-top-campaign .campaign-content{display:block}}.header-top-campaign .campaign-content p{color:#eeb2ff;font-size:14px}.header-top-campaign .campaign-content p a{font-weight:700;color:var(--color-white);text-decoration:underline;transition:all .3s ease-in-out}.header-top-campaign .campaign-content p a:hover{color:var(--color-secondary)}.header-top-campaign .campaign-countdown{display:flex;align-items:center;margin:0 -5px;padding-right:30px}@media only screen and (max-width: 767px){.header-top-campaign .campaign-countdown{justify-content:center;padding-right:0}}.header-top-campaign .campaign-countdown .countdown-section{margin:0 5px;position:relative}.header-top-campaign .campaign-countdown .countdown-section::after{content:"";height:14px;width:1px;background-color:#c653e2;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.header-top-campaign .campaign-countdown .countdown-section:last-child::after{display:none}.header-top-campaign .campaign-countdown .countdown-section>div{display:flex;align-items:center}.header-top-campaign .campaign-countdown .countdown-section .countdown-number,.header-top-campaign .campaign-countdown .countdown-section .countdown-unit{font-size:14px;font-weight:700;color:var(--color-white)}.header-top-campaign .remove-campaign{position:absolute;top:11px;right:30px;background-color:rgba(0,0,0,0);color:var(--color-white);width:auto;font-size:14px}.header-top-campaign .remove-campaign:hover{color:var(--color-primary)}@media only screen and (max-width: 991px){.header-top-campaign .remove-campaign{right:10px}}.axil-header-top{padding:8px 0}.header-top-dropdown{display:flex;align-items:center}@media only screen and (max-width: 575px){.header-top-dropdown{justify-content:center}}.header-top-dropdown .dropdown{max-width:70px;margin-right:20px}@media only screen and (max-width: 575px){.header-top-dropdown .dropdown{margin-right:10px}}.header-top-dropdown .dropdown:last-child{margin-right:0}.header-top-dropdown .dropdown .dropdown-toggle{font-size:14px;color:var(--color-body);background-color:rgba(0,0,0,0);display:flex;align-items:center}.header-top-dropdown .dropdown .dropdown-toggle:after{content:"";font-family:var(--font-awesome);border:none;margin-left:5px;margin-top:1px}.header-top-dropdown .dropdown .dropdown-menu{min-width:11rem;border:none;box-shadow:var(--shadow-primary);display:block !important;top:35px;visibility:hidden;opacity:0;transition:var(--transition)}.header-top-dropdown .dropdown .dropdown-menu li{margin:5px 10px}.header-top-dropdown .dropdown .dropdown-menu .dropdown-item{font-size:14px;border-radius:6px}.header-top-dropdown .dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--color-secondary);color:var(--color-white)}.header-top-dropdown .dropdown .dropdown-menu.show{visibility:visible;opacity:1;top:30px}.header-top-dropdown.dropdown-box-style .dropdown{max-width:100%}.header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle{color:var(--color-heading);font-weight:700;border:1px solid #f0f0f0;border-radius:6px;padding:10px 20px;justify-content:center}.header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle:after{font-weight:400}.header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle:hover{box-shadow:0 16px 32px 0 rgba(0,0,0,.06)}.header-top-link .quick-link{display:flex;flex-wrap:wrap;margin:0 -18px;justify-content:flex-end}@media only screen and (max-width: 575px){.header-top-link .quick-link{justify-content:center;margin:5px 0}}.header-top-link .quick-link li{margin:0;padding:0 18px;position:relative}.header-top-link .quick-link li a{font-size:var(--font-size-b2);color:var(--color-body);line-height:var(--line-height-b2);display:inline-block}.header-top-link .quick-link li a:hover{color:var(--color-primary)}.header-style-1 .header-top-campaign{background-image:url("../images/others/campaign-bg.png")}.header-style-1 .header-top-campaign .campaign-content p{color:var(--color-white)}.header-style-2 .axil-header-top{padding:25px 0}.header-style-2 .axil-header-top .axil-search{flex:1;position:relative;margin-left:70px;margin-right:20px}@media only screen and (max-width: 991px){.header-style-2 .axil-header-top .axil-search{margin-left:0}}@media only screen and (max-width: 575px){.header-style-2 .axil-header-top .axil-search{display:none}}.header-style-2 .axil-header-top .axil-search .icon{width:auto;position:absolute;top:10px;left:15px;background-color:rgba(0,0,0,0);font-size:14px;color:var(--color-heading);z-index:1}.header-style-2 .axil-header-top .axil-search .icon:hover{color:var(--color-primary)}.header-style-2 .axil-header-top .axil-search input{width:100%;background-color:rgba(0,0,0,0);border:1px solid #d4d4d4;border-radius:6px;font-size:14px;padding-left:50px;color:var(--color-heading);font-weight:500}.header-style-2 .axil-header-top .axil-search input:focus{border-color:var(--color-primary)}@media only screen and (max-width: 575px){.header-style-2 .header-top-dropdown{justify-content:flex-end}}.header-style-4 .axil-header-top{border-bottom:1px solid #f1f1f1;padding:25px 0}@media only screen and (max-width: 991px){.header-style-4 .axil-header-top{padding:15px 0;border-bottom:none}}.header-style-4 .axil-header-top .header-brand{text-align:center}@media only screen and (max-width: 767px){.header-style-4 .axil-header-top .header-brand{text-align:left}}.header-style-4 .axil-header-top .header-action>ul{justify-content:flex-end}@media only screen and (max-width: 767px){.header-style-4 .axil-header-top .header-top-dropdown{justify-content:center;border-bottom:1px solid #f1f1f1;padding-bottom:15px;margin-bottom:15px}}.header-style-5 .axil-header-top{background-color:var(--color-heading);padding:6px 0}.header-style-5 .header-top-dropdown .dropdown .dropdown-toggle{color:#c2c2cc}.header-style-5 .header-top-dropdown .dropdown .dropdown-toggle:hover{color:var(--color-white)}.header-style-5 .header-top-link .quick-link li a{color:#c2c2cc}.header-style-5 .header-top-link .quick-link li a:hover{color:var(--color-primary)}.header-style-5 .header-top-campaign{background-image:url("../images/others/campaign-bg3.png");padding:20px 0 18px}.header-style-5 .header-top-campaign .campaign-content p{font-size:16px;font-weight:700;color:var(--color-white)}.header-style-5 .header-top-campaign .campaign-content p a i{margin-left:15px}@media only screen and (max-width: 479px){.header-style-5 .header-top-campaign .campaign-content p{font-size:12px}}.header-style-7 .axil-header-top{background-color:var(--color-heading);padding:7px 45px}@media(max-width: 991px){.header-style-7 .axil-header-top{padding:7px 0}}@media(max-width: 767px){.header-style-7 .axil-header-top{text-align:center}}.header-style-7 .header-top-text p{font-size:14px;color:var(--color-white)}.header-style-7 .header-top-text p i{color:#facc15;margin-right:5px}@media(max-width: 767px){.header-style-7 .header-top-link .quick-link{justify-content:center}}.header-style-7 .header-top-link .quick-link li a{color:var(--color-white)}.header-style-7 .header-top-link .quick-link li a:hover{color:var(--color-secondary)}.header-brand a{display:block}@media only screen and (max-width: 991px){.header-brand a img{max-height:35px}}@media only screen and (max-width: 320px){.header-brand a img{max-height:30px}}.logo-light{display:none !important}.axil-mainmenu .header-navbar{display:flex;align-items:center;width:100%}.axil-mainmenu .header-navbar .header-main-nav{flex:1;margin:0 50px}@media only screen and (max-width: 991px){.axil-mainmenu .header-navbar .header-main-nav{margin:0}}.axil-mainmenu.axil-sticky{position:fixed;top:0;right:0;left:0;z-index:5;background-color:var(--color-white);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);transition:var(--transition)}.axil-mainmenu.axil-sticky .mainmenu>li>a{height:80px;line-height:80px}.axil-mainmenu.axil-sticky .mainmenu>li>a:before{bottom:20px}.header-style-1{background-color:#f9f3f0;padding-bottom:30px}.header-style-1 .header-navbar{background-color:var(--color-white);padding:0 40px;border-radius:10px}@media only screen and (max-width: 1199px){.header-style-1 .header-navbar{padding:0 25px}}@media only screen and (min-width: 768px)and (max-width: 991px){.header-style-1 .header-navbar{padding:15px 25px}}@media only screen and (max-width: 767px){.header-style-1 .header-navbar{padding:15px 15px}}@media only screen and (max-width: 1199px){.header-style-1 .mainmenu>li{margin:0 13px}}.header-style-1 .axil-mainmenu.axil-sticky{background-color:rgba(0,0,0,0);box-shadow:none;padding-top:10px}.header-style-1 .axil-mainmenu.axil-sticky .header-navbar{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}@media only screen and (max-width: 575px){.header-style-1 .header-brand{margin-right:10px}}.header-style-3{background-color:#f9f3f0}.header-style-3 .axil-mainmenu{padding:20px 0;position:relative;z-index:2}.header-style-3 .axil-mainmenu.axil-sticky{position:fixed;background-color:rgba(0,0,0,0);box-shadow:none;z-index:4}.header-style-3 .axil-mainmenu.axil-sticky .header-navbar{box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.header-style-3 .header-navbar{background-color:var(--color-white);padding:0 20px;border-radius:10px}@media only screen and (min-width: 768px)and (max-width: 991px){.header-style-3 .header-navbar{padding:10px 20px}}@media only screen and (max-width: 767px){.header-style-3 .header-navbar{padding:10px 20px}}.header-style-3 .header-action{display:flex;align-items:center}.header-style-3 .header-action .header-btn .axil-btn{padding:12px 30px;font-size:15px;font-weight:500}@media only screen and (max-width: 479px){.header-style-3 .header-action .header-btn .axil-btn{padding:12px 20px}}.header-style-4 .mainmenu>li>a{line-height:60px;height:60px}.header-style-4 .mainmenu>li>a:before{bottom:18px}@media only screen and (max-width: 991px){.header-style-5 .axil-mainmenu{padding:15px 0}}@media only screen and (max-width: 1399px){.header-style-5 .header-navbar .header-main-nav{margin:0 20px}}@media only screen and (max-width: 1399px)and (max-width: 991px){.header-style-5 .header-navbar .header-main-nav{margin:0}}@media only screen and (max-width: 1399px){.header-style-5 .mainmenu{margin:0 -18px}.header-style-5 .mainmenu>li{margin:0 18px}}.header-style-5 .header-action .axil-search input{border:1px solid #f0f0f0;height:40px}.header-style-7{position:relative;z-index:5}.header-style-7 .axil-mainmenu{padding:20px 45px;box-shadow:0px 4px 10px 0px rgba(0,0,0,.03);filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.03))}@media(max-width: 991px){.header-style-7 .axil-mainmenu{padding:20px 0;filter:none}}.header-style-7 .axil-mainmenu .header-navbar .header-main-nav{margin-left:90px}@media(max-width: 1199px){.header-style-7 .axil-mainmenu .header-navbar .header-main-nav{margin:0 30px}}@media(max-width: 991px){.header-style-7 .axil-mainmenu .header-navbar .header-main-nav{margin:0}}.header-style-7 .header-action>ul{margin:0 -14px}@media(max-width: 767px){.header-style-7 .header-action>ul{margin:0 -10px}}.header-style-7 .header-action>ul>li{margin:0 14px}@media(max-width: 767px){.header-style-7 .header-action>ul>li{margin:0 10px}}.header-style-7 .header-action>ul>li>a{font-size:19px}.header-style-7 .header-action .axil-search{margin-right:110px}@media(max-width: 1599px){.header-style-7 .header-action .axil-search{margin-right:16px}}@media(max-width: 767px){.header-style-7 .header-action .axil-search{margin-right:10px}}.header-style-7 .header-action .axil-search input{border:1px solid #d6d6d6;height:40px;border-radius:8px;padding:0 15px;padding-right:35px;width:448px;max-width:448px}.header-style-7 .header-action .axil-search .icon{left:auto;right:16px;font-size:18px;color:var(--color-body);top:50%}.header-style-7 .header-action .axil-search .icon:hover{color:var(--color-heading)}.header-style-7 .header-action .shopping-cart .cart-dropdown-btn .cart-count{height:14px;width:14px;line-height:14px;font-size:10px;border:none;display:block;top:-16px;right:-8px}.header-style-7 .header-action .my-account .my-account-dropdown{margin-top:30px}.header-style-7 .mainmenu{justify-content:flex-start;margin:0 -20px}@media(max-width: 1199px){.header-style-7 .mainmenu{margin:0 -15px}}.header-style-7 .mainmenu>li{margin:0 20px}@media(max-width: 1199px){.header-style-7 .mainmenu>li{margin:0 15px}}.header-style-7 .mainmenu>li>a{font-size:16px;font-weight:500;line-height:1 !important;height:auto !important}.header-style-7 .mainmenu>li>a i{margin-right:10px;color:var(--color-body);transition:.3s}.header-style-7 .mainmenu>li>a:before{display:none}.header-style-7 .mainmenu>li>a:hover i{color:var(--color-heading)}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle{border:1px dashed var(--color-primary);display:flex;align-items:center;font-size:16px;padding:9px 14px;border-radius:8px}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle i{color:var(--color-primary)}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle:after{content:"";font-family:var(--font-awesome);border:none;vertical-align:middle;font-size:12px;margin-left:8px;transition:all .3s ease-in-out}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle:hover{color:var(--color-primary)}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle:hover i{color:var(--color-primary)}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle:hover:after{color:var(--color-primary)}@media(max-width: 991px){.header-style-7 .mainmenu>li.dropdown .dropdown-toggle{border:none;padding:5px 0}.header-style-7 .mainmenu>li.dropdown .dropdown-toggle i{color:var(--color-body)}}.header-style-7 .mainmenu>li.dropdown .dropdown-menu{list-style:none}@media(min-width: 992px){.header-style-7 .mainmenu>li.dropdown .dropdown-menu{transform:translate(0px, 20px) !important;inset:initial !important;background:#fff;min-width:250px;padding:15px 10px;border-radius:4px;display:block !important;visibility:hidden;opacity:0;box-shadow:var(--shadow-primary);transition:all .3s ease-in-out}}@media(max-width: 991px){.header-style-7 .mainmenu>li.dropdown .dropdown-menu{position:initial !important;border:none;padding:0 0 0 10px}}.header-style-7 .mainmenu>li.dropdown .dropdown-menu li{margin:0}.header-style-7 .mainmenu>li.dropdown .dropdown-menu li a{position:relative;font-size:15px;text-transform:capitalize;color:var(--color-heading);font-weight:500;padding:10px 15px;display:block;transition:all .3s ease-in-out;z-index:1;overflow:hidden;border-bottom:1px solid #f3f3f3}.header-style-7 .mainmenu>li.dropdown .dropdown-menu li a:hover{color:var(--color-secondary);background:rgba(0,0,0,0)}.header-style-7 .mainmenu>li.dropdown .dropdown-menu li a.active{color:var(--color-secondary)}.header-style-7 .mainmenu>li.dropdown .dropdown-menu li a.active:hover{color:var(--color-secondary)}@media(max-width: 991px){.header-style-7 .mainmenu>li.dropdown .dropdown-menu li a{padding:10px 0}}.header-style-7 .mainmenu>li.dropdown .dropdown-menu li:last-child a{border-bottom:none}.header-style-7 .mainmenu>li.dropdown .dropdown-menu.show{visibility:visible;opacity:1;transform:translate(0px, 10px) !important}@media(max-width: 1599px){.d-none-laptop{display:none}}@media(min-width: 1600px){.d-none-desktop{display:none}}@media only screen and (max-width: 479px){.header-action{margin-top:4px}}.header-action>ul{display:flex;align-items:center;margin:0 -10px;padding:0}@media only screen and (max-width: 479px){.header-action>ul{margin:0 -6px}}.header-action>ul>li{margin:0 10px}@media only screen and (max-width: 479px){.header-action>ul>li{margin:0 5px}}.header-action>ul>li>a{font-size:24px;font-weight:500;color:var(--color-heading);position:relative;display:flex;align-items:center;justify-content:center;z-index:1}@media only screen and (max-width: 479px){.header-action>ul>li>a{font-size:22px}}.header-action>ul>li>a>i{display:inline-block;line-height:0}.header-action>ul>li>a::after{content:"";height:45px;width:45px;background-color:var(--color-secondary);transform:scale(0);border-radius:50%;position:absolute;z-index:-1;transition:var(--transition)}@media only screen and (max-width: 575px){.header-action>ul>li>a::after{height:35px;width:35px}}.header-action>ul>li>a:focus{color:var(--color-heading)}.header-action>ul>li>a:hover{color:var(--color-white)}.header-action>ul>li>a:hover::after{transform:scale(1)}.header-action>ul>li>a.open{color:var(--color-white)}.header-action>ul>li>a.open::after{transform:scale(1)}.header-action .shopping-cart .cart-dropdown-btn .cart-count{text-align:center;background-color:var(--color-primary);border:2px solid var(--color-white);font-size:12px;font-weight:500;color:var(--color-white);border-radius:50%;height:22px;width:22px;line-height:19px;position:absolute;top:-12px;right:-12px}.header-action .my-account{position:relative}.header-action .my-account .my-account-dropdown{position:absolute;top:100%;right:0;background:#fff;z-index:-1;opacity:0;visibility:hidden;min-width:250px;padding:20px;border-radius:4px;box-shadow:var(--shadow-primary);list-style:none;transform:translateY(30px);margin-top:20px}@media only screen and (max-width: 479px){.header-action .my-account .my-account-dropdown{right:-30px}}.header-action .my-account .my-account-dropdown ul{list-style:none;padding-left:0}.header-action .my-account .my-account-dropdown .title{font-size:12px;font-weight:500}.header-action .my-account .my-account-dropdown li{margin:0}.header-action .my-account .my-account-dropdown li a{font-size:16px;border-bottom:1px solid #eee;padding:12px 0;display:block}.header-action .my-account .my-account-dropdown li:hover>a{color:var(--color-primary)}.header-action .my-account .my-account-dropdown .login-btn{text-align:center;text-align:center;margin-top:30px;margin-bottom:25px}.header-action .my-account .my-account-dropdown .axil-btn{padding:10px 35px;width:100%}.header-action .my-account .my-account-dropdown .reg-footer{font-size:12px}.header-action .my-account .my-account-dropdown .reg-footer .btn-link{margin-left:7px;font-weight:700;text-transform:uppercase;color:var(--color-dark);position:relative;line-height:1;border-bottom:2px solid #999fae;text-decoration:none}.header-action .my-account .my-account-dropdown .reg-footer .btn-link:hover{color:var(--color-primary);border-color:var(--color-primary)}.header-action .my-account .my-account-dropdown.open{opacity:1;visibility:visible;z-index:9;transform:translateY(0)}.header-action .axil-search{position:relative}.header-action .axil-search .icon{position:absolute;left:15px;width:auto;padding:0;top:52%;transform:translateY(-50%);line-height:1;background-color:rgba(0,0,0,0);font-size:22px;color:var(--color-heading)}.header-action .axil-search .icon i{display:inline-block;line-height:0}.header-action .axil-search input{background:var(--color-white);color:var(--color-heading);border-radius:6px;padding-left:40px;padding-right:10px;max-width:250px;height:50px;opacity:1;font-size:14px}.header-search-modal{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(0.8);opacity:0;visibility:hidden;z-index:10}@media only screen and (max-width: 991px){.header-search-modal{width:92%;right:-100%}}.header-search-modal .card-close{height:40px;width:40px;font-size:16px;color:var(--color_black);border-radius:50%;position:absolute;right:-60px;top:0;z-index:1}.header-search-modal .card-close:hover{background-color:var(--color-primary);color:var(--color-white)}@media only screen and (max-width: 991px){.header-search-modal .card-close{height:35px;width:35px;font-size:15px;right:30px;top:12px}}@media only screen and (max-width: 479px){.header-search-modal .card-close{right:15px;top:14px}}.header-search-modal .header-search-wrap{background-color:var(--color-white);border-radius:10px;padding:40px 30px;width:800px;height:575px;max-height:90vh;overflow:auto}@media only screen and (max-width: 991px){.header-search-modal .header-search-wrap{width:100%;padding:70px 30px 30px}}@media only screen and (max-width: 479px){.header-search-modal .header-search-wrap{padding:70px 15px 30px}}.header-search-modal .card-header{background-color:rgba(0,0,0,0);padding:0;border-bottom:none}.header-search-modal .card-header form{padding-bottom:30px}.header-search-modal .card-header .form-control{border:1px solid #f1f1f1;border-radius:6px !important;font-size:15px;height:55px;padding:5px 20px 5px 50px;color:var(--color-)}.header-search-modal .card-header .form-control:focus{box-shadow:0 16px 32px 0 rgba(0,0,0,.04)}.header-search-modal .card-header .form-control::placeholder{color:var(--color-heading);opacity:1}.header-search-modal .card-header .form-control:-ms-input-placeholder{color:var(--color-heading)}.header-search-modal .card-header .form-control::-ms-input-placeholder{color:var(--color-heading)}.header-search-modal .card-header .axil-btn{width:auto;padding:5px 20px;font-size:15px;background-color:rgba(0,0,0,0);margin:5px;border-radius:6px !important;z-index:1;position:absolute;top:0;left:0;bottom:0;z-index:10;pointer-events:none}.header-search-modal .card-header .axil-btn:before{display:none}.header-search-modal .card-header .axil-btn i{margin-right:0;color:var(--color-lightest)}.header-search-modal .card-header .axil-btn:hover i{color:var(--color-heading)}.header-search-modal .card-body{padding:0}.header-search-modal .search-result-header{border-bottom:1px solid #f6f7fb;padding-bottom:15px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.header-search-modal .search-result-header .title{margin-bottom:0;font-size:14px;font-weight:400;color:var(--color-heading)}.header-search-modal .search-result-header .view-all{font-size:14px;transition:.3s;color:var(--color-heading);position:relative}.header-search-modal .search-result-header .view-all:after{content:"";height:2px;width:0;background-color:var(--color-heading);position:absolute;bottom:-2px;right:0;opacity:0;transition:.5s}.header-search-modal .search-result-header .view-all:hover{color:var(--color-heading)}.header-search-modal .search-result-header .view-all:hover:after{width:100%;opacity:1;left:0}.header-search-modal .psearch-results .axil-product-list{padding:20px;margin-bottom:20px}@media only screen and (max-width: 575px){.header-search-modal .psearch-results .axil-product-list{display:flex;text-align:left;align-items:flex-start}.header-search-modal .psearch-results .axil-product-list .thumbnail{margin-bottom:0;margin-right:15px}.header-search-modal .psearch-results .axil-product-list .product-rating{justify-content:flex-start}}@media only screen and (max-width: 479px){.header-search-modal .psearch-results .axil-product-list{padding:15px}.header-search-modal .psearch-results .axil-product-list .thumbnail{width:60px}.header-search-modal .psearch-results .axil-product-list .product-content .product-title{margin-bottom:4px}.header-search-modal .psearch-results .axil-product-list .product-content .product-price-variant{font-size:16px}.header-search-modal .psearch-results .axil-product-list .product-content .rating-icon{margin-right:10px}.header-search-modal .psearch-results .axil-product-list .product-content .product-rating{display:block;margin-bottom:5px}.header-search-modal .psearch-results .axil-product-list .product-content .product-rating .rating-number{margin-left:0}.header-search-modal .psearch-results .axil-product-list .product-content .product-cart{margin-top:10px}}.header-search-modal .psearch-results .axil-product-list:last-child{margin-bottom:0}.header-search-modal .psearch-results.show{visibility:visible;opacity:1}.header-search-modal.open{visibility:visible;opacity:1;transform:translate(-50%, -50%) scale(1);transition:all .3s cubic-bezier(0.29, 1.39, 0.86, 1.15)}.axil-mainmenu.aside-category-menu{background-color:#f7f7f7}@media only screen and (max-width: 991px){.axil-mainmenu.aside-category-menu{padding:10px 0}}.axil-mainmenu.aside-category-menu .header-main-nav{margin-right:0;margin-left:40px}@media only screen and (max-width: 991px){.axil-mainmenu.aside-category-menu .header-main-nav{margin-left:0}}.axil-mainmenu.aside-category-menu .header-nav-department{width:250px}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-nav-department{width:auto}}.axil-mainmenu.aside-category-menu .header-department{position:relative}.axil-mainmenu.aside-category-menu .header-department .header-department-text{font-size:16px;background:var(--color-primary);margin-bottom:0;display:flex;padding:17px 30px;position:relative}@media only screen and (max-width: 991px){.axil-mainmenu.aside-category-menu .header-department .header-department-text{padding:10px 20px;border-radius:6px}}.axil-mainmenu.aside-category-menu .header-department .header-department-text .icon{margin-right:20px;color:var(--color-white);font-size:18px}@media only screen and (max-width: 991px){.axil-mainmenu.aside-category-menu .header-department .header-department-text .icon{margin-right:15px}}@media only screen and (max-width: 479px){.axil-mainmenu.aside-category-menu .header-department .header-department-text .icon{display:none}}.axil-mainmenu.aside-category-menu .header-department .header-department-text .text{color:var(--color-white);margin:0;cursor:pointer}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);border:1px solid #f3f3f3;padding:6px 0;transition:var(--transition);z-index:5}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-nav-menu{position:fixed;top:0;left:-260px;bottom:0;z-index:50;width:250px;padding:70px 0 20px;height:100%;border-radius:0}}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .sidebar-close{font-size:14px;color:var(--color-black);position:absolute;top:8px;right:15px;height:30px;width:30px;line-height:30px;background-color:var(--color-lighter);border-radius:10px;display:none}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .sidebar-close:hover{background-color:var(--color-primary);color:var(--color-white)}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .sidebar-close{display:block}}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-menu-list{height:100%;overflow:auto}}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li{padding:0 30px;margin:0;position:relative}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:hover .department-megamenu{pointer-events:auto;visibility:visible;opacity:1;transform:translateX(0)}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:hover .department-megamenu .department-submenu{opacity:1;transform:translateX(0)}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:hover .department-megamenu .featured-product{opacity:1;transform:translateY(0)}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu>ul>li:last-child .nav-link{border-bottom:none}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link{display:flex;align-items:center;font-size:14px;font-weight:500;color:#999;padding:13px 0;border-bottom:1px solid #f3f3f3;position:relative}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link{font-size:16px;padding:12px 0}}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link .menu-icon{margin-right:14px;position:relative;top:-2px}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link .menu-icon img{width:25px;height:auto}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link.has-megamenu:after{content:"";font-family:var(--font-awesome);font-weight:400;color:#c5c5c5;font-size:14px;position:absolute;top:50%;transform:translateY(-50%);right:0;transition:var(--transition)}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link:hover{color:var(--color-heading)}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu .nav-link:hover:after{color:var(--color-primary);transform:translateY(-50%) rotate(-90deg)}.axil-mainmenu.aside-category-menu .header-department .department-nav-menu.open{left:0}.axil-mainmenu.aside-category-menu .header-department .department-megamenu{position:absolute;top:0;left:100%;width:990px;z-index:3;transform:translateX(10px);visibility:hidden;opacity:0;pointer-events:none;transition:all .3s ease-in-out;margin-left:1px}@media only screen and (max-width: 1320px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu{width:870px}}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu{position:initial;visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;width:auto;display:none;transition:initial}}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-megamenu-wrap{background-color:var(--color-white);border-radius:0 0 24px 0;box-shadow:40px 40px 48px 0px rgba(36,41,47,.1);padding:30px;display:flex}@media only screen and (max-width: 1320px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-megamenu-wrap{padding:15px}}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-megamenu-wrap{display:block;padding:0;box-shadow:none;padding:20px 0}}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu-wrap{flex:auto;padding:30px;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:20px;border-right:2px solid #f6f7fb}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu-wrap{grid-template-columns:repeat(1, 1fr);padding:0;border:none}}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu{opacity:0;transform:translateX(10px);transition:all .3s ease-in-out}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu{opacity:1;transform:translateX(0)}}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu:nth-child(1n){transition-delay:.1s}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu:nth-child(2n){transition-delay:.2s}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu:nth-child(3n){transition-delay:.3s}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu .submenu-heading{font-size:16px;color:var(--color-black);margin-bottom:12px}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu .submenu-heading{font-size:16px}}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul{margin-bottom:30px}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul li a{font-size:14px;font-weight:500;color:var(--color-body);padding:10px 0}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .department-submenu ul li a:hover{color:var(--color-primary)}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product{padding:40px 30px 40px 55px;max-width:40%;opacity:0;transform:translateY(10px);transition:all .3s ease-in-out;transition-delay:.4s}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product{max-width:100%;opacity:1;transform:translateY(0);padding:0}}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .featured-heading{font-size:16px;color:var(--color-black);margin-bottom:12px}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product:nth-child(-n+2){grid-column:span 2}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product a{overflow:hidden;display:block;border-radius:8px}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product a img{border-radius:8px;transition:.4s ease-in-out}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .product-list .item-product a:hover img{transform:scale(1.1)}.axil-mainmenu.aside-category-menu .header-department .department-megamenu .featured-product .axil-btn{margin-top:15px;display:block;text-align:center}.axil-mainmenu.aside-category-menu .mainmenu{justify-content:flex-start}@media only screen and (max-width: 1199px){.axil-mainmenu.aside-category-menu .mainmenu>li{margin:0 20px}}.axil-mainmenu.aside-category-menu .mainmenu>li:last-child{margin-right:0}.axil-mainmenu.aside-category-menu .mainmenu>li>a{line-height:60px;height:60px}.axil-mainmenu.aside-category-menu .mainmenu>li>a:before{bottom:18px}@media only screen and (max-width: 991px){.header-main-nav .mainmenu-nav{display:block;position:fixed;top:0;bottom:0;right:-250px;width:250px;background-color:var(--color-white);z-index:100;transition:all .3s ease-in-out;padding:20px 30px 10px;visibility:hidden;opacity:0}.header-main-nav .mainmenu-nav .mainmenu{display:block;height:calc(100vh - 85px);overflow-y:auto;margin:0}.header-main-nav .mainmenu-nav .mainmenu>li{margin:10px 0 !important;transform:translateY(20px);opacity:0;transition:all .3s ease-in-out}.header-main-nav .mainmenu-nav .mainmenu>li>a{color:var(--color-body);line-height:var(--line-height-b2) !important;height:auto !important;padding:5px 0;display:inline-block}.header-main-nav .mainmenu-nav .mainmenu>li>a::before{display:none}.header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children a{margin:0}.header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children a::after{right:-18px;top:4px;color:var(--color-body)}.header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu{display:none;position:static;transform:scaleY(1);visibility:visible;opacity:1;min-width:auto;box-shadow:none;padding:0;transition:initial}.header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu li a{padding:5px 10px}.header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu li a:after{display:none}.header-main-nav .mainmenu-nav .mainmenu>li.menu-item-has-children .axil-submenu li a:hover{color:var(--color-primary);background-color:rgba(0,0,0,0)}}.header-main-nav.open .mainmenu-nav{right:0;visibility:visible;opacity:1}.header-main-nav.open .mainmenu-nav .mainmenu li{transform:translateY(0);opacity:1}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(1n){transition-delay:.3s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(2n){transition-delay:.4s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(3n){transition-delay:.5s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(4n){transition-delay:.6s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(5n){transition-delay:.7s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(6n){transition-delay:.8s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(7n){transition-delay:.9s}.header-main-nav.open .mainmenu-nav .mainmenu li:nth-child(8n){transition-delay:1s}.mobile-close-btn{background-color:rgba(0,0,0,0);position:absolute;top:19px;right:15px;height:35px;width:35px;background-color:var(--color-lighter);border-radius:40px;color:var(--color-dark);font-size:12px}@media only screen and (min-width: 992px){.mobile-close-btn{display:none}}.mobile-close-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.mobile-nav-brand{margin-bottom:30px}.mobile-nav-brand img{max-height:35px}@media only screen and (min-width: 992px){.mobile-nav-brand{display:none}}.axil-mobile-toggle{margin-left:30px}@media only screen and (min-width: 992px){.axil-mobile-toggle{display:none}}@media only screen and (max-width: 575px){.axil-mobile-toggle{margin-left:18px}}.axil-mobile-toggle .menu-btn{display:flex;align-items:center;justify-content:center;padding:0;background-color:rgba(0,0,0,0);position:relative;z-index:1;color:var(--color-heading);font-size:23px}@media only screen and (max-width: 479px){.axil-mobile-toggle .menu-btn{font-size:22px}}.axil-mobile-toggle .menu-btn i{display:inline-block;line-height:0}.axil-mobile-toggle .menu-btn:after{content:"";height:40px;width:40px;background:var(--color-secondary);border-radius:50%;position:absolute;z-index:-1;transform:scale(0);transition:var(--transition)}@media only screen and (max-width: 575px){.axil-mobile-toggle .menu-btn:after{height:35px;width:35px}}.axil-mobile-toggle .menu-btn:hover{color:var(--color-white)}.axil-mobile-toggle .menu-btn:hover:after{transform:scaleX(1)}.header-mobile-brand img{width:150px}@media only screen and (max-width: 991px){.mainmenu-nav{display:none}}.mainmenu{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin:0 -24px}@media only screen and (max-width: 1199px){.mainmenu{margin:0 -15px}}.mainmenu>li{margin:0 24px}@media only screen and (max-width: 1199px){.mainmenu>li{margin:0 15px}}.mainmenu>li>a{color:var(--color-heading);font-weight:700;font-size:15px;font-family:var(--font-primary);line-height:80px;height:80px;display:block;position:relative;transition:var(--transition)}.mainmenu>li>a::before{content:"";height:2px;width:0;background-color:var(--color-black);position:absolute;bottom:29px;left:0;opacity:0;transition:.5s}.mainmenu>li>a:hover{color:var(--color-black)}.mainmenu>li>a:hover::before{opacity:1;width:100%}.mainmenu>li>a.active{color:var(--color-black)}.mainmenu>li>a.active:before{width:100%;opacity:1}.mainmenu>.menu-item-has-children{position:relative}.mainmenu>.menu-item-has-children>a{position:relative;margin-right:15px}.mainmenu>.menu-item-has-children>a::after{content:"";font-family:var(--font-awesome);font-weight:400;color:#c6c6c6;font-size:14px;position:absolute;top:1px;right:-14px}.mainmenu>.menu-item-has-children.menu-item-open>a:before{width:100%;opacity:1}.mainmenu>.menu-item-has-children .axil-submenu{position:absolute;top:100%;left:0;background:#fff;z-index:-1;opacity:0;visibility:hidden;min-width:250px;padding:15px 10px;border-radius:4px;box-shadow:var(--shadow-primary);transition:all .3s ease-in-out;list-style:none;pointer-events:none}.mainmenu>.menu-item-has-children .axil-submenu li{margin:0}.mainmenu>.menu-item-has-children .axil-submenu li a{position:relative;font-size:15px;text-transform:capitalize;color:var(--color-heading);font-weight:500;padding:5px 15px;border-radius:4px;display:block;transition:all .3s ease-in-out;z-index:1;overflow:hidden}.mainmenu>.menu-item-has-children .axil-submenu li a:hover{color:var(--color-secondary)}.mainmenu>.menu-item-has-children .axil-submenu li a.active{color:var(--color-secondary)}.mainmenu>.menu-item-has-children .axil-submenu li a.active:hover{color:var(--color-secondary)}.mainmenu>.menu-item-has-children:hover .axil-submenu{top:90%;opacity:1;visibility:visible;z-index:9;pointer-events:all}.cart-dropdown{position:fixed;right:-600px;top:0;bottom:0;z-index:101;transition:all .5s cubic-bezier(0.55, 0, 0.1, 1)}@media only screen and (max-width: 767px){.cart-dropdown{width:100%;right:-100%}}.cart-dropdown .cart-content-wrap{background-color:var(--color-white);padding:60px 50px;width:600px;height:100%;display:flex;flex-direction:column;overflow:auto}@media only screen and (max-width: 767px){.cart-dropdown .cart-content-wrap{width:100%;padding:30px}}@media only screen and (max-width: 479px){.cart-dropdown .cart-content-wrap{padding:30px 15px}}.cart-dropdown .cart-content-wrap::-webkit-scrollbar{width:8px;border-radius:10px}.cart-dropdown .cart-content-wrap::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;transition:.5s}.cart-dropdown .cart-content-wrap::-webkit-scrollbar-thumb{background:var(--color-lightest);border-radius:10px;transition:.5s}.cart-dropdown .cart-content-wrap::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.cart-dropdown .cart-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #f6f7fb;padding-bottom:18px}.cart-dropdown .cart-header .header-title{font-size:26px;color:#27272e;margin-bottom:0}@media only screen and (max-width: 767px){.cart-dropdown .cart-header .header-title{font-size:24px}}.cart-dropdown .cart-header .cart-close{height:40px;width:40px;font-size:16px;color:var(--color_black);border-radius:50%}.cart-dropdown .cart-header .cart-close:hover{background-color:var(--color-primary);color:var(--color-white)}.cart-dropdown .cart-body{padding:30px 0;flex:auto}.cart-dropdown .cart-item{display:flex;align-items:center;margin-bottom:30px;border-bottom:1px solid #f6f7fb;padding-bottom:30px}@media only screen and (max-width: 479px){.cart-dropdown .cart-item{align-items:flex-start}}.cart-dropdown .cart-item:last-child{margin-bottom:0;border-bottom:none}.cart-dropdown .cart-item .item-img{margin-right:30px;position:relative}@media only screen and (max-width: 479px){.cart-dropdown .cart-item .item-img{margin-right:15px}}.cart-dropdown .cart-item .item-img a{display:block;background-color:#f6f7fb;border-radius:10px}@media only screen and (max-width: 767px){.cart-dropdown .cart-item .item-img a{width:70px}}.cart-dropdown .cart-item .item-img a img{border-radius:10px;height:100px;width:100px;object-fit:cover}.cart-dropdown .cart-item .item-img .close-btn{height:31px;width:31px;background-color:#f6f7fb;border:2px solid var(--color-white);border-radius:50%;font-size:12px;color:var(--color-black);position:absolute;top:-15px;left:-10px;transition:all .3s ease-in-out}@media only screen and (max-width: 767px){.cart-dropdown .cart-item .item-img .close-btn{height:25px;width:25px;font-size:10px}}.cart-dropdown .cart-item .item-img .close-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.cart-dropdown .cart-item .item-content{flex:1;position:relative;padding-right:110px}@media only screen and (max-width: 479px){.cart-dropdown .cart-item .item-content{padding-right:0}}.cart-dropdown .cart-item .product-rating{margin-bottom:14px;font-size:10px;transition:var(--transition)}.cart-dropdown .cart-item .product-rating i{color:#ffdc60}.cart-dropdown .cart-item .product-rating .rating-number{margin-left:5px;font-weight:500}.cart-dropdown .cart-item .item-title{font-size:16px;color:var(--color-black);margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media only screen and (max-width: 767px){.cart-dropdown .cart-item .item-title{font-size:16px;margin-bottom:15px}}@media only screen and (max-width: 479px){.cart-dropdown .cart-item .item-title{margin-bottom:5px}}.cart-dropdown .cart-item .item-price{font-size:18px;font-family:var(--font-secondary);color:var(--color-black)}@media only screen and (max-width: 767px){.cart-dropdown .cart-item .item-price{font-size:16px;margin-top:10px}}.cart-dropdown .cart-item .item-quantity{display:flex;align-items:center;position:absolute;top:50%;right:0;transform:translateY(-50%);justify-content:flex-end}@media only screen and (max-width: 479px){.cart-dropdown .cart-item .item-quantity{position:initial;transform:translateY(0);justify-content:flex-start;margin-top:8px}}.cart-dropdown .cart-item .item-quantity .qtybtn{text-align:center;height:26px;width:26px;line-height:20px;font-size:18px;color:var(--color-black);background-color:#f6f7fb;border-radius:50%;transition:all .3s ease-in-out}.cart-dropdown .cart-item .item-quantity .qtybtn:hover{background-color:var(--color-primary);color:var(--color-white)}.cart-dropdown .cart-item .item-quantity .quantity-input{font-size:16px;font-weight:600;color:#27272e;height:26px;width:30px;border:none;text-align:center;padding:0}.cart-dropdown .cart-item .item-quantity input::-webkit-outer-spin-button,.cart-dropdown .cart-item .item-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-dropdown .cart-item .item-quantity input[type=number]{-moz-appearance:textfield}.cart-dropdown .cart-footer{border-top:2px solid #f6f7fb}.cart-dropdown .cart-footer .cart-subtotal{display:flex;align-items:center;justify-content:space-between;margin:22px 0 30px;color:var(--color-black);font-size:20px}.cart-dropdown .cart-footer .cart-subtotal .subtotal-amount{font-weight:700}.cart-dropdown .cart-footer .group-btn{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:20px}@media only screen and (max-width: 575px){.cart-dropdown .cart-footer .group-btn{display:block}}.cart-dropdown .cart-footer .group-btn .axil-btn{text-align:center}.cart-dropdown .cart-footer .group-btn .axil-btn:hover:before{transform:scale(1.05)}@media only screen and (max-width: 575px){.cart-dropdown .cart-footer .group-btn .axil-btn{display:block;margin-bottom:10px}}.cart-dropdown.open{right:0}body.open .closeMask{height:100%;width:100%;background-color:rgba(0,0,0,.6);position:fixed;top:0;left:0;right:0;bottom:0;z-index:6;transition:.3s}.category-select{display:flex;flex-wrap:wrap;margin:-10px}.category-select .single-select{color:var(--color-dark);width:auto;margin:10px;padding-right:43px;background:url("../images/icons/arrow-icon2.png") 85% center no-repeat rgba(0,0,0,0);font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-b1);border:2px solid var(--color-light)}@media only screen and (max-width: 767px){.category-select .single-select{width:100%;background-position-x:95%}}.axil-product{position:relative}@media only screen and (max-width: 575px){.axil-product{text-align:center}}.axil-product>.thumbnail{position:relative;display:block}.axil-product>.thumbnail>a{display:block;background-color:#f7f7f7;border-radius:6px;overflow:hidden;position:relative}.axil-product>.thumbnail>a img{border-radius:6px;width:100%;transition:.3s}.axil-product>.thumbnail>a .hover-img{position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0;transition:.3s}.axil-product>.thumbnail .label-block{position:absolute;top:24px;left:24px;z-index:2}.axil-product>.thumbnail .label-block .product-badget{background-color:var(--color-primary);line-height:1;padding:6px 10px 5px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;box-shadow:0 8px 16px 0 rgba(53,119,240,.3)}.axil-product>.thumbnail .label-block.label-right{left:auto;right:-10px}.axil-product .sub-title{margin-bottom:10px}.axil-product .product-content{margin-top:25px;position:relative;margin-bottom:30px}.axil-product .product-content .product-rating{margin-bottom:10px;font-size:13px;transition:var(--transition)}.axil-product .product-content .product-rating i{color:#ffdc60}.axil-product .product-content .product-rating .rating-number{margin-left:5px;font-weight:500}.axil-product .product-content .inner{transition:.3s}.axil-product .product-content .sub-title{transition:var(--transition)}.axil-product .product-content .title{color:var(--color-body);font-size:16px;font-weight:500;margin-bottom:10px;transition:var(--transition)}.axil-product .product-content .title a{transition:.3s}.axil-product .product-content .product-price-variant{margin:-4px;transition:var(--transition);transition-delay:.1s}@media only screen and (max-width: 575px){.axil-product .product-content .product-price-variant{justify-content:center}}.axil-product .product-content .product-price-variant span.price{margin:4px;color:var(--color-heading);font-weight:700;font-size:20px;font-family:var(--font-secondary)}.axil-product .product-content .product-price-variant span.price.old-price{color:#d6d6d6;text-decoration:line-through;margin-left:0}.axil-product .product-hover-action{position:absolute;bottom:0;left:0;right:0;opacity:0;visibility:hidden;transition:.5s}.axil-product .cart-action{display:flex;align-items:center;justify-content:center;margin:-5px}.axil-product .cart-action li{margin:5px}.axil-product .cart-action li.wishlist a,.axil-product .cart-action li.quickview a{width:40px;height:40px;line-height:42px;border-radius:4px;background-color:var(--color-white);display:block;text-align:center;transition:.3s;position:relative;font-size:14px;color:var(--color-heading);box-shadow:0 16px 32px 0 rgba(0,0,0,.06);position:relative;z-index:1}.axil-product .cart-action li.wishlist a:before,.axil-product .cart-action li.quickview a:before{content:"";height:100%;width:100%;background-color:var(--color-white);border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)}.axil-product .cart-action li.wishlist a i,.axil-product .cart-action li.quickview a i{transition:all .3s ease-in-out}.axil-product .cart-action li.wishlist a:hover:before,.axil-product .cart-action li.quickview a:hover:before{transform:scale(1.2)}.axil-product .cart-action li.wishlist a:hover i,.axil-product .cart-action li.quickview a:hover i{animation:btnIconSlide 400ms}.axil-product .cart-action li.select-option a{position:relative;height:40px;line-height:39px;padding:0 18px;display:block;border-radius:4px;font-weight:700;font-size:14px;color:var(--color-white);background-color:var(--color-secondary);transition:.3s;box-shadow:0 16px 32px 0 rgba(0,0,0,.06);position:relative;z-index:1}.axil-product .cart-action li.select-option a:before{content:"";height:100%;width:100%;background-color:var(--color-secondary);border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1)}.axil-product .cart-action li.select-option a:hover{background-color:var(--color-secondary);color:var(--color-white)}.axil-product .cart-action li.select-option a:hover:before{transform:scale(1.1)}.axil-product:hover .thumbnail a img{transform:scale(1.1)}.axil-product:hover .thumbnail a .hover-img{visibility:visible;opacity:1}.axil-product:hover .product-hover-action{bottom:30px;opacity:1;visibility:visible;transition-delay:.2s}.axil-product.product-style-two{text-align:center}.axil-product.product-style-two .product-content .color-variant,.axil-product.product-style-two .product-content .product-price-variant{justify-content:center;margin-top:0}.axil-product.product-style-two .product-content .color-variant{margin-bottom:10px}.axil-product.product-style-two .product-content .product-price-variant{margin-bottom:15px}.axil-product.product-style-two .thumbnail a{width:276px;height:276px;overflow:hidden;border-radius:50%;margin:0 auto}@media only screen and (max-width: 767px){.axil-product.product-style-two .thumbnail a{width:200px;height:200px}}@media only screen and (max-width: 575px){.axil-product.product-style-two .thumbnail a{width:250px;height:250px}}.axil-product.product-style-two .product-hover-action{position:initial;visibility:visible;opacity:1}.axil-product.product-style-four{text-align:center}.axil-product.product-style-four .product-content .product-price-variant{justify-content:center}.axil-product.product-style-four .product-content .color-variant{justify-content:center}.axil-product.product-style-five{border-radius:6px;text-align:center}.axil-product.product-style-five .thumbnail a{border-radius:6px 6px 0 0}.axil-product.product-style-five .thumbnail a img{border-radius:6px 6px 0 0}.axil-product.product-style-five .product-content{padding:25px 30px 30px;margin:0;background-color:var(--color-white)}.axil-product.product-style-five .product-content .cart-action{padding-top:10px}.axil-product.product-style-six{border:1px solid #f1f1f1;border-radius:6px;margin-bottom:30px;transition:.3s}@media only screen and (max-width: 575px){.axil-product.product-style-six{text-align:left}}.axil-product.product-style-six .thumbnail a{border-radius:6px 6px 0 0}.axil-product.product-style-six .thumbnail a img{border-radius:6px 6px 0 0;transition:transform 3s cubic-bezier(0.2, 0.96, 0.34, 1)}.axil-product.product-style-six .product-content{margin:0;padding:35px 30px 30px;z-index:1}.axil-product.product-style-six .product-content .product-price-variant{position:absolute;top:-57px;right:25px;z-index:-1;background-color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(25px);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:5px 15px;border-radius:6px}.axil-product.product-style-six .product-content .product-price-variant span.price{font-size:18px;color:var(--color-white)}.axil-product.product-style-six .product-content .title{margin-bottom:15px}.axil-product.product-style-six .product-content .product-hover-action{position:initial;opacity:1;visibility:visible}.axil-product.product-style-six .product-content .product-hover-action .cart-action{justify-content:flex-start}.axil-product.product-style-six .product-content .product-hover-action .cart-action li.select-option a{background-color:rgba(0,0,0,0);border:1px solid #efefef;color:var(--color-heading);box-shadow:none}.axil-product.product-style-six .product-content .product-hover-action .cart-action li.select-option a:before{display:none}.axil-product.product-style-six .product-content .product-hover-action .cart-action li.select-option a:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.axil-product.product-style-six:hover{box-shadow:var(--shadow-dark);border-color:var(--color-white)}.axil-product.product-style-six:hover .thumbnail img{transform:scale(1.3)}.axil-product.product-style-seven:before{content:"";height:70%;width:100%;background-color:#f7f7f7;border-radius:6px;position:absolute;top:0;left:0;right:0;transition:.3s}.axil-product.product-style-seven .product-content{margin:0;padding:40px 30px 0;position:relative}.axil-product.product-style-seven .product-content .cart-btn{position:absolute;top:-20px;right:20px}.axil-product.product-style-seven .product-content .cart-btn a{display:inline-block;text-align:center;height:45px;width:45px;line-height:46px;background-color:var(--color-lighter);border:2px solid var(--color-white);color:var(--color-heading);font-size:18px;border-radius:50%;transition:.3s;box-shadow:0 16px 32px 0 rgba(103,103,103,.06)}.axil-product.product-style-seven .product-content .cart-btn a:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 8px 16px 0 rgba(53,119,240,.3)}.axil-product.product-style-seven .product-content .product-rating{margin-bottom:0;margin-top:10px}.axil-product.product-style-seven .product-content .title{font-size:20px;color:var(--color-heading)}.axil-product.product-style-seven .product-content .product-price-variant .price{font-size:16px}.axil-product.product-style-seven .thumbnail a{background-color:rgba(0,0,0,0);overflow:visible}.axil-product.product-style-seven:hover .thumbnail img{transform:scale(0.9)}.axil-product.product-style-eight .thumbnail a{border-radius:8px}.axil-product.product-style-eight .label-block{position:absolute;z-index:2}.axil-product.product-style-eight .label-block.label-left{left:10px;top:10px}.axil-product.product-style-eight .label-block.label-right{left:auto;right:20px;top:20px}.axil-product.product-style-eight .label-block .product-badget{line-height:1;font-size:12px;font-weight:500;color:#fff;border-radius:4px;background-color:var(--color-heading);padding:8px 10px;box-shadow:none;text-transform:uppercase}.axil-product.product-style-eight .label-block .product-badget.sale{background-color:var(--color-white);color:var(--color-primary)}.axil-product.product-style-eight .label-block .product-badget.sold-out{background-color:var(--color-primary)}.axil-product.product-style-eight .cart-action{display:block;margin:0 20px}.axil-product.product-style-eight .cart-action li.select-option a{text-align:center;display:flex;align-items:center;justify-content:center;border-radius:8px;height:42px}.axil-product.product-style-eight .cart-action li.select-option a i{font-size:21px;margin-right:10px}.axil-product.product-style-eight .color-variant-wrapper{margin-bottom:12px}.axil-product.product-style-eight .color-variant{margin:-5px -2px}.axil-product.product-style-eight .color-variant li>span{height:12px;width:12px;border-width:0}.axil-product.product-style-eight .color-variant li>span .color{height:12px;width:12px;transition:.3s}.axil-product.product-style-eight .color-variant li.active>span{border-width:1px}.axil-product.product-style-eight .color-variant li.active>span .color{height:6px;width:6px}.axil-product.product-style-eight .product-content{margin-bottom:45px;padding:0 20px}.axil-product.product-style-eight .product-content .title{color:#26204b}.axil-product.product-style-eight .product-content .title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.axil-product.product-style-eight .product-content .product-rating{font-size:16px}.axil-product.product-style-eight .product-content .product-rating .rating-number{font-size:12px}.axil-product.product-style-eight .product-content .product-price-variant{margin:0;line-height:1.2}.axil-product.product-style-eight:hover .product-hover-action{bottom:20px}.axil-product.product-list-style-3{display:flex;align-items:center;background-color:var(--color-lighter);border-radius:8px;margin-bottom:30px}@media(max-width: 1199px){.axil-product.product-list-style-3{display:block;padding:40px 20px 20px}}.axil-product.product-list-style-3 .thumbnail{padding:26px 30px 26px 35px}@media(max-width: 1199px){.axil-product.product-list-style-3 .thumbnail{padding:0 0 20px}}.axil-product.product-list-style-3 .thumbnail a{position:relative;z-index:1}.axil-product.product-list-style-3 .thumbnail a:before{content:"";height:224px;width:224px;border-radius:50%;background-color:var(--color-white);position:absolute;bottom:20px;left:0;right:0;margin:0 auto;z-index:-1}.axil-product.product-list-style-3 .product-content{flex:1;margin:0;padding:0 40px 0 0}@media(max-width: 1199px){.axil-product.product-list-style-3 .product-content{padding:0}}.axil-product.product-list-style-3 .product-content .product-cate{font-size:12px;font-weight:500;margin-bottom:10px}.axil-product.product-list-style-3 .product-content .title{font-size:20px}.axil-product.product-list-style-3 .product-content .product-price-variant{display:flex;align-items:center}.axil-product.product-list-style-3 .product-content .product-price-variant .price-text{font-size:20px;font-weight:500;color:var(--color-heading);margin-right:8px}.axil-product.product-list-style-3 .product-content .product-price-variant .price{font-size:32px;font-weight:700;color:var(--color-secondary)}.axil-product.product-list-style-3:hover .thumbnail a img{transform:scale(1)}.color-variant{margin:-5px -2px;margin-top:12px;display:flex;flex-wrap:wrap}@media only screen and (max-width: 575px){.color-variant{justify-content:center}}.color-variant li{margin:5px 2px;cursor:pointer}.color-variant li>span{border:2px solid rgba(0,0,0,0);width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.color-variant li>span .color{display:block;width:9px;height:9px;line-height:1;border-radius:50%;border:none}.color-variant li.color-extra-01 span .color{background:#aae6f8}.color-variant li.color-extra-01.active span{border-color:#aae6f8}.color-variant li.color-extra-02 span .color{background:#5f8af7}.color-variant li.color-extra-02.active span{border-color:#5f8af7}.color-variant li.color-extra-03 span .color{background:#59c3c0}.color-variant li.color-extra-03.active span{border-color:#59c3c0}.color-variant li.color-extra-04 span .color{background:#d3bbf3}.color-variant li.color-extra-04.active span{border-color:#d3bbf3}.color-variant li.color-extra-05 span .color{background:#e8a2a5}.color-variant li.color-extra-05.active span{border-color:#e8a2a5}.color-variant li.color-extra-06 span .color{background:#c3a03b}.color-variant li.color-extra-06.active span{border-color:#c3a03b}.color-variant li.color-extra-07 span .color{background:#dfbf9b}.color-variant li.color-extra-07.active span{border-color:#dfbf9b}.color-variant li.color-extra-08 span .color{background:#badeff}.color-variant li.color-extra-08.active span{border-color:#badeff}.color-variant li.color-extra-09 span .color{background:#dbdeff}.color-variant li.color-extra-09.active span{border-color:#dbdeff}.color-variant li.color-extra-10 span .color{background:#dbf8ff}.color-variant li.color-extra-10.active span{border-color:#dbf8ff}.color-variant li.color-extra-11 span .color{background:#ffeddc}.color-variant li.color-extra-11.active span{border-color:#ffeddc}.range-variant{display:flex;align-items:center;flex-wrap:wrap;margin:-5px;padding-left:0}.range-variant li{border:2px solid #f6f7fb;background:#fff;padding:5px 13px;border-radius:30px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:500;line-height:24px;margin:5px;cursor:pointer;transition:.3s}@media only screen and (max-width: 767px){.range-variant li{font-size:15px}}.range-variant li.active{border-color:#656973}.range-variant li:hover{border-color:#656973}.axil-product-list{border:1px solid #f1f1f1;display:flex;align-items:center;padding:30px;border-radius:6px;margin-bottom:30px;transition:var(--transition)}@media only screen and (max-width: 767px){.axil-product-list{padding:30px}}@media only screen and (max-width: 575px){.axil-product-list{display:block;text-align:center}}.axil-product-list .thumbnail{margin-right:30px}@media only screen and (max-width: 575px){.axil-product-list .thumbnail{margin-right:0;margin-bottom:20px}}.axil-product-list .thumbnail a{background-color:#f7f7f7;border-radius:6px;display:block;transition:var(--transition);overflow:hidden}.axil-product-list .thumbnail img{border-radius:6px;transition:var(--transition)}.axil-product-list .product-content{flex:1;position:relative;padding-right:60px}@media only screen and (max-width: 575px){.axil-product-list .product-content{margin:0;padding:0}}.axil-product-list .product-content .product-title{margin-bottom:10px;font-size:16px;color:var(--color-body)}.axil-product-list .product-content .product-title a{transition:var(--transition)}.axil-product-list .product-content .product-rating{display:flex;align-items:center;margin-bottom:8px;font-size:12px}@media only screen and (max-width: 575px){.axil-product-list .product-content .product-rating{justify-content:center}}.axil-product-list .product-content .product-rating .rating-number{font-weight:500;margin-left:10px;display:inline-block}.axil-product-list .product-content .product-rating .rating-number span{font-weight:700;color:var(--color-heading)}.axil-product-list .product-content .product-rating .rating-icon{color:#ffa800}.axil-product-list .product-content .product-price-variant{font-size:20px;font-weight:700;color:var(--color-heading)}.axil-product-list .product-content .product-price-variant .price.old-price{color:#d6d6d6;text-decoration:line-through;margin-left:10px}.axil-product-list .product-content .product-cart{position:absolute;top:50%;right:0;transform:translateY(-50%)}@media only screen and (max-width: 575px){.axil-product-list .product-content .product-cart{position:inherit;transform:translateY(0);margin-top:20px}}.axil-product-list .product-content .product-cart .cart-btn{text-align:center;display:block;height:40px;width:40px;line-height:40px;border:1px solid #efefef;border-radius:6px;color:var(--color-heading);font-size:14px;font-weight:500;transition:var(--transition);margin-bottom:10px}@media only screen and (max-width: 575px){.axil-product-list .product-content .product-cart .cart-btn{margin:0 5px;display:inline-block}}.axil-product-list .product-content .product-cart .cart-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.axil-product-list:hover{border-color:var(--color-white);box-shadow:var(--shadow-dark)}.axil-product-list:hover .thumbnail img{transform:scale(1.1)}.axil-product-list.product-list-style-2{padding:20px}@media only screen and (max-width: 575px){.axil-product-list.product-list-style-2{padding:30px}}.axil-product-list.product-list-style-2 .thumbnail{margin-right:20px;max-width:120px;overflow:hidden;border-radius:6px}@media only screen and (max-width: 575px){.axil-product-list.product-list-style-2 .thumbnail{margin:0 auto 20px}}.axil-product-list.product-list-style-2 .thumbnail img{transition:.5s}.axil-product-list.product-list-style-2 .product-content{padding:0}.axil-product-list.product-list-style-2 .product-cart{position:initial;transform:translateY(0);margin-top:10px}.axil-product-list.product-list-style-2 .product-cart .cart-btn{height:auto;width:auto;line-height:1;display:inline-block;padding:10px 15px}.axil-product-list.product-list-style-2:hover img{transform:scale(1.15)}.verified-icon{color:#2081e2;font-size:14px;padding-left:2px}.product-transparent-layout .slick-list{margin-top:-20px}.product-transparent-layout .slick-single-layout{margin-top:20px}.product_list_widget{list-style:none outside;padding:0;margin:0}.product_list_widget li{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #f3f3f3;padding-bottom:20px}.product_list_widget li:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.product_list_widget li a{display:block}.product_list_widget li .thumbnail{width:120px;margin-right:20px;min-width:120px;overflow:hidden;margin-bottom:0;border-radius:6px}@media only screen and (max-width: 479px){.product_list_widget li .thumbnail{width:90px;min-width:90px}}.product_list_widget li .thumbnail a{overflow:hidden}.product_list_widget li .thumbnail img{border-radius:6px;transition:.3s}.product_list_widget li .title{margin-bottom:10px;font-weight:500;font-size:17px}@media only screen and (max-width: 479px){.product_list_widget li .title{font-size:15px}}.product_list_widget li .content{flex:1}.product_list_widget li .woocommerce-Price-amount.amount{font-size:17px;line-height:28px;color:var(--color-heading);font-weight:500}@media only screen and (max-width: 767px){.product_list_widget li .woocommerce-Price-amount.amount{font-size:18px}}.product_list_widget li .woocommerce-Price-amount.amount del{padding-right:8px;color:#d6d6d6}.product_list_widget li:hover .thumbnail img{transform:scale(1.1)}.btn-load-more{min-width:250px}.filter-results{font-size:16px;color:#000;font-weight:500;margin:0 20px 0 10px}@media only screen and (max-width: 767px){.filter-results{margin:10px}}.product-filter-mobile{position:relative;width:auto;margin-top:10px;padding:0;border-radius:6px;font-size:var(--font-size-b2);color:var(--color-dark);font-weight:500;background-color:rgba(0,0,0,0)}.product-filter-mobile:after{content:"";height:1px;width:100%;background-color:var(--color-primary);position:absolute;bottom:0;left:0}.product-filter-mobile i{margin-right:6px}@media only screen and (max-width: 767px){.product-filter-mobile{margin-top:20px}}.product-filter-mobile:hover{color:var(--color-primary)}.axil-shop-sidebar{padding-right:20px;position:relative}@media only screen and (max-width: 991px){.axil-shop-sidebar{padding-right:0;position:fixed;top:0;bottom:0;left:-300px;width:280px;background-color:var(--color-white);z-index:100;padding:100px 20px 50px;overflow-y:auto;transition:all .4s ease-in-out}}.axil-shop-sidebar .toggle-list{position:relative;padding-bottom:40px}.axil-shop-sidebar .toggle-list.active .title::before{content:""}.axil-shop-sidebar .toggle-list.active .title::after{width:100%}.axil-shop-sidebar .title{font-size:18px;font-weight:500;color:var(--color-dark);border-bottom:2px solid var(--color-light);padding-bottom:10px;margin-bottom:20px;cursor:pointer;position:relative}.axil-shop-sidebar .title::before{content:"";font-family:"Font Awesome 5 Pro";position:absolute;top:0;right:0;transition:.3s;pointer-events:none}.axil-shop-sidebar .title::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:.3s}.axil-shop-sidebar .product-categories ul{margin:-5px 0}.axil-shop-sidebar .product-categories ul li{margin:0;font-size:var(--font-size-b2);font-weight:var(--s-medium);padding:6px 0}.axil-shop-sidebar .product-categories ul li a{position:relative;padding-left:28px;color:var(--color-body)}.axil-shop-sidebar .product-categories ul li a::before{content:"";height:16px;width:16px;line-height:15px;text-align:center;border:1px solid var(--color-body);border-radius:50%;position:absolute;top:3px;left:0;transition:var(--transition)}.axil-shop-sidebar .product-categories ul li.current-cat a::before,.axil-shop-sidebar .product-categories ul li.chosen a::before{content:"";font-family:var(--font-awesome);font-size:8px;font-weight:700;color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.axil-shop-sidebar .product-color ul{display:flex;align-items:center;flex-wrap:wrap}.axil-shop-sidebar .product-color li{margin:0 8px 8px 0;height:30px;width:30px;line-height:32px;border-radius:50%;text-align:center}.axil-shop-sidebar .product-color li.chosen{border:2px solid #906145}.axil-shop-sidebar .product-color li a{display:inline-block;height:16px;width:16px;border-radius:50%}.axil-shop-sidebar .product-color li a.color-extra-01{background:#906145}.axil-shop-sidebar .product-color li a.color-extra-02{background:#fab8c4}.axil-shop-sidebar .product-color li a.color-extra-03{background:#ffdc60}.axil-shop-sidebar .product-color li a.color-extra-04{background:#896ba7}.axil-shop-sidebar .product-color li a.color-extra-05{background:#dbdeff}.axil-shop-sidebar .product-color li a.color-extra-06{background:#badeff}.axil-shop-sidebar .product-color li a.color-extra-07{background:#dfbf9b}.axil-shop-sidebar .product-color li a.color-extra-08{background:#badeff}.axil-shop-sidebar .product-color li a.color-extra-09{background:#dbdeff}.axil-shop-sidebar .product-color li a.color-extra-10{background:#dbf8ff}.axil-shop-sidebar .product-color li a.color-extra-11{background:#ffeddc}.axil-shop-sidebar .product-size li{display:inline-block;margin:0 5px 10px 0}.axil-shop-sidebar .product-size li a{border:2px solid #f6f7fb;background:#fff;padding:5px 13px;border-radius:30px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:500;font-size:var(--font-size-b2);color:var(--color-body)}.axil-shop-sidebar .product-size li.chosen a{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.axil-shop-sidebar .product-price-range li{display:inline-block;margin:0 15px 0 0}.axil-shop-sidebar .product-price-range li a{border:2px solid #f6f7fb;background:#fff;padding:5px 13px;border-radius:30px;min-width:50px;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:var(--font-size-b2);color:var(--color-body)}.axil-shop-sidebar .product-price-range li.chosen a{border-color:var(--color-body)}.axil-shop-sidebar .product-price-range .input-range,.axil-shop-sidebar .product-price-range .amount-range{color:var(--color-heading);font-size:var(--font-size-b2)}.axil-shop-sidebar .axil-btn.btn-outline{width:auto;color:var(--color-body)}.axil-shop-sidebar .filter-close-btn{position:absolute;top:15px;left:20px;height:30px;width:30px;background-color:var(--color-lighter);border-radius:10px;color:var(--color-dark);font-size:14px}.axil-shop-sidebar.open{left:0}.product-area{border-bottom:2px solid var(--color-lighter)}@media only screen and (max-width: 767px){.product-area.pb--80{padding-bottom:60px !important}}@media only screen and (max-width: 767px){.product-area.pb--50{padding-bottom:30px !important}}.axil-new-arrivals-product-area.fullwidth-container{margin-left:calc((100% - 1320px)/2);overflow:hidden}@media only screen and (max-width: 1349px){.axil-new-arrivals-product-area.fullwidth-container{margin-left:auto}}.axil-new-arrivals-product-area.fullwidth-container .slick-list{overflow:visible}@media only screen and (max-width: 1349px){.axil-new-arrivals-product-area.fullwidth-container .slick-list{overflow:hidden}}@media only screen and (max-width: 767px){.axil-new-arrivals-product-area.flash-sale-area .arrow-top-slide .slide-arrow{top:-180px}}@media only screen and (max-width: 575px){.product-slide-mobile .axil-product{text-align:left;display:inline-block;width:270px}.product-slide-mobile .axil-product .product-content .product-price-variant{justify-content:flex-start}.product-slide-mobile .axil-product .product-content .color-variant{justify-content:flex-start}}.product-isotope-heading{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 1199px){.product-isotope-heading{flex-direction:column;align-items:flex-start;margin-bottom:40px}}@media only screen and (max-width: 1199px){.product-isotope-heading .section-title-wrapper{margin-bottom:30px;padding-right:0}}.product-isotope-heading .section-title-wrapper .title{margin-bottom:0}.isotope-button{display:flex;align-items:center;flex-wrap:wrap;margin:-5px}.isotope-button button{margin:5px;padding:10px 15px;border-radius:6px;font-size:15px;font-weight:500;color:var(--color-heading);background-color:rgba(0,0,0,0);position:relative;z-index:1;transition:.3s;width:auto}.isotope-button button:after{content:"";transform:scale(0.7) perspective(1px);position:absolute;top:0;left:0;display:block;height:100%;width:100%;opacity:0;transition:.3s;background-color:var(--color-lighter);border-radius:6px;z-index:-1}.isotope-button button:hover:after{transform:scale(1.035) perspective(1px);opacity:1}.isotope-button button.is-checked{color:var(--color-white)}.isotope-button button.is-checked:after{transform:scale(1.035) perspective(1px);opacity:1;background-color:var(--color-primary)}.product-collection{position:relative;margin-bottom:30px}.product-collection .collection-content{position:absolute;left:30px;top:50%;transform:translateY(-50%);right:0;z-index:1}.product-collection .collection-content .title{font-size:32px;margin-bottom:16px;line-height:1.2}.product-collection .collection-content .price-warp{margin-bottom:30px}.product-collection .collection-content .price-warp .price-text{font-size:18px;font-weight:500;color:var(--color-heading);display:block;margin-bottom:8px}.product-collection .collection-content .price-warp .price{font-size:32px;line-height:1.2;font-weight:700;color:var(--color-secondary)}.product-collection .collection-content .plus-btn{position:absolute;left:38%;top:47%}@media(max-width: 767px){.product-collection .collection-content .plus-btn{left:55%}}.product-collection .collection-content .plus-btn .plus-icon{font-size:20px;color:var(--color-heading);border:2px solid var(--color-heading);background-color:#ecf3ff;border-radius:50%;height:50px;width:50px;line-height:48px;text-align:center;display:block;transition:.3s}.product-collection .collection-content .plus-btn .plus-icon:hover{color:var(--color-primary);border-color:var(--color-primary)}.product-collection .label-block{position:absolute;z-index:2}.product-collection .label-block.label-right{left:auto;right:20px;top:20px}.product-collection .label-block .product-badget{line-height:1;font-size:12px;font-weight:500;color:#fff;border-radius:4px;background-color:var(--color-heading);padding:8px 10px;box-shadow:none;text-transform:uppercase}.product-collection .collection-thumbnail{position:relative}.product-collection .collection-thumbnail img{border-radius:8px;width:100%}@media(max-width: 991px){.product-collection .collection-thumbnail img{height:370px;object-fit:cover;object-position:left}}.product-collection.product-collection-two .collection-content{left:50px}.product-collection.product-collection-two .collection-content .title{margin-bottom:20px}.product-collection.product-collection-two .collection-content .price-warp{margin-bottom:50px}.product-collection.product-collection-two .collection-content .price-warp .price-text{margin-bottom:0}.product-collection.product-collection-two .collection-content .plus-btn{left:40%;top:30%}.product-collection.product-collection-two .collection-content .plus-btn .plus-icon{background-color:var(--color-white)}.product-collection.product-collection-two .collection-content .plus-btn .plus-icon:hover{background-color:var(--color-primary);color:var(--color-white)}.product-collection-three{display:flex;background-color:var(--color-white);border-radius:8px;padding:30px 35px 0 20px;margin-bottom:30px;min-height:185px}.product-collection-three .collection-content{flex:1}.product-collection-three .collection-content .title{font-weight:700}.product-collection-three .collection-content .title a{transition:.3s}.product-collection-three .collection-content .price-warp .price-text{font-size:14px;font-weight:500;display:block}.product-collection-three .collection-content .price-warp .price{line-height:1.2;font-weight:700;color:var(--color-secondary)}.product-collection-three .collection-thumbnail{position:relative;z-index:1;width:70px}.product-collection-three .collection-thumbnail:before{content:"";height:118px;width:118px;background-color:var(--color-lighter);border-radius:50%;position:absolute;bottom:10px;right:-23px;z-index:-1}.single-product-thumbnail.thumbnail-badge .thumbnail{padding-right:45px;position:relative}@media only screen and (max-width: 575px){.single-product-thumbnail.thumbnail-badge .thumbnail{padding-right:20px}}.single-product-thumbnail.thumbnail-badge .thumbnail .label-block{position:absolute;top:30px}.single-product-thumbnail.thumbnail-badge .thumbnail .label-block.label-right{right:0}.single-product-thumbnail.thumbnail-badge .thumbnail .label-block .product-badget{background-color:var(--color-primary);line-height:1;padding:6px 10px 5px;font-size:12px;font-weight:700;color:#fff;border-radius:4px}.single-product-thumbnail .thumbnail img{width:100%;border-radius:6px}.single-product-thumbnail:hover .thumbnail a img{transform:scale(1)}.single-product-content .inner .product-rating{display:flex;align-items:center;margin-bottom:20px;line-height:1;padding-bottom:20px;border-bottom:2px solid #f6f7fb}.single-product-content .inner .product-rating .star-rating{margin-right:8px;font-size:14px;color:#ffdc60}.single-product-content .inner .product-rating .review-link a{font-size:16px;line-height:24px;color:var(--color-body);transition:var(--transition)}.single-product-content .inner .product-rating .review-link a:hover{color:var(--color-heading)}.single-product-content .inner .product-title{margin-bottom:18px;color:var(--color-dark)}.single-product-content .inner .price-amount{font-weight:500;font-size:24px;font-family:var(--font-secondary);display:block;margin-bottom:20px;color:var(--color-black)}@media only screen and (max-width: 767px){.single-product-content .inner .price-amount{font-size:20px}}.single-product-content .inner .price-amount.price-offer-amount{display:flex;align-items:center;margin:0 -10px 20px}@media only screen and (max-width: 479px){.single-product-content .inner .price-amount.price-offer-amount{margin:0 -4px 20px}}.single-product-content .inner .price-amount.price-offer-amount span{display:inline-block;margin:0 10px}@media only screen and (max-width: 479px){.single-product-content .inner .price-amount.price-offer-amount span{margin:0 4px}}.single-product-content .inner .price-amount.price-offer-amount .old-price{color:var(--color-body);text-decoration:line-through}.single-product-content .inner .price-amount.price-offer-amount .offer-badge{background-color:var(--color-chart03);height:48px;line-height:40px;padding:5px 20px;font-size:16px;color:var(--color-white);border-radius:24px;font-family:var(--font-secondary)}.single-product-content .inner .product-meta{margin-bottom:20px}.single-product-content .inner .product-meta li{color:var(--color-primary);font-weight:500;font-size:16px;line-height:24px;display:flex;align-items:center;margin:0}.single-product-content .inner .product-meta li i{padding-right:15px;font-size:18px}.single-product-content .inner .description{margin-bottom:30px}.single-product-content .inner .product-variation{margin-bottom:30px;display:flex;align-items:center}.single-product-content .inner .product-variation .title{font-weight:500;font-size:20px;margin-bottom:0;min-width:114px}@media only screen and (max-width: 767px){.single-product-content .inner .product-variation .title{font-size:18px;min-width:90px}}.single-product-content .inner .product-variation .color-variant{margin:-5px !important}.single-product-content .inner .product-variation .color-variant li{margin:5px}.single-product-content .inner .product-variation .color-variant li>span .color{width:11px;height:11px}.single-product-content .inner .product-variation .variable-items-wrapper{display:flex;align-items:center}.single-product-content .inner .product-variation .variable-items-wrapper.color-variable-wrapper li.color-variable-item .variable-item-span{padding:5px;border:1px solid rgba(0,0,0,0);display:block;border-radius:100%}.single-product-content .inner .product-variation.product-size-variation{align-items:flex-start}.single-product-content .inner .product-variation.product-size-variation .title{margin-top:8px}.single-product-content .inner .product-features{margin-bottom:20px}.single-product-content .inner .product-features tr:first-child td{border-top:1px solid var(--color-light)}.single-product-content .inner .product-features tr td{border-bottom:1px solid var(--color-light);padding:15px 20px}@media only screen and (max-width: 479px){.single-product-content .inner .product-features tr td{padding:15px}}.single-product-content .inner .product-features tr td:first-child{padding-left:0}.single-product-content .inner .product-features tr td:last-child{padding-right:0;text-align:right}.single-product-content .inner .product-features .pro-qty .qtybtn{font-size:20px}.single-product-content .inner .product-features .title{margin-bottom:0;color:var(--color-black)}@media only screen and (max-width: 479px){.single-product-content .inner .product-features .title{font-size:17px}}.single-product-content .inner .product-features .price-amount{margin:0;padding:0;border:none;color:var(--color-body)}.single-product-content .inner .product-features .mini-btn{display:inline-block;width:auto;font-size:var(--font-size-b3);color:var(--color-white);font-weight:var(--p-medium);background-color:var(--color-body);border-radius:20px;padding:5px 14px;min-width:100px;text-align:center}.single-product-content .inner .nft-short-meta{border-bottom:1px solid var(--color-border-light);padding-bottom:30px;margin-bottom:30px;margin-top:30px}.single-product-content .inner .nft-category,.single-product-content .inner .nft-verified-option{display:flex;align-items:center}.single-product-content .inner .nft-category label,.single-product-content .inner .nft-verified-option label{font-size:15px;display:block;margin-right:10px}.single-product-content .inner .nft-category .category-list a,.single-product-content .inner .nft-verified-option .category-list a{transition:.3s}.single-product-content .inner .nft-category label{font-size:20px;font-weight:500;color:var(--color-heading)}.single-product-content .inner .nft-verified-option{justify-content:flex-end}@media only screen and (max-width: 767px){.single-product-content .inner .nft-verified-option{justify-content:flex-start;margin-top:20px}}.single-product-content .inner .nft-verified-option .verify-btn{width:auto;padding:12px 30px}.single-product-content.nft-single-product-content .inner .price-amount{border-bottom:none}.single-product-content.nft-single-product-content .inner .price-amount.price-offer-amount{padding-bottom:10px}.single-product-content.nft-single-product-content .inner .product-title{margin-bottom:20px}@media only screen and (max-width: 479px){.single-product-content.nft-single-product-content .product-action-wrapper{flex-direction:row}}.single-product-content.nft-single-product-content .product-action-wrapper .product-action.action-style-two{padding-right:0}@media only screen and (max-width: 479px){.product-action-wrapper{flex-direction:column}.product-action-wrapper .pro-qty{margin-bottom:20px}}.product-action-wrapper .product-action{flex:1}.product-action-wrapper .product-action .add-to-cart{flex:1}.product-action-wrapper .product-action .add-to-cart .axil-btn{width:100%;text-align:center;display:block}.product-action-wrapper .product-action .add-to-cart .axil-btn:hover:before{transform:scale(1.05)}.product-action-wrapper .product-action.action-style-two{margin:0 -10px;padding-right:220px}@media only screen and (min-width: 992px)and (max-width: 1199px){.product-action-wrapper .product-action.action-style-two{padding-right:0}}@media only screen and (max-width: 575px){.product-action-wrapper .product-action.action-style-two{padding-right:0}}.product-action{list-style:none;padding:0}.product-action li{margin:0 10px}@media only screen and (min-width: 992px)and (max-width: 1199px){.product-action li .axil-btn{padding:16px 20px}}.pro-qty{width:130px;border-radius:50px}.pro-qty input{width:28px;float:left;border:none;height:32px;line-height:30px;padding:0;text-align:center;background-color:rgba(0,0,0,0);font-size:20px;font-weight:500;margin:0 12px;color:#27272e}.pro-qty .qtybtn{width:32px;display:block;float:left;line-height:26px;cursor:pointer;text-align:center;font-size:16px;font-weight:300;color:#000;height:32px;background:#f6f7fb;border-radius:50%;transition:.3s;border:2px solid rgba(0,0,0,0)}.pro-qty .qtybtn:hover{border-color:var(--color-primary)}.pro-qty input::-webkit-outer-spin-button,.pro-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pro-qty input[type=number]{-moz-appearance:textfield}.product-quick-view a{background:#fff;width:48px;height:48px;display:flex !important;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:.3s}.product-quick-view a:hover{background:var(--color-primary);color:#fff}.position-view{position:absolute;bottom:47px;right:92px;z-index:4}@media only screen and (max-width: 575px){.position-view{bottom:20px;right:40px}}@media only screen and (max-width: 991px){.small-thumb-wrapper{margin-top:10px}.small-thumb-wrapper .slick-list{margin:0 -10px}.small-thumb-wrapper .slick-list .slick-slide{margin:10px}}.small-thumb-wrapper .small-thumb-img{position:relative;overflow:hidden;border-radius:10px;margin-bottom:20px;cursor:pointer;transition:all .4s}.small-thumb-wrapper .small-thumb-img img{border-radius:10px;border:2px solid rgba(0,0,0,0);width:80px;height:auto;transition:all .2s}.small-thumb-wrapper .small-thumb-img:hover img,.small-thumb-wrapper .small-thumb-img.slick-current img{border-color:var(--color-primary)}.small-thumb-style-two .small-thumb-img img{width:60px;height:auto;border-radius:50%;display:inline-block}@media only screen and (min-width: 992px)and (max-width: 1199px){.small-thumb-style-two .small-thumb-img img{width:50px;height:50px}}.single-product-thumb.bg-vista-white .single-product-content .inner .product-rating{border-bottom-color:#e9e9e9}.single-product-thumbnail-wrap{position:relative}.single-product-thumbnail-wrap .label-block{position:absolute;top:30px;right:30px}.single-product-thumbnail-wrap .label-block .product-badget{background-color:var(--color-primary);line-height:1;padding:6px 10px 5px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;box-shadow:0 8px 16px 0 rgba(53,119,240,.3)}.single-product-thumbnail-wrap .product-quick-view{right:30px;bottom:30px}.woocommerce-tabs.wc-tabs-wrapper{padding:80px 0 35px}@media only screen and (max-width: 767px){.woocommerce-tabs.wc-tabs-wrapper{padding:60px 0 15px}}.woocommerce-tabs ul.tabs{margin:0 -20px 60px}@media only screen and (max-width: 575px){.woocommerce-tabs ul.tabs{border-bottom:1px solid #c7c7c7;padding-bottom:20px}}@media only screen and (max-width: 575px){.woocommerce-tabs ul.tabs{flex-direction:column;align-items:center;margin:0 0 60px}}.woocommerce-tabs ul.tabs li{margin:0 20px}@media only screen and (max-width: 575px){.woocommerce-tabs ul.tabs li{margin:10px 0}}.woocommerce-tabs ul.tabs li a{font-size:24px;line-height:25px;font-weight:500;display:block;color:var(--color-body);position:relative}.woocommerce-tabs ul.tabs li a:after{content:"";height:2px;width:0;background-color:var(--color-primary);position:absolute;bottom:-5px;right:0;opacity:0;transition:.5s}.woocommerce-tabs ul.tabs li a.active,.woocommerce-tabs ul.tabs li a:hover{color:var(--color-primary)}.woocommerce-tabs ul.tabs li a.active:after,.woocommerce-tabs ul.tabs li a:hover:after{width:100%;left:0;opacity:1}@media only screen and (max-width: 1199px){.woocommerce-tabs ul.tabs li a{font-size:22px}}@media only screen and (max-width: 767px){.woocommerce-tabs ul.tabs li a{font-size:20px}}.woocommerce-tabs.nft-info-tabs{padding:30px 15px;margin-top:30px;border-radius:6px}@media only screen and (max-width: 575px){.woocommerce-tabs.nft-info-tabs{padding:30px 0}}.woocommerce-tabs.nft-info-tabs ul.tabs{margin:0 -5px 10px}@media only screen and (max-width: 575px){.woocommerce-tabs.nft-info-tabs ul.tabs{margin:0 0 30px}}.woocommerce-tabs.nft-info-tabs ul.tabs li{margin:0 5px}@media only screen and (max-width: 575px){.woocommerce-tabs.nft-info-tabs ul.tabs li{margin:5px 0}}.woocommerce-tabs.nft-info-tabs ul.tabs li a{font-size:18px;background-color:rgba(255,255,255,.7);border-radius:6px;padding:10px 25px;position:relative}@media only screen and (min-width: 1200px)and (max-width: 1399px){.woocommerce-tabs.nft-info-tabs ul.tabs li a{font-size:15px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.woocommerce-tabs.nft-info-tabs ul.tabs li a{font-size:15px;padding:5px 11px}}@media only screen and (max-width: 767px){.woocommerce-tabs.nft-info-tabs ul.tabs li a{font-size:15px;padding:5px 11px}}.woocommerce-tabs.nft-info-tabs ul.tabs li a:before{content:". . .";color:var(--color-border-light);position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:.3s;z-index:1;line-height:1}.woocommerce-tabs.nft-info-tabs ul.tabs li a:after{content:"";height:12px;width:100%;background-color:var(--color-white);position:absolute;bottom:-12px;left:0;right:0;visibility:hidden;opacity:0;transition:.3s}@media only screen and (max-width: 575px){.woocommerce-tabs.nft-info-tabs ul.tabs li a:after{display:none}}.woocommerce-tabs.nft-info-tabs ul.tabs li a.active{border-radius:6px 6px 0 0;background-color:#fff}@media only screen and (max-width: 575px){.woocommerce-tabs.nft-info-tabs ul.tabs li a.active{border-radius:6px}}.woocommerce-tabs.nft-info-tabs ul.tabs li a.active:before{visibility:visible;opacity:1}.woocommerce-tabs.nft-info-tabs ul.tabs li a.active:after{visibility:visible;opacity:1}.woocommerce-tabs.nft-info-tabs .tab-content{background-color:var(--color-white);padding:30px;border-radius:6px}@media only screen and (max-width: 479px){.woocommerce-tabs.nft-info-tabs .tab-content{padding:20px}}.woocommerce-tabs.nft-info-tabs .product-additional-info{padding:0;margin-bottom:0}.woocommerce-tabs.nft-info-tabs .product-additional-info table tbody tr th,.woocommerce-tabs.nft-info-tabs .product-additional-info table tbody tr td{padding:10px 20px 10px;min-width:120px}.woocommerce-tabs.wc-tab-style-two{padding:80px 0 50px}@media only screen and (max-width: 767px){.woocommerce-tabs.wc-tab-style-two{padding:60px 0 30px}}.woocommerce-tabs.wc-tab-style-two .tabs-wrap{background-color:var(--color-white);border-radius:8px;padding:30px;margin-bottom:30px}.woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs{border-bottom:2px solid #ebebeb;margin:0 0 30px 0}.woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs li{margin:0;margin-right:20px}.woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs li a{font-size:20px;font-weight:700;padding:10px 15px}.woocommerce-tabs.wc-tab-style-two .tabs-wrap ul.tabs li a:after{bottom:-2px}.woocommerce-tabs.wc-tab-style-two .tabs-wrap .product-desc-wrapper .title{margin-bottom:12px}.woocommerce-tabs.wc-tab-style-two .tabs-wrap .product-desc-wrapper ul{list-style-type:disc}.woocommerce-tabs.wc-tab-style-two .tabs-wrap .product-desc-wrapper ul li{font-size:18px}.woocommerce-tabs.wc-tab-style-two .pro-des-commend-respond .form-group label{background-color:var(--color-white)}.single-product-features .single-features{background-color:var(--color-white);margin-bottom:30px;display:flex;align-items:center;padding:25px 30px;border-radius:8px}.single-product-features .single-features .icon{width:77px;height:77px;line-height:77px;margin-right:16px;font-size:40px;position:relative;z-index:1;text-align:center;color:var(--color-primary)}.single-product-features .single-features .icon:before{content:"";height:100%;width:100%;background-color:#f6f7fb;border-radius:50%;position:absolute;top:0;left:0;z-index:-1}.single-product-features .single-features .icon.quality{color:var(--color-secondary)}.single-product-features .single-features .icon.original{color:var(--light-primary)}.single-product-features .single-features .content{flex:1}.single-product-features .single-features .content .title{margin-bottom:5px;font-weight:700}.single-product-features .single-features .content p{font-size:14px}@media only screen and (max-width: 767px){.product-desc-wrapper .desc-heading{font-size:24px}}.single-desc .title{margin-bottom:20px}.pro-des-features{padding:0;list-style:none;display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px}.pro-des-features li{padding:15px 30px;margin:0;font-size:20px;font-weight:500;color:var(--color-dark)}@media only screen and (max-width: 767px){.pro-des-features li{font-size:20px}}.pro-des-features .icon{width:60px;height:60px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:20px 0}.pro-des-features .icon img{max-width:30px}.pro-desc-style-two{margin:0 -15px}.pro-desc-style-two li{padding:15px}.product-additional-info{background:#fff;padding:50px;border-radius:6px;margin-bottom:40px}@media only screen and (max-width: 767px){.product-additional-info{padding:20px 15px 0}}.product-additional-info table{margin-bottom:0}.product-additional-info table tbody tr:nth-child(odd){background:var(--color-lighter)}.product-additional-info table tbody tr th,.product-additional-info table tbody tr td{font-size:16px;line-height:24px;font-weight:400;padding:17px 30px 18px;min-width:200px}@media only screen and (max-width: 767px){.product-additional-info table tbody tr th,.product-additional-info table tbody tr td{padding:15px;font-size:15px}}.product-additional-info table tbody tr th{text-transform:capitalize;color:#292930;font-weight:500}.pro-desc-commnet-area{padding-right:110px}@media only screen and (max-width: 1199px){.pro-desc-commnet-area{padding-right:30px}}@media only screen and (max-width: 991px){.pro-desc-commnet-area{padding-right:0}}.pro-desc-commnet-area .comment-list .comment .commenter{margin-bottom:0;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 575px){.pro-desc-commnet-area .comment-list .comment .commenter{display:block}}.pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper,.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating{margin-bottom:5px}.pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper a,.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating a{font-size:12px}.pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper a i,.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating a i{color:#cecece}.pro-desc-commnet-area .comment-list .comment .commenter .hover-flip-item-wrapper a i:not(.empty-rating),.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating a i:not(.empty-rating){color:#ffca0f}.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating{margin-left:15px}@media only screen and (max-width: 479px){.pro-desc-commnet-area .comment-list .comment .commenter .commenter-rating{display:block;margin-bottom:5px;margin-left:0}}.pro-des-commend-respond .form-group textarea,.pro-des-commend-respond .form-group input{background-color:rgba(0,0,0,0)}.pro-des-commend-respond .form-group label{background-color:#f9f3f0}.pro-des-commend-respond .form-group textarea{padding-left:30px;padding-top:20px;font-size:14px;line-height:1.5}.small-thumb-wrapper .slick-track{margin-left:0}.small-thumb-style-three{margin:30px 60px 0}@media only screen and (min-width: 992px)and (max-width: 1199px){.small-thumb-style-three{margin:30px 0 0}}@media only screen and (max-width: 767px){.small-thumb-style-three{margin:30px 0 0}}.small-thumb-style-three .small-thumb-img{margin:10px}.quick-view-product .modal-dialog{max-width:1100px}.quick-view-product .modal-content{border:none}.quick-view-product .modal-header{padding:30px 15px;justify-content:flex-end}.quick-view-product .modal-header .btn-close{width:auto;background-image:none;font-size:14px;padding:0 10px;transition:var(--transition);position:relative;right:10px;z-index:1}.quick-view-product .modal-header .btn-close:after{content:"";height:35px;width:35px;background:var(--color-primary);border-radius:50%;position:absolute;top:-9px;left:-3px;transform:scale(0);z-index:-1;transition:var(--transition)}.quick-view-product .modal-header .btn-close:hover{color:var(--color-white)}.quick-view-product .modal-header .btn-close:hover:after{transform:scale(1)}.quick-view-product .modal-body{padding:30px}.mfp-wrap{z-index:1060}.mfp-bg{z-index:1055}.single-product-modern .single-product-content .inner .price-amount{font-weight:700;color:var(--color-primary);margin-bottom:10px}.single-product-modern .single-product-content .inner .product-rating{border-bottom:none;padding-bottom:0;margin-bottom:30px}.single-product-modern .single-product-content .inner .product-rating .star-rating{color:#facc15}.single-product-modern .single-product-content .inner .product-rating .review-number{font-size:14px;font-weight:700;color:var(--color-heading)}.single-product-modern .single-product-content .inner .product-rating .total-answerd{font-size:14px;border-left:1px solid #d6d6d6;padding-left:8px;margin-left:8px}.single-product-modern .single-product-content .inner .description{list-style:disc}.single-product-modern .single-product-content .inner .description li{font-weight:500}.single-product-modern .single-product-content .inner .product-variation{display:block;margin-bottom:20px}.single-product-modern .single-product-content .inner .product-variation .title{margin-bottom:10px;font-size:18px}.single-product-modern .single-product-content .inner .range-variant li{border-radius:4px;background-color:var(--color-lighter);border:none;width:40px;height:40px;font-size:14px;font-weight:700}.single-product-modern .single-product-content .inner .range-variant li:hover,.single-product-modern .single-product-content .inner .range-variant li.active{color:var(--color-white);background-color:var(--color-primary)}@media(max-width: 575px){.single-product-modern .single-product-content .inner .color-variant{justify-content:flex-start}}.single-product-modern .single-product-content .inner .color-variant li>span{border:1px solid;height:24px;width:24px}.single-product-modern .single-product-content .inner .color-variant li>span .color{height:24px;width:24px}.single-product-modern .single-product-content .inner .color-variant li.active>span .color{width:12px;height:12px}.single-product-modern .single-product-content .inner .color-variant li.color-extra-01>span{border-color:#aae6f8}.single-product-modern .single-product-content .inner .color-variant li.color-extra-02>span{border-color:#5f8af7}.single-product-modern .single-product-content .inner .color-variant li.color-extra-03>span{border-color:#59c3c0}.single-product-modern .single-product-content .inner .color-variant li.color-extra-04>span{border-color:#d3bbf3}.single-product-modern .single-product-content .inner .quantity-variant-wrapper{margin-bottom:30px}.single-product-modern .single-product-content .inner .quantity-variant-wrapper .pro-qty{min-height:40px;width:auto}.single-product-modern .single-product-content .inner .quantity-variant-wrapper .pro-qty .qtybtn{width:40px;height:40px;line-height:34px;border-radius:8px;font-size:20px}.single-product-modern .single-product-content .inner .quantity-variant-wrapper .pro-qty input{border:1px solid #d8d8d8;border-radius:8px;height:40px;width:40px;font-size:14px;margin:0 10px}.single-product-modern .single-product-content .inner .product-action-wrapper .product-action{margin:-10px;width:84%}@media(max-width: 1199px){.single-product-modern .single-product-content .inner .product-action-wrapper .product-action{width:100%}}@media(max-width: 575px){.single-product-modern .single-product-content .inner .product-action-wrapper .product-action{display:block}}.single-product-modern .single-product-content .inner .product-action-wrapper .product-action li{margin:10px}.single-product-modern .single-product-content .inner .product-action-wrapper .product-action li a{padding:12px 38px}.single-product-modern .single-product-content .inner .product-action-wrapper .product-action li a i{font-size:20px}.single-product-modern .single-product-thumbnail{margin-bottom:20px}.single-product-modern .single-product-thumbnail .thumbnail img{border-radius:8px}.single-product-modern .small-thumb-wrapper{margin:0 30px}.single-product-modern .small-thumb-wrapper .small-thumb-img{margin-bottom:0;border-radius:8px}.single-product-modern .small-thumb-wrapper .small-thumb-img img{width:100%;border-radius:8px;border-width:1px}.single-product-modern .small-thumb-wrapper.axil-slick-arrow .slide-arrow{height:40px;width:40px;border-radius:50%;border:2px solid var(--color-white);font-size:18px;left:-25px}.single-product-modern .small-thumb-wrapper.axil-slick-arrow .slide-arrow:before{border-radius:50%}.single-product-modern .small-thumb-wrapper.axil-slick-arrow .slide-arrow.next-arrow{right:-24px;left:auto}.product-table-heading{display:flex;justify-content:space-between}.product-table-heading .title{margin-bottom:20px;font-weight:500;display:inline-block}.product-table-heading .cart-clear{display:inline-block;font-size:14px;color:var(--color-primary);transition:var(--transition)}.product-table-heading .cart-clear:hover{color:var(--color-black)}.axil-product-table{font-family:var(--font-secondary);margin:0}@media only screen and (max-width: 767px){.axil-product-table{margin-top:20px}}.axil-product-table th:last-child,.axil-product-table td:last-child{text-align:right}@media only screen and (max-width: 767px){.axil-product-table th:last-child,.axil-product-table td:last-child{border-bottom:none}}.axil-product-table thead{background-color:var(--color-lighter)}@media only screen and (max-width: 767px){.axil-product-table thead{display:none}}.axil-product-table thead th{font-size:20px;text-transform:capitalize;border:none;color:var(--color-heading);padding:18px 15px}@media only screen and (max-width: 991px){.axil-product-table thead th{font-size:18px;padding:18px 10px}}.axil-product-table thead th:first-child{border-radius:6px 0 0 6px}.axil-product-table thead th:last-child{border-radius:0 6px 6px 0}.axil-product-table tbody{border-top:none !important}@media only screen and (max-width: 767px){.axil-product-table tbody tr{padding-left:120px;position:relative;display:block;border-bottom:1px solid var(--color-lighter);margin-bottom:30px}.axil-product-table tbody tr:last-child{margin-bottom:0}}@media only screen and (max-width: 575px){.axil-product-table tbody tr{padding-left:90px}}.axil-product-table tbody td{border-top:none;border-bottom:2px solid var(--color-lighter);vertical-align:middle;padding:15px;font-size:20px;font-weight:500;color:var(--color-body);min-width:150px}@media only screen and (max-width: 991px){.axil-product-table tbody td{font-size:18px;padding:10px 10px}}@media only screen and (max-width: 767px){.axil-product-table tbody td{font-size:16px;display:block;text-align:right;padding:10px 10px 10px 0;position:relative}.axil-product-table tbody td:before{content:attr(data-title) " :";position:absolute;left:0;font-size:13px;color:var(--color-black)}}.axil-product-table tbody td.product-remove{min-width:auto}@media only screen and (max-width: 767px){.axil-product-table tbody td.product-remove{position:absolute;top:0;right:0;border-bottom:none;z-index:1}}.axil-product-table tbody td.product-remove .remove-wishlist{display:block;text-align:center;height:32px;width:32px;line-height:30px;background-color:var(--color-lighter);border:2px solid var(--color-lighter);border-radius:50%;font-size:12px;color:var(--color-black);transition:var(--transition)}@media only screen and (max-width: 767px){.axil-product-table tbody td.product-remove .remove-wishlist{height:25px;width:25px;line-height:22px;font-size:10px}}.axil-product-table tbody td.product-remove .remove-wishlist:hover{border-color:var(--color-primary)}.axil-product-table tbody td.product-remove:before{display:none}.axil-product-table tbody td.product-thumbnail{min-width:130px;width:130px}@media only screen and (max-width: 767px){.axil-product-table tbody td.product-thumbnail{min-width:80px;position:absolute;left:0;top:0;border-bottom:none;width:100px}}@media only screen and (max-width: 575px){.axil-product-table tbody td.product-thumbnail{width:80px}}.axil-product-table tbody td.product-thumbnail a{border-radius:10px;display:block}.axil-product-table tbody td.product-thumbnail a img{border-radius:10px;height:80px;width:80px;object-fit:cover}.axil-product-table tbody td.product-thumbnail:before{display:none}.axil-product-table tbody td.product-title{width:30%;color:var(--color-black)}@media only screen and (max-width: 767px){.axil-product-table tbody td.product-title{width:100%;text-align:left;padding-right:40px}}.axil-product-table tbody td.product-title a{transition:var(--transition)}.axil-product-table tbody td.product-title:before{display:none}.axil-product-table tbody td.product-add-cart .btn-outline{border-color:#efefef;padding:10px 20px;font-size:14px}.axil-product-table tbody td.product-add-cart .btn-outline:hover{border-color:var(--color-primary)}.axil-product-table tbody td.product-add-cart:before{display:none}.axil-product-table.axil-cart-table th:first-child,.axil-product-table.axil-cart-table td:first-child{padding-left:0}.axil-product-table.axil-cart-table th:last-child,.axil-product-table.axil-cart-table td:last-child{padding-right:50px}@media only screen and (max-width: 767px){.axil-product-table.axil-cart-table th:last-child,.axil-product-table.axil-cart-table td:last-child{padding-right:10px}}.axil-product-table.axil-cart-table .pro-qty{width:auto}@media only screen and (max-width: 767px){.axil-product-table.axil-cart-table .pro-qty{display:inline-flex}}.axil-product-table.axil-cart-table .pro-qty input{margin:0 5px;min-width:45px}@media only screen and (max-width: 767px){.axil-product-table.axil-cart-table .pro-qty input{min-width:30px}}.axil-product-table.axil-cart-table .pro-qty .qtybtn{font-size:20px;line-height:27px;font-weight:500}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-product-table.axil-cart-table .pro-qty .qtybtn{font-size:18px}}@media only screen and (max-width: 767px){.axil-product-table.axil-cart-table .pro-qty .qtybtn{font-size:16px}}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-product-table.axil-cart-table .pro-qty .quantity-input{font-size:18px}}@media only screen and (max-width: 767px){.axil-product-table.axil-cart-table .pro-qty .quantity-input{font-size:16px}}.axil-product-cart-wrap .cart-update-btn-area{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media only screen and (max-width: 767px){.axil-product-cart-wrap .cart-update-btn-area{display:block}}.axil-product-cart-wrap .product-cupon{flex-wrap:nowrap}.axil-product-cart-wrap .product-cupon input{width:100%;padding:0;border-bottom:2px solid #efefef;border-radius:0}@media only screen and (max-width: 767px){.axil-product-cart-wrap .product-cupon input{height:46px}}.axil-product-cart-wrap .product-cupon .product-cupon-btn{margin-left:20px !important}.axil-product-cart-wrap .product-cupon .axil-btn{width:auto;border-width:2px;border-color:#efefef;background-color:rgba(0,0,0,0)}.axil-product-cart-wrap .product-cupon .axil-btn:hover{border-color:var(--color-primary)}.axil-product-cart-wrap .update-btn{text-align:right}@media only screen and (max-width: 767px){.axil-product-cart-wrap .update-btn{text-align:left;margin-top:30px}}.axil-product-cart-wrap .update-btn .axil-btn{border-width:2px;border-color:#efefef}.axil-product-cart-wrap .update-btn .axil-btn:hover{border-color:var(--color-primary)}.axil-order-summery{background-color:#f9f3f0;border-radius:6px;padding:40px}@media only screen and (max-width: 479px){.axil-order-summery{padding:30px 20px}}.axil-order-summery .title{font-weight:var(--s-medium)}@media only screen and (max-width: 991px){.axil-order-summery .title{font-size:20px}}.axil-order-summery .summery-table tbody{border-top:none !important}.axil-order-summery .summery-table tbody td{border-bottom:1px solid;border-color:rgba(101,105,115,.2);font-size:var(--font-size-b1);font-weight:var(--s-medium);color:#292930;padding:18px 15px 18px 0;min-width:180px}@media only screen and (max-width: 479px){.axil-order-summery .summery-table tbody td{min-width:90px}}.axil-order-summery .summery-table .order-shipping .input-group{margin-bottom:10px}.axil-order-summery .summery-table .order-shipping .input-group:last-child{margin-bottom:0}.axil-order-summery .summery-table .order-shipping .input-group label{color:#292930;font-weight:400}.axil-order-summery .summery-table .order-shipping .input-group label:before{border-width:2px;border-color:#d5d4d4}.axil-order-summery .summery-table .order-shipping .input-group label:after{background-color:var(--color-primary);border:none}.axil-order-summery .summery-table .order-total-amount{font-size:20px;font-weight:var(--s-bold);color:var(--color-primary)}.axil-order-summery.order-checkout-summery .summery-table-wrap{background-color:var(--color-white);border-radius:6px;padding:30px;margin-bottom:45px}@media only screen and (max-width: 479px){.axil-order-summery.order-checkout-summery .summery-table-wrap{padding:0;background-color:rgba(0,0,0,0)}}.axil-order-summery.order-checkout-summery .summery-table th{font-size:20px;color:var(--color-heading);text-transform:capitalize;padding:15px 0}.axil-order-summery.order-checkout-summery .summery-table td{padding:18px 0}@media only screen and (min-width: 992px)and (max-width: 1199px){.axil-order-summery.order-checkout-summery .summery-table td{min-width:155px}}@media only screen and (max-width: 575px){.axil-order-summery.order-checkout-summery .summery-table td{min-width:100px}}.axil-order-summery.order-checkout-summery .summery-table td.order-total-amount{color:var(--color-black)}.axil-order-summery.order-checkout-summery .summery-table th:last-child,.axil-order-summery.order-checkout-summery .summery-table td:last-child{text-align:right}.axil-order-summery.order-checkout-summery .summery-table tr:last-child td{border-bottom:none;padding-bottom:0}.axil-order-summery.order-checkout-summery .summery-table .order-shipping .shipping-amount{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.axil-order-summery.order-checkout-summery .summery-table .order-shipping .shipping-amount .title{display:inline-block}.axil-order-summery.order-checkout-summery .summery-table .order-shipping td{text-align:left}.axil-order-summery.order-checkout-summery .summery-table .order-shipping .input-group{margin-bottom:5px}.axil-order-summery.order-checkout-summery .summery-table .order-shipping .input-group label{color:var(--color-body);padding-left:26px}.axil-order-summery.order-checkout-summery .summery-table .order-total td{font-size:20px;font-weight:600;color:var(--color-black)}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment{border-bottom:1px solid var(--color-light);margin-bottom:20px;padding-bottom:20px}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group{margin-bottom:20px}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label{font-size:20px;color:#292930}@media only screen and (max-width: 767px){.axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label{font-size:18px}}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label:before{background-color:rgba(0,0,0,0)}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group label:after{content:"";font-family:var(--font-awesome);font-size:8px;color:var(--color-white);font-weight:900;line-height:8px;transform:rotate(0deg);background-color:rgba(0,0,0,0);border:none}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment .input-group input[type=radio]:checked~label::before{background-color:var(--color-primary)}.axil-order-summery.order-checkout-summery .order-payment-method .single-payment p{padding-left:28px}.axil-order-summery .checkout-btn{width:100%;text-align:center}.axil-order-summery .checkout-btn:hover:before{transform:scale(1.05)}.axil-checkout-billing .title{font-weight:var(--s-medium)}.axil-checkout-billing .form-group label span{color:var(--color-chart03)}.axil-checkout-billing .form-group input{height:60px;border-color:var(--color-light);padding:0 30px}.axil-checkout-billing .form-group textarea{border-color:var(--color-light);padding:15px 30px;line-height:var(--line-height-b2)}.axil-checkout-billing .form-group select{border-color:var(--color-light)}.axil-checkout-billing .form-group.input-group{margin-bottom:40px}.axil-checkout-billing .form-group.input-group label{top:0;left:0;pointer-events:auto;color:#292930}.axil-checkout-billing .form-group.input-group label:after{border-width:2px;top:6px;height:6px;width:11px}.axil-checkout-billing .form-group.different-shippng{margin-bottom:40px}.axil-checkout-billing .form-group.different-shippng .toggle-bar label{position:initial;font-size:24px;padding-left:0;padding-right:28px;width:100%;color:#292930}@media only screen and (max-width: 767px){.axil-checkout-billing .form-group.different-shippng .toggle-bar label{font-size:20px}}@media only screen and (max-width: 479px){.axil-checkout-billing .form-group.different-shippng .toggle-bar label{font-size:17px}}.axil-checkout-billing .form-group.different-shippng .toggle-bar label:before{left:auto;right:0;top:6px}.axil-checkout-billing .form-group.different-shippng .toggle-bar label:after{left:auto;right:3px;top:10px}.axil-checkout-billing .form-group.different-shippng .toggle-bar input{cursor:pointer}.axil-checkout-billing .form-group.different-shippng .toggle-open{display:none;padding:10px 0 0;margin-top:20px}.axil-checkout-notice{margin-bottom:40px}.axil-checkout-notice .axil-toggle-box{margin-bottom:20px}.axil-checkout-notice .toggle-bar{background-color:var(--color-lighter);border-radius:6px;padding:17px 30px}.axil-checkout-notice .toggle-bar i{margin-right:8px}.axil-checkout-notice .toggle-bar a{font-weight:500;transition:var(--transition)}.axil-checkout-notice .toggle-bar a i{color:var(--color-body);font-weight:400;margin-left:5px}.axil-checkout-notice .toggle-bar a:focus{color:var(--color-heading)}.axil-checkout-notice .toggle-open{display:none;margin-top:20px}.axil-checkout-notice .axil-checkout-coupon{border:1px solid var(--color-light);border-radius:16px;padding:30px}.axil-checkout-notice .axil-checkout-coupon p{font-size:var(--font-size-b2);margin-bottom:20px}.axil-checkout-notice .axil-checkout-coupon input{border:1px solid var(--color-light);width:auto;height:50px;margin-right:10px;margin-bottom:10px;border-radius:6px !important}.axil-checkout-notice .axil-checkout-coupon .axil-btn{border-width:1px;padding:12px 40px;border-color:var(--color-light)}.axil-checkout-notice .axil-checkout-coupon .axil-btn:hover{border-color:var(--color-primary)}.axil-checkout-notice .axil-checkout-login{border:1px solid var(--color-light);border-radius:16px;padding:30px}.axil-checkout-notice .axil-checkout-login p{margin-bottom:30px}.axil-checkout-notice .axil-checkout-login input{border-color:var(--color-light)}.axil-checkout-notice .axil-checkout-login .axil-btn{width:auto;padding:11px 40px}.axil-signin-area{position:fixed;top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:hidden}.signin-header{position:fixed;top:0;left:0;right:0;padding:40px 100px;z-index:1}@media only screen and (max-width: 991px){.signin-header{padding:40px 30px}}@media only screen and (max-width: 575px){.signin-header{padding:30px;text-align:center}}.signin-header .site-logo{display:inline-block}@media only screen and (max-width: 575px){.signin-header .site-logo{margin-bottom:40px}}.signin-header .singin-header-btn{display:flex;align-items:center;justify-content:flex-end}@media only screen and (max-width: 575px){.signin-header .singin-header-btn{justify-content:center;flex-direction:column}}.signin-header .singin-header-btn p{margin-bottom:0;color:#292930;font-size:var(--font-size-b2);font-weight:var(--p-medium)}.signin-header .singin-header-btn .sign-up-btn{margin-left:40px}@media only screen and (min-width: 768px)and (max-width: 991px){.signin-header .singin-header-btn .sign-up-btn{margin-left:20px}}@media only screen and (max-width: 575px){.signin-header .singin-header-btn .sign-up-btn{margin-left:0;margin-top:10px}}.signin-header .back-btn{width:40px;height:40px;line-height:40px;border:1px solid #cbd3d9;border-radius:4px;font-size:16px;display:block;text-align:center;transition:var(--transition)}.signin-header .back-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.signin-header .back-btn:hover i{animation:prevNavSlide 400ms}.axil-signin-banner{min-height:900px;height:100vh;padding:200px 50px 0 100px}@media only screen and (min-width: 992px)and (max-width: 1199px){.axil-signin-banner{margin-right:50px}}@media only screen and (max-width: 991px){.axil-signin-banner{display:none}}.axil-signin-form-wrap{width:100%;height:calc(100vh - 180px);overflow-y:auto;display:flex;margin:180px -30px -30px}@media only screen and (max-width: 991px){.axil-signin-form-wrap{justify-content:center;text-align:center;margin:150px 0 0}}@media only screen and (max-width: 575px){.axil-signin-form-wrap{margin:200px 0 0;height:calc(100vh - 200px)}}.axil-signin-form{max-width:450px;width:100%;padding:30px}.axil-signin-form .singin-form{padding-bottom:30px}.axil-signin-form .title{margin-bottom:16px}.axil-signin-form p{color:var(--color-gray)}.axil-signin-form .form-group{margin-bottom:35px}.axil-signin-form .form-group:last-child{margin-bottom:0}.axil-signin-form .form-control{height:60px;border-color:var(--color-light);padding:0 30px;color:var(--color-body)}.axil-signin-form .submit-btn{width:auto}.axil-signin-form .forgot-btn{font-size:14px;color:var(--color-primary);transition:var(--transition)}.axil-signin-form .forgot-btn:hover{color:var(--color-body)}.axil-dashboard-warp .axil-dashboard-author{margin-bottom:50px}.axil-dashboard-warp .axil-dashboard-author .media{align-items:center}.axil-dashboard-warp .axil-dashboard-author .thumbnail{margin-bottom:10px}.axil-dashboard-warp .axil-dashboard-author .thumbnail img{border-radius:50%}.axil-dashboard-warp .axil-dashboard-author .joining-date{font-size:14px;color:var(--color-body);font-weight:var(--s-medium)}.axil-dashboard-warp .tab-content{padding-left:45px}@media only screen and (max-width: 1199px){.axil-dashboard-warp .tab-content{padding-left:0}}.axil-dashboard-aside{border:1px solid var(--color-light);padding:40px 35px 30px;border-radius:6px}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-dashboard-aside{padding:30px 15px 20px}}@media only screen and (max-width: 767px){.axil-dashboard-aside{margin-bottom:40px}}.axil-dashboard-aside .nav-tabs{border-bottom:none}.axil-dashboard-aside .nav-link{font-weight:500;color:var(--color-body);font-size:var(--font-size-b2);position:relative;border-radius:6px;padding:9px 10px 9px 55px;margin-bottom:8px;transition:var(--transition);border:none;width:100%}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-dashboard-aside .nav-link{padding:9px 10px 9px 40px}}.axil-dashboard-aside .nav-link i{position:absolute;top:12px;left:24px;font-size:18px}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-dashboard-aside .nav-link i{left:10px}}.axil-dashboard-aside .nav-link.active,.axil-dashboard-aside .nav-link:hover{background-color:var(--color-lighter);color:var(--color-primary)}.axil-dashboard-overview .welcome-text{color:var(--color-black);font-size:18px;margin-bottom:25px}.axil-dashboard-overview .welcome-text span{font-weight:var(--p-bold)}.axil-dashboard-overview .welcome-text a{color:var(--color-chart03);transition:var(--transition)}.axil-dashboard-overview .welcome-text a:hover{color:var(--color-primary)}.axil-dashboard-overview p{font-size:var(--font-size-b1)}.axil-dashboard-order .table{font-family:var(--font-secondary)}.axil-dashboard-order .table thead{background-color:var(--color-lighter)}.axil-dashboard-order .table thead th{border:none;padding:18px 20px;vertical-align:middle;font-size:20px;font-weight:var(--p-medium);text-transform:capitalize}.axil-dashboard-order .table thead th:first-child{border-radius:6px 0 0 6px}.axil-dashboard-order .table thead th:last-child{border-radius:0 6px 6px 0;padding-right:30px;text-align:right}@media only screen and (max-width: 1199px){.axil-dashboard-order .table thead th{font-size:18px}}.axil-dashboard-order .table tbody{border-top:none}.axil-dashboard-order .table tbody tr td,.axil-dashboard-order .table tbody tr th{padding:20px 20px;vertical-align:middle;font-weight:var(--p-medium);font-size:var(--font-size-b2);color:var(--color-heading);border-top:none;border-bottom:2px solid var(--color-lighter)}.axil-dashboard-order .table tbody tr td:last-child,.axil-dashboard-order .table tbody tr th:last-child{text-align:right}.axil-dashboard-order .table tbody tr th{color:var(--color-chart03)}.axil-dashboard-order .table tbody tr td{min-width:150px}.axil-dashboard-order .table tbody tr:first-child td,.axil-dashboard-order .table tbody tr:first-child th{border-top:none}.axil-dashboard-order .table tbody .view-btn{padding:9px 20px;border:1px solid var(--color-body);background-color:rgba(0,0,0,0);color:var(--color-dark)}.axil-dashboard-order .table tbody .view-btn:before{display:none}.axil-dashboard-order .table tbody .view-btn:after{display:none}.axil-dashboard-order .table tbody .view-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.axil-dashboard-address .notice-text{font-size:var(--font-size-b2);color:#292930}.axil-dashboard-address .addrss-header{border-bottom:1px solid var(--color-light);padding-bottom:20px;margin-bottom:20px}.axil-dashboard-address .title{font-weight:var(--p-medium);color:#292930}@media only screen and (min-width: 992px)and (max-width: 1199px){.axil-dashboard-address .title{font-size:26px}}.axil-dashboard-address .address-edit{font-size:var(--font-size-b2);color:#292930;transition:var(--transition)}.axil-dashboard-address .address-edit:hover{color:var(--color-primary)}.axil-dashboard-address ul li{font-size:var(--font-size-b2);line-height:var(--line-height-b2);color:#292930;font-family:var(--font-primary)}.axil-dashboard-account .form-group .form-control{height:60px;padding:10px 30px;border-color:var(--color-light);color:var(--color-body)}.axil-dashboard-account .form-group select option:hover{background:red !important;color:red}.axil-post-wrapper .content-blog{border-top:1px solid #f3f3f3;padding-top:60px}.axil-post-wrapper .content-blog:first-child{margin-top:0 !important;border-top:none;padding-top:0}.content-blog .thumbnail{margin-bottom:30px}.content-blog .thumbnail a{display:block;border-radius:var(--radius)}.content-blog .thumbnail a img{width:100%;border-radius:var(--radius)}.content-blog .content .title{font-weight:500;line-height:1.3}.content-blog .content p{margin-bottom:30px}.content-blog .content .read-more-btn .axil-btn{display:inline-flex}.content-blog.sticky .inner{background:#f9f3f0;border-left:6px solid var(--color-tertiary);border-radius:var(--radius);padding:50px}@media only screen and (max-width: 479px){.content-blog.sticky .inner{padding:30px 15px}}.content-blog.format-quote .inner{background:#f9f3f0;border-left:6px solid var(--color-tertiary);border-radius:var(--radius);padding:50px 40px 30px}@media only screen and (max-width: 575px){.content-blog.format-quote .inner{padding:30px 20px 10px}}.content-blog.format-quote .inner .content blockquote .title{font-weight:700;line-height:1.31;font-size:35px;font-style:italic}@media only screen and (max-width: 767px){.content-blog.format-quote .inner .content blockquote .title{font-size:28px}}@media only screen and (max-width: 575px){.content-blog.format-quote .inner .content blockquote .title{font-size:24px}}.content-blog.format-video .thumbnail{position:relative;text-align:center}.content-blog.format-video .thumbnail:after{content:"";height:100%;width:100%;background-color:var(--color-black);opacity:.2;border-radius:4px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.content-blog.format-video .thumbnail .popup-video{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2}.content-blog.format-video .thumbnail .popup-video .play-btn{height:150px;width:150px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);border-radius:50%;margin:0 auto;font-size:32px;color:var(--color-white);transition:var(--transition)}.content-blog.format-video .thumbnail .popup-video .play-btn:hover{background-color:#000}@media only screen and (max-width: 767px){.content-blog.format-video .thumbnail .popup-video .play-btn{height:80px;width:80px;font-size:24px}}.content-blog.post-list-view{display:flex;align-items:center;border-bottom:1px solid #f3f3f3;padding-bottom:20px}@media only screen and (max-width: 479px){.content-blog.post-list-view{align-items:flex-start}}.content-blog.post-list-view:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.content-blog.post-list-view .thumbnail{width:120px;margin-right:20px;min-width:120px;overflow:hidden;margin-bottom:0}@media only screen and (min-width: 992px)and (max-width: 1199px){.content-blog.post-list-view .thumbnail{width:70px;margin-right:10px;min-width:70px}}@media only screen and (max-width: 479px){.content-blog.post-list-view .thumbnail{width:80px;min-width:80px}}.content-blog.post-list-view .thumbnail a{border-radius:6px;overflow:hidden}.content-blog.post-list-view .thumbnail a img{width:100%;border-radius:6px;transition:.5s;object-fit:contain}.content-blog.post-list-view .content{flex:1}.content-blog.post-list-view .content .title{font-size:17px;margin-bottom:10px}@media only screen and (max-width: 767px){.content-blog.post-list-view .content .title{font-size:16px}}.content-blog.post-list-view .content .title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.content-blog.post-list-view .content .axil-post-meta{margin-bottom:0}.content-blog.post-list-view:hover .thumbnail img{transform:scale(1.1)}.axil-post-meta{display:flex;margin-bottom:20px}.axil-post-meta .post-author-avatar{min-width:50px;max-height:50px;margin-right:20px;width:50px}.axil-post-meta .post-author-avatar img{border-radius:100%;width:100%;height:100%;object-fit:contain}.axil-post-meta .post-meta-content .author-title{margin-bottom:5px;font-size:16px}.post-meta-list{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;margin:0 -15px}.post-meta-list li{color:var(--color-body);font-size:14px;padding:0 15px;position:relative;margin-top:0;margin-bottom:0}.post-meta-list li::after{position:absolute;content:"";background:#cbd3d9;width:1px;height:14px;right:0;top:50%;transform:translateY(-50%)}.post-meta-list li:last-child::after{display:none}.blog-grid{border:1px solid #f1f1f1;border-radius:6px;padding:20px}.blog-grid .thumbnail{margin-bottom:25px;overflow:hidden;border-radius:6px;position:relative}.blog-grid .thumbnail img{transition:.5s}.blog-grid .thumbnail .blog-category{position:absolute;bottom:20px;right:20px}.blog-grid .thumbnail .blog-category a{background-color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(25px);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:2px 10px;border-radius:4px;color:var(--color-white);font-size:14px}.blog-grid .content .title{margin-bottom:20px}.blog-grid .content .axil-btn{padding:0;align-items:center;color:var(--color-heading)}.blog-grid .content .axil-btn i{padding-left:6px;top:1px;color:var(--color-heading);transition:var(--transition)}.blog-grid .content .axil-btn:after{content:"";height:1px;width:0;background-color:var(--color-primary);position:absolute;bottom:0;right:0;transition:var(--transition)}.blog-grid .content .axil-btn:hover{color:var(--color-primary)}.blog-grid .content .axil-btn:hover:after{width:100%;left:0}.blog-grid .content .axil-btn:hover i{color:var(--color-primary)}.blog-grid:hover .thumbnail img{transform:scale(1.1)}.axil-single-post .post-content{padding:0 75px}@media only screen and (max-width: 1199px){.axil-single-post .post-content{padding:0}}.axil-single-post.post-formate .content-block .post-thumbnail img{border-radius:6px}.axil-single-post.post-video .format-video .thumbnail{padding-top:0;margin-bottom:0}.post-single-wrapper{padding-top:80px}@media only screen and (max-width: 991px){.post-single-wrapper{padding-top:30px}}.post-single-wrapper .content-blog{border-top:none;padding-top:0}.axil-post-wrapper .audio-player{margin-bottom:20px}.axil-post-wrapper .audio-player audio{width:100%}.axil-post-wrapper .post-heading{border-bottom:1px solid var(--color-border-light);margin-bottom:45px;padding-bottom:30px}.axil-single-widget:first-child,.widget-sidebar:first-child{margin-top:0 !important}.newsletter-inner::before{content:"";position:absolute;left:30px;background:url("../images/send-mail.png") no-repeat;z-index:2;top:17px;width:25px;height:25px}.wp-block-columns{display:flex;margin-bottom:28px;margin:0 -15px}@media only screen and (max-width: 767px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word;padding-right:15px;padding-left:15px}.wp-block-column .wp-block-image img{border-radius:6px}.post-details figure,.entry-content figure{margin-bottom:40px}@media only screen and (max-width: 575px){.post-details figure,.entry-content figure{margin-bottom:20px}}.post-details__social-share .share-on-text{display:inline-block;margin-bottom:10px;margin-right:-5px}@media only screen and (max-width: 1199px){.post-details__social-share .share-on-text{margin-right:-18px}}.post-details__social-share .social-share{flex-direction:column;align-items:center}@media only screen and (max-width: 992px){.post-details__social-share .social-share{flex-direction:row;margin-bottom:15px}}.sticky-top{z-index:0 !important;top:100px}.axil-total-comment-post{display:flex;justify-content:space-between;align-items:center;padding:30px 0}@media only screen and (max-width: 575px){.axil-total-comment-post{display:block}}@media only screen and (max-width: 575px){.axil-total-comment-post .add-comment-button{margin-top:20px}}.comment-respond{margin:50px 0 0}.comment-respond .title{margin-bottom:20px}.comment-respond .comment-notes{color:var(--color-gray);margin-bottom:40px}.comment-respond .comment-form-cookies-consent{margin-bottom:20px}.comment-list ul.children{padding-left:75px}@media only screen and (max-width: 767px){.comment-list ul.children{padding-left:30px}}.comment-list .comment{margin-top:0;margin-bottom:0}.comment-list .comment .single-comment{padding:15px 0;display:flex}.comment-list .comment .single-comment .comment-img{margin-bottom:15px;min-width:60px;margin-right:20px}.comment-list .comment .single-comment .comment-img img{border-radius:100%;width:100%}.comment-list .comment .commenter{line-height:33px;margin-bottom:6px}.comment-list .comment .commenter a .hover-flip-item span::before{color:var(--color-heading)}.comment-list .comment .commenter a .hover-flip-item span::after{color:var(--color-primary)}.comment-list .comment .comment-meta{display:flex;align-items:center;margin-bottom:8px;flex-wrap:wrap}.comment-list .comment .time-spent{color:var(--color-extra01);font-size:16px;line-height:24px}.comment-list .comment .reply-edit a.comment-reply-link{font-size:16px;line-height:24px;display:flex;color:var(--color-primary);margin-left:8px;padding-left:8px;position:relative;font-weight:500;overflow:visible}.comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::before{color:var(--color-heading)}.comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::after{color:var(--color-primary)}.comment-list .comment .reply-edit a.comment-reply-link:hover{color:var(--color-primary)}.comment-list .comment .reply-edit a.comment-reply-link::before{position:absolute;content:"";top:50%;transform:translateY(-50%);left:-2px;width:4px;height:4px;background:var(--color-extra01);border-radius:100%}.form-group label{position:absolute;top:-11px;left:20px;pointer-events:none;z-index:4;background:#fff;padding:0 10px}@media only screen and (max-width: 991px){.axil-sidebar-area{margin-top:60px}}.axil-sidebar-area .axil-single-widget:first-child{margin-top:0 !important}.axil-single-widget{border:1px solid #f3f3f3;border-radius:6px;padding:30px}.axil-single-widget .widget-title{font-weight:500;margin-bottom:30px;color:var(--color-dark)}@media only screen and (max-width: 479px){.axil-single-widget{padding:20px}}.tagcloud{display:flex;flex-wrap:wrap;margin:-5px}.tagcloud a{border:2px solid var(--color-border-light);font-size:var(--font-size-b2) !important;color:var(--color-body);height:40px;padding:0 20px;margin:5px;display:inline-block;line-height:35px;border-radius:500px;font-family:var(--font-secondary)}.tagcloud a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.blog-search,.wp-block-search{position:relative}.blog-search input,.wp-block-search input{height:50px;border:1px solid #f0f2f5;background-color:#f0f2f5;padding:0 20px;color:var(--color-heading);padding-left:50px;font-size:16px;border-radius:var(--radius);font-family:var(--font-secondary)}.blog-search .search-button,.wp-block-search .search-button{position:absolute;left:20px;top:50%;transform:translateY(-50%);border:0 none;padding:0;background-color:rgba(0,0,0,0);width:auto}.blog-search .search-button i,.wp-block-search .search-button i{color:var(--color-body);font-weight:400}.widget_rss ul li a{color:var(--color-heading);text-decoration:none;display:block}.widget_rss ul li a:hover{color:var(--color-primary)}.widget_rss ul li span.rss-date{font-size:14px}.widget_rss ul li .rssSummary{margin-top:9px}.widget_rss ul li cite{margin-top:4px;display:inline-block;font-weight:500;font-size:14px}.widget_archive ul{margin-bottom:0;list-style:disc}.widget_archive ul li::marker{font-size:18px;color:#ced0d4;transition:var(--transition)}.widget_archive ul li a{color:#65676b;transition:var(--transition)}.widget_archive ul li:hover::marker{color:var(--color-primary)}.widget_archive ul li:hover a{color:var(--color-black)}.widget_archive_dropdown select{border-radius:4px;height:50px;padding:0 20px}.footer-top{padding:80px 0 40px;position:relative}@media only screen and (max-width: 767px){.footer-top{padding:60px 0 20px}}.footer-top.separator-top::after{position:absolute;top:0;width:1290px;height:2px;background-color:#f6f7fb;content:"";left:0;right:0;margin:0 auto;border-radius:100px}.axil-footer-widget{margin-bottom:40px}.axil-footer-widget .widget-title{font-size:18px;font-weight:500;letter-spacing:-0.025em;margin-bottom:20px}.axil-footer-widget .inner ul{padding-left:0}.axil-footer-widget .inner ul>li:first-child{margin-top:0}.axil-footer-widget .inner ul{list-style:none}.axil-footer-widget .inner ul li{margin-top:12px;margin-bottom:12px}.axil-footer-widget .inner ul li a{color:var(--color-body);font-weight:500;font-size:16px;transition:.3s;position:relative}.axil-footer-widget .inner ul li a:after{content:"";height:2px;width:0;background-color:var(--color-black);position:absolute;bottom:-2px;right:0;opacity:0;transition:.5s}.axil-footer-widget .inner ul li a:hover{color:var(--color-heading)}.axil-footer-widget .inner ul li a:hover:after{width:100%;opacity:1;left:0}.axil-footer-widget .logo img{height:35px;width:auto}.axil-footer-widget .support-list-item{margin-bottom:0}.axil-footer-widget .support-list-item li{padding-left:26px;position:relative}.axil-footer-widget .support-list-item li a{position:initial !important;font-weight:400 !important}.axil-footer-widget .support-list-item li a:after{display:none}.axil-footer-widget .support-list-item li i{padding-right:5px;position:absolute;top:5px;left:0}.copyright-default{padding:15px 0}.copyright-default .quick-link{display:flex;margin:-15px}.copyright-default .quick-link li{padding:15px;position:relative;color:var(--color-body);font-weight:500;font-size:14px}.copyright-default .quick-link li::after{position:absolute;content:"";background:var(--color-lightest);width:5px;height:5px;border-radius:100%;right:-3px;top:50%;transform:translateY(-50%)}@media only screen and (max-width: 575px){.copyright-default .quick-link li::after{display:none}}.copyright-default .quick-link li a{color:var(--color-body);font-weight:500;font-size:14px;letter-spacing:-0.025em;transition:.5s;position:relative}.copyright-default .quick-link li a:after{content:"";height:2px;width:0;background-color:var(--color-black);position:absolute;bottom:-2px;right:0;opacity:0;transition:.5s}.copyright-default .quick-link li a:hover{color:var(--color-heading)}.copyright-default .quick-link li a:hover:after{width:100%;opacity:1;left:0}.copyright-default .quick-link.payment-icons-bottom{margin:-15px -10px}.copyright-default .quick-link.payment-icons-bottom li{padding:15px 10px}.copyright-default .quick-link.payment-icons-bottom li::after{display:none}.copyright-default.separator-top{position:relative}.copyright-default.separator-top::after{position:absolute;content:"";background-color:#f6f7fb;border-radius:100px;height:2px;width:1290px;left:0;right:0;margin:0 auto;top:0}.copyright-default .copyright-right span.card-text{color:var(--color-body);font-size:14px;font-weight:500;display:inline-block;margin:10px 20px;letter-spacing:-0.025em}@media only screen and (max-width: 575px){.copyright-default .copyright-right span.card-text{margin-left:0}}@media only screen and (max-width: 1199px){.copyright-default .copyright-left{text-align:center}}@media only screen and (max-width: 575px){.copyright-default .copyright-left{flex-direction:column;align-items:center}}.copyright-default .copyright-left ul+ul{margin-left:15px}@media only screen and (max-width: 575px){.copyright-default .copyright-left ul+ul{margin-left:-15px}}.copyright-default .copyright-left ul+ul li::after{display:none}.footer-dark{background-color:var(--color-heading)}.footer-dark .axil-footer-widget p{color:#acacac}.footer-dark .social-share a{color:#acacac}.footer-dark .social-share a:hover{color:var(--color-white)}.footer-dark .axil-footer-widget .widget-title{color:#c8c8c8}.footer-dark .axil-footer-widget .inner ul li a{color:#acacac}.footer-dark .axil-footer-widget .inner ul li a:after{background-color:#acacac}.footer-dark .copyright-default.separator-top:after{background-color:#454545}.footer-dark .copyright-default .quick-link li{color:#acacac}.footer-dark .copyright-default .quick-link li:after{background:#acacac}.footer-dark .copyright-default .quick-link li a{color:#acacac}.footer-dark .copyright-default .quick-link li a:after{background-color:#acacac}.footer-dark .copyright-default .copyright-right span.card-text{color:#acacac}.footer-style-2 .footer-top{padding:50px 0 0}.footer-style-2 .footer-top.separator-top:after{background-color:#f6f7fb;height:2px}.footer-style-2 .axil-footer-widget .widget-title{font-weight:600}.footer-style-2 .axil-footer-widget .inner .download-btn-group{display:flex;align-items:center;margin-top:15px}.footer-style-2 .axil-footer-widget .inner .download-btn-group .qr-code{margin-right:20px}@media only screen and (min-width: 992px)and (max-width: 1199px){.footer-style-2 .axil-footer-widget .inner .download-btn-group .qr-code img{height:80px}}.footer-style-2 .axil-footer-widget .inner .download-btn-group .app-link{flex:1}.footer-style-2 .axil-footer-widget .inner .download-btn-group .app-link a{margin-bottom:15px;display:block}.footer-style-2 .axil-footer-widget .inner .download-btn-group .app-link a:last-child{margin-bottom:0}.footer-style-2 .copyright-default .quick-link li:last-child:after{display:none}.footer-style-2 .copyright-default .quick-link.payment-icons-bottom li{padding:10px}.footer-style-2 .copyright-default .quick-link.payment-icons-bottom li img{height:20px}@media only screen and (max-width: 1199px){.footer-style-2 .copyright-default .social-share{justify-content:center;margin-top:0;margin-bottom:0}}.footer-style-2 .copyright-default .social-share a{font-size:16px;color:var(--color-body);line-height:normal}.footer-style-2 .copyright-default .social-share a:after{height:35px;width:35px}.footer-style-2 .copyright-default .social-share a:hover{color:var(--color-white)}.footer-style-3 .footer-top{padding:35px 0 0 0}.footer-style-3 .footer-widget-warp{border-bottom:1px solid rgba(119,119,119,.4);padding-top:30px}.footer-style-3 .footer-widget-warp:last-child{padding-bottom:30px}.footer-style-3 .footer-middle{padding:28px 0}.footer-style-3 .payment-method{display:flex;align-items:center}.footer-style-3 .payment-method .title{color:var(--color-white);margin-bottom:0;padding-right:24px;text-align:right;font-size:14px;line-height:1.5;min-width:90px}.footer-style-3 .payment-method ul{border-left:1px solid rgba(119,119,119,.4);margin-bottom:0;padding-left:18px;list-style:none;margin:-6px}.footer-style-3 .payment-method ul li{text-align:center;display:inline-block;height:40px;width:40px;line-height:40px;border-radius:50%;background-color:var(--color-white);margin:6px}.footer-style-3 .payment-method ul li img{max-width:28px}@media(max-width: 991px){.footer-style-3 .footer-social-link{margin-top:20px}}.footer-style-3 .footer-social-link ul{list-style:none;border-left-color:rgba(51,120,240,.4)}.footer-style-3 .footer-social-link ul li{background-color:rgba(0,0,0,0)}.footer-style-3 .footer-social-link ul li a{height:40px;width:40px;line-height:40px;background-color:var(--color-primary);border-radius:50%;display:block;text-align:center;font-size:18px;color:var(--color-white)}.footer-style-3 .footer-social-link ul li a:hover{background-color:var(--color-secondary)}.footer-style-3 .copyright-area{border-top:1px solid rgba(119,119,119,.1)}.footer-style-3 .copyright-area .quick-link li a{font-weight:400}.axil-footer-widget.widget-flex{display:flex;margin-bottom:30px}.axil-footer-widget.widget-flex .widget-title{border-right:1px solid rgba(119,119,119,.4);padding-right:22px;margin-right:22px;font-size:14px;margin-bottom:0;min-width:90px;font-weight:700;text-align:right}.axil-footer-widget.widget-flex .inner{flex:1}.axil-footer-widget.widget-flex .inner ul{margin-bottom:0}.axil-footer-widget.widget-flex .inner ul li{margin:10px 0}.axil-footer-widget.widget-flex .inner ul li:first-child{margin-top:0}.axil-footer-widget.widget-flex .inner ul li:last-child{margin-bottom:0}.axil-footer-widget.widget-flex .inner ul li a{font-size:14px;color:#d6d6d6;font-family:var(--font-secondary)}.axil-footer-widget.footer-widget-newsletter{padding-right:50px}.axil-footer-widget.footer-widget-newsletter .input-group input{background-color:#49495f;height:46px;border-radius:8px 0 0 8px;padding:0 20px;border:none;color:#d6d6d6}.axil-footer-widget.footer-widget-newsletter .input-group input:focus{background-color:#49495f;box-shadow:none;color:#d6d6d6}.axil-footer-widget.footer-widget-newsletter .input-group input::placeholder{color:#d6d6d6;opacity:1}.axil-footer-widget.footer-widget-newsletter .input-group input:-ms-input-placeholder{color:#d6d6d6}.axil-footer-widget.footer-widget-newsletter .input-group input::-ms-input-placeholder{color:#d6d6d6}.axil-footer-widget.footer-widget-newsletter .input-group button{width:auto;background-color:var(--color-primary);font-size:14px;font-weight:700;border-radius:0 8px 8px 0;color:var(--color-white);padding:0 24px}.axil-footer-widget.footer-widget-newsletter .input-group button:hover{background-color:var(--color-secondary)}.axil-footer-widget.footer-widget-newsletter .widget-title{color:var(--color-white);font-size:24px;margin-bottom:8px}.axil-footer-widget.footer-widget-newsletter p{color:#d6d6d6;font-size:14px;margin-bottom:16px}.axil-footer-widget.footer-widget-newsletter p span{color:#fe497c}.offer-popup-modal{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(0.8);z-index:101;visibility:hidden;opacity:0;transition:.3s}.offer-popup-modal .offer-popup-wrap{background-color:var(--color-white);border-radius:6px;padding:50px;width:730px;height:450px;display:flex;flex-direction:column;overflow:auto;background-image:url("../images/others/popup-bg.png");background-repeat:no-repeat;background-position:center right}@media only screen and (max-width: 767px){.offer-popup-modal .offer-popup-wrap{width:100%;padding:40px 30px;max-height:400px;background-image:none}}@media only screen and (max-width: 479px){.offer-popup-modal .offer-popup-wrap{padding:30px 20px;max-height:370px}}.offer-popup-modal .offer-popup-wrap .popup-close{height:40px;width:40px;font-size:18px;color:var(--color-white);background-color:var(--color-primary);border-radius:50%;position:absolute;top:-30px;right:-30px}.offer-popup-modal .offer-popup-wrap .popup-close:hover{background-color:var(--color-secondary)}@media only screen and (max-width: 767px){.offer-popup-modal .offer-popup-wrap .popup-close{height:30px;width:30px;font-size:12px;top:-30px;right:-15px}}@media only screen and (max-width: 479px){.offer-popup-modal .offer-popup-wrap .popup-close{top:-20px;right:-10px}}.offer-popup-modal .offer-popup-wrap .card-body{position:relative;padding:0;display:flex;align-items:center}.offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper{margin-bottom:0}@media only screen and (max-width: 767px){.offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper{padding-right:0}}.offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper .title{font-size:40px;line-height:1.2}@media only screen and (max-width: 767px){.offer-popup-modal .offer-popup-wrap .card-body .section-title-wrapper .title{font-size:28px}}.offer-popup-modal .offer-popup-wrap .card-body .countdown{margin-bottom:38px}.offer-popup-modal .offer-popup-wrap .card-body .countdown .countdown-section{background-color:var(--color-lighter)}.offer-popup-modal .offer-popup-wrap .card-body .axil-btn i{margin-right:0;margin-left:8px;position:relative;top:1px}.offer-popup-modal.open{visibility:visible;opacity:1;transform:translate(-50%, -50%) scale(1);transition:all .3s cubic-bezier(0.29, 1.39, 0.86, 1.15)}.slick-dotted.slick-slider{margin-bottom:0}.axil-section-gap{padding:80px 0}@media only screen and (max-width: 767px){.axil-section-gap{padding:60px 0}}.axil-section-gapcommon{padding:80px 0 50px}@media only screen and (max-width: 767px){.axil-section-gapcommon{padding:60px 0 30px}}.section-gap-80-35{padding:80px 0 35px}@media only screen and (max-width: 767px){.section-gap-80-35{padding:60px 0 15px}}.axil-section-gapBottom{padding-bottom:80px}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-section-gapBottom{padding-bottom:80px}}@media only screen and (max-width: 767px){.axil-section-gapBottom{padding-bottom:60px}}@media only screen and (min-width: 768px)and (max-width: 991px){.pb--165,.pb--85{padding-bottom:80px}}@media only screen and (max-width: 767px){.pb--165,.pb--85{padding-bottom:60px}}.axil-section-gapTop{padding-top:80px}@media only screen and (min-width: 768px)and (max-width: 991px){.axil-section-gapTop{padding-top:80px}}@media only screen and (max-width: 767px){.axil-section-gapTop{padding-top:60px}}.axilil-service-area.axil-section-gap.layout-2{padding-bottom:160px;padding-top:120px}@media only screen and (min-width: 768px)and (max-width: 991px){.axilil-service-area.axil-section-gap.layout-2{padding-top:80px;padding-bottom:80px}}@media only screen and (max-width: 767px){.axilil-service-area.axil-section-gap.layout-2{padding-top:60px;padding-bottom:60px}}.pl--0{padding-left:0 !important}.pr--0{padding-right:0 !important}.pt--0{padding-top:0 !important}.pb--0{padding-bottom:0 !important}.mr--0{margin-right:0 !important}.ml--0{margin-left:0 !important}.mt--0{margin-top:0 !important}.mb--0{margin-bottom:0 !important}.ptb---100{padding:100px 0}@media only screen and (min-width: 768px)and (max-width: 991px){.ptb---100{padding:80px 0}}@media only screen and (max-width: 767px){.ptb---100{padding:60px 0}}.ptb--5{padding:5px 0}.plr--5{padding:0 5px}.pt--5{padding-top:5px}.pb--5{padding-bottom:5px}.pl--5{padding-left:5px}.pr--5{padding-right:5px}.mt--5{margin-top:5px}.mb--5{margin-bottom:5px}.mr--5{margin-right:5px}.ml--5{margin-left:5px}.ptb--10{padding:10px 0}.plr--10{padding:0 10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px}.pr--10{padding-right:10px}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.mr--10{margin-right:10px}.ml--10{margin-left:10px}.ptb--15{padding:15px 0}.plr--15{padding:0 15px}.pt--15{padding-top:15px}.pb--15{padding-bottom:15px}.pl--15{padding-left:15px}.pr--15{padding-right:15px}.mt--15{margin-top:15px}.mb--15{margin-bottom:15px}.mr--15{margin-right:15px}.ml--15{margin-left:15px}.ptb--20{padding:20px 0}.plr--20{padding:0 20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px}.pr--20{padding-right:20px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.mr--20{margin-right:20px}.ml--20{margin-left:20px}.ptb--25{padding:25px 0}.plr--25{padding:0 25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px}.pr--25{padding-right:25px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.mr--25{margin-right:25px}.ml--25{margin-left:25px}.ptb--30{padding:30px 0}.plr--30{padding:0 30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px}.pr--30{padding-right:30px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.mr--30{margin-right:30px}.ml--30{margin-left:30px}.ptb--35{padding:35px 0}.plr--35{padding:0 35px}.pt--35{padding-top:35px}.pb--35{padding-bottom:35px}.pl--35{padding-left:35px}.pr--35{padding-right:35px}.mt--35{margin-top:35px}.mb--35{margin-bottom:35px}.mr--35{margin-right:35px}.ml--35{margin-left:35px}.ptb--40{padding:40px 0}.plr--40{padding:0 40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px}.pr--40{padding-right:40px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.mr--40{margin-right:40px}.ml--40{margin-left:40px}.ptb--45{padding:45px 0}.plr--45{padding:0 45px}.pt--45{padding-top:45px}.pb--45{padding-bottom:45px}.pl--45{padding-left:45px}.pr--45{padding-right:45px}.mt--45{margin-top:45px}.mb--45{margin-bottom:45px}.mr--45{margin-right:45px}.ml--45{margin-left:45px}.ptb--50{padding:50px 0}.plr--50{padding:0 50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px}.pr--50{padding-right:50px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.mr--50{margin-right:50px}.ml--50{margin-left:50px}.ptb--55{padding:55px 0}.plr--55{padding:0 55px}.pt--55{padding-top:55px}.pb--55{padding-bottom:55px}.pl--55{padding-left:55px}.pr--55{padding-right:55px}.mt--55{margin-top:55px}.mb--55{margin-bottom:55px}.mr--55{margin-right:55px}.ml--55{margin-left:55px}.ptb--60{padding:60px 0}.plr--60{padding:0 60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px}.pr--60{padding-right:60px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.mr--60{margin-right:60px}.ml--60{margin-left:60px}.ptb--65{padding:65px 0}.plr--65{padding:0 65px}.pt--65{padding-top:65px}.pb--65{padding-bottom:65px}.pl--65{padding-left:65px}.pr--65{padding-right:65px}.mt--65{margin-top:65px}.mb--65{margin-bottom:65px}.mr--65{margin-right:65px}.ml--65{margin-left:65px}.ptb--70{padding:70px 0}.plr--70{padding:0 70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px}.pr--70{padding-right:70px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.mr--70{margin-right:70px}.ml--70{margin-left:70px}.ptb--75{padding:75px 0}.plr--75{padding:0 75px}.pt--75{padding-top:75px}.pb--75{padding-bottom:75px}.pl--75{padding-left:75px}.pr--75{padding-right:75px}.mt--75{margin-top:75px}.mb--75{margin-bottom:75px}.mr--75{margin-right:75px}.ml--75{margin-left:75px}.ptb--80{padding:80px 0}.plr--80{padding:0 80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px}.pr--80{padding-right:80px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.mr--80{margin-right:80px}.ml--80{margin-left:80px}.ptb--85{padding:85px 0}.plr--85{padding:0 85px}.pt--85{padding-top:85px}.pb--85{padding-bottom:85px}.pl--85{padding-left:85px}.pr--85{padding-right:85px}.mt--85{margin-top:85px}.mb--85{margin-bottom:85px}.mr--85{margin-right:85px}.ml--85{margin-left:85px}.ptb--90{padding:90px 0}.plr--90{padding:0 90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px}.pr--90{padding-right:90px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.mr--90{margin-right:90px}.ml--90{margin-left:90px}.ptb--95{padding:95px 0}.plr--95{padding:0 95px}.pt--95{padding-top:95px}.pb--95{padding-bottom:95px}.pl--95{padding-left:95px}.pr--95{padding-right:95px}.mt--95{margin-top:95px}.mb--95{margin-bottom:95px}.mr--95{margin-right:95px}.ml--95{margin-left:95px}.ptb--100{padding:100px 0}.plr--100{padding:0 100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px}.pr--100{padding-right:100px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.mr--100{margin-right:100px}.ml--100{margin-left:100px}.ptb--105{padding:105px 0}.plr--105{padding:0 105px}.pt--105{padding-top:105px}.pb--105{padding-bottom:105px}.pl--105{padding-left:105px}.pr--105{padding-right:105px}.mt--105{margin-top:105px}.mb--105{margin-bottom:105px}.mr--105{margin-right:105px}.ml--105{margin-left:105px}.ptb--110{padding:110px 0}.plr--110{padding:0 110px}.pt--110{padding-top:110px}.pb--110{padding-bottom:110px}.pl--110{padding-left:110px}.pr--110{padding-right:110px}.mt--110{margin-top:110px}.mb--110{margin-bottom:110px}.mr--110{margin-right:110px}.ml--110{margin-left:110px}.ptb--115{padding:115px 0}.plr--115{padding:0 115px}.pt--115{padding-top:115px}.pb--115{padding-bottom:115px}.pl--115{padding-left:115px}.pr--115{padding-right:115px}.mt--115{margin-top:115px}.mb--115{margin-bottom:115px}.mr--115{margin-right:115px}.ml--115{margin-left:115px}.ptb--120{padding:120px 0}.plr--120{padding:0 120px}.pt--120{padding-top:120px}.pb--120{padding-bottom:120px}.pl--120{padding-left:120px}.pr--120{padding-right:120px}.mt--120{margin-top:120px}.mb--120{margin-bottom:120px}.mr--120{margin-right:120px}.ml--120{margin-left:120px}.ptb--125{padding:125px 0}.plr--125{padding:0 125px}.pt--125{padding-top:125px}.pb--125{padding-bottom:125px}.pl--125{padding-left:125px}.pr--125{padding-right:125px}.mt--125{margin-top:125px}.mb--125{margin-bottom:125px}.mr--125{margin-right:125px}.ml--125{margin-left:125px}.ptb--130{padding:130px 0}.plr--130{padding:0 130px}.pt--130{padding-top:130px}.pb--130{padding-bottom:130px}.pl--130{padding-left:130px}.pr--130{padding-right:130px}.mt--130{margin-top:130px}.mb--130{margin-bottom:130px}.mr--130{margin-right:130px}.ml--130{margin-left:130px}.ptb--135{padding:135px 0}.plr--135{padding:0 135px}.pt--135{padding-top:135px}.pb--135{padding-bottom:135px}.pl--135{padding-left:135px}.pr--135{padding-right:135px}.mt--135{margin-top:135px}.mb--135{margin-bottom:135px}.mr--135{margin-right:135px}.ml--135{margin-left:135px}.ptb--140{padding:140px 0}.plr--140{padding:0 140px}.pt--140{padding-top:140px}.pb--140{padding-bottom:140px}.pl--140{padding-left:140px}.pr--140{padding-right:140px}.mt--140{margin-top:140px}.mb--140{margin-bottom:140px}.mr--140{margin-right:140px}.ml--140{margin-left:140px}.ptb--145{padding:145px 0}.plr--145{padding:0 145px}.pt--145{padding-top:145px}.pb--145{padding-bottom:145px}.pl--145{padding-left:145px}.pr--145{padding-right:145px}.mt--145{margin-top:145px}.mb--145{margin-bottom:145px}.mr--145{margin-right:145px}.ml--145{margin-left:145px}.ptb--150{padding:150px 0}.plr--150{padding:0 150px}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.pl--150{padding-left:150px}.pr--150{padding-right:150px}.mt--150{margin-top:150px}.mb--150{margin-bottom:150px}.mr--150{margin-right:150px}.ml--150{margin-left:150px}.ptb--155{padding:155px 0}.plr--155{padding:0 155px}.pt--155{padding-top:155px}.pb--155{padding-bottom:155px}.pl--155{padding-left:155px}.pr--155{padding-right:155px}.mt--155{margin-top:155px}.mb--155{margin-bottom:155px}.mr--155{margin-right:155px}.ml--155{margin-left:155px}.ptb--160{padding:160px 0}.plr--160{padding:0 160px}.pt--160{padding-top:160px}.pb--160{padding-bottom:160px}.pl--160{padding-left:160px}.pr--160{padding-right:160px}.mt--160{margin-top:160px}.mb--160{margin-bottom:160px}.mr--160{margin-right:160px}.ml--160{margin-left:160px}.ptb--165{padding:165px 0}.plr--165{padding:0 165px}.pt--165{padding-top:165px}.pb--165{padding-bottom:165px}.pl--165{padding-left:165px}.pr--165{padding-right:165px}.mt--165{margin-top:165px}.mb--165{margin-bottom:165px}.mr--165{margin-right:165px}.ml--165{margin-left:165px}.ptb--170{padding:170px 0}.plr--170{padding:0 170px}.pt--170{padding-top:170px}.pb--170{padding-bottom:170px}.pl--170{padding-left:170px}.pr--170{padding-right:170px}.mt--170{margin-top:170px}.mb--170{margin-bottom:170px}.mr--170{margin-right:170px}.ml--170{margin-left:170px}.ptb--175{padding:175px 0}.plr--175{padding:0 175px}.pt--175{padding-top:175px}.pb--175{padding-bottom:175px}.pl--175{padding-left:175px}.pr--175{padding-right:175px}.mt--175{margin-top:175px}.mb--175{margin-bottom:175px}.mr--175{margin-right:175px}.ml--175{margin-left:175px}.ptb--180{padding:180px 0}.plr--180{padding:0 180px}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.pl--180{padding-left:180px}.pr--180{padding-right:180px}.mt--180{margin-top:180px}.mb--180{margin-bottom:180px}.mr--180{margin-right:180px}.ml--180{margin-left:180px}.ptb--185{padding:185px 0}.plr--185{padding:0 185px}.pt--185{padding-top:185px}.pb--185{padding-bottom:185px}.pl--185{padding-left:185px}.pr--185{padding-right:185px}.mt--185{margin-top:185px}.mb--185{margin-bottom:185px}.mr--185{margin-right:185px}.ml--185{margin-left:185px}.ptb--190{padding:190px 0}.plr--190{padding:0 190px}.pt--190{padding-top:190px}.pb--190{padding-bottom:190px}.pl--190{padding-left:190px}.pr--190{padding-right:190px}.mt--190{margin-top:190px}.mb--190{margin-bottom:190px}.mr--190{margin-right:190px}.ml--190{margin-left:190px}.ptb--195{padding:195px 0}.plr--195{padding:0 195px}.pt--195{padding-top:195px}.pb--195{padding-bottom:195px}.pl--195{padding-left:195px}.pr--195{padding-right:195px}.mt--195{margin-top:195px}.mb--195{margin-bottom:195px}.mr--195{margin-right:195px}.ml--195{margin-left:195px}.ptb--200{padding:200px 0}.plr--200{padding:0 200px}.pt--200{padding-top:200px}.pb--200{padding-bottom:200px}.pl--200{padding-left:200px}.pr--200{padding-right:200px}.mt--200{margin-top:200px}.mb--200{margin-bottom:200px}.mr--200{margin-right:200px}.ml--200{margin-left:200px}@media only screen and (min-width: 1350px){.ml--xxl-0{margin-left:0}}@media only screen and (min-width: 1200px)and (max-width: 1599px){.ptb_lp--5{padding:5px 0}.plr_lp--5{padding:0 5px}.pt_lp--5{padding-top:5px}.pb_lp--5{padding-bottom:5px}.pl_lp--5{padding-left:5px}.pr_lp--5{padding-right:5px}.mt_lp--5{margin-top:5px}.mb_lp--5{margin-bottom:5px}.ptb_lp--10{padding:10px 0}.plr_lp--10{padding:0 10px}.pt_lp--10{padding-top:10px}.pb_lp--10{padding-bottom:10px}.pl_lp--10{padding-left:10px}.pr_lp--10{padding-right:10px}.mt_lp--10{margin-top:10px}.mb_lp--10{margin-bottom:10px}.ptb_lp--15{padding:15px 0}.plr_lp--15{padding:0 15px}.pt_lp--15{padding-top:15px}.pb_lp--15{padding-bottom:15px}.pl_lp--15{padding-left:15px}.pr_lp--15{padding-right:15px}.mt_lp--15{margin-top:15px}.mb_lp--15{margin-bottom:15px}.ptb_lp--20{padding:20px 0}.plr_lp--20{padding:0 20px}.pt_lp--20{padding-top:20px}.pb_lp--20{padding-bottom:20px}.pl_lp--20{padding-left:20px}.pr_lp--20{padding-right:20px}.mt_lp--20{margin-top:20px}.mb_lp--20{margin-bottom:20px}.ptb_lp--25{padding:25px 0}.plr_lp--25{padding:0 25px}.pt_lp--25{padding-top:25px}.pb_lp--25{padding-bottom:25px}.pl_lp--25{padding-left:25px}.pr_lp--25{padding-right:25px}.mt_lp--25{margin-top:25px}.mb_lp--25{margin-bottom:25px}.ptb_lp--30{padding:30px 0}.plr_lp--30{padding:0 30px}.pt_lp--30{padding-top:30px}.pb_lp--30{padding-bottom:30px}.pl_lp--30{padding-left:30px}.pr_lp--30{padding-right:30px}.mt_lp--30{margin-top:30px}.mb_lp--30{margin-bottom:30px}.ptb_lp--35{padding:35px 0}.plr_lp--35{padding:0 35px}.pt_lp--35{padding-top:35px}.pb_lp--35{padding-bottom:35px}.pl_lp--35{padding-left:35px}.pr_lp--35{padding-right:35px}.mt_lp--35{margin-top:35px}.mb_lp--35{margin-bottom:35px}.ptb_lp--40{padding:40px 0}.plr_lp--40{padding:0 40px}.pt_lp--40{padding-top:40px}.pb_lp--40{padding-bottom:40px}.pl_lp--40{padding-left:40px}.pr_lp--40{padding-right:40px}.mt_lp--40{margin-top:40px}.mb_lp--40{margin-bottom:40px}.ptb_lp--45{padding:45px 0}.plr_lp--45{padding:0 45px}.pt_lp--45{padding-top:45px}.pb_lp--45{padding-bottom:45px}.pl_lp--45{padding-left:45px}.pr_lp--45{padding-right:45px}.mt_lp--45{margin-top:45px}.mb_lp--45{margin-bottom:45px}.ptb_lp--50{padding:50px 0}.plr_lp--50{padding:0 50px}.pt_lp--50{padding-top:50px}.pb_lp--50{padding-bottom:50px}.pl_lp--50{padding-left:50px}.pr_lp--50{padding-right:50px}.mt_lp--50{margin-top:50px}.mb_lp--50{margin-bottom:50px}.ptb_lp--55{padding:55px 0}.plr_lp--55{padding:0 55px}.pt_lp--55{padding-top:55px}.pb_lp--55{padding-bottom:55px}.pl_lp--55{padding-left:55px}.pr_lp--55{padding-right:55px}.mt_lp--55{margin-top:55px}.mb_lp--55{margin-bottom:55px}.ptb_lp--60{padding:60px 0}.plr_lp--60{padding:0 60px}.pt_lp--60{padding-top:60px}.pb_lp--60{padding-bottom:60px}.pl_lp--60{padding-left:60px}.pr_lp--60{padding-right:60px}.mt_lp--60{margin-top:60px}.mb_lp--60{margin-bottom:60px}.ptb_lp--65{padding:65px 0}.plr_lp--65{padding:0 65px}.pt_lp--65{padding-top:65px}.pb_lp--65{padding-bottom:65px}.pl_lp--65{padding-left:65px}.pr_lp--65{padding-right:65px}.mt_lp--65{margin-top:65px}.mb_lp--65{margin-bottom:65px}.ptb_lp--70{padding:70px 0}.plr_lp--70{padding:0 70px}.pt_lp--70{padding-top:70px}.pb_lp--70{padding-bottom:70px}.pl_lp--70{padding-left:70px}.pr_lp--70{padding-right:70px}.mt_lp--70{margin-top:70px}.mb_lp--70{margin-bottom:70px}.ptb_lp--75{padding:75px 0}.plr_lp--75{padding:0 75px}.pt_lp--75{padding-top:75px}.pb_lp--75{padding-bottom:75px}.pl_lp--75{padding-left:75px}.pr_lp--75{padding-right:75px}.mt_lp--75{margin-top:75px}.mb_lp--75{margin-bottom:75px}.ptb_lp--80{padding:80px 0}.plr_lp--80{padding:0 80px}.pt_lp--80{padding-top:80px}.pb_lp--80{padding-bottom:80px}.pl_lp--80{padding-left:80px}.pr_lp--80{padding-right:80px}.mt_lp--80{margin-top:80px}.mb_lp--80{margin-bottom:80px}.ptb_lp--85{padding:85px 0}.plr_lp--85{padding:0 85px}.pt_lp--85{padding-top:85px}.pb_lp--85{padding-bottom:85px}.pl_lp--85{padding-left:85px}.pr_lp--85{padding-right:85px}.mt_lp--85{margin-top:85px}.mb_lp--85{margin-bottom:85px}.ptb_lp--90{padding:90px 0}.plr_lp--90{padding:0 90px}.pt_lp--90{padding-top:90px}.pb_lp--90{padding-bottom:90px}.pl_lp--90{padding-left:90px}.pr_lp--90{padding-right:90px}.mt_lp--90{margin-top:90px}.mb_lp--90{margin-bottom:90px}.ptb_lp--95{padding:95px 0}.plr_lp--95{padding:0 95px}.pt_lp--95{padding-top:95px}.pb_lp--95{padding-bottom:95px}.pl_lp--95{padding-left:95px}.pr_lp--95{padding-right:95px}.mt_lp--95{margin-top:95px}.mb_lp--95{margin-bottom:95px}.ptb_lp--100{padding:100px 0}.plr_lp--100{padding:0 100px}.pt_lp--100{padding-top:100px}.pb_lp--100{padding-bottom:100px}.pl_lp--100{padding-left:100px}.pr_lp--100{padding-right:100px}.mt_lp--100{margin-top:100px}.mb_lp--100{margin-bottom:100px}}@media only screen and (min-width: 992px)and (max-width: 1199px){.ptb_lg--5{padding:5px 0}.plr_lg--5{padding:0 5px}.pt_lg--5{padding-top:5px}.pb_lg--5{padding-bottom:5px}.pl_lg--5{padding-left:5px}.pr_lg--5{padding-right:5px}.mt_lg--5{margin-top:5px}.mb_lg--5{margin-bottom:5px}.ml_lg--5{margin-left:5px}.ptb_lg--10{padding:10px 0}.plr_lg--10{padding:0 10px}.pt_lg--10{padding-top:10px}.pb_lg--10{padding-bottom:10px}.pl_lg--10{padding-left:10px}.pr_lg--10{padding-right:10px}.mt_lg--10{margin-top:10px}.mb_lg--10{margin-bottom:10px}.ml_lg--10{margin-left:10px}.ptb_lg--15{padding:15px 0}.plr_lg--15{padding:0 15px}.pt_lg--15{padding-top:15px}.pb_lg--15{padding-bottom:15px}.pl_lg--15{padding-left:15px}.pr_lg--15{padding-right:15px}.mt_lg--15{margin-top:15px}.mb_lg--15{margin-bottom:15px}.ml_lg--15{margin-left:15px}.ptb_lg--20{padding:20px 0}.plr_lg--20{padding:0 20px}.pt_lg--20{padding-top:20px}.pb_lg--20{padding-bottom:20px}.pl_lg--20{padding-left:20px}.pr_lg--20{padding-right:20px}.mt_lg--20{margin-top:20px}.mb_lg--20{margin-bottom:20px}.ml_lg--20{margin-left:20px}.ptb_lg--25{padding:25px 0}.plr_lg--25{padding:0 25px}.pt_lg--25{padding-top:25px}.pb_lg--25{padding-bottom:25px}.pl_lg--25{padding-left:25px}.pr_lg--25{padding-right:25px}.mt_lg--25{margin-top:25px}.mb_lg--25{margin-bottom:25px}.ml_lg--25{margin-left:25px}.ptb_lg--30{padding:30px 0}.plr_lg--30{padding:0 30px}.pt_lg--30{padding-top:30px}.pb_lg--30{padding-bottom:30px}.pl_lg--30{padding-left:30px}.pr_lg--30{padding-right:30px}.mt_lg--30{margin-top:30px}.mb_lg--30{margin-bottom:30px}.ml_lg--30{margin-left:30px}.ptb_lg--35{padding:35px 0}.plr_lg--35{padding:0 35px}.pt_lg--35{padding-top:35px}.pb_lg--35{padding-bottom:35px}.pl_lg--35{padding-left:35px}.pr_lg--35{padding-right:35px}.mt_lg--35{margin-top:35px}.mb_lg--35{margin-bottom:35px}.ml_lg--35{margin-left:35px}.ptb_lg--40{padding:40px 0}.plr_lg--40{padding:0 40px}.pt_lg--40{padding-top:40px}.pb_lg--40{padding-bottom:40px}.pl_lg--40{padding-left:40px}.pr_lg--40{padding-right:40px}.mt_lg--40{margin-top:40px}.mb_lg--40{margin-bottom:40px}.ml_lg--40{margin-left:40px}.ptb_lg--45{padding:45px 0}.plr_lg--45{padding:0 45px}.pt_lg--45{padding-top:45px}.pb_lg--45{padding-bottom:45px}.pl_lg--45{padding-left:45px}.pr_lg--45{padding-right:45px}.mt_lg--45{margin-top:45px}.mb_lg--45{margin-bottom:45px}.ml_lg--45{margin-left:45px}.ptb_lg--50{padding:50px 0}.plr_lg--50{padding:0 50px}.pt_lg--50{padding-top:50px}.pb_lg--50{padding-bottom:50px}.pl_lg--50{padding-left:50px}.pr_lg--50{padding-right:50px}.mt_lg--50{margin-top:50px}.mb_lg--50{margin-bottom:50px}.ml_lg--50{margin-left:50px}.ptb_lg--55{padding:55px 0}.plr_lg--55{padding:0 55px}.pt_lg--55{padding-top:55px}.pb_lg--55{padding-bottom:55px}.pl_lg--55{padding-left:55px}.pr_lg--55{padding-right:55px}.mt_lg--55{margin-top:55px}.mb_lg--55{margin-bottom:55px}.ml_lg--55{margin-left:55px}.ptb_lg--60{padding:60px 0}.plr_lg--60{padding:0 60px}.pt_lg--60{padding-top:60px}.pb_lg--60{padding-bottom:60px}.pl_lg--60{padding-left:60px}.pr_lg--60{padding-right:60px}.mt_lg--60{margin-top:60px}.mb_lg--60{margin-bottom:60px}.ml_lg--60{margin-left:60px}.ptb_lg--65{padding:65px 0}.plr_lg--65{padding:0 65px}.pt_lg--65{padding-top:65px}.pb_lg--65{padding-bottom:65px}.pl_lg--65{padding-left:65px}.pr_lg--65{padding-right:65px}.mt_lg--65{margin-top:65px}.mb_lg--65{margin-bottom:65px}.ml_lg--65{margin-left:65px}.ptb_lg--70{padding:70px 0}.plr_lg--70{padding:0 70px}.pt_lg--70{padding-top:70px}.pb_lg--70{padding-bottom:70px}.pl_lg--70{padding-left:70px}.pr_lg--70{padding-right:70px}.mt_lg--70{margin-top:70px}.mb_lg--70{margin-bottom:70px}.ml_lg--70{margin-left:70px}.ptb_lg--75{padding:75px 0}.plr_lg--75{padding:0 75px}.pt_lg--75{padding-top:75px}.pb_lg--75{padding-bottom:75px}.pl_lg--75{padding-left:75px}.pr_lg--75{padding-right:75px}.mt_lg--75{margin-top:75px}.mb_lg--75{margin-bottom:75px}.ml_lg--75{margin-left:75px}.ptb_lg--80{padding:80px 0}.plr_lg--80{padding:0 80px}.pt_lg--80{padding-top:80px}.pb_lg--80{padding-bottom:80px}.pl_lg--80{padding-left:80px}.pr_lg--80{padding-right:80px}.mt_lg--80{margin-top:80px}.mb_lg--80{margin-bottom:80px}.ml_lg--80{margin-left:80px}.ptb_lg--85{padding:85px 0}.plr_lg--85{padding:0 85px}.pt_lg--85{padding-top:85px}.pb_lg--85{padding-bottom:85px}.pl_lg--85{padding-left:85px}.pr_lg--85{padding-right:85px}.mt_lg--85{margin-top:85px}.mb_lg--85{margin-bottom:85px}.ml_lg--85{margin-left:85px}.ptb_lg--90{padding:90px 0}.plr_lg--90{padding:0 90px}.pt_lg--90{padding-top:90px}.pb_lg--90{padding-bottom:90px}.pl_lg--90{padding-left:90px}.pr_lg--90{padding-right:90px}.mt_lg--90{margin-top:90px}.mb_lg--90{margin-bottom:90px}.ml_lg--90{margin-left:90px}.ptb_lg--95{padding:95px 0}.plr_lg--95{padding:0 95px}.pt_lg--95{padding-top:95px}.pb_lg--95{padding-bottom:95px}.pl_lg--95{padding-left:95px}.pr_lg--95{padding-right:95px}.mt_lg--95{margin-top:95px}.mb_lg--95{margin-bottom:95px}.ml_lg--95{margin-left:95px}.ptb_lg--100{padding:100px 0}.plr_lg--100{padding:0 100px}.pt_lg--100{padding-top:100px}.pb_lg--100{padding-bottom:100px}.pl_lg--100{padding-left:100px}.pr_lg--100{padding-right:100px}.mt_lg--100{margin-top:100px}.mb_lg--100{margin-bottom:100px}.ml_lg--100{margin-left:100px}}@media only screen and (min-width: 768px)and (max-width: 991px){.ptb_md--0{padding:0 !important}.pl_md--0{padding-left:0 !important}.pr_md--0{padding-right:0 !important}.pt_md--0{padding-top:0 !important}.pb_md--0{padding-bottom:0 !important}.mr_md--0{margin-right:0 !important}.ml_md--0{margin-left:0 !important}.mt_md--0{margin-top:0 !important}.mb_md--0{margin-bottom:0 !important}.ptb_md--250{padding:250px 0 !important}.ptb_md--5{padding:5px 0}.plr_md--5{padding:0 5px}.pt_md--5{padding-top:5px}.pb_md--5{padding-bottom:5px}.pl_md--5{padding-left:5px}.pr_md--5{padding-right:5px}.mt_md--5{margin-top:5px}.mb_md--5{margin-bottom:5px}.ptb_md--10{padding:10px 0}.plr_md--10{padding:0 10px}.pt_md--10{padding-top:10px}.pb_md--10{padding-bottom:10px}.pl_md--10{padding-left:10px}.pr_md--10{padding-right:10px}.mt_md--10{margin-top:10px}.mb_md--10{margin-bottom:10px}.ptb_md--15{padding:15px 0}.plr_md--15{padding:0 15px}.pt_md--15{padding-top:15px}.pb_md--15{padding-bottom:15px}.pl_md--15{padding-left:15px}.pr_md--15{padding-right:15px}.mt_md--15{margin-top:15px}.mb_md--15{margin-bottom:15px}.ptb_md--20{padding:20px 0}.plr_md--20{padding:0 20px}.pt_md--20{padding-top:20px}.pb_md--20{padding-bottom:20px}.pl_md--20{padding-left:20px}.pr_md--20{padding-right:20px}.mt_md--20{margin-top:20px}.mb_md--20{margin-bottom:20px}.ptb_md--25{padding:25px 0}.plr_md--25{padding:0 25px}.pt_md--25{padding-top:25px}.pb_md--25{padding-bottom:25px}.pl_md--25{padding-left:25px}.pr_md--25{padding-right:25px}.mt_md--25{margin-top:25px}.mb_md--25{margin-bottom:25px}.ptb_md--30{padding:30px 0}.plr_md--30{padding:0 30px}.pt_md--30{padding-top:30px}.pb_md--30{padding-bottom:30px}.pl_md--30{padding-left:30px}.pr_md--30{padding-right:30px}.mt_md--30{margin-top:30px}.mb_md--30{margin-bottom:30px}.ptb_md--35{padding:35px 0}.plr_md--35{padding:0 35px}.pt_md--35{padding-top:35px}.pb_md--35{padding-bottom:35px}.pl_md--35{padding-left:35px}.pr_md--35{padding-right:35px}.mt_md--35{margin-top:35px}.mb_md--35{margin-bottom:35px}.ptb_md--40{padding:40px 0}.plr_md--40{padding:0 40px}.pt_md--40{padding-top:40px}.pb_md--40{padding-bottom:40px}.pl_md--40{padding-left:40px}.pr_md--40{padding-right:40px}.mt_md--40{margin-top:40px}.mb_md--40{margin-bottom:40px}.ptb_md--45{padding:45px 0}.plr_md--45{padding:0 45px}.pt_md--45{padding-top:45px}.pb_md--45{padding-bottom:45px}.pl_md--45{padding-left:45px}.pr_md--45{padding-right:45px}.mt_md--45{margin-top:45px}.mb_md--45{margin-bottom:45px}.ptb_md--50{padding:50px 0}.plr_md--50{padding:0 50px}.pt_md--50{padding-top:50px}.pb_md--50{padding-bottom:50px}.pl_md--50{padding-left:50px}.pr_md--50{padding-right:50px}.mt_md--50{margin-top:50px}.mb_md--50{margin-bottom:50px}.ptb_md--55{padding:55px 0}.plr_md--55{padding:0 55px}.pt_md--55{padding-top:55px}.pb_md--55{padding-bottom:55px}.pl_md--55{padding-left:55px}.pr_md--55{padding-right:55px}.mt_md--55{margin-top:55px}.mb_md--55{margin-bottom:55px}.ptb_md--60{padding:60px 0}.plr_md--60{padding:0 60px}.pt_md--60{padding-top:60px}.pb_md--60{padding-bottom:60px}.pl_md--60{padding-left:60px}.pr_md--60{padding-right:60px}.mt_md--60{margin-top:60px}.mb_md--60{margin-bottom:60px}.ptb_md--65{padding:65px 0}.plr_md--65{padding:0 65px}.pt_md--65{padding-top:65px}.pb_md--65{padding-bottom:65px}.pl_md--65{padding-left:65px}.pr_md--65{padding-right:65px}.mt_md--65{margin-top:65px}.mb_md--65{margin-bottom:65px}.ptb_md--70{padding:70px 0}.plr_md--70{padding:0 70px}.pt_md--70{padding-top:70px}.pb_md--70{padding-bottom:70px}.pl_md--70{padding-left:70px}.pr_md--70{padding-right:70px}.mt_md--70{margin-top:70px}.mb_md--70{margin-bottom:70px}.ptb_md--75{padding:75px 0}.plr_md--75{padding:0 75px}.pt_md--75{padding-top:75px}.pb_md--75{padding-bottom:75px}.pl_md--75{padding-left:75px}.pr_md--75{padding-right:75px}.mt_md--75{margin-top:75px}.mb_md--75{margin-bottom:75px}.ptb_md--80{padding:80px 0}.plr_md--80{padding:0 80px}.pt_md--80{padding-top:80px}.pb_md--80{padding-bottom:80px}.pl_md--80{padding-left:80px}.pr_md--80{padding-right:80px}.mt_md--80{margin-top:80px}.mb_md--80{margin-bottom:80px}.ptb_md--85{padding:85px 0}.plr_md--85{padding:0 85px}.pt_md--85{padding-top:85px}.pb_md--85{padding-bottom:85px}.pl_md--85{padding-left:85px}.pr_md--85{padding-right:85px}.mt_md--85{margin-top:85px}.mb_md--85{margin-bottom:85px}.ptb_md--90{padding:90px 0}.plr_md--90{padding:0 90px}.pt_md--90{padding-top:90px}.pb_md--90{padding-bottom:90px}.pl_md--90{padding-left:90px}.pr_md--90{padding-right:90px}.mt_md--90{margin-top:90px}.mb_md--90{margin-bottom:90px}.ptb_md--95{padding:95px 0}.plr_md--95{padding:0 95px}.pt_md--95{padding-top:95px}.pb_md--95{padding-bottom:95px}.pl_md--95{padding-left:95px}.pr_md--95{padding-right:95px}.mt_md--95{margin-top:95px}.mb_md--95{margin-bottom:95px}.ptb_md--100{padding:100px 0}.plr_md--100{padding:0 100px}.pt_md--100{padding-top:100px}.pb_md--100{padding-bottom:100px}.pl_md--100{padding-left:100px}.pr_md--100{padding-right:100px}.mt_md--100{margin-top:100px}.mb_md--100{margin-bottom:100px}}@media only screen and (max-width: 767px){.ptb_sm--250{padding:250px 0 !important}.ptb_sm--0{padding:0 !important}.pl_sm--0{padding-left:0 !important}.pr_sm--0{padding-right:0 !important}.pt_sm--0{padding-top:0 !important}.pb_sm--0{padding-bottom:0 !important}.mr_sm--0{margin-right:0 !important}.ml_sm--0{margin-left:0 !important}.mt_sm--0{margin-top:0 !important}.mb_sm--0{margin-bottom:0 !important}.pt_sm--150{padding-top:150px !important}.pb_sm--110{padding-bottom:110px !important}.ptb_sm--5{padding:5px 0}.plr_sm--5{padding:0 5px}.pt_sm--5{padding-top:5px}.pb_sm--5{padding-bottom:5px}.pl_sm--5{padding-left:5px}.pr_sm--5{padding-right:5px}.mt_sm--5{margin-top:5px}.ml_sm--5{margin-left:5px}.mr_sm--5{margin-right:5px}.mb_sm--5{margin-bottom:5px}.ptb_sm--10{padding:10px 0}.plr_sm--10{padding:0 10px}.pt_sm--10{padding-top:10px}.pb_sm--10{padding-bottom:10px}.pl_sm--10{padding-left:10px}.pr_sm--10{padding-right:10px}.mt_sm--10{margin-top:10px}.ml_sm--10{margin-left:10px}.mr_sm--10{margin-right:10px}.mb_sm--10{margin-bottom:10px}.ptb_sm--15{padding:15px 0}.plr_sm--15{padding:0 15px}.pt_sm--15{padding-top:15px}.pb_sm--15{padding-bottom:15px}.pl_sm--15{padding-left:15px}.pr_sm--15{padding-right:15px}.mt_sm--15{margin-top:15px}.ml_sm--15{margin-left:15px}.mr_sm--15{margin-right:15px}.mb_sm--15{margin-bottom:15px}.ptb_sm--20{padding:20px 0}.plr_sm--20{padding:0 20px}.pt_sm--20{padding-top:20px}.pb_sm--20{padding-bottom:20px}.pl_sm--20{padding-left:20px}.pr_sm--20{padding-right:20px}.mt_sm--20{margin-top:20px}.ml_sm--20{margin-left:20px}.mr_sm--20{margin-right:20px}.mb_sm--20{margin-bottom:20px}.ptb_sm--25{padding:25px 0}.plr_sm--25{padding:0 25px}.pt_sm--25{padding-top:25px}.pb_sm--25{padding-bottom:25px}.pl_sm--25{padding-left:25px}.pr_sm--25{padding-right:25px}.mt_sm--25{margin-top:25px}.ml_sm--25{margin-left:25px}.mr_sm--25{margin-right:25px}.mb_sm--25{margin-bottom:25px}.ptb_sm--30{padding:30px 0}.plr_sm--30{padding:0 30px}.pt_sm--30{padding-top:30px}.pb_sm--30{padding-bottom:30px}.pl_sm--30{padding-left:30px}.pr_sm--30{padding-right:30px}.mt_sm--30{margin-top:30px}.ml_sm--30{margin-left:30px}.mr_sm--30{margin-right:30px}.mb_sm--30{margin-bottom:30px}.ptb_sm--35{padding:35px 0}.plr_sm--35{padding:0 35px}.pt_sm--35{padding-top:35px}.pb_sm--35{padding-bottom:35px}.pl_sm--35{padding-left:35px}.pr_sm--35{padding-right:35px}.mt_sm--35{margin-top:35px}.ml_sm--35{margin-left:35px}.mr_sm--35{margin-right:35px}.mb_sm--35{margin-bottom:35px}.ptb_sm--40{padding:40px 0}.plr_sm--40{padding:0 40px}.pt_sm--40{padding-top:40px}.pb_sm--40{padding-bottom:40px}.pl_sm--40{padding-left:40px}.pr_sm--40{padding-right:40px}.mt_sm--40{margin-top:40px}.ml_sm--40{margin-left:40px}.mr_sm--40{margin-right:40px}.mb_sm--40{margin-bottom:40px}.ptb_sm--45{padding:45px 0}.plr_sm--45{padding:0 45px}.pt_sm--45{padding-top:45px}.pb_sm--45{padding-bottom:45px}.pl_sm--45{padding-left:45px}.pr_sm--45{padding-right:45px}.mt_sm--45{margin-top:45px}.ml_sm--45{margin-left:45px}.mr_sm--45{margin-right:45px}.mb_sm--45{margin-bottom:45px}.ptb_sm--50{padding:50px 0}.plr_sm--50{padding:0 50px}.pt_sm--50{padding-top:50px}.pb_sm--50{padding-bottom:50px}.pl_sm--50{padding-left:50px}.pr_sm--50{padding-right:50px}.mt_sm--50{margin-top:50px}.ml_sm--50{margin-left:50px}.mr_sm--50{margin-right:50px}.mb_sm--50{margin-bottom:50px}.ptb_sm--55{padding:55px 0}.plr_sm--55{padding:0 55px}.pt_sm--55{padding-top:55px}.pb_sm--55{padding-bottom:55px}.pl_sm--55{padding-left:55px}.pr_sm--55{padding-right:55px}.mt_sm--55{margin-top:55px}.ml_sm--55{margin-left:55px}.mr_sm--55{margin-right:55px}.mb_sm--55{margin-bottom:55px}.ptb_sm--60{padding:60px 0}.plr_sm--60{padding:0 60px}.pt_sm--60{padding-top:60px}.pb_sm--60{padding-bottom:60px}.pl_sm--60{padding-left:60px}.pr_sm--60{padding-right:60px}.mt_sm--60{margin-top:60px}.ml_sm--60{margin-left:60px}.mr_sm--60{margin-right:60px}.mb_sm--60{margin-bottom:60px}.ptb_sm--65{padding:65px 0}.plr_sm--65{padding:0 65px}.pt_sm--65{padding-top:65px}.pb_sm--65{padding-bottom:65px}.pl_sm--65{padding-left:65px}.pr_sm--65{padding-right:65px}.mt_sm--65{margin-top:65px}.ml_sm--65{margin-left:65px}.mr_sm--65{margin-right:65px}.mb_sm--65{margin-bottom:65px}.ptb_sm--70{padding:70px 0}.plr_sm--70{padding:0 70px}.pt_sm--70{padding-top:70px}.pb_sm--70{padding-bottom:70px}.pl_sm--70{padding-left:70px}.pr_sm--70{padding-right:70px}.mt_sm--70{margin-top:70px}.ml_sm--70{margin-left:70px}.mr_sm--70{margin-right:70px}.mb_sm--70{margin-bottom:70px}.ptb_sm--75{padding:75px 0}.plr_sm--75{padding:0 75px}.pt_sm--75{padding-top:75px}.pb_sm--75{padding-bottom:75px}.pl_sm--75{padding-left:75px}.pr_sm--75{padding-right:75px}.mt_sm--75{margin-top:75px}.ml_sm--75{margin-left:75px}.mr_sm--75{margin-right:75px}.mb_sm--75{margin-bottom:75px}.ptb_sm--80{padding:80px 0}.plr_sm--80{padding:0 80px}.pt_sm--80{padding-top:80px}.pb_sm--80{padding-bottom:80px}.pl_sm--80{padding-left:80px}.pr_sm--80{padding-right:80px}.mt_sm--80{margin-top:80px}.ml_sm--80{margin-left:80px}.mr_sm--80{margin-right:80px}.mb_sm--80{margin-bottom:80px}.ptb_sm--85{padding:85px 0}.plr_sm--85{padding:0 85px}.pt_sm--85{padding-top:85px}.pb_sm--85{padding-bottom:85px}.pl_sm--85{padding-left:85px}.pr_sm--85{padding-right:85px}.mt_sm--85{margin-top:85px}.ml_sm--85{margin-left:85px}.mr_sm--85{margin-right:85px}.mb_sm--85{margin-bottom:85px}.ptb_sm--90{padding:90px 0}.plr_sm--90{padding:0 90px}.pt_sm--90{padding-top:90px}.pb_sm--90{padding-bottom:90px}.pl_sm--90{padding-left:90px}.pr_sm--90{padding-right:90px}.mt_sm--90{margin-top:90px}.ml_sm--90{margin-left:90px}.mr_sm--90{margin-right:90px}.mb_sm--90{margin-bottom:90px}.ptb_sm--95{padding:95px 0}.plr_sm--95{padding:0 95px}.pt_sm--95{padding-top:95px}.pb_sm--95{padding-bottom:95px}.pl_sm--95{padding-left:95px}.pr_sm--95{padding-right:95px}.mt_sm--95{margin-top:95px}.ml_sm--95{margin-left:95px}.mr_sm--95{margin-right:95px}.mb_sm--95{margin-bottom:95px}.ptb_sm--100{padding:100px 0}.plr_sm--100{padding:0 100px}.pt_sm--100{padding-top:100px}.pb_sm--100{padding-bottom:100px}.pl_sm--100{padding-left:100px}.pr_sm--100{padding-right:100px}.mt_sm--100{margin-top:100px}.ml_sm--100{margin-left:100px}.mr_sm--100{margin-right:100px}.mb_sm--100{margin-bottom:100px}.pl_sm--0{padding-left:0}.pr_sm--0{padding-right:0}.pt_sm--0{padding-top:0}.pb_sm--0{padding-bottom:0}.mr_sm--0{margin-right:0}.ml_sm--0{margin-left:0}.mt_sm--0{margin-top:0}.mb_sm--0{margin-bottom:0}}@media only screen and (max-width: 575px){.ptb_mobile--5{padding:5px 0}.plr_mobile--5{padding:0 5px}.pt_mobile--5{padding-top:5px}.pb_mobile--5{padding-bottom:5px}.pl_mobile--5{padding-left:5px}.pr_mobile--5{padding-right:5px}.mt_mobile--5{margin-top:5px}.mb_mobile--5{margin-bottom:5px}.ptb_mobile--10{padding:10px 0}.plr_mobile--10{padding:0 10px}.pt_mobile--10{padding-top:10px}.pb_mobile--10{padding-bottom:10px}.pl_mobile--10{padding-left:10px}.pr_mobile--10{padding-right:10px}.mt_mobile--10{margin-top:10px}.mb_mobile--10{margin-bottom:10px}.ptb_mobile--15{padding:15px 0}.plr_mobile--15{padding:0 15px}.pt_mobile--15{padding-top:15px}.pb_mobile--15{padding-bottom:15px}.pl_mobile--15{padding-left:15px}.pr_mobile--15{padding-right:15px}.mt_mobile--15{margin-top:15px}.mb_mobile--15{margin-bottom:15px}.ptb_mobile--20{padding:20px 0}.plr_mobile--20{padding:0 20px}.pt_mobile--20{padding-top:20px}.pb_mobile--20{padding-bottom:20px}.pl_mobile--20{padding-left:20px}.pr_mobile--20{padding-right:20px}.mt_mobile--20{margin-top:20px}.mb_mobile--20{margin-bottom:20px}.ptb_mobile--25{padding:25px 0}.plr_mobile--25{padding:0 25px}.pt_mobile--25{padding-top:25px}.pb_mobile--25{padding-bottom:25px}.pl_mobile--25{padding-left:25px}.pr_mobile--25{padding-right:25px}.mt_mobile--25{margin-top:25px}.mb_mobile--25{margin-bottom:25px}.ptb_mobile--30{padding:30px 0}.plr_mobile--30{padding:0 30px}.pt_mobile--30{padding-top:30px}.pb_mobile--30{padding-bottom:30px}.pl_mobile--30{padding-left:30px}.pr_mobile--30{padding-right:30px}.mt_mobile--30{margin-top:30px}.mb_mobile--30{margin-bottom:30px}.ptb_mobile--35{padding:35px 0}.plr_mobile--35{padding:0 35px}.pt_mobile--35{padding-top:35px}.pb_mobile--35{padding-bottom:35px}.pl_mobile--35{padding-left:35px}.pr_mobile--35{padding-right:35px}.mt_mobile--35{margin-top:35px}.mb_mobile--35{margin-bottom:35px}.ptb_mobile--40{padding:40px 0}.plr_mobile--40{padding:0 40px}.pt_mobile--40{padding-top:40px}.pb_mobile--40{padding-bottom:40px}.pl_mobile--40{padding-left:40px}.pr_mobile--40{padding-right:40px}.mt_mobile--40{margin-top:40px}.mb_mobile--40{margin-bottom:40px}.ptb_mobile--45{padding:45px 0}.plr_mobile--45{padding:0 45px}.pt_mobile--45{padding-top:45px}.pb_mobile--45{padding-bottom:45px}.pl_mobile--45{padding-left:45px}.pr_mobile--45{padding-right:45px}.mt_mobile--45{margin-top:45px}.mb_mobile--45{margin-bottom:45px}.ptb_mobile--50{padding:50px 0}.plr_mobile--50{padding:0 50px}.pt_mobile--50{padding-top:50px}.pb_mobile--50{padding-bottom:50px}.pl_mobile--50{padding-left:50px}.pr_mobile--50{padding-right:50px}.mt_mobile--50{margin-top:50px}.mb_mobile--50{margin-bottom:50px}.ptb_mobile--55{padding:55px 0}.plr_mobile--55{padding:0 55px}.pt_mobile--55{padding-top:55px}.pb_mobile--55{padding-bottom:55px}.pl_mobile--55{padding-left:55px}.pr_mobile--55{padding-right:55px}.mt_mobile--55{margin-top:55px}.mb_mobile--55{margin-bottom:55px}.ptb_mobile--60{padding:60px 0}.plr_mobile--60{padding:0 60px}.pt_mobile--60{padding-top:60px}.pb_mobile--60{padding-bottom:60px}.pl_mobile--60{padding-left:60px}.pr_mobile--60{padding-right:60px}.mt_mobile--60{margin-top:60px}.mb_mobile--60{margin-bottom:60px}.ptb_mobile--65{padding:65px 0}.plr_mobile--65{padding:0 65px}.pt_mobile--65{padding-top:65px}.pb_mobile--65{padding-bottom:65px}.pl_mobile--65{padding-left:65px}.pr_mobile--65{padding-right:65px}.mt_mobile--65{margin-top:65px}.mb_mobile--65{margin-bottom:65px}.ptb_mobile--70{padding:70px 0}.plr_mobile--70{padding:0 70px}.pt_mobile--70{padding-top:70px}.pb_mobile--70{padding-bottom:70px}.pl_mobile--70{padding-left:70px}.pr_mobile--70{padding-right:70px}.mt_mobile--70{margin-top:70px}.mb_mobile--70{margin-bottom:70px}.ptb_mobile--75{padding:75px 0}.plr_mobile--75{padding:0 75px}.pt_mobile--75{padding-top:75px}.pb_mobile--75{padding-bottom:75px}.pl_mobile--75{padding-left:75px}.pr_mobile--75{padding-right:75px}.mt_mobile--75{margin-top:75px}.mb_mobile--75{margin-bottom:75px}.ptb_mobile--80{padding:80px 0}.plr_mobile--80{padding:0 80px}.pt_mobile--80{padding-top:80px}.pb_mobile--80{padding-bottom:80px}.pl_mobile--80{padding-left:80px}.pr_mobile--80{padding-right:80px}.mt_mobile--80{margin-top:80px}.mb_mobile--80{margin-bottom:80px}.ptb_mobile--85{padding:85px 0}.plr_mobile--85{padding:0 85px}.pt_mobile--85{padding-top:85px}.pb_mobile--85{padding-bottom:85px}.pl_mobile--85{padding-left:85px}.pr_mobile--85{padding-right:85px}.mt_mobile--85{margin-top:85px}.mb_mobile--85{margin-bottom:85px}.ptb_mobile--90{padding:90px 0}.plr_mobile--90{padding:0 90px}.pt_mobile--90{padding-top:90px}.pb_mobile--90{padding-bottom:90px}.pl_mobile--90{padding-left:90px}.pr_mobile--90{padding-right:90px}.mt_mobile--90{margin-top:90px}.mb_mobile--90{margin-bottom:90px}.ptb_mobile--95{padding:95px 0}.plr_mobile--95{padding:0 95px}.pt_mobile--95{padding-top:95px}.pb_mobile--95{padding-bottom:95px}.pl_mobile--95{padding-left:95px}.pr_mobile--95{padding-right:95px}.mt_mobile--95{margin-top:95px}.mb_mobile--95{margin-bottom:95px}.ptb_mobile--100{padding:100px 0}.plr_mobile--100{padding:0 100px}.pt_mobile--100{padding-top:100px}.pb_mobile--100{padding-bottom:100px}.pl_mobile--100{padding-left:100px}.pr_mobile--100{padding-right:100px}.mt_mobile--100{margin-top:100px}.mb_mobile--100{margin-bottom:100px}}
/*# sourceMappingURL=../maps/style.min.css.map */

/* === assets/css/vendor/badge-fix.css === */
/* ──────────────────────────────────────────────────────────────────────
   Product badge clipping fix (for slick carousels)
   ─────────────────────────────────────────────────
   The base theme stylesheet positions `.label-block.label-right` with
   `right:-10px`, so the badge (e.g. "NEW", "EXCLUSIVE", "50% OFF")
   pokes 10px out beyond the card's right edge.

   This looks fine on a static grid, but inside a slick carousel the
   `.slick-list` element has `overflow:hidden` (slick needs this to
   clip the off-screen slides during animation). That overflow ALSO
   clips the 10px overhang of the badge, so part of the badge lands
   under the next slide and gets cut off — most noticeably on the
   "Recently Viewed" carousel on product pages.

   The fix: pull badges back inside the card bounds whenever they
   live inside a slick-track. We keep the overhang on non-slick
   product grids (shop, search results) because it adds a tiny bit
   of visual punch where there's no clipping.
   ────────────────────────────────────────────────────────────────────── */

.slick-track .axil-product > .thumbnail .label-block.label-right,
[data-recently-viewed] .axil-product > .thumbnail .label-block.label-right,
.recent-product-activation .axil-product > .thumbnail .label-block.label-right {
    right: 8px !important;
    left: auto !important;
}

/* Some product card variants (product-style-eight) already position
   .label-right with right:20px. Keep that intact — only nudge the
   default `right:-10px` overhang back inside the frame. */
.slick-track .axil-product.product-style-eight > .thumbnail .label-block.label-right,
[data-recently-viewed] .axil-product.product-style-eight > .thumbnail .label-block.label-right {
    right: 20px !important;
}

/* Stack secondary badges underneath the primary one with a small gap
   instead of letting them overlap when they're squeezed together. */
.label-block .product-badget + .product-badget {
    margin-top: 6px;
    display: inline-block;
}
.label-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    z-index: 3;
}

/* === assets/css/vendor/auth-helpers.css === */
/* =====================================================================
   Auth/state visual helpers
   ===================================================================== */

/* Empty address field placeholder */
.address-info-v2 .ad-empty {
    color: #c9d1d9 !important;
    font-style: italic;
    font-weight: 400 !important;
}

/* Empty orders state */
.axil-dashboard-order tbody td[colspan] {
    border: none;
}

/* Form error/ok messages */
.form-error {
    color: #FF0003;
    font-size: 13px;
    margin: 8px 0;
    padding: 8px 12px;
    background: #FFF0F0;
    border-radius: 6px;
    border: 1px solid #FFD7D7;
}
.form-ok {
    color: #1a7f3a;
    font-size: 13px;
    margin: 8px 0;
    padding: 8px 12px;
    background: #EDFBF1;
    border-radius: 6px;
    border: 1px solid #BFEBC9;
}
.form-error:empty,
.form-ok:empty { display: none; }

/* Active heart icon when item is wishlisted */
.cart-action .wishlist a.is-active {
    color: var(--color-primary, #3577f0);
}
.cart-action .wishlist a.is-active i {
    font-weight: 900; /* solid heart */
}

/* Password strength indicator (live rules under each password field) */
.pw-strength {
    margin: 8px 0 14px;
    padding: 10px 12px;
    background: #FAFBFC;
    border: 1px solid #EDEFF3;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.5;
    transition: opacity .2s, max-height .2s;
}
.pw-strength ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pw-strength li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #777;
    padding: 2px 0;
}
.pw-strength li i {
    width: 14px;
    text-align: center;
    color: #c9d1d9;
    font-size: 12px;
    transition: color .15s;
}
.pw-strength li.ok {
    color: #1a7f3a;
}
.pw-strength li.ok i {
    color: #3EB75E;
}

/* Availability indicator (under name/email fields on signup) */
.avail-indicator {
    margin: 6px 0 8px;
    min-height: 18px;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 6px;
}
.avail-indicator .avail-msg::before {
    display: inline-block;
    margin-right: 6px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.avail-indicator.is-checking .avail-msg { color: #777; }
.avail-indicator.is-checking .avail-msg::before { content: "\f110"; /* spinner */ animation: avail-spin 0.8s linear infinite; }
.avail-indicator.is-available .avail-msg { color: #1a7f3a; }
.avail-indicator.is-available .avail-msg::before { content: "\f058"; /* check-circle */ color: #3EB75E; }
.avail-indicator.is-taken    .avail-msg { color: #b91d1d; }
.avail-indicator.is-taken    .avail-msg::before { content: "\f057"; /* times-circle */ color: #FF0003; }
.avail-indicator.is-invalid  .avail-msg { color: #b96900; }
.avail-indicator.is-invalid  .avail-msg::before { content: "\f071"; /* triangle-exclamation */ color: #FF8F3C; }
@keyframes avail-spin { to { transform: rotate(360deg); } }

/* Brief bump animation when the basket icon adds to cart */
.cart-btn a.cart-btn-added,
.cart-btn-added {
    animation: cart-btn-pop 0.6s ease;
    color: #3EB75E;
}
@keyframes cart-btn-pop {
    0%   { transform: scale(1);   }
    35%  { transform: scale(1.4); }
    70%  { transform: scale(0.9); }
    100% { transform: scale(1);   }
}


/* =====================================================================
   Toast notifications — premium card style
   ===================================================================== */
#eTradeToastHost {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
    max-width: calc(100vw - 48px);
}

.e-toast {
    pointer-events: auto;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 320px;
    max-width: 420px;
    padding: 16px 44px 16px 18px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow:
        0 1px 3px rgba(20, 20, 43, 0.06),
        0 14px 40px -8px rgba(20, 20, 43, 0.18);
    color: #1a1a2e;
    transform: translate3d(40px, 0, 0);
    opacity: 0;
    overflow: hidden;
    transition:
        transform .22s cubic-bezier(.22, .61, .36, 1),
        opacity .18s ease;
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(20, 20, 43, 0.04);
    will-change: transform, opacity;
}

.e-toast.is-visible {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.e-toast.is-leaving {
    transform: translate3d(40px, 0, 0);
    opacity: 0;
    transition:
        transform .18s cubic-bezier(.55, .055, .675, .19),
        opacity .15s ease;
}

.e-toast:hover {
    box-shadow:
        0 1px 3px rgba(20, 20, 43, 0.08),
        0 18px 50px -8px rgba(20, 20, 43, 0.25);
}

/* Icon circle — branded gradient based on type */
.e-toast__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.15);
}
.e-toast__icon i { line-height: 1; }

/* Body text */
.e-toast__body {
    flex: 1;
    padding-top: 7px;
    min-width: 0;
}
.e-toast__msg {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: -0.005em;
    color: #1a1a2e;
    word-wrap: break-word;
}

/* Close button (top-right) */
.e-toast__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    border-radius: 6px;
    color: #9197a8;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s;
}
.e-toast__close:hover {
    background: rgba(20, 20, 43, 0.06);
    color: #1a1a2e;
}

/* Progress bar — counts down to auto-dismiss */
.e-toast__progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    transform-origin: left center;
    animation: e-toast-progress linear forwards;
}

@keyframes e-toast-progress {
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }
}

/* Type variants — colored icon + matching progress bar */
.e-toast--success .e-toast__icon {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
}
.e-toast--success .e-toast__progress {
    background: linear-gradient(90deg, #34d399, #10b981);
}

.e-toast--error .e-toast__icon {
    background: linear-gradient(135deg, #fb7185 0%, #ef4444 100%);
}
.e-toast--error .e-toast__progress {
    background: linear-gradient(90deg, #fb7185, #ef4444);
}

.e-toast--warning .e-toast__icon {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
}
.e-toast--warning .e-toast__progress {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
}

.e-toast--info .e-toast__icon {
    /* Brand gradient — matches the Cealune palette (blush → rose → brown) */
    background: linear-gradient(135deg, #FAB8C4 0%, #E89AAB 55%, #8B5E3C 100%);
}
.e-toast--info .e-toast__progress {
    background: linear-gradient(90deg, #FAB8C4 0%, #E89AAB 55%, #8B5E3C 100%);
}

/* Search-dropdown "added" feedback — keeps the 32×32 round button shape,
   only swaps the icon and adds a brand-colored pulse. No text overflow. */
.search-action-btn-added {
    background: linear-gradient(135deg, #FAB8C4 0%, #C46B7E 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    animation: search-btn-pulse 0.6s ease;
    box-shadow: 0 4px 12px rgba(196, 107, 126, 0.35);
}
.search-action-btn-added i {
    font-size: 13px;
}
@keyframes search-btn-pulse {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.18); }
    70%  { transform: scale(0.94); }
    100% { transform: scale(1); }
}

/* Mobile — full-width minus margins */
@media (max-width: 480px) {
    #eTradeToastHost {
        right: 12px;
        left: 12px;
        bottom: 12px;
    }
    .e-toast {
        min-width: 0;
        max-width: 100%;
    }
}

/* =====================================================================
   Header cart/wishlist counter — hidden until auth.js fills in real value
   ===================================================================== */
.cart-count.is-hidden-until-ready,
.wishlist-count.is-hidden-until-ready {
    visibility: hidden !important;
    opacity: 0;
}
.cart-count,
.wishlist-count {
    transition: opacity .2s ease;
}

/* Wishlist count badge — match the cart-count style */
.shopping-wishlist {
    position: relative;
}
.wishlist-count {
    position: absolute;
    top: -6px;
    left: 14px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #3577f0;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    line-height: 1;
}
/* Hide the badge entirely when count is 0 (after API responds) */
.wishlist-count[data-count="0"],
.cart-count[data-count="0"] {
    display: none;
}

/* =====================================================================
   Hide slick sliders until they're initialized to prevent the
   "all slides stacked / undefined" flash on first paint.

   EXCEPTION: if the wrapper currently contains a [data-home-skel]
   skeleton placeholder (pre-data, pre-slick), we KEEP the wrapper
   visible so the skeleton grid (4 columns on desktop) renders
   immediately on first paint. The skeleton itself uses
   `display:grid` and lays out its children side-by-side as a row.
   ===================================================================== */
.slider-activation-one,
.new-arrivals-product-activation,
.new-arrivals-product-activation-2,
.explore-product-activation,
.recently-viwed-activation,
.recent-product-activation,
.testimonial-slick-activation,
.popular-product-activation,
.categrie-product-activation,
.categrie-product-activation-2,
.categrie-product-activation-3,
.categrie-product-activation-4 {
    opacity: 0;
    transition: opacity .25s ease;
}
/* If the wrapper still has the skeleton inside (slick not yet init'd
   AND no real data has been swapped in), keep it visible so the
   skeleton row shows side-by-side instead of stacked & invisible. */
.slider-activation-one:has([data-home-skel]),
.new-arrivals-product-activation:has([data-home-skel]),
.new-arrivals-product-activation-2:has([data-home-skel]),
.explore-product-activation:has([data-home-skel]),
.recently-viwed-activation:has([data-home-skel]),
.recent-product-activation:has([data-home-skel]),
.testimonial-slick-activation:has([data-home-skel]),
.popular-product-activation:has([data-home-skel]),
.categrie-product-activation:has([data-home-skel]),
.categrie-product-activation-2:has([data-home-skel]),
.categrie-product-activation-3:has([data-home-skel]),
.categrie-product-activation-4:has([data-home-skel]) {
    opacity: 1;
}
/* The explore-products section is a static GRID (not a slick carousel)
   after data loads — keep it visible regardless of slick state. */
.explore-product-activation:has(.home-explore-grid) {
    opacity: 1 !important;
}
.slider-activation-one.slick-initialized,
.new-arrivals-product-activation.slick-initialized,
.new-arrivals-product-activation-2.slick-initialized,
.explore-product-activation.slick-initialized,
.recently-viwed-activation.slick-initialized,
.recent-product-activation.slick-initialized,
.testimonial-slick-activation.slick-initialized,
.popular-product-activation.slick-initialized,
.categrie-product-activation.slick-initialized,
.categrie-product-activation-2.slick-initialized,
.categrie-product-activation-3.slick-initialized,
.categrie-product-activation-4.slick-initialized {
    opacity: 1;
}

/* While slider is loading, show a centered placeholder height
   so the layout doesn't jump when slick reveals the carousel */
.slider-activation-one:not(.slick-initialized) {
    min-height: 480px;
    position: relative;
}
.slider-activation-one:not(.slick-initialized)::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    width: 36px; height: 36px;
    margin: -18px 0 0 -18px;
    border: 2px solid rgba(20, 20, 43, 0.1);
    border-top-color: #6A82FB;
    border-radius: 50%;
    animation: eTradeSpin 0.8s linear infinite;
}

/* =====================================================================
   Single product gallery — clean grey rounded container with the image
   centered inside via mix-blend-mode:multiply.
   Targets the actual DOM Slick produces (verified via DevTools).
   ===================================================================== */

.single-product-thumbnail-wrap.zoom-gallery {
    background: transparent !important;
    overflow: visible;
    position: relative;
}

/* Slick layers */
.product-large-thumbnail-3.slick-slider,
.product-large-thumbnail-3 .slick-list,
.product-large-thumbnail-3 .slick-track {
    background: transparent !important;
}

/* Each slide that Slick injects — this is where the grey rounded square lives */
.product-large-thumbnail-3 .slick-slide {
    background: transparent !important;
    height: auto !important;
}
.product-large-thumbnail-3 .thumbnail.slick-slide {
    background: #F4F5F7 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1;
    max-height: 600px;
    padding: 32px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* Slick sets width inline (e.g. 525px) — keep that, just style the box */
}
/* Add 12px gap between adjacent slides via slick-track positive translation */
.product-large-thumbnail-3 .slick-track {
    display: flex !important;
}

.product-large-thumbnail-3 .thumbnail.slick-slide a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: transparent !important;
}
.product-large-thumbnail-3 .thumbnail.slick-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    mix-blend-mode: multiply;
}

/* ----- Small thumbs column ----- */
/* Slick runs in vertical mode and hardcodes:
   - .slick-list { height: 324px }   (way shorter than the big image)
   - .slick-slide { width: 81px }
   We force these to fill the column height + width so the thumbs
   distribute evenly down the side of the big image.
*/
.single-product-thumb .col-lg-7 > .row {
    align-items: stretch;
}
.single-product-thumb .col-lg-7 .col-lg-2 {
    display: flex;
    flex-direction: column;
}
.product-small-thumb-3.small-thumb-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    margin-top: 0;
    height: 100%;
}
.product-small-thumb-3.slick-initialized {
    height: 100%;
}
.product-small-thumb-3.slick-vertical .slick-list {
    height: 100% !important;
    min-height: 100%;
}
.product-small-thumb-3.slick-vertical .slick-track {
    height: 100% !important;
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}
/* Slick gives each slide an inline width like 81px and a calculated height.
   We override both so each slide takes 1/4 of the track height.            */
.product-small-thumb-3.slick-vertical .slick-slide.small-thumb-img {
    width: 100% !important;
    max-width: 90px;
    height: auto !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: 110px;
    background: #F4F5F7 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer;
    transition: box-shadow .15s ease;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.product-small-thumb-3.slick-vertical .slick-slide.small-thumb-img:hover {
    box-shadow: 0 0 0 2px #6A82FB;
}
/* Force the inner img to fill — override theme's fixed-size img rules */
.product-small-thumb-3 .small-thumb-img img,
.product-small-thumb-3.slick-vertical .small-thumb-img img,
.product-small-thumb-3 .small-thumb-wrapper .small-thumb-img img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    mix-blend-mode: multiply;
    display: block !important;
}
.product-small-thumb-3 .slick-current.small-thumb-img,
.product-small-thumb-3 .slick-current .small-thumb-img,
.product-small-thumb-3 .small-thumb-img.is-active {
    box-shadow: 0 0 0 2px #1A1A2E;
}

/* Magnific Popup zoom container */
.mfp-bg {
    background: rgba(20, 20, 43, 0.92) !important;
}
.mfp-img {
    background: #ffffff;
    padding: 24px;
    border-radius: 8px;
}

/* Override theme's badge padding-shift */
.single-product-thumbnail.thumbnail-badge .thumbnail,
.product-large-thumbnail-3.thumbnail-badge .thumbnail {
    padding-right: 32px !important;
}

/* =====================================================================
   Phase B — Product variant pickers + tab content lists
   ===================================================================== */

/* Variant section spacing */
.product-variations-wrapper .product-variation {
    margin-bottom: 18px;
}
.product-variations-wrapper .product-variation .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A2E;
}
.product-variations-wrapper .variant-current-label {
    color: #6B7280;
    font-weight: 400;
    font-size: 13px;
    margin-left: 6px;
}

/* Color swatch overrides — proper rounded swatches with active outline */
.color-variant {
    display: flex;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.color-variant li {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 0;
    border: 2px solid transparent;
    background: transparent;
    transition: all .2s ease;
    position: relative;
    overflow: visible;
}
.color-variant li:hover {
    transform: scale(1.08);
}
.color-variant li.active {
    border-color: #1A1A2E;
}
.color-variant li > span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}
.color-variant li > span > .color {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
/* Override theme's legacy style.min.css which forces inner .color to 11x11
   inside .single-product-content. Same selector depth → same specificity,
   but our rule comes later so it wins. */
.single-product-content .inner .product-variation .color-variant li > span,
.single-product-content .inner .product-variation .color-variant li > span > .color {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}
.single-product-content .inner .product-variation .color-variant li {
    width: 36px;
    height: 36px;
}
.color-variant li.active::after {
    content: '✓';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    pointer-events: none;
}

/* Shade picker — small image thumbnails (for cosmetics shades with images) */
.shade-variant {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.shade-variant li {
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    background: #F4F5F7;
    border: 2px solid transparent;
    transition: border-color .15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}
.shade-variant li:hover {
    border-color: #6A82FB;
}
.shade-variant li.active {
    border-color: #1A1A2E;
}
.shade-variant li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.shade-variant li .shade-placeholder {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

/* Size pills — Sephora/Hugo-Boss style: white pill, dark text, dark border when active.
   For single-size products (is-single), the same active styling applies — there's
   no separate "locked" look anymore. */
.range-variant {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.range-variant li {
    cursor: pointer;
    padding: 10px 22px;
    min-width: 64px;
    border-radius: 999px;
    border: 1.5px solid #E5E7EB;
    background: #ffffff;
    font-size: 13px;
    font-weight: 600;
    color: #1A1A2E;
    transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.2;
}
.range-variant li:hover {
    border-color: #1A1A2E;
}
.range-variant li.active {
    border-color: #1A1A2E;
    border-width: 2px;
    background: #ffffff;
    color: #1A1A2E;
    padding: 9px 21px;          /* compensate for thicker border so size stays consistent */
}
/* Single-size variant — same look, just non-distracting on hover */
.range-variant.is-single li {
    cursor: default;
}
.range-variant.is-single li:hover {
    border-color: #1A1A2E;        /* same as default — no hover state needed */
}

/* Ingredients list — clean styled list */
/* Ingredients — clean two-column list, elegant and simple */
.ingredients-list {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 2;
    column-gap: 60px;
}
.ingredients-list li {
    position: relative;
    padding: 10px 0 10px 18px;
    font-size: 15px;
    line-height: 1.5;
    color: #292930;
    break-inside: avoid;
    border-bottom: 1px solid #E5E7EB;
}
.ingredients-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1A1A2E;
}
@media (max-width: 700px) {
    .ingredients-list { columns: 1; }
}

/* How-to-use steps — clean numbered paragraphs, no cards */
.howto-list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: howto;
}
.howto-list li {
    position: relative;
    padding: 16px 0 16px 56px;
    counter-increment: howto;
    font-size: 15px;
    line-height: 1.7;
    color: #292930;
    border-bottom: 1px solid #E5E7EB;
}
.howto-list li:last-child { border-bottom: none; }
.howto-list li::before {
    content: counter(howto);
    position: absolute;
    left: 0;
    top: 14px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #1A1A2E;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Strip the theme's white card chrome from the ingredients/howto tab panes */
#ingredients .product-additional-info,
#howto       .product-additional-info {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Empty-tab placeholder text */
.empty-tab {
    padding: 24px;
    text-align: center;
}

/* =====================================================================
   Phase C — Reviews
   ===================================================================== */

/* Review item — clean card-like presentation, gradient avatar */
.review-item {
    list-style: none;
    margin-bottom: 24px;
    padding: 0;
}
.review-item .single-comment {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.review-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6A82FB 0%, #8E2DE2 55%, #FC5C7D 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0.02em;
}
.review-item .comment-img {
    width: auto;
    height: auto;
    flex-shrink: 0;
}
.review-item .comment-inner {
    flex: 1;
    min-width: 0;
}
.review-item .commenter {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A2E;
}
.review-item .commenter-name {
    color: #1A1A2E;
}
.review-item .commenter-rating {
    display: inline-flex;
    gap: 2px;
    color: #FAB607;
    font-size: 13px;
}
.review-item .commenter-rating i {
    color: #E0E2E7;
}
.review-item .commenter-rating .fas {
    color: #FAB607;
}
.review-title {
    font-size: 14px;
    font-weight: 600;
    color: #292930;
    margin-bottom: 4px;
}
.review-item .comment-text p {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.6;
    color: #4B5563;
}
.review-date {
    font-size: 12px;
    color: #9197a8;
    margin-top: 4px;
}

/* Star input on the review form */
.reating-inner i {
    cursor: pointer;
    color: #E0E2E7;
    font-size: 20px;
    margin-right: 4px;
    transition: color .12s ease, transform .12s ease;
}
.reating-inner i.fas {
    color: #FAB607;
}
.reating-inner i:hover {
    transform: scale(1.1);
}

/* Form polish */
.comment-respond .form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
    display: block;
}
.comment-respond .form-group input,
.comment-respond .form-group textarea {
    width: 100%;
    border: 1.5px solid #E5E7EB;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    background: #ffffff;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.comment-respond .form-group input:focus,
.comment-respond .form-group textarea:focus {
    outline: none;
    border-color: #6A82FB;
    box-shadow: 0 0 0 3px rgba(106, 130, 251, 0.1);
}
.comment-respond .form-group textarea {
    resize: vertical;
    min-height: 100px;
    font-family: inherit;
}

/* =====================================================================
   Phase D — Live search dropdown
   ===================================================================== */
.search-dropdown-host {
    position: relative;
}

.search-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    /* Match the width of the search input above us, but if the input is
       small (e.g. on internal pages), grow the dropdown rightward up to
       a reasonable cap so it isn't painfully cramped. */
    width: 100%;
    min-width: min(420px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    background: #ffffff;
    border-radius: 12px;
    box-shadow:
        0 1px 3px rgba(20, 20, 43, 0.08),
        0 12px 36px -8px rgba(20, 20, 43, 0.18);
    border: 1px solid rgba(20, 20, 43, 0.06);
    z-index: 1500;
    max-height: 520px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.search-dropdown[hidden] { display: none; }

/* If the input is very narrow (small input on internal pages), align the
   dropdown to the RIGHT edge so it doesn't overflow the screen. */
@media (min-width: 768px) {
    .axil-search.search-dropdown-host .search-dropdown {
        right: 0;
        left: auto;
    }
}

.search-results-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #F3F4F6;
    background: #FAFBFC;
}
.search-results-count {
    font-size: 12px;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.search-view-all {
    font-size: 13px;
    font-weight: 600;
    color: #3577f0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .15s ease;
}
.search-view-all:hover {
    color: #1A1A2E;
}

.search-results-list {
    overflow-y: auto;
    max-height: 460px;
}

/* Each result row — outer wrapper is flex with link + actions as siblings */
.search-result-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #F3F4F6;
    transition: background .12s ease;
}
.search-result-item:last-child {
    border-bottom: none;
}
.search-result-item:hover {
    background: #FAFBFC;
}

/* The clickable area (thumb + meta) — fills available width */
.search-result-link {
    display: grid;
    grid-template-columns: 56px 1fr;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
    text-decoration: none !important;
    color: inherit;
}
.search-result-link:hover {
    color: inherit;
}

.search-result-thumb {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: #F4F5F7;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    box-sizing: border-box;
}
.search-result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.search-result-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.search-result-name {
    font-size: 14px;
    font-weight: 600;
    color: #1A1A2E;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-result-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #FAB607;
    line-height: 1;
}
.search-result-rating i {
    font-size: 10px;
}
.search-result-rating .far {
    color: #E0E2E7;
}
.search-result-reviews {
    color: #9197a8;
    font-size: 11px;
    margin-left: 2px;
}
.search-result-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 13px;
    margin-top: 1px;
}
.search-current-price {
    font-weight: 700;
    color: #1A1A2E;
}
.search-old-price {
    color: #9197a8;
    text-decoration: line-through;
    font-size: 11px;
}

/* Action buttons — separate column on the right, no overlap with text */
.search-result-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}
.search-action-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #E5E7EB;
    color: #6B7280;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease;
}
.search-action-btn:hover {
    background: #1A1A2E;
    border-color: #1A1A2E;
    color: #ffffff;
}

/* Empty state */
.search-empty {
    padding: 40px 24px;
    text-align: center;
    color: #6B7280;
}
.search-empty i {
    font-size: 32px;
    color: #D1D5DB;
    display: block;
    margin-bottom: 12px;
}
.search-empty-text {
    font-size: 14px;
    font-weight: 600;
    color: #1A1A2E;
    margin-bottom: 4px;
}
.search-empty-hint {
    font-size: 13px;
    color: #9197a8;
}
.search-empty-hint a {
    color: #3577f0;
    text-decoration: none;
}

/* Loading state */
.search-loading {
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-spinner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(20, 20, 43, 0.1);
    border-top-color: #6A82FB;
    animation: eTradeSpin 0.8s linear infinite;
}

/* Modal search — renders into the modal's card-body via [data-modal-search-results] */
.search-modal-empty {
    padding: 60px 24px;
    text-align: center;
    color: #6B7280;
}
.search-modal-empty i {
    font-size: 36px;
    color: #D1D5DB;
    display: block;
    margin-bottom: 14px;
}

#header-search-modal [data-modal-search-results] {
    padding: 20px 0 0;
}
#header-search-modal .search-results-header {
    background: transparent;
    padding: 0 0 14px;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 0;
}
#header-search-modal .search-results-list-modal {
    max-height: 60vh;
    overflow-y: auto;
}
#header-search-modal .search-result-item {
    padding: 14px 0;
    border-bottom: 1px solid #F3F4F6;
}
#header-search-modal .search-result-thumb {
    width: 64px;
    height: 64px;
}

/* Mobile — slightly smaller dropdown */
@media (max-width: 640px) {
    .search-dropdown {
        max-height: 360px;
    }
    .search-result-thumb {
        width: 48px;
        height: 48px;
    }
    .search-result-name {
        font-size: 13px;
    }
}

/* Permanently disable the search modal — we use the top dropdown instead. */
#header-search-modal,
.closeMask {
    display: none !important;
}

/* Recently Viewed — when fewer than 4 items, render as a fixed grid so
   each card stays the right size instead of stretching to fill 4 slick slots. */
.recent-product-activation.recent-grid-mode,
.recently-viwed-activation.recent-grid-mode {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    /* Override slick's display: block / overflow: hidden defaults */
    overflow: visible;
    /* Slick isn't initialized in grid mode, so force visibility. */
    opacity: 1 !important;
}
.recent-product-activation.recent-grid-mode .recent-grid-item {
    width: auto;
}
@media (max-width: 1200px) {
    .recent-product-activation.recent-grid-mode,
    .recently-viwed-activation.recent-grid-mode {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 992px) {
    .recent-product-activation.recent-grid-mode,
    .recently-viwed-activation.recent-grid-mode {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 580px) {
    .recent-product-activation.recent-grid-mode,
    .recently-viwed-activation.recent-grid-mode {
        grid-template-columns: 1fr;
    }
}

/* Recently Viewed empty state */
.recent-empty {
    grid-column: 1 / -1;
    padding: 48px 24px;
    text-align: center;
    color: #6B7280;
}
.recent-empty i {
    font-size: 36px;
    color: #D1D5DB;
    display: block;
    margin-bottom: 14px;
}
.recent-empty-text {
    font-size: 16px;
    font-weight: 600;
    color: #1A1A2E;
    margin-bottom: 4px;
}
.recent-empty-hint {
    font-size: 13px;
    color: #9197a8;
}

/* ────────────────────────────────────────────────────────────────────
   Recently Viewed — friendly empty state shown when the user has not
   viewed any products yet. Replaces the previous behavior of hiding
   the whole section.
   ──────────────────────────────────────────────────────────────────── */
.recent-product-activation.recent-empty-mode,
.recently-viwed-activation.recent-empty-mode {
    opacity: 1 !important;
    display: block !important;
    overflow: visible !important;
}
.recent-empty-state {
    max-width: 480px;
    margin: 24px auto;
    padding: 48px 32px;
    text-align: center;
    background: #FAFAFB;
    border: 1px dashed #E5E7EB;
    border-radius: 16px;
}
.recent-empty-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #F3F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
    font-size: 28px;
}
.recent-empty-title {
    font-size: 18px;
    font-weight: 600;
    color: #1A1A2E;
    margin: 0 0 8px;
}
.recent-empty-text {
    /* Override the older .recent-empty-text rule above when used inside
       .recent-empty-state — same selector, more specific scope. */
}
.recent-empty-state .recent-empty-text {
    font-size: 14px;
    font-weight: 400;
    color: #6B7280;
    margin: 0 0 20px;
    line-height: 1.5;
}
.recent-empty-state .axil-btn {
    display: inline-block;
}

/* Polished card frame for Recently Viewed products in BOTH slick and grid modes */
.recent-product-activation .axil-product .thumbnail > a {
    background: #ffffff;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
    transition: all .25s ease;
}
.recent-product-activation .axil-product:hover .thumbnail > a {
    border-color: #D1D5DB;
    box-shadow: 0 8px 24px rgba(20, 20, 43, 0.06);
}
.recent-product-activation .axil-product .thumbnail > a img {
    border-radius: 12px;
    background: #ffffff;
    /* Ensure clean white background — kill the grey peek-through */
    mix-blend-mode: multiply;
    padding: 16px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 100%;
    height: auto;
    display: block;
}
.recent-product-activation .axil-product .product-content {
    padding: 12px 4px 0;
    text-align: left;
}
.recent-product-activation .axil-product .product-content .title {
    font-size: 16px;
    font-weight: 500;
    color: #1A1A2E;
    margin-bottom: 8px;
}
.recent-product-activation .axil-product .product-content .product-price-variant .price.current-price {
    color: #1A1A2E;
    font-weight: 700;
}
.recent-product-activation .axil-product .label-block {
    top: 16px;
    right: 16px;
}

/* Grid mode (1-3 items) — same card frame */
.recent-product-activation.recent-grid-mode .recent-grid-item .axil-product .thumbnail > a {
    /* Already has the frame from the rule above */
}

/* ----------------------------------------------------------------------
 * Shop sidebar filters (Phase F)
 * ---------------------------------------------------------------------- */

/* Filter list items — both checkbox-style and text-style */
.axil-shop-sidebar [data-filter-list="category"] li {
    margin-bottom: 8px;
}
.axil-shop-sidebar [data-filter-list="category"] li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 6px 28px;
    font-size: 14px;
    color: #555;
    transition: color .15s ease;
    position: relative;
}
.axil-shop-sidebar [data-filter-list="category"] li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1.5px solid #d0d0d8;
    border-radius: 4px;
    background: #fff;
    transition: all .15s ease;
}
.axil-shop-sidebar [data-filter-list="category"] li.current-cat a {
    color: #1A1A2E;
    font-weight: 600;
}
.axil-shop-sidebar [data-filter-list="category"] li.current-cat a::before {
    background: #3577f0;
    border-color: #3577f0;
}
.axil-shop-sidebar [data-filter-list="category"] li.current-cat a::after {
    content: "\2713";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.axil-shop-sidebar [data-filter-list="category"] li a:hover {
    color: #1A1A2E;
}
.axil-shop-sidebar [data-filter-list="category"] .filter-count {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-left: 8px;
}

/* Color swatches */
.axil-shop-sidebar [data-filter-list="color"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.axil-shop-sidebar [data-filter-list="color"] li {
    margin: 0;
    padding: 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    transition: border-color .15s ease;
    cursor: pointer;
}
.axil-shop-sidebar [data-filter-list="color"] li.chosen {
    border-color: #1A1A2E;
}
.axil-shop-sidebar [data-filter-list="color"] li a {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
}

/* Size pills */
.axil-shop-sidebar [data-filter-list="size"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.axil-shop-sidebar [data-filter-list="size"] li {
    margin: 0;
    padding: 0;
}
.axil-shop-sidebar [data-filter-list="size"] li a {
    display: inline-block;
    padding: 8px 14px;
    border: 1.5px solid #d0d0d8;
    border-radius: 20px;
    font-size: 13px;
    color: #555;
    transition: all .15s ease;
}
.axil-shop-sidebar [data-filter-list="size"] li.chosen a {
    border-color: #1A1A2E;
    background: #1A1A2E;
    color: #fff;
}
.axil-shop-sidebar [data-filter-list="size"] li a:hover {
    border-color: #1A1A2E;
}

/* Price range inputs */
.axil-shop-sidebar .price-range-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
}
.axil-shop-sidebar .price-range-inputs input[type="number"] {
    flex: 1;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #d0d0d8;
    border-radius: 6px;
    font-size: 13px;
    color: #1A1A2E;
}
.axil-shop-sidebar .price-range-inputs input::-webkit-outer-spin-button,
.axil-shop-sidebar .price-range-inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.axil-shop-sidebar .price-range-inputs input[type="number"] {
    -moz-appearance: textfield;
}
.axil-shop-sidebar .price-range-dash {
    color: #999;
    font-weight: 600;
}
.axil-shop-sidebar .price-apply {
    padding: 8px 14px;
    background: #1A1A2E;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease;
    width: auto;
    height: 38px;
    line-height: 1;
}
.axil-shop-sidebar .price-apply:hover {
    background: #3577f0;
}

/* Quick filter (on sale / in stock) checkboxes */
.axil-shop-sidebar .flag-check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    cursor: pointer;
    font-size: 14px;
    color: #555;
    transition: color .15s ease;
}
.axil-shop-sidebar .flag-check:hover {
    color: #1A1A2E;
}
.axil-shop-sidebar .flag-check input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1.5px solid #d0d0d8;
    border-radius: 4px;
    background: #fff;
    position: static;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    opacity: 1;
    transition: all .15s ease;
}
.axil-shop-sidebar .flag-check input[type="checkbox"]:checked {
    background: #3577f0;
    border-color: #3577f0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/></svg>");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}
.axil-shop-sidebar .flag-check span {
    user-select: none;
}

/* Filter loading / empty states */
.axil-shop-sidebar .filter-loading,
.axil-shop-sidebar .filter-empty {
    color: #999;
    font-size: 13px;
    font-style: italic;
    padding: 6px 0;
}

/* Sort select — make it a clean native dropdown */
[data-sort-select] {
    background: #fff;
    border: 1px solid #d0d0d8;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: #1A1A2E;
    cursor: pointer;
    width: auto;
    min-width: 200px;
    height: auto;
}
[data-sort-select]:focus {
    border-color: #3577f0;
    outline: none;
}

/* Smooth fade when reloading the grid */
[data-product-grid] {
    transition: opacity .2s ease;
}

/* Reset button at bottom of sidebar */
.axil-shop-sidebar [data-filters-reset] {
    width: 100%;
    margin-top: 20px;
}

/* =====================================================================
   Phase J — Live chat widget (bottom-right floating)
   ===================================================================== */

#etChatWidget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99999;       /* must beat theme's .back-to-top, #scrollUp, modal mask, etc. */
    font-family: inherit;
}

/* Theme's back-to-top button (.back-to-top, #scrollUp) lives in the same
   bottom-right corner. Stack it directly above the chat bubble with minimal
   inset from the right edge. */
.back-to-top.show,
.back-to-top {
    bottom: 96px !important;     /* directly above the 60px chat bubble */
    right: 24px !important;      /* same right offset as chat bubble = visually aligned */
    z-index: 9 !important;
}
#scrollUp {
    bottom: 96px !important;
    right: 24px !important;
    z-index: 9 !important;
}
@media (max-width: 575px) {
    .back-to-top.show,
    .back-to-top { bottom: 86px !important; right: 16px !important; }
    #scrollUp     { bottom: 86px !important; right: 16px !important; }
}

.et-chat-bubble {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6A82FB 0%, #FC5C7D 100%);
    color: #fff;
    border: none;
    box-shadow: 0 8px 24px rgba(20, 20, 43, 0.25);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: transform .2s ease, box-shadow .2s ease;
    position: relative;
}
.et-chat-bubble:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 32px rgba(20, 20, 43, 0.3);
}
.et-chat-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #DC2626;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.et-chat-panel {
    position: absolute;
    right: 0;
    bottom: 76px;
    width: 360px;
    max-width: calc(100vw - 48px);
    height: 480px;
    max-height: calc(100vh - 120px);
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(20, 20, 43, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.et-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    background: linear-gradient(135deg, #6A82FB 0%, #FC5C7D 100%);
    color: #fff;
}
.et-chat-header-text strong { display: block; font-size: 15px; font-weight: 700; }
.et-chat-header-text span   { display: block; font-size: 12px; opacity: 0.9; margin-top: 2px; }
.et-chat-close {
    background: rgba(255,255,255,0.2);
    border: none;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.et-chat-close:hover { background: rgba(255,255,255,0.3); }

.et-chat-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background: #fafbfc;
}
.et-chat-empty {
    text-align: center;
    padding: 40px 20px;
    color: #6B7280;
    font-size: 14px;
}
.et-chat-empty p { margin: 4px 0; }

.et-chat-msg {
    margin-bottom: 12px;
    max-width: 85%;
    /* The wrapper itself is a flex column so the bubble inside can be
       sized to content while the meta text aligns under it. */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
}
.et-chat-msg-user {
    margin-left: auto;
    align-items: flex-end;     /* meta line under user bubble aligns right */
}
.et-chat-msg-user .et-chat-bubble-text {
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    border-radius: 14px 14px 4px 14px;
}
.et-chat-msg-admin .et-chat-bubble-text {
    background: #fff;
    color: #1A1A2E;
    border: 1px solid #eef0f3;
    border-radius: 14px 14px 14px 4px;
}
.et-chat-bubble-text {
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.4;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: inline-block;     /* hug the text content */
    max-width: 100%;
}
.et-chat-msg-meta {
    font-size: 11px;
    color: #9ca3af;
    margin-top: 4px;
    padding: 0 4px;
}
.et-chat-msg-user .et-chat-msg-meta { text-align: right; }

.et-chat-form {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #eef0f3;
    background: #fff;
}
.et-chat-form input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    font-size: 14px;
    background: #fafbfc;
    outline: none;
    transition: border-color .15s ease;
}
.et-chat-form input:focus { border-color: #6A82FB; background: #fff; }
.et-chat-form button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease;
    flex-shrink: 0;
}
.et-chat-form button:hover { transform: scale(1.05); }

@media (max-width: 480px) {
    #etChatWidget { right: 16px; bottom: 16px; }
    .et-chat-panel {
        width: calc(100vw - 32px);
        height: calc(100vh - 100px);
        bottom: 72px;
    }
}

/* Phase J follow-up — chat improvements */

/* User-side textarea */
.et-chat-form textarea[data-chat-input] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    font-size: 14px;
    font-family: inherit;
    background: #fafbfc;
    outline: none;
    transition: border-color .15s ease;
    resize: none !important;        /* no resize handle */
    min-height: 40px;
    max-height: 120px;              /* 6 lines × 20px line-height */
    line-height: 20px;
    overflow-y: hidden;             /* default; JS toggles to auto when at max */
    /* Kill all browser-native textarea decorations */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* Firefox scrollbar styling — thin and no buttons */
    scrollbar-width: thin;
    scrollbar-color: rgba(106,130,251,0.4) transparent;
}
.et-chat-form textarea[data-chat-input]::-webkit-scrollbar {
    width: 4px;
}
.et-chat-form textarea[data-chat-input]::-webkit-scrollbar-track {
    background: transparent;
}
.et-chat-form textarea[data-chat-input]::-webkit-scrollbar-thumb {
    background: rgba(106,130,251,0.3);
    border-radius: 2px;
}
.et-chat-form textarea[data-chat-input]::-webkit-scrollbar-button {
    display: none !important;       /* hide the up/down arrows */
    height: 0 !important;
    width: 0 !important;
}
.et-chat-form textarea[data-chat-input]::-webkit-resizer {
    display: none !important;       /* hide resize corner if any */
}
.et-chat-form textarea[data-chat-input]:focus {
    border-color: #6A82FB;
    background: #fff;
}
.et-chat-form textarea[data-chat-input]:disabled {
    background: #f3f4f6;
    color: #9ca3af;
    cursor: not-allowed;
}
.et-chat-form button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

/* User-side header — agent name + actions */
.et-chat-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}
.et-chat-end {
    background: rgba(255,255,255,0.2);
    border: none;
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .03em;
    transition: background .15s;
}
.et-chat-end:hover { background: rgba(255,255,255,0.3); }

/* System messages — center-aligned grey notice */
.et-chat-system,
.chat-msg-system {
    text-align: center;
    color: #9ca3af;
    font-size: 12px;
    padding: 10px 16px;
    margin: 8px 0;
    font-style: italic;
}

/* User-side typing indicator with three pulsing dots */
.et-chat-typing {
    padding: 6px 16px;
    color: #9ca3af;
    font-size: 12px;
    font-style: italic;
    background: #fff;
    border-top: 1px solid #eef0f3;
    display: flex;
    align-items: center;
    gap: 8px;
}
.et-chat-typing em {
    font-style: normal;
    color: #1A1A2E;
    font-weight: 600;
    margin-left: 2px;
}
.et-chat-typing span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6A82FB;
    display: inline-block;
    animation: et-chat-bounce 1.2s infinite ease-in-out;
}
.et-chat-typing span:nth-child(2) { animation-delay: 0.15s; }
.et-chat-typing span:nth-child(3) { animation-delay: 0.30s; }
@keyframes et-chat-bounce {
    0%, 60%, 100% { transform: translateY(0);   opacity: 0.4; }
    30%           { transform: translateY(-4px); opacity: 1;   }
}

/* Admin-side: textarea reply, ended badge, ended-state notice */
.chat-thread-form {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid #eef0f3;
    background: #fafbfc;
    align-items: flex-end;
}
.chat-thread-form textarea#chatReplyInput {
    flex: 1;
    padding: 10px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    resize: none;
    min-height: 40px;
    max-height: 140px;
    line-height: 20px;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(106,130,251,0.4) transparent;
}
.chat-thread-form textarea#chatReplyInput::-webkit-scrollbar {
    width: 4px;
}
.chat-thread-form textarea#chatReplyInput::-webkit-scrollbar-thumb {
    background: rgba(106,130,251,0.3);
    border-radius: 2px;
}
.chat-thread-form textarea#chatReplyInput::-webkit-scrollbar-button {
    display: none;
    height: 0;
}
.chat-thread-form textarea#chatReplyInput:focus {
    border-color: #6A82FB;
    box-shadow: 0 0 0 3px rgba(106,130,251,0.12);
}
.chat-thread-form textarea#chatReplyInput::placeholder {
    color: #9ca3af;
}
.chat-thread-form button[type="submit"] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    transition: transform .15s ease, box-shadow .15s ease;
    font-size: 0;       /* hide "Send" text — replace with icon */
    position: relative;
}
.chat-thread-form button[type="submit"]::before {
    content: '\f1d8';   /* paper plane glyph from Font Awesome */
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 14px;
}
.chat-thread-form button[type="submit"]:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(106,130,251,0.3);
}

.chat-thread-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.chat-ended-badge {
    background: #FEE2E2;
    color: #991B1B;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 8px;
}
.chat-thread-ended {
    padding: 16px 20px;
    background: #FAFBFC;
    border-top: 1px solid #eef0f3;
    color: #6B7280;
    font-size: 13px;
    text-align: center;
    font-style: italic;
}

/* User-side "Start new conversation" button — appears in place of input
   form when the previous conversation was ended. */
.et-chat-restart {
    padding: 12px;
    border-top: 1px solid #eef0f3;
    background: #fafbfc;
    display: flex;
    justify-content: center;
}
.et-chat-newconvo-btn {
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}
.et-chat-newconvo-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(106,130,251,0.3);
}

/* ════════════════════════════════════════════════════════════════
   PHASE K — CAMPAIGNS
   Top promo banner, welcome modal, lottery banner.
   ════════════════════════════════════════════════════════════════ */

/* ─── Personal 24h promo banner ───────────────────────────────── */
.et-promo-banner {
    background: linear-gradient(90deg, #1A1A2E 0%, #2D2D44 100%);
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 100;
    overflow: hidden;
}
.et-promo-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(106, 130, 251, 0.2) 50%,
        transparent 100%
    );
    animation: et-promo-shimmer 4s infinite linear;
    pointer-events: none;
}
@keyframes et-promo-shimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.et-promo-banner-inner {
    max-width: 1320px;
    margin: 0 auto;
    /* Symmetric horizontal padding so the centered content stays optically
       centered. Right side has the close button absolutely positioned, but
       padding must match on both sides for true centering. */
    padding: 10px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.et-promo-banner-text {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.et-promo-banner-code {
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: transform .12s ease;
    user-select: all;
    font-size: 13px;
}
.et-promo-banner-code:hover { transform: scale(1.05); }
.et-promo-banner-timer {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    white-space: nowrap;
}
.et-promo-banner-timer strong {
    color: #fff;
    font-variant-numeric: tabular-nums;
    margin-left: 4px;
}
.et-promo-banner-close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    padding: 0;
    transition: background .12s, color .12s;
}
.et-promo-banner-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
@media (max-width: 600px) {
    .et-promo-banner-inner { font-size: 12px; padding: 8px 40px; gap: 8px; }
    .et-promo-banner-timer { display: none; }
}

/* ─── Lottery banner (shared 7-day) ────────────────────────────── */
.et-lottery-banner {
    background: linear-gradient(135deg, #FC5C7D 0%, #6A82FB 100%);
    color: #fff;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.et-lottery-banner-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 14px 50px 14px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}
.et-lottery-banner-icon {
    font-size: 28px;
    flex-shrink: 0;
    animation: et-lottery-bounce 2.5s infinite ease-in-out;
}
@keyframes et-lottery-bounce {
    0%, 100% { transform: translateY(0)   scale(1);    }
    50%      { transform: translateY(-3px) scale(1.08); }
}
.et-lottery-banner-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.3;
}
.et-lottery-banner-text strong {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.et-lottery-banner-text span {
    font-size: 13px;
    opacity: 0.92;
}
.et-lottery-banner-text em {
    font-style: normal;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.2);
    padding: 1px 6px;
    border-radius: 3px;
}
.et-lottery-banner-countdown {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.et-lottery-cd-block {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    padding: 6px 10px;
    text-align: center;
    min-width: 48px;
    line-height: 1.1;
}
.et-lottery-cd-block strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.et-lottery-cd-block span {
    font-size: 10px;
    opacity: 0.85;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.et-lottery-banner-close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    transition: background .12s;
}
.et-lottery-banner-close:hover { background: rgba(255, 255, 255, 0.3); }
@media (max-width: 768px) {
    .et-lottery-banner-inner { padding: 12px 50px 12px 14px; gap: 10px; }
    .et-lottery-banner-text strong { font-size: 13px; }
    .et-lottery-banner-text span   { font-size: 11px; }
    .et-lottery-cd-block { min-width: 38px; padding: 4px 6px; }
    .et-lottery-cd-block strong { font-size: 14px; }
    .et-lottery-cd-block span   { font-size: 9px;  }
}
@media (max-width: 480px) {
    .et-lottery-banner-icon { font-size: 22px; }
    .et-lottery-banner-text { display: none; }
}

/* ─── Welcome modal ──────────────────────────────────────────────── */
.et-welcome-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 16, 30, 0.65);
    backdrop-filter: blur(4px);
    z-index: 99998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    transition: opacity .25s ease;
}
.et-welcome-modal-overlay.is-open { opacity: 1; }

.et-welcome-modal {
    background: #fff;
    border-radius: 20px;
    padding: 40px 36px 32px;
    max-width: 440px;
    width: 100%;
    text-align: center;
    box-shadow: 0 30px 80px rgba(20, 20, 43, 0.45);
    position: relative;
    transform: scale(0.92) translateY(20px);
    transition: transform .3s cubic-bezier(0.34, 1.4, 0.64, 1);
}
.et-welcome-modal-overlay.is-open .et-welcome-modal {
    transform: scale(1) translateY(0);
}
.et-welcome-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #f3f4f6;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    color: #6B7280;
    line-height: 1;
    padding: 0;
    transition: background .15s, color .15s;
}
.et-welcome-modal-close:hover { background: #e5e7eb; color: #1A1A2E; }

.et-welcome-modal-badge {
    display: inline-block;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
    box-shadow: 0 6px 16px rgba(106, 130, 251, 0.35);
}
.et-welcome-modal-title {
    font-size: 26px;
    font-weight: 700;
    color: #1A1A2E;
    margin: 0 0 12px;
    line-height: 1.2;
}
.et-welcome-modal-subtitle {
    color: #6B7280;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 24px;
}

.et-welcome-modal-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.et-welcome-modal-input {
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    background: #fafbfc;
    outline: none;
    transition: border-color .15s, background .15s;
    box-sizing: border-box;
}
.et-welcome-modal-input:focus {
    border-color: #6A82FB;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(106, 130, 251, 0.1);
}
.et-welcome-modal-submit {
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .12s, box-shadow .15s;
    letter-spacing: 0.02em;
}
.et-welcome-modal-submit:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(106, 130, 251, 0.4);
}
.et-welcome-modal-submit:disabled { opacity: 0.6; cursor: wait; }

.et-welcome-modal-fineprint {
    color: #9ca3af;
    font-size: 12px;
    margin: 12px 0 0;
}

.et-welcome-modal-success {
    padding: 12px 0;
}
.et-welcome-modal-checkmark {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10B981, #059669);
    color: #fff;
    font-size: 32px;
    line-height: 60px;
    margin: 0 auto 16px;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
    animation: et-welcome-pop .4s cubic-bezier(0.34, 1.5, 0.64, 1);
}
@keyframes et-welcome-pop {
    0%   { transform: scale(0);   }
    100% { transform: scale(1);   }
}
.et-welcome-modal-success p {
    color: #1A1A2E;
    font-size: 14px;
    margin: 0 0 12px;
}
.et-welcome-modal-code-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fafbfc;
    border: 2px dashed #e5e7eb;
    border-radius: 12px;
    padding: 12px 14px;
    margin: 16px 0;
}
.et-welcome-modal-code {
    flex: 1;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 18px;
    font-weight: 700;
    color: #1A1A2E;
    letter-spacing: 0.1em;
    background: transparent;
    text-align: center;
}
.et-welcome-modal-copy {
    padding: 8px 16px;
    background: #1A1A2E;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s;
}
.et-welcome-modal-copy:hover { background: #2D2D44; }

/* ════════════════════════════════════════════════════════════════
   PAGE LOADER — covers content while initial data fetches complete.
   Triggered by html[data-loading] attribute (added in <head> of pages).
   Removed by JS after bootstrap finishes (see auth.js markPageReady).
   ════════════════════════════════════════════════════════════════ */
html[data-loading] body > *:not(.eTradeLoader):not(script) { visibility: hidden !important; }
.eTradeLoader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    inset: 0;
    background: #fff;
    z-index: 999999;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    transition: opacity .25s ease, visibility .25s ease;
    margin: 0 !important;
    padding: 0 !important;
}
.eTradeLoader__spinner {
    width: 48px;
    height: 48px;
    border: 4px solid #f3f4f6;
    border-top-color: #6A82FB;
    border-right-color: #FC5C7D;
    border-radius: 50%;
    animation: eTradeLoader-spin 0.9s linear infinite;
}
.eTradeLoader__label {
    color: #6B7280;
    font-size: 13px;
    font-family: inherit;
    letter-spacing: 0.04em;
}
@keyframes eTradeLoader-spin {
    to { transform: rotate(360deg); }
}
html[data-ready] .eTradeLoader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* ════════════════════════════════════════════════════════════════
   PHASE K ROUND 2 — CHECKOUT + ORDER CONFIRMATION
   ════════════════════════════════════════════════════════════════ */

/* ─── Checkout layout ────────────────────────────────────────── */
#checkoutArea { background: #f6f7fb; min-height: 70vh; }

.checkout-loading-state,
.checkout-empty-state {
    text-align: center;
    padding: 80px 20px;
}
.checkout-loading-state .spinner,
.order-confirmed-loading .spinner {
    width: 44px; height: 44px;
    border: 4px solid #e5e7eb;
    border-top-color: #6A82FB;
    border-right-color: #FC5C7D;
    border-radius: 50%;
    margin: 0 auto 16px;
    animation: eTradeLoader-spin 0.9s linear infinite;
}
.checkout-empty-state .empty-icon { font-size: 56px; margin-bottom: 14px; }
.checkout-empty-state h3 { font-size: 22px; color: #1A1A2E; margin: 0 0 8px; }
.checkout-empty-state p { color: #6B7280; margin: 0 0 22px; font-size: 14px; }

.checkout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 32px;
    align-items: start;
}
@media (max-width: 991px) {
    .checkout-grid { grid-template-columns: 1fr; gap: 20px; }
}

.checkout-main { display: flex; flex-direction: column; gap: 18px; }

.checkout-section {
    background: #fff;
    border-radius: 14px;
    padding: 26px 28px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
}
@media (max-width: 600px) {
    .checkout-section { padding: 22px 18px; border-radius: 12px; }
}
.checkout-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 700;
    color: #1A1A2E;
}
.checkout-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

/* ─── Radio cards (used for addresses, shipping, payment) ─── */
.checkout-radio-card {
    display: block;
    cursor: pointer;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 12px;
    transition: border-color .15s, background .15s, box-shadow .15s;
    background: #fff;
    position: relative;
}
.checkout-radio-card:last-child { margin-bottom: 0; }
.checkout-radio-card:hover { border-color: #c7d2fe; }
.checkout-radio-card.is-selected {
    border-color: #6A82FB;
    background: linear-gradient(135deg, rgba(106, 130, 251, 0.04), rgba(252, 92, 125, 0.04));
    box-shadow: 0 0 0 3px rgba(106, 130, 251, 0.08);
}
.checkout-radio-card input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.checkout-radio-card-body {
    padding-left: 32px;
    position: relative;
}
.checkout-radio-card-body::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    background: #fff;
    transition: border-color .15s, background .15s;
}
.checkout-radio-card.is-selected .checkout-radio-card-body::before {
    border-color: #6A82FB;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    box-shadow: inset 0 0 0 3px #fff;
}
.checkout-radio-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 14px;
}
.checkout-radio-card-head strong { color: #1A1A2E; font-weight: 600; font-size: 14px; }
.checkout-radio-card-text {
    color: #6B7280;
    font-size: 13px;
    line-height: 1.5;
}
.checkout-radio-price {
    font-weight: 700;
    color: #1A1A2E;
    font-size: 14px;
}
.default-pill {
    display: inline-block;
    background: #EEF2FF;
    color: #4F46E5;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-left: 6px;
    vertical-align: middle;
}

/* ─── New address inline form ────────────────────────────────── */
.checkout-new-address {
    background: #fafbfc;
    border-radius: 10px;
    padding: 20px;
    margin-top: -4px;
    margin-bottom: 12px;
    border: 1px solid #f0f2f5;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
}
@media (max-width: 600px) {
    .form-grid { grid-template-columns: 1fr; }
}
.form-cell { display: flex; flex-direction: column; gap: 5px; }
.form-cell-full { grid-column: 1 / -1; }
.form-cell label {
    font-size: 12px;
    font-weight: 600;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.form-cell .req { color: #DC2626; font-weight: 700; }
.form-cell input,
.form-cell textarea {
    width: 100%;
    padding: 10px 13px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    box-sizing: border-box;
    line-height: 1.4;
    color: #1A1A2E;
}
.form-cell input:focus,
.form-cell textarea:focus {
    border-color: #6A82FB;
    box-shadow: 0 0 0 3px rgba(106, 130, 251, 0.1);
}
.form-cell textarea { resize: vertical; min-height: 60px; }

.checkout-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    cursor: pointer;
    font-size: 14px;
    color: #1A1A2E;
}
.checkout-checkbox input { width: auto; cursor: pointer; }
.checkout-checkbox span { user-select: none; }

/* ─── Coupon input ────────────────────────────────────────────── */
.coupon-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
    margin-bottom: 12px;
}
.coupon-input {
    flex: 1;
    padding: 12px 16px;
    border: 1.5px dashed #d1d5db;
    border-radius: 10px;
    font-size: 14px;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: #fafbfc;
    outline: none;
    transition: border-color .15s, background .15s;
    color: #1A1A2E;
}
.coupon-input:focus {
    border-color: #6A82FB;
    background: #fff;
    border-style: solid;
}
.coupon-input:disabled {
    background: #ECFDF5;
    border-color: #10B981;
    color: #065F46;
    border-style: solid;
    cursor: not-allowed;
}
.coupon-row .axil-btn {
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 10px;
}
.coupon-status { margin: 0; font-size: 13px; }
.coupon-status-success {
    color: #065F46;
    background: #ECFDF5;
    padding: 6px 12px;
    border-radius: 8px;
    display: inline-block;
}

/* ─── Order summary panel (sticky right column) ──────────────── */
.checkout-summary {
    background: #fff;
    border-radius: 14px;
    padding: 26px 24px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
    position: sticky;
    top: 24px;
}
@media (max-width: 991px) {
    .checkout-summary { position: static; }
}
.summary-title {
    margin: 0 0 18px;
    font-size: 17px;
    font-weight: 700;
    color: #1A1A2E;
}
.summary-items {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f0f2f5;
    max-height: 300px;
    overflow-y: auto;
}
.summary-items::-webkit-scrollbar { width: 4px; }
.summary-items::-webkit-scrollbar-thumb { background: rgba(106,130,251,0.3); border-radius: 2px; }

.summary-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.summary-item-img {
    position: relative;
    width: 56px;
    height: 56px;
    background: #fafbfc;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}
.summary-item-img img {
    width: 100%; height: 100%;
    object-fit: cover;
}
.summary-item-qty {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #1A1A2E;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #fff;
}
.summary-item-info { flex: 1; min-width: 0; }
.summary-item-name {
    font-size: 13px;
    color: #1A1A2E;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}
.summary-item-price {
    font-size: 13px;
    font-weight: 600;
    color: #6B7280;
}

.summary-totals {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 22px;
}
.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #6B7280;
}
.summary-row > span:last-child { color: #1A1A2E; font-weight: 500; }
.summary-row-discount > span:last-child { color: #10B981; font-weight: 700; }
.summary-row-total {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 2px solid #1A1A2E;
    font-size: 17px;
}
.summary-row-total > span { color: #1A1A2E !important; font-weight: 700; }

.summary-place-btn {
    width: 100%;
    text-align: center;
    padding: 14px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D) !important;
    color: #fff !important;
    border: none !important;
    transition: transform .12s, box-shadow .15s, opacity .15s;
}
.summary-place-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(106, 130, 251, 0.35);
}
.summary-place-btn:disabled { opacity: 0.6; cursor: wait; }
.summary-place-btn::before { display: none !important; }

.summary-secure {
    margin: 14px 0 0;
    text-align: center;
    color: #9ca3af;
    font-size: 12px;
}

/* ════════════════════════════════════════════════════════════════
   ORDER CONFIRMATION PAGE
   ════════════════════════════════════════════════════════════════ */
.order-confirmed-area {
    background: #f6f7fb;
    min-height: 80vh;
    padding: 60px 0 80px;
}
.order-confirmed-loading {
    text-align: center;
    padding: 80px 20px;
}
.order-confirmed-loading p { color: #6B7280; }
.order-confirmed-error {
    text-align: center;
    padding: 80px 20px;
    background: #fff;
    border-radius: 14px;
    max-width: 500px;
    margin: 0 auto;
}
.order-confirmed-error h3 { color: #1A1A2E; margin: 0 0 12px; font-size: 22px; }
.order-confirmed-error p  { color: #6B7280; margin: 0; }
.order-confirmed-error a  { color: #6A82FB; text-decoration: none; font-weight: 600; }
.order-confirmed-error a:hover { color: #FC5C7D; }

.oc-hero {
    text-align: center;
    padding: 50px 30px 40px;
    background: #fff;
    border-radius: 14px;
    margin-bottom: 22px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
    position: relative;
    overflow: hidden;
}
.oc-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(106, 130, 251, 0.08) 0%, transparent 40%),
        radial-gradient(ellipse at 80% 0%, rgba(252, 92, 125, 0.08) 0%, transparent 40%);
    pointer-events: none;
}
.oc-hero > * { position: relative; }
.oc-hero-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 28px rgba(16, 185, 129, 0.35);
    animation: oc-hero-pop .6s cubic-bezier(0.34, 1.5, 0.64, 1);
}
@keyframes oc-hero-pop {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.oc-hero-title {
    margin: 0 0 6px;
    font-size: 32px;
    font-weight: 700;
    color: #1A1A2E;
}
.oc-hero-subtitle {
    margin: 0 0 14px;
    color: #6B7280;
    font-size: 15px;
}
.oc-hero-ref {
    margin: 0;
    color: #6B7280;
    font-size: 14px;
}
.oc-hero-ref strong {
    color: #1A1A2E;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 16px;
    background: #fafbfc;
    padding: 4px 12px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    margin-left: 4px;
}

.oc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 26px;
}
@media (max-width: 768px) {
    .oc-grid { grid-template-columns: 1fr; }
}

.oc-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px 26px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
}
.oc-card-title {
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.oc-items { display: flex; flex-direction: column; gap: 14px; }
.oc-item {
    display: flex; align-items: center; gap: 12px;
}
.oc-item-img {
    position: relative;
    width: 54px; height: 54px;
    background: #fafbfc; border-radius: 10px; overflow: hidden;
    flex-shrink: 0;
}
.oc-item-img img { width: 100%; height: 100%; object-fit: cover; }
.oc-item-qty {
    position: absolute; top: -6px; right: -6px;
    background: #1A1A2E; color: #fff;
    font-size: 11px; font-weight: 700;
    min-width: 20px; height: 20px; line-height: 20px;
    padding: 0 6px;
    border-radius: 10px; text-align: center;
    border: 2px solid #fff;
}
.oc-item-info { flex: 1; min-width: 0; }
.oc-item-name {
    font-size: 14px; color: #1A1A2E; font-weight: 500;
    line-height: 1.3; margin-bottom: 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.oc-item-price { font-size: 13px; font-weight: 600; color: #6B7280; }

.oc-totals { display: flex; flex-direction: column; gap: 8px; }
.oc-row {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 14px; color: #6B7280;
}
.oc-row > span:last-child { color: #1A1A2E; font-weight: 500; }
.oc-row-discount > span:last-child { color: #10B981; font-weight: 700; }
.oc-row-total {
    margin-top: 10px; padding-top: 12px;
    border-top: 2px solid #1A1A2E;
    font-size: 16px;
}
.oc-row-total > span { color: #1A1A2E !important; font-weight: 700; }

.oc-address, .oc-meta {
    margin: 0; line-height: 1.7;
    color: #1A1A2E; font-size: 14px;
}
.oc-meta strong { color: #6B7280; font-weight: 600; min-width: 80px; display: inline-block; }
.oc-badge {
    display: inline-block;
    background: #EEF2FF; color: #4F46E5;
    padding: 2px 10px; border-radius: 10px;
    font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.04em;
}

.oc-cta {
    display: flex; gap: 12px; justify-content: center;
    margin-bottom: 20px; flex-wrap: wrap;
}
.oc-cta .axil-btn { min-width: 200px; text-align: center; }
@media (max-width: 600px) {
    .oc-cta .axil-btn { min-width: 0; flex: 1; padding: 14px 12px; font-size: 14px; }
}
.oc-footer-note {
    text-align: center;
    color: #6B7280;
    font-size: 14px;
    margin: 0;
}
.oc-footer-note strong { color: #1A1A2E; }

/* ════════════════════════════════════════════════════════════════
   PHASE K ROUND 2 — FOLLOW-UP FIXES
   New checkout coupon, payment "coming soon" pills,
   redesigned order-confirmed page.
   ════════════════════════════════════════════════════════════════ */

/* ─── Coupon input (stacked layout v2) ──────────────────────────── */
.coupon-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.coupon-input-wrap {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    background: #fafbfc;
    border: 1.5px dashed #d1d5db;
    border-radius: 10px;
    transition: border-color .15s, background .15s, box-shadow .15s;
    overflow: hidden;
}
.coupon-input-wrap:focus-within {
    border-color: #6A82FB;
    border-style: solid;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(106, 130, 251, 0.12);
}
.coupon-input-wrap.is-applied {
    border-style: solid;
    border-color: #10B981;
    background: #ECFDF5;
}
.coupon-input-icon {
    flex-shrink: 0;
    padding: 0 0 0 16px;
    color: #9ca3af;
    font-size: 14px;
    line-height: 1;
}
.coupon-input-wrap:focus-within .coupon-input-icon { color: #6A82FB; }
.coupon-input-wrap.is-applied .coupon-input-icon  { color: #10B981; }
.coupon-input-check {
    flex-shrink: 0;
    padding: 0 16px 0 0;
    color: #10B981;
    font-size: 14px;
}

/* Override theme's heavy input styling on .coupon-input */
input.coupon-input,
.coupon-stack input.coupon-input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 14px 16px !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-family: inherit !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #1A1A2E !important;
    border-radius: 0 !important;
    margin: 0 !important;
    font-weight: 500 !important;
}
input.coupon-input::placeholder {
    color: #9ca3af;
    opacity: 1;
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: 400;
}
input.coupon-input:disabled {
    color: #065F46 !important;
    cursor: not-allowed;
    -webkit-text-fill-color: #065F46;
    opacity: 1;
}

/* Action row: hint left, button right */
.coupon-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.coupon-hint {
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.4;
}
.coupon-status-success-inline {
    color: #065F46;
    background: #ECFDF5;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
    flex: 1 1 auto;
}

/* Smaller, right-aligned Apply/Remove button (custom — no theme inheritance) */
.coupon-btn {
    flex-shrink: 0;
    padding: 9px 22px;
    height: auto;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: transform .12s, box-shadow .15s, opacity .15s;
    white-space: nowrap;
    letter-spacing: 0.02em;
    font-family: inherit;
    line-height: 1.4;
    align-self: flex-end;
}
.coupon-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(106, 130, 251, 0.35);
}
.coupon-btn:disabled { opacity: 0.6; cursor: wait; }
.coupon-btn.is-remove {
    background: #fff;
    color: #DC2626;
    border: 1.5px solid #FCA5A5;
    padding: 7.5px 20.5px;
}
.coupon-btn.is-remove:hover {
    background: #FEF2F2;
    border-color: #DC2626;
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.15);
}
@media (max-width: 480px) {
    .coupon-actions { flex-direction: column; align-items: stretch; }
    .coupon-btn     { width: 100%; align-self: stretch; padding: 10px 18px; }
    .coupon-status-success-inline { text-align: center; }
}

/* ─── Payment method extras (icons + coming soon pill) ──────────── */
.pay-icon {
    display: inline-block;
    margin-right: 6px;
    font-size: 16px;
    vertical-align: -2px;
}
.coming-soon-pill {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 9px;
    background: #FEF3C7;
    color: #92400E;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 10px;
    vertical-align: middle;
}
/* Slight visual indication that coming-soon options aren't really pickable */
.checkout-radio-card[data-coming-soon="1"] {
    cursor: pointer;
    opacity: 0.85;
}
.checkout-radio-card[data-coming-soon="1"]:hover { opacity: 1; }

/* ════════════════════════════════════════════════════════════════
   ORDER CONFIRMED — REDESIGN
   Override + extend the previous oc-* rules to match new layout.
   ════════════════════════════════════════════════════════════════ */

/* Hero gets a meta strip below subtitle */
.oc-hero-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 0;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #f0f2f5;
}
.oc-hero-meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 22px;
    text-align: center;
    min-width: 120px;
}
.oc-hero-meta-label {
    font-size: 11px;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}
.oc-hero-meta-value {
    font-size: 14px;
    color: #1A1A2E;
    font-weight: 600;
}
.oc-hero-meta-divider {
    width: 1px;
    height: 32px;
    background: #e5e7eb;
    flex-shrink: 0;
}
@media (max-width: 600px) {
    .oc-hero-meta-divider { display: none; }
    .oc-hero-meta-item    { padding: 8px 12px; min-width: 0; }
}

.oc-status-pill {
    display: inline-block;
    background: #EEF2FF;
    color: #4F46E5;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Two-column grid: left wider, right narrower */
.order-confirmed-area .oc-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .order-confirmed-area .oc-grid { grid-template-columns: 1fr; }
}
.oc-col-left, .oc-col-right {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

/* Card head with count pill */
.oc-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.oc-card-head .oc-card-title { margin: 0; }
.oc-card-count {
    font-size: 12px;
    color: #6B7280;
    background: #fafbfc;
    padding: 4px 10px;
    border-radius: 10px;
    font-weight: 500;
}

/* ITEM ROWS — proper layout with full-size image, name, qty, line total */
.order-confirmed-area .oc-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.order-confirmed-area .oc-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 0;
}
/* Inner clickable area (thumb + info). When the order item has a slug we
   wrap thumb+info in <a> so the user can jump to the product detail. */
.order-confirmed-area .oc-item-link {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 16px;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    transition: opacity .15s;
}
.order-confirmed-area .oc-item-link:hover { opacity: 0.82; }
.order-confirmed-area .oc-item-link:hover .oc-item-name { color: #6A82FB; }
.order-confirmed-area .oc-item-link--disabled { cursor: default; }
.order-confirmed-area .oc-item-link--disabled:hover { opacity: 1; }
.order-confirmed-area .oc-item-link--disabled:hover .oc-item-name { color: inherit; }
.order-confirmed-area .oc-item-img {
    width: 72px;
    height: 72px;
    border-radius: 10px;
    background: #fafbfc;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    border: 1px solid #f0f2f5;
}
.order-confirmed-area .oc-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.order-confirmed-area .oc-item-img--broken::before {
    content: '🛍️';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    opacity: 0.4;
}
.order-confirmed-area .oc-item-qty {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, #6A82FB, #FC5C7D);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    text-align: center;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(106, 130, 251, 0.35);
}
.oc-item-info { min-width: 0; }
.order-confirmed-area .oc-item-name {
    font-size: 15px;
    color: #1A1A2E;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .15s;
}
/* Variant chips under the product name (e.g. "100ml", "Shade 03") */
.oc-item-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}
.oc-item-chip {
    display: inline-block;
    padding: 2px 9px;
    background: #f0f2f5;
    color: #374151;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.5;
    white-space: nowrap;
}
.oc-item-sub {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #6B7280;
    font-size: 13px;
}
.oc-item-unit { font-weight: 500; }
.oc-item-mult {
    background: #fafbfc;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 600;
    color: #1A1A2E;
}
.oc-item-line-total {
    font-size: 15px;
    font-weight: 700;
    color: #1A1A2E;
    white-space: nowrap;
    flex-shrink: 0;
}
@media (max-width: 480px) {
    .order-confirmed-area .oc-item-link { grid-template-columns: 56px 1fr; gap: 12px; }
    .order-confirmed-area .oc-item-img { width: 56px; height: 56px; }
    .order-confirmed-area .oc-item-name { font-size: 14px; }
    .oc-item-sub  { font-size: 12px; }
    .oc-item-chip { font-size: 10px; padding: 2px 7px; }
}

/* Two-block address+delivery card */
.oc-card-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 0 !important;
    overflow: hidden;
}
.oc-card-row.oc-card-row--3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.oc-card-row-block {
    padding: 22px 24px;
}
.oc-card-row-block + .oc-card-row-block {
    border-left: 1px solid #f0f2f5;
}
@media (max-width: 900px) {
    .oc-card-row.oc-card-row--3 {
        grid-template-columns: 1fr 1fr;
    }
    .oc-card-row.oc-card-row--3 .oc-card-row-block:nth-child(3) {
        grid-column: 1 / -1;
        border-top: 1px solid #f0f2f5;
        border-left: none;
    }
}
@media (max-width: 600px) {
    .oc-card-row,
    .oc-card-row.oc-card-row--3 { grid-template-columns: 1fr; }
    .oc-card-row-block + .oc-card-row-block,
    .oc-card-row.oc-card-row--3 .oc-card-row-block:nth-child(3) {
        border-left: none;
        border-top: 1px solid #f0f2f5;
        grid-column: auto;
    }
}
.oc-card-mini-title {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.oc-eta {
    color: #6B7280;
    font-size: 13px;
    font-weight: 500;
}
.oc-phone {
    display: inline-block;
    margin-top: 6px;
    color: #6B7280;
    font-size: 13px;
}

/* Summary card on right column */
.oc-summary-card {
    position: sticky;
    top: 24px;
}
@media (max-width: 991px) {
    .oc-summary-card { position: static; }
}

/* CTA stack below summary */
.oc-cta-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.oc-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: transform .12s, box-shadow .15s, background .15s;
    box-sizing: border-box;
    line-height: 1.2;
    cursor: pointer;
    border: none;
}
.oc-btn-primary {
    background: linear-gradient(135deg, #6A82FB, #FC5C7D) !important;
    color: #fff !important;
}
.oc-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(106, 130, 251, 0.35);
    color: #fff !important;
}
.oc-btn-ghost {
    background: #fff !important;
    color: #1A1A2E !important;
    border: 1.5px solid #e5e7eb !important;
}
.oc-btn-ghost:hover {
    background: #fafbfc !important;
    border-color: #1A1A2E !important;
    color: #1A1A2E !important;
}

/* ─── Summary panel: text quantity (replaces corner badge) ────── */
.summary-item-qty-text {
    color: #9ca3af;
    font-weight: 500;
    margin-left: 4px;
    font-size: 12px;
}

/* ─── My-account: cancel order button ──────────────────────────── */
.cancel-order-btn:hover:not(:disabled) {
    background: #FEF2F2 !important;
    border-color: #DC2626 !important;
    color: #DC2626 !important;
}
.cancel-order-btn:disabled {
    opacity: 0.6;
    cursor: wait;
}

/* ════════════════════════════════════════════════════════════════
   PHASE L — LEGAL PAGES (Privacy Policy, Terms of Use)
   ════════════════════════════════════════════════════════════════ */
.legal-page {
    background: #f6f7fb;
    padding: 60px 0 80px;
    min-height: 70vh;
}
.legal-page .container { max-width: 820px; }

.legal-hero {
    background: #fff;
    border-radius: 14px;
    padding: 40px 44px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.legal-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(106, 130, 251, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 0%, rgba(252, 92, 125, 0.06) 0%, transparent 50%);
    pointer-events: none;
}
.legal-hero > * { position: relative; }
.legal-hero h1 {
    margin: 0 0 8px;
    font-size: 36px;
    font-weight: 700;
    color: #1A1A2E;
    letter-spacing: -0.01em;
}
.legal-meta {
    margin: 0 0 18px;
    color: #9ca3af;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.legal-intro {
    margin: 0 auto;
    max-width: 600px;
    color: #6B7280;
    font-size: 15px;
    line-height: 1.7;
}

.legal-toc {
    background: #fff;
    border-radius: 14px;
    padding: 28px 32px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
}
.legal-toc-title {
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.legal-toc ol {
    margin: 0;
    padding-left: 22px;
    columns: 2;
    column-gap: 32px;
    font-size: 14px;
    line-height: 1.9;
}
@media (max-width: 600px) {
    .legal-toc ol { columns: 1; }
}
.legal-toc ol li::marker { color: #9ca3af; font-size: 12px; }
.legal-toc a {
    color: #4B5563;
    text-decoration: none;
    transition: color .12s;
}
.legal-toc a:hover { color: #6A82FB; text-decoration: underline; }

.legal-section {
    background: #fff;
    border-radius: 14px;
    padding: 32px 36px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(20, 20, 43, 0.04);
    scroll-margin-top: 100px;
}
@media (max-width: 600px) {
    .legal-section { padding: 26px 22px; }
    .legal-hero    { padding: 32px 22px; }
    .legal-hero h1 { font-size: 28px; }
    .legal-toc     { padding: 22px 24px; }
}
.legal-section h2 {
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 700;
    color: #1A1A2E;
    letter-spacing: -0.01em;
}
.legal-section h3 {
    margin: 22px 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #1A1A2E;
}
.legal-section p {
    margin: 0 0 14px;
    color: #4B5563;
    font-size: 15px;
    line-height: 1.7;
}
.legal-section ul {
    margin: 0 0 14px;
    padding-left: 20px;
    color: #4B5563;
    font-size: 15px;
    line-height: 1.8;
}
.legal-section ul li { margin-bottom: 6px; }
.legal-section ul li::marker { color: #6A82FB; }
.legal-section strong { color: #1A1A2E; font-weight: 600; }
.legal-section a {
    color: #6A82FB;
    text-decoration: none;
    border-bottom: 1px solid rgba(106, 130, 251, 0.3);
    transition: color .12s, border-color .12s;
}
.legal-section a:hover {
    color: #FC5C7D;
    border-bottom-color: #FC5C7D;
}
.legal-footnote {
    margin-top: 18px !important;
    color: #9ca3af !important;
    font-size: 13px !important;
    font-style: italic;
}

/* ─── Header top: USD / EN as plain static text labels ─────────── */
.header-top-label {
    display: inline-block;
    color: var(--color-heading, #292930);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    user-select: none;
    cursor: default;
}
/* Neutralize the theme's .dropdown-box-style box around them — we don't
   want a clickable-looking border or hover shadow since they don't function. */
.header-top-dropdown.dropdown-box-style .header-top-label {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ════════════════════════════════════════════════════════════════
   PHASE L — SHOP SIDEBAR ACTIONS + LOAD MORE
   ════════════════════════════════════════════════════════════════ */

/* Sidebar action buttons stack at the bottom */
.shop-sidebar-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f0f2f5;
}

/* Apply button — gradient, full width, slightly elevated */
.axil-btn.shop-apply-btn {
    background: linear-gradient(135deg, #6A82FB, #FC5C7D) !important;
    color: #fff !important;
    border: none !important;
    padding: 13px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    width: 100% !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: transform .12s, box-shadow .15s !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    position: relative;
}
.axil-btn.shop-apply-btn::before { display: none !important; }
.axil-btn.shop-apply-btn i {
    font-size: 13px;
    opacity: 0.9;
}
.axil-btn.shop-apply-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(106, 130, 251, 0.35) !important;
}
/* "Dirty" state — pending unsaved filter changes. Add a pulsing dot. */
.axil-btn.shop-apply-btn.is-dirty {
    animation: shop-apply-pulse 1.6s infinite ease-in-out;
}
.axil-btn.shop-apply-btn.is-dirty::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FCD34D;
    box-shadow: 0 0 8px rgba(252, 211, 77, 0.8);
    animation: shop-dirty-dot 1s infinite ease-in-out;
}
@keyframes shop-apply-pulse {
    0%, 100% { box-shadow: 0 4px 14px rgba(106, 130, 251, 0.3); }
    50%      { box-shadow: 0 4px 22px rgba(252, 92, 125, 0.45); }
}
@keyframes shop-dirty-dot {
    0%, 100% { opacity: 0.7; transform: scale(1);   }
    50%      { opacity: 1;   transform: scale(1.3); }
}

/* Reset button — outlined, ghost style */
.axil-btn.shop-reset-btn {
    background: #fff !important;
    color: #6B7280 !important;
    border: 1.5px solid #e5e7eb !important;
    padding: 11px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    width: 100% !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background .12s, border-color .12s, color .12s !important;
    line-height: 1.3 !important;
    height: auto !important;
}
.axil-btn.shop-reset-btn::before { display: none !important; }
.axil-btn.shop-reset-btn:hover {
    background: #fafbfc !important;
    border-color: #DC2626 !important;
    color: #DC2626 !important;
}

/* Active filter items in lists — when a category/color/size is pending */
[data-filter-list] [data-filter-value].is-active {
    color: #6A82FB !important;
    font-weight: 600 !important;
}
[data-filter-list] [data-filter-value].is-active::before {
    content: '✓ ';
    color: #10B981;
    font-weight: 700;
    margin-right: 4px;
}

/* ─── Load more ─────────────────────────────────────────────────── */
.load-more-host {
    text-align: center;
    padding: 30px 0 10px;
    margin-top: 10px;
}
.load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 36px;
    background: #fff;
    color: #1A1A2E;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
    font-family: inherit;
    letter-spacing: 0.02em;
    min-width: 200px;
}
.load-more-btn::before {
    content: '↓';
    font-size: 16px;
    transition: transform .15s ease;
}
.load-more-btn:hover:not(:disabled) {
    /* Thematic gradient: soft blush → warm rose, matching Cealune palette */
    background: linear-gradient(135deg, #FAB8C4 0%, #E89AAB 50%, #C46B7E 100%);
    color: #fff;
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(196, 107, 126, 0.28);
}
.load-more-btn:hover:not(:disabled)::before {
    transform: translateY(2px);
}
.load-more-btn:disabled {
    opacity: 0.6;
    cursor: wait;
}
.load-more-count {
    margin: 14px 0 0;
    color: #9ca3af;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* ─── Homepage poster countdown (lottery-driven) ──────────────── */
.poster-countdown-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 32px !important;
}
.poster-cd-block {
    background: #fff;
    border-radius: 14px;
    padding: 18px 22px;
    text-align: center;
    min-width: 88px;
    line-height: 1.1;
    box-shadow: 0 4px 14px rgba(20, 20, 43, 0.06);
    border: 1px solid #f0f2f5;
}
.poster-cd-block strong {
    display: block;
    font-size: 32px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #1A1A2E;
    line-height: 1;
}
.poster-cd-block span {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}
@media (max-width: 480px) {
    .poster-cd-block { min-width: 64px; padding: 14px 12px; }
    .poster-cd-block strong { font-size: 24px; }
}

/* ════════════════════════════════════════════════════════════════
   Fixes (Apr 2026): Issues #2, #5
   ════════════════════════════════════════════════════════════════ */

/* ─── Issue #2: wishlist empty/guest state truly centered ──────── */
/* When the wishlist table only contains the "Sign in" or "Empty"
   row, force the table to layout its single colspan cell evenly
   across the available width instead of inheriting the narrow
   column widths from <thead>. */
.axil-wishlist-table:has(.wishlist-empty-row) {
    table-layout: auto;
}
.wishlist-empty-row td {
    width: 100% !important;
    min-width: 0 !important;
}
/* Guard for older browsers without :has() — also reset thead via JS,
   which we already do in auth.js. */

/* ─── Issue #5: my-account mobile menu (all tabs visible) ──────── */
/* The Bootstrap .nav-tabs structure used in axil-dashboard-aside
   sometimes collapses on mobile because the parent .axil-dashboard-aside
   sets a small padding and the .nav-link has padding-left:55px while
   the icon is positioned absolute — when the aside is narrow on mobile,
   text gets pushed off and tabs visually overlap. Force visible. */
@media (max-width: 991px) {
    .axil-dashboard-aside {
        padding: 20px 16px !important;
        margin-bottom: 30px !important;
        display: block !important;
    }
    .axil-dashboard-aside .axil-dashboard-nav,
    .axil-dashboard-aside .nav-tabs,
    .axil-dashboard-aside .nav.nav-tabs {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    .axil-dashboard-aside .nav-link {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 12px 14px 12px 48px !important;
        margin-bottom: 6px !important;
        font-size: 15px !important;
        background: #f6f7fb !important;
        color: #292930 !important;
        border-radius: 8px !important;
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .axil-dashboard-aside .nav-link i {
        position: absolute !important;
        top: 50% !important;
        left: 16px !important;
        transform: translateY(-50%) !important;
        font-size: 16px !important;
        margin: 0 !important;
        color: #6b7280 !important;
    }
    .axil-dashboard-aside .nav-link.active,
    .axil-dashboard-aside .nav-link:hover {
        background: var(--color-primary) !important;
        color: #fff !important;
    }
    .axil-dashboard-aside .nav-link.active i,
    .axil-dashboard-aside .nav-link:hover i {
        color: #fff !important;
    }
    /* Tab content: full width below the menu on mobile */
    .axil-dashboard-warp .tab-content {
        padding-left: 0 !important;
        width: 100% !important;
    }
}

/* Extra small screens — tighten further so all 5 tabs are visible
   without scrolling and labels don't truncate */
@media (max-width: 480px) {
    .axil-dashboard-aside .nav-link {
        padding: 10px 12px 10px 42px !important;
        font-size: 14px !important;
    }
    .axil-dashboard-aside .nav-link i {
        left: 14px !important;
        font-size: 14px !important;
    }
}

/* ─── Main page search bar padding refinement ─────────────────── */
/* Theme default has padding-left:50px and padding-right:10px on the
   header search input. The right side feels cramped relative to the
   left, so we balance it. */
.header-style-2 .axil-header-top .axil-search input,
.header-action .axil-search input {
    padding-right: 16px !important;
}



/* ════════════════════════════════════════════════════════════════════════
   PHASE 1 REDESIGN: Topbar dropdowns + 3 advertising blocks
   ════════════════════════════════════════════════════════════════════════ */

/* ─── Hide the old left sidebar Categories menu ───────────────────────── */
/* Leave HTML in place (other code may reference it) but visually remove */
.aside-category-menu .header-nav-department,
.aside-category-menu .header-department {
    display: none !important;
}
/* The mainmenu was previously offset by the sidebar — recenter it */
.aside-category-menu .header-main-nav {
    width: 100%;
}
/* Make the topbar use full width without the sidebar reservation */
.axil-mainmenu.aside-category-menu .container .header-navbar {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ─── Mainmenu: dropdown styling (Shop ▾ with megamenu) ───────────────── */
/* Limit the width of the megamenu and make it look professional */
.mainmenu li.has-megamenu {
    position: static; /* megamenu spans full container width */
}
.mainmenu li.has-megamenu > a::after {
    content: "\f078"; /* chevron-down */
    font-family: var(--font-awesome, "Font Awesome 6 Free"), "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 9px;
    margin-left: 7px;
    color: inherit;
    opacity: 0.7;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
/* The actual dropdown panel */
.mainmenu .topbar-megamenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #f0f0f0;
    padding: 32px 40px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}
.mainmenu li.has-megamenu:hover > .topbar-megamenu,
.mainmenu li.has-megamenu:focus-within > .topbar-megamenu,
.mainmenu li.has-megamenu.show > .topbar-megamenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
/* Megamenu inner grid: 4 columns of categories + featured products */
.topbar-megamenu-inner {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.topbar-megamenu-col h4 {
    font-size: 14px;
    font-weight: 700;
    color: #292930;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.topbar-megamenu-col ul {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
}
.topbar-megamenu-col li {
    margin: 0;
}
.topbar-megamenu-col a {
    display: block;
    padding: 6px 0;
    color: #6B7280;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.15s ease, padding-left 0.15s ease;
}
.topbar-megamenu-col a:hover {
    color: var(--color-primary, #FC5C7D);
    padding-left: 4px;
}
/* Sub-heading inside a column (e.g. Face / Eye / Lip under Makeup) */
.topbar-megamenu-col .submenu-subheading {
    font-size: 12px;
    font-weight: 700;
    color: #292930;
    margin: 16px 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.topbar-megamenu-col .submenu-subheading:first-child {
    margin-top: 0;
}

/* Mobile: hide megamenu, show simple dropdown list under each category */
@media (max-width: 991px) {
    .mainmenu .topbar-megamenu {
        position: static;
        box-shadow: none;
        border: none;
        padding: 0 0 0 16px;
        opacity: 1;
        visibility: hidden;
        transform: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, visibility 0s linear 0.3s;
    }
    .mainmenu li.has-megamenu.show > .topbar-megamenu {
        visibility: visible;
        max-height: 1500px;
        transition: max-height 0.3s ease, visibility 0s linear 0s;
    }
    .topbar-megamenu-inner {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px 0;
    }
    .topbar-megamenu-col h4 {
        font-size: 13px;
        padding-bottom: 6px;
        margin-bottom: 8px;
    }
}

/* ─── 3 advertising blocks (homepage, below topbar) ──────────────────── */
.home-ad-blocks {
    max-width: 1320px;
    margin: 30px auto 50px;
    padding: 0 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.home-ad-block {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background: #f6f7fb;
    aspect-ratio: 4 / 4;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    isolation: isolate; /* contain z-index of children */
}
.home-ad-block:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.10);
    color: inherit;
    text-decoration: none;
}
.home-ad-block-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
/* No overlay — keep images sharp and clean */
.home-ad-block::before {
    content: none;
}
.home-ad-block-content {
    position: absolute;
    inset: 0;
    z-index: 3;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}
.home-ad-block-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary, #FC5C7D);
    text-transform: lowercase;
    letter-spacing: 0.04em;
    margin: 0;
}
.home-ad-block-heading {
    font-size: 36px;
    font-weight: 700;
    color: #292930;
    line-height: 1.1;
    margin: 0;
    font-family: inherit;
}
.home-ad-block-subtext {
    font-size: 14px;
    font-weight: 400;
    color: #4B5563;
    line-height: 1.5;
    margin: 0;
    max-width: 90%;
}
.home-ad-block-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 10px 20px;
    background: #292930;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}
.home-ad-block:hover .home-ad-block-button {
    background: var(--color-primary, #FC5C7D);
}
.home-ad-block-button::after {
    content: "→";
    font-size: 14px;
    line-height: 1;
}

/* Tablet: 3 columns become smaller */
@media (max-width: 991px) {
    .home-ad-block-heading { font-size: 26px; }
    .home-ad-block-content { padding: 22px; }
}
/* Mobile: stack vertically */
@media (max-width: 767px) {
    .home-ad-blocks {
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 20px auto 30px;
    }
    .home-ad-block {
        aspect-ratio: 16 / 9;
    }
    .home-ad-block-heading { font-size: 22px; }
    .home-ad-block-content { padding: 20px; }
}

/* ═════════════════════════════════════════════════════════════════
   Cealune topbar — 3-block layout (logo | search | sign-in)
   Matches the reference design from PDF mock-up.
   Applies on header-style-2 (homepage). Other pages keep their own style.
   ═════════════════════════════════════════════════════════════════ */

.header-style-2 .axil-header-top .header-top-search {
    flex: 1;
    position: relative;
    padding: 0 30px;
}
.header-style-2 .axil-header-top .header-top-search .axil-search {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.header-style-2 .axil-header-top .header-top-search .axil-search .icon {
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
    background: transparent;
    font-size: 14px;
    color: #292930;
    z-index: 1;
    border: none;
    padding: 0;
    line-height: 1;
}
.header-style-2 .axil-header-top .header-top-search .axil-search input {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    height: 48px;
    padding: 0 24px 0 50px;
    color: #292930;
    font-size: 14px;
    font-weight: 500;
}
.header-style-2 .axil-header-top .header-top-search .axil-search input:focus {
    border-color: var(--color-primary, #FC5C7D);
    box-shadow: 0 0 0 3px rgba(252, 92, 125, 0.12);
}

.header-style-2 .header-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}

/* Sign-in block on top-right */
.header-style-2 .header-signin-block {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #292930;
    transition: color 0.2s ease;
}
.header-style-2 .header-signin-block:hover {
    color: var(--color-primary, #FC5C7D);
}
.header-style-2 .header-signin-block .header-signin-icon {
    font-size: 24px;
    line-height: 1;
    color: inherit;
}
.header-style-2 .header-signin-block .header-signin-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    text-align: left;
}
.header-style-2 .header-signin-block .header-signin-text strong {
    font-size: 14px;
    font-weight: 700;
    color: inherit;
}
.header-style-2 .header-signin-block .header-signin-text small {
    font-size: 11px;
    font-weight: 400;
    color: #6B7280;
}
.header-style-2 .header-signin-block .header-signin-text small b {
    color: #292930;
    font-weight: 700;
}
.header-style-2 .header-signin-block:hover .header-signin-text small,
.header-style-2 .header-signin-block:hover .header-signin-text small b {
    color: var(--color-primary, #FC5C7D);
}

/* Wishlist + Cart icon links inside the topbar */
.header-style-2 .header-top-icon-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #292930;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    transition: color 0.2s ease;
}
.header-style-2 .header-top-icon-link:hover {
    color: var(--color-primary, #FC5C7D);
}
.header-style-2 .header-top-icon-link i {
    line-height: 1;
}
.header-style-2 .header-top-icon-link .cart-count {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background: var(--color-primary, #FC5C7D);
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    border: 2px solid #fff;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .header-style-2 .header-top-right {
        justify-content: flex-end;
        gap: 8px;
    }
    .header-style-2 .header-signin-block .header-signin-text {
        display: none; /* Icon-only on mobile to save space */
    }
    .header-style-2 .header-top-icon-link {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
}

/* ═════════════════════════════════════════════════════════════════
   Mainmenu — flexible wrap so 15 items fit on the gray bar
   ═════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
    .axil-mainmenu .mainmenu {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 -12px;
        row-gap: 0;
    }
    .axil-mainmenu .mainmenu > li {
        margin: 0 12px;
    }
    .axil-mainmenu .mainmenu > li > a {
        font-size: 14px;
        line-height: 60px;
        height: 60px;
    }
    .axil-mainmenu .mainmenu > li > a::before {
        bottom: 18px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .axil-mainmenu .mainmenu > li {
        margin: 0 10px;
    }
    .axil-mainmenu .mainmenu > li > a {
        font-size: 13px;
    }
}

/* ═════════════════════════════════════════════════════════════════
   Top promo announcement bar (cream/yellow)
   "GET 20% OFF OF YOUR FIRST ORDER*"
   ═════════════════════════════════════════════════════════════════ */
.topbar-announcement {
    background: #FFF8E1;
    border-bottom: 1px solid #F5EBC8;
    padding: 12px 16px;
    text-align: center;
}
.topbar-announcement-text {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #292930;
    text-transform: uppercase;
    line-height: 1.4;
}
.topbar-announcement-asterisk {
    font-weight: 700;
    margin-left: 1px;
}
@media (max-width: 575px) {
    .topbar-announcement-text {
        font-size: 12px;
        letter-spacing: 0.02em;
    }
    .topbar-announcement {
        padding: 10px 12px;
    }
}

/* ═════════════════════════════════════════════════════════════════
   Hide visible dropdown arrow on has-dropdown menu items
   (Makeup, Skincare, Fragrance) — keep hover dropdown behavior
   Already hidden on has-megamenu by removing that menu item.
   ═════════════════════════════════════════════════════════════════ */
.mainmenu li.has-dropdown > a::after {
    content: none !important;
}

/* ═════════════════════════════════════════════════════════════════
   Force menu to single line on desktop — never wrap.
   11 items must fit on one row.
   ═════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
    .axil-mainmenu .mainmenu {
        flex-wrap: nowrap !important;
        white-space: nowrap;
        justify-content: center;
        margin: 0;
        gap: 8px;
    }
    .axil-mainmenu .mainmenu > li {
        margin: 0;
        flex: 0 0 auto;
    }
    .axil-mainmenu .mainmenu > li > a {
        font-size: 13.5px;
        font-weight: 600;
        padding: 0 14px;
        line-height: 60px;
        height: 60px;
        white-space: nowrap;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .axil-mainmenu .mainmenu > li > a {
        font-size: 12px;
        padding: 0 8px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .axil-mainmenu .mainmenu > li > a {
        font-size: 13px;
        padding: 0 11px;
    }
}

/* ═════════════════════════════════════════════════════════════════
   ROUND A — Quick design fixes (May 14 2026)
   ═════════════════════════════════════════════════════════════════ */

/* ── Task 1: Make 3 hero blocks edge-to-edge + taller ─────────── */
.home-ad-blocks {
    max-width: none !important;
    margin: 24px 0 50px !important;
    padding: 0 24px !important;
    gap: 20px !important;
}
.home-ad-block {
    aspect-ratio: 4 / 4.4 !important;
    border-radius: 16px !important;
}
@media (max-width: 767px) {
    .home-ad-blocks {
        padding: 0 16px !important;
        gap: 14px !important;
        margin: 18px 0 30px !important;
    }
    .home-ad-block {
        aspect-ratio: 16 / 10 !important;
    }
}

/* ── Task 2: Tighter padding on top-level menu items ──────────── */
@media (min-width: 992px) {
    .axil-mainmenu {
        padding: 0;
    }
    .axil-mainmenu .mainmenu > li > a {
        line-height: 44px !important;
        height: 44px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .axil-mainmenu .header-navbar {
        min-height: 44px;
    }
}

/* ── Task 3: Tighter spacing + modern outlined icons ──────────── */
.header-style-2 .header-top-right {
    gap: 14px !important;
}
/* Reduce gap specifically between Sign In and the icon set */
.header-style-2 .header-top-right .header-signin-block {
    margin-right: 4px;
}
/* Icons spacing: tighter */
.header-style-2 .header-top-right .header-top-icon-link + .header-top-icon-link {
    margin-left: -4px;
}
/* Hide the original flaticon icons, replace with modern outlined SVGs */
.header-style-2 .header-top-icon-link i.flaticon-heart,
.header-style-2 .header-top-icon-link i.flaticon-shopping-cart {
    display: none;
}
.header-style-2 .header-top-icon-link.wishlist-link::before,
.header-style-2 .header-top-icon-link.cart-dropdown-btn::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform 0.2s ease;
}
/* Heart icon — modern outlined */
.header-style-2 .header-top-icon-link.wishlist-link::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>");
}
/* Shopping bag icon — modern outlined */
.header-style-2 .header-top-icon-link.cart-dropdown-btn::before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>");
}
/* Hover: scale up slightly for nice feedback */
.header-style-2 .header-top-icon-link.wishlist-link:hover::before,
.header-style-2 .header-top-icon-link.cart-dropdown-btn:hover::before {
    transform: scale(1.1);
}

/* ── Task 4: Make promo bar clickable ─────────────────────────── */
.topbar-announcement-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.15s ease;
}
.topbar-announcement-link:hover {
    text-decoration: none;
    color: inherit;
    opacity: 0.75;
}
.topbar-announcement-link .topbar-announcement-text {
    margin: 0;
}

/* ═════════════════════════════════════════════════════════════════
   PDF-matched topbar colors (May 14 2026 — round B)
   ═════════════════════════════════════════════════════════════════ */

/* Promo bar — cream/yellow (already correct, just re-affirm) */
.topbar-announcement {
    background: #FFF8E1 !important;
    border-bottom: 1px solid #F0E4B8 !important;
}
.topbar-announcement-text,
.topbar-announcement-link {
    color: #292930 !important;
}

/* Topbar row (logo / search / sign-in) — soft pink like PDF */
.header-style-2 .axil-header-top {
    background: #F2C4C7 !important;
}
/* Search bar stays white on pink */
.header-style-2 .axil-header-top .header-top-search .axil-search input {
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.header-style-2 .axil-header-top .header-top-search .axil-search input:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6) !important;
}
.header-style-2 .axil-header-top .header-top-search .axil-search .icon {
    color: #292930 !important;
}
/* Sign-in text remains dark for readability on pink */
.header-style-2 .header-signin-block,
.header-style-2 .header-signin-block .header-signin-text strong,
.header-style-2 .header-signin-block .header-signin-text small b {
    color: #292930 !important;
}
.header-style-2 .header-signin-block .header-signin-text small {
    color: #5b3b3d !important;
}
/* Wishlist + cart icons — dark on pink */
.header-style-2 .header-top-icon-link {
    color: #292930 !important;
}

/* Menu bar (categories) — dark brown background, white text */
.axil-mainmenu {
    background: #3B2620 !important;
}
.axil-mainmenu .header-navbar {
    background: transparent !important;
}
@media (min-width: 992px) {
    .axil-mainmenu .mainmenu > li > a {
        color: #ffffff !important;
    }
    .axil-mainmenu .mainmenu > li > a:hover,
    .axil-mainmenu .mainmenu > li.active > a,
    .axil-mainmenu .mainmenu > li:hover > a {
        color: #F2C4C7 !important;  /* pink on hover, matches topbar */
    }
    /* Underline (::before) for hover/active — make it pink */
    .axil-mainmenu .mainmenu > li > a::before {
        background: #F2C4C7 !important;
    }
}
/* Mobile menu — keep dark theme too */
@media (max-width: 991px) {
    .axil-mainmenu .mainmenu > li > a {
        color: #ffffff !important;
    }
}

/* Dropdown panels themselves stay light (white bg) for readability */
.mainmenu .topbar-dropdown,
.mainmenu .topbar-megamenu {
    color: #292930;
}

/* ═════════════════════════════════════════════════════════════════
   ROUND C — fixes (May 14 2026, third pass)
   ═════════════════════════════════════════════════════════════════ */

/* ── Task 1: Remove the strikethrough/underline on menu items ─── */
/* Original template had a ::before bar positioned at bottom:29px which
   intersects the middle of the text when the menu is short, making it
   look like a strikethrough. Disable it entirely. */
.axil-mainmenu .mainmenu > li > a::before,
.axil-mainmenu .mainmenu > li > a:hover::before,
.axil-mainmenu .mainmenu > li > a.active::before,
.axil-mainmenu .mainmenu > li.active > a::before,
.axil-mainmenu .mainmenu > li.current > a::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}
/* Also remove any browser default text-decoration on menu links */
.axil-mainmenu .mainmenu > li > a,
.axil-mainmenu .mainmenu > li > a:hover,
.axil-mainmenu .mainmenu > li > a:active,
.axil-mainmenu .mainmenu > li > a:focus,
.axil-mainmenu .mainmenu > li > a.active {
    text-decoration: none !important;
}

/* ── Task 3: Lower padding on the pink topbar row ─────────────── */
.header-style-2 .axil-header-top {
    padding: 20px 0 !important;
}
.header-style-2 .axil-header-top .header-brand img,
.header-style-2 .axil-header-top .logo img {
    max-height: 44px !important;
    width: auto;
}
/* Slightly taller search bar to match the more relaxed topbar */
.header-style-2 .axil-header-top .header-top-search .axil-search input {
    height: 46px !important;
}

/* ── Task 4: Tighter spacing between heart & cart icons ───────── */
.header-style-2 .header-top-right {
    gap: 8px !important;
}
.header-style-2 .header-top-right .header-signin-block {
    margin-right: 10px !important;  /* keep separation from icons */
}
.header-style-2 .header-top-right .header-top-icon-link + .header-top-icon-link {
    margin-left: 0 !important;  /* gap above handles it now */
}
.header-style-2 .header-top-icon-link {
    width: 36px !important;
    height: 36px !important;
}

/* ── Task 5: Reduce padding/gaps around the 3 hero blocks ─────── */
.home-ad-blocks {
    margin: 14px 0 28px !important;   /* tight top, modest bottom */
    padding: 0 16px !important;
    gap: 14px !important;
}
@media (max-width: 767px) {
    .home-ad-blocks {
        padding: 0 12px !important;
        gap: 10px !important;
        margin: 10px 0 18px !important;
    }
}

/* ── Task 1 (bonus): Polish dropdown panels to look like PDF ──── */
.mainmenu .topbar-dropdown,
.mainmenu .topbar-megamenu {
    border-radius: 0 0 8px 8px !important;
    border-top: none !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;
}
.mainmenu .topbar-dropdown {
    /* Left-aligned under the menu item (not center) like PDF */
    left: 0 !important;
    transform: translateY(-8px) !important;
}
.mainmenu li.has-dropdown:hover > .topbar-dropdown,
.mainmenu li.has-dropdown.show > .topbar-dropdown {
    transform: translateY(0) !important;
}
@media (max-width: 991px) {
    .mainmenu .topbar-dropdown {
        transform: none !important;
    }
}
.topbar-dropdown-col .submenu-subheading,
.topbar-megamenu-col h4,
.topbar-megamenu-col .submenu-subheading {
    color: #1a1a1a !important;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.topbar-dropdown-col a,
.topbar-megamenu-col a {
    text-decoration: none !important;
    color: #5b6573 !important;
}
.topbar-dropdown-col a:hover,
.topbar-megamenu-col a:hover {
    color: #1a1a1a !important;
    text-decoration: none !important;
    padding-left: 2px;
}

/* ═════════════════════════════════════════════════════════════════
   ROUND D — smaller carousel items + tighter section gaps (May 14)
   ═════════════════════════════════════════════════════════════════ */

/* ── Task 3: Reduce vertical gaps between homepage sections ────── */
.main-wrapper .axil-section-gap {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.main-wrapper .axil-section-gap.pb--0 {
    padding-bottom: 0 !important;
}
.main-wrapper .axil-section-gap.pb--50 {
    padding-bottom: 30px !important;
}
.main-wrapper .axil-section-gap.pt--0 {
    padding-top: 0 !important;
}
.main-wrapper .axil-section-gap.pb_sm--30 {
    /* keep responsive override */
}
@media (max-width: 767px) {
    .main-wrapper .axil-section-gap {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}
/* Tighter spacing for the title-wrapper above each carousel */
.main-wrapper .section-title-wrapper {
    margin-bottom: 18px !important;
}
.main-wrapper .section-title-wrapper .title {
    margin-bottom: 0 !important;
    font-size: 28px;
}
@media (max-width: 767px) {
    .main-wrapper .section-title-wrapper .title {
        font-size: 22px;
    }
}

/* ── Task 2: Shrink carousel CARDS while keeping container width ─ */
/* Strategy: keep slidesToShow=4 unchanged. Inside each slide, shrink
   image padding, title size, price size, ratings size — making each
   card look more compact and elegant.                              */

/* All home carousels use these classes for products: */
.axil-product.product-style-four .thumbnail img,
.axil-product.product-style-seven .thumbnail img,
.axil-product.product-style-one .thumbnail img {
    padding: 14px !important;   /* was 18-22px */
}
.axil-product.product-style-two .thumbnail img {
    padding: 18px !important;   /* circular cards */
}

/* Title smaller and tighter */
.main-wrapper .axil-product .product-content .title,
.main-wrapper .axil-product .product-content .inner .title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
}

/* Price block smaller */
.main-wrapper .axil-product .product-price-variant,
.main-wrapper .axil-product .product-price-variant .price,
.main-wrapper .axil-product .product-price-variant .old-price {
    font-size: 13px !important;
}

/* Ratings stars smaller */
.main-wrapper .axil-product .product-rating,
.main-wrapper .axil-product .product-rating i,
.main-wrapper .axil-product .product-rating .rating-number {
    font-size: 11px !important;
}

/* Inner container — less vertical padding */
.main-wrapper .axil-product .product-content .inner {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
}

/* Badge ("NEW", "BEST SELLER") slightly smaller */
.main-wrapper .axil-product .product-badget,
.main-wrapper .axil-product .label-block .product-badget {
    font-size: 10px !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
}

/* On mobile (1 item per row), keep similar but small adjustments */
@media (max-width: 576px) {
    .axil-product.product-style-four .thumbnail img,
    .axil-product.product-style-seven .thumbnail img,
    .axil-product.product-style-one .thumbnail img {
        padding: 12px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════
   ROUND E (May 14) — bottom-aligned hero text + promo bar bold
   ═════════════════════════════════════════════════════════════════ */

/* ── Task 2: Move text+button to BOTTOM of each hero block ───── */
/* Was vertically centered. PDF reference (DearMe) shows them sitting
   at the bottom of each block — much better for tall blocks. */
.home-ad-block-content {
    justify-content: flex-end !important;  /* push contents to the bottom */
    align-items: flex-start !important;    /* keep left-aligned */
    padding: 24px !important;              /* keep left margin */
}
.home-ad-block-content .home-ad-block-tag {
    margin-bottom: 6px;
}
.home-ad-block-content .home-ad-block-subtext {
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .home-ad-block-content {
        padding: 18px !important;
    }
}

/* ── Task 4 helper: Promo bar text inherits color when it has <b>/<strong> */
.topbar-announcement-link b,
.topbar-announcement-link strong,
.topbar-announcement-text b,
.topbar-announcement-text strong {
    color: inherit;
    font-weight: 800;
}

/* ════════════════════════════════════════════════════════════════════
   CEALUNE PRODUCT GALLERY (single-product page)
   Replaces the old slick + magnific-popup setup. Letterbox-fit images,
   no cropping, no grey outliers. PhotoSwipe handles the lightbox.
   ════════════════════════════════════════════════════════════════════ */

.cealune-gallery-wrap {
    width: 100%;
}

/* === Skeleton (shown until JS populates the gallery) === */
.cealune-gallery-skeleton {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 16px;
    min-height: 480px;
}
.cealune-gallery-thumbs-skel {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cealune-gallery-thumbs-skel .single-product-skel-thumb {
    width: 80px;
    height: 80px;
    border-radius: 12px;
}
.cealune-gallery-main-skel {
    width: 100%;
    min-height: 480px;
}
.cealune-gallery-main-skel .single-product-skel-image {
    width: 100%;
    height: 100%;
    min-height: 480px;
    border-radius: 16px;
}
@media (max-width: 991px) {
    .cealune-gallery-skeleton {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 80px;
    }
    .cealune-gallery-thumbs-skel {
        flex-direction: row;
        order: 2;
    }
}

/* === Live gallery === */
.cealune-gallery {
    display: grid;
    grid-template-columns: 72px 1fr;     /* was 96px — smaller thumb column */
    gap: 12px;
    align-items: start;
    /* Cap the gallery width so the main image doesn't overpower the page */
    max-width: 560px;
}
.cealune-gallery.is-single {
    grid-template-columns: 1fr;
}

/* — Thumb strip (left, vertical on desktop) — */
.cealune-gallery-thumbs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 560px;
    overflow-y: auto;
    /* hide scrollbar but keep scrolling */
    scrollbar-width: thin;
    scrollbar-color: #D1D5DB transparent;
}
.cealune-gallery-thumbs::-webkit-scrollbar { width: 4px; }
.cealune-gallery-thumbs::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 2px; }
.cealune-gallery-thumbs::-webkit-scrollbar-track { background: transparent; }

.cealune-thumb {
    width: 64px;                          /* was 80px — smaller */
    height: 64px;
    flex: 0 0 64px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
    transition: border-color .18s ease, transform .18s ease;
    position: relative;
}
.cealune-thumb:hover {
    border-color: #D1D5DB;
}
.cealune-thumb.is-active {
    border-color: #1A1A2E;
    border-width: 2px;
}
.cealune-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;     /* fill the tile completely — no letterbox bars on thumbs */
    display: block;
    padding: 0;
    background: #FFFFFF;
}

/* "See all" tile — replaces the 5th thumb when there are more than 5 */
.cealune-thumb-see-all {
    background: #1A1A2E;
    border-color: #1A1A2E;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-family: inherit;
}
.cealune-thumb-see-all:hover {
    background: #2A2A4A;
    border-color: #2A2A4A;
}
.cealune-thumb-see-all .cealune-see-all-count {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.cealune-thumb-see-all .cealune-see-all-label {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.9;
}

/* — Main image frame (letterbox, fixed aspect, click to open lightbox) — */
.cealune-gallery-main {
    width: 100%;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid transparent;   /* no visible outline */
}
.cealune-main-btn {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    /* Fixed aspect so all products are the same size in the page —
       regardless of original image dimensions. */
    aspect-ratio: 1 / 1;
}
.cealune-main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;   /* letterbox: fit whole image, no cropping */
    display: block;
    padding: 0;            /* no inner padding — image goes edge-to-edge */
    transition: transform .25s ease;
    background: #FFFFFF;
}
.cealune-main-btn:hover .cealune-main-img {
    transform: scale(1.02);
}

/* — Mobile: thumbs become a horizontal strip BELOW the main image — */
@media (max-width: 991px) {
    .cealune-gallery {
        grid-template-columns: 1fr;
        max-width: none;
    }
    .cealune-gallery-thumbs {
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 4px;
        order: 2;     /* show thumbs below main on mobile */
    }
    .cealune-thumb {
        width: 60px;
        height: 60px;
        flex: 0 0 60px;
    }
    .cealune-main-btn {
        aspect-ratio: 4 / 5;  /* slightly taller on mobile to use the screen */
    }
}

/* PhotoSwipe uses its own CSS (loaded locally) — defaults look great. */

/* ════════════════════════════════════════════════════════════════════
   CEALUNE LIGHTBOX
   Light/airy Sephora-style modal. The page shows through dimly behind
   a soft translucent white backdrop; the modal content (image, title,
   thumbs, arrows) sits on top with no hard box edges — just floating
   elements. Body scroll is locked via JS while open.
   ════════════════════════════════════════════════════════════════════ */
#cealune-lb {
    position: fixed;
    inset: 0;
    /* Soft translucent white — page shows through dimly. */
    background: rgba(255, 255, 255, 0.93);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 999999;
    display: flex;
    flex-direction: column;
    animation: cealune-lb-fade .25s ease;
}
@keyframes cealune-lb-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Top bar — floating title centered, close button top-right.
   No border, no background — sits transparently over the soft backdrop. */
.cealune-lb-header {
    flex: 0 0 auto;
    position: relative;
    padding: 20px 28px;
    background: transparent;
    z-index: 2;
}
.cealune-lb-title {
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    color: #1A1A2E;
    letter-spacing: -0.01em;
    text-align: center;
    padding: 0 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cealune-lb-close {
    position: absolute;
    top: 14px;
    right: 18px;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: #1A1A2E;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease, transform .15s ease;
}
.cealune-lb-close:hover {
    background: rgba(0, 0, 0, 0.06);
    transform: scale(1.05);
}

/* Body: arrows on the sides, image floating in the middle (no box). */
.cealune-lb-body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 0;
    padding: 8px 96px 8px;
    overflow: hidden;
}
.cealune-lb-stage {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
    min-height: 0;
}
.cealune-lb-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
    transition: opacity .15s ease;
    /* No box — just the image, floating freely */
}
.cealune-lb-img.is-loading {
    opacity: 0.4;
}

/* Arrows — minimal, low-contrast until hover */
.cealune-lb-arrow {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border: 0;
    background: transparent;
    color: rgba(26, 26, 46, 0.6);
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease, color .15s ease, transform .15s ease;
    z-index: 2;
}
.cealune-lb-arrow:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #1A1A2E;
    transform: scale(1.08);
}
.cealune-lb-prev { margin-right: 16px; }
.cealune-lb-next { margin-left: 16px; }

/* Bottom thumb strip — round Sephora-style thumbs, transparent background */
.cealune-lb-thumbs {
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
    padding: 18px 24px 24px;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
    background: transparent;
    scrollbar-width: thin;
    scrollbar-color: #D1D5DB transparent;
}
.cealune-lb-thumbs::-webkit-scrollbar { height: 4px; }
.cealune-lb-thumbs::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 2px; }
.cealune-lb-thumb {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    padding: 2px;
    border: 1.5px solid transparent;
    border-radius: 50%;
    background: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.7;
    transition: opacity .15s ease, border-color .15s ease, transform .15s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.cealune-lb-thumb:hover {
    opacity: 1;
    transform: scale(1.05);
}
.cealune-lb-thumb.is-active {
    opacity: 1;
    border-color: #1A1A2E;
}
.cealune-lb-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

/* Counter in the bottom-left corner — subtle */
.cealune-lb-counter {
    position: absolute;
    left: 28px;
    bottom: 30px;
    color: rgba(26, 26, 46, 0.5);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    pointer-events: none;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .cealune-lb-header { padding: 14px 20px; }
    .cealune-lb-title { font-size: 14px; padding: 0 40px; }
    .cealune-lb-body { padding: 4px 12px; }
    .cealune-lb-arrow { width: 36px; height: 36px; }
    .cealune-lb-prev { margin-right: 4px; }
    .cealune-lb-next { margin-left: 4px; }
    .cealune-lb-thumbs { padding: 12px 12px 18px; gap: 6px; }
    .cealune-lb-thumb { width: 44px; height: 44px; flex: 0 0 44px; }
    .cealune-lb-counter { left: 14px; bottom: 20px; font-size: 11px; }
}

/* ════════════════════════════════════════════════════════════════════
   PRODUCT INFO PROSE (Ingredients / How to Use tabs)
   Sephora-style — clean paragraphs with optional bold inline labels.
   No bullets, no numbered circles, no dividers — just text.
   ════════════════════════════════════════════════════════════════════ */
.product-info-prose {
    max-width: 920px;
    color: #1A1A2E;
    font-size: 14px;
    line-height: 1.7;
}
.product-info-prose p {
    margin: 0 0 18px 0;
    color: #1A1A2E;
}
.product-info-prose p:last-child {
    margin-bottom: 0;
}
.product-info-prose strong {
    color: #1A1A2E;
    font-weight: 600;
}
/* Reset any inherited list styles inside the prose container */
.product-info-prose ul,
.product-info-prose ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.product-info-prose li {
    margin: 0 0 18px 0;
    padding: 0;
    border: 0;
    background: transparent;
}
.product-info-prose li::before {
    display: none;
}

/* ============================================================================
   Ceulane Product Detail Page (PDP) — Premium serif-style redesign
   ============================================================================
   Brand: dark brown (#2A1A0A) on warm neutrals. Inspired by Burberry's
   product page hierarchy (clean typography, strikethrough sale, sticky add-
   to-cart-feeling action row), tuned for the Ceulane wordmark.
   These styles only apply when `.ceulane-pdp` wraps the right-side content,
   so they don't affect any other product card or page.
   ========================================================================== */

.ceulane-pdp {
    --pdp-ink:        #2A1A0A;   /* dark brown — text */
    --pdp-ink-soft:   #5d4a3a;   /* secondary text */
    --pdp-muted:      #8a7e6f;   /* meta text */
    --pdp-line:       #e8e1d6;   /* hairlines */
    --pdp-bg-soft:    #faf6ef;   /* warm cream for promise box */
    --pdp-accent:     #DF8E40;   /* brand copper */
    --pdp-sale:       #b8341c;   /* sale red */
    --pdp-success:    #2f7d3e;   /* in-stock green */
    --pdp-star:       #c89b3d;   /* warm gold for stars */
}

/* Brand eyebrow above title — small caps */
.ceulane-pdp-eyebrow {
    font-family: var(--font-secondary, "DM Sans"), sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--pdp-accent);
    margin: 0 0 14px 0;
    min-height: 14px; /* reserve space even when empty */
}
.ceulane-pdp-eyebrow:empty {
    margin: 0;
    min-height: 0;
}

/* Premium serif title */
.ceulane-pdp .ceulane-pdp-title.product-title {
    font-family: Georgia, "Times New Roman", "DM Serif Display", serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: var(--pdp-ink);
    margin: 0 0 14px 0;
}
@media (max-width: 991px) {
    .ceulane-pdp .ceulane-pdp-title.product-title { font-size: 30px; }
}

/* Rating row */
.ceulane-pdp-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px 0;
    font-size: 13px;
    color: var(--pdp-ink-soft);
    min-height: 18px;
}
.ceulane-pdp-rating:empty {
    margin: 0;
    min-height: 0;
}
.ceulane-pdp-rating-stars {
    display: inline-flex;
    gap: 1px;
    color: var(--pdp-star);
    font-size: 14px;
    letter-spacing: 1px;
}
.ceulane-pdp-rating-stars i.fa-star-o,
.ceulane-pdp-rating-stars i.far { color: #d8d1c2; }
.ceulane-pdp-rating-avg {
    font-weight: 700;
    color: var(--pdp-ink);
}
.ceulane-pdp-rating-sep {
    color: var(--pdp-muted);
}
.ceulane-pdp-rating-count {
    color: var(--pdp-ink-soft);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--pdp-line);
    transition: color 0.2s, text-decoration-color 0.2s;
}
.ceulane-pdp-rating-count:hover {
    color: var(--pdp-ink);
    text-decoration-color: var(--pdp-ink);
}

/* Price block */
.ceulane-pdp-price-block {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin: 0 0 20px 0;
    padding: 0 0 22px 0;
    border-bottom: 1px solid var(--pdp-line);
}
.ceulane-pdp .ceulane-pdp-price.price-amount {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: 400;
    color: var(--pdp-ink);
    line-height: 1;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
}
.ceulane-pdp .ceulane-pdp-price .pdp-old-price {
    font-size: 18px;
    color: var(--pdp-muted);
    text-decoration: line-through;
    font-weight: 400;
}
.ceulane-pdp .ceulane-pdp-price .pdp-current-price {
    color: var(--pdp-ink);
}
.ceulane-pdp .ceulane-pdp-price .pdp-current-price.is-sale {
    color: var(--pdp-sale);
}
.ceulane-pdp-price-meta {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pdp-sale);
    background: #fbe9e4;
    padding: 5px 10px;
    border-radius: 4px;
}
.ceulane-pdp-price-meta:empty { display: none; }

/* Short description */
.ceulane-pdp .ceulane-pdp-desc.description {
    font-size: 15px;
    line-height: 1.65;
    color: var(--pdp-ink-soft);
    margin: 0 0 26px 0;
}

/* Variants block — override generic .product-variation spacing */
.ceulane-pdp .ceulane-pdp-variants .product-variation {
    display: block;
    margin: 0 0 22px 0;
}
.ceulane-pdp .ceulane-pdp-variants .product-variation .title {
    font-family: var(--font-secondary, "DM Sans"), sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pdp-ink-soft);
    margin: 0 0 12px 0;
    min-width: 0;
}

/* Size pills — bigger, info-rich (label + price per size inside the pill) */
.ceulane-pdp .ceulane-pdp-variants .range-variant {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ceulane-pdp .ceulane-pdp-variants .range-variant li {
    flex: 0 1 auto;
    min-width: 110px;
    min-height: 56px;
    padding: 9px 16px;
    border: 1.5px solid var(--pdp-line);
    border-radius: 8px;
    background: #fff;
    color: var(--pdp-ink);
    font-family: var(--font-secondary, "DM Sans"), sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    margin: 0;
}
.ceulane-pdp .ceulane-pdp-variants .range-variant li .pdp-size-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--pdp-ink);
    line-height: 1.2;
}
.ceulane-pdp .ceulane-pdp-variants .range-variant li .pdp-size-price {
    font-size: 11px;
    font-weight: 500;
    color: var(--pdp-muted);
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.2;
}
.ceulane-pdp .ceulane-pdp-variants .range-variant li:hover {
    border-color: var(--pdp-ink-soft);
}
.ceulane-pdp .ceulane-pdp-variants .range-variant li.active {
    border-color: var(--pdp-ink);
    border-width: 2px;
    padding: 8.5px 15.5px; /* compensate so content doesn't jump */
    box-shadow: 0 1px 0 var(--pdp-ink) inset;
    background: #fff;
}
.ceulane-pdp .ceulane-pdp-variants .range-variant li.active .pdp-size-price {
    color: var(--pdp-ink-soft);
}

/* Color/shade pickers — let existing rules apply, just override title styles
   (already done above) and tighten margins */
.ceulane-pdp .ceulane-pdp-variants .product-color-variation,
.ceulane-pdp .ceulane-pdp-variants .product-shade-variation {
    margin-bottom: 22px;
}

/* Action row — qty stepper + Add to Bag + Wishlist */
.ceulane-pdp-actions {
    display: flex;
    gap: 12px;
    align-items: stretch;
    margin: 8px 0 24px 0;
}

.ceulane-pdp-qty {
    display: inline-flex;
    align-items: stretch;
    border: 1.5px solid var(--pdp-line);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.ceulane-pdp-qty-btn {
    width: 42px;
    background: transparent;
    border: 0;
    color: var(--pdp-ink);
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    transition: background 0.15s;
    height: auto;
    line-height: 1;
}
.ceulane-pdp-qty-btn:hover { background: #f5efe5; }
/* Quantity input — we have to fight the global `input[type=number]`
   rule in style.min.css which sets line-height:60px, padding:0 30px,
   and a default border. Those defaults made the typed value sit
   completely outside the 44px-wide box, so the counter looked empty
   between the − and + buttons. Use [type="number"] in the selector
   for specificity and !important on the values that get overridden. */
input[type="number"].ceulane-pdp-qty-input,
.ceulane-pdp-qty-input {
    width: 44px !important;
    min-width: 44px;
    max-width: 44px;
    border: 0 !important;
    background: transparent !important;
    text-align: center;
    font-family: var(--font-secondary, "DM Sans"), sans-serif;
    font-size: 15px !important;
    font-weight: 600;
    color: var(--pdp-ink) !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    /* hide spinners */
    -moz-appearance: textfield;
    appearance: textfield;
}
.ceulane-pdp-qty-input::-webkit-outer-spin-button,
.ceulane-pdp-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ceulane-pdp-qty-input:focus { outline: none; }

.ceulane-pdp-add-btn {
    flex: 1 1 auto;
    background: var(--pdp-ink);
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 16px 24px;
    font-family: var(--font-secondary, "DM Sans"), sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.18s, transform 0.05s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
}
.ceulane-pdp-add-btn:hover { background: #1a1006; }
.ceulane-pdp-add-btn:active { transform: scale(0.99); }
.ceulane-pdp-add-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.ceulane-pdp-add-btn i { font-size: 16px; }

.ceulane-pdp-wish-btn {
    width: 56px;
    background: #fff;
    color: var(--pdp-ink);
    border: 1.5px solid var(--pdp-line);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.18s, color 0.18s, background 0.18s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 0;
    flex-shrink: 0;
}
.ceulane-pdp-wish-btn:hover {
    border-color: var(--pdp-ink);
    color: var(--pdp-sale);
}
.ceulane-pdp-wish-btn.is-active {
    color: var(--pdp-sale);
    border-color: var(--pdp-sale);
}
.ceulane-pdp-wish-btn.is-active i {
    /* Switch to solid heart */
    font-weight: 900;
}

/* Promise box — shipping, returns, authenticity.
   Compact single-row layout: 3 items side by side, smaller icons & text. */
.ceulane-pdp-promise {
    background: var(--pdp-bg-soft);
    border: 1px solid var(--pdp-line);
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
}
.ceulane-pdp-promise-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    line-height: 1.25;
    color: var(--pdp-ink-soft);
    flex: 1 1 0;
    min-width: 0;
}
.ceulane-pdp-promise-row i {
    color: var(--pdp-accent);
    font-size: 14px;
    width: 16px;
    flex-shrink: 0;
    margin-top: 0;
    text-align: center;
}
.ceulane-pdp-promise-row > div {
    min-width: 0;
    overflow: hidden;
}
.ceulane-pdp-promise-row strong {
    display: block;
    color: var(--pdp-ink);
    font-weight: 700;
    font-size: 11px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ceulane-pdp-promise-row span {
    color: var(--pdp-muted);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* On narrow screens, allow wrapping so labels don't get cut off */
@media (max-width: 575px) {
    .ceulane-pdp-promise {
        flex-wrap: wrap;
        gap: 10px 14px;
    }
    .ceulane-pdp-promise-row {
        flex: 1 1 100%;
    }
}

/* Hide the legacy product-action skeleton wrapper when we use the new actions */
.ceulane-pdp [data-product-skeleton-action].d-flex-center {
    margin: 8px 0 24px 0;
}

/* Make the existing product-info-prose tighter inside this PDP layout */
.ceulane-pdp .description {
    margin-bottom: 26px;
}

/* Responsive */
@media (max-width: 575px) {
    .ceulane-pdp-actions {
        flex-wrap: wrap;
    }
    .ceulane-pdp-qty {
        order: 1;
        flex: 0 0 auto;
    }
    .ceulane-pdp-wish-btn {
        order: 2;
        flex: 0 0 56px;
    }
    .ceulane-pdp-add-btn {
        order: 3;
        flex: 1 0 100%;
    }
}


/* ============================================================
   V10 — Mini-cart "Cart review" redesign
   Goal: elegant, calm, on-brand. No clutter. Easier to scan.
   ============================================================ */

/* Soft cream backdrop, subtle separator */
.cart-dropdown .cart-content-wrap {
    background: linear-gradient(180deg, #fdfaf6 0%, #ffffff 60%);
    padding: 48px 36px;
    /* v15.27.5 — Lock the whole wrap to viewport height and split
       it into [header | scrolling body | sticky footer] so the
       "View Cart / Checkout" buttons are always visible even when
       many items push the list past the screen. */
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important; /* body scrolls internally, not the wrap */
}
@media (max-width: 767px) {
    .cart-dropdown .cart-content-wrap {
        padding: 32px 22px;
    }
}
/* v15.27.5 — Header sits fixed at the top of the drawer */
.cart-dropdown .cart-content-wrap > .cart-header {
    flex: 0 0 auto;
}
/* v15.27.5 — Body owns all extra space and scrolls when item list
   overflows. min-height: 0 is essential or the flexbox refuses to
   shrink below intrinsic content height. */
.cart-dropdown .cart-content-wrap > .cart-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;  /* never show horizontal scrollbar — slide-out
                                       animations push items briefly off-axis */
    padding-right: 4px; /* a touch of room for the internal scrollbar */
}
/* v15.27.5 — Footer stays anchored at the bottom of the drawer */
.cart-dropdown .cart-content-wrap > .cart-footer {
    flex: 0 0 auto;
    background: linear-gradient(180deg, transparent 0%, #ffffff 30%);
    padding-top: 12px;
}

/* Header — softer title, refined close button */
.cart-dropdown .cart-header {
    border-bottom: 1px solid #f0e8e0;
    padding-bottom: 22px;
    margin-bottom: 4px;
}
.cart-dropdown .cart-header .header-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #2b1d14;
}
.cart-dropdown .cart-header .cart-close {
    width: 36px;
    height: 36px;
    background: #f7efe7;
    color: #6b4f3a;
    font-size: 13px;
    transition: all .2s ease;
}
.cart-dropdown .cart-header .cart-close:hover {
    background: #2b1d14;
    color: #fff;
    transform: rotate(90deg);
}

/* Each cart row */
.cart-dropdown .cart-item {
    display: flex !important;
    align-items: flex-start !important;
    padding: 16px 0 !important;
    margin-bottom: 0;
    border-bottom: 1px solid #f4ede4;
    gap: 14px !important;
    position: relative !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}
.cart-dropdown .cart-item:last-child {
    border-bottom: none;
}

/* Product thumbnail — softer rounded square with cream backdrop.
   No inner padding: images fill the frame edge-to-edge. */
.cart-dropdown .cart-item .item-img {
    margin-right: 0;
    flex-shrink: 0;
    position: relative;
    width: 82px;
    height: 82px;
    min-width: 82px;
    min-height: 82px;
}
.cart-dropdown .cart-item .item-img a {
    width: 82px !important;
    height: 82px !important;
    background: #faf5ef !important;
    border: 1px solid #f0e6d8 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
}
.cart-dropdown .cart-item .item-img a img {
    /* Anchor to all four edges of the <a> — guarantees exact fit */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    /* v15.27.11 — cover restored (v15.27.9 behavior, per user).
       Images fill the frame edge-to-edge consistently. */
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* Remove button — moved to TOP-RIGHT corner outside the frame.
   v15.27.10 — User wants X on the right (looked better there).
   right:-10 top:-10 puts it outside the frame's top-right corner.
   Explicitly nulling left/bottom so no inherited rule places it
   on the left. Pink hover color, neutral default. */
/* Close button — top-right of the row (NOT over the image corner).
   Subtle until hovered. v15.27.10 — moved outside .item-img to sit
   at the row level so it doesn't overlap the product photo. */
.cart-dropdown .cart-item .cart-item-close {
    position: absolute !important;
    width: 26px !important;
    height: 26px !important;
    top: 12px !important;
    right: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #b8a99a !important;
    font-size: 13px !important;
    box-shadow: none !important;
    transition: all .15s ease;
    z-index: 5 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    cursor: pointer;
    transform: none !important;
}
.cart-dropdown .cart-item .cart-item-close:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}
/* Legacy close button inside item-img — hidden in case any stale render keeps the old structure. */
.cart-dropdown .cart-item .item-img .close-btn {
    display: none !important;
}

/* Item content area — more breathing room, no truncation */
.cart-dropdown .cart-item {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}
.cart-dropdown .cart-item .item-content {
    padding-right: 30px;  /* room for the row-level close button */
    position: static;
    transform: none;
    min-width: 0; /* allow flex children to shrink properly */
    flex: 1 1 auto !important; /* fill the rest of the drawer width */
    overflow: hidden;
}
.cart-dropdown .cart-item .item-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #2b1d14;
    margin-bottom: 6px;
    /* Allow 2 lines instead of brutal one-line truncate */
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;        /* v15.27.4 — never let long names overflow */
    overflow-wrap: anywhere;
}
.cart-dropdown .cart-item .item-title a {
    color: inherit;
    transition: color .15s ease;
}
.cart-dropdown .cart-item .item-title a:hover {
    color: #c46b7e;
}
/* (v15.27.4 single-line variants rule was replaced by the chip styling
   further down in v15.27.15) */
.cart-dropdown .cart-item .item-price {
    font-size: 16px;
    font-weight: 700;
    color: #c46b7e; /* rose accent — draws the eye, on-brand */
    margin-bottom: 10px;
    margin-top: 0;
}

/* Quantity pill — proper +/- controls inline.
   Works whether main.js adds the buttons or not.
   When buttons exist (.qtybtn elements), we style them.
   When they don't, the input alone still looks intentional. */
.cart-dropdown .cart-item .item-quantity,
.cart-dropdown .cart-item .pro-qty {
    position: static !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #faf5ef;
    border: 1px solid #ead9c5;
    border-radius: 999px;
    padding: 3px;
    margin-top: 0;
    width: auto !important;
    height: auto;
}
.cart-dropdown .cart-item .item-quantity .qtybtn,
.cart-dropdown .cart-item .pro-qty .qtybtn {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background: transparent;
    color: #6b4f3a;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all .15s ease;
    border: none;
    user-select: none;
}
.cart-dropdown .cart-item .item-quantity .qtybtn:hover,
.cart-dropdown .cart-item .pro-qty .qtybtn:hover {
    background: #c46b7e;
    color: #fff;
}
.cart-dropdown .cart-item .item-quantity .quantity-input,
.cart-dropdown .cart-item .pro-qty input,
.cart-dropdown .cart-item .pro-qty .quantity-input {
    width: 36px;
    height: 26px;
    background: transparent;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #2b1d14;
    padding: 0;
    margin: 0;
}
.cart-dropdown .cart-item .item-quantity .quantity-input:focus,
.cart-dropdown .cart-item .pro-qty input:focus {
    outline: none;
    box-shadow: none;
}

/* cart.html table — same Cealune pill style for the qty controls
   (v15.27.12). Scoped to the table so we don't disturb other
   .pro-qty usages on the site (e.g. single product page). */
.axil-product-table .pro-qty {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #faf5ef;
    border: 1px solid #ead9c5;
    border-radius: 999px;
    padding: 3px;
    width: auto !important;
}
.axil-product-table .pro-qty .qtybtn {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #6b4f3a !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-align: center;
    cursor: pointer;
    transition: all .15s ease;
    border: none !important;
    user-select: none;
    padding: 0 !important;
    margin: 0 !important;
}
.axil-product-table .pro-qty .qtybtn:hover {
    background: #c46b7e !important;
    color: #fff !important;
    border-color: #c46b7e !important;
}
.axil-product-table .pro-qty input.quantity-input {
    width: 38px !important;
    height: 28px !important;
    background: transparent !important;
    border: none !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2b1d14 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.axil-product-table .pro-qty input.quantity-input:focus {
    outline: none;
    box-shadow: none;
}
/* Variant chips — polished pill style for the "50ML" / color / size
   tag shown under product names in the cart drawer, cart.html table,
   and checkout order summary. Cealune palette: cream pill, brown
   text, all-caps with a touch of letter-spacing. (v15.27.15) */
.cart-dropdown .cart-item .item-variants,
.axil-product-table .cart-row-variants,
.summary-item-variants {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 6px 0 10px !important;
    padding: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    white-space: normal !important;
    max-width: 100% !important;
    /* Override the older block-text styling */
    font-size: inherit !important;
    color: inherit !important;
    text-transform: none !important;
}
.cart-dropdown .cart-item .item-variants .variant-chip,
.axil-product-table .cart-row-variants .variant-chip,
.summary-item-variants .variant-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #faf5ef !important;
    border: 1px solid #ead9c5 !important;
    color: #6b4f3a !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

/* Slightly smaller chips in the checkout summary (less room there) */
.summary-item-variants .variant-chip {
    font-size: 10px !important;
    padding: 3px 8px !important;
}

/* Footer — clean separator, refined typography */
.cart-dropdown .cart-footer {
    border-top: 1px solid #f0e8e0;
    padding-top: 24px;
    margin-top: 8px;
}
.cart-dropdown .cart-footer .cart-subtotal {
    margin: 6px 0 22px;
    padding: 14px 18px;
    background: #faf5ef;
    border-radius: 14px;
    font-size: 17px;
    color: #2b1d14;
}
.cart-dropdown .cart-footer .cart-subtotal .subtotal-title {
    font-weight: 500;
    color: #6b4f3a;
}
.cart-dropdown .cart-footer .cart-subtotal .subtotal-amount {
    font-weight: 700;
    color: #2b1d14;
    font-size: 19px;
    letter-spacing: -0.01em;
}

/* Buttons — cohesive on-brand pair: outlined + filled rose */
.cart-dropdown .cart-footer .group-btn {
    gap: 12px;
    column-gap: 12px;
}
.cart-dropdown .cart-footer .group-btn .axil-btn {
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: all .2s ease;
    border: 1.5px solid transparent;
    box-shadow: none;
}
.cart-dropdown .cart-footer .group-btn .axil-btn::before {
    display: none;
}
/* "View Cart" — outlined black, white fill */
.cart-dropdown .cart-footer .group-btn .viewcart-btn,
.cart-dropdown .cart-footer .group-btn .axil-btn.btn-bg-primary {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #111111 !important;
}
.cart-dropdown .cart-footer .group-btn .viewcart-btn:hover,
.cart-dropdown .cart-footer .group-btn .axil-btn.btn-bg-primary:hover {
    background: #111111 !important;
    color: #ffffff !important;
}
/* "Checkout" — solid black primary action */
.cart-dropdown .cart-footer .group-btn .checkout-btn,
.cart-dropdown .cart-footer .group-btn .axil-btn.btn-bg-secondary {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    box-shadow: 0 6px 16px rgba(17, 17, 17, 0.18) !important;
}
.cart-dropdown .cart-footer .group-btn .checkout-btn:hover,
.cart-dropdown .cart-footer .group-btn .axil-btn.btn-bg-secondary:hover {
    background: #2b2b2b !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(17, 17, 17, 0.28) !important;
}

/* Empty state — softer */
.cart-dropdown .cart-item-list .cart-empty {
    background: #faf5ef;
    border-radius: 16px;
    margin: 8px 0;
}
.cart-dropdown .cart-item-list .cart-empty i {
    color: #d4c0a8 !important;
}
.cart-dropdown .cart-item-list .cart-empty p {
    color: #6b4f3a !important;
    font-weight: 500;
}

/* Mobile tightening */
@media (max-width: 575px) {
    .cart-dropdown .cart-item {
        gap: 14px;
        padding: 14px 0;
    }
    .cart-dropdown .cart-item .item-img a {
        width: 78px;
        height: 78px;
    }
    .cart-dropdown .cart-item .item-img a img {
        width: 100%;
        height: 100%;
    }
    .cart-dropdown .cart-item .item-title {
        font-size: 14px;
    }
    .cart-dropdown .cart-footer .group-btn {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }
}


/* ============================================================
   V10 — My Account breadcrumb image fix
   REVERTED in v11 per user request — the original theme design
   stays for now. Will revisit later.
   ============================================================ */



/* ============================================================
   V11 — Cart page (cart.html) redesign
   Goal: elegant, on-brand, easy to scan. Same family as mini-cart.
   ============================================================ */

/* Page heading row */
.axil-product-cart-area .product-table-heading {
    align-items: center;
    margin-bottom: 28px;
}
.axil-product-cart-area .product-table-heading .title {
    font-size: 28px;
    font-weight: 600;
    color: #2b1d14;
    letter-spacing: -0.01em;
    margin: 0;
}
.axil-product-cart-area .product-table-heading .cart-clear {
    font-size: 13px;
    font-weight: 500;
    color: #9b8a7a;
    border: 1px solid transparent;
    padding: 8px 14px;
    border-radius: 999px;
    transition: all .18s ease;
}
.axil-product-cart-area .product-table-heading .cart-clear:hover {
    color: #c46b7e;
    background: #fdf3f5;
    border-color: #f4d8df;
}

/* Card-like table wrapper */
.axil-product-cart-area .axil-cart-table {
    background: linear-gradient(180deg, #fdfaf6 0%, #ffffff 60%);
    border: 1px solid #f0e8e0;
    border-radius: 18px;
    overflow: hidden;
    padding: 0 8px;
}
.axil-product-cart-area .axil-cart-table thead {
    background: transparent;
}
.axil-product-cart-area .axil-cart-table thead th {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b4f3a;
    padding: 22px 16px 16px;
    border-bottom: 1px solid #f0e8e0;
    border-radius: 0 !important;
    background: transparent;
}
.axil-product-cart-area .axil-cart-table thead th:first-child {
    padding-left: 24px;
}
.axil-product-cart-area .axil-cart-table thead th:last-child {
    padding-right: 32px;
}

/* Body rows */
.axil-product-cart-area .axil-cart-table tbody tr {
    transition: background .15s ease;
}
.axil-product-cart-area .axil-cart-table tbody tr:hover {
    background: rgba(250, 245, 239, 0.5);
}
.axil-product-cart-area .axil-cart-table tbody td {
    border-bottom: 1px solid #f4ede4;
    border-top: none;
    padding: 20px 16px;
    vertical-align: middle;
    color: #4a3a2c;
    font-size: 15px;
    font-weight: 500;
}
.axil-product-cart-area .axil-cart-table tbody tr:last-child td {
    border-bottom: none;
}
.axil-product-cart-area .axil-cart-table tbody td:first-child {
    padding-left: 24px;
}
.axil-product-cart-area .axil-cart-table tbody td:last-child {
    padding-right: 32px;
}

/* Remove × — refined round button */
.axil-product-cart-area .axil-cart-table .product-remove {
    width: 50px;
}
.axil-product-cart-area .axil-cart-table .product-remove .remove-wishlist {
    width: 30px;
    height: 30px;
    line-height: 28px;
    background: #ffffff;
    border: 1px solid #ead9c5;
    border-radius: 50%;
    color: #6b4f3a;
    font-size: 11px;
    transition: all .18s ease;
}
.axil-product-cart-area .axil-cart-table .product-remove .remove-wishlist:hover {
    background: #c46b7e;
    border-color: #c46b7e;
    color: #fff;
    transform: scale(1.08);
}

/* Product thumbnail — match mini-cart frame */
.axil-product-cart-area .axil-cart-table .product-thumbnail {
    width: 100px;
}
.axil-product-cart-area .axil-cart-table .product-thumbnail a {
    width: 84px;
    height: 84px;
    background: #faf5ef;
    border: 1px solid #f0e6d8;
    border-radius: 14px;
    overflow: hidden;
    display: block;
}
.axil-product-cart-area .axil-cart-table .product-thumbnail a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    border-radius: 14px;
    padding: 0 !important;
    display: block;
}

/* Product title */
.axil-product-cart-area .axil-cart-table .product-title {
    color: #2b1d14;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}
.axil-product-cart-area .axil-cart-table .product-title a {
    color: inherit;
    transition: color .15s ease;
}
.axil-product-cart-area .axil-cart-table .product-title a:hover {
    color: #c46b7e;
}

/* Price + subtotal */
.axil-product-cart-area .axil-cart-table .product-price {
    color: #6b4f3a;
    font-weight: 500;
    font-size: 15px;
}
.axil-product-cart-area .axil-cart-table .product-subtotal {
    color: #c46b7e;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.01em;
}

/* Quantity pill — same family as mini-cart */
.axil-product-cart-area .axil-cart-table .pro-qty {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #faf5ef;
    border: 1px solid #ead9c5;
    border-radius: 999px;
    padding: 3px;
    width: auto !important;
    height: auto;
}
.axil-product-cart-area .axil-cart-table .pro-qty .qtybtn {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background: transparent;
    color: #6b4f3a;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all .15s ease;
    border: none;
    user-select: none;
}
.axil-product-cart-area .axil-cart-table .pro-qty .qtybtn:hover {
    background: #c46b7e;
    color: #fff;
}
.axil-product-cart-area .axil-cart-table .pro-qty .quantity-input,
.axil-product-cart-area .axil-cart-table .pro-qty input {
    width: 40px;
    height: 28px;
    background: transparent;
    border: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #2b1d14;
    margin: 0;
}
.axil-product-cart-area .axil-cart-table .pro-qty input:focus {
    outline: none;
    box-shadow: none;
}

/* Mobile (table collapses to stacked) */
@media (max-width: 767px) {
    .axil-product-cart-area .axil-cart-table {
        padding: 0;
    }
    .axil-product-cart-area .axil-cart-table tbody tr {
        padding: 18px 18px 18px 110px;
        position: relative;
        border-bottom: 1px solid #f4ede4;
        margin-bottom: 0;
    }
    .axil-product-cart-area .axil-cart-table tbody tr:last-child {
        border-bottom: none;
    }
    .axil-product-cart-area .axil-cart-table tbody td {
        padding: 6px 0;
        border-bottom: none;
    }
    .axil-product-cart-area .axil-cart-table tbody td.product-thumbnail {
        position: absolute;
        left: 18px;
        top: 18px;
        padding: 0;
        width: 80px;
    }
    .axil-product-cart-area .axil-cart-table tbody td.product-thumbnail a {
        width: 80px;
        height: 80px;
    }
    .axil-product-cart-area .axil-cart-table tbody td.product-remove {
        position: absolute;
        top: 12px;
        right: 12px;
        padding: 0;
        width: auto;
    }
    .axil-product-cart-area .axil-cart-table tbody td:before {
        font-size: 11px !important;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #9b8a7a !important;
    }
}

/* "Your Cart" page right-side totals */
.axil-product-cart-area .cart-totals-minimal {
    background: linear-gradient(180deg, #fdfaf6 0%, #ffffff 60%);
    border: 1px solid #f0e8e0;
    border-radius: 18px;
    padding: 28px 30px;
    margin-top: 40px !important;
}
.axil-product-cart-area .cart-totals-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}
.axil-product-cart-area .cart-totals-label,
.axil-product-cart-area .cart-totals-value {
    font-size: 15px;
    color: #6b4f3a;
    font-weight: 500;
}
.axil-product-cart-area .cart-totals-divider {
    height: 1px;
    background: #f0e8e0;
    margin: 14px 0;
}
.axil-product-cart-area .cart-totals-row-total {
    padding: 4px 0 0;
}
.axil-product-cart-area .cart-totals-label-total {
    font-size: 20px;
    font-weight: 700;
    color: #2b1d14;
    letter-spacing: -0.01em;
}
.axil-product-cart-area .cart-totals-total-amount {
    font-size: 26px;
    font-weight: 700;
    color: #2b1d14;
    letter-spacing: -0.02em;
}
.axil-product-cart-area .cart-totals-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0 24px;
    font-size: 12px;
    color: #9b8a7a;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.axil-product-cart-area .cart-totals-meta .os-sub {
    font-weight: 500;
}
.axil-product-cart-area .cart-totals-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px 24px;
    background: #111111;
    color: #ffffff !important;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 8px 20px rgba(17, 17, 17, 0.18);
    transition: all .2s ease;
    text-decoration: none !important;
}
.axil-product-cart-area .cart-totals-cta:hover {
    background: #2b2b2b;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(17, 17, 17, 0.28);
    color: #fff !important;
}
.axil-product-cart-area .cart-totals-cta i {
    transition: transform .2s ease;
}
.axil-product-cart-area .cart-totals-cta:hover i {
    transform: translateX(4px);
}


/* ============================================================
   V11 — Wishlist page (wishlist.html) — black & white elegant
   No accent colors. Calm, minimal, premium.
   ============================================================ */

.axil-wishlist-area .product-table-heading {
    margin-bottom: 28px;
}
.axil-wishlist-area .product-table-heading .title {
    font-size: 28px;
    font-weight: 600;
    color: #111111;
    letter-spacing: -0.01em;
    margin: 0;
}

/* Table — card with hairline borders, no fills */
.axil-wishlist-area .axil-wishlist-table {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    overflow: hidden;
    padding: 0 8px;
}
.axil-wishlist-area .axil-wishlist-table thead {
    background: transparent;
}
.axil-wishlist-area .axil-wishlist-table thead th {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b6b6b;
    padding: 22px 16px 16px;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0 !important;
    background: transparent;
}
.axil-wishlist-area .axil-wishlist-table thead th:first-child {
    padding-left: 24px;
}
.axil-wishlist-area .axil-wishlist-table thead th:last-child {
    padding-right: 24px;
}
.axil-wishlist-area .axil-wishlist-table thead th:last-child,
.axil-wishlist-area .axil-wishlist-table tbody td:last-child {
    text-align: right;
}

/* Body rows */
.axil-wishlist-area .axil-wishlist-table tbody tr {
    transition: background .15s ease;
}
.axil-wishlist-area .axil-wishlist-table tbody tr:hover {
    background: #fafafa;
}
.axil-wishlist-area .axil-wishlist-table tbody td {
    border-bottom: 1px solid #f0f0f0;
    border-top: none;
    padding: 20px 16px;
    vertical-align: middle;
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 500;
}
.axil-wishlist-area .axil-wishlist-table tbody tr:last-child td {
    border-bottom: none;
}
.axil-wishlist-area .axil-wishlist-table tbody td:first-child {
    padding-left: 24px;
}
.axil-wishlist-area .axil-wishlist-table tbody td:last-child {
    padding-right: 24px;
}

/* Remove × — minimal monochrome */
.axil-wishlist-area .axil-wishlist-table .product-remove {
    width: 50px;
}
.axil-wishlist-area .axil-wishlist-table .product-remove .remove-wishlist {
    width: 30px;
    height: 30px;
    line-height: 28px;
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    color: #2b2b2b;
    font-size: 11px;
    transition: all .18s ease;
}
.axil-wishlist-area .axil-wishlist-table .product-remove .remove-wishlist:hover {
    background: #111111;
    border-color: #111111;
    color: #ffffff;
    transform: scale(1.06);
}

/* Product thumbnail */
.axil-wishlist-area .axil-wishlist-table .product-thumbnail {
    width: 100px;
}
.axil-wishlist-area .axil-wishlist-table .product-thumbnail a {
    width: 84px;
    height: 84px;
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 14px;
    overflow: hidden;
    display: block;
}
.axil-wishlist-area .axil-wishlist-table .product-thumbnail a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    border-radius: 14px;
    padding: 0 !important;
    display: block;
}

/* Product title */
.axil-wishlist-area .axil-wishlist-table .product-title {
    color: #111111;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}
.axil-wishlist-area .axil-wishlist-table .product-title a {
    color: inherit;
    transition: color .15s ease;
}
.axil-wishlist-area .axil-wishlist-table .product-title a:hover {
    color: #6b6b6b;
}

/* Price */
.axil-wishlist-area .axil-wishlist-table .product-price {
    color: #2b2b2b;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.005em;
}

/* Stock status — refined pill, monochrome */
.axil-wishlist-area .axil-wishlist-table .product-stock-status {
    font-size: 13px;
    font-weight: 500;
}
.axil-wishlist-area .axil-wishlist-table .product-stock-status .in-stock,
.axil-wishlist-area .axil-wishlist-table .product-stock-status .stock-in,
.axil-wishlist-area .axil-wishlist-table .product-stock-status [class*="in-stock"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: #ffffff;
    border: 1px solid #111111;
    border-radius: 999px;
    color: #111111 !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
/* Fallback for plain "In Stock" / "Out of Stock" text without wrapper */
.axil-wishlist-area .axil-wishlist-table .product-stock-status {
    color: #111111 !important;
}

/* "Add to Cart" button — minimal black outline → solid on hover */
.axil-wishlist-area .axil-wishlist-table .product-add-cart {
    width: 160px;
}
.axil-wishlist-area .axil-wishlist-table .product-add-cart .axil-btn,
.axil-wishlist-area .axil-wishlist-table .product-add-cart .btn-outline,
.axil-wishlist-area .axil-wishlist-table .product-add-cart a,
.axil-wishlist-area .axil-wishlist-table .product-add-cart button {
    display: inline-block;
    padding: 11px 22px !important;
    background: #ffffff !important;
    color: #111111 !important;
    border: 1.5px solid #111111 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all .18s ease !important;
    box-shadow: none !important;
    text-decoration: none;
    line-height: 1.2;
    width: auto;
    height: auto;
}
.axil-wishlist-area .axil-wishlist-table .product-add-cart .axil-btn::before {
    display: none;
}
.axil-wishlist-area .axil-wishlist-table .product-add-cart .axil-btn:hover,
.axil-wishlist-area .axil-wishlist-table .product-add-cart a:hover,
.axil-wishlist-area .axil-wishlist-table .product-add-cart button:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    transform: translateY(-1px);
}

/* Empty state */
.axil-wishlist-area .axil-wishlist-table tbody td[colspan] {
    text-align: center;
    padding: 60px 24px !important;
    color: #6b6b6b;
    font-size: 15px;
    font-weight: 500;
}

/* Mobile (stacked) */
@media (max-width: 767px) {
    .axil-wishlist-area .axil-wishlist-table {
        padding: 0;
    }
    .axil-wishlist-area .axil-wishlist-table tbody tr {
        padding: 18px 18px 18px 110px;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
    }
    .axil-wishlist-area .axil-wishlist-table tbody tr:last-child {
        border-bottom: none;
    }
    .axil-wishlist-area .axil-wishlist-table tbody td {
        padding: 6px 0;
        border-bottom: none;
        text-align: left !important;
    }
    .axil-wishlist-area .axil-wishlist-table tbody td.product-thumbnail {
        position: absolute;
        left: 18px;
        top: 18px;
        padding: 0;
        width: 80px;
    }
    .axil-wishlist-area .axil-wishlist-table tbody td.product-thumbnail a {
        width: 80px;
        height: 80px;
    }
    .axil-wishlist-area .axil-wishlist-table tbody td.product-remove {
        position: absolute;
        top: 12px;
        right: 12px;
        padding: 0;
        width: auto;
    }
    .axil-wishlist-area .axil-wishlist-table tbody td.product-add-cart {
        width: auto;
        margin-top: 8px;
    }
    .axil-wishlist-area .axil-wishlist-table tbody td:before {
        font-size: 11px !important;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #6b6b6b !important;
    }
}


/* ============================================================
   V13 — Topbar dynamic loading skeleton
   Shown for the brief moment between page load and /api/categories
   returning. Keeps the topbar from collapsing to zero height.
   ============================================================ */
.mainmenu[data-loading="1"] {
    display: flex;
    align-items: center;
    gap: 20px;
}
.mainmenu .topbar-loading-skel {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 14px 0;
    list-style: none;
}
.mainmenu .topbar-loading-pip {
    display: inline-block;
    width: 56px;
    height: 12px;
    background: linear-gradient(90deg, #efe9e0 0%, #f7f2ea 50%, #efe9e0 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: cealune-topbar-shimmer 1.4s ease-in-out infinite;
    opacity: 0.7;
}
.mainmenu .topbar-loading-pip:nth-child(2) { width: 70px; }
.mainmenu .topbar-loading-pip:nth-child(3) { width: 86px; }
.mainmenu .topbar-loading-pip:nth-child(4) { width: 50px; }
.mainmenu .topbar-loading-pip:nth-child(5) { width: 78px; }
@keyframes cealune-topbar-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}


/* ============================================================
   V13b — Topbar dropdown: horizontal layout
   The inline CSS in each HTML page sizes dropdowns with
   `repeat(auto-fit, minmax(120px, 1fr))` which forces wrapping
   onto multiple rows once you have more than ~3-4 subcategories.
   Override with a single-row flex layout so categories like
   Hair (9 subs) and Bath & Body (9 subs) fan out sideways
   like Sephora's megamenu, not down the page.

   Higher specificity (`.mainmenu` prefix + nested selectors)
   wins over the inline `.topbar-dropdown-inner` rule.
   ============================================================ */

/* ============================================================
   v15.25 — Full-width centered topbar dropdowns (Nike-style).
   
   Old behavior: dropdown anchored to its <li>, width sized to fit
   N columns of 180px. Worked but didn't match the Nike/Sephora
   full-width centered look the user asked for.
   
   New behavior: dropdown spans the FULL VIEWPORT WIDTH, anchored
   to the parent `.mainmenu` (which is full-width). Inner uses
   flex with `justify-content: center` so the columns center as
   a group regardless of count. This is the same pattern Nike
   uses in their topbar.
   
   The previous per-LI positioning JS still runs but its width
   and left adjustments are now overridden by these !important
   rules. (Kept for backward-compat in case admin re-uses the
   old short-dropdown look on smaller dropdowns; the JS still
   correctly sets grid-template-columns there.)
   ============================================================ */

/* The .mainmenu's parent is already full-width in the layout, so
   absolutely positioning the dropdown with left:0/right:0 spans the
   full viewport when .mainmenu has position:relative (set by theme). */
.mainmenu li.has-dropdown > .topbar-dropdown {
    min-width: 0 !important;
    /* Full viewport width via 100vw. We override the JS-set inline
       width:Npx (still emitted by adjustDropdownAlignment for older
       dropdowns) with this !important rule. */
    width: 100vw !important;
    max-width: 100vw !important;
    /* Anchor relative to the viewport, not the <li>. The left value
       calculates the offset from the <li> back to the viewport edge:
       since the dropdown is `position: absolute` relative to .mainmenu
       (full-width), we just use left:0 from the viewport perspective
       by negating the <li>'s offset. The JS in topbar-categories.js
       computes this exactly per-LI. */
    left: 0 !important;
    right: auto !important;
    transform: translateY(-8px) !important;
    /* Visual containment so the centered column block doesn't run
       edge-to-edge text on ultra-wide monitors. */
    background: #fff;
}
.mainmenu li.has-dropdown:hover > .topbar-dropdown,
.mainmenu li.has-dropdown.show > .topbar-dropdown {
    transform: translateY(0) !important;
}

/* The inner is now a horizontally-centered flex row. Each column
   keeps its 180px width; the row centers as a group in the viewport. */
.mainmenu li.has-dropdown > .topbar-dropdown > .topbar-dropdown-inner {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 56px;
    /* Internal padding so columns don't touch the viewport edges. */
    padding: 40px 24px !important;
    max-width: 1400px;
    margin: 0 auto;
}

.mainmenu li.has-dropdown > .topbar-dropdown .topbar-dropdown-col {
    min-width: 180px;
    max-width: 220px;
    flex: 0 0 auto;
}

/* v15.25 — Merged column (multiple sub-headings stacked in one column).
   Each section beyond the first gets extra top spacing so the visual
   separation between sections reads clearly. */
.mainmenu li.has-dropdown > .topbar-dropdown .topbar-dropdown-col--merged > ul + .submenu-subheading {
    margin-top: 20px;
}

/* v15.26 — Heading-only rows inside a merged column.
   When a merged subcategory has no tags + isn't the first in its
   column (e.g. Wellness under Beauty Tools), we render JUST the
   heading as a clickable link.
   
   v15.26.1 — These should NOT inherit the uppercase / bold /
   border-bottom heading styling. Render them as plain list rows
   that look like the regular tag items (Anti-Aging, Hair Removal,
   etc.) so the column reads as one continuous list.
   
   v15.27 — Aggressive override to defeat ALL inherited heading
   styles. The inline-HTML <style> blocks have high specificity
   and use font-size:11px on subheadings while regular items use
   font-size:13px — we force 13px here so heading-only rows match. */
.mainmenu li.has-dropdown > .topbar-dropdown .submenu-subheading--link,
.mainmenu li.has-dropdown > .topbar-dropdown .submenu-subheading--link * {
    /* Defeat the inline-HTML heading styles applied by every page's
       <style> block (text-transform:uppercase, font-weight:700,
       border-bottom, letter-spacing, font-size:11px). */
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
.mainmenu li.has-dropdown > .topbar-dropdown .submenu-subheading--link {
    /* Match the spacing/feel of the regular list items below it. */
    margin: 0 !important;
    padding: 5px 0 !important;
    display: block !important;
}
.mainmenu li.has-dropdown > .topbar-dropdown .submenu-subheading--link a {
    color: #6B7280 !important;
    text-decoration: none !important;
    display: block;
    line-height: 1.4 !important;
    transition: color .15s, padding-left .15s;
    padding: 0 !important;
}
.mainmenu li.has-dropdown > .topbar-dropdown .submenu-subheading--link a:hover {
    color: #FC5C7D !important;
    text-decoration: none !important;
    padding-left: 3px !important;
}
/* Tighten spacing — consecutive heading-only-link rows read as a
   continuous list (no extra gap above each one). */
.mainmenu li.has-dropdown > .topbar-dropdown .submenu-subheading--link + .submenu-subheading--link {
    margin-top: 0 !important;
}
/* Small gap from the regular list above (e.g. after Sharpeners). */
.mainmenu li.has-dropdown > .topbar-dropdown .topbar-dropdown-col--merged ul + .submenu-subheading--link {
    margin-top: 6px !important;
}

/* ============================================================
   v15.27.3 — Homepage carousel: when slick runs with
   variableWidth (because tagged-product count < slidesToShow),
   each .slick-single-layout needs an explicit width so the
   card doesn't collapse to 0px. We use the same width slick
   would have computed at the desktop breakpoint (~25% of the
   container with gaps).
   ============================================================ */
[data-home-best-sellers].slick-initialized .slick-slide,
[data-home-new-arrivals].slick-initialized .slick-slide,
[data-home-latest-arrivals].slick-initialized .slick-slide {
    min-width: 260px;
}

/* ============================================================
   v15.27 — Secondary badge (Badge 2) on product cards + PDP.
   
   Cards: green chip BELOW the primary badge in the top-right corner.
   PDP eyebrow: small coloured pill next to the brand line.
   
   v15.27.2 — Force vertical stack (each badge on its own row) and
   defeat the theme-ceulane.css `.axil-product .label-block
   .product-badget` background override that was turning the
   secondary chip the same copper color as the primary. Higher
   specificity selector + !important wins. */
.axil-product .label-block,
.label-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
}
.axil-product .label-block .product-badget--secondary,
.label-block .product-badget--secondary,
.product-badget--secondary {
    background-color: #1e7e44 !important;   /* green — distinct from primary */
    color: #fff !important;
    box-shadow: 0 6px 14px 0 rgba(30, 126, 68, 0.30) !important;
    display: inline-block !important;
    margin-top: 0 !important;       /* gap handled by flex parent */
}
.pdp-eyebrow-badge2 {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 10px;
    border-radius: 999px;
    background: #1e7e44;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    vertical-align: middle;
    text-transform: uppercase;
}

/* ============================================================
   v15.27 — Improved PDP price block.
   
   Nike-style: old price (strikethrough, smaller) BEFORE current
   price (bold, full size), with a discount % chip beside.
   Replaces the visually-mismatched layout where the strike-
   through and current price looked the same size.
   ============================================================ */
.ceulane-pdp .price-amount {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}
.ceulane-pdp .pdp-old-price {
    color: #9ca3af !important;
    text-decoration: line-through;
    font-size: 18px !important;
    font-weight: 400 !important;
    order: 0;
}
.ceulane-pdp .pdp-current-price {
    color: #111 !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    order: 1;
}
.ceulane-pdp .pdp-current-price.is-sale {
    color: #c00 !important;
}
.ceulane-pdp [data-product-price-meta] {
    color: #1e7e44 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.02em;
    margin-top: 4px;
    text-transform: lowercase;
}
.ceulane-pdp [data-product-price-meta]:not(:empty)::before {
    content: '';
}

/* Mobile (≤991px) — collapse back to vertical stacked layout */
@media (max-width: 991px) {
    .mainmenu li.has-dropdown > .topbar-dropdown {
        width: auto !important;
        max-width: none !important;
        left: 0 !important;
        right: auto !important;
        background: #fff;
    }
    .mainmenu li.has-dropdown > .topbar-dropdown > .topbar-dropdown-inner {
        display: block !important;
        gap: 8px;
        padding: 16px !important;
    }
    .mainmenu li.has-dropdown > .topbar-dropdown .topbar-dropdown-col {
        min-width: 0;
        max-width: none;
        width: 100%;
    }
}


/* ============================================================
   V14.2 — Shop sidebar: three flat category-derived blocks
   Categories, Subcategories (appears when ≥1 cat selected),
   Options (appears when ≥1 sub selected). Each block looks like
   the Price / Quick Filters block: title, divider, square-checkbox
   rows. Driven by the same /api/categories admin tree as the
   topbar dropdowns so all 3 surfaces (admin, topbar, sidebar)
   stay in lockstep.
   ============================================================ */

/* Reset the lists inside the three category-derived filter blocks
   (Categories, Subcategories, Options). The theme's base
   .product-categories ul li rules would otherwise leak through. */
.axil-shop-sidebar ul[data-filter-list="category"],
.axil-shop-sidebar ul[data-filter-list="subcategory"],
.axil-shop-sidebar ul[data-filter-list="tag"] {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Suppress the theme's default empty-circle ::before that
   .axil-shop-sidebar .product-categories ul li a::before draws.
   We use our own square checkbox span; the circle would just stack
   on top with the wrong shape + a leading 28px indent. */
.axil-shop-sidebar .product-categories ul[data-filter-list] li a::before,
.axil-shop-sidebar .product-categories ul[data-filter-list] li a::after,
.axil-shop-sidebar .product-categories ul[data-filter-list] li.current-cat a::before,
.axil-shop-sidebar .product-categories ul[data-filter-list] li.chosen a::before,
.axil-shop-sidebar .product-subcategories ul[data-filter-list] li a::before,
.axil-shop-sidebar .product-options ul[data-filter-list] li a::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
}
.axil-shop-sidebar .product-categories ul[data-filter-list] li a,
.axil-shop-sidebar .product-subcategories ul[data-filter-list] li a,
.axil-shop-sidebar .product-options ul[data-filter-list] li a {
    padding-left: 0 !important;
}

/* One filter row — looks like the Quick Filters block above:
       [☐] Name ............. (count)
   Square checkbox on the left, name, count on the right. The whole
   row is one clickable link; the checkbox is purely visual. */
.shop-filter-row {
    margin: 0 !important;
    padding: 0;
    list-style: none;
    font-size: var(--font-size-b2);
    font-weight: var(--s-medium);
}
.shop-filter-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 6px;
    border-radius: 4px;
    color: var(--color-body, #777);
    text-decoration: none;
    transition: background 0.15s ease-out, color 0.15s ease-out;
    min-height: 32px;
    cursor: pointer;
}
.shop-filter-link:hover {
    background: var(--color-lighter, #F6F7FB);
    color: var(--color-heading, #292930);
}

/* Square checkbox indicator — sized + styled to match the Quick
   Filters block's real <input type=checkbox> next to "On Sale". */
.shop-filter-checkbox {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--color-border, #C4CADC);
    border-radius: 3px;
    background: #fff;
    position: relative;
    transition: all 0.15s ease-out;
}
.shop-filter-link:hover .shop-filter-checkbox {
    border-color: var(--color-heading, #292930);
}

.shop-filter-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shop-filter-count {
    flex: 0 0 auto;
    color: var(--color-gray, #999FAE);
    font-size: 12px;
    font-weight: 400;
}

/* Checked state — works for URL-applied filters (.is-checked on the
   <li>, set by renderShopSidebar) and pending state (.is-active on
   the <a>, set by applyPendingVisuals). Same visual either way. */
.shop-filter-row.is-checked > .shop-filter-link,
.shop-filter-link.is-active {
    background: rgba(252, 92, 125, 0.08); /* faint primary tint */
    color: var(--color-heading, #292930);
}
.shop-filter-row.is-checked > .shop-filter-link .shop-filter-checkbox,
.shop-filter-link.is-active .shop-filter-checkbox {
    background: var(--color-primary, #FC5C7D);
    border-color: var(--color-primary, #FC5C7D);
}
/* Tick mark — drawn with CSS borders so we don't need an icon font.
   It's a rotated rectangle with two visible borders forming a check. */
.shop-filter-row.is-checked > .shop-filter-link .shop-filter-checkbox::after,
.shop-filter-link.is-active .shop-filter-checkbox::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Empty rows — items defined in the admin tree but with 0 matching
   products. We keep them in the list (so the user sees the full taxonomy)
   but visually de-emphasize so they don't compete with available filters. */
.shop-filter-row.is-empty .shop-filter-link {
    opacity: 0.45;
}
.shop-filter-row.is-empty .shop-filter-checkbox {
    border-color: var(--color-border-light, #E3E6E9);
}

/* See More / See Less toggle — sits immediately after the <ul> in each
   block. Underlined, small, left-aligned text link (matches the
   FragranceX-style sidebar look in the reference photos). */
.shop-filter-seemore {
    display: inline-block;
    width: auto;
    margin: 6px 0 0 6px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--color-heading, #292930);
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    transition: color 0.15s ease-out;
}
.shop-filter-seemore:hover {
    color: var(--color-primary, #FC5C7D);
}
.shop-filter-seemore:focus {
    outline: none;
    color: var(--color-primary, #FC5C7D);
}

/* Mobile — a bit more breathing room for thumbs. */
@media (max-width: 991px) {
    .shop-filter-link {
        padding: 9px 6px;
        min-height: 36px;
    }
    .shop-filter-checkbox {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }
    .shop-filter-seemore {
        font-size: 14px;
        padding: 4px 0;
    }
}

/* =====================================================================
   Payment chip — shared component (v15.21)
   ---------------------------------------------------------------------
   Small horizontal pill showing "[brand-logo] Visa •••• 1234".
   Used in: admin order modal, my-account order modal, order-confirmed
   page Payment block. Designed to look at home in any panel.
   ===================================================================== */
.pay-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px 8px 8px;
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
    font-family: inherit;
    line-height: 1;
    max-width: 100%;
}
.pay-chip-logo {
    flex-shrink: 0;
    width: 36px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}
.pay-chip-logo svg {
    width: 100%;
    height: 100%;
    display: block;
}
.pay-chip-text {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}
.pay-chip-brand {
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pay-chip-last4 {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.pay-chip-dots {
    color: #94A3B8;
    letter-spacing: 0.1em;
    margin-right: 2px;
}
/* Compact variant — inline in tables / strip rows */
.pay-chip-sm {
    gap: 8px;
    padding: 4px 10px 4px 4px;
}
.pay-chip-sm .pay-chip-logo { width: 28px; height: 18px; }
.pay-chip-sm .pay-chip-brand,
.pay-chip-sm .pay-chip-last4 { font-size: 12px; }

/* Order-confirmed Payment card — full-width block (matches oc-card-row) */
.oc-payment-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.oc-payment-block .pay-chip {
    align-self: flex-start;
}
.oc-payment-secure {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6B7280;
    line-height: 1.4;
}
.oc-payment-secure svg {
    flex-shrink: 0;
    color: #6B7280;
}

/* =====================================================================
   Currency switcher — v15.27.13 redesign
   ---------------------------------------------------------------------
   • Desktop: lives in the cream announcement bar (.topbar-announcement)
   • Mobile : lives inside the burger drawer footer; tap opens a
              bottom-sheet picker.
   ===================================================================== */

/* Make the announcement bar a row so the switcher sits next to the promo.
   Use grid (not flex) with three equal columns so the centered promo stays
   visually centered regardless of how wide the currency switcher gets
   (e.g. "USD · $" vs "EGP · E£"). The left column is an invisible spacer
   that mirrors the switcher's width via grid symmetry. */
.topbar-announcement .container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
}
.topbar-announcement .topbar-announcement-link {
    grid-column: 2;
    text-align: center;
    justify-self: center;
}
.ccy-desktop {
    grid-column: 3;
    justify-self: end;
}

.ccy-desktop {
    position: relative;
    flex: 0 0 auto;
    z-index: 60;
    /* v15.40.3 — was translateY(3px); fine-tuned to 4px after live check.
       Shifts the whole switcher block down 4px so it lines up visually
       with the promo text on the cream bar. */
    transform: translateY(4px);
}
.ccy-desktop-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    background: transparent;
    border: 0;
    color: inherit;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    cursor: pointer;
    transition: opacity .15s;
    white-space: nowrap;
}
.ccy-desktop-btn:hover { opacity: 0.7; }
.ccy-desktop-sep {
    opacity: 0.5;
    margin: 0 1px;
}
.ccy-desktop-symbol {
    font-weight: 700;
    min-width: 8px;
    text-align: center;
}
.ccy-globe { opacity: 0.85; flex-shrink: 0; }
.ccy-caret {
    transition: transform .15s;
    opacity: 0.6;
}
.ccy-desktop.is-open .ccy-caret { transform: rotate(180deg); }

/* Dropdown — compact 3-currency menu */
.ccy-desktop-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #e7e2da;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(43, 29, 20, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .14s ease, transform .14s ease, visibility .14s;
    padding: 6px 0;
}
.ccy-desktop.is-open .ccy-desktop-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.ccy-desktop-menu-title {
    padding: 8px 14px 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #a08769;
    text-transform: uppercase;
}
.ccy-desktop-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ccy-desktop-menu-list li {
    display: grid;
    grid-template-columns: 38px 1fr auto 16px;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    cursor: pointer;
    transition: background .12s;
    font-size: 13px;
    color: #2b1d14;
}
.ccy-desktop-menu-list li:hover { background: #faf5ef; }
.ccy-li-code {
    font-weight: 700;
    letter-spacing: 0.02em;
    font-size: 13px;
}
.ccy-li-name {
    color: #6b4f3a;
    font-weight: 400;
    font-size: 12px;
}
.ccy-li-symbol {
    color: #6b4f3a;
    font-weight: 400;
    min-width: 20px;
    text-align: right;
    font-size: 13px;
}
.ccy-li-check {
    width: 14px;
    height: 14px;
    color: #2b1d14;
    opacity: 0;
    /* v15.40 — bumped from -2px to -5px so the check sits clearly on the
       text baseline. Grid align-items: center pulls the SVG too low
       relative to the row's optical center where the text glyphs read. */
    transform: translateY(-5px);
}
.ccy-li-check svg { width: 100%; height: 100%; }
.ccy-desktop-menu-list li.is-active .ccy-li-check { opacity: 1; }
.ccy-desktop-menu-list li.is-active .ccy-li-code { font-weight: 700; }

/* Hide desktop switcher on small screens — mobile uses the drawer */
@media (max-width: 991px) {
    .ccy-desktop { display: none !important; }
}

/* ── Mobile drawer row ───────────────────────────────────────────── */
.mvm-foot-label {
    padding: 18px 24px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: #b09377;
    text-transform: uppercase;
}
.mvm-foot-row--ccy {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px 24px;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    color: #2b1d14;
    transition: background .12s;
}
.mvm-foot-row--ccy:hover,
.mvm-foot-row--ccy:active { background: #faf5ef; }
.mvm-foot-row--ccy .ccy-globe {
    width: 20px;
    height: 20px;
    color: #2b1d14;
    flex-shrink: 0;
}
.mvm-foot-row-label { flex: 1 1 auto; font-weight: 700; }
.mvm-foot-row-value {
    color: #6b4f3a;
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.mvm-foot-row-caret {
    color: #b09377;
    margin-left: 4px;
    flex-shrink: 0;
}

/* ── Mobile bottom-sheet picker ──────────────────────────────────── */
.ccy-sheet {
    position: fixed;
    inset: 0;
    z-index: 99999;
    pointer-events: none;
}
.ccy-sheet.is-open { pointer-events: auto; }
.ccy-sheet-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    opacity: 0;
    transition: opacity .22s ease;
}
.ccy-sheet.is-open .ccy-sheet-backdrop { opacity: 1; }

.ccy-sheet-panel {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    max-height: 80vh;
    background: #ffffff;
    border-radius: 18px 18px 0 0;
    padding: 12px 0 calc(env(safe-area-inset-bottom, 0) + 16px);
    box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.15);
    transform: translateY(100%);
    transition: transform .26s cubic-bezier(.22, .61, .36, 1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.ccy-sheet.is-open .ccy-sheet-panel { transform: translateY(0); }

.ccy-sheet-handle {
    width: 36px;
    height: 4px;
    background: #e7e2da;
    border-radius: 2px;
    margin: 0 auto 16px;
}
.ccy-sheet-title {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    font-size: 24px;
    font-weight: 500;
    color: #2b1d14;
    text-align: center;
    margin: 4px 0 6px;
    letter-spacing: -0.005em;
}
.ccy-sheet-sub {
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    color: #b09377;
    text-transform: uppercase;
    margin: 0 0 18px;
}
.ccy-sheet-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ccy-sheet-list li {
    display: grid;
    grid-template-columns: 64px 1fr auto 24px;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    border-top: 1px solid #f4ede4;
    cursor: pointer;
    font-size: 17px;
    color: #6b4f3a;
}
.ccy-sheet-list li:active { background: #faf5ef; }
.ccy-sheet-list li:last-child { border-bottom: 1px solid #f4ede4; }
.ccy-sheet-code {
    font-weight: 600;
    color: #2b1d14;
    font-size: 17px;
    letter-spacing: 0.02em;
}
.ccy-sheet-name {
    color: #6b4f3a;
    font-weight: 400;
}
.ccy-sheet-symbol {
    color: #6b4f3a;
    font-weight: 400;
    min-width: 32px;
    text-align: right;
}
.ccy-sheet-check {
    width: 20px;
    height: 20px;
    color: #2b1d14;
    opacity: 0;
}
.ccy-sheet-list li.is-active .ccy-sheet-check { opacity: 1; }
.ccy-sheet-list li.is-active .ccy-sheet-code { font-weight: 700; }

body.ccy-sheet-locked { overflow: hidden; }

/* === assets/css/vendor/pill-sidebar.css === */
/**
 * Checklist-sidebar v15.7 — Sephora-style filter UI styling.
 *
 * Used only on pages with `[data-pill-sidebar]` (currently fragrance.html).
 * All selectors namespaced `.cl-*` (for ChecKList) so it can't fight with
 * the legacy `.axil-shop-sidebar` or earlier `.pill-*` styles.
 *
 * Visual reference — Photo 1-4 in the v15.7 brief: tall scrollable list,
 * native checkboxes on the left, label, counts inline. Brand block has a
 * search input. "Show more" opens a centered modal with a 3-column grid.
 */

[data-pill-sidebar] {
  --cl-color-text:    #1a1f28;
  --cl-color-muted:   #6b6b6b;
  --cl-color-border:  #e6e9ee;
  --cl-color-bg:      #fff;
  --cl-color-accent:  var(--color-primary, #c43a5b);
  --cl-color-hover:   #f7f8fa;

  background: var(--cl-color-bg);
  padding: 0;
  font-size: 14px;
  color: var(--cl-color-text);
}

/* ──── Header ─────────────────────────────────────────────────────── */
.cl-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0 12px;
  border-bottom: 1px solid var(--cl-color-border);
  margin-bottom: 4px;
}
.cl-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--cl-color-text);
  /* v15.8: subtle accent border on the left of the Filter By label */
  border-left: 3px solid var(--cl-color-accent);
  padding-left: 10px;
  line-height: 1.1;
  /* Keep on one line — wide layouts have plenty of room */
  white-space: nowrap;
}
.cl-clear-all {
  background: transparent;
  border: 0;
  color: var(--cl-color-accent);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 0;
  border-radius: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  /* Compact text-link — no background, no chunky rectangle */
  white-space: nowrap;
  flex-shrink: 0;
}
.cl-clear-all:hover {
  color: var(--cl-color-text);
  background: transparent;
}

.cl-loading,
.cl-empty {
  padding: 18px 0;
  color: var(--cl-color-muted);
  font-size: 14px;
}

/* ──── Group block ────────────────────────────────────────────────── */
.cl-group {
  border-bottom: 1px solid var(--cl-color-border);
  padding: 14px 0;
}
.cl-group:last-child { border-bottom: 0; }
.cl-group.is-collapsed { padding-bottom: 12px; }

.cl-group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  color: var(--cl-color-text);
}
.cl-group-toggle:hover { color: var(--cl-color-accent); }
.cl-group-toggle:focus-visible {
  outline: 2px solid rgba(196, 58, 91, 0.5);
  outline-offset: 2px;
  border-radius: 2px;
}
.cl-group-title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.cl-group-badge {
  display: inline-block;
  background: var(--cl-color-text);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: 10px;
  margin-left: 4px;
  vertical-align: middle;
}
.cl-group-chevron {
  font-size: 12px;
  color: var(--cl-color-muted);
  margin-left: 8px;
  flex-shrink: 0;
  line-height: 1;
}
.cl-group-body {
  padding-top: 10px;
}

/* ──── Brand search input ─────────────────────────────────────────── */
.cl-search {
  position: relative;
  margin-bottom: 8px;
}
.cl-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  opacity: 0.6;
  pointer-events: none;
}
.cl-search-input {
  width: 100%;
  padding: 9px 12px 9px 34px;
  border: 1px solid var(--cl-color-border);
  border-radius: 24px;
  background: #f5f6f8;
  font-size: 13px;
  color: var(--cl-color-text);
  outline: none;
  transition: border-color 0.12s ease-out, background 0.12s ease-out;
}
.cl-search-input:focus {
  border-color: var(--cl-color-text);
  background: #fff;
}

/* ──── Checklist rows ─────────────────────────────────────────────── */
.cl-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cl-row {
  margin: 0;
  padding: 0;
}
.cl-row-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 6px 7px 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.1s ease-out;
  line-height: 1.35;
}
.cl-row-label:hover { background: var(--cl-color-hover); }

/* v15.22.1 — Active-row styling. Without this, the only visual cue that
   a filter is checked was the small black square inside the 18×18px
   checkbox — easy to miss when scanning a long list. Now the WHOLE row
   gains:
     • bold black text
     • a subtle grey background tint
     • a 3px black left bar
     • the count becomes a small filled black pill instead of grey parens

   The count is now rendered without literal parens in the markup —
   parens get added via ::before/::after on UNCHECKED rows only, so
   the checked-row pill reads cleanly as a single shape. */
.cl-row.is-checked > .cl-row-label {
  background: #f5f5f5;
  position: relative;
  padding-left: 12px;
}
.cl-row.is-checked > .cl-row-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background: var(--cl-color-text);
}
.cl-row.is-checked .cl-row-text {
  font-weight: 700;
  color: var(--cl-color-text);
}
.cl-row.is-checked .cl-row-count {
  background: var(--cl-color-text);
  color: #fff;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.02em;
}
/* Parens around the count, only for UNCHECKED rows. Active rows
   render as a clean black pill. */
.cl-row:not(.is-checked) .cl-row-count::before { content: '('; }
.cl-row:not(.is-checked) .cl-row-count::after  { content: ')'; }

.cl-row-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #b3b8c1;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #fff;
  margin: 0;
  position: relative;
  transition: border-color 0.12s ease-out, background 0.12s ease-out;
}
.cl-row-checkbox:hover { border-color: var(--cl-color-text); }
.cl-row-checkbox:checked {
  background: var(--cl-color-text);
  border-color: var(--cl-color-text);
}
.cl-row-checkbox:checked::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg) translate(-1px, -1px);
}
.cl-row-checkbox:focus-visible {
  outline: 2px solid rgba(196, 58, 91, 0.5);
  outline-offset: 2px;
}

.cl-row-text {
  flex: 1 1 auto;
  color: var(--cl-color-text);
  font-size: 14px;
  font-weight: 400;
  /* Allow long labels to wrap nicely */
  overflow-wrap: anywhere;
}
.cl-row-count {
  color: var(--cl-color-muted);
  font-size: 13px;
  font-weight: 400;
  flex-shrink: 0;
}

/* Stars for the Rating group */
.cl-stars {
  letter-spacing: 0;
  color: #f5a623;
  font-size: 13px;
  margin-right: 4px;
}

/* ──── Show more / less inline link ───────────────────────────────── */
.cl-show-more {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 0;
  background: transparent;
  border: 0;
  color: var(--cl-color-accent);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-show-more:hover { color: var(--cl-color-text); }

/* ──── Modal "Show more" ──────────────────────────────────────────── */
.cl-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: cl-fade-in 0.15s ease-out;
}
@keyframes cl-fade-in { from { opacity: 0; } to { opacity: 1; } }

.cl-modal {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  max-width: 880px;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
}

.cl-modal-head {
  padding: 16px 24px;
  border-bottom: 1px solid var(--cl-color-border, #e6e9ee);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cl-modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--cl-color-text, #1a1f28);
  white-space: nowrap;          /* Don't wrap "Filter & Sort" on narrow modals */
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-modal-close {
  background: transparent;
  border: 0;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  color: var(--cl-color-text, #1a1f28);
  font-weight: 300;
  flex: 0 0 auto;               /* Don't shrink the close button */
}

.cl-modal-subhead {
  padding: 16px 24px 4px;
}
.cl-modal-group-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid var(--cl-color-text, #1a1f28);
  display: inline-block;
  padding-bottom: 6px;
  padding-right: 4px;           /* Underline extends slightly past text */
}

.cl-modal-search {
  padding: 14px 24px 0;
}
.cl-modal-search-wrap {
  /* Inner wrapper so the icon positions relative to the INPUT, not the
   * outer padded container. Without this the icon centers against the
   * whole padded box and floats up near the title. */
  position: relative;
}
.cl-modal-search-wrap .cl-search-icon {
  left: 14px;
  font-size: 14px;
}
.cl-modal-search-input {
  width: 100%;
  padding: 11px 16px 11px 40px;
  border: 1px solid var(--cl-color-border, #e6e9ee);
  border-radius: 30px;
  background: #f5f6f8;
  font-size: 14px;
  outline: none;
}
.cl-modal-search-input:focus { background: #fff; border-color: #1a1f28; }

.cl-modal-sort {
  padding: 8px 24px 0;
}
.cl-modal-sort-btn {
  background: transparent;
  border: 0;
  color: #4a90e2;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-modal-sort-btn.is-active { color: var(--cl-color-text, #1a1f28); }

.cl-modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 12px 24px 16px;
}
.cl-modal-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px 24px;
}
.cl-modal-empty {
  padding: 24px;
  color: var(--cl-color-muted, #6b6b6b);
  text-align: center;
}
.clm-row { margin: 0; }
.clm-row-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 4px;
  cursor: pointer;
  border-radius: 4px;
  line-height: 1.35;
}
.clm-row-label:hover { background: #f7f8fa; }
.clm-row-label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #b3b8c1;
  border-radius: 3px;
  cursor: pointer;
  flex-shrink: 0;
  background: #fff;
  margin: 0;
  position: relative;
}
.clm-row-label input[type="checkbox"]:checked {
  background: var(--cl-color-text, #1a1f28);
  border-color: var(--cl-color-text, #1a1f28);
}
.clm-row-label input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg) translate(-1px, -1px);
  top: 2px;
  left: 5px;
}
.clm-row-text {
  flex: 1 1 auto;
  font-size: 14px;
  color: var(--cl-color-text, #1a1f28);
  overflow-wrap: anywhere;
}
.clm-row-count {
  color: var(--cl-color-muted, #6b6b6b);
  font-size: 13px;
  flex-shrink: 0;
}
/* v15.22.1 — Modal active-row, matches the sidebar treatment so the
   user sees a consistent active state whether filtering inline or in
   the "Show more" modal. */
.clm-row.is-checked > .clm-row-label {
  background: #f5f5f5;
  position: relative;
  padding-left: 12px;
}
.clm-row.is-checked > .clm-row-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background: var(--cl-color-text, #1a1f28);
}
.clm-row.is-checked .clm-row-text {
  font-weight: 700;
  color: var(--cl-color-text, #1a1f28);
}
.clm-row.is-checked .clm-row-count {
  background: var(--cl-color-text, #1a1f28);
  color: #fff;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.clm-row:not(.is-checked) .clm-row-count::before { content: '('; }
.clm-row:not(.is-checked) .clm-row-count::after  { content: ')'; }

.cl-modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-top: 1px solid var(--cl-color-border, #e6e9ee);
  background: #fff;
}
.cl-modal-clear {
  background: transparent;
  border: 0;
  color: #4a90e2;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-modal-apply {
  background: var(--cl-color-text, #1a1f28);
  color: #fff;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 28px;
  cursor: pointer;
  transition: background 0.12s ease-out;
}
.cl-modal-apply:hover { background: #000; }

/* ──── Mobile ─────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .cl-modal-grid { grid-template-columns: repeat(2, 1fr); }
  .cl-modal-head, .cl-modal-subhead, .cl-modal-search,
  .cl-modal-sort, .cl-modal-body, .cl-modal-foot { padding-left: 16px; padding-right: 16px; }
  .cl-modal { max-height: 95vh; }
}
@media (max-width: 480px) {
  .cl-modal-grid { grid-template-columns: 1fr; }
  .cl-row-label { padding: 9px 4px; }
}

/* === assets/css/vendor/mobile-filters.css === */
/* ============================================================
 * mobile-filters.css — Nike-style mobile filter UI for category
 * pages (Fragrance / Makeup / Skincare / Bath & Body / Hair /
 * Tools & Brushes / Gifts / New / Sales / Brands).
 *
 * Behavior
 * ─────────
 *  • Two horizontal-scroll rows under the breadcrumb on phones:
 *      Row 1 — Subcategory pills (plain text, underline on active)
 *      Row 2 — Filter chip buttons (rounded outline, opens a
 *              bottom-sheet modal with the actual checkboxes)
 *  • Bottom sheet slides up over the page with a dim overlay.
 *  • Desktop (>=992px) is untouched — the existing sidebar shows
 *    as before; the new bar / sheets are display:none.
 *
 * All DOM is injected by mobile-filters.js. The bar is appended
 * just inside `.main-wrapper` so it sits between the breadcrumb
 * and the shop grid.
 * ============================================================ */

/* ---------- Bar (mobile only) ---------- */
.mf-bar {
  display: none; /* hidden by default; @media below turns on */
}

@media (max-width: 991px) {
  /* Hide the desktop FILTER mobile-toggle button + sort dropdown
     row — replaced by our chips on small screens. */
  .axil-shop-top .product-filter-mobile,
  .axil-shop-top .filter-results { display: none !important; }
  /* And make sure the desktop sidebar doesn't slide in by accident */
  .axil-shop-sidebar { display: none !important; }

  .mf-bar {
    display: block;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 4px 0 8px;
    position: relative;
    z-index: 3;
  }

  /* The breadcrumb area takes too much vertical space on mobile.
     Trim it so the filter bar feels close to the title. */
  .axil-breadcrumb-area { padding: 18px 0 14px !important; }
  .axil-breadcrumb-area .inner .title {
    font-size: 22px !important;
    margin-bottom: 0 !important;
  }
  .axil-breadcrumb { margin-bottom: 6px !important; }

  /* Generic horizontal scroller used by both rows */
  .mf-scroller {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 8px 16px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    /* Defensive: nothing inside should ever stretch to fill the row */
    text-align: left;
  }
  .mf-scroller > * {
    flex: 0 0 auto;
    width: auto !important;
    max-width: none;
  }
  .mf-scroller::-webkit-scrollbar { display: none; }

  /* Row 1 — subcategory text pills (Nike "Lifestyle / Jordan / …") */
  .mf-subcats {
    padding: 8px 16px 10px;
    justify-content: flex-start;
    gap: 22px;
  }
  .mf-subcats:empty { display: none !important; }
  .mf-subcat {
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 700;
    color: #555;
    background: none;
    border: none;
    padding: 6px 0;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    line-height: 1.4;
    border-bottom: 2px solid transparent;
    transition: color .15s, border-color .15s;
    /* Each pill sizes to its content — never stretches. */
    width: auto;
    min-width: 0;
  }
  .mf-subcat.is-active {
    color: #111;
    border-bottom-color: #111;
  }
  .mf-subcat:hover { color: #111; }
  .mf-subcat:focus { outline: none; }

  /* Row 2 — filter chips (rounded outline pills, Nike-style) */
  .mf-chips {
    padding: 4px 16px 10px;
    gap: 8px;
  }
  .mf-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #c4c4c4;
    border-radius: 999px;
    background: #fff;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .15s, background .15s;
    width: auto;
    min-width: 0;
  }
  .mf-chip:focus { outline: none; }
  .mf-chip.is-active {
    border-color: #111;
    background: #f4f4f4;
  }
  .mf-chip .mf-chip-count {
    font-weight: 600;
    color: #111;
  }
  /* Caret on filter chips */
  .mf-chip-caret {
    width: 8px; height: 8px;
    display: inline-block;
    border-right: 1.5px solid #111;
    border-bottom: 1.5px solid #111;
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: -3px;
    flex-shrink: 0;
  }

  /* ---------- Bottom sheet ---------- */
  .mf-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
  }
  .mf-overlay.is-open { opacity: 1; visibility: visible; }

  .mf-sheet {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #fff;
    border-radius: 18px 18px 0 0;
    z-index: 1101;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.2,.9,.3,1);
    box-shadow: 0 -8px 24px rgba(0,0,0,.12);
  }
  .mf-sheet.is-open { transform: translateY(0); }

  .mf-sheet-handle {
    width: 36px; height: 4px;
    background: #ddd;
    border-radius: 2px;
    margin: 10px auto 0;
  }
  .mf-sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px 12px;
  }
  .mf-sheet-title {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0;
  }
  .mf-sheet-close {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: #f2f2f2;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    color: #111;
    padding: 0;
  }
  .mf-sheet-close:hover { background: #e6e6e6; }

  .mf-sheet-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4px 22px 8px;
    flex: 1;
  }

  /* Filter rows inside the sheet — boxed grid for Size, list for others */
  .mf-sheet-body .mf-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    user-select: none;
  }
  .mf-sheet-body .mf-row:last-child { border-bottom: none; }
  .mf-sheet-body .mf-row .mf-cb {
    width: 22px; height: 22px;
    border: 1.5px solid #555;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s, border-color .15s;
  }
  .mf-sheet-body .mf-row.is-checked .mf-cb {
    background: #111;
    border-color: #111;
  }
  .mf-sheet-body .mf-row.is-checked .mf-cb::after {
    content: '';
    width: 6px; height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-1px, -1px);
  }
  .mf-sheet-body .mf-row-label {
    font-size: 16px;
    color: #111;
    font-weight: 500;
    flex: 1;
  }
  .mf-sheet-body .mf-row-count {
    color: #888;
    font-size: 13px;
    font-weight: 500;
  }
  /* Wrap count in parens like the desktop sidebar's "(0)" */
  .mf-sheet-body .mf-row-count::before { content: '('; }
  .mf-sheet-body .mf-row-count::after { content: ')'; }
  .mf-sheet-body .mf-empty {
    text-align: center;
    color: #888;
    font-size: 14px;
    padding: 40px 0;
  }

  /* Size grid mode (3-column boxes like Nike photo 6) */
  .mf-sheet-body.mf-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 8px 22px;
  }
  .mf-sheet-body.mf-grid .mf-row {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 14px 6px;
    justify-content: center;
    gap: 6px;
  }
  .mf-sheet-body.mf-grid .mf-row.is-checked {
    border-color: #111;
    background: #f7f7f7;
  }
  .mf-sheet-body.mf-grid .mf-row .mf-cb { display: none; }
  .mf-sheet-body.mf-grid .mf-row .mf-row-label {
    font-size: 14px;
    text-align: center;
    flex: 0 0 auto;
  }
  .mf-sheet-body.mf-grid .mf-row .mf-row-count { display: none; }

  .mf-sheet-footer {
    padding: 14px 22px 22px;
    border-top: 1px solid #f2f2f2;
    background: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .mf-sheet-clear {
    background: none;
    border: none;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 12px 4px;
    width: auto;
    text-decoration: underline;
  }
  .mf-sheet-apply {
    flex: 1;
    height: 52px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, opacity .15s;
  }
  .mf-sheet-apply:disabled {
    background: #d6d6d6;
    color: #fff;
    cursor: not-allowed;
  }
  .mf-sheet-apply:not(:disabled):hover { background: #000; }

  /* Lock body scroll while sheet open */
  body.mf-locked {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  /* Hide the floating support-chat bubble while the filter sheet is open
     so it doesn't float on top of the modal. */
  body.mf-locked .et-chat-bubble,
  body.mf-locked .et-chat-widget,
  body.mf-locked [data-chat-toggle] {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* ---------- Product grid: 2 columns on phones ---------- */
  /* The current cards use col-xl-4 col-sm-6 which gives 2 cols at
     576px+. Below 576px Bootstrap collapses to 1 col, which is the
     problem the user pointed out. Force 2 cols across all phones. */
  [data-product-grid] > [class*="col-"],
  [data-product-grid] > .skel-card-wrap {
    -webkit-flex: 0 0 50% !important;
       -moz-flex: 0 0 50% !important;
        -ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  [data-product-grid] {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  /* Tighten card spacing/sizing on phones */
  [data-product-grid] .axil-product { margin-bottom: 18px !important; }
  [data-product-grid] .axil-product .product-content {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
  }
  [data-product-grid] .axil-product .product-content .title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  [data-product-grid] .axil-product .product-content .product-price-variant span.price {
    font-size: 14px !important;
  }
  [data-product-grid] .axil-product .product-hover-action {
    display: none !important; /* no hover on touch */
  }

  /* Sort dropdown — make it a chip-like control aligned at top right
     of the chip row, or just stash it: we expose Sort as a chip inside
     the bar, see JS. The original <select> stays but gets hidden. */
  .axil-shop-top { display: none !important; }

  /* Tighter container padding on mobile */
  .axil-shop-area .container { padding-left: 10px; padding-right: 10px; }
  .axil-shop-area { padding: 0 0 30px !important; }
}

/* Smaller phones — narrow chip & subcat padding a touch */
@media (max-width: 380px) {
  .mf-scroller { padding-left: 12px; padding-right: 12px; }
  .mf-subcat { font-size: 14px; }
  .mf-chip { font-size: 13px; padding: 0 12px; }
}

/* === assets/css/vendor/category-banner.css === */
/* ─────────────────────────────────────────────────────────────────────────
   Category Banner — MOBILE ONLY
   ─────────────────
   A horizontal promo strip that sits between the breadcrumb / page title
   block and the listing area on every category, gifts, sales and brand
   page on PHONES AND TABLETS (≤991px). Editable from the admin panel
   under Homepage → Category Banner.

   The banner is intentionally MOBILE-ONLY — desktop already has a wide
   sidebar and visible promo bar above; adding another bar there would
   crowd the layout. Phones and tablets benefit most from the loud,
   horizontal promo strip (Jomashop's "MEMORIAL DAY: UP TO 75% OFF —
   SHOP NOW" pattern).

   Design choices:
   • Hidden on screens >991px wide.
   • Default palette: deep navy background, white text, gold accent on
     the link. Admin can override bg / text / link colors per banner.
   • CTA label uses a right arrow that nudges on hover.
   • Hidden until home-content.js sets data-loaded — prevents an
     empty-state flash.
   • Hidden when admin disables (enabled=false) via the .is-disabled class.
   ───────────────────────────────────────────────────────────────────── */

/* Desktop: hide the banner area entirely (also hides the wrapper's vertical
   space). The slot is mobile-only. */
@media (min-width: 992px) {
  .axil-category-banner-area,
  [data-category-banner] {
    display: none !important;
  }
}

/* Phones + tablets: the banner is shown as a block, but only after
   home-content.js has flagged it as loaded (prevents FOUC). */
@media (max-width: 991px) {
  [data-category-banner] {
    display: none;
  }
  [data-category-banner][data-loaded="true"] {
    display: block;
  }
  [data-category-banner].is-disabled {
    display: none !important;
  }

  .cb-banner {
    background: #1F2A44;
    color: #fff;
    border-radius: 12px;
    padding: 14px 22px;
    margin: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-family: inherit;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .cb-banner:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 6px 20px rgba(20, 24, 50, 0.18);
    transform: translateY(-1px);
  }
  .cb-banner:focus {
    outline: 2px solid rgba(255, 255, 255, 0.6);
    outline-offset: 2px;
  }

  /* Decorative accent stripe on the left edge — a subtle gold bar.
     Hidden when banner has no text (only a promo code / CTA showing),
     so the stripe doesn't look orphaned next to a stand-alone CTA. */
  .cb-banner::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: var(--cb-accent, #E5B25D);
  }
  .cb-banner.cb-no-stripe::before { display: none; }
  .cb-banner.cb-no-stripe { padding-left: 18px; }

  .cb-banner-text {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.3;
    color: inherit;
  }
  .cb-banner-text em {
    font-style: normal;
    color: var(--cb-accent, #E5B25D);
    font-weight: 800;
  }
  .cb-banner-text b,
  .cb-banner-text strong {
    font-weight: 800;
  }

  .cb-banner-cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: inherit;
    border-bottom: 1.5px solid currentColor;
    padding-bottom: 1px;
    white-space: nowrap;
    transition: gap .2s ease;
  }
  .cb-banner-cta::after {
    content: '→';
    font-size: 14px;
    line-height: 1;
    transition: transform .2s ease;
  }
  .cb-banner:hover .cb-banner-cta { gap: 10px; }
  .cb-banner:hover .cb-banner-cta::after { transform: translateX(2px); }
}

/* Phones — tighter padding, slightly smaller text */
@media (max-width: 575px) {
  .cb-banner {
    padding: 12px 16px;
    border-radius: 10px;
    margin: 0 10px 14px;
    gap: 12px;
  }
  .cb-banner-text { font-size: 12.5px; letter-spacing: 0.4px; }
  .cb-banner-cta  { font-size: 12px; }
  .cb-banner-cta::after { font-size: 13px; }
}

/* Very narrow phones — wrap to two rows if needed */
@media (max-width: 360px) {
  .cb-banner {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .cb-banner-cta { width: 100%; }
}



/* === assets/css/vendor/brands-page.css === */
/* ===========================================================
   Brands directory + brand-storefront page styles  (v15.20)
   -----------------------------------------------------------
   Black-and-white elegant design. No gradients. Strong type.
   Two modes:
     1. brands.html               → A-Z brand directory
     2. brands.html?brand=Foo+Bar → single-brand storefront
   =========================================================== */


/* ============================================================
   Breadcrumb / page header customisation for brands.html
   ============================================================ */
.brand-page-tagline {
  margin: 6px 0 0;
  color: #6B7280;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
}


/* ============================================================
   DIRECTORY MODE — A-Z brand grid + jump bar + search
   ============================================================ */

.brands-directory-area {
  padding: 40px 0 80px;
  background: #fff;
}

/* Loading spinner until /api/brands resolves */
.brands-directory-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 80px 0;
  color: #9CA3AF;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.brands-directory-loading-spinner {
  width: 28px;
  height: 28px;
  border: 2px solid #f0f0f0;
  border-top-color: #292930;
  border-radius: 50%;
  animation: bdspin 0.8s linear infinite;
}
@keyframes bdspin { to { transform: rotate(360deg); } }

/* --- Search + count strip ---------------------------------- */
.brands-directory-toolbar {
  position: sticky;
  top: 90px; /* sits just under the topbar */
  z-index: 30;
  background: #fff;
  padding: 22px 0 18px;
  margin: 0 0 22px;
  border-bottom: 1px solid #ececec;
}
.brands-directory-toolbar-inner {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.brands-directory-search {
  position: relative;
  flex: 1 1 320px;
  max-width: 480px;
}
.brands-directory-search input {
  width: 100%;
  height: 48px;
  padding: 0 14px 0 46px;
  border: 1.5px solid #e5e5e5;
  border-radius: 999px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #111;
  transition: border-color 0.18s ease;
  outline: none;
}
.brands-directory-search input::placeholder { color: #aaa; font-weight: 400; }
.brands-directory-search input:focus {
  border-color: #111;
}
.brands-directory-search i {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: #aaa;
  font-size: 14px;
  pointer-events: none;
  transition: color 0.18s ease;
}
.brands-directory-search:focus-within i { color: #111; }

.brands-directory-count {
  color: #6B7280;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.brands-directory-count strong { color: #111; font-weight: 700; }

/* --- Jump bar (A B C D … Z #) ------------------------------ */
.brands-directory-jumpbar {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 4px;
  margin: 0;
  list-style: none;
  justify-content: space-between;
  border: 1px solid #ececec;
  border-radius: 999px;
  background: #fafafa;
}
.brands-directory-jumpbar li { margin: 0; }
.brands-directory-jumpbar a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 32px;
  padding: 0 8px;
  border-radius: 999px;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.03em;
  transition: background 0.15s ease, color 0.15s ease;
}
.brands-directory-jumpbar a:hover {
  background: #fff;
  color: #111;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.brands-directory-jumpbar a.is-disabled {
  color: #d0d0d0;
  font-weight: 500;
  pointer-events: none;
}
.brands-directory-jumpbar a.is-active {
  background: #111;
  color: #fff;
}

/* --- Letter sections --------------------------------------- */
.brands-directory-section {
  margin: 0 0 42px;
  scroll-margin-top: 180px; /* leave room under sticky toolbar */
}
.brands-directory-section-header {
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 0 0 14px;
  margin: 0 0 22px;
  border-bottom: 2px solid #111;
}
.brands-directory-section-letter {
  font-size: 36px;
  font-weight: 800;
  color: #111;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
}
.brands-directory-section-count {
  font-size: 11px;
  font-weight: 600;
  color: #999;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* --- Brand cards grid -------------------------------------- */
.brands-directory-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px 32px;
}
@media (max-width: 1199px) { .brands-directory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 991px)  { .brands-directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575px)  { .brands-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; } }

.brands-directory-brand {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 4px;
  text-decoration: none;
  color: #111;
  font-size: 16px;
  font-weight: 800;            /* extra-bold for confident type presence */
  letter-spacing: -0.01em;
  line-height: 1.35;
  transition: color 0.15s ease, transform 0.15s ease;
  border-bottom: 1px solid transparent;
}
.brands-directory-brand:hover {
  color: #000;
  border-bottom-color: #111;
  transform: translateX(2px);
}
.brands-directory-brand-name { flex: 1; min-width: 0; word-break: break-word; }
.brands-directory-brand-count {
  font-size: 12px;
  color: #999;
  font-weight: 600;
  letter-spacing: 0.01em;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.brands-directory-brand:hover .brands-directory-brand-count { color: #111; }

/* Empty brand (no products yet) — still bold + readable, just slightly
   less prominent than fully-stocked brands. Previously was light grey
   (#c8c8c8) at weight 500 which rendered the entire A-Z grid as ghost
   text; now stays dark and heavy. */
.brands-directory-brand.is-empty {
  color: #222;
  font-weight: 700;
  opacity: 0.85;
}
.brands-directory-brand.is-empty:hover {
  color: #000;
  border-bottom-color: #111;
  opacity: 1;
}
.brands-directory-brand.is-empty .brands-directory-brand-count { color: #b8b8b8; }

/* Empty-state when search yields nothing */
.brands-directory-empty {
  text-align: center;
  padding: 80px 20px;
  color: #999;
}
.brands-directory-empty h3 {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin: 0 0 8px;
}
.brands-directory-empty p { margin: 0; font-size: 14px; }

/* Brands directory mode previously hid the breadcrumb image and forced the
   title to full width. That looked off because the cream disc behind the
   image stayed, and the layout no longer matched the other category pages
   (Hair, Skincare, etc.). Restore the standard side-by-side layout:
   title in the left col, decorative image in the right col. */


/* ============================================================
   SINGLE-BRAND STOREFRONT MODE — small overrides on top of
   pill-sidebar.css. Most visuals already come from there.
   ============================================================ */

/* Brand-hero pill placed below the H1 title. Monochrome, restrained. */
.brand-hero {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 8px 18px 8px 8px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.brand-hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font-size: 13px;
  font-weight: 800;
}
.brand-hero-count {
  opacity: 0.7;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* === assets/css/vendor/theme-ceulane.css === */
/* ==========================================================================
   Ceulane Theme — Warm Brown / Copper / Cream Palette
   ==========================================================================
   This file is loaded LAST on every public-facing page. It retargets the
   theme's loud blue / pink / purple accents to the warm brown / copper /
   cream palette already used on the single-product page (PDP).

   Strategy:
     1. Override the brand color CSS variables at :root so every rule that
        uses var(--color-primary|secondary|tertiary|light-primary|chart01..03)
        recolors automatically — that's ~80% of the site.
     2. Patch the specific spots where designers hard-coded hex blues / pinks
        / purples that escape the variable system (gradient buttons, chat
        widget, "NEW"/"Limited" badges, sidebar radio buttons, etc.).
     3. Leave the .ceulane-pdp PDP layout alone — its --pdp-* tokens are
        already correct.
     4. Leave the top pink promo bar and the pink header band alone — per
        the brief, those stay pink for now.
   -------------------------------------------------------------------------- */

/* ============ 1) Re-define brand tokens at :root ========================
   The base stylesheet sets these in its own :root rule earlier in the
   cascade. Same-specificity, later-declared wins — no !important needed.
   These flow into hundreds of existing rules. */
:root {
    /* === New warm Ceulane palette === */
    --color-primary:    #2A1A0A; /* dark ink (was blue #3577f0) */
    --color-secondary:  #DF8E40; /* copper (was hot pink #ff497c) */
    --color-tertiary:   #F4D9B8; /* warm sand (was light pink #FAB8C4) */
    --light-primary:    #8a6a3a; /* mid-brown (was lavender #8c71db) */

    --color-chart01:    #8a6a3a; /* was purple */
    --color-chart02:    #F4D9B8; /* was pale blue */
    --color-chart03:    #b8341c; /* was salmon — now sale red */

    /* Body/heading mostly already neutral, but tighten heading to warmer ink */
    --color-heading:    #2A1A0A;
}

/* ============ 2) Hard-coded brand hex overrides ========================
   These rules duplicate the matching selector in the base sheet but with
   the new color value. Same specificity, declared later → wins. */

/* `mark` and form-message colors */
mark {
    background: #2A1A0A;
}
.error-msg p,
.success-msg p {
    /* unchanged: red error / brand-tinted success — leave the green-ish but warmer */
}
.success-msg p {
    color: #2f7d3e;
}

/* Tertiary background utility (was bright pink) */
.bg-tertiary-2 {
    background-color: #faeee0;
}

/* Vista white background — already warm, leave as-is (#f9f3f0) */

/* "NEW", "Limited", "AMAZON'S CHOICE" badges on product cards.
   The base CSS sets product-badget background: var(--color-primary).
   That now resolves to dark brown — but the photos showed bright blue,
   which means there's a hex-override somewhere or the badge defaults
   are getting the dark ink. We *want* a softer copper for product
   badges so they read as "callout" not as a black box. */
.axil-product .label-block .product-badget,
.single-product-thumbnail.thumbnail-badge .thumbnail .label-block .product-badget,
.single-product-thumbnail-wrap .label-block .product-badget {
    background-color: #DF8E40 !important;       /* copper */
    color: #fff !important;
    box-shadow: 0 6px 14px 0 rgba(223, 142, 64, 0.30) !important;
}

/* Gradient apply filters button (was purple → pink) */
.axil-btn.shop-apply-btn {
    background: linear-gradient(135deg, #DF8E40, #2A1A0A) !important;
}
.axil-btn.shop-apply-btn:hover {
    box-shadow: 0 8px 20px rgba(223, 142, 64, 0.35) !important;
}
.axil-btn.shop-apply-btn.is-dirty::after {
    background: #F4D9B8 !important;
    box-shadow: 0 0 8px rgba(244, 217, 184, 0.9) !important;
}
@keyframes shop-apply-pulse {
    0%, 100% { box-shadow: 0 4px 14px rgba(223, 142, 64, 0.30); }
    50%      { box-shadow: 0 4px 22px rgba(42, 26, 10, 0.45); }
}

/* Reset filters button hover (was crimson) */
.axil-btn.shop-reset-btn:hover {
    border-color: #b8341c !important;
    color: #b8341c !important;
}

/* Active pending filter items in lists */
[data-filter-list] [data-filter-value].is-active {
    color: #DF8E40 !important;
}

/* Hardcoded blue #3577f0 in auth-helpers — these are inputs, status
   indicators, sidebar dots, etc. They need to become brown/copper. */
[style*="#3577f0"] { color: inherit; } /* defensive — rare inline use */

/* Sidebar Categories radio dot when chosen (currently fills with blue
   primary; since we re-set --color-primary above, it now becomes dark
   brown which is the intent — no extra rule needed) */

/* Email-error / success colors — leave alone */

/* Live chat floating widget (was purple-ish via gradient) */
.et-chat-bubble {
    background: linear-gradient(135deg, #DF8E40 0%, #2A1A0A 100%) !important;
    box-shadow: 0 8px 24px rgba(223, 142, 64, 0.35) !important;
}
.et-chat-bubble:hover {
    box-shadow: 0 12px 32px rgba(223, 142, 64, 0.45) !important;
}

/* Floating "back to top" arrow + scroll widget (already uses --color-primary
   — flows automatically. No rule needed.) */

/* Best-sellers / recently viewed basket icon (purple circle in image 2)
   is the .quick-link / .liststyle.bullet circle — uses --color-primary,
   recolors via variable. Add a fallback in case a hard-coded hex exists: */
.recently-viewed-icon,
.recently-viewed-section .basket-icon-wrap {
    background-color: #DF8E40 !important;
}

/* Wishlist heart "active" (red) + filled badge background */
.axil-product .cart-action li.select-option a {
    /* uses --color-secondary -> copper now. Good. */
}

/* Sale badge / chart03 references — these now resolve to sale red #b8341c
   which is the right color for "sale" / "-X% off" callouts. */

/* HOME hero "Shop Now" CTA buttons + most page CTAs use .axil-btn with
   btn-bg-primary / btn-bg-secondary classes — they now recolor via the
   variable cascade automatically. */

/* `--color-tertiary` is used as border on testimonial avatars + bg-tertiary
   utility class. Recolored via variable. */

/* Promo banner gradients (.bg-gradient-1..8) used pastel pink/purple
   tones. Re-target the warm ones; leave true pure-cream gradients alone. */
.bg-gradient-1 {
    background-image: radial-gradient(134.22% 147.34% at -14.53% -24.7%, #FFFFFF 0%, #F4E5D0 100%) !important;
}
.bg-gradient-2 {
    background: radial-gradient(77.67% 226.43% at 30.03% 4.61%, #FFFFFF 0%, #F0E2CB 100%) !important;
}
.bg-gradient-3 {
    background: radial-gradient(119.73% 312.23% at 62.29% -39.18%, #FFFFFF 0%, #EFE0C9 100%) !important;
}
.bg-gradient-4 {
    background-image: radial-gradient(115.16% 203.59% at 65.89% 10.39%, #FFFFFF 0%, #F4E5D0 100%) !important;
}
.bg-gradient-5 {
    background-image: radial-gradient(106.12% 118.09% at 67.29% -3.46%, #FFFFFF 0%, #F4E5D0 100%) !important;
}
.bg-gradient-6 {
    background-image: radial-gradient(53.86% 87.31% at 67.29% -3.46%, #FFFFFF 0%, #F4E5D0 100%) !important;
}
.bg-gradient-8 {
    background: radial-gradient(171.05% 478.76% at 62.29% -39.18%, #FFFFFF 0%, #EFE0C9 100%) !important;
}

/* Delivery poster cards (had purple/red soft gradients) */
.delivery-poster {
    background: linear-gradient(97.29deg, #FFFFFF -1.43%, rgba(244, 217, 184, 0.55) 43.99%, rgba(255, 255, 255, 0) 111.12%) !important;
    border-color: #eedfc6 !important;
}
.delivery-poster.delivery {
    background: linear-gradient(97.29deg, #FFFFFF -1.43%, rgba(247, 224, 199, 0.55) 43.99%, rgba(255, 255, 255, 0) 111.12%) !important;
}

/* Price range slider — base sheet uses #5956e9 (loud indigo) for the
   thumb. Recolor it to copper. */
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #DF8E40 !important;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #F4D9B8 !important;
}

/* Welcome modal — uses #5956e9 indigo for "success" text. */
.success-msg p,
p.success-text {
    color: #2f7d3e;
}

/* Footer newsletter `<p span>` highlight (was #fe497c hot pink) */
.axil-footer-widget.footer-widget-newsletter p span {
    color: #DF8E40 !important;
}

/* "About" star icons / rating-icon yellows can stay (#facc15, #ffdc60,
   #ffa800) — these are universal "review" gold colors, not blue/pink. */

/* `.verified-icon` (was Etsy blue #2081e2) — change to copper */
.verified-icon {
    color: #DF8E40 !important;
}

/* Header search modal close hover (uses --color-primary -> dark brown) —
   that's fine. The "View All" underline likewise inherits. */

/* Comment "reply" red-tint link (was indigo) — through variables. */

/* ============ 3) PDP scope safeguard ====================================
   .ceulane-pdp defines its own --pdp-* tokens internally, so its visuals
   are unaffected by the variable swap above. We just make sure no
   stray !important rule above leaks into it. */

/* No selector inside .ceulane-pdp uses var(--color-primary) for its core
   visuals (it uses --pdp-ink, --pdp-accent, etc.), so the cascade is safe. */

/* ============ 4) Final guard: pink top promo + pink header band stay ==
   `.topbar-announcement` already uses #FFF8E1 (cream-yellow), not pink —
   leaving as-is.
   The pink ribbon in the screenshots is most likely a per-page background
   set inline in HTML. We don't touch the `axil-header.header-style-2`
   container nor `.header-top-campaign` background. */

/* ============ 5) Misc polish =========================================== */

/* Selected text — match warm theme */
::selection {
    background: #F4D9B8;
    color: #2A1A0A;
}
::-moz-selection {
    background: #F4D9B8;
    color: #2A1A0A;
}

/* Scroll-up widget arrow tip (border-color uses --color-primary,
   auto-cascades to brown — good). */

/* ════════════════════════════════════════════════════════════════════════
   CHECKOUT PAGE — clean monochrome (body only)
   Header + footer keep their existing colors. Everything inside the
   checkout body (step badges, radio cards, gradients, summary, place
   order button) goes to clean black / white / grey.
   ════════════════════════════════════════════════════════════════════════ */

/* Step number badge (was gradient blue→pink) → solid black */
.checkout-step-num {
    background: #111 !important;
    color: #fff !important;
}

/* Radio cards — neutral border on hover + selected state */
.checkout-radio-card:hover {
    border-color: #cfcfcf !important;
}
.checkout-radio-card.is-selected {
    border-color: #111 !important;
    background: #fafafa !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06) !important;
}
.checkout-radio-card.is-selected .checkout-radio-card-body::before {
    border-color: #111 !important;
    background: #111 !important;
    box-shadow: inset 0 0 0 3px #fff !important;
}

/* "DEFAULT" pill on the saved address — was indigo-on-pale-blue */
.default-pill {
    background: #f2f2f2 !important;
    color: #555 !important;
}

/* Order summary panel — drop the colored scrollbar */
.summary-items::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25) !important;
}

/* Place order button (was gradient blue → pink) → solid black, clean */
.summary-place-btn {
    background: #111 !important;
    color: #fff !important;
    border-radius: 8px !important;
    letter-spacing: 0.01em;
}
.summary-place-btn:hover:not(:disabled) {
    background: #000 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
}

/* Discount-row green stays (it's a status indicator, not brand color) —
   but tone it down so it reads as a quiet success rather than a brand
   accent. */
.summary-row-discount > span:last-child {
    color: #2f7d3e !important;
}

/* The total row already has a black border-top + black total — fine.
   Just make sure the total stays solid black, not theme-overridden. */
.summary-row-total {
    border-top-color: #111 !important;
}

/* ════════════════════════════════════════════════════════════════════════
   ORDER SUMMARY — fix clipped quantity badge + show variant size text
   ════════════════════════════════════════════════════════════════════════ */

/* The qty badge ("7", "4", "3") was being clipped by the wrapper's
   overflow:hidden. Clip the image directly via border-radius on the <img>
   and remove overflow:hidden from the wrapper so the corner badge can sit
   outside the rounded box. Also give the wrapper a touch of padding so the
   badge "floats" cleanly. */
.summary-item-img {
    overflow: visible !important;     /* let the badge show fully */
    background: transparent !important;
}
.summary-item-img img {
    border-radius: 10px;
    background: #fafbfc;              /* the bg moves onto the image */
}
.summary-item-qty {
    /* slightly smaller + brought in so the white outline reads as a ring */
    top: -7px !important;
    right: -7px !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 18px !important;
    border: 2px solid #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    z-index: 1;
}

/* Variant size/shade line under the product name in the summary
   ("3.4oz", "6.76oz" — already emitted by checkout.js as
   .summary-item-variants, but its inline 11px/grey styling needs a real
   rule so it sits nicely under the name and ellipsises long content). */
.summary-item-variants {
    font-size: 11px !important;
    color: #777 !important;
    line-height: 1.3;
    margin: 2px 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}


/* ════════════════════════════════════════════════════════════════════════
   FIXES — payment-block / service-area gap, summary scroll clipping,
            discount-code styling, info toast monochrome, chat + scroll
            buttons monochrome.
   ════════════════════════════════════════════════════════════════════════ */

/* ── (1) Add breathing room between checkout body (last section card,
   typically Payment) and the trust-icons row (.service-area) below.
   The Payment card used to butt right up against the icons. */
.checkout-grid + .service-area,
main + .service-area {
    margin-top: 60px;
}
.service-area {
    padding-top: 40px;
}
@media (max-width: 767px) {
    .checkout-grid + .service-area,
    main + .service-area {
        margin-top: 40px;
    }
    .service-area {
        padding-top: 24px;
    }
}

/* ── (2) Order summary: top item was being clipped against the
   scroll container's top edge (the qty badge floats above the row at
   top:-7px, the parent had no top padding, so the first item's badge
   was getting cut off). Add a tiny top padding so the badge has room. */
.summary-items {
    padding-top: 10px !important;
    /* Slight side padding so the badge doesn't kiss the panel edge */
    padding-left: 4px;
    padding-right: 4px;
    /* And make sure the panel itself isn't clipping at the rounded
       container boundary — we want it to scroll, but the badges should
       still be allowed to sit over the row above (they only float -7px). */
}
/* Defensive — ensure first item gets enough headroom for its badge */
.summary-items > .summary-item:first-child .summary-item-img {
    margin-top: 0; /* badge already sits at -7px which is inside our 10px pad */
}

/* ── (3) Discount-code section — monochrome, clean
   Was a hot gradient Apply button + dashed grey input. Becomes a clean
   solid input with a black Apply button matching Place Order. */

/* Input wrap: lose the dashed border, use a quiet grey solid border */
.coupon-input-wrap {
    border-style: solid !important;
    border-color: #e5e7eb !important;
    background: #fafafa !important;
}
.coupon-input-wrap:focus-within {
    border-color: #111 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06) !important;
}
.coupon-input-wrap:focus-within .coupon-input-icon {
    color: #111 !important;
}
/* Applied state still green — semantically a "success" status */
.coupon-input-wrap.is-applied {
    background: #f6fff8 !important;
    border-color: #2f7d3e !important;
}
.coupon-input-wrap.is-applied .coupon-input-icon,
.coupon-input-check {
    color: #2f7d3e !important;
}
.coupon-status-success-inline {
    background: #f6fff8 !important;
    color: #1c5728 !important;
}

/* Apply button: was blue→pink gradient, now solid black */
.coupon-btn {
    background: #111 !important;
    color: #fff !important;
    border-radius: 8px !important;
    letter-spacing: 0.02em;
}
.coupon-btn:hover:not(:disabled) {
    background: #000 !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18) !important;
}
/* Remove state stays red — it's a destructive action, not brand */
.coupon-btn.is-remove {
    background: #fff !important;
    color: #b8341c !important;
    border: 1.5px solid #f3c2b8 !important;
}
.coupon-btn.is-remove:hover {
    background: #fff6f3 !important;
    border-color: #b8341c !important;
}

/* ── (4) Toast notifications — monochrome (matches checkout body theme)
   The "PayPal will be available soon" toast had a purple→pink icon. We
   keep success green / error red / warning amber because those are
   semantic status colors, but the default info toast goes neutral grey. */
.e-toast--info .e-toast__icon {
    background: linear-gradient(135deg, #2a2a2a 0%, #555 100%) !important;
}
.e-toast--info .e-toast__progress {
    background: linear-gradient(90deg, #2a2a2a, #555) !important;
}

/* ── (5) Live-chat bubble + scroll-to-top — elegant black & white
   Both float at the bottom-right of every page. Make them visually
   match: black bubble for chat, white-bordered black button for scroll.
   These override both the theme defaults and my earlier copper overrides. */
.et-chat-bubble {
    background: #111 !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
}
.et-chat-bubble:hover {
    background: #000 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30) !important;
}
/* Unread badge on chat — stays red, it's a notification indicator */

/* Scroll-to-top buttons — both `.back-to-top` (Axil) and `#scrollUp`
   (Etrade) variants. */
.back-to-top {
    background: #111 !important;
    color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important;
    border: none !important;
    transition: background .15s, transform .15s, box-shadow .15s;
}
.back-to-top:hover,
.back-to-top.show:hover {
    background: #000 !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25) !important;
}
.back-to-top:focus {
    color: #fff !important;
}
/* Theme's #scrollUp is a more complex element (white square with brand-
   colored arrow tip). Keep the white square chassis, but make the arrow
   tip + text use clean ink/grey. */
#scrollUp {
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
    color: #111 !important;
}
#scrollUp::before,
#scrollUp::after {
    background: #fff !important;
}
#scrollUp span.text::after {
    /* The tiny upward triangle that's drawn with CSS borders */
    border-bottom-color: #111 !important;
}
#scrollUp:hover span.text,
#scrollUp:hover {
    color: #111 !important;
}

/* ════════════════════════════════════════════════════════════════════════
   ORDER-CONFIRMED PAGE — monochrome (keeps semantic status indicators)
   The green "order placed" check icon and the "PLACED" status pill stay
   in their current colors because they're status, not brand chrome.
   Everything else (hero background tint, qty badges on items, the big
   "View my orders" CTA, error/link accents) goes black & white.
   ════════════════════════════════════════════════════════════════════════ */

/* Hero card — drop the soft blue/pink corner radials, use a quiet warm
   off-white wash so the card still feels alive but not "brand-colored". */
.oc-hero::before {
    background:
        radial-gradient(ellipse at 20% 0%, rgba(0, 0, 0, 0.025) 0%, transparent 40%),
        radial-gradient(ellipse at 80% 0%, rgba(0, 0, 0, 0.025) 0%, transparent 40%) !important;
}

/* Item quantity badge — was blue→pink gradient + clipping at corners.
   Fix same as checkout summary: solid black, allow overflow on the
   container so the badge isn't clipped at the rounded corners. */
.order-confirmed-area .oc-item-img {
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
}
.order-confirmed-area .oc-item-img img {
    border-radius: 10px;
    border: 1px solid #f0f2f5;
    background: #fafbfc;
}
.order-confirmed-area .oc-item-qty {
    background: #111 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
    /* Tighten position so the badge clears the rounded corner cleanly */
    top: -8px !important;
    right: -8px !important;
    z-index: 1;
}

/* "View my orders" primary CTA — was blue→pink gradient, now solid black
   to match Place Order on checkout. */
.oc-btn-primary {
    background: #111 !important;
    color: #fff !important;
    border-radius: 10px !important;
    letter-spacing: 0.02em;
}
.oc-btn-primary:hover {
    background: #000 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
    color: #fff !important;
}

/* "Continue shopping" ghost — already white with grey border, leave it
   but tighten the hover so it goes to solid black border (not the warm
   brown the variable cascade would inherit). */
.oc-btn-ghost:hover {
    border-color: #111 !important;
    color: #111 !important;
}

/* Error-state link (rare — shown when order lookup fails) */
.order-confirmed-error a {
    color: #111 !important;
}
.order-confirmed-error a:hover {
    color: #555 !important;
    text-decoration: underline;
}

/* NOTE: leaving these alone on purpose:
     .oc-hero-icon            — green success check (semantic)
     .oc-status-pill          — current "PLACED" pill colors (semantic) */

/* ════════════════════════════════════════════════════════════════════════
   SHOP SIDEBAR — Apply Filters button to monochrome
   Previously copper→brown gradient. Brought in line with checkout's
   black Place Order / Apply discount buttons for consistent CTA style.
   ════════════════════════════════════════════════════════════════════════ */
.axil-btn.shop-apply-btn {
    background: #111 !important;
}
.axil-btn.shop-apply-btn:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.20) !important;
}
.axil-btn.shop-apply-btn.is-dirty::after {
    /* The pulsing "unsaved changes" dot — keep it visible but neutral */
    background: #fff !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.9) !important;
}
@keyframes shop-apply-pulse {
    0%, 100% { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20); }
    50%      { box-shadow: 0 4px 22px rgba(0, 0, 0, 0.30); }
}

/* ════════════════════════════════════════════════════════════════════════
   CART — Order Summary v2 card monochrome
   The .axil-order-summary-v2 block (cart.html) was still loud blue→
   purple→pink: header gradient, gradient-clipped "Total" amount, and
   gradient "Proceed to Checkout" button. Override --os-grad and the
   text-clip on the total so the whole card matches the rest of the
   monochrome treatment (checkout / order-confirmed / discount code).
   ════════════════════════════════════════════════════════════════════════ */

.axil-order-summary-v2 {
    /* Flat black replaces the gradient anywhere --os-grad is used:
       header bg, total amount bg-clip text, checkout button bg. */
    --os-grad: #111 !important;
}

/* Total amount — was gradient-clipped text. With --os-grad now flat,
   text-clip still produces a clean black number, but we also disable the
   transparent fill to be explicit + bulletproof across browsers. */
.axil-order-summary-v2 .os-total-amount {
    -webkit-text-fill-color: #111 !important;
    color: #111 !important;
    background: none !important;
}

/* Proceed to Checkout — neutralize the blue/purple hover shadows and
   round-off the corners to match Place Order on checkout. */
.axil-order-summary-v2 .os-checkout-btn {
    background: #111 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
    border-radius: 10px !important;
}
.axil-order-summary-v2 .os-checkout-btn:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

/* Scrollbar thumb of items list (if visible) — neutralize any blue tint */
.axil-order-summary-v2 .os-body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   CART — minimal totals block (replaces the boxy Order Summary card)
   No background, no shadow, no rounded card. Just the numbers + a clean
   Go to Checkout button. Mirrors the elegance of the checkout summary
   without competing with the items table to its left.
   ════════════════════════════════════════════════════════════════════════ */

.cart-totals-minimal {
    padding: 0 4px;
}

.cart-totals-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    margin: 0;
}

.cart-totals-label {
    font-size: 15px;
    color: #6B7280;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.cart-totals-value {
    font-size: 16px;
    color: #111;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.cart-totals-divider {
    height: 1px;
    background: #1A1A1A;
    margin: 6px 0;
}

.cart-totals-row-total {
    padding: 16px 0 6px;
}

.cart-totals-label-total {
    font-size: 22px;
    color: #111;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.cart-totals-total-amount {
    font-size: 28px;
    color: #111 !important;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    /* Belt-and-braces: kill any inherited background-clip from .os-total-amount */
    background: none !important;
    -webkit-text-fill-color: #111 !important;
}

.cart-totals-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 24px;
    padding: 0;
    font-size: 12px;
    color: #9ca3af;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.cart-totals-meta .os-head-text { display: inline; }
.cart-totals-meta .os-sub {
    margin: 0;
    color: #9ca3af;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.02em;
    font-size: 13px;
}
.cart-totals-currency {
    font-weight: 600;
    color: #6B7280;
}

.cart-totals-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 18px 24px;
    background: #111;
    color: #fff !important;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    transition: background .15s, transform .12s, box-shadow .15s;
    position: relative;
}
.cart-totals-cta:hover {
    background: #000;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
    color: #fff !important;
}
.cart-totals-cta:active {
    transform: translateY(0);
}
.cart-totals-cta i {
    font-size: 13px;
    transition: transform .2s;
}
.cart-totals-cta:hover i {
    transform: translateX(4px);
}

@media (max-width: 575px) {
    .cart-totals-minimal { padding: 0; }
    .cart-totals-label-total { font-size: 20px; }
    .cart-totals-total-amount { font-size: 26px; }
    .cart-totals-cta { padding: 16px 20px; font-size: 14px; }
}

/* ════════════════════════════════════════════════════════════════════════
   MY-ACCOUNT — Order Details modal + Address-info cards +
                Edit Address modal — all to clean monochrome
   These three blocks live in assets/css/vendor/address-modal.css and
   each has its own local gradient variable that the earlier theme
   passes didn't reach. Same trick as the cart Order Summary fix:
   override the local variable to flat black, plus reset the
   text-clipped Total in the order modal.
   ════════════════════════════════════════════════════════════════════════ */

/* Address-info card on the My Account / Addresses tab — purple pencil
   edit button in the corner (image 4). The card itself stays white. */
.address-info-v2 {
    --ai-grad: #111 !important;
}
.address-info-v2 .address-edit {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}
.address-info-v2 .address-edit:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28) !important;
    filter: none !important;
}

/* Edit Shipping/Billing Address modal — header band + Save Changes
   button (image 3). */
.address-modal {
    --am-grad: #111 !important;
}
.address-modal .address-modal-foot .am-btn-save,
.address-modal .am-btn-save {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}
.address-modal .am-btn-save:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.30) !important;
}

/* Order Details modal — header + gradient-clipped Total (image 2). */
.order-modal {
    --om-grad: #111 !important;
}
/* Total amount on the grand-total row was background-clipped against
   the gradient. With --om-grad now flat, force solid black text and
   disable the transparent text-fill for browser consistency. */
.order-modal .om-totals-row.om-totals-grand .om-totals-value {
    background: none !important;
    -webkit-text-fill-color: #111 !important;
    color: #111 !important;
}
/* Order modal close button — translucent white on black header,
   stays as-is (works fine). The "Close" footer button is plain text;
   no change needed. The primary footer CTA (if any) inherits flat black. */
.order-modal-head + * .om-cta-primary,
.order-modal .om-cta-primary {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   CHAT WIDGET — monochrome theme
   The chat panel had a purple→pink header, gradient user bubbles, gradient
   send button, and blue focus on the input. All retargeted to clean
   black/white/grey matching the rest of the site.
   ════════════════════════════════════════════════════════════════════════ */

/* Header band — solid black */
.et-chat-header {
    background: #111 !important;
}

/* Online/offline status text under agent name — keep readable on black */
.et-chat-header-text span { opacity: 0.85; }

/* "End" pill button in the header (white pill on black bg) */
.et-chat-end {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
}
.et-chat-end:hover { background: rgba(255, 255, 255, 0.28) !important; }

/* User message bubbles (your messages, right-aligned) — was gradient.
   Now solid black with white text, matching every primary action on
   the site. Admin bubbles stay white-on-grey (no change). */
.et-chat-msg-user .et-chat-bubble-text {
    background: #111 !important;
    color: #fff !important;
}

/* Body bg — slightly warmer/cleaner */
.et-chat-body { background: #f7f8fa; }

/* Input focus — was bright blue */
.et-chat-form input:focus,
.et-chat-form textarea:focus,
.et-chat-form input[type="text"]:focus,
.et-chat-form textarea[data-chat-input]:focus {
    border-color: #111 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06) !important;
}

/* Send button (paper plane) — circle, was gradient */
.et-chat-form button,
.et-chat-form button[type="submit"] {
    background: #111 !important;
}
.et-chat-form button:hover { transform: scale(1.05); background: #000 !important; }

/* ════════════════════════════════════════════════════════════════════════
   PAGE LOADER + SPINNERS — monochrome
   The full-page loader spinner and the per-section spinners (checkout,
   order-confirmed) all used blue + pink border colors. Now a clean
   light-grey ring with a black sweep.
   ════════════════════════════════════════════════════════════════════════ */
.eTradeLoader__spinner,
.checkout-loading-state .spinner,
.order-confirmed-loading .spinner {
    border-color: #ececec !important;
    border-top-color: #111 !important;
    border-right-color: #111 !important;
}
.eTradeLoader__label { color: #6B7280; }

/* Password-strength meter / availability spinner / search-dropdown spinner
   — all share the same border-top-color: #6A82FB approach */
.search-spinner,
.password-strength-spinner,
.availability-spinner {
    border-top-color: #111 !important;
}

/* ════════════════════════════════════════════════════════════════════════
   SHOP SIDEBAR — empty state ("No products match your filters")
   Was a tiny grey paragraph + the awkwardly-wide "Clear filters" button
   stretched edge-to-edge. Rebuild as a centered card with an icon, a
   heading line, a hint, and a properly-sized button — clean monochrome.
   ════════════════════════════════════════════════════════════════════════ */
[data-product-empty] {
    text-align: center;
    padding: 70px 24px !important;
    background: #fafbfc;
    border: 1px solid #eef0f3;
    border-radius: 14px;
    margin: 20px 0;
}
[data-product-empty]::before {
    content: "\f002";  /* fa-search */
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 28px;
    color: #9ca3af;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
[data-product-empty] p {
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 6px !important;
    letter-spacing: -0.01em;
}
/* Append a subtle hint line below the headline */
[data-product-empty] p::after {
    content: "Try removing a filter or two to see more results.";
    display: block;
    font-size: 14px;
    color: #6B7280;
    font-weight: 400;
    margin-top: 8px;
    letter-spacing: 0;
}
/* The "Clear filters" button — narrower, centered, solid black */
[data-product-empty] [data-filters-reset-inline],
[data-product-empty] .axil-btn.btn-bg-primary {
    display: inline-block !important;
    width: auto !important;
    min-width: 200px;
    margin: 22px auto 0 !important;
    padding: 14px 32px !important;
    background: #111 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em;
    transition: background .15s, box-shadow .15s, transform .12s;
}
[data-product-empty] [data-filters-reset-inline]:hover,
[data-product-empty] .axil-btn.btn-bg-primary:hover {
    background: #000 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
[data-product-empty] [data-filters-reset-inline]::before,
[data-product-empty] .axil-btn.btn-bg-primary::before {
    display: none !important; /* kill the theme's ::before scale-on-hover wash */
}

/* ───────────────────────────────────────────────────────────────
   Breadcrumb thumbnail — image normalisation
   ───────────────────────────────────────────────────────────────
   The shop-page breadcrumb hero shows a small product image to the
   right of the page title, sized for a ~250px tall slot with a
   decorative white circle behind it. The base stylesheet only sets
   `max-width: 100%` on <img>, so swapping in a portrait/large image
   (e.g. a Chanel bottle, 1500×2000) renders at native size and
   blows out the layout.

   Cap the thumbnail's height and let `object-fit: contain` letterbox
   any aspect ratio neatly inside the slot. The white decorative
   disc keeps its position relative to the right-aligned image.
   ─────────────────────────────────────────────────────────────── */
.axil-breadcrumb-area .inner .bradcrumb-thumb {
    max-height: 180px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.axil-breadcrumb-area .inner .bradcrumb-thumb img {
    max-height: 180px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: inline-block;
}
@media only screen and (max-width: 1199px) {
    .axil-breadcrumb-area .inner .bradcrumb-thumb,
    .axil-breadcrumb-area .inner .bradcrumb-thumb img {
        max-height: 150px;
    }
}

/* ───────────────────────────────────────────────────────────────
   Footer QR code — display-only, original size
   ───────────────────────────────────────────────────────────────
   The new qr-ceulane.png is high-res (330×330) so it scans cleanly,
   but the layout was designed for ~100×100. Cap the rendered size
   to match the original. The QR is display-only (no <a> wrapper in
   HTML) — visitors scan it with their phone to reach ceulane.com.
   ─────────────────────────────────────────────────────────────── */
.axil-footer-widget .qr-code,
.axil-footer-widget .qr-code img {
    display: inline-block;
    line-height: 0;
}
.axil-footer-widget .qr-code img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .axil-footer-widget .qr-code img {
        width: 80px;
        height: 80px;
    }
}

/* ───────────────────────────────────────────────────────────────
   Breadcrumb product image — unified positioning across pages
   ───────────────────────────────────────────────────────────────
   The decorative white disc is .bradcrumb-thumb::after, anchored at
   right:60px / top:-10px with width/height 110px — so its centre
   sits at roughly right:115px from the parent's right edge.

   Product images have very different aspect ratios (Bleu de Chanel
   thumb-09.png is 800×533 landscape ~ 270px wide; Chanel N°5
   product-45.png is 800×1150 portrait ~ 125px wide), so a uniform
   translateX doesn't centre them on the disc — wide images overlap
   it fine, narrow ones get pushed past it to the right.

   Fix: position the <img> absolutely, anchored by its horizontal
   centre to the disc's centre. We make .bradcrumb-thumb a positioned
   container with a fixed height matching the image cap, then place
   the <img> at right:60px (the disc's right edge) and pull it left
   by half its own width via translateX(50%). Result: every image,
   wide or narrow, lands centred on the disc.

   Applied to my-account, fragrance, makeup, skincare, new, hair,
   bath-body, brands, contact, gifts-for-her/him, sales-offers,
   tools-brushes, shop-sidebar — every page where the breadcrumb
   thumb sits against the decorative disc.
   ─────────────────────────────────────────────────────────────── */
.axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right {
    position: relative;
    min-height: 150px;
    max-height: 150px;
}
.axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right img {
    position: absolute;
    top: 50%;
    /* Right edge of disc is at right:60px; pull the image so its
       horizontal centre lands on the disc's horizontal centre. */
    right: 115px;
    transform: translate(50%, -50%);
    max-height: 130px !important;
    width: auto;
    height: auto;
    object-fit: contain;
}
@media only screen and (max-width: 1199px) {
    .axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right {
        min-height: 130px;
        max-height: 130px;
    }
    .axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right img {
        max-height: 110px !important;
    }
}

/* Category pages (all except my-account) — nudge the product image
   an extra 20px further right of the disc centre (smaller `right`
   = image sits further right). */
.axil-breadcrumb-area .inner .bradcrumb-thumb--cat img {
    right: 95px;
}

/* My-account only — slightly larger product image. My-account doesn't
   carry the --cat modifier (it's the only --shift-right page that
   shows the user's saved product, e.g. Bleu de Chanel), so we target
   it with :not(--cat). 130px → 160px makes the bottle read better
   against the title beside it. */
.axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right:not(.bradcrumb-thumb--cat) {
    min-height: 180px;
    max-height: 180px;
}
.axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right:not(.bradcrumb-thumb--cat) img {
    max-height: 160px !important;
}
@media only screen and (max-width: 1199px) {
    .axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right:not(.bradcrumb-thumb--cat) {
        min-height: 150px;
        max-height: 150px;
    }
    .axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right:not(.bradcrumb-thumb--cat) img {
        max-height: 135px !important;
    }
}

/* Gifts-for-her and gifts-for-him — these images crop to square
   aspect ratios so they need a tighter height cap, and the user
   wants them nudged 15px further right than other category pages
   (cat baseline 95px → 80px). */
.axil-breadcrumb-area .inner .bradcrumb-thumb--gift img {
    right: 80px;
    max-height: 100px !important;
}
@media only screen and (max-width: 1199px) {
    .axil-breadcrumb-area .inner .bradcrumb-thumb--gift img {
        max-height: 85px !important;
    }
}

/* Brands page — the brand-bag image is nearly square (816×1130 instead
   of the tall ~400×1240 of the other category thumbs). At the default
   130px height it renders ~94px wide and overflows the decorative disc.
   We cap it at 100px tall (≈72px wide) so it sits neatly inside the disc
   like the slim hair-shampoo image does, and nudge it 15px further right
   so it lands on the disc's visual centre (cat baseline 95px → 80px). */
.axil-breadcrumb-area .inner .bradcrumb-thumb--brand img {
    right: 80px;
    max-height: 100px !important;
}
@media only screen and (max-width: 1199px) {
    .axil-breadcrumb-area .inner .bradcrumb-thumb--brand img {
        max-height: 85px !important;
    }
}

/* Hide the decorative breadcrumb image (and its disc) on mobile,
   so the title sits cleanly on its own at narrow widths. */
@media only screen and (max-width: 767px) {
    .axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right,
    .axil-breadcrumb-area .inner .bradcrumb-thumb--shift-right::after {
        display: none !important;
    }
}

/* === assets/css/vendor/skeleton-loader.css === */
/* ════════════════════════════════════════════════════════════════════════
   Skeleton Loaders for Images (Instagram/Facebook style)
   ════════════════════════════════════════════════════════════════════════
   While images load (or fail to load), show an animated shimmer placeholder
   so the page feels responsive instead of looking broken.

   How it works:
   1. JS adds `.img-skel-pending` class to every <img> on page load
   2. That class adds the shimmer animation as the image's BACKGROUND
   3. When image finishes loading, JS removes the class — actual image shows
   4. If image fails (404 etc), the placeholder stays (silver, not broken)
   ════════════════════════════════════════════════════════════════════════ */

/* The shimmer keyframes — moves a light highlight across the placeholder */
@keyframes imgSkelShimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* While image is pending, show shimmering grey gradient as background */
img.img-skel-pending {
    /* Make sure the empty <img> still occupies space */
    min-width: 24px;
    min-height: 24px;
    /* Three-stop gradient creates the "moving highlight" effect */
    background: linear-gradient(
        90deg,
        #eef0f3 0%,
        #f7f8fa 50%,
        #eef0f3 100%
    );
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    /* Hide alt text and broken-image icon while loading so the
       shimmer is the only visible thing */
    color: transparent;
    /* Prevent the broken-image icon flicker on slow networks */
    text-indent: -9999px;
    overflow: hidden;
}

/* When image finishes loading, animation off and bg back to none.
   We use `.img-skel-loaded` rather than just removing pending class
   so the transition can be smooth. */
img.img-skel-loaded {
    animation: none;
    background: none;
    color: inherit;
    text-indent: 0;
    /* Subtle fade-in so loaded images don't pop in jarringly */
    animation: imgSkelFadeIn 0.25s ease-out;
}
@keyframes imgSkelFadeIn {
    from { opacity: 0.4; }
    to   { opacity: 1; }
}

/* If image errored (404), keep a static (non-animated) grey block instead
   of showing the browser's default broken-image icon */
img.img-skel-error {
    background: #f0f1f4;
    animation: none;
    color: transparent;
    text-indent: -9999px;
    /* A subtle "broken image" hint icon via gradient */
    background-image:
        linear-gradient(transparent 49%, rgba(0,0,0,0.04) 49%, rgba(0,0,0,0.04) 51%, transparent 51%),
        linear-gradient(90deg, transparent 49%, rgba(0,0,0,0.04) 49%, rgba(0,0,0,0.04) 51%, transparent 51%);
    background-size: 12px 12px;
}

/* Skeleton text placeholder — for product cards where the title hasn't
   loaded yet. Use this on any <span class="skeleton-text"> if you want
   to show a fake line of text. */
.skeleton-text {
    display: inline-block;
    width: 80%;
    height: 1em;
    background: linear-gradient(90deg, #eef0f3, #f7f8fa, #eef0f3);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    color: transparent;
    vertical-align: middle;
}

/* Skeleton block — generic rectangular placeholder for any custom use */
.skeleton-block {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 60px;
    background: linear-gradient(90deg, #eef0f3, #f7f8fa, #eef0f3);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
}

/* ════════════════════════════════════════════════════════════════════════
   Skeleton TABLE ROWS — for wishlist, cart, my-account orders
   Each cell shows a shimmering placeholder shaped like the real content.
   When JS overwrites tbody.innerHTML, these are removed automatically.
   ════════════════════════════════════════════════════════════════════════ */
.skel-row td {
    background: #fff;
    border-color: #eee;
    vertical-align: middle;
}

.skel-thumb,
.skel-line,
.skel-pill,
.skel-btn,
.skel-circle {
    display: inline-block;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    border-radius: 4px;
    color: transparent;
    vertical-align: middle;
}

/* Product thumbnail in wishlist/cart rows (matches 80x80 real image) */
.skel-thumb {
    width: 80px;
    height: 80px;
    border-radius: 6px;
}

/* Generic horizontal placeholder line (titles, prices) */
.skel-line {
    height: 14px;
    border-radius: 4px;
    width: 100%;
}
.skel-line.short  { width: 40%;  }
.skel-line.medium { width: 60%;  }
.skel-line.long   { width: 80%;  }

/* Status pill (In Stock / Out of Stock) */
.skel-pill {
    width: 70px;
    height: 18px;
    border-radius: 9px;
}

/* Button-shaped placeholder ("Add to Cart") */
.skel-btn {
    width: 110px;
    height: 36px;
    border-radius: 4px;
}

/* Circular placeholder (remove X icon etc) */
.skel-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

/* ════════════════════════════════════════════════════════════════════════
   Skeleton PRODUCT CARDS — for shop-sidebar grid, recently-viewed,
   homepage carousels
   ════════════════════════════════════════════════════════════════════════ */
.skel-card {
    background: #fff;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden;
}
.skel-card .skel-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    border-radius: 6px;
}
.skel-card .skel-card-body {
    padding: 14px 8px 4px;
}
.skel-card .skel-card-body .skel-line {
    margin-bottom: 8px;
}

/* Skeleton items in the side cart-dropdown drawer */
.skel-cart-item {
    pointer-events: none; /* Can't click skeleton items */
}
.skel-cart-item .item-img {
    width: 90px;
    flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════════════════
   Homepage carousel skeleton — appears in static HTML inside the
   carousel containers (data-home-skel). Lays out as a CSS grid so cards
   appear side-by-side immediately (before slick init).
   ════════════════════════════════════════════════════════════════════════ */
.home-carousel-skel {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    width: 100%;
}
.home-carousel-skel.home-carousel-skel-8 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1199px) {
    .home-carousel-skel,
    .home-carousel-skel.home-carousel-skel-8 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .home-carousel-skel,
    .home-carousel-skel.home-carousel-skel-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 599px) {
    /* v16 mobile: regular skeleton (for New Arrivals/Best Sellers/Recently
       Viewed slick carousels) shows 2 full cards + a peek of the 3rd, matching
       the live slick `slidesToShow: 2.3` setting. */
    .home-carousel-skel {
        grid-template-columns: repeat(2, 1fr) 0.3fr;
    }
    /* Explore-8 keeps a clean 2-column grid (no peek — it's a static grid). */
    .home-carousel-skel.home-carousel-skel-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ════════════════════════════════════════════════════════════════════════
   Homepage "Explore our Products" grid — 4×2 layout (no slick).
   Same responsive breakpoints as the skeleton so the swap is seamless.
   ════════════════════════════════════════════════════════════════════════ */
.home-explore-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px 15px;
    width: 100%;
}
@media (max-width: 1199px) {
    .home-explore-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    .home-explore-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 599px) {
    .home-explore-grid {
        /* v16 mobile: 2 cards per row (was 1) */
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* Hide slick arrows on the explore section since it's no longer a carousel */
.explore-product-activation .slide-arrow {
    display: none !important;
}

/* ════════════════════════════════════════════════════════════════════════
   Single-product page skeleton — keeps the data-loading attribute hiding
   static content; these skeleton placeholders show in its place.
   ════════════════════════════════════════════════════════════════════════ */
.single-product-skel-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
}
.single-product-skel-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    margin-bottom: 10px;
}
.single-product-skel-title {
    display: block;
    height: 36px;
    width: 70%;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    margin-bottom: 20px;
}
.single-product-skel-price {
    display: block;
    height: 28px;
    width: 35%;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    margin-bottom: 16px;
}
.single-product-skel-rating {
    display: block;
    height: 20px;
    width: 30%;
    border-radius: 4px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    margin-bottom: 24px;
}
.single-product-skel-desc {
    display: block;
    height: 14px;
    border-radius: 4px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    margin-bottom: 10px;
}
.single-product-skel-desc:nth-of-type(2) { width: 95%; }
.single-product-skel-desc:nth-of-type(3) { width: 80%; }
.single-product-skel-btn {
    display: block;
    height: 56px;
    width: 220px;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef0f3 0%, #f7f8fa 50%, #eef0f3 100%);
    background-size: 200% 100%;
    animation: imgSkelShimmer 1.4s ease-in-out infinite;
    margin-top: 30px;
}

/* === assets/css/vendor/new-arrivals-fix.css === */
/* =====================================================================
   Normalize product photos across all carousels on the home page.
   Each card gets a consistent square (or circular for style-two)
   container with object-fit:contain so every image fits cleanly.
   ===================================================================== */

/* Carousel 1 — product-style-four (top New Arrivals) */
.axil-product.product-style-four {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
}
.axil-product.product-style-four .thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.axil-product.product-style-four .thumbnail::before,
.axil-product.product-style-four .thumbnail::after { display: none !important; }
.axil-product.product-style-four .thumbnail > a {
    display: block; width: 100%; height: 100%;
    position: relative; background: #ffffff;
}
.axil-product.product-style-four .thumbnail img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: contain; padding: 22px;
    background: #ffffff;
    transition: opacity .35s ease, transform .45s ease;
}
.axil-product.product-style-four .thumbnail .hover-img { opacity: 0; }
.axil-product.product-style-four:hover .thumbnail .hover-img { opacity: 1; }
.axil-product.product-style-four:hover .thumbnail img:not(.hover-img) { opacity: 0; }

/* Carousel 2 — product-style-two (bottom New Arrivals).
   Theme uses a CIRCULAR thumbnail with hover-action shown OUTSIDE
   the thumbnail (sibling of .inner inside .product-content).
   The circle has a soft gray fill so products stand out. */
.axil-product.product-style-two {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
}
.axil-product.product-style-two .thumbnail {
    position: relative;
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    overflow: visible;
}
.axil-product.product-style-two .thumbnail > a {
    display: block;
    background: #f4f5f7;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.axil-product.product-style-two .thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    padding: 28px;
    background: transparent;
    transition: transform .45s ease;
    position: static !important;
    inset: auto !important;
    mix-blend-mode: multiply;
}
.axil-product.product-style-two:hover .thumbnail img {
    transform: scale(1.04);
}

/* Best Sellers — product-style-seven */
.axil-product.product-style-seven .thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #ffffff;
}
.axil-product.product-style-seven .thumbnail > a {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #ffffff;
    position: relative;
}
.axil-product.product-style-seven .thumbnail img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 18px !important;
    background: #ffffff;
    transition: transform .45s ease;
}
.axil-product.product-style-seven:hover .thumbnail img {
    transform: scale(1.04);
}

/* Explore + shop-sidebar — product-style-one */
.axil-product.product-style-one {
    background: transparent;
    border: none !important;
    box-shadow: none !important;
}
.axil-product.product-style-one .thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #f0f1f3;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.axil-product.product-style-one .thumbnail::before,
.axil-product.product-style-one .thumbnail::after { display: none !important; }
.axil-product.product-style-one .thumbnail > a {
    display: block; width: 100%; height: 100%;
    position: relative; background: #ffffff;
}
.axil-product.product-style-one .thumbnail img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 22px;
    background: #ffffff;
    transition: transform .45s ease;
}
.axil-product.product-style-one:hover .thumbnail img {
    transform: scale(1.04);
}

/* Badge — pulled inside the thumbnail for all card styles */
.axil-product .label-block,
.axil-product .label-block.label-right,
.axil-new-arrivals-product-area .label-block,
.axil-new-arrivals-product-area .label-block.label-right {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 3 !important;
}
.axil-product .product-badget {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    white-space: nowrap;
    display: inline-block;
}

.axil-product .product-hover-action { z-index: 2; }

.axil-product .product-content { background: transparent; }
.axil-product .product-content .inner {
    text-align: center;
    padding-top: 14px;
    background: transparent;
}
.axil-product .product-content .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .axil-product.product-style-four .thumbnail img,
    .axil-product.product-style-two .thumbnail img,
    .axil-product.product-style-seven .thumbnail img,
    .axil-product.product-style-one .thumbnail img {
        padding: 14px !important;
    }
}

/* === assets/css/vendor/mobile-v2.css === */
/* ════════════════════════════════════════════════════════════════════════
   mobile-v2.css — Nike-inspired mobile redesign (v16)
   ────────────────────────────────────────────────────────────────────────
   Scoped to mobile ONLY (@media max-width: 767px). Desktop untouched.

   Adds:
   - Clean black/white mobile topbar (logo + 4 icons), promo strip above
   - New slide-down search overlay with popular terms
   - 2-up product grids (New Arrivals, Best Sellers, Recently Viewed, Explore)
   - Hero carousel (3 ad blocks → swipeable single-slide carousel)
   - Footer accordion (compact, expandable sections)
   - Nike-style cart drawer
   - New side burger menu with 2-level drill-down

   The mobile burger menu, search overlay, hero carousel, and accordions
   are powered by mobile-v2.js.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

    /* ════════ Reset some axil bits that bleed in on mobile ═════════ */
    body { -webkit-font-smoothing: antialiased; }

    /* ──────────────────────────────────────────────────────────────
       1. TOPBAR — Nike style: promo strip → logo+icons row only
       ────────────────────────────────────────────────────────────── */

    /* Keep the promo announcement strip (yellow), make it tighter */
    .header-style-2 .topbar-announcement {
        padding: 7px 0;
        font-size: 11px;
    }
    .topbar-announcement-text {
        font-size: 11px !important;
        letter-spacing: .04em;
    }

    /* Hide the entire old axil-header-top + axil-mainmenu — we replace
       it with a clean mvb (mobile v-bar) just below */
    .header-style-2 .axil-header-top,
    .header-style-2 .axil-mainmenu {
        display: none !important;
    }

    /* The new mobile topbar element. Injected by mobile-v2.js below the
       promo strip (or hardcoded in HTML — both work).
       Pink background to match desktop's .header-style-2 .axil-header-top. */
    .mvb {
        position: sticky;
        top: 0;
        z-index: 90;
        background: #F2C4C7;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        min-height: 56px;
    }
    /* Override axil theme's global button/input { width: 100% } which would
       otherwise stretch every button inside our custom mobile UI.
       Also clear default background + border + color the theme applies. */
    .mvb button,
    .mvs-overlay button,
    .mvm-drawer button {
        width: auto;
        background: none;
        border: 0;
        color: inherit;
        transition: none;
    }
    .mvb-logo {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
    }
    .mvb-logo img {
        height: 22px;
        width: auto;
        display: block;
    }
    .mvb-actions {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .mvb .mvb-btn {
        background: none;
        border: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #111;
        cursor: pointer;
        position: relative;
        text-decoration: none;
        transition: background-color .15s;
        border-radius: 50%;
    }
    .mvb .mvb-btn:hover,
    .mvb .mvb-btn:active {
        background: rgba(255, 255, 255, 0.35);
        color: #111;
    }
    .mvb .mvb-btn svg {
        width: 22px;
        height: 22px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .mvb .mvb-btn .mvb-badge {
        position: absolute;
        top: 4px;
        right: 4px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: #111;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        letter-spacing: 0;
    }
    .mvb-btn .mvb-badge:empty,
    .mvb-btn .mvb-badge[data-count="0"] {
        display: none;
    }

    /* Push body content below the sticky bar's height; axil pages already
       handle this. */

    /* Hide the legacy back-to-top button (we use the axil one elsewhere) */

    /* ──────────────────────────────────────────────────────────────
       2. SEARCH OVERLAY — full-screen slide down (Nike-style)
          Three visual states swapped via [hidden]:
            - empty   → popular term pills
            - results → suggestions + product thumbnail grid
            - noresults → "No results for X"
       ────────────────────────────────────────────────────────────── */
    .mvs-overlay {
        position: fixed;
        inset: 0;
        /* `inset: 0` already pins top/right/bottom/left to the visible
           viewport — no explicit height needed. The old viewport-unit
           cascade overshot on iOS 15+ (where window.innerHeight reports
           the large viewport behind Safari's URL bar). */
        background: #fff;
        z-index: 200;
        display: flex;
        flex-direction: column;
        transform: translateY(-100%);
        transition: transform .25s ease;
        visibility: hidden;
        /* Safe-area-inset applied to inner top bar, not the overlay root. */
    }
    .mvs-overlay.is-open {
        transform: translateY(0);
        visibility: visible;
    }
    .mvs-top {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 16px;
        /* v17: notch clearance for iPhone X+. */
        padding-top: calc(12px + env(safe-area-inset-top, 0));
        border-bottom: 1px solid #f0f0f0;
        flex-shrink: 0;
    }
    .mvs-overlay .mvs-input-wrap {
        flex: 1 1 auto;
        min-width: 0;          /* allow shrink so Cancel stays in viewport */
        position: relative;
        background: #f5f5f5;
        border-radius: 999px;
        height: 44px;
        display: flex;
        align-items: center;
        padding-left: 44px;
        padding-right: 44px; /* room for the X-clear button on the right */
    }
    .mvs-overlay .mvs-input-wrap::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 50%;
        width: 18px;
        height: 18px;
        transform: translateY(-50%);
        background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
    }
    /* Override axil theme's input[type=search] width:270px and height:40px
       padding/border that would otherwise blow up our pill-shaped input. */
    .mvs-overlay .mvs-input,
    .mvs-overlay input.mvs-input {
        flex: 1 1 auto;
        min-width: 0;
        background: transparent;
        border: 0;
        outline: 0;
        font-size: 15px;
        color: #111;
        width: 100%;
        height: 100%;
        padding: 0;
        line-height: 1.2;
        border-radius: 0;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .mvs-overlay .mvs-input::-webkit-search-cancel-button {
        /* Hide the native iOS/Chrome X — we render our own */
        -webkit-appearance: none;
        appearance: none;
    }
    .mvs-overlay .mvs-input::placeholder {
        color: #888;
    }
    /* X-clear button inside input (right side). Visible only when input has
       text, controlled by .mvs-has-text on the overlay. */
    .mvs-overlay .mvs-clear {
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        padding: 0;
        background: #d4d4d4;
        border: 0;
        border-radius: 50%;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
        width: 28px; /* re-state to win over .mvs-overlay button { width:auto } */
    }
    .mvs-overlay.mvs-has-text .mvs-clear {
        display: inline-flex;
    }
    .mvs-overlay .mvs-clear svg {
        width: 14px;
        height: 14px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .mvs-overlay .mvs-clear:hover,
    .mvs-overlay .mvs-clear:active {
        background: #b0b0b0;
    }
    .mvs-overlay .mvs-cancel {
        background: none;
        border: 0;
        padding: 0 4px;
        font-size: 15px;
        font-weight: 500;
        color: #111;
        cursor: pointer;
        flex-shrink: 0;
        white-space: nowrap;
        width: auto;
    }
    .mvs-body {
        flex: 1;
        overflow-y: auto;
        padding: 24px 16px 40px;
        -webkit-overflow-scrolling: touch;
    }
    .mvs-heading {
        font-size: 14px;
        font-weight: 500;
        color: #757575;
        margin: 4px 0 16px;
    }
    /* Empty-state pills */
    .mvs-terms {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .mvs-overlay .mvs-term {
        display: inline-block;
        padding: 8px 14px;
        font-size: 13px;
        font-weight: 500;
        background: #f5f5f5;
        color: #111;
        border: 0;
        border-radius: 999px;
        text-decoration: none;
        line-height: 1.2;
        cursor: pointer;
        transition: background-color .15s;
        width: auto;
    }
    .mvs-overlay .mvs-term:hover,
    .mvs-overlay .mvs-term:active {
        background: #ebebeb;
        color: #111;
    }

    /* Results state — text suggestions + product grid */
    .mvs-results-heading {
        font-size: 12px;
        font-weight: 500;
        color: #757575;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin: 4px 0 12px;
    }
    .mvs-suggestions {
        margin-bottom: 24px;
    }
    .mvs-suggest-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mvs-suggest-list li {
        margin: 0;
    }
    .mvs-suggest-link {
        display: block;
        padding: 8px 0;
        font-size: 18px;
        font-weight: 400;
        color: #757575;
        text-decoration: none;
        line-height: 1.3;
    }
    .mvs-suggest-link strong {
        color: #111;
        font-weight: 600;
    }
    .mvs-suggest-link:hover,
    .mvs-suggest-link:active {
        color: #111;
    }

    /* Product results grid — 2 columns, Nike-style cards */
    .mvs-results {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
    }
    .mvs-result-card {
        display: block;
        text-decoration: none;
        color: inherit;
    }
    .mvs-result-thumb {
        background: #f5f5f5;
        border-radius: 6px;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        margin-bottom: 8px;
    }
    .mvs-result-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .mvs-result-name {
        font-size: 13px;
        font-weight: 600;
        color: #111;
        line-height: 1.3;
        margin-bottom: 2px;
        /* Clamp to 2 lines */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .mvs-result-sub {
        font-size: 12px;
        color: #757575;
        margin-bottom: 4px;
    }
    .mvs-result-price {
        font-size: 13px;
        font-weight: 500;
        color: #111;
    }

    /* No-results state */
    .mvs-noresults-text {
        font-size: 18px;
        font-weight: 600;
        color: #111;
        margin: 24px 0 8px;
    }
    .mvs-noresults-hint {
        font-size: 14px;
        color: #757575;
        margin: 0;
    }

    /* ──────────────────────────────────────────────────────────────
       3. BURGER MENU — full-screen side drawer with 2-level drill
       ────────────────────────────────────────────────────────────── */
    .mvm-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 199;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, visibility .2s ease;
    }
    .mvm-overlay.is-open {
        opacity: 1;
        visibility: visible;
    }
    .mvm-drawer {
        position: fixed;
        /* Anchor to BOTH top and bottom rather than setting an explicit
           height. iOS Safari sizes `position: fixed` elements to the
           visible viewport for free, so the drawer automatically matches
           whatever space the browser chrome leaves us — no overshoot
           behind the bottom toolbar, no empty band at the top. This is
           more robust than the old `100vh / 100svh / 100dvh / --app-vh`
           cascade, which on iOS 15+ overshoots because `window.innerHeight`
           reports the large viewport (full screen) instead of the small
           one (above the URL bar). */
        top: 0;
        bottom: 0;
        right: 0;
        width: min(85vw, 380px);
        background: #fff;
        z-index: 200;
        transform: translateX(100%);
        transition: transform .28s cubic-bezier(.4, 0, .2, 1);
        display: flex;
        flex-direction: column;
        /* Safe-area-inset for notch/home-indicator on iPhone X+ goes on
           the HEAD and FOOT, not the drawer itself — putting it here
           creates an empty top band BELOW the drawer's top edge that
           the user perceives as broken layout. The notch only matters
           for the close-button area anyway. */
        box-shadow: -8px 0 30px rgba(0, 0, 0, 0.08);
        /* iOS Safari sometimes shows ghost overflow when transform animates
           a fixed element. Force it onto its own layer to prevent that. */
        -webkit-transform: translateX(100%);
        will-change: transform;
    }
    .mvm-drawer.is-open {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    .mvm-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px 12px;
        /* v17: Notch/Dynamic Island safe area applied here, not on the
           drawer root. Adds the inset to padding-top so the close X clears
           the notch on iPhone X+ without leaving an empty band above. */
        padding-top: calc(14px + env(safe-area-inset-top, 0));
        min-height: 56px;
        gap: 12px;
        flex-shrink: 0;
    }
    .mvm-head-back {
        background: none;
        border: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-left: -8px;
    }
    .mvm-head.has-back .mvm-head-back {
        display: inline-flex;
    }
    .mvm-head-back svg {
        width: 22px;
        height: 22px;
        stroke: #111;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .mvm-head-title {
        flex: 1;
        font-size: 16px;
        font-weight: 700;
        color: #111;
        margin: 0;
        text-align: left;
    }
    .mvm-head.has-back .mvm-head-title {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: -0.01em;
    }
    .mvm-drawer .mvm-close {
        background: none;
        border: 0;
        padding: 0;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-right: -8px;
    }
    .mvm-close svg {
        width: 22px;
        height: 22px;
        stroke: #111;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    /* Panels (root + per-category) */
    .mvm-panels {
        flex: 1;
        position: relative;
        overflow: hidden;
    }
    .mvm-panel {
        position: absolute;
        inset: 0;
        background: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 4px 24px 32px;
        transform: translateX(100%);
        transition: transform .25s cubic-bezier(.4, 0, .2, 1);
        visibility: hidden;
    }
    .mvm-panel.is-root {
        transform: translateX(0);
        visibility: visible;
    }
    .mvm-panel.is-active {
        transform: translateX(0);
        visibility: visible;
    }
    .mvm-panel.is-prev {
        transform: translateX(-30%);
        visibility: visible;
    }

    /* Big "Men/Women/Sport"-style root items, with chevron */
    .mvm-drawer .mvm-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 14px 0;
        font-size: 22px;
        font-weight: 600;
        color: #111;
        text-decoration: none;
        letter-spacing: -0.005em;
        border: 0;
        background: none;
        width: 100%;
        text-align: left;
        cursor: pointer;
        line-height: 1.2;
    }
    .mvm-drawer .mvm-item:hover,
    .mvm-drawer .mvm-item:active {
        color: #111;
    }
    .mvm-item-arrow {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        stroke: #111;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .mvm-divider {
        height: 1px;
        background: #f0f0f0;
        margin: 14px 0;
        border: 0;
    }

    /* Sub-panel items — same look as root but slightly smaller; "New Arrivals" first */
    .mvm-sub-item {
        display: flex;
        align-items: center;
        padding: 14px 0;
        font-size: 18px;
        font-weight: 500;
        color: #111;
        text-decoration: none;
        line-height: 1.3;
    }

    /* Secondary stuff under main menu (Help, Sign in, etc.) */
    .mvm-foot {
        padding: 8px 24px 24px;
        /* v17: Home-indicator safe area on iPhone X+ goes here so the
           "Help" / "Sign In" rows don't get cropped by the gesture bar. */
        padding-bottom: calc(24px + env(safe-area-inset-bottom, 0));
        flex-shrink: 0;
    }
    .mvm-foot-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 0;
        font-size: 15px;
        font-weight: 500;
        color: #111;
        text-decoration: none;
    }
    .mvm-foot-row svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
        flex-shrink: 0;
    }

    /* ──────────────────────────────────────────────────────────────
       4. HERO CAROUSEL — 3 ad blocks → single-slide swipeable
          v16 mobile: side padding around the card + 16px rounded corners
          so the hero "floats" instead of being a hard-edged full-bleed slab
          flush against the pink topbar.

          STRUCTURE:
            .home-ad-blocks  → outer wrapper, has side padding (breathing room)
              .mhc-clip      → inner clip box, rounded corners + overflow:hidden
                .mhc-track   → flex row that translates left/right on swipe
                  .home-ad-block × N → each takes 100% of clip box width
              .mhc-dots      → dots indicator (absolute-positioned)

          Why the .mhc-clip wrapper exists: the track is what translates, so
          overflow:hidden must live on its PARENT (not the track itself), or
          the visible viewport moves along with the slides and only one card
          ever shows. Earlier rev put the clip+radius on the track itself,
          which is why slide 2 came up blank.
       ────────────────────────────────────────────────────────────── */
    .home-ad-blocks {
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        margin: 12px 0 0 !important;
        padding: 0 12px !important;
        overflow: visible;
        position: relative;
    }
    .home-ad-blocks .mhc-clip {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }
    .home-ad-blocks .mhc-track {
        display: flex;
        transition: transform .35s cubic-bezier(.4, 0, .2, 1);
        will-change: transform;
        touch-action: pan-y;
        /* No border-radius or overflow here — the parent .mhc-clip clips us. */
    }
    .home-ad-blocks .home-ad-block {
        flex: 0 0 100%;
        margin: 0;
        border-radius: 0;
        aspect-ratio: 4 / 5;
        box-shadow: none !important;
        transform: none !important;
        max-width: 100%;
        position: relative;
        overflow: hidden;
        min-width: 0; /* allow flex-basis 100% to actually equal container width */
    }
    /* Ensure the card's image (often an <img> or bg) also clips */
    .home-ad-blocks .home-ad-block img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .home-ad-blocks .home-ad-block-content {
        padding: 28px 24px 32px;
        gap: 8px;
    }
    .home-ad-blocks .home-ad-block-tag {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .05em;
        color: #fff;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    }
    .home-ad-blocks .home-ad-block-heading {
        font-size: 32px;
        font-weight: 800;
        color: #fff;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
        letter-spacing: -0.01em;
    }
    .home-ad-blocks .home-ad-block-subtext {
        font-size: 13px;
        color: #fff;
        max-width: 80%;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
    }
    .home-ad-blocks .home-ad-block-button {
        background: #fff !important;
        color: #111 !important;
        padding: 10px 20px;
        font-size: 13px;
        font-weight: 600;
        border-radius: 999px;
    }
    .home-ad-blocks .home-ad-block-button::after {
        content: "\2192";
        margin-left: 4px;
    }
    .home-ad-blocks .home-ad-block::before {
        content: "" !important;
        position: absolute;
        inset: 0;
        z-index: 2;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.5) 100%);
        pointer-events: none;
    }

    /* Dots indicator */
    .mhc-dots {
        position: absolute;
        bottom: 14px;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        gap: 6px;
        z-index: 4;
        pointer-events: none;
    }
    .mhc-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        transition: width .2s, background-color .2s;
    }
    .mhc-dot.is-active {
        background: #fff;
        width: 18px;
        border-radius: 3px;
    }

    /* ──────────────────────────────────────────────────────────────
       5. PRODUCT GRIDS — 2 per row everywhere on mobile
       ────────────────────────────────────────────────────────────── */

    /* Explore (CSS grid, 8 items) — override the 1-col rule */
    .home-explore-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 10px !important;
    }
    .axil-product-area > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Make product cards tighter on mobile (typography + spacing) */
    .home-explore-grid .axil-product .thumbnail,
    .new-arrivals-product-activation .axil-product .thumbnail,
    .new-arrivals-product-activation-2 .axil-product .thumbnail,
    .recent-product-activation .axil-product .thumbnail {
        border-radius: 6px;
        overflow: hidden;
    }
    .home-explore-grid .axil-product .title,
    .new-arrivals-product-activation .axil-product .title,
    .new-arrivals-product-activation-2 .axil-product .title,
    .recent-product-activation .axil-product .title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 8px 0 4px !important;
    }
    .home-explore-grid .axil-product .product-price-variant,
    .new-arrivals-product-activation .axil-product .product-price-variant,
    .new-arrivals-product-activation-2 .axil-product .product-price-variant,
    .recent-product-activation .axil-product .product-price-variant {
        font-size: 13px;
    }
    .home-explore-grid .axil-product .product-price-variant .current-price,
    .new-arrivals-product-activation .axil-product .product-price-variant .current-price,
    .new-arrivals-product-activation-2 .axil-product .product-price-variant .current-price,
    .recent-product-activation .axil-product .product-price-variant .current-price {
        font-size: 14px;
        font-weight: 700;
    }
    .home-explore-grid .axil-product .product-rating,
    .new-arrivals-product-activation .axil-product .product-rating,
    .new-arrivals-product-activation-2 .axil-product .product-rating,
    .recent-product-activation .axil-product .product-rating {
        font-size: 11px;
        margin-top: 4px !important;
    }
    .home-explore-grid .axil-product .product-rating .icon,
    .new-arrivals-product-activation .axil-product .product-rating .icon,
    .new-arrivals-product-activation-2 .axil-product .product-rating .icon,
    .recent-product-activation .axil-product .product-rating .icon {
        font-size: 10px;
    }

    /* Hide hover-overlay quick-actions on mobile — touch can't hover */
    .home-explore-grid .axil-product .product-hover-action,
    .new-arrivals-product-activation .axil-product .product-hover-action,
    .new-arrivals-product-activation-2 .axil-product .product-hover-action,
    .recent-product-activation .axil-product .product-hover-action {
        display: none !important;
    }

    /* Slick carousel slide spacing on mobile (slick-layout-wrapper--15 adds 15px) */
    .new-arrivals-product-activation .slick-list,
    .new-arrivals-product-activation-2 .slick-list,
    .recent-product-activation .slick-list {
        margin: 0 -5px;
    }
    .new-arrivals-product-activation .slick-slide,
    .new-arrivals-product-activation-2 .slick-slide,
    .recent-product-activation .slick-slide {
        padding: 0 5px;
    }

    /* v16 mobile: Touch-action hint for iOS Safari. By default the OS
       can't tell whether a touch is a vertical page-scroll or a horizontal
       carousel swipe, so the swipe feels "stuck" until iOS decides. With
       `touch-action: pan-y` we tell iOS to handle only vertical scrolls
       natively and let JS handle everything else. This makes slick swipe
       respond instantly to even small horizontal moves.
       
       Also kill the 1ms transition delay on .slick-list/.slick-track that
       can swallow the first swipe gesture on slow renderers. */
    .new-arrivals-product-activation,
    .new-arrivals-product-activation-2,
    .recent-product-activation,
    .new-arrivals-product-activation .slick-list,
    .new-arrivals-product-activation-2 .slick-list,
    .recent-product-activation .slick-list,
    .new-arrivals-product-activation .slick-track,
    .new-arrivals-product-activation-2 .slick-track,
    .recent-product-activation .slick-track {
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
    }
    /* Slick uses cursor: grab in JS; force it off so iOS doesn't waste
       touch frames trying to show a non-existent grab cursor. */
    .slick-slider {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }
    /* Slides themselves should also signal horizontal panning ability,
       otherwise nested links (image <a>) can "steal" touch focus and
       make the swipe feel dead until you lift+retouch. */
    .new-arrivals-product-activation .slick-slide,
    .new-arrivals-product-activation-2 .slick-slide,
    .recent-product-activation .slick-slide,
    .new-arrivals-product-activation .slick-slide *,
    .new-arrivals-product-activation-2 .slick-slide *,
    .recent-product-activation .slick-slide * {
        touch-action: pan-y;
    }

    /* v16 mobile: auth-helpers.css forces every slick-slide in the home
       carousels to `min-width: 260px`. On a 390px viewport that means 2
       slides = 520px (overflow) and our 2.3 peek = ~600px (way overflow),
       which makes slick's width math break and the carousel falls back to
       a broken stacked layout. Reset on mobile so the fractional peek can
       actually compute correct widths. */
    [data-home-best-sellers].slick-initialized .slick-slide,
    [data-home-new-arrivals].slick-initialized .slick-slide,
    [data-home-latest-arrivals].slick-initialized .slick-slide {
        min-width: 0 !important;
    }

    /* v16 mobile: the theme's .axil-product .product-content has
       margin-top:25px + margin-bottom:30px which looks fine on desktop but
       creates an awkward 25px gap between thumbnail and title text on
       small cards. Tighten it on mobile only. */
    .axil-product .product-content {
        margin-top: 10px !important;
        margin-bottom: 16px !important;
    }

    /* Section padding / typography */
    .axil-new-arrivals-product-area,
    .axil-best-seller-product-area,
    .axil-product-area {
        padding-top: 32px !important;
        padding-bottom: 24px !important;
    }
    .section-title-wrapper {
        margin-bottom: 18px !important;
    }
    .section-title-wrapper .title {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin: 4px 0 0 !important;
        font-weight: 800;
        letter-spacing: -0.01em;
    }
    .section-title-wrapper .title-highlighter {
        font-size: 11px !important;
    }

    /* Container side padding */
    .axil-new-arrivals-product-area > .container,
    .axil-best-seller-product-area > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Make the slick arrows smaller & less intrusive on mobile */
    .arrow-top-slide .slide-arrow {
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
    }
    /* v16 mobile: when infinite is off (peek carousels), grey out disabled arrows */
    .arrow-top-slide .slide-arrow.slick-disabled {
        opacity: 0.35;
        cursor: default;
    }

    /* ──────────────────────────────────────────────────────────────
       6. POSTER COUNTDOWN — elegant minimal redesign (v16)
          • Warm ivory card with paper-like grain, no chunky shadows
          • Single gold hairline accent at top — the only color note
          • Compact horizontal countdown: 4 units in one row, dot dividers
          • Refined dark button (no chunky brown brick)
          • Decorative product image hidden on mobile (too tall, busy)
       ────────────────────────────────────────────────────────────── */
    .axil-poster-countdown {
        padding: 0 12px;
        margin: 16px 0;
    }
    .axil-poster-countdown .container {
        padding: 0;
    }
    .axil-poster-countdown .poster-countdown-wrap {
        background: #FAF6F0 !important;
        border: 1px solid #ECE4D6;
        border-radius: 14px;
        padding: 0 !important;
        position: relative;
        overflow: hidden;
    }
    /* Single gold hairline at top of the card — the only color accent */
    .axil-poster-countdown .poster-countdown-wrap::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent 0%, #B89968 30%, #B89968 70%, transparent 100%);
    }
    /* Inner padding around the content */
    .axil-poster-countdown .poster-countdown-wrap .row {
        margin: 0;
    }
    .axil-poster-countdown .poster-countdown-wrap .row > [class*="col-"] {
        padding: 0;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .axil-poster-countdown .poster-countdown-content {
        padding: 28px 24px 26px;
        text-align: center;
    }
    .axil-poster-countdown .section-title-wrapper {
        margin-bottom: 22px !important;
        padding-right: 0;
        text-align: center;
    }
    /* "Don't Miss" eyebrow — small letterspaced uppercase, gold tone */
    .axil-poster-countdown .title-highlighter {
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #B89968 !important;
        margin-bottom: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .axil-poster-countdown .title-highlighter i {
        display: none; /* basket icon clutters the elegant eyebrow */
    }
    .axil-poster-countdown .title-highlighter::before,
    .axil-poster-countdown .title-highlighter::after {
        content: "";
        display: inline-block;
        width: 18px;
        height: 1px;
        background: #B89968;
        opacity: 0.5;
    }
    .axil-poster-countdown .title-highlighter::before { margin-right: 10px; }
    .axil-poster-countdown .title-highlighter::after  { margin-left: 10px; }
    /* "Let's Shopping Today" — elegant large serif-feeling display */
    .axil-poster-countdown .section-title-wrapper .title {
        font-size: 24px !important;
        line-height: 1.15 !important;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: #1A1A2E;
        margin: 0 !important;
    }

    /* COUNTDOWN — flat row, no card cubes, dot dividers
       NOTE: the static HTML has .poster-cd-block but the theme's countdown
       plugin (main.js) replaces those with .countdown-section/.countdown-
       number/.countdown-unit at runtime. We target BOTH so the styles
       apply whether or not the plugin has run. */
    .axil-poster-countdown .poster-countdown-blocks {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: center;
        gap: 0 !important;
        margin: 0 0 26px !important;
        padding: 0;
    }
    /* Strip the theme's 80px-white-circle styling from .countdown-section */
    .axil-poster-countdown .poster-cd-block,
    .axil-poster-countdown .countdown-section {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 0 18px !important;
        margin: 0 !important;
        min-width: 0 !important;
        width: auto !important;
        height: auto !important;
        text-align: center;
        flex: 0 1 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* The theme's plugin wraps content in an extra <div> — flatten the layout */
    .axil-poster-countdown .countdown-section > div {
        display: block;
        width: auto;
        height: auto;
        background: transparent;
    }
    /* Dot divider between blocks (not before the first one) */
    .axil-poster-countdown .poster-cd-block + .poster-cd-block::before,
    .axil-poster-countdown .countdown-section + .countdown-section::before {
        content: "";
        position: absolute;
        left: -2px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -8px; /* nudge up to sit between number and label */
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #B89968;
        opacity: 0.6;
    }
    .axil-poster-countdown .poster-cd-block:first-child,
    .axil-poster-countdown .countdown-section:first-child {
        padding-left: 0 !important;
    }
    .axil-poster-countdown .poster-cd-block:last-child,
    .axil-poster-countdown .countdown-section:last-child {
        padding-right: 0 !important;
    }
    /* Hide any pseudo-content the theme might inject between sections */
    .axil-poster-countdown .countdown-section::after {
        display: none !important;
    }
    /* Number — slightly smaller, elegant tabular */
    .axil-poster-countdown .poster-cd-block strong,
    .axil-poster-countdown .countdown-number {
        font-size: 22px !important;
        font-weight: 700 !important;
        font-variant-numeric: tabular-nums;
        color: #1A1A2E !important;
        line-height: 1 !important;
        display: block !important;
        margin-bottom: 6px !important;
    }
    /* Label — letterspaced uppercase, muted gold-grey */
    .axil-poster-countdown .poster-cd-block span,
    .axil-poster-countdown .countdown-unit {
        font-size: 9px !important;
        font-weight: 600 !important;
        letter-spacing: 0.14em !important;
        text-transform: uppercase !important;
        color: #8A7F6D !important;
        line-height: 1 !important;
        display: block !important;
    }

    /* BUTTON — slim, dark, refined */
    .axil-poster-countdown .axil-btn,
    .axil-poster-countdown .axil-btn.btn-bg-primary {
        background: #1A1A2E !important;
        color: #fff !important;
        padding: 11px 28px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        border-radius: 999px !important;
        border: 0 !important;
        display: inline-block;
        line-height: 1.2;
        box-shadow: none;
        transition: opacity .2s;
    }
    .axil-poster-countdown .axil-btn::before,
    .axil-poster-countdown .axil-btn::after {
        display: none !important;
    }
    .axil-poster-countdown .axil-btn:hover {
        opacity: 0.85;
    }

    /* Decorative product image — compact, sits below the button.
       The theme markup puts the image in a separate column (which would
       stack below on mobile anyway). Override the heavy max-height/padding
       from the inline page CSS so the image becomes a small accent,
       not a banner-sized photo. Keep it visible — it's part of the
       promo's visual identity. */
    .axil-poster-countdown .poster-countdown-thumbnail {
        display: flex !important;
        justify-content: center;
        align-items: flex-end;
        padding: 0 0 24px !important;
        margin: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        position: relative;
    }
    /* Hairline divider above the image — ties it to the rest of the card */
    .axil-poster-countdown .poster-countdown-thumbnail::before {
        content: "";
        position: absolute;
        top: 0;
        left: 28%;
        right: 28%;
        height: 1px;
        background: rgba(184, 153, 104, 0.25);
    }
    .axil-poster-countdown .poster-countdown-thumbnail {
        padding-top: 20px !important;
    }
    .axil-poster-countdown .poster-countdown-thumbnail img {
        max-height: 130px !important;
        max-width: 60% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* ──────────────────────────────────────────────────────────────
       7. SERVICE STRIP (Fast & Secure Delivery etc.)
       ────────────────────────────────────────────────────────────── */
    /* The whole strip — outer background and side breathing room from
       the screen edges. */
    .service-area {
        padding: 20px 12px !important;
        background: #fafafa;
    }
    /* The bootstrap container inside — kill its default 15px padding so
       the white block we draw sits flush inside our 12px outer padding,
       then our service-box adds its OWN inner padding (below). */
    .service-area .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .service-area .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .service-area .row > [class*="col"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Each "Fast & Secure Delivery" row — give it horizontal padding so
       the icon doesn't sit flush against the left edge of the section.
       Theme has padding:0 on this class; we override with !important. */
    .service-area .service-box.service-style-2 {
        padding: 16px 20px !important;
        align-items: center;
        margin-bottom: 0 !important;
    }
    /* v16 mobile: shrink the service icons — the theme defaults to ~45px
       which feels chunky next to the small text labels. Drop to 30px so
       icon + text feel proportionate. */
    .service-area .service-box.service-style-2 .icon {
        max-width: 36px !important;
        margin-right: 14px !important;
        margin-top: 2px !important;
        flex-shrink: 0;
    }
    .service-area .service-box.service-style-2 .icon img {
        max-width: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        height: auto !important;
        display: block;
    }

    /* ──────────────────────────────────────────────────────────────
       PRODUCT CARD COMPACTNESS — tighten thumbnail → title gap.
       Measured before fix: 39px (= 11px thumbnail margin + 12px
       .product-content padding-top + 8px h5 title margin-top + 4px
       title margin-bottom + …). Goal: ~10-14px total gap.

       Three rules below kill each contributor:
       1. .product-content: drop margin-top to 6 and override the
          auth-helpers padding-top of 12px to 4px.
       2. .product-content .title: kill the inherited 8px h5
          margin-top and the leftover 4px margin-bottom.
       3. Also reduce margin-bottom of .product-content so the card
          doesn't waste space at the bottom either.
       ────────────────────────────────────────────────────────────── */
    .axil-product .product-content {
        margin-top: 6px !important;
        margin-bottom: 12px !important;
    }
    /* The Recently Viewed carousel has its own auth-helpers rule that adds
       12px top padding on .product-content. Override it for mobile. */
    .recent-product-activation .axil-product .product-content,
    [data-recently-viewed] .axil-product .product-content {
        padding-top: 4px !important;
        padding-bottom: 0 !important;
    }
    /* Kill the h5 default margin-top (browser/theme add ~8px) and trim
       the title's bottom margin. Brute-force with multiple selector
       depths since the theme has both .product-content .title and
       generic h5 rules that compete. */
    .axil-product .product-content .title,
    .axil-product .product-content h5.title,
    .axil-product .product-content .inner > .title,
    .axil-product .product-content .inner > h5,
    .axil-product .product-content .inner h5.title {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        padding-top: 0 !important;
        line-height: 1.25 !important;
    }
    .axil-product .product-content .title a {
        line-height: 1.25 !important;
    }
    /* The theme wraps card text in <div class="inner"> with padding-top: 8px.
       Zero it on every possible selector depth so the title sits right
       under the thumbnail. */
    .axil-product .product-content .inner,
    .axil-product .product-content > .inner,
    .recent-product-activation .axil-product .product-content .inner,
    [data-recently-viewed] .axil-product .product-content .inner {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* ──────────────────────────────────────────────────────────────
       8. FOOTER — accordion style
       ────────────────────────────────────────────────────────────── */
    .axil-footer-area.footer-style-2 .footer-top {
        padding: 8px 16px 0;
    }
    .axil-footer-area.footer-style-2 .footer-top > .container {
        padding: 0;
    }
    .axil-footer-area.footer-style-2 .footer-top .row {
        margin: 0;
        flex-direction: column;
        gap: 0;
    }
    .axil-footer-area.footer-style-2 .footer-top .row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        padding: 0;
        border-bottom: 1px solid #ebebeb;
    }
    .axil-footer-area.footer-style-2 .footer-top .row > [class*="col-"]:last-child {
        border-bottom: 0;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget {
        margin: 0 !important;
        padding: 0;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .widget-title {
        position: relative;
        font-size: 14px;
        font-weight: 700;
        color: #111;
        margin: 0;
        padding: 18px 32px 18px 0;
        text-transform: uppercase;
        letter-spacing: .04em;
        cursor: pointer;
        user-select: none;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .widget-title::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid #111;
        border-bottom: 2px solid #111;
        transform: translateY(-75%) rotate(45deg);
        transition: transform .2s ease;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget.is-open .widget-title::after {
        transform: translateY(-25%) rotate(-135deg);
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner {
        max-height: 0;
        overflow: hidden;
        transition: max-height .25s ease;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget.is-open .inner {
        max-height: 600px;
        padding-bottom: 18px;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner ul li {
        margin: 0;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner ul li a {
        display: block;
        padding: 8px 0;
        font-size: 14px;
        color: #555;
        text-decoration: none;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner ul li a:hover {
        color: #111;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner p {
        font-size: 13px;
        color: #555;
        margin: 0 0 10px;
        line-height: 1.55;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner .support-list-item li a {
        font-size: 13px;
        color: #555;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner .download-btn-group {
        display: flex;
        gap: 12px;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 8px;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner .qr-code img {
        width: 80px;
        height: 80px;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner .app-link {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .axil-footer-area.footer-style-2 .axil-footer-widget .inner .app-link img {
        height: 36px;
        width: auto;
    }

    /* Copyright row */
    .axil-footer-area.footer-style-2 .copyright-area {
        padding: 24px 16px;
        background: #fff;
    }
    .axil-footer-area.footer-style-2 .copyright-area .row {
        flex-direction: column-reverse;
        gap: 18px;
        align-items: center;
    }
    .axil-footer-area.footer-style-2 .copyright-area .social-share {
        justify-content: center;
        gap: 10px;
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: nowrap !important;
        display: flex;
    }
    .axil-footer-area.footer-style-2 .copyright-area .social-share a {
        color: #111;
        font-size: 14px;
        background: none !important;
        border: 1px solid #e5e5e5;
        width: 32px;
        height: 32px;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        transition: background-color .15s, color .15s;
        flex-shrink: 0;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    /* Override the theme's .social-share a::after pseudo (40x40 hover bg) that
       artificially inflates the apparent footprint and forces wrapping. */
    .axil-footer-area.footer-style-2 .copyright-area .social-share a::after {
        display: none !important;
    }
    .axil-footer-area.footer-style-2 .copyright-area .social-share a:hover {
        background: #111 !important;
        color: #fff;
    }
    .axil-footer-area.footer-style-2 .copyright-area .copyright-left {
        justify-content: center;
    }
    .axil-footer-area.footer-style-2 .copyright-area .copyright-left ul li,
    .axil-footer-area.footer-style-2 .copyright-area .copyright-left ul li a {
        font-size: 12px;
        color: #757575;
    }
    .axil-footer-area.footer-style-2 .copyright-area .copyright-right {
        justify-content: center;
    }
    .axil-footer-area.footer-style-2 .copyright-area .card-text {
        font-size: 12px;
        color: #757575;
        margin-right: 8px;
    }
    .axil-footer-area.footer-style-2 .copyright-area .payment-icons-bottom {
        display: flex;
        gap: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .axil-footer-area.footer-style-2 .copyright-area .payment-icons-bottom img {
        height: 20px;
        width: auto;
    }

    /* ──────────────────────────────────────────────────────────────
       9. NEWSLETTER — keep but tighten
       ────────────────────────────────────────────────────────────── */
    .axil-newsletter-area .etrade-newsletter-wrapper {
        padding: 32px 20px !important;
        border-radius: 12px;
    }
    .axil-newsletter-area {
        padding: 0 12px 16px;
    }

    /* ──────────────────────────────────────────────────────────────
       10. CART DRAWER — Nike-inspired
       ────────────────────────────────────────────────────────────── */
    /* Anchor to top AND bottom so the cart drawer fills the visible
       viewport on every iOS version. The old viewport-unit cascade
       overshot on iOS 15+ where window.innerHeight reports the large
       viewport (behind Safari's URL bar), pushing the bottom of the
       drawer beneath the toolbar. */
    .cart-dropdown {
        top: 0 !important;
        bottom: 0 !important;
        height: auto !important;
    }
    .cart-dropdown .cart-content-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        right: 0 !important;
        padding: 0 !important;
        background: #fff;
        display: flex;
        flex-direction: column;
        height: 100% !important;
        /* No safe-area-inset on the wrap — applied to the FOOTER row below
           where it actually matters (so the checkout buttons clear the
           home indicator). */
    }
    .cart-dropdown .cart-header {
        padding: 12px 16px !important;
        /* v17: notch clearance for iPhone X+. */
        padding-top: calc(12px + env(safe-area-inset-top, 0)) !important;
        border-bottom: 1px solid #eee;
        align-items: center;
        min-height: 56px;
        flex-shrink: 0;
    }
    .cart-dropdown .cart-header .header-title {
        font-size: 18px;
        font-weight: 700;
        color: #111;
        text-align: center;
        flex: 1;
    }
    .cart-dropdown .cart-header .cart-close {
        background: none;
        border: 0;
        padding: 0;
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #111;
    }
    .cart-dropdown .cart-body {
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 16px;
    }
    .cart-dropdown .cart-item-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .cart-dropdown .cart-item {
        padding: 14px 0;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        gap: 14px;
        align-items: flex-start;
        margin: 0 !important;
    }
    /* v16/v17: Cleaner image — drop the heavy grey card, use a soft hairline
       border and proper containment so the product photo sits neatly,
       not zoomed-cropped. Smaller too (72px vs 84px) so the row breathes.
       Higher-specificity selectors below to defeat the theme's
       `.cart-item .item-img a { background-color:#f6f7fb; border-radius:10px }`
       and `.cart-item .item-img a img { object-fit:cover }` rules. */
    .cart-dropdown .cart-item .item-img {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 72px !important;
        flex-shrink: 0;
        border-radius: 6px;
        overflow: visible !important; /* allow the X to escape the frame */
        background: transparent !important;
        position: relative !important;
        margin: 0 !important;
    }
    .cart-dropdown .cart-item .item-img a {
        width: 72px !important;
        height: 72px !important;
        background: #fafafa !important;
        background-color: #fafafa !important;
        border: 1px solid #ececec !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        display: block !important;
    }
    .cart-dropdown .cart-item .item-img a img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important; /* was cover → zoom-cropped images. Now full product visible. */
        padding: 4px !important;
        background: #fff !important;
        border-radius: 0 !important;
    }
    /* The X to remove an item — was tiny grey button inside the frame
       at top-LEFT (theme rule: top:-15px; left:-10px). Now: small black
       circle at the top-RIGHT of the image, easy to tap.
       
       The selector depth (4 levels: .cart-dropdown .cart-item .item-img
       .close-btn) plus !important is required to beat the theme's
       `.cart-item .item-img .close-btn { top:-15px; left:-10px }` rule. */
    .cart-dropdown .cart-item .item-img .close-btn {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        left: auto !important;
        bottom: auto !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #111 !important;
        background-color: #111 !important;
        color: #fff !important;
        border: 2px solid #fff !important;
        font-size: 9px !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer;
        z-index: 2;
        box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    }
    .cart-dropdown .cart-item .item-img .close-btn i {
        font-size: 9px !important;
        line-height: 1 !important;
        color: #fff !important;
    }
    .cart-dropdown .cart-item .item-img .close-btn:hover {
        background: #111 !important;
        background-color: #111 !important;
        color: #fff !important;
    }
    .cart-dropdown .cart-item .item-content {
        flex: 1;
        min-width: 0;
    }
    .cart-dropdown .cart-footer {
        border-top: 1px solid #eee;
        padding: 16px;
        /* v17: home-indicator clearance on iPhone X+. */
        padding-bottom: calc(16px + env(safe-area-inset-bottom, 0));
        background: #fff;
        flex-shrink: 0;
    }
    .cart-dropdown .cart-footer .cart-subtotal {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 14px;
        color: #111;
    }
    .cart-dropdown .cart-footer .group-btn {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .cart-dropdown .cart-footer .axil-btn {
        width: 100%;
        border-radius: 999px;
        padding: 14px 20px;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }
    .cart-dropdown .cart-footer .axil-btn.checkout-btn {
        background: #111;
        color: #fff;
        border-color: #111;
    }
    .cart-dropdown .cart-footer .axil-btn.viewcart-btn {
        background: #fff;
        color: #111;
        border: 1px solid #ddd;
    }

    /* ──────────────────────────────────────────────────────────────
       11. Misc — hide things that don't belong on mobile
       ────────────────────────────────────────────────────────────── */
    /* Hide axil's mainmenu mobile drawer (we use our own) */
    .header-style-2 .mainmenu-nav {
        display: none !important;
    }
    /* Hide axil's mobile search modal — our new search overlay replaces it */
    .header-style-2 #header-search-modal {
        display: none !important;
    }

    /* Lock scroll when a mobile overlay is open */
    body.mvm-no-scroll,
    body.mvs-no-scroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }

} /* end @media max-width 767px */


/* ════════════════════════════════════════════════════════════════════════
   Show the new mobile topbar ONLY on mobile. Hide on desktop.
   These rules sit OUTSIDE the @media so they apply everywhere — making
   .mvb (mobile v-bar) a true mobile-only element on every page.
   ════════════════════════════════════════════════════════════════════════ */
.mvb,
.mvs-overlay,
.mvm-overlay,
.mvm-drawer {
    display: none;
}
@media (max-width: 767px) {
    .mvb { display: flex; }
    .mvs-overlay,
    .mvm-overlay,
    .mvm-drawer { display: block; }
    .mvs-overlay { display: flex; }
    .mvm-drawer { display: flex; }
}

/* === assets/css/threeds-modal.css === */
/* ====================================================================
   Cealune 3-D Secure Simulator — modal stylesheet
   Lab exercise — academic demonstration of EMV 3DS 2.0 challenge UX.
   All classes are namespaced under .ce-3ds- so they cannot clash with
   any existing site styles.
   ==================================================================== */

.ce-3ds-scrim {
  position: fixed;
  inset: 0;
  background: rgba(28, 18, 14, 0.46);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 99999;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Hidden by default — JS adds .is-open to show */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.ce-3ds-scrim.is-open { opacity: 1; pointer-events: auto; }

.ce-3ds-modal {
  --ink: #241712;
  --ink-2: #3a2820;
  --ink-soft: #6b5a50;
  --ink-faint: #9b8b80;
  --paper: #fdfcfa;
  --paper-2: #f6f2ec;
  --line: rgba(36, 23, 18, 0.10);
  --line-strong: rgba(36, 23, 18, 0.22);
  --gold: #b3914f;
  --gold-soft: #d8c39a;
  --success: #3f7d5e;
  --error: #b3463c;
  --shadow: 0 40px 80px -28px rgba(36, 23, 18, 0.42), 0 12px 28px -16px rgba(36, 23, 18, 0.30);

  position: relative;
  width: 100%;
  max-width: 452px;
  background: var(--paper);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow);
  animation: ce-3ds-rise 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  color: var(--ink);
  box-sizing: border-box;
}
.ce-3ds-modal *, .ce-3ds-modal *::before, .ce-3ds-modal *::after {
  box-sizing: border-box;
}
@keyframes ce-3ds-rise {
  from { opacity: 0; transform: translateY(22px) scale(0.985); }
  to   { opacity: 1; transform: none; }
}

/* ─── Header band ───────────────────────────────────────────── */
.ce-3ds-head {
  position: relative;
  background: radial-gradient(120% 140% at 0% 0%, #3a2820 0%, #241712 58%, #1c120e 100%);
  color: var(--paper);
  padding: 26px 30px 24px;
  border-bottom: 1px solid rgba(179, 145, 79, 0.4);
}
.ce-3ds-head::after {
  content: "";
  position: absolute;
  left: 30px; right: 30px; bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.ce-3ds-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  /* High-specificity color so site h2/p rules can't override */
  color: #d8c39a !important;
  margin: 0 0 14px;
}
.ce-3ds-eyebrow svg { width: 15px; height: 15px; stroke: #d8c39a; }
.ce-3ds-modal .ce-3ds-title {
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0.005em;
  margin: 0;
  /* Force light cream — site's global h2 { color: dark } was bleeding through */
  color: #fdfcfa !important;
}
.ce-3ds-modal .ce-3ds-sub {
  margin: 8px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: rgba(253, 252, 250, 0.66) !important;
  max-width: 92%;
}
.ce-3ds-sim-tag {
  position: absolute;
  top: 14px; right: 14px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.18em;
  padding: 4px 8px;
  background: rgba(179, 145, 79, 0.18);
  color: var(--gold-soft);
  border: 1px solid rgba(179, 145, 79, 0.32);
  border-radius: 999px;
  text-transform: uppercase;
}

/* ─── Body ──────────────────────────────────────────────────── */
.ce-3ds-body { padding: 24px 30px 28px; }

.ce-3ds-txn {
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: var(--paper-2);
}
.ce-3ds-txn-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 15px 18px;
}
.ce-3ds-txn-row + .ce-3ds-txn-row { border-top: 1px solid var(--line); }
.ce-3ds-txn-k {
  font-size: 12px; font-weight: 600; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--ink-faint);
}
.ce-3ds-txn-v { font-size: 15px; font-weight: 700; color: var(--ink); }
.ce-3ds-txn-v.merchant {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px; font-weight: 600; letter-spacing: 0.01em;
}
.ce-3ds-txn-v.amount { font-size: 20px; }
.ce-3ds-txn-v.amount small {
  font-size: 13px; color: var(--ink-faint); font-weight: 600; margin-right: 2px;
}

.ce-3ds-lead {
  margin: 22px 2px 6px;
  font-size: 13.5px; line-height: 1.6;
  color: var(--ink-soft); text-align: center;
}
.ce-3ds-lead b { color: var(--ink); font-weight: 700; }

/* ─── OTP inputs ────────────────────────────────────────────── */
.ce-3ds-otp { display: flex; justify-content: center; gap: 10px; margin: 20px 0 6px; }
.ce-3ds-otp input {
  width: 50px; height: 62px;
  border: 1.5px solid var(--line-strong);
  border-radius: 12px;
  background: var(--paper);
  font-family: inherit;
  font-size: 26px; font-weight: 700;
  text-align: center;
  color: var(--ink);
  caret-color: var(--gold);
  transition: border-color 0.16s, box-shadow 0.16s, transform 0.16s, background 0.16s;
  outline: none;
}
.ce-3ds-otp input.filled { border-color: var(--ink); background: #fff; }
.ce-3ds-otp input:focus {
  border-color: var(--ink);
  box-shadow: 0 0 0 3px rgba(179, 145, 79, 0.22);
  transform: translateY(-2px);
}
.ce-3ds-otp.error input {
  border-color: var(--error); color: var(--error); background: #fbf1f0;
}
.ce-3ds-otp.success input {
  border-color: var(--success); color: var(--success); background: #f0f6f2;
}
.ce-3ds-otp.shake { animation: ce-3ds-shake 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97); }
@keyframes ce-3ds-shake {
  10%, 90% { transform: translateX(-1px); }
  20%, 80% { transform: translateX(2px); }
  30%, 50%, 70% { transform: translateX(-5px); }
  40%, 60% { transform: translateX(5px); }
}

.ce-3ds-status {
  min-height: 20px; text-align: center;
  font-size: 13px; font-weight: 600;
  margin-top: 4px; transition: color 0.2s;
}
.ce-3ds-status.err { color: var(--error); }
.ce-3ds-status.ok  { color: var(--success); }
.ce-3ds-status.idle{ color: var(--ink-faint); }

.ce-3ds-resend { text-align: center; font-size: 13px; color: var(--ink-faint); margin-top: 6px; }
.ce-3ds-resend button {
  border: none; background: none; font: inherit;
  font-size: 13px; font-weight: 700; color: var(--gold);
  cursor: pointer; padding: 0;
  text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.ce-3ds-resend button:disabled {
  color: var(--ink-faint); cursor: default;
  text-decoration: none; font-weight: 600;
}
.ce-3ds-resend .count {
  font-variant-numeric: tabular-nums; font-weight: 700; color: var(--ink-soft);
}

/* ─── Actions ───────────────────────────────────────────────── */
.ce-3ds-actions {
  display: grid; grid-template-columns: 1fr 1.35fr;
  gap: 12px; margin-top: 24px;
}
.ce-3ds-btn {
  height: 52px;
  border-radius: 12px;
  font: inherit;
  font-size: 14px; font-weight: 700; letter-spacing: 0.04em;
  cursor: pointer;
  transition: transform 0.12s, background 0.16s, box-shadow 0.16s, opacity 0.16s;
  border: 1px solid transparent;
}
.ce-3ds-btn:active { transform: translateY(1px); }
.ce-3ds-btn-ghost {
  background: var(--paper); border-color: var(--line-strong); color: var(--ink-soft);
}
.ce-3ds-btn-ghost:hover { background: var(--paper-2); }
.ce-3ds-btn-primary {
  background: var(--ink); color: var(--paper);
  display: flex; align-items: center; justify-content: center; gap: 9px;
  box-shadow: 0 8px 18px -8px rgba(36, 23, 18, 0.6);
}
.ce-3ds-btn-primary:hover { background: #15100c; }
.ce-3ds-btn-primary:disabled { opacity: 0.42; cursor: not-allowed; box-shadow: none; }
.ce-3ds-spin {
  width: 16px; height: 16px;
  border: 2px solid rgba(253,252,250,0.35);
  border-top-color: var(--paper);
  border-radius: 50%;
  animation: ce-3ds-spin 0.7s linear infinite;
  display: none;
}
@keyframes ce-3ds-spin { to { transform: rotate(360deg); } }
.ce-3ds-btn-primary.loading .ce-3ds-spin { display: block; }
.ce-3ds-btn-primary.loading .ce-3ds-label { opacity: 0.7; }

/* ─── Footer ────────────────────────────────────────────────── */
.ce-3ds-foot {
  border-top: 1px solid var(--line);
  padding: 15px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--ink-faint);
}
.ce-3ds-foot svg { width: 13px; height: 13px; }
.ce-3ds-foot .dotsep { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }

.ce-3ds-demo-hint {
  text-align: center; font-size: 11px;
  color: var(--ink-faint); margin: 14px 0 0;
  letter-spacing: 0.04em;
}
.ce-3ds-demo-hint b {
  color: var(--ink); letter-spacing: 0.32em; font-weight: 700; margin-left: 4px;
}

/* ─── Loader screen (used for both 'requesting' and 'awaiting_push') ─ */
.ce-3ds-loader {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 30px 24px 10px; gap: 14px;
}
.ce-3ds-loader-ring {
  width: 64px; height: 64px;
  border: 3px solid var(--line);
  border-top-color: var(--gold);
  border-radius: 50%;
  animation: ce-3ds-spin 0.9s linear infinite;
}
.ce-3ds-modal .ce-3ds-loader-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px; font-weight: 600; line-height: 1.2;
  margin: 4px 0 0;
  color: #241712 !important;
}
.ce-3ds-modal .ce-3ds-loader-text {
  font-size: 13px; color: #6b5a50 !important; line-height: 1.5;
  max-width: 320px; margin: 0;
}

/* ─── Success overlay ───────────────────────────────────────── */
.ce-3ds-done {
  position: absolute; inset: 0;
  background: var(--paper);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 40px; gap: 8px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.4s;
}
.ce-3ds-done.show { opacity: 1; pointer-events: auto; }
.ce-3ds-done-ring {
  width: 78px; height: 78px; border-radius: 50%;
  background: #f0f6f2; border: 1.5px solid var(--success);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px;
}
.ce-3ds-done-ring svg { width: 36px; height: 36px; }
.ce-3ds-done-ring path { stroke-dasharray: 30; stroke-dashoffset: 30; }
.ce-3ds-done.show .ce-3ds-done-ring path { animation: ce-3ds-draw 0.5s 0.15s forwards ease-out; }
@keyframes ce-3ds-draw { to { stroke-dashoffset: 0; } }
.ce-3ds-modal .ce-3ds-done h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px; font-weight: 600; margin: 0;
  color: #241712 !important;
}
.ce-3ds-modal .ce-3ds-done p {
  font-size: 13.5px; color: #6b5a50 !important; line-height: 1.5; max-width: 78%; margin: 0;
}

/* ─── Failure overlay ───────────────────────────────────────── */
.ce-3ds-fail {
  position: absolute; inset: 0;
  background: var(--paper);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 40px; gap: 12px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.4s;
}
.ce-3ds-fail.show { opacity: 1; pointer-events: auto; }
.ce-3ds-fail-ring {
  width: 78px; height: 78px; border-radius: 50%;
  background: #fbf1f0; border: 1.5px solid var(--error);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px;
  font-size: 36px; color: var(--error); font-weight: 700;
}
.ce-3ds-modal .ce-3ds-fail h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px; font-weight: 600; margin: 0;
  color: #241712 !important;
}
.ce-3ds-modal .ce-3ds-fail p { font-size: 13.5px; color: #6b5a50 !important; line-height: 1.5; max-width: 78%; margin: 0; }
.ce-3ds-fail .ce-3ds-btn { margin-top: 14px; padding: 0 24px; min-width: 140px; }