/*
Theme Name: CADPROFF
Theme URI: https://cadproff.com/
Author: CADPROFF
Author URI: https://cadproff.com/
Description: Custom WordPress + WooCommerce theme for digital CAD drawings and DXF files store.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: cadproff
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: ecommerce, woocommerce, digital-products, custom-theme
*/
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::before,::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role="button"]{cursor:pointer}select{word-wrap:normal}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;white-space:normal;font-weight:600}progress{vertical-align:baseline}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}mark,.mark{padding:.2em;background-color:#fcf8e3}.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:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a > code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container,.container-sm{max-width:540px}}@media (min-width: 768px){.container,.container-sm,.container-md{max-width:720px}}@media (min-width: 992px){.container,.container-sm,.container-md,.container-lg{max-width:960px}}@media (min-width: 1200px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters > .col,.no-gutters > [class*="col-"]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width: 576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width: 768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width: 992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width: 1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1 > *{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2 > *{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3 > *{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4 > *{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5 > *{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6 > *{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody + tbody{border-top:2px solid #dee2e6}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody + tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,0.075)}.table-primary,.table-primary > th,.table-primary > td{background-color:#b8daff}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody + tbody{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover > td,.table-hover .table-primary:hover > th{background-color:#9fcdff}.table-secondary,.table-secondary > th,.table-secondary > td{background-color:#d6d8db}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody + tbody{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover > td,.table-hover .table-secondary:hover > th{background-color:#c8cbcf}.table-success,.table-success > th,.table-success > td{background-color:#c3e6cb}.table-success th,.table-success td,.table-success thead th,.table-success tbody + tbody{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover > td,.table-hover .table-success:hover > th{background-color:#b1dfbb}.table-info,.table-info > th,.table-info > td{background-color:#bee5eb}.table-info th,.table-info td,.table-info thead th,.table-info tbody + tbody{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover > td,.table-hover .table-info:hover > th{background-color:#abdde5}.table-warning,.table-warning > th,.table-warning > td{background-color:#ffeeba}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody + tbody{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover > td,.table-hover .table-warning:hover > th{background-color:#ffe8a1}.table-danger,.table-danger > th,.table-danger > td{background-color:#f5c6cb}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody + tbody{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover > td,.table-hover .table-danger:hover > th{background-color:#f1b0b7}.table-light,.table-light > th,.table-light > td{background-color:#fdfdfe}.table-light th,.table-light td,.table-light thead th,.table-light tbody + tbody{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover > td,.table-hover .table-light:hover > th{background-color:#ececf6}.table-dark,.table-dark > th,.table-dark > td{background-color:#c6c8ca}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody + tbody{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover > td,.table-hover .table-dark:hover > th{background-color:#b9bbbe}.table-active,.table-active > th,.table-active > td{background-color:rgba(0,0,0,0.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,0.075)}.table-hover .table-active:hover > td,.table-hover .table-active:hover > th{background-color:rgba(0,0,0,0.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,0.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,0.075)}@media (max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm > .table-bordered{border:0}}@media (max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md > .table-bordered{border:0}}@media (max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg > .table-bordered{border:0}}@media (max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl > .table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive > .table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent}.form-control:focus{background-color:#fff;outline:0}.form-control::-webkit-input-placeholder{opacity:1}.form-control::-moz-placeholder{opacity:1}.form-control:-ms-input-placeholder{opacity:1}.form-control::-ms-input-placeholder{opacity:1}.form-control::placeholder{opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[size],select.form-control[multiple]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row > .col,.form-row > [class*="col-"]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input[disabled] ~ .form-check-label,.form-check-input:disabled ~ .form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,0.9);border-radius:.25rem}.form-row > .col > .valid-tooltip,.form-row > [class*="col-"] > .valid-tooltip{left:5px}.was-validated :valid ~ .valid-feedback,.was-validated :valid ~ .valid-tooltip,.is-valid ~ .valid-feedback,.is-valid ~ .valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,0.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#28a745;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,0.25)}.was-validated .form-check-input:valid ~ .form-check-label,.form-check-input.is-valid ~ .form-check-label{color:#28a745}.was-validated .form-check-input:valid ~ .valid-feedback,.was-validated .form-check-input:valid ~ .valid-tooltip,.form-check-input.is-valid ~ .valid-feedback,.form-check-input.is-valid ~ .valid-tooltip{display:block}.was-validated .custom-control-input:valid ~ .custom-control-label,.custom-control-input.is-valid ~ .custom-control-label{color:#28a745}.was-validated .custom-control-input:valid ~ .custom-control-label::before,.custom-control-input.is-valid ~ .custom-control-label::before{border-color:#28a745}.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,.custom-control-input.is-valid:checked ~ .custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,.custom-control-input.is-valid:focus ~ .custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,0.25)}.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before{border-color:#28a745}.was-validated .custom-file-input:valid ~ .custom-file-label,.custom-file-input.is-valid ~ .custom-file-label{border-color:#28a745}.was-validated .custom-file-input:valid:focus ~ .custom-file-label,.custom-file-input.is-valid:focus ~ .custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,0.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,0.9);border-radius:.25rem}.form-row > .col > .invalid-tooltip,.form-row > [class*="col-"] > .invalid-tooltip{left:5px}.was-validated :invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-tooltip,.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,0.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,0.25)}.was-validated .form-check-input:invalid ~ .form-check-label,.form-check-input.is-invalid ~ .form-check-label{color:#dc3545}.was-validated .form-check-input:invalid ~ .invalid-feedback,.was-validated .form-check-input:invalid ~ .invalid-tooltip,.form-check-input.is-invalid ~ .invalid-feedback,.form-check-input.is-invalid ~ .invalid-tooltip{display:block}.was-validated .custom-control-input:invalid ~ .custom-control-label,.custom-control-input.is-invalid ~ .custom-control-label{color:#dc3545}.was-validated .custom-control-input:invalid ~ .custom-control-label::before,.custom-control-input.is-invalid ~ .custom-control-label::before{border-color:#dc3545}.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,.custom-control-input.is-invalid:checked ~ .custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,.custom-control-input.is-invalid:focus ~ .custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,0.25)}.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before{border-color:#dc3545}.was-validated .custom-file-input:invalid ~ .custom-file-label,.custom-file-input.is-invalid ~ .custom-file-label{border-color:#dc3545}.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,.custom-file-input.is-invalid:focus ~ .custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,0.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width: 576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group,.form-inline .custom-select{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;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:#212529;text-decoration:none}.btn:focus,.btn.focus{outline:0}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary:focus,.btn-primary.focus{color:#fff}.btn-primary.disabled,.btn-primary:disabled{color:#fff}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary:focus,.btn-secondary.focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,0.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,0.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,0.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,0.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,0.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,0.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning:focus,.btn-warning.focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,0.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,0.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,0.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,0.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light:focus,.btn-light.focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,0.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,0.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark:focus,.btn-dark.focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,0.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,0.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(0,123,255,0.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,0.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem rgba(108,117,125,0.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,0.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(40,167,69,0.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,0.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem rgba(23,162,184,0.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,0.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem rgba(255,193,7,0.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,0.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem rgba(220,53,69,0.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,0.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link:focus,.btn-link.focus{text-decoration:underline}.btn-link:disabled,.btn-link.disabled{color:#6c757d;pointer-events:none}.btn-lg,.btn-group-lg > .btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-sm,.btn-group-sm > .btn{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block + .btn-block{margin-top:.5rem}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion: reduce){.collapsing{transition:none}}.dropup,.dropright,.dropdown,.dropleft{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{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width: 576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width: 768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width: 992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width: 1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.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}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .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}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";display:none}.dropleft .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}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group > .btn,.btn-group-vertical > .btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group > .btn:hover,.btn-group-vertical > .btn:hover{z-index:1}.btn-group > .btn:focus,.btn-group > .btn:active,.btn-group > .btn.active,.btn-group-vertical > .btn:focus,.btn-group-vertical > .btn:active,.btn-group-vertical > .btn.active{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group > .btn:not(:first-child),.btn-group > .btn-group:not(:first-child){margin-left:-1px}.btn-group > .btn:not(:last-child):not(.dropdown-toggle),.btn-group > .btn-group:not(:last-child) > .btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group > .btn:not(:first-child),.btn-group > .btn-group:not(:first-child) > .btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-sm + .dropdown-toggle-split,.btn-group-sm > .btn + .dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg + .dropdown-toggle-split,.btn-group-lg > .btn + .dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical > .btn,.btn-group-vertical > .btn-group{width:100%}.btn-group-vertical > .btn:not(:first-child),.btn-group-vertical > .btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical > .btn-group:not(:last-child) > .btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical > .btn:not(:first-child),.btn-group-vertical > .btn-group:not(:first-child) > .btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle > .btn,.btn-group-toggle > .btn-group > .btn{margin-bottom:0}.btn-group-toggle > .btn input[type="radio"],.btn-group-toggle > .btn input[type="checkbox"],.btn-group-toggle > .btn-group > .btn input[type="radio"],.btn-group-toggle > .btn-group > .btn input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group > .form-control,.input-group > .form-control-plaintext,.input-group > .custom-select,.input-group > .custom-file{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group > .form-control + .form-control,.input-group > .form-control + .custom-select,.input-group > .form-control + .custom-file,.input-group > .form-control-plaintext + .form-control,.input-group > .form-control-plaintext + .custom-select,.input-group > .form-control-plaintext + .custom-file,.input-group > .custom-select + .form-control,.input-group > .custom-select + .custom-select,.input-group > .custom-select + .custom-file,.input-group > .custom-file + .form-control,.input-group > .custom-file + .custom-select,.input-group > .custom-file + .custom-file{margin-left:-1px}.input-group > .form-control:focus,.input-group > .custom-select:focus,.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label{z-index:3}.input-group > .custom-file .custom-file-input:focus{z-index:4}.input-group > .form-control:not(:first-child),.input-group > .custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group > .custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group > .custom-file:not(:last-child) .custom-file-label,.input-group > .custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation) > .form-control:not(:last-child),.input-group:not(.has-validation) > .custom-select:not(:last-child),.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation > .form-control:nth-last-child(n + 3),.input-group.has-validation > .custom-select:nth-last-child(n + 3),.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:-ms-flexbox;display:flex}.input-group-prepend .btn,.input-group-append .btn{position:relative;z-index:2}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend .btn + .btn,.input-group-prepend .btn + .input-group-text,.input-group-prepend .input-group-text + .input-group-text,.input-group-prepend .input-group-text + .btn,.input-group-append .btn + .btn,.input-group-append .btn + .input-group-text,.input-group-append .input-group-text + .input-group-text,.input-group-append .input-group-text + .btn{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type="radio"],.input-group-text input[type="checkbox"]{margin-top:0}.input-group-lg > .form-control:not(textarea),.input-group-lg > .custom-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg > .form-control,.input-group-lg > .custom-select,.input-group-lg > .input-group-prepend > .input-group-text,.input-group-lg > .input-group-append > .input-group-text,.input-group-lg > .input-group-prepend > .btn,.input-group-lg > .input-group-append > .btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm > .form-control:not(textarea),.input-group-sm > .custom-select{height:calc(1.5em + 0.5rem + 2px)}.input-group-sm > .form-control,.input-group-sm > .custom-select,.input-group-sm > .input-group-prepend > .input-group-text,.input-group-sm > .input-group-append > .input-group-text,.input-group-sm > .input-group-prepend > .btn,.input-group-sm > .input-group-append > .btn{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg > .custom-select,.input-group-sm > .custom-select{padding-right:1.75rem}.input-group > .input-group-prepend > .btn,.input-group > .input-group-prepend > .input-group-text,.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group > .input-group-append:last-child > .input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group > .input-group-append > .btn,.input-group > .input-group-append > .input-group-text,.input-group > .input-group-prepend:not(:first-child) > .btn,.input-group > .input-group-prepend:not(:first-child) > .input-group-text,.input-group > .input-group-prepend:first-child > .btn:not(:first-child),.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked ~ .custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus ~ .custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active ~ .custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input[disabled] ~ .custom-control-label,.custom-control-input:disabled ~ .custom-control-label{color:#6c757d}.custom-control-input[disabled] ~ .custom-control-label::before,.custom-control-input:disabled ~ .custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50% / 50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:rgba(0,123,255,0.5)}.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{background-color:rgba(0,123,255,0.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:rgba(0,123,255,0.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(0.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion: reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color:#fff;-webkit-transform:translateX(0.75rem);transform:translateX(0.75rem)}.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{background-color:rgba(0,123,255,0.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + 0.5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus ~ .custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}.custom-file-input[disabled] ~ .custom-file-label,.custom-file-input:disabled ~ .custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en) ~ .custom-file-label::after{content:"Browse"}.custom-file-input ~ .custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 0.75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;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;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;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;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-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;appearance:none}@media (prefers-reduced-motion: reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:hover,.nav-link:focus{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show > .nav-link{color:#fff;background-color:#007bff}.nav-fill > .nav-link,.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified > .nav-link,.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content > .tab-pane{display:none}.tab-content > .active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50% / 100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width: 575.98px){.navbar-expand-sm > .container,.navbar-expand-sm > .container-fluid,.navbar-expand-sm > .container-sm,.navbar-expand-sm > .container-md,.navbar-expand-sm > .container-lg,.navbar-expand-sm > .container-xl{padding-right:0;padding-left:0}}@media (min-width: 576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm > .container,.navbar-expand-sm > .container-fluid,.navbar-expand-sm > .container-sm,.navbar-expand-sm > .container-md,.navbar-expand-sm > .container-lg,.navbar-expand-sm > .container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width: 767.98px){.navbar-expand-md > .container,.navbar-expand-md > .container-fluid,.navbar-expand-md > .container-sm,.navbar-expand-md > .container-md,.navbar-expand-md > .container-lg,.navbar-expand-md > .container-xl{padding-right:0;padding-left:0}}@media (min-width: 768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md > .container,.navbar-expand-md > .container-fluid,.navbar-expand-md > .container-sm,.navbar-expand-md > .container-md,.navbar-expand-md > .container-lg,.navbar-expand-md > .container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width: 991.98px){.navbar-expand-lg > .container,.navbar-expand-lg > .container-fluid,.navbar-expand-lg > .container-sm,.navbar-expand-lg > .container-md,.navbar-expand-lg > .container-lg,.navbar-expand-lg > .container-xl{padding-right:0;padding-left:0}}@media (min-width: 992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg > .container,.navbar-expand-lg > .container-fluid,.navbar-expand-lg > .container-sm,.navbar-expand-lg > .container-md,.navbar-expand-lg > .container-lg,.navbar-expand-lg > .container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width: 1199.98px){.navbar-expand-xl > .container,.navbar-expand-xl > .container-fluid,.navbar-expand-xl > .container-sm,.navbar-expand-xl > .container-md,.navbar-expand-xl > .container-lg,.navbar-expand-xl > .container-xl{padding-right:0;padding-left:0}}@media (min-width: 1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl > .container,.navbar-expand-xl > .container-fluid,.navbar-expand-xl > .container-sm,.navbar-expand-xl > .container-md,.navbar-expand-xl > .container-lg,.navbar-expand-xl > .container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand > .container,.navbar-expand > .container-fluid,.navbar-expand > .container-sm,.navbar-expand > .container-md,.navbar-expand > .container-lg,.navbar-expand > .container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand > .container,.navbar-expand > .container-fluid,.navbar-expand > .container-sm,.navbar-expand > .container-md,.navbar-expand > .container-lg,.navbar-expand > .container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,0.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,0.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,0.5)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,0.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,0.3)}.navbar-light .navbar-nav .show > .nav-link,.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,0.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,0.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,0.9)}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,0.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,0.5)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,0.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,0.25)}.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,0.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}
/*
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.125);border-radius:.25rem}
*/
.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:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card > .list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card > .card-header + .list-group,.card > .list-group + .card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link + .card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.125)}.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,0.03);border-top:1px solid rgba(0,0,0,0.125)}.card-footer:last-child{border-radius:0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(0.25rem - 1px)}.card-img,.card-img-top,.card-img-bottom{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width: 576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0;flex:1 0 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group > .card{margin-bottom:15px}@media (min-width: 576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group > .card{-ms-flex:1 0 0;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-img-top,.card-group > .card:not(:last-child) .card-header{border-top-right-radius:0}.card-group > .card:not(:last-child) .card-img-bottom,.card-group > .card:not(:last-child) .card-footer{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-img-top,.card-group > .card:not(:first-child) .card-header{border-top-left-radius:0}.card-group > .card:not(:first-child) .card-img-bottom,.card-group > .card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width: 576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion > .card{overflow:hidden}.accordion > .card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion > .card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion > .card > .card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item + .breadcrumb-item{padding-left:.5rem}.breadcrumb-item + .breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item + .breadcrumb-item:hover::before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;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){.badge{transition:none}}a.badge:hover,a.badge:focus{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:hover,a.badge-primary:focus{color:#fff;background-color:#0062cc}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,0.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:hover,a.badge-secondary:focus{color:#fff;background-color:#545b62}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,0.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:#1e7e34}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,0.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:hover,a.badge-info:focus{color:#fff;background-color:#117a8b}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,0.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:hover,a.badge-warning:focus{color:#212529;background-color:#d39e00}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,0.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:#bd2130}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,0.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:hover,a.badge-light:focus{color:#212529;background-color:#dae0e5}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,0.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:hover,a.badge-dark:focus{color:#fff;background-color:#1d2124}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,0.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width: 576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,0.125)}.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:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item + .list-group-item{border-top-width:0}.list-group-item + .list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal > .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal > .list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal > .list-group-item + .list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width: 576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm > .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm > .list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-sm > .list-group-item + .list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width: 768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md > .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md > .list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-md > .list-group-item + .list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width: 992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg > .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg > .list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-lg > .list-group-item + .list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width: 1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl > .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl > .list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-xl > .list-group-item + .list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush > .list-group-item{border-width:0 0 1px}.list-group-flush > .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:3.5rem;font-weight:700;line-height:1;color:#fff}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,0.85);background-clip:padding-box;border:1px solid rgba(0,0,0,0.1);box-shadow:0 .25rem .75rem rgba(0,0,0,0.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,0.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,0.05);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer > *{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width: 1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^="right"]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^="top"]{margin-bottom:.5rem}.bs-popover-top > .arrow,.bs-popover-auto[x-placement^="top"] > .arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top > .arrow::before,.bs-popover-auto[x-placement^="top"] > .arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,0.25)}.bs-popover-top > .arrow::after,.bs-popover-auto[x-placement^="top"] > .arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^="right"]{margin-left:.5rem}.bs-popover-right > .arrow,.bs-popover-auto[x-placement^="right"] > .arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-right > .arrow::before,.bs-popover-auto[x-placement^="right"] > .arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,0.25)}.bs-popover-right > .arrow::after,.bs-popover-auto[x-placement^="right"] > .arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^="bottom"]{margin-top:.5rem}.bs-popover-bottom > .arrow,.bs-popover-auto[x-placement^="bottom"] > .arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom > .arrow::before,.bs-popover-auto[x-placement^="bottom"] > .arrow::before{top:0;border-width:0 .5rem .5rem;border-bottom-color:rgba(0,0,0,0.25)}.bs-popover-bottom > .arrow::after,.bs-popover-auto[x-placement^="bottom"] > .arrow::after{top:1px;border-width:0 .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^="bottom"] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-left,.bs-popover-auto[x-placement^="left"]{margin-right:.5rem}.bs-popover-left > .arrow,.bs-popover-auto[x-placement^="left"] > .arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-left > .arrow::before,.bs-popover-auto[x-placement^="left"] > .arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,0.25)}.bs-popover-left > .arrow::after,.bs-popover-auto[x-placement^="left"] > .arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;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:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{-webkit-transform:translateX(100%);transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0 .6s}@media (prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:20px;height:20px;background:50% / 100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion: reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.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}.bg-primary{background-color:#007bff!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width: 576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!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:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: 768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!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:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: 992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!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:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!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:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!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:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width: 576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width: 768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width: 992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width: 1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width: 576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width: 768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width: 992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width: 1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!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;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.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}.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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,0.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,0.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,0.175)!important}.shadow-none{box-shadow:none!important}.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}.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}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width: 576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width: 768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width: 992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width: 1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:hover,a.text-primary:focus{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:hover,a.text-secondary:focus{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:hover,a.text-success:focus{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:hover,a.text-info:focus{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:hover,a.text-warning:focus{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:hover,a.text-danger:focus{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:hover,a.text-light:focus{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:hover,a.text-dark:focus{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,0.5)!important}.text-white-50{color:rgba(255,255,255,0.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::before,::after{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody + tbody{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}

/* fancybox */
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:2px;border-style:solid;border-color:#fff;opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}

/* ========================================================================
CADPROFF home page custom styles
Static HTML version. Keep this block below Bootstrap styles.
======================================================================== */
:root {
--cp-red: #b40000;
--cp-red-dark: #780000;
--cp-red-soft: rgba(180, 0, 0, .08);
--cp-dark: #101216;
--cp-graphite: #171b22;
--cp-graphite-2: #232934;
--cp-text: #1f242d;
--cp-muted: #68717f;
--cp-border: #e3e7ee;
--cp-light: #f5f6f8;
--cp-light-2: #eef1f5;
--cp-white: #fff;
--cp-yellow: #f6b300;
--cp-shadow: 0 20px 60px rgba(16, 18, 22, .10);
--cp-radius: 24px;
--color-primary: var(--cp-red);
--color-primary-dark: var(--cp-red-dark);
--color-dark: var(--cp-dark);
--color-text: var(--cp-text);
--color-muted: var(--cp-muted);
--color-border: var(--cp-border);
--color-light: var(--cp-light);
}

html { scroll-behavior: smooth; }
body {
font-family: "Inter", Arial, sans-serif;
color: var(--cp-text);
background: var(--cp-white);
}
body.is-menu-open { overflow: hidden; }
a, button { transition: .2s ease; }
a:hover { text-decoration: none; }
.container { max-width: 1200px; }

/*.site-page { overflow: hidden; }*/

.header-search {
flex: 1 1 auto;
min-width: 260px;
display: flex;
align-items: center;
height: 46px;
margin-left: auto;
border: 1px solid var(--cp-border);
border-radius: 999px;
background: var(--cp-light);
overflow: hidden;
}
.header-search input {
flex: 1;
height: 100%;
border: 0;
outline: none;
padding: 0 18px;
background: transparent;
font-size: 13px;
color: var(--cp-text);
}
.header-search button,
.mobile-search button,
.newsletter-form button {
border: 0;
background: var(--cp-red);
color: var(--cp-white);
font-weight: 800;
}
.header-search button {
align-self: stretch;
padding: 0 20px;
font-size: 13px;
}
.header-search button:hover,
.mobile-search button:hover,
.newsletter-form button:hover { background: var(--cp-red-dark); }
.header-actions {
display: flex;
align-items: center;
gap: 10px;
}
.header-action {
position: relative;
width: 44px;
height: 44px;
border: 1px solid var(--cp-border);
border-radius: 50%;
color: var(--cp-text);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--cp-white);
}
.header-action:hover {
color: var(--cp-red);
border-color: rgba(180,0,0,.25);
background: var(--cp-red-soft);
}
.header-action--cart span {
position: absolute;
right: -3px;
top: -3px;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--cp-red);
color: var(--cp-white);
font-size: 11px;
line-height: 18px;
text-align: center;
font-weight: 800;
}
.menu-toggle {
display: none;
width: 44px;
height: 44px;
border: 1px solid var(--cp-border);
border-radius: 50%;
background: var(--cp-white);
padding: 0;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
}
.menu-toggle span {
display: block;
width: 18px;
height: 2px;
background: var(--cp-text);
border-radius: 999px;
}
.menu-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.is-active span:nth-child(2) { opacity: 0; }
.menu-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-panel {
display: none;
border-top: 1px solid var(--cp-border);
background: var(--cp-white);
}
.mobile-panel__inner { padding-top: 18px; padding-bottom: 22px; }
.mobile-search { display: flex; margin-bottom: 14px; }
.mobile-search input {
flex: 1;
min-width: 0;
height: 46px;
border: 1px solid var(--cp-border);
border-right: 0;
border-radius: 14px 0 0 14px;
padding: 0 15px;
outline: none;
}
.mobile-search button { padding: 0 17px; border-radius: 0 14px 14px 0; }
.mobile-nav { display: grid; gap: 8px; }
.mobile-nav a {
display: block;
padding: 13px 0;
color: var(--cp-text);
border-bottom: 1px solid var(--cp-border);
font-weight: 700;
}

.section-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--cp-red);
font-family: "Roboto Mono", monospace;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.section-kicker:before {
content: "";
width: 28px;
height: 2px;
background: currentColor;
}
.btn-main,
.btn-outline-custom {
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
padding: 0 26px;
font-size: 15px;
font-weight: 800;
border: none;
}
.btn-main {
background: var(--cp-red);
color: var(--cp-white);
box-shadow: 0 12px 28px rgba(180,0,0,.24);
}
.btn-main:hover { color: var(--cp-white); background: var(--cp-red-dark); transform: translateY(-1px); }
.btn-main--light { background: var(--cp-white); color: var(--cp-red); box-shadow: none; }
.btn-main--light:hover { color: var(--cp-red); background: #f8f8f8; }
.btn-outline-custom {
color: var(--cp-white);
border: 1px solid rgba(255,255,255,.26);
background: rgba(255,255,255,.06);
}
.btn-outline-custom:hover { color: var(--cp-white); border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.11); }

.hero-section {
position: relative;
padding: 86px 0 74px;
background:
radial-gradient(circle at 78% 22%, rgba(180,0,0,.26), transparent 32%),
linear-gradient(135deg, #101216 0%, #181d26 48%, #0b0d11 100%);
color: var(--cp-white);
}
.hero-section:before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
background-size: 42px 42px;
opacity: .75;
pointer-events: none;
}
.hero-section__inner {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 500px;
align-items: center;
gap: 68px;
}
.hero-content h1 {
max-width: 720px;
margin: 20px 0 18px;
font-size: 62px;
line-height: .98;
letter-spacing: -.045em;
font-weight: 800;
}
.hero-content__lead {
max-width: 620px;
margin-bottom: 28px;
color: rgba(255,255,255,.76);
font-size: 19px;
line-height: 1.65;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 36px; }
.hero-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
max-width: 620px;
}
.hero-stat {
padding: 18px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 18px;
background: rgba(255,255,255,.055);
backdrop-filter: blur(10px);
}
.hero-stat strong {
display: block;
margin-bottom: 5px;
color: var(--cp-white);
font-family: "Roboto Mono", monospace;
font-size: 18px;
}
.hero-stat span { color: rgba(255,255,255,.64); font-size: 13px; }
.hero-visual { position: relative; min-height: 520px; }
.blueprint-card {
position: relative;
min-height: 460px;
padding: 24px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 30px;
background:
linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
rgba(255,255,255,.06);
box-shadow: 0 30px 90px rgba(0,0,0,.32);
backdrop-filter: blur(16px);
}
.blueprint-card__top,
.blueprint-card__files {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.blueprint-card__top span,
.blueprint-card__top b,
.blueprint-card__files span {
font-family: "Roboto Mono", monospace;
font-size: 12px;
letter-spacing: .08em;
}
.blueprint-card__top span { color: rgba(255,255,255,.58); }
.blueprint-card__top b { color: var(--cp-white); }
.blueprint-card__drawing {
position: relative;
height: 330px;
margin: 24px 0;
border-radius: 22px;
border: 1px solid rgba(255,255,255,.16);
overflow: hidden;
background:
linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
rgba(9,13,19,.32);
background-size: 28px 28px;
}

.blueprint-card__drawing {
overflow: hidden;
}

.blueprint-card__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.draw-line,
.draw-box,
.draw-circle { position: absolute; display: block; border-color: rgba(255,255,255,.7); }
.draw-line { height: 2px; background: rgba(255,255,255,.7); transform-origin: left center; }
.draw-line--one { width: 260px; left: 56px; top: 96px; transform: rotate(13deg); }
.draw-line--two { width: 210px; right: 48px; top: 185px; transform: rotate(-23deg); }
.draw-line--three { width: 280px; left: 78px; bottom: 76px; }
.draw-box { border: 2px solid rgba(255,255,255,.58); border-radius: 12px; }
.draw-box--one { width: 135px; height: 88px; left: 58px; top: 142px; }
.draw-box--two { width: 150px; height: 116px; right: 54px; bottom: 58px; }
.draw-circle { width: 76px; height: 76px; border: 2px solid rgba(180,0,0,.9); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.blueprint-card__files span {
display: inline-flex;
min-width: 58px;
height: 34px;
align-items: center;
justify-content: center;
border-radius: 999px;
color: var(--cp-white);
background: rgba(180,0,0,.78);
}
.floating-note {
position: absolute;
z-index: 2;
padding: 14px 18px;
border: 1px solid rgba(255,255,255,.15);
border-radius: 18px;
background: rgba(255,255,255,.10);
color: var(--cp-white);
font-weight: 800;
box-shadow: 0 18px 40px rgba(0,0,0,.22);
backdrop-filter: blur(16px);
}
.floating-note--download { right: -8px; top: 54px; }
.floating-note--cnc { left: -18px; bottom: 70px; }

.benefits-strip { margin-top: -42px; position: relative; z-index: 3; }
.benefits-strip__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.mini-benefit {
min-height: 136px;
padding: 24px;
border-radius: 22px;
background: var(--cp-white);
box-shadow: var(--cp-shadow);
border: 1px solid rgba(227,231,238,.7);
}
.mini-benefit span { color: var(--cp-red); font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 800; }
.mini-benefit b { display: block; margin: 8px 0 6px; font-size: 18px; }
.mini-benefit p { margin: 0; color: var(--cp-muted); font-size: 14px; line-height: 1.5; }

.home-section { padding: 92px 0; }
.category-section,
.how-section,
.faq-section { background: var(--cp-light); }
.section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 34px;
}
.section-head h2,
.included-content h2,
.custom-section__content h2,
.faq-intro h2 {
margin: 12px 0 0;
color: var(--cp-text);
font-size: 42px;
line-height: 1.1;
letter-spacing: -.035em;
font-weight: 800;
}
.section-head--center { justify-content: center; text-align: center; flex-direction: column; align-items: center; }
.section-link { color: var(--cp-red); font-weight: 800; white-space: nowrap; }
.section-link:hover { color: var(--cp-red-dark); }
.category-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.category-card {
position: relative;
min-height: 210px;
padding: 28px;
border-radius: var(--cp-radius);
background: var(--cp-white);
color: var(--cp-text);
border: 1px solid var(--cp-border);
overflow: hidden;
}
.category-card:after {
content: "";
position: absolute;
right: -50px;
bottom: -65px;
width: 150px;
height: 150px;
border-radius: 50%;
background: var(--cp-red-soft);
}
.category-card:hover { color: var(--cp-text); transform: translateY(-4px); box-shadow: var(--cp-shadow); border-color: rgba(180,0,0,.18); }
.category-card__icon {
width: 52px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 26px;
border-radius: 16px;
background: var(--cp-red-soft);
color: var(--cp-red);
font-size: 24px;
font-weight: 800;
}
.category-card b { display: block; margin-bottom: 8px; font-size: 20px; }
.category-card p { max-width: 260px; margin: 0; color: var(--cp-muted); font-size: 14px; line-height: 1.55; }

.product-section { background: var(--cp-white); }
.product-tabs { display: flex; flex-wrap: wrap; gap: 8px;}
.product-tabs button {
min-height: 38px;
padding: 0 16px;
border-radius: 999px;
border: 1px solid var(--cp-border);
background: var(--cp-white);
color: var(--cp-muted);
font-size: 13px;
font-weight: 800;
}
.product-tabs button:hover,
.product-tabs button.is-active {
background: var(--cp-red);
border-color: var(--cp-red);
color: var(--cp-white);
}
.product-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
.product-card {
display: flex;
flex-direction: column;
border-radius: var(--cp-radius);
border: 1px solid var(--cp-border);
background: var(--cp-white);
overflow: hidden;
}
.product-card:hover { transform: translateY(-5px); box-shadow: var(--cp-shadow); border-color: rgba(180,0,0,.18); }
.product-card__image {
position: relative;
height: 230px;
display: block;
overflow: hidden;
background:
linear-gradient(rgba(16,18,22,.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(16,18,22,.06) 1px, transparent 1px),
linear-gradient(135deg, #f5f6f8, #e9edf3);
background-size: 24px 24px;
}

.product-card__image {
overflow: hidden;
}

.product-card__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.product-badge {
position: absolute;
left: 14px;
top: 14px;
z-index: 2;
padding: 7px 10px;
border-radius: 999px;
background: var(--cp-dark);
color: var(--cp-white);
font-size: 11px;
font-weight: 800;
}
.product-badge--new { background: var(--cp-red); }
.product-badge--sale { background: var(--cp-yellow); color: var(--cp-dark); }
.product-drawing { position: absolute; inset: 44px 28px 28px; border: 2px solid rgba(31,36,45,.28); border-radius: 18px; }
.product-drawing:before,
.product-drawing:after { content: ""; position: absolute; background: rgba(180,0,0,.72); border-radius: 999px; }
.product-drawing--table:before { width: 76%; height: 3px; left: 12%; top: 40%; }
.product-drawing--table:after { width: 3px; height: 62%; left: 50%; top: 20%; }
.product-drawing--cart:before { width: 62%; height: 3px; left: 18%; top: 34%; transform: rotate(-16deg); }
.product-drawing--cart:after { width: 56px; height: 56px; left: 50%; bottom: 22px; transform: translateX(-50%); border: 3px solid rgba(180,0,0,.72); background: transparent; border-radius: 50%; }
.product-drawing--trailer:before { width: 74%; height: 3px; left: 13%; top: 52%; }
.product-drawing--trailer:after { width: 64px; height: 64px; right: 22px; bottom: 24px; border: 3px solid rgba(180,0,0,.72); background: transparent; border-radius: 50%; }
.product-drawing--camper:before { width: 56%; height: 42%; left: 20%; top: 26%; border: 3px solid rgba(180,0,0,.72); background: transparent; border-radius: 14px; }
.product-drawing--camper:after { width: 42px; height: 42px; right: 28px; bottom: 24px; border: 3px solid rgba(180,0,0,.72); background: transparent; border-radius: 50%; }
.product-card__body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.product-card__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.product-card__meta span {
padding: 5px 8px;
border-radius: 999px;
background: var(--cp-light);
color: var(--cp-muted);
font-family: "Roboto Mono", monospace;
font-size: 10px;
font-weight: 700;
}
.product-card h3 { margin: 0 0 9px; font-size: 18px; line-height: 1.3; font-weight: 800; }
.product-card h3 a { color: var(--cp-text); }
.product-card h3 a:hover { color: var(--cp-red); }
.product-card p { flex: 1; margin: 0 0 18px; color: var(--cp-muted); font-size: 14px; line-height: 1.55; }
.product-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-price { font-size: 20px; font-weight: 800; color: var(--cp-text); }
.add-cart-btn {
min-height: 40px;
padding: 0 15px;
border: 0;
border-radius: 999px;
background: var(--cp-dark);
color: var(--cp-white);
font-size: 13px;
font-weight: 800;
display: flex;
align-items: center;
}
.add-cart-btn:hover { background: var(--cp-red); color: #fff;}
.product-card.is-hidden { display: none; }

.included-section {
background:
linear-gradient(135deg, #111318 0%, #1b202a 100%);
color: var(--cp-white);
}
.included-section__grid {
display: grid;
grid-template-columns: .85fr 1.15fr;
gap: 60px;
align-items: center;
}
.included-content h2 { color: var(--cp-white); }
.included-content p { margin: 18px 0 28px; color: rgba(255,255,255,.68); font-size: 17px; line-height: 1.7; }
.included-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.included-item {
min-height: 190px;
padding: 24px;
border-radius: 22px;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.06);
}
.included-item span {
width: 54px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 28px;
border-radius: 999px;
background: var(--cp-red);
color: var(--cp-white);
font-family: "Roboto Mono", monospace;
font-size: 12px;
font-weight: 800;
}
.included-item b { display: block; margin-bottom: 8px; font-size: 18px; }
.included-item p { margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.55; }

.steps-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.step-card {
position: relative;
min-height: 230px;
padding: 26px;
border: 1px solid var(--cp-border);
border-radius: var(--cp-radius);
background: var(--cp-white);
}
.step-card span {
display: inline-flex;
margin-bottom: 36px;
color: var(--cp-red);
font-family: "Roboto Mono", monospace;
font-size: 13px;
font-weight: 800;
}
.step-card h3 { margin: 0 0 9px; font-size: 20px; font-weight: 800; }
.step-card p { margin: 0; color: var(--cp-muted); font-size: 14px; line-height: 1.55; }

.builds-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.build-card { border-radius: var(--cp-radius); border: 1px solid var(--cp-border); background: var(--cp-white); overflow: hidden; }

.build-card__image {
	overflow: hidden;
}

.build-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
min-height: 250px;
}

/*
.build-card__image {
height: 220px;
background:
radial-gradient(circle at 30% 30%, rgba(180,0,0,.18), transparent 26%),
linear-gradient(rgba(16,18,22,.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(16,18,22,.06) 1px, transparent 1px),
#eef1f5;
background-size: auto, 25px 25px, 25px 25px, auto;
}
*/

.build-card__image--two { background-color: #e7ebf1; }
.build-card__image--three { background-color: #f1f2f4; }
.build-card h3 { margin: 22px 22px 8px; font-size: 21px; font-weight: 800; }
.build-card p { margin: 0 22px 24px; color: var(--cp-muted); font-size: 14px; line-height: 1.55; }

.custom-section { padding-top: 0; background: var(--cp-white); }
.custom-section__box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 46px;
border-radius: 30px;
background:
radial-gradient(circle at 90% 20%, rgba(255,255,255,.18), transparent 28%),
linear-gradient(135deg, var(--cp-red) 0%, var(--cp-red-dark) 100%);
color: var(--cp-white);
}
.custom-section__content h2 { color: var(--cp-white); }
.custom-section__content p { max-width: 680px; margin: 14px 0 0; color: rgba(255,255,255,.74); font-size: 17px; line-height: 1.6; }
.custom-section .section-kicker { color: rgba(255,255,255,.82); }

.faq-section__grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 56px; align-items: start; }
.faq-intro p { margin-top: 16px; color: var(--cp-muted); font-size: 16px; line-height: 1.65; }
.faq-list { display: grid; gap: 12px; }
.faq-item { border: 1px solid var(--cp-border); border-radius: 18px; background: var(--cp-white); overflow: hidden; }
.faq-item button {
position: relative;
width: 100%;
padding: 22px 58px 22px 22px;
border: 0;
background: transparent;
color: var(--cp-text);
text-align: left;
font-size: 17px;
font-weight: 800;
}
.faq-item button:after {
content: "+";
position: absolute;
right: 22px;
top: 50%;
transform: translateY(-50%);
color: var(--cp-red);
font-size: 24px;
font-weight: 700;
}
.faq-item.is-open button:after { content: "−"; }
.faq-item__content { display: none; padding: 0 22px 22px; }
.faq-item.is-open .faq-item__content { display: block; }
.faq-item__content p { margin: 0; color: var(--cp-muted); line-height: 1.65; }

.site-footer {
background: var(--cp-dark);
color: rgba(255,255,255,.68);
padding: 70px 0 24px;
}
.site-footer__grid {
display: grid;
grid-template-columns: 1.35fr .7fr .7fr 1fr;
gap: 36px;
align-items: start;
}
.footer-brand img { width: 150px; height: auto; margin-bottom: 18px; filter: brightness(1.1); }
.footer-brand p { max-width: 320px; margin: 0; line-height: 1.65; }
.footer-col h3,.footer-accordion__head{ margin: 0 0 18px; color: var(--cp-white); font-size: 15px; font-weight: 800; }
.footer-col a { display: block; margin-bottom: 10px; color: rgba(255,255,255,.66); font-size: 14px; }
.footer-col a:hover { color: var(--cp-white); }
.newsletter-form { display: flex; }
.newsletter-form input {
flex: 1;
min-width: 0;
height: 46px;
border: 1px solid rgba(255,255,255,.12);
border-right: 0;
border-radius: 14px 0 0 14px;
background: rgba(255,255,255,.06);
color: var(--cp-white);
padding: 0 14px;
outline: none;
}
.newsletter-form button { padding: 0 16px; border-radius: 0 14px 14px 0; }
.footer-bottom {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 52px;
padding-top: 22px;
border-top: 1px solid rgba(255,255,255,.10);
font-size: 13px;
}

/* =========================
Shop / Catalog Page
========================= */

.breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 28px;
font-size: 14px;
color: var(--cp-muted);
}

.breadcrumbs a {
color: var(--cp-muted);
text-decoration: none;
transition: color .2s ease;
}

.breadcrumbs a:hover {
color: var(--cp-red);
}

.breadcrumbs span {
color: rgba(255, 255, 255, .45);
}

.shop-hero {
position: relative;
padding: 42px 0 54px;
background:
linear-gradient(135deg, rgba(180, 0, 0, .18) 0%, rgba(17, 19, 24, .96) 42%, #111318 100%),
radial-gradient(circle at 85% 15%, rgba(244, 176, 0, .15), transparent 34%);
color: #fff;
overflow: hidden;
}

.shop-hero::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
background-size: 42px 42px;
opacity: .35;
pointer-events: none;
}

.shop-hero .container {
position: relative;
z-index: 2;
}

.shop-hero__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 420px;
align-items: end;
gap: 40px;
}

.shop-hero__content {
max-width: 760px;
}

.shop-hero__content h1 {
margin: 12px 0 18px;
font-size: 56px;
line-height: 1.02;
font-weight: 800;
letter-spacing: -0.045em;
}

.shop-hero__content p {
max-width: 680px;
margin: 0;
font-size: 18px;
line-height: 1.7;
color: rgba(255,255,255,.78);
}

.shop-hero__stats {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}

.shop-stat {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
padding: 18px 20px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 20px;
background: rgba(255,255,255,.06);
backdrop-filter: blur(14px);
}

.shop-stat strong {
font-family: "Roboto Mono", monospace;
font-size: 26px;
line-height: 1;
color: #fff;
}

.shop-stat span {
max-width: 160px;
text-align: right;
font-size: 14px;
line-height: 1.35;
color: rgba(255,255,255,.68);
}

.shop-content {
padding: 46px 0 80px;
background: var(--cp-light);
}

.shop-layout {
display: grid;
grid-template-columns: 292px minmax(0, 1fr);
gap: 28px;
align-items: start;
}

.shop-sidebar {
position: sticky;
top: 18px;
padding: 22px;
border: 1px solid var(--cp-border);
border-radius: 26px;
background: #fff;
box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.shop-sidebar__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid var(--cp-border);
}

.shop-sidebar__head h2 {
margin: 0;
font-size: 20px;
font-weight: 800;
letter-spacing: -0.025em;
color: var(--cp-dark);
}

.filter-close {
display: none;
width: 34px;
height: 34px;
border: 0;
border-radius: 50%;
background: var(--cp-light);
color: var(--cp-dark);
font-size: 26px;
line-height: 1;
}

.filter-block {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid var(--cp-border);
}

.filter-block:last-of-type {
margin-bottom: 22px;
}

.filter-block__title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0;
border: 0;
background: transparent;
color: var(--cp-dark);
font-size: 15px;
font-weight: 800;
text-align: left;
}

.filter-block__title span {
display: none;
}

.filter-block__body {
display: grid;
gap: 11px;
margin-top: 14px;
}

.filter-checkbox,
.filter-radio {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
color: var(--cp-text);
font-size: 14px;
line-height: 1.35;
cursor: pointer;
}

.filter-checkbox input,
.filter-radio input {
flex: 0 0 auto;
accent-color: var(--cp-red);
}

.filter-checkbox span,
.filter-radio span {
flex: 1 1 auto;
}

.filter-checkbox em {
flex: 0 0 auto;
font-style: normal;
color: var(--cp-muted);
font-size: 12px;
}

.filter-actions {
display: grid;
gap: 10px;
}

.btn-main--full {
width: 100%;
}

.btn-reset {
width: 100%;
min-height: 46px;
border: 1px solid var(--cp-border);
border-radius: 999px;
background: #fff;
color: var(--cp-muted);
font-size: 14px;
font-weight: 700;
transition: all .2s ease;
display: flex;
align-items: center;
justify-content: center;
}

.btn-reset:hover {
border-color: var(--cp-dark);
color: var(--cp-dark);
}

.shop-main {
min-width: 0;
}

.shop-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 22px 24px;
margin-bottom: 18px;
border: 1px solid var(--cp-border);
border-radius: 26px;
background: #fff;
}

.shop-toolbar__left h2 {
margin: 0 0 4px;
color: var(--cp-dark);
font-size: 24px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -0.025em;
}

.shop-toolbar__left p {
margin: 0;
color: var(--cp-muted);
font-size: 14px;
}

.shop-toolbar__right {
display: flex;
align-items: center;
gap: 14px;
}

.shop-sort {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}

.shop-sort span {
white-space: nowrap;
color: var(--cp-muted);
font-size: 14px;
font-weight: 600;
}

.shop-sort select {
height: 44px;
min-width: 170px;
padding: 0 40px 0 16px;
border: 1px solid var(--cp-border);
border-radius: 999px;
background: #fff;
color: var(--cp-dark);
font-size: 14px;
font-weight: 700;
outline: none;
}

.view-switcher {
display: flex;
gap: 6px;
padding: 5px;
border: 1px solid var(--cp-border);
border-radius: 999px;
background: var(--cp-light);
}

.view-switcher__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--cp-muted);
font-size: 16px;
line-height: 1;
transition: all .2s ease;
}

.view-switcher__btn.is-active {
background: var(--cp-dark);
color: #fff;
}

.active-filters {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
margin-bottom: 24px;
}

.active-filters span {
color: var(--cp-muted);
font-size: 14px;
font-weight: 700;
}

.active-filters button {
min-height: 34px;
padding: 0 13px;
border: 1px solid rgba(180, 0, 0, .16);
border-radius: 999px;
background: rgba(180, 0, 0, .07);
color: var(--cp-red);
font-size: 13px;
font-weight: 700;
}

.shop-products {
display: grid;
gap: 22px;
}

.shop-products.is-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shop-products.is-list {
grid-template-columns: 1fr;
}

.shop-products.is-list .shop-product-card {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
}

.shop-products.is-list .product-card__image {
min-height: 100%;
border-radius: 22px 0 0 22px;
}

.shop-products.is-list .product-card__content {
display: flex;
flex-direction: column;
justify-content: center;
}

.shop-products .product-card {
overflow: hidden;
border: 1px solid var(--cp-border);
border-radius: 26px;
background: #fff;
box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.shop-products .product-card:hover {
transform: translateY(-4px);
border-color: rgba(180, 0, 0, .22);
box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.product-card__image {
position: relative;
display: block;
min-height: 228px;
padding: 16px;
background:
linear-gradient(135deg, rgba(17, 19, 24, .96), rgba(31, 35, 45, .92)),
linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
color: #fff;
text-decoration: none;
}

.product-card__image:hover {
text-decoration: none;
color: #fff;
}

.shop-products .product-badge {
position: absolute;
top: 16px;
left: 16px;
z-index: 3;
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border-radius: 999px;
background: var(--cp-red);
color: #fff;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
}

.product-badge--new,.shop-products .product-badge--new{
background: #0d8f5a;
}

.product-badge--sale,.shop-products .product-badge--sale{
background: #f4b000;
color: #111318;
}

.product-card__mockup {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 196px;
padding: 18px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 18px;
background:
linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 18px),
repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 18px);
}

.product-card__mockup span {
align-self: flex-start;
margin-bottom: 10px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(255,255,255,.11);
color: rgba(255,255,255,.76);
font-family: "Roboto Mono", monospace;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}

.product-card__mockup strong {
max-width: 220px;
color: #fff;
font-size: 26px;
line-height: 1.05;
font-weight: 800;
letter-spacing: -0.04em;
}

.product-card__content {
padding: 20px;
}

.product-card__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}

.product-card__meta span {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 9px;
border-radius: 999px;
background: var(--cp-light);
color: var(--cp-muted);
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .055em;
}

.shop-products .product-card h3 {
margin: 0 0 10px;
font-size: 18px;
line-height: 1.25;
font-weight: 800;
letter-spacing: -0.025em;
}

.shop-products .product-card h3 a {
color: var(--cp-dark);
text-decoration: none;
transition: color .2s ease;
}

.shop-products .product-card h3 a:hover {
color: var(--cp-red);
}

.shop-products .product-card p {
margin: 0 0 16px;
color: var(--cp-muted);
font-size: 14px;
line-height: 1.6;
}

.product-card__formats {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-bottom: 18px;
}

.product-card__formats span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 9px;
border: 1px solid var(--cp-border);
border-radius: 999px;
background: #fff;
color: var(--cp-text);
font-family: "Roboto Mono", monospace;
font-size: 11px;
font-weight: 700;
}

.product-card__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}

.shop-products .product-price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 7px;
}

.shop-products .product-price span {
color: var(--cp-dark);
font-size: 22px;
line-height: 1;
font-weight: 800;
letter-spacing: -0.035em;
}

.shop-products .product-price del {
color: var(--cp-muted);
font-size: 14px;
font-weight: 700;
}

.product-card__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border-radius: 999px;
background: var(--cp-red);
color: #fff;
font-size: 13px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
transition: all .2s ease;
}

.product-card__btn:hover {
background: var(--cp-red-dark);
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}

.shop-pagination {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 9px;
margin-top: 36px;
}

.shop-pagination a,
.shop-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 13px;
border-radius: 999px;
border: 1px solid var(--cp-border);
background: #fff;
color: var(--cp-dark);
font-size: 14px;
font-weight: 800;
text-decoration: none;
}

.shop-pagination a:hover,
.shop-pagination a.is-active {
border-color: var(--cp-red);
background: var(--cp-red);
color: #fff;
text-decoration: none;
}

.shop-pagination__next {
min-width: 96px !important;
}

.shop-bottom-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-top: 46px;
padding: 34px;
border-radius: 30px;
background:
linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 38%),
var(--cp-dark);
color: #fff;
overflow: hidden;
}

.shop-bottom-cta__content {
max-width: 460px;
}

.shop-bottom-cta h2 {
margin: 10px 0 12px;
font-size: 34px;
line-height: 1.1;
font-weight: 800;
letter-spacing: -0.04em;
}

.shop-bottom-cta p {
margin: 0;
color: rgba(255,255,255,.72);
font-size: 16px;
line-height: 1.65;
}

.shop-mobile-bar {
display: none;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 18px;
}

.filter-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 0 18px;
border: 0;
border-radius: 999px;
background: var(--cp-dark);
color: #fff;
font-size: 14px;
font-weight: 800;
}

.shop-mobile-count {
color: var(--cp-muted);
font-size: 14px;
font-weight: 700;
}

.filter-overlay {
position: fixed;
inset: 0;
z-index: 990;
display: none;
background: rgba(17, 19, 24, .56);
}

.filter-overlay.is-active {
display: block;
}

body.filter-open {
overflow: hidden;
}

/* =========================
   Single Product Page Full CSS
========================= */

.breadcrumbs--dark {
  margin-bottom: 26px;
}

.breadcrumbs--dark span {
  color: var(--cp-muted);
}

.product-main-section {
  padding: 34px 0 56px;
  background: var(--cp-light);
}

.product-page .single-product {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  gap: 30px;
  align-items: start;
}

.single-product__gallery,
.single-product__summary {
  min-width: 0;
}

/* Product Gallery */

.product-gallery--photo {
  padding: 18px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.product-gallery__main-photo {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #f1f3f6;
}

.product-gallery__main-link {
  position: relative;
  display: block;
  width: 100%;
  min-height: 520px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}

.product-gallery__main-link:hover {
  color: inherit;
  text-decoration: none;
}

.product-gallery__main-link:focus {
  outline: none;
}

.product-gallery__main-link:focus-visible {
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .25);
}

.product-gallery__main-img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  transition: transform .35s ease;
}

.product-gallery__main-link:hover .product-gallery__main-img {
  transform: scale(1.025);
}

.product-gallery__main-photo .product-badge {
  z-index: 5;
}

.product-gallery__zoom-note {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(17, 19, 24, .72);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.product-gallery__hidden {
  display: none;
}

.product-gallery__thumbs--photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.product-gallery__thumb-photo {
  position: relative;
  display: block;
  overflow: hidden;
  height: 96px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 18px;
  background: #f1f3f6;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.product-gallery__thumb-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.product-gallery__thumb-photo:hover {
  transform: translateY(-2px);
}

.product-gallery__thumb-photo:hover img {
  transform: scale(1.04);
}

.product-gallery__thumb-photo.is-active {
  border-color: var(--cp-red);
  box-shadow: 0 10px 28px rgba(180, 0, 0, .18);
}

.product-gallery__thumb-photo.is-active::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 3px solid rgba(255,255,255,.78);
  border-radius: 15px;
  pointer-events: none;
}

/* Digital Product Note */

.product-safe-note {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(180, 0, 0, .18);
  border-radius: 22px;
  background: rgba(180, 0, 0, .06);
}

.product-safe-note strong {
  flex: 0 0 auto;
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
}

.product-safe-note span {
  color: var(--cp-text);
  font-size: 14px;
  line-height: 1.45;
}

/* Product Summary */

.product-summary-card {
  padding: 30px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.product-summary-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.product-summary-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.product-summary-card h1 {
  margin: 0 0 16px;
  color: var(--cp-dark);
  font-size: 42px;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.product-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.product-rating__stars {
  color: #f4b000;
  font-size: 14px;
  letter-spacing: .06em;
}

.product-rating a,
.product-rating span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.product-rating a:hover {
  color: var(--cp-red);
}

.product-short-desc {
  margin: 0 0 22px;
  color: var(--cp-muted);
  font-size: 16px;
  line-height: 1.7;
}

.product-price--single {
  margin-bottom: 22px;
}

.product-price--single span {
  font-size: 38px;
}

.product-price--single del {
  font-size: 18px;
}

.product-download-box {
  display: flex;
  gap: 14px;
  padding: 18px;
  margin-bottom: 18px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 22px;
  background: rgba(13, 143, 90, .07);
}

.product-download-box__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.product-download-box strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.product-download-box p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.product-file-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.product-file-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-text);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}

.product-cart-form {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 12px;
  margin-bottom: 18px;
}

.quantity-control {
  display: grid;
  grid-template-columns: 38px 1fr 38px;
  height: 54px;
  overflow: hidden;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
}

.quantity-control__btn {
  border: 0;
  background: transparent;
  color: var(--cp-dark);
  font-size: 20px;
  font-weight: 800;
}

.quantity-control input {
  width: 100%;
  border: 0;
  outline: 0;
  text-align: center;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
  -moz-appearance: textfield;
}

.quantity-control input::-webkit-outer-spin-button,
.quantity-control input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.product-add-to-cart {
  min-height: 54px;
  border: 0;
}

.product-actions-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--cp-border);
}

.product-actions-row a,.product-actions-row button {
color: var(--cp-muted);
font-size: 14px;
font-weight: 800;
text-decoration: none;
border:none;
background: none;
padding: 0;
}

.product-actions-row a:hover,.product-actions-row button:hover {
color: var(--cp-red);
}

.product-service-list {
  display: grid;
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-service-list li {
  display: grid;
  gap: 4px;
}

.product-service-list strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
}

.product-service-list span {
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.45;
}

/* Product Tabs */

.product-info-section {
  padding: 70px 0;
  background: #fff;
}

.product-info-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 28px;
  align-items: start;
}

.product-info-section .product-tabs {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .05);
  overflow: hidden;
}

.product-tabs__nav {
display: flex;
gap: 6px;
padding: 12px;
border-bottom: 1px solid var(--cp-border);
background: var(--cp-light);
width: 100%;
}

.product-info-section .product-tab-btn {
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 800;
  transition: all .2s ease;
}

.product-info-section .product-tab-btn.is-active {
  background: var(--cp-dark);
  color: #fff;
}

.product-tabs__body {
  padding: 30px;
  width: 100%;
}

.product-info-section .product-tab-panel {
  display: none;
}

.product-info-section .product-tab-panel.is-active {
  display: block;
}

.product-info-section .product-tab-panel h2 {
  margin: 0 0 16px;
  color: var(--cp-dark);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.product-info-section .product-tab-panel p {
  color: var(--cp-muted);
  font-size: 16px;
  line-height: 1.75;
}

.product-info-section .product-content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.product-info-section .product-content-card,
.product-info-section .included-item {
  padding: 22px;
  border: 1px solid var(--cp-border);
  border-radius: 22px;
  background: var(--cp-light);
}

.product-info-section .product-content-card h3,
.product-info-section .included-item h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.product-info-section .product-content-card ul,.product-tab-panel ul {
  padding-left: 18px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.75;
}

.product-tab-panel ul{margin-bottom:1rem;}

.product-info-section .product-content-card p {
  margin: 0;
}

.product-info-section .included-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.product-info-section .included-item span {
  display: inline-flex;
  margin-bottom: 14px;
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.product-info-section .included-item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}

.product-info-section .spec-list {
  overflow: hidden;
  border: 1px solid var(--cp-border);
  border-radius: 22px;
}

.product-info-section .spec-row {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--cp-border);
}

.product-info-section .spec-row:last-child {
  border-bottom: 0;
}

.product-info-section .spec-row span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
}

.product-info-section .spec-row strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
}

/* Product Side Card */

.product-side-card {
  position: sticky;
  top: 18px;
  padding: 24px;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.product-side-card h2,
.product-side-card h3 {
  margin: 0 0 12px;
  color: #fff;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.product-side-card h2 {
  font-size: 26px;
  line-height: 1.15;
}

.product-side-card h3 {
  font-size: 20px;
}

.product-side-card p {
  margin: 0 0 18px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

.product-side-card__line {
  height: 1px;
  margin: 24px 0;
  background: rgba(255,255,255,.14);
}

.product-side-card .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  text-decoration: none;
}

/* Product FAQ */

.product-faq-section {
  padding: 70px 0;
  background: var(--cp-light);
}

.product-faq {
  max-width: 860px;
  margin: 34px auto 0;
}

.product-faq-item {
  overflow: hidden;
  border: 1px solid var(--cp-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(17, 19, 24, .045);
}

.product-faq-item + .product-faq-item {
  margin-top: 12px;
}

.product-faq-item__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  padding: 22px 24px;
  border: 0;
  background: transparent;
  color: var(--cp-dark);
  text-align: left;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.product-faq-item__question span {
  flex: 1 1 auto;
}

.product-faq-item__question i {
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--cp-light);
}

.product-faq-item__question i::before,
.product-faq-item__question i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: var(--cp-dark);
  transform: translate(-50%, -50%);
  transition: transform .2s ease, background .2s ease;
}

.product-faq-item__question i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.product-faq-item.is-active .product-faq-item__question {
  color: var(--cp-red);
}

.product-faq-item.is-active .product-faq-item__question i {
  background: rgba(180, 0, 0, .08);
}

.product-faq-item.is-active .product-faq-item__question i::before,
.product-faq-item.is-active .product-faq-item__question i::after {
  background: var(--cp-red);
}

.product-faq-item.is-active .product-faq-item__question i::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.product-faq-item__answer {
  display: none;
  padding: 0 24px 24px;
}

.product-faq-item.is-active .product-faq-item__answer {
  display: block;
}

.product-faq-item__answer p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.75;
}

/* Related Products */

.related-products-section {
  padding: 74px 0 86px;
  background: #fff;
}

.related-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 30px;
}

/* Responsive */

/* =========================
   Product Gallery Slider + Fancybox
========================= */

.product-gallery--photo {
  padding: 18px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.product-gallery__main-photo {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #f1f3f6;
}

.product-gallery__main-link {
  position: relative;
  display: block;
  width: 100%;
  min-height: 520px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}

.product-gallery__main-link:hover,
.product-gallery__main-link:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.product-gallery__main-img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  transition: opacity .2s ease, transform .35s ease;
}

.product-gallery__main-link:hover .product-gallery__main-img {
  transform: scale(1.025);
}

.product-gallery__main-img.is-changing {
  opacity: .25;
}

.product-gallery__main-photo .product-badge {
  z-index: 8;
}

.product-gallery__arrow {
  position: absolute;
  top: 50%;
  z-index: 9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(17, 19, 24, .72);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 400;
  transform: translateY(-50%);
  backdrop-filter: blur(10px);
  transition: background .2s ease, transform .2s ease, opacity .2s ease;
}

.product-gallery__arrow:hover {
  background: var(--cp-red);
  transform: translateY(-50%) scale(1.05);
}

.product-gallery__arrow--prev {
  left: 18px;
}

.product-gallery__arrow--next {
  right: 18px;
}

.product-gallery__counter {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(17, 19, 24, .72);
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.product-gallery__zoom-note {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(17, 19, 24, .72);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.product-gallery__thumbs--photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.product-gallery__thumb-photo {
  position: relative;
  display: block;
  overflow: hidden;
  height: 96px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 18px;
  background: #f1f3f6;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.product-gallery__thumb-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.product-gallery__thumb-photo:hover {
  transform: translateY(-2px);
}

.product-gallery__thumb-photo:hover img {
  transform: scale(1.04);
}

.product-gallery__thumb-photo.is-active {
  border-color: var(--cp-red);
  box-shadow: 0 10px 28px rgba(180, 0, 0, .18);
}

.product-gallery__thumb-photo.is-active::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 3px solid rgba(255,255,255,.78);
  border-radius: 15px;
  pointer-events: none;
}

/* =========================
   Cart Page
========================= */

.cart-hero {
  padding: 34px 0 44px;
  background: var(--cp-light);
}

.cart-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.cart-hero h1 {
  margin: 12px 0 14px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.cart-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.cart-content-section {
  padding: 0 0 74px;
  background: var(--cp-light);
}

.cart-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.cart-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.cart-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.cart-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 28px;
  align-items: start;
}

.cart-main {
  min-width: 0;
}

.cart-table-card,
.cart-actions-card,
.cart-after-payment,
.cart-summary-card,
.cart-help-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.cart-table-card {
  overflow: hidden;
}

.cart-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.cart-table-head h2 {
  margin: 0;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.cart-table-head span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
}

.cart-items {
  display: grid;
}

.cart-item {
  display: grid;
  grid-template-columns: 156px minmax(0, 1fr);
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.cart-item:last-child {
  border-bottom: 0;
}

.cart-item__image {
  position: relative;
  display: block;
  overflow: hidden;
  height: 132px;
  border-radius: 20px;
  background: var(--cp-light);
}

.cart-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.cart-item__image:hover img {
  transform: scale(1.04);
}

.cart-item__content {
  min-width: 0;
}

.cart-item__top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.cart-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.cart-item__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.cart-item h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.cart-item h3 a {
  color: inherit;
  text-decoration: none;
}

.cart-item h3 a:hover {
  color: var(--cp-red);
}

.cart-item p {
  margin: 0 0 12px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.cart-item__formats {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.cart-item__formats span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-text);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}

.cart-item__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 26px;
  line-height: 1;
  transition: all .2s ease;
}

.cart-item__remove:hover {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
}

.cart-item__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.cart-quantity {
  width: 126px;
  height: 46px;
}

.cart-item__price {
  display: grid;
  gap: 4px;
  text-align: right;
}

.cart-item__single-price {
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.cart-item__price strong {
  color: var(--cp-dark);
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.cart-actions-card {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 26px;
  margin-top: 22px;
}

.cart-coupon {
  flex: 1 1 auto;
  max-width: 520px;
}

.cart-coupon label {
  display: block;
  margin-bottom: 9px;
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
}

.cart-coupon__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.cart-coupon input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-dark);
  font-size: 14px;
  outline: none;
}

.cart-coupon input:focus {
  border-color: rgba(180, 0, 0, .35);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.cart-coupon button {
  height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: var(--cp-dark);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition: all .2s ease;
}

.cart-coupon button:hover {
  background: var(--cp-red);
}

.cart-update-link {
  flex: 0 0 auto;
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.cart-update-link:hover {
  color: var(--cp-red);
  text-decoration: none;
}

.cart-after-payment {
  padding: 28px;
  margin-top: 22px;
}

.cart-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.cart-step {
  padding: 22px;
  border: 1px solid var(--cp-border);
  border-radius: 22px;
  background: var(--cp-light);
}

.cart-step span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.cart-step h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.cart-step p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.cart-summary {
  position: sticky;
  top: 18px;
}

.cart-summary-card {
  padding: 26px;
}

.cart-summary-card h2 {
  margin: 0 0 22px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.cart-summary-lines {
  display: grid;
  gap: 14px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--cp-border);
}

.cart-summary-line,
.cart-summary-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.cart-summary-line span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
}

.cart-summary-line strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
  text-align: right;
}

.cart-summary-total {
  margin-bottom: 22px;
}

.cart-summary-total span {
  color: var(--cp-dark);
  font-size: 17px;
  font-weight: 800;
}

.cart-summary-total strong {
  color: var(--cp-dark);
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.cart-checkout-btn {
  min-height: 54px;
}

.cart-summary-note {
  display: grid;
  gap: 4px;
  padding: 16px;
  margin-top: 16px;
  border: 1px solid rgba(180, 0, 0, .16);
  border-radius: 18px;
  background: rgba(180, 0, 0, .06);
}

.cart-summary-note strong {
  color: var(--cp-red);
  font-size: 13px;
  font-weight: 800;
}

.cart-summary-note span {
  color: var(--cp-text);
  font-size: 13px;
  line-height: 1.5;
}

.cart-payment-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
}

.cart-payment-icons > span {
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.cart-payment-icons div {
  display: flex;
  gap: 6px;
}

.cart-payment-icons i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid var(--cp-border);
  border-radius: 8px;
  background: var(--cp-light);
  color: var(--cp-dark);
  font-family: "Roboto Mono", monospace;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.cart-help-card {
  padding: 24px;
  margin-top: 18px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .14), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.cart-help-card h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.cart-help-card p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

.cart-help-card a {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.cart-help-card a:hover {
  color: #fff;
  text-decoration: underline;
}

.cart-faq-section {
  padding: 70px 0 84px;
  background: #fff;
}

.cart-faq {
  margin-top: 34px;
}

/* Empty cart state */

.cart-items.is-empty {
  display: block;
}

.cart-empty-message {
  padding: 36px;
  text-align: center;
}

.cart-empty-message h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 24px;
  font-weight: 800;
}

.cart-empty-message p {
  margin: 0 0 20px;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.6;
}

/* Responsive */

/* =========================
   Checkout Page
========================= */

.checkout-hero {
  padding: 34px 0 44px;
  background: var(--cp-light);
}

.checkout-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.checkout-hero h1 {
  margin: 12px 0 14px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.checkout-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.checkout-steps {
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkout-step {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-muted);
}

.checkout-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--cp-light);
  color: inherit;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.checkout-step strong {
  font-size: 13px;
  font-weight: 800;
}

.checkout-step.is-active {
  border-color: rgba(180, 0, 0, .24);
  background: rgba(180, 0, 0, .07);
  color: var(--cp-red);
}

.checkout-step.is-done {
  border-color: rgba(13, 143, 90, .22);
  background: rgba(13, 143, 90, .07);
  color: #0d8f5a;
}

.checkout-content-section {
  padding: 0 0 84px;
  background: var(--cp-light);
}

.checkout-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.checkout-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.checkout-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.checkout-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 28px;
  align-items: start;
}

.checkout-main {
  display: grid;
  gap: 22px;
  min-width: 0;
}

.checkout-card,
.checkout-summary-card,
.checkout-help-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.checkout-card {
  padding: 28px;
}

.checkout-card__head {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.checkout-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.checkout-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.checkout-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.checkout-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.form-field {
  display: grid;
  gap: 8px;
}

.form-field--full {
  grid-column: 1 / -1;
}

.form-field label {
  margin: 0;
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
}

.form-field label span {
  color: var(--cp-red);
}

.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid var(--cp-border);
  border-radius: 16px;
  background: #fff;
  color: var(--cp-dark);
  font-size: 14px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.form-field textarea {
  min-height: 132px;
  padding-top: 14px;
  padding-bottom: 14px;
  resize: vertical;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: rgba(180, 0, 0, .35);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.checkout-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
  cursor: pointer;
}

.checkout-checkbox input,.woocommerce-terms-and-conditions-wrapper .woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox{
  flex: 0 0 auto;
  margin-top: 4px;
  accent-color: var(--cp-red);
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label{
font-size: 13px;
line-height: 1.6;
color: #64748b;
margin: 10px 0 0;
padding: 0 10px;
}

.checkout-checkbox a,.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label a,.woocommerce-privacy-policy-text p a{
  color: var(--cp-red);
  font-weight: 800;
  text-decoration: none;
}

.checkout-checkbox a:hover,.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label a:hover,.woocommerce-privacy-policy-text p a:hover{
  text-decoration: underline;
}

.woocommerce-terms-and-conditions-wrapper .checkout-inline-error-message{
color: var(--cp-red);
display: block;
margin-top: 10px;
margin-bottom: 0;
padding: 0 10px;
font-size: 13px;
}

.payment-methods {
  display: grid;
  gap: 12px;
  margin-bottom: 22px;
}

.payment-method {
  margin: 0;
  cursor: pointer;
}

.payment-method input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.payment-method__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--cp-border);
  border-radius: 20px;
  background: #fff;
  transition: all .2s ease;
}

.payment-method input:checked + .payment-method__body,
.payment-method.is-active .payment-method__body {
  border-color: rgba(180, 0, 0, .32);
  background: rgba(180, 0, 0, .055);
  box-shadow: 0 10px 30px rgba(180, 0, 0, .08);
}

.payment-method__body strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.payment-method__body span {
  display: block;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.45;
}

.payment-method__body em {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--cp-red);
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.checkout-card-fields {
  padding-top: 4px;
}

.checkout-summary {
  position: sticky;
  top: 18px;
}

.checkout-summary-card {
  padding: 26px;
}

.checkout-summary-card h2 {
  margin: 0 0 22px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.checkout-order-items {
  display: grid;
  gap: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--cp-border);
}

.checkout-order-item {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 12px;
}

.checkout-order-item__image {
  overflow: hidden;
  height: 74px;
  border-radius: 16px;
  background: var(--cp-light);
}

.checkout-order-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.checkout-order-item__content {
  min-width: 0;
}

.checkout-order-item__content h3 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.checkout-order-item__content span {
display: flex;
margin-top: 6px;
font-size: 13px;
line-height: 1.3;
font-weight: 700;
color: #0f172a;
align-items: center;
}

.checkout-order-item__content strong {
  display: block;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.checkout-summary-lines {
  display: grid;
  gap: 14px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--cp-border);
}

.checkout-summary-line,
.checkout-summary-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.checkout-summary-line span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
}

.checkout-summary-line strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
  text-align: right;
}

.checkout-summary-total {
  margin-bottom: 22px;
}

.checkout-summary-total span {
  color: var(--cp-dark);
  font-size: 17px;
  font-weight: 800;
}

.checkout-summary-total strong {
  color: var(--cp-dark);
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.checkout-agreements {
  display: grid;
  gap: 12px;
  padding: 16px;
  margin-bottom: 18px;
  border: 1px solid rgba(180, 0, 0, .16);
  border-radius: 18px;
  background: rgba(180, 0, 0, .055);
}

.checkout-place-order {
  min-height: 54px;
  border: 0;
}

.checkout-secure-note {
  display: grid;
  gap: 4px;
  margin-top: 16px;
  text-align: center;
}

.checkout-secure-note strong {
  color: var(--cp-dark);
  font-size: 13px;
  font-weight: 800;
}

.checkout-secure-note span {
  color: var(--cp-muted);
  font-size: 12px;
  line-height: 1.45;
}

.checkout-help-card {
  padding: 24px;
  margin-top: 18px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .14), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.checkout-help-card h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.checkout-help-card p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

.checkout-help-card a {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.checkout-help-card a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Validation demo */

.checkout-form .is-error input,
.checkout-form .is-error select,
.checkout-form .is-error textarea {
  border-color: var(--cp-red);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.form-error {
  color: var(--cp-red);
  font-size: 12px;
  font-weight: 700;
}

/* Responsive */

/* =========================
   My Account / Downloads Page
========================= */

.account-hero {
  padding: 34px 0 44px;
  background: var(--cp-light);
}

.account-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.account-hero h1 {
  margin: 12px 0 14px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.account-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.account-content-section {
  padding: 0 0 84px;
  background: var(--cp-light);
}

.account-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.account-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.account-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.account-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.account-layout {
  display: grid;
  grid-template-columns: 292px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.account-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.account-user-card,
.account-nav,
.account-sidebar-help,
.downloads-card,
.account-orders-card,
.account-stat-card {
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.account-user-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
}

.account-user-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .95), rgba(122, 0, 0, .95));
  color: #fff;
  font-family: "Roboto Mono", monospace;
  font-size: 16px;
  font-weight: 800;
}

.account-user-card strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.account-user-card span {
  display: block;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.4;
}

.account-nav {
  display: grid;
  gap: 4px;
  padding: 10px;
}

.account-nav__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 16px;
  color: var(--cp-text);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s ease;
}

.account-nav__link span {
  display: inline-flex;
  justify-content: center;
  flex: 0 0 22px;
  color: var(--cp-muted);
  font-size: 16px;
}

.account-nav__link:hover,
.account-nav__link.is-active {
  background: rgba(180, 0, 0, .07);
  color: var(--cp-red);
  text-decoration: none;
}

.account-nav__link:hover span,
.account-nav__link.is-active span {
  color: var(--cp-red);
}

.account-nav__link--logout {
  color: var(--cp-muted);
}

.account-sidebar-help {
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .14), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.account-sidebar-help h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.account-sidebar-help p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

.account-sidebar-help a {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.account-sidebar-help a:hover {
  text-decoration: underline;
}

.account-main {
  min-width: 0;
}

.account-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}

.account-stat-card {
  padding: 22px;
}

.account-stat-card span {
  display: block;
  margin-bottom: 10px;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.account-stat-card strong {
  display: block;
  color: var(--cp-dark);
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.downloads-card,
.account-orders-card {
  overflow: hidden;
}

.account-orders-card {
  margin-top: 22px;
}

.downloads-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.downloads-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.downloads-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.downloads-filter {
  display: flex;
  gap: 7px;
  padding: 5px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: var(--cp-light);
}

.downloads-filter__btn {
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.downloads-filter__btn.is-active {
  background: var(--cp-dark);
  color: #fff;
}

.downloads-list {
  display: grid;
}

.download-item {
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr) 180px;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.download-item:last-child {
  border-bottom: 0;
}

.download-item.is-hidden {
  display: none;
}

.download-item__image {
  overflow: hidden;
  height: 118px;
  border-radius: 20px;
  background: var(--cp-light);
}

.download-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.download-item__content {
  min-width: 0;
}

.download-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.download-item__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.download-item__meta .download-status--available {
  background: rgba(13, 143, 90, .1);
  color: #0d8f5a;
}

.download-item__meta .download-status--expired {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
}

.download-item h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.download-item p {
  margin: 0 0 12px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.download-item__files {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.download-item__files span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-text);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}

.download-item__actions {
  display: grid;
  align-content: start;
  gap: 10px;
}

.download-btn,
.download-btn-disabled {
  min-height: 46px;
  font-size: 13px;
  text-align: center;
}

.download-details-toggle {
  min-height: 42px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.download-details-toggle:hover,
.download-details-toggle.is-active {
  border-color: var(--cp-dark);
  color: var(--cp-dark);
}

.download-item__details {
  display: none;
  grid-column: 1 / -1;
  padding: 18px;
  border-radius: 20px;
  background: var(--cp-light);
}

.download-item__details.is-active {
  display: block;
}

.download-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.download-detail-grid div {
  padding: 14px;
  border: 1px solid var(--cp-border);
  border-radius: 16px;
  background: #fff;
}

.download-detail-grid span {
  display: block;
  margin-bottom: 6px;
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 700;
}

.download-detail-grid strong {
  display: block;
  color: var(--cp-dark);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.orders-table {
  display: grid;
}

.orders-table__head,
.orders-table__row {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1.1fr 1fr .7fr;
  gap: 14px;
  align-items: center;
}

.orders-table__head {
  padding: 16px 26px;
  border-bottom: 1px solid var(--cp-border);
  background: var(--cp-light);
}

.orders-table__head span {
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.orders-table__row {
  padding: 18px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.orders-table__row:last-child {
  border-bottom: 0;
}

.orders-table__row > span {
  color: var(--cp-text);
  font-size: 14px;
  font-weight: 700;
}

.orders-table__row a {
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.orders-table__row a:hover {
  text-decoration: underline;
}

.order-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.order-status--completed {
  background: rgba(13, 143, 90, .1);
  color: #0d8f5a;
}

.order-status--expired {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
}

/* Responsive */

/* =========================
   Custom Design Page
========================= */

.custom-hero {
  position: relative;
  padding: 42px 0 70px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .18) 0%, rgba(17, 19, 24, .96) 42%, #111318 100%),
    radial-gradient(circle at 85% 15%, rgba(244, 176, 0, .15), transparent 34%);
  color: #fff;
  overflow: hidden;
}

.custom-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  pointer-events: none;
}

.custom-hero .container {
  position: relative;
  z-index: 2;
}

.custom-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 48px;
  align-items: center;
}

.custom-hero__content {
  max-width: 760px;
}

.custom-hero__content h1 {
  margin: 12px 0 20px;
  color: #fff;
  font-size: 62px;
  line-height: .98;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.custom-hero__content p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.7;
}

.custom-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s ease;
}

.btn-secondary:hover {
  background: rgba(255,255,255,.14);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}

.custom-hero__visual {
  position: relative;
}

.custom-blueprint-card {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.custom-blueprint-card__label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.custom-blueprint-card > strong {
  display: block;
  max-width: 340px;
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.custom-blueprint-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.custom-blueprint-card__grid div {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}

.custom-blueprint-card__grid span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #f4b000;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.custom-blueprint-card__grid p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.custom-hero__floating {
  position: absolute;
  right: -20px;
  bottom: -22px;
  max-width: 270px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: rgba(17, 19, 24, .86);
  color: #fff;
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 50px rgba(0,0,0,.24);
}

.custom-hero__floating strong {
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.custom-hero__floating span {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.45;
}

.custom-services-section,
.custom-request-section {
  padding: 74px 0;
  background: #fff;
}

.custom-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.custom-service-card {
  padding: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.custom-service-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.custom-service-card span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.custom-service-card h3 {
  margin: 0 0 12px;
  color: var(--cp-dark);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.custom-service-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.custom-process-section {
  padding: 74px 0;
  background: var(--cp-light);
}

.custom-process-layout {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 38px;
  align-items: start;
}

.custom-process-content {
  position: sticky;
  top: 24px;
}

.custom-process-list {
  display: grid;
  gap: 16px;
}

.custom-process-item {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 18px;
  padding: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .045);
}

.custom-process-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 15px;
  font-weight: 800;
}

.custom-process-item h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.custom-process-item p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.custom-request-section {
  background: #fff;
}

.custom-request-layout {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.custom-request-info {
  position: sticky;
  top: 24px;
}

.custom-info-list {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}

.custom-info-list div {
  padding: 20px;
  border: 1px solid var(--cp-border);
  border-radius: 22px;
  background: var(--cp-light);
}

.custom-info-list strong {
  display: block;
  margin-bottom: 6px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.custom-info-list span {
  display: block;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.custom-request-form {
  padding: 30px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.custom-form-head {
  padding-bottom: 22px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--cp-border);
}

.custom-form-head h3 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.custom-form-head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.custom-file-input {
  padding-top: 13px !important;
}

.form-field small {
  display: block;
  margin-top: 2px;
  color: var(--cp-muted);
  font-size: 12px;
  line-height: 1.45;
}

.custom-submit-btn {
  min-height: 54px;
  margin-top: 22px;
  border: 0;
}

.custom-faq-section {
  padding: 74px 0 86px;
  background: var(--cp-light);
}

.custom-faq {
  margin-top: 34px;
}

/* Responsive */

/* =========================
   Login / Register Page
========================= */

.auth-hero {
  padding: 34px 0 44px;
  background: var(--cp-light);
}

.auth-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.auth-hero h1 {
  margin: 12px 0 14px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.auth-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.auth-content-section {
  padding: 0 0 76px;
  background: var(--cp-light);
}

.auth-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.auth-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.auth-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.auth-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 340px;
  gap: 24px;
  align-items: start;
}

.auth-card,
.auth-side-card,
.auth-benefit-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.auth-card {
  padding: 28px;
}

.auth-card__head {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.auth-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.auth-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 26px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.auth-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.auth-fields {
display: flex;
flex-direction: column;
gap: 18px;
}

.password-field {
  position: relative;
}

.password-field input {
  padding-right: 76px;
}

.auth-card .woocommerce-privacy-policy-text{
margin: 0;
color: var(--cp-muted);
font-size: 14px;
line-height: 1.55;
cursor: pointer;
}

.auth-card .woocommerce-privacy-policy-text p{
margin-bottom: 0;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 8px;
  min-width: 58px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  transform: translateY(-50%);
  transition: all .2s ease;
}

.password-toggle:hover {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
}

.auth-form-row {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.auth-form-row a {
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.auth-form-row a:hover {
  text-decoration: underline;
}

.auth-submit-btn {
  min-height: 54px;
  margin-top: 22px;
  border: 0;
}

.auth-card__bottom-note {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.auth-switch-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
}

.auth-side-card {
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.auth-blueprint {
  padding: 26px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.045), rgba(255,255,255,.045) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
}

.auth-blueprint__label {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.auth-blueprint > strong {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.auth-benefits {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.auth-benefits div {
  display: flex;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
}

.auth-benefits span {
  display: inline-flex;
  justify-content: center;
  flex: 0 0 24px;
  color: #f4b000;
  font-size: 16px;
  font-weight: 800;
}

.auth-benefits p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.auth-help-box {
  padding: 24px;
}

.auth-help-box h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.auth-help-box p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

.auth-help-box a {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.auth-help-box a:hover {
  text-decoration: underline;
}

.auth-mobile-tabs {
  display: none;
  gap: 8px;
  padding: 5px;
  margin-bottom: 18px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
}

.auth-mobile-tab {
  flex: 1 1 0;
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 800;
}

.auth-mobile-tab.is-active {
  background: var(--cp-dark);
  color: #fff;
}

.auth-benefits-section {
  padding: 74px 0 86px;
  background: #fff;
}

.auth-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.auth-benefit-card {
  padding: 24px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.auth-benefit-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.auth-benefit-card span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.auth-benefit-card h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.auth-benefit-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

/* Validation */

.auth-form .is-error input {
  border-color: var(--cp-red);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.checkout-checkbox.is-error {
  color: var(--cp-red);
}

/* Responsive */

/* =========================
   Lost Password Page
========================= */

.lost-password-hero {
  padding: 34px 0 44px;
  background: var(--cp-light);
}

.lost-password-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.lost-password-hero h1 {
  margin: 12px 0 14px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.lost-password-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.lost-password-content-section {
  padding: 0 0 76px;
  background: var(--cp-light);
}

.lost-password-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 28px;
  align-items: start;
}

.lost-password-card,
.lost-password-side,
.lost-password-tip-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.lost-password-card {
  padding: 30px;
}

.lost-password-card__head {
  display: flex;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--cp-border);
}

.lost-password-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 18px;
  font-weight: 800;
}

.lost-password-card__head h2 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.lost-password-card__head p {
  max-width: 680px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.lost-password-submit {
  min-height: 54px;
  margin-top: 22px;
  border: 0;
}

.lost-password-success {
  display: none;
  gap: 5px;
  padding: 16px;
  margin-top: 18px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 18px;
  background: rgba(13, 143, 90, .07);
}

.lost-password-success.is-active {
  display: grid;
}

.lost-password-success strong {
  color: #0d8f5a;
  font-size: 14px;
  font-weight: 800;
}

.lost-password-success p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.55;
}

.lost-password-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 18px;
}

.lost-password-card__links a {
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.lost-password-card__links a:hover {
  text-decoration: underline;
}

.lost-password-side {
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.lost-password-blueprint {
  padding: 26px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.045), rgba(255,255,255,.045) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
}

.lost-password-blueprint__label {
  display: inline-flex;
  margin-bottom: 16px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.lost-password-blueprint > strong {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.lost-password-steps {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.lost-password-steps div {
  display: flex;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
}

.lost-password-steps span {
  display: inline-flex;
  justify-content: center;
  flex: 0 0 28px;
  color: #f4b000;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.lost-password-steps p {
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.lost-password-help {
  padding: 24px;
}

.lost-password-help h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.lost-password-help p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

.lost-password-help a {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.lost-password-help a:hover {
  text-decoration: underline;
}

.lost-password-info-section {
  padding: 74px 0 86px;
  background: #fff;
}

.lost-password-tips-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.lost-password-tip-card {
  padding: 24px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.lost-password-tip-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.lost-password-tip-card span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.lost-password-tip-card h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.lost-password-tip-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

/* Responsive */

/* =========================
   Account Dashboard Page
========================= */

.dashboard-welcome-card,
.dashboard-quick-card,
.dashboard-panel,
.dashboard-license-card,
.dashboard-recommended {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.dashboard-welcome-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 30px;
  margin-bottom: 22px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .12), transparent 40%),
    #fff;
}

.dashboard-welcome-card__content {
  max-width: 680px;
}

.dashboard-welcome-card h2 {
  margin: 10px 0 12px;
  color: var(--cp-dark);
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.dashboard-welcome-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.7;
}

.dashboard-welcome-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dashboard-welcome-card__actions .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 20px;
  text-decoration: none;
}

.dashboard-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}

.dashboard-quick-card {
  display: grid;
  gap: 8px;
  padding: 22px;
  color: var(--cp-dark);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.dashboard-quick-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  color: var(--cp-dark);
  text-decoration: none;
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.dashboard-quick-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-size: 19px;
  font-weight: 800;
}

.dashboard-quick-card strong {
  color: var(--cp-dark);
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.dashboard-quick-card em {
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.45;
  font-style: normal;
  font-weight: 700;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 22px;
  margin-bottom: 22px;
}

.dashboard-panel {
  overflow: hidden;
}

.dashboard-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.dashboard-panel__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.dashboard-panel__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.dashboard-panel__head a {
  flex: 0 0 auto;
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.dashboard-panel__head a:hover {
  text-decoration: underline;
}

.dashboard-orders-list {
  display: grid;
}

.dashboard-order {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 18px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.dashboard-order:last-child {
  border-bottom: 0;
}

.dashboard-order strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.dashboard-order span {
  display: block;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.dashboard-order b {
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
  text-align: right;
}

.dashboard-downloads-list {
  display: grid;
}

.dashboard-download {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.dashboard-download:last-child {
  border-bottom: 0;
}

.dashboard-download__image {
  overflow: hidden;
  height: 72px;
  border-radius: 16px;
  background: var(--cp-light);
}

.dashboard-download__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dashboard-download h3 {
  margin: 0 0 5px;
  color: var(--cp-dark);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.dashboard-download span {
  display: block;
  color: var(--cp-muted);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-download a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--cp-red);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: all .2s ease;
}

.dashboard-download a:hover {
  background: var(--cp-red-dark);
  color: #fff;
  text-decoration: none;
}

.dashboard-license-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  margin-bottom: 22px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.dashboard-license-card h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.dashboard-license-card p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.dashboard-license-card .btn-main {
  flex: 0 0 auto;
}

.dashboard-recommended {
  overflow: hidden;
}

.dashboard-recommended-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: 24px 26px 26px;
}

.dashboard-recommended-card {
  display: grid;
  gap: 12px;
}

.dashboard-recommended-card__image {
  overflow: hidden;
  height: 150px;
  border-radius: 20px;
  background: var(--cp-light);
}

.dashboard-recommended-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.dashboard-recommended-card:hover .dashboard-recommended-card__image img {
  transform: scale(1.04);
}

.dashboard-recommended-card h3 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.015em;
}

.dashboard-recommended-card span {
  color: var(--cp-red);
  font-size: 16px;
  font-weight: 800;
}

/* Responsive */

/* =========================
   Account Orders Page
========================= */

.orders-stats-grid {
  margin-bottom: 22px;
}

.account-orders-list-card,
.account-orders-info {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.account-orders-list-card {
  overflow: hidden;
}

.account-orders-list-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.account-orders-list-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.account-orders-list-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.orders-filter {
  display: flex;
  gap: 7px;
  padding: 5px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: var(--cp-light);
}

.orders-filter__btn {
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.orders-filter__btn.is-active {
  background: var(--cp-dark);
  color: #fff;
}

.account-orders-table {
  display: grid;
}

.account-orders-table__head,
.account-order-row {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1.7fr 1.1fr 1fr 1.45fr;
  gap: 14px;
  align-items: center;
}

.account-orders-table__head {
  padding: 16px 26px;
  border-bottom: 1px solid var(--cp-border);
  background: var(--cp-light);
}

.account-orders-table__head span {
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.account-order-row {
  padding: 20px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.account-order-row:last-of-type {
  border-bottom: 0;
}

.account-order-row.is-hidden {
  display: none;
}

.account-order-cell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.account-order-cell strong {
  overflow: hidden;
  color: var(--cp-dark);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-order-cell span {
  overflow: hidden;
  color: var(--cp-muted);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-order-cell--number strong {
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
}

.order-status--processing {
  background: rgba(244, 176, 0, .18);
  color: #9b6b00;
}

.account-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.account-order-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-dark);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s ease;
}

.account-order-action:hover {
  border-color: var(--cp-dark);
  color: var(--cp-dark);
  text-decoration: none;
}

.account-order-action--primary {
  border-color: var(--cp-red);
  background: var(--cp-red);
  color: #fff;
}

.account-order-action--primary:hover {
  border-color: var(--cp-red-dark);
  background: var(--cp-red-dark);
  color: #fff;
}

.account-orders-empty {
  display: none;
  padding: 38px 26px;
  text-align: center;
}

.account-orders-empty.is-active {
  display: block;
}

.account-orders-empty h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.account-orders-empty p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.6;
}

.account-orders-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  margin-top: 22px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .12), transparent 42%),
    #fff;
}

.account-orders-info__content {
  max-width: 720px;
}

.account-orders-info h2 {
  margin: 10px 0 12px;
  color: var(--cp-dark);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.account-orders-info p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.7;
}

.account-orders-info__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.account-orders-info__actions .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 20px;
  text-decoration: none;
}

/* Responsive */

/* =========================
   Order Details Page
========================= */

.order-status-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.order-status-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.order-status-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.order-status-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.order-status-notice b {
  color: var(--cp-dark);
}

.order-details-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}

.order-details-stat,
.order-details-card,
.order-license-note {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.order-details-stat {
  padding: 22px;
}

.order-details-stat span {
  display: block;
  margin-bottom: 10px;
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.order-details-stat strong {
  display: block;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.order-details-status-text {
  color: #0d8f5a !important;
}

.order-details-card {
  overflow: hidden;
  margin-bottom: 22px;
}

.order-details-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.order-details-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.order-details-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.order-details-card__head a {
  flex: 0 0 auto;
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.order-details-card__head a:hover {
  text-decoration: underline;
}

.order-product-list {
  display: grid;
}

.order-product-item {
  display: grid;
  grid-template-columns: 136px minmax(0, 1fr) 110px;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.order-product-item:last-child {
  border-bottom: 0;
}

.order-product-item__image {
  display: block;
  overflow: hidden;
  height: 118px;
  border-radius: 20px;
  background: var(--cp-light);
}

.order-product-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.order-product-item__image:hover img {
  transform: scale(1.04);
}

.order-product-item__content {
  min-width: 0;
}

.order-product-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.order-product-item__meta span,
.order-product-item__files span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-weight: 800;
}

.order-product-item__meta span {
  min-height: 24px;
  padding: 0 9px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.order-product-item h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.order-product-item h3 a {
  color: inherit;
  text-decoration: none;
}

.order-product-item h3 a:hover {
  color: var(--cp-red);
}

.order-product-item p {
  margin: 0 0 12px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.order-product-item__files {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.order-product-item__files span {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--cp-border);
  background: #fff;
  color: var(--cp-text);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
}

.order-product-item__price {
  display: grid;
  align-content: start;
  gap: 6px;
  text-align: right;
}

.order-product-item__price span {
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.order-product-item__price strong,.order-product-item__price .woocommerce-Price-amount.amount,.order-product-item__price .woocommerce-Price-amount.amount span {
  color: var(--cp-dark);
  font-size: 21px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.order-downloads-list {
  display: grid;
}

.order-download-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 22px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.order-download-row:last-child {
  border-bottom: 0;
}

.order-download-row strong {
  display: block;
  margin-bottom: 5px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.order-download-row span {
  display: block;
  color: var(--cp-muted);
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.order-download-row__actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.order-download-row__actions .btn-main {
  min-height: 42px;
  padding: 0 16px;
  font-size: 13px;
}

.order-copy-link {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-dark);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.order-copy-link:hover {
  border-color: var(--cp-dark);
}

.order-details-two-cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 22px;
}

.order-details-two-cols .order-details-card {
  margin-bottom: 22px;
}

.order-totals-list {
  display: grid;
  gap: 0;
}

.order-totals-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.order-totals-list div:last-child {
  border-bottom: 0;
}

.order-totals-list span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
}

.order-totals-list strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
  text-align: right;
}

.order-totals-list__total {
  background: var(--cp-light);
}

.order-totals-list__total span {
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.order-totals-list__total strong {
  font-size: 24px;
  letter-spacing: -0.035em;
}

.order-billing-details {
  padding: 24px 26px;
}

.order-billing-details p {
  margin: 0 0 18px;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.7;
}

.order-billing-details p strong {
  color: var(--cp-dark);
}

.order-billing-details div {
  display: grid;
  gap: 4px;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--cp-border);
}

.order-billing-details span {
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.order-billing-details strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
}

.order-license-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  margin-bottom: 22px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.order-license-note h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.order-license-note p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.order-license-note .btn-main {
  flex: 0 0 auto;
}

.order-timeline {
  display: grid;
  padding: 24px 26px;
}

.order-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 14px;
  padding-bottom: 22px;
}

.order-timeline-item:last-child {
  padding-bottom: 0;
}

.order-timeline-item::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 22px;
  bottom: 0;
  width: 2px;
  background: var(--cp-border);
}

.order-timeline-item:last-child::before {
  display: none;
}

.order-timeline-item > span {
  position: relative;
  z-index: 2;
  width: 22px;
  height: 22px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--cp-border);
  box-shadow: 0 0 0 1px var(--cp-border);
}

.order-timeline-item.is-done > span {
  background: #0d8f5a;
  box-shadow: 0 0 0 1px rgba(13, 143, 90, .32);
}

.order-timeline-item strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.order-timeline-item p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.45;
}

.copy-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1100;
  display: none;
  padding: 13px 16px;
  border-radius: 999px;
  background: var(--cp-dark);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 18px 50px rgba(17, 19, 24, .22);
}

.copy-toast.is-active {
  display: block;
}

/* Responsive */

/* =========================
   Order Received Page
========================= */

.order-received-hero {
  padding: 34px 0 56px;
  background: var(--cp-light);
}

.order-received-success {
  max-width: 920px;
  padding: 38px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(13, 143, 90, .12), transparent 44%),
    #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.order-received-success__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin-bottom: 20px;
border-radius: 50%;
background: #0d8f5a;
color: #fff;
font-size: 25px;
font-weight: 800;
}

.order-received-success h1 {
  max-width: 780px;
  margin: 12px 0 16px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.order-received-success p {
  max-width: 740px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.order-received-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.order-received-actions .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 20px;
  text-decoration: none;
}

.order-received-content {
  padding: 0 0 84px;
  background: var(--cp-light);
}

.order-received-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.order-received-stat,
.order-received-card,
.received-side-card,
.order-received-license,
.received-next-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.order-received-stat {
  padding: 20px;
}

.order-received-stat span {
  display: block;
  margin-bottom: 9px;
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.order-received-stat strong,.order-received-stat .woocommerce-Price-amount.amount {
  display: block;
  overflow: hidden;
  color: var(--cp-dark);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-received-stat .woocommerce-Price-amount.amount span{
font-size: 18px;
margin-bottom: 0;
}

.order-received-stat .woocommerce-Price-amount.amount{
display: flex;
align-items: center;
}

.order-received-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

.order-received-main {
  min-width: 0;
}

.order-received-card {
  overflow: hidden;
  margin-bottom: 22px;
}

.order-received-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.order-received-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.order-received-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.order-received-card__head a {
  flex: 0 0 auto;
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.order-received-card__head a:hover {
  text-decoration: underline;
}

.received-downloads-list {
  display: grid;
}

.received-download-item {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr) 150px;
  gap: 20px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.received-download-item:last-child {
  border-bottom: 0;
}

.received-download-item__image {
  overflow: hidden;
  height: 112px;
  border-radius: 20px;
  background: var(--cp-light);
}

.received-download-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.received-download-item__content {
  min-width: 0;
}

.received-download-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.received-download-item__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.received-download-item h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.received-download-item p {
  margin: 0 0 12px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.received-download-item__files {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.received-download-item__files span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-text);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}

.received-download-item__actions {
  display: grid;
  align-content: start;
  gap: 10px;
}

.received-download-item__actions .btn-main,
.received-copy-link {
  min-height: 42px;
  font-size: 13px;
}

.received-copy-link {
  padding: 0 14px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-dark);
  font-weight: 800;
  transition: all .2s ease;
}

.received-copy-link:hover {
  border-color: var(--cp-dark);
}

.received-order-products {
  display: grid;
}

.received-order-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 20px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.received-order-product strong {
  display: block;
  margin-bottom: 5px;
  color: var(--cp-dark);
  font-size: 15px;
  font-weight: 800;
}

.received-order-product span {
  display: block;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.received-order-product b,.received-order-product .woocommerce-Price-amount.amount,.received-order-product .woocommerce-Price-amount.amount span {
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.received-order-product .woocommerce-Price-amount.amount{
display: flex;
align-items: center;
}

.received-order-totals {
  display: grid;
  border-top: 0;
}

.received-order-totals div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.received-order-totals div:last-child {
  border-bottom: 0;
}

.received-order-totals span {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 700;
}

.received-order-totals strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
  text-align: right;
}

.received-order-totals__total {
  background: var(--cp-light);
}

.received-order-totals__total span {
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.received-order-totals__total strong,.received-order-totals__total .woocommerce-Price-amount.amount{
  font-size: 24px;
  letter-spacing: -0.035em;
}

.order-received-next {
  margin-top: 30px;
}

.received-next-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.received-next-card {
  padding: 24px;
}

.received-next-card span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.received-next-card h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.received-next-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.order-received-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.received-side-card {
  padding: 24px;
}

.received-side-card h2 {
  margin: 0 0 12px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.received-side-card p {
  margin: 0 0 18px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.received-side-list {
  display: grid;
  gap: 12px;
}

.received-side-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border-radius: 16px;
  background: var(--cp-light);
}

.received-side-list span {
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.received-side-list strong {
  color: var(--cp-dark);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
}

.received-side-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.received-side-card--dark h2 {
  color: #fff;
}

.received-side-card--dark p {
  color: rgba(255,255,255,.72);
}

.received-side-card .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  text-decoration: none;
}

.order-received-license {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  margin-top: 32px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.order-received-license h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.order-received-license p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.order-received-license .btn-main {
  flex: 0 0 auto;
}

/* Responsive */

/* =========================
   Empty Cart Page
========================= */

.empty-cart-hero {
  padding: 34px 0 66px;
  background: var(--cp-light);
}

.empty-cart-card {
  max-width: 920px;
  padding: 40px;
  border: 1px solid var(--cp-border);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .1), transparent 44%),
    #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
  text-align: center;
  margin: 0 auto;
}

.empty-cart-card h1 {
  max-width: 760px;
  margin: 12px auto 16px;
  color: var(--cp-dark);
  font-size: 56px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.empty-cart-card p {
  max-width: 720px;
  margin: 0 auto;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.empty-cart-card__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.empty-cart-card__actions .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 20px;
  text-decoration: none;
}

.empty-cart-suggestions {
  padding: 74px 0;
  background: #fff;
}

.empty-cart-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.empty-cart-category-card {
  display: block;
  padding: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background: #fff;
  color: var(--cp-dark);
  text-decoration: none;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.empty-cart-category-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  color: var(--cp-dark);
  text-decoration: none;
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.empty-cart-category-card > span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.empty-cart-category-card h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.empty-cart-category-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.empty-cart-featured {
  padding: 74px 0;
  background: var(--cp-light);
}

.empty-cart-help-section {
  padding: 74px 0 86px;
  background: #fff;
}

.empty-cart-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.empty-cart-help h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.empty-cart-help p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.empty-cart-help .btn-main {
  flex: 0 0 auto;
}

/* Responsive */

/* =========================
   Account Details Page
========================= */

.account-details-form {
  display: grid;
  gap: 22px;
}

.account-details-card,
.account-details-save-card,
.account-security-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.account-details-card {
  padding: 28px;
}

.account-details-card__head {
  display: flex;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--cp-border);
}

.account-details-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.account-details-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.account-details-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.account-password-rules {
  padding: 18px;
  margin-top: 22px;
  border: 1px solid rgba(244, 176, 0, .24);
  border-radius: 20px;
  background: rgba(244, 176, 0, .08);
}

.account-password-rules strong {
  display: block;
  margin-bottom: 10px;
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
}

.account-password-rules ul {
  padding-left: 18px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.7;
}

.account-details-save-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 28px;
}

.account-details-save-card h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.account-details-save-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.account-details-submit {
  flex: 0 0 auto;
  min-height: 50px;
  border: 0;
}

.account-details-success {
  display: none;
  padding: 18px 20px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 20px;
  background: rgba(13, 143, 90, .07);
}

.account-details-success.is-active {
  display: block;
}

.account-details-success strong {
  display: block;
  margin-bottom: 5px;
  color: #0d8f5a;
  font-size: 14px;
  font-weight: 800;
}

.account-details-success p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.55;
}

.account-security-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  margin-top: 22px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.account-security-card h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.account-security-card p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.account-security-card .btn-main {
  flex: 0 0 auto;
}

/* Form validation reuse */

.account-details-form .is-error input {
  border-color: var(--cp-red);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

/* Responsive */

/* =========================
   Wishlist Page
========================= */

.header-wishlist {
  position: relative;
}

.header-wishlist__count {
  position: absolute;
  top: -7px;
  right: -7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--cp-red);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

.wishlist-hero {
  padding: 34px 0 44px;
  background: var(--cp-light);
}

.wishlist-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.wishlist-hero h1 {
  margin: 12px 0 14px;
  color: var(--cp-dark);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.wishlist-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.wishlist-content-section {
  padding: 0 0 74px;
  background: var(--cp-light);
}

.wishlist-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(180, 0, 0, .16);
  border-radius: 24px;
  background: rgba(180, 0, 0, .06);
}

.wishlist-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--cp-red);
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.wishlist-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.wishlist-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.wishlist-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

.wishlist-main {
  min-width: 0;
}

.wishlist-card,
.wishlist-side-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.wishlist-card {
  overflow: hidden;
}

.wishlist-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.wishlist-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.wishlist-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.wishlist-clear-btn {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.wishlist-clear-btn:hover {
  border-color: var(--cp-red);
  color: var(--cp-red);
}

.wishlist-items {
  display: grid;
}

.wishlist-item {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr) 180px;
  gap: 22px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.wishlist-item:last-child {
  border-bottom: 0;
}

.wishlist-item__image {
  position: relative;
  display: block;
  overflow: hidden;
  height: 132px;
  border-radius: 20px;
  background: var(--cp-light);
}

.wishlist-item__image .product-badge {
  top: 10px;
  left: 10px;
  min-height: 24px;
  padding: 0 8px;
  font-size: 10px;
}

.wishlist-item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.wishlist-item__image:hover img {
  transform: scale(1.04);
}

.wishlist-item__content {
  min-width: 0;
}

.wishlist-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.wishlist-item__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.wishlist-item h3 {
  margin: 0 0 8px;
  color: var(--cp-dark);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.wishlist-item h3 a {
  color: inherit;
  text-decoration: none;
}

.wishlist-item h3 a:hover {
  color: var(--cp-red);
}

.wishlist-item p {
  margin: 0 0 12px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.wishlist-item__files {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.wishlist-item__files span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-text);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
}

.wishlist-item__side {
  display: grid;
  align-content: space-between;
  gap: 16px;
}

.wishlist-item__price {
  display: grid;
  gap: 6px;
  text-align: right;
}

.wishlist-item__price span {
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.wishlist-item__price em {
  color: #0d8f5a;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.wishlist-item__actions {
  display: grid;
  gap: 9px;
}

.wishlist-add-cart {
  min-height: 44px;
  font-size: 13px;
}

.wishlist-remove {
  min-height: 40px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.wishlist-remove:hover {
  border-color: var(--cp-red);
  color: var(--cp-red);
}

.wishlist-empty-state {
  display: none;
  padding: 44px 26px;
  text-align: center;
}

.wishlist-empty-state.is-active {
  display: block;
}

.wishlist-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-size: 32px;
}

.wishlist-empty-state h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.wishlist-empty-state p {
  max-width: 520px;
  margin: 0 auto 22px;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.wishlist-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.wishlist-side-card {
  padding: 24px;
}

.wishlist-side-card h2 {
  margin: 0 0 16px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.wishlist-side-card p {
  margin: 0 0 18px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.wishlist-summary-list {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}

.wishlist-summary-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border-radius: 16px;
  background: var(--cp-light);
}

.wishlist-summary-list span {
  color: var(--cp-muted);
  font-size: 13px;
  font-weight: 700;
}

.wishlist-summary-list strong {
  color: var(--cp-dark);
  font-size: 14px;
  font-weight: 800;
  text-align: right;
}

.wishlist-side-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.wishlist-side-card--dark h2 {
  color: #fff;
}

.wishlist-side-card--dark p {
  color: rgba(255,255,255,.72);
}

.wishlist-recommended-section {
  padding: 74px 0 86px;
  background: #fff;
}

/* Responsive */

/* =========================
   Contact / Support Page
========================= */

.contact-hero {
  position: relative;
  padding: 42px 0 70px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .18) 0%, rgba(17, 19, 24, .96) 42%, #111318 100%),
    radial-gradient(circle at 85% 15%, rgba(244, 176, 0, .15), transparent 34%);
  color: #fff;
  overflow: hidden;
}

.contact-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  pointer-events: none;
}

.contact-hero .container {
  position: relative;
  z-index: 2;
}

.contact-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 48px;
  align-items: center;
}

.contact-hero__content {
  max-width: 760px;
}

.contact-hero__content h1 {
  margin: 12px 0 20px;
  color: #fff;
  font-size: 62px;
  line-height: .98;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.contact-hero__content p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.7;
}

.contact-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.contact-blueprint-card {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.contact-blueprint-card__label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.contact-blueprint-card > strong {
  display: block;
  max-width: 340px;
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.contact-blueprint-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.contact-blueprint-card__grid div {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}

.contact-blueprint-card__grid span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #f4b000;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.contact-blueprint-card__grid p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.contact-content-section {
  padding: 74px 0;
  background: var(--cp-light);
}

.contact-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.contact-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.contact-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.contact-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
}

.contact-main {
  min-width: 0;
}

.contact-form-card,
.contact-side-card,
.contact-help-card {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.contact-form-card {
  padding: 30px;
}

.contact-form-card__head {
  display: flex;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--cp-border);
}

.contact-form-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-size: 20px;
  font-weight: 800;
}

.contact-form-card__head h2 {
  margin: 0 0 7px;
  color: var(--cp-dark);
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.contact-form-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.contact-submit-btn {
  min-height: 54px;
  margin-top: 22px;
  border: 0;
}

.contact-success {
  display: none;
  padding: 16px;
  margin-top: 18px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 18px;
  background: rgba(13, 143, 90, .07);
}

.contact-success.is-active {
  display: block;
}

.contact-success strong {
  display: block;
  margin-bottom: 5px;
  color: #0d8f5a;
  font-size: 14px;
  font-weight: 800;
}

.contact-success p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 13px;
  line-height: 1.55;
}

.contact-help-section {
  margin-top: 36px;
}

.contact-help-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.contact-help-card {
  display: block;
  padding: 22px;
  color: var(--cp-dark);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.contact-help-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  color: var(--cp-dark);
  text-decoration: none;
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.contact-help-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 16px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-size: 18px;
  font-weight: 800;
}

.contact-help-card h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.contact-help-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.6;
}

.contact-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.contact-side-card {
  padding: 24px;
}

.contact-side-card h2 {
  margin: 0 0 12px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.contact-side-card p {
  margin: 0 0 18px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.contact-email-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.contact-email-link:hover {
  background: var(--cp-red);
  color: #fff;
  text-decoration: none;
}

.contact-side-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.contact-side-card--dark h2 {
  color: #fff;
}

.contact-side-card--dark p {
  color: rgba(255,255,255,.72);
}

.contact-side-list {
  display: grid;
  gap: 12px;
}

.contact-side-list div {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
}

.contact-side-list span {
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 700;
}

.contact-side-list strong {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.contact-faq-section {
  padding: 74px 0 86px;
  background: #fff;
}

.contact-faq {
  margin-top: 34px;
}

/* Form validation */

.contact-form .is-error input,
.contact-form .is-error select,
.contact-form .is-error textarea {
  border-color: var(--cp-red);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

/* Responsive */

/* =========================
   FAQ Page
========================= */

.faq-hero {
  position: relative;
  padding: 42px 0 70px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .18) 0%, rgba(17, 19, 24, .96) 42%, #111318 100%),
    radial-gradient(circle at 85% 15%, rgba(244, 176, 0, .15), transparent 34%);
  color: #fff;
  overflow: hidden;
}

.faq-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  pointer-events: none;
}

.faq-hero .container {
  position: relative;
  z-index: 2;
}

.faq-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 48px;
  align-items: center;
}

.faq-hero__content {
  max-width: 760px;
}

.faq-hero__content h1 {
  margin: 12px 0 20px;
  color: #fff;
  font-size: 62px;
  line-height: .98;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.faq-hero__content p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.7;
}

.faq-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.faq-blueprint-card {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.faq-blueprint-card__label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.faq-blueprint-card > strong {
  display: block;
  max-width: 340px;
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.faq-blueprint-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.faq-blueprint-card__grid div {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}

.faq-blueprint-card__grid span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #f4b000;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.faq-blueprint-card__grid p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.faq-content-section {
  padding: 74px 0;
  background: var(--cp-light);
}

.faq-notice {
  display: flex;
  gap: 16px;
  padding: 20px 22px;
  margin-bottom: 24px;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 24px;
  background: rgba(13, 143, 90, .07);
}

.faq-notice__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0d8f5a;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.faq-notice strong {
  display: block;
  margin-bottom: 4px;
  color: var(--cp-dark);
  font-size: 16px;
  font-weight: 800;
}

.faq-notice p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.55;
}

.faq-layout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.faq-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.faq-search-card,
.faq-category-card,
.faq-side-card,
.faq-section-card,
.faq-cta {
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.f_seller{
font-size: 12px;
}

.f_seller p{margin-bottom:0}


.faq-search-card,
.faq-category-card,
.faq-side-card {
  padding: 24px;
}

.faq-search-card h2,
.faq-category-card h2,
.faq-side-card h2 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.faq-search-card p,
.faq-side-card p {
  margin: 0 0 16px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.6;
}

.faq-search input {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-dark);
  font-size: 14px;
  outline: none;
}

.faq-search input:focus {
  border-color: rgba(180, 0, 0, .35);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.faq-category-list {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.faq-category-btn {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 14px;
  background: var(--cp-light);
  color: var(--cp-text);
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  transition: all .2s ease;
}

.faq-category-btn:hover,
.faq-category-btn.is-active {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
}

.faq-side-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.faq-side-card--dark h2 {
  color: #fff;
}

.faq-side-card--dark p {
  color: rgba(255,255,255,.72);
}

.faq-main {
  display: grid;
  gap: 22px;
  min-width: 0;
}

.faq-section-card {
  overflow: hidden;
}

.faq-section-card.is-hidden {
  display: none;
}

.faq-section-card__head {
  display: flex;
  gap: 16px;
  padding: 24px 26px;
  border-bottom: 1px solid var(--cp-border);
}

.faq-section-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  font-size: 18px;
  font-weight: 800;
}

.faq-section-card__head h2 {
  margin: 0 0 6px;
  color: var(--cp-dark);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.faq-section-card__head p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.5;
}

.faq-list {
  max-width: none;
  margin: 0;
  padding: 18px;
}

.faq-list .product-faq-item {
  box-shadow: none;
}

.faq-list .product-faq-item.is-hidden {
  display: none;
}

.faq-empty-state {
  display: none;
  padding: 42px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  text-align: center;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.faq-empty-state.is-active {
  display: block;
}

.faq-empty-state h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.faq-empty-state p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.faq-cta-section {
  padding: 0 0 86px;
  background: var(--cp-light);
}

.faq-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--cp-dark);
  color: #fff;
}

.faq-cta h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.faq-cta p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.faq-cta .btn-main {
  flex: 0 0 auto;
}

/* Responsive */

/* =========================
   Standard Text Page / Article Page
========================= */

.text-page-hero {
  padding: 34px 0 54px;
  background: var(--cp-light);
}

.text-page-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 34px;
  align-items: end;
}

.text-page-hero__content h1 {
  max-width: 860px;
  margin: 12px 0 16px;
  color: var(--cp-dark);
  font-size: 58px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.text-page-hero__content p {
  max-width: 760px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 17px;
  line-height: 1.7;
}

.text-page-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.text-page-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: #fff;
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(17, 19, 24, .04);
}

.text-page-hero__badge {
  padding: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .12), transparent 42%),
    #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.text-page-hero__badge span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

.text-page-hero__badge strong {
  display: block;
  color: var(--cp-dark);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.text-page-content-section {
  padding: 74px 0 86px;
  background: #fff;
}

.text-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 34px;
  align-items: start;
}

.text-content-card {
  min-width: 0;
  padding: 34px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.text-content-intro {
  padding: 26px;
  margin-bottom: 32px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .1), transparent 44%),
    var(--cp-light);
}

.text-content-intro h2 {
  margin: 0 0 12px;
  color: var(--cp-dark);
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.text-content-intro p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 16px;
  line-height: 1.75;
}

.text-content {
  color: var(--cp-text);
}

.text-content h2 {
  margin: 42px 0 16px;
  color: var(--cp-dark);
  font-size: 32px;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.text-content h2:first-child {
  margin-top: 0;
}

.text-content h3 {
  margin: 30px 0 12px;
  color: var(--cp-dark);
  font-size: 23px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.text-content p {
  margin: 0 0 18px;
  color: var(--cp-muted);
  font-size: 16px;
  line-height: 1.78;
}

.text-content a {
  color: var(--cp-red);
  font-weight: 800;
  text-decoration: none;
}

.text-content a:hover {
  text-decoration: underline;
}

.text-content ul,
.text-content ol {
  display: grid;
  gap: 9px;
  padding-left: 22px;
  margin: 0 0 24px;
  color: var(--cp-muted);
  font-size: 16px;
  line-height: 1.7;
}

.text-content li::marker {
  color: var(--cp-red);
  font-weight: 800;
}

.text-content blockquote {
  position: relative;
  margin: 30px 0;
  padding: 24px 26px 24px 58px;
  border: 1px solid rgba(180, 0, 0, .16);
  border-radius: 24px;
  background: rgba(180, 0, 0, .055);
  color: var(--cp-dark);
  font-size: 18px;
  line-height: 1.65;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.text-content blockquote::before {
  content: "“";
  position: absolute;
  left: 24px;
  top: 16px;
  color: var(--cp-red);
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
}

.text-note-box {
  padding: 22px;
  margin: 30px 0;
  border: 1px solid rgba(13, 143, 90, .18);
  border-radius: 22px;
  background: rgba(13, 143, 90, .07);
}

.text-note-box strong {
  display: block;
  margin-bottom: 7px;
  color: #0d8f5a;
  font-size: 15px;
  font-weight: 800;
}

.text-note-box p {
  margin: 0;
  font-size: 15px;
}

.text-page-bottom-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 28px;
  margin-top: 36px;
  border-top: 1px solid var(--cp-border);
}

.text-page-bottom-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-dark);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s ease;
}

.text-page-bottom-nav a:hover {
  background: var(--cp-red);
  color: #fff;
  text-decoration: none;
}

.text-page-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.text-sidebar-card {
  padding: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.text-sidebar-card h2 {
  margin: 0 0 16px;
  color: var(--cp-dark);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.text-sidebar-toc nav,
.text-taxonomy-list,
.text-links-list {
  display: grid;
  gap: 8px;
}

.text-sidebar-toc a,
.text-taxonomy-list a,
.text-links-list a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 13px;
  border-radius: 14px;
  background: var(--cp-light);
  color: var(--cp-text);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s ease;
}

.text-sidebar-toc a:hover,
.text-taxonomy-list a:hover,
.text-taxonomy-list a.is-active,
.text-links-list a:hover {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  text-decoration: none;
}

.text-sidebar-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.text-sidebar-card--dark h2 {
  color: #fff;
}

.text-sidebar-card--dark p {
  margin: 0 0 18px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.65;
}

/* Taxonomy / Category archive text version */

.text-taxonomy-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 28px;
  margin-bottom: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .1), transparent 44%),
    #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.text-taxonomy-head h2 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 32px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.text-taxonomy-head p {
  max-width: 680px;
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.7;
}

.text-taxonomy-head span {
  flex: 0 0 auto;
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

/* Responsive */

/* =========================
   Blog Archive Page
========================= */

.blog-hero {
  position: relative;
  padding: 42px 0 70px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .18) 0%, rgba(17, 19, 24, .96) 42%, #111318 100%),
    radial-gradient(circle at 85% 15%, rgba(244, 176, 0, .15), transparent 34%);
  color: #fff;
  overflow: hidden;
}

.blog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  pointer-events: none;
}

.blog-hero .container {
  position: relative;
  z-index: 2;
}

.blog-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 48px;
  align-items: center;
}

.blog-hero__content {
  max-width: 760px;
}

.blog-hero__content h1 {
  margin: 12px 0 20px;
  color: #fff;
  font-size: 62px;
  line-height: .98;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.blog-hero__content p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.7;
}

.blog-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.blog-blueprint-card {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.blog-blueprint-card__label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.blog-blueprint-card > strong {
  display: block;
  max-width: 340px;
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.blog-blueprint-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.blog-blueprint-card__grid div {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}

.blog-blueprint-card__grid span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #f4b000;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.blog-blueprint-card__grid p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.blog-featured-section {
  padding: 74px 0 0;
  background: var(--cp-light);
}

.blog-featured-card {
  display: grid;
  grid-template-columns: 46% minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--cp-border);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.blog-featured-card__image {
  position: relative;
  display: block;
  min-height: 390px;
  background: var(--cp-dark);
  text-decoration: none;
}

.blog-post-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: var(--cp-red);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.blog-post-image-mockup {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  height: 100%;
  padding: 28px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .34), rgba(17, 19, 24, .96)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 24px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,.045) 1px, transparent 1px, transparent 24px);
  color: #fff;
}

.blog-post-image-mockup span {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 14px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.blog-post-image-mockup strong {
  max-width: 310px;
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.blog-featured-card__content {
  padding: 38px;
}

.blog-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.blog-post-meta a,
.blog-post-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--cp-light);
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.blog-post-meta a {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
}

.blog-post-meta a:hover {
  background: var(--cp-red);
  color: #fff;
  text-decoration: none;
}

.blog-featured-card h2 {
  margin: 0 0 16px;
  color: var(--cp-dark);
  font-size: 38px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.blog-featured-card h2 a {
  color: inherit;
  text-decoration: none;
}

.blog-featured-card h2 a:hover {
  color: var(--cp-red);
}

.blog-featured-card p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 16px;
  line-height: 1.75;
}

.blog-featured-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.blog-featured-card__actions .btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 20px;
  text-decoration: none;
}

.blog-content-section {
  padding: 74px 0 86px;
  background: var(--cp-light);
}

.blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 28px;
  align-items: start;
}

.blog-main {
  min-width: 0;
}

.blog-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.blog-toolbar h2 {
  margin: 10px 0 0;
  color: var(--cp-dark);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.blog-view-note {
  color: var(--cp-muted);
  font-size: 14px;
  font-weight: 800;
}

.blog-category-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  margin-bottom: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(17, 19, 24, .045);
}

.blog-filter-btn {
min-height: 38px;
padding: 0 14px;
border: 0;
border-radius: 999px;
background: var(--cp-light);
color: var(--cp-muted);
font-size: 13px;
font-weight: 800;
transition: all .2s ease;
display: flex;
align-items: center;
}

.blog-filter-btn:hover,
.blog-filter-btn.is-active {
  background: var(--cp-dark);
  color: #fff;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.blog-card {
  overflow: hidden;
  border: 1px solid var(--cp-border);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.blog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.blog-card.is-hidden {
  display: none;
}

.blog-card__image {
  display: block;
  min-height: 210px;
  text-decoration: none;
}

.blog-card__content {
  padding: 15px;
}

.blog-card h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.blog-card h3 a {
  color: inherit;
  text-decoration: none;
}

.blog-card h3 a:hover {
  color: var(--cp-red);
}

.blog-card p {
  margin: 0 0 16px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.blog-card__read {
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.blog-card__read:hover {
  text-decoration: underline;
}

.blog-empty-state {
  display: none;
  padding: 42px;
  margin-top: 22px;
  border: 1px solid var(--cp-border);
  border-radius: 30px;
  background: #fff;
  text-align: center;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.blog-empty-state.is-active {
  display: block;
}

.blog-empty-state h3 {
  margin: 0 0 10px;
  color: var(--cp-dark);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.blog-empty-state p {
  margin: 0;
  color: var(--cp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 34px;
}

.blog-pagination a,
.blog-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 13px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-text);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.blog-pagination a:hover,
.blog-pagination a.is-active,.blog-pagination .current{
  border-color: var(--cp-red);
  background: var(--cp-red);
  color: #fff;
  text-decoration: none;
}

.blog-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.blog-sidebar-card {
  padding: 24px;
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.blog-sidebar-card h2 {
  margin: 0 0 16px;
  color: var(--cp-dark);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.blog-search {
  display: grid;
  gap: 10px;
}

.blog-search input {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--cp-border);
  border-radius: 999px;
  background: #fff;
  color: var(--cp-dark);
  font-size: 14px;
  outline: none;
}

.blog-search input:focus {
  border-color: rgba(180, 0, 0, .35);
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.blog-search button {
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  background: var(--cp-dark);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.blog-sidebar-categories,
.blog-popular-list {
  display: grid;
  gap: 8px;
}

.blog-sidebar-categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 42px;
  padding: 0 13px;
  border-radius: 14px;
  background: var(--cp-light);
  color: var(--cp-text);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: all .2s ease;
}

.blog-sidebar-categories a:hover {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-red);
  text-decoration: none;
}

.blog-sidebar-categories span {
  color: var(--cp-muted);
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
}

.blog-popular-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: var(--cp-light);
  color: var(--cp-dark);
  text-decoration: none;
  transition: all .2s ease;
}

.blog-popular-item:hover {
  background: rgba(180, 0, 0, .08);
  color: var(--cp-dark);
  text-decoration: none;
}

.blog-popular-item span {
  color: var(--cp-red);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.blog-popular-item strong {
  color: inherit;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 800;
}

.blog-sidebar-card p {
  margin: 0 0 18px;
  color: var(--cp-muted);
  font-size: 14px;
  line-height: 1.65;
}

.blog-sidebar-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--cp-dark);
  color: #fff;
}

.blog-sidebar-card--dark h2 {
  color: #fff;
}

.blog-sidebar-card--dark p {
  color: rgba(255,255,255,.72);
}

.blog-sidebar-link {
  color: var(--cp-red);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.blog-sidebar-link:hover {
  text-decoration: underline;
}

/* Responsive */

/* =========================
   Examples Archive Page
========================= */

.examples-hero {
  position: relative;
  padding: 42px 0 70px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .18) 0%, rgba(17, 19, 24, .96) 42%, #111318 100%),
    radial-gradient(circle at 85% 15%, rgba(244, 176, 0, .15), transparent 34%);
  color: #fff;
  overflow: hidden;
}

.examples-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  pointer-events: none;
}

.examples-hero .container {
  position: relative;
  z-index: 2;
}

.examples-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 48px;
  align-items: center;
}

.examples-hero__content h1 {
  max-width: 780px;
  margin: 12px 0 20px;
  color: #fff;
  font-size: 62px;
  line-height: .98;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.examples-hero__content p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.7;
}

.examples-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.examples-blueprint-card {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 22px);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.examples-blueprint-card__label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  font-family: "Roboto Mono", monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.examples-blueprint-card > strong {
  display: block;
  max-width: 340px;
  color: #fff;
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.examples-blueprint-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.examples-blueprint-card__grid div {
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}

.examples-blueprint-card__grid span {
  display: inline-flex;
  margin-bottom: 10px;
  color: #f4b000;
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.examples-blueprint-card__grid p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.examples-content-section {
  padding: 74px 0;
  background: var(--color-light, #f5f6f8);
}

.examples-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.examples-toolbar h2 {
  margin: 10px 0 0;
  color: var(--color-dark, #111318);
  font-size: 36px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.045em;
}

.examples-view-note {
  color: var(--color-muted, #6c7480);
  font-size: 14px;
  font-weight: 800;
}

.examples-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  margin-bottom: 24px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(17, 19, 24, .045);
}

.examples-filter-btn {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: var(--color-light, #f5f6f8);
  color: var(--color-muted, #6c7480);
  font-size: 13px;
  font-weight: 800;
  transition: all .2s ease;
}

.examples-filter-btn:hover,
.examples-filter-btn.is-active {
  background: var(--color-dark, #111318);
  color: #fff;
}

.examples-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.example-card {
  overflow: hidden;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.example-card:hover {
  transform: translateY(-4px);
  border-color: rgba(180, 0, 0, .22);
  box-shadow: 0 22px 58px rgba(17, 19, 24, .1);
}

.example-card.is-hidden {
  display: none;
}

.example-card__image {
  position: relative;
  display: block;
  overflow: hidden;
  height: 260px;
  background: var(--color-dark, #111318);
}

.example-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.example-card:hover .example-card__image img {
  transform: scale(1.05);
}

.example-card__badge {
  position: absolute;
  left: 16px;
  top: 16px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--color-primary, #b40000);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.example-card__content {
  padding: 24px;
}

.example-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 12px;
}

.example-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: var(--color-light, #f5f6f8);
  color: var(--color-muted, #6c7480);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.example-card h3 {
  margin: 0 0 10px;
  color: var(--color-dark, #111318);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.example-card h3 a {
  color: inherit;
  text-decoration: none;
}

.example-card h3 a:hover {
  color: var(--color-primary, #b40000);
}

.example-card p {
  margin: 0;
  color: var(--color-muted, #6c7480);
  font-size: 14px;
  line-height: 1.65;
}

.example-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid var(--color-border, #e3e6ea);
}

.example-card__link {
  color: var(--color-primary, #b40000);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.example-card__link:hover {
  text-decoration: underline;
}

.example-card__bottom > span {
  color: rgba(17, 19, 24, .16);
  font-family: "Roboto Mono", monospace;
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
}

.examples-empty-state {
  display: none;
  padding: 42px;
  margin-top: 22px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 30px;
  background: #fff;
  text-align: center;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.examples-empty-state.is-active {
  display: block;
}

.examples-empty-state h3 {
  margin: 0 0 10px;
  color: var(--color-dark, #111318);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.examples-empty-state p {
  margin: 0;
  color: var(--color-muted, #6c7480);
  font-size: 15px;
  line-height: 1.65;
}

.examples-cta-section {
  padding: 0 0 86px;
  background: var(--color-light, #f5f6f8);
}

.examples-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 44%),
    var(--color-dark, #111318);
  color: #fff;
}

.examples-cta h2 {
  margin: 10px 0 12px;
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.examples-cta p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.7;
}

.examples-cta .btn-main {
  flex: 0 0 auto;
text-align: center;
}

/* =========================
   Single Example Page
========================= */

.single-example-hero {
  padding: 34px 0 54px;
  background: var(--color-light, #f5f6f8);
}

.single-example-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.single-example-hero h1 {
  max-width: 860px;
  margin: 12px 0 16px;
  color: var(--color-dark, #111318);
  font-size: 56px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.06em;
}

.single-example-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--color-muted, #6c7480);
  font-size: 17px;
  line-height: 1.7;
}

.single-example-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.single-example-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: #fff;
  color: var(--color-muted, #6c7480);
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(17, 19, 24, .04);
}

.single-example-content-section {
  padding: 74px 0;
  background: #fff;
}

.single-example-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 28px;
  align-items: start;
}

.single-example-main {
  min-width: 0;
}

.single-example-gallery-card,
.single-example-card,
.single-example-side-card {
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 16px 46px rgba(17, 19, 24, .06);
}

.single-example-gallery-card {
  padding: 18px;
  margin-bottom: 22px;
}

.single-example-gallery-main a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 520px;
  border-radius: 24px;
  background: var(--color-dark, #111318);
}

.single-example-gallery-main img,
.single-example-gallery-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.single-example-gallery-main a:hover img,
.single-example-gallery-grid a:hover img {
  transform: scale(1.04);
}

.single-example-gallery-main span {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(17, 19, 24, .82);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.single-example-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.single-example-gallery-grid a {
  display: block;
  overflow: hidden;
  height: 132px;
  border-radius: 18px;
  background: var(--color-light, #f5f6f8);
}

.single-example-card {
  padding: 28px;
  margin-bottom: 22px;
}

.single-example-card__head {
  display: flex;
  gap: 16px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--color-border, #e3e6ea);
}

.single-example-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(180, 0, 0, .08);
  color: var(--color-primary, #b40000);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.single-example-card__head h2 {
  margin: 0 0 6px;
  color: var(--color-dark, #111318);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.single-example-card__head p {
  margin: 0;
  color: var(--color-muted, #6c7480);
  font-size: 14px;
  line-height: 1.55;
}

.single-example-text p {
  margin: 0 0 18px;
  color: var(--color-muted, #6c7480);
  font-size: 16px;
  line-height: 1.78;
}

.single-example-text p:last-child {
  margin-bottom: 0;
}

.single-example-text ul {
  display: grid;
  gap: 10px;
  padding-left: 20px;
  margin: 0;
  color: var(--color-muted, #6c7480);
  font-size: 16px;
  line-height: 1.7;
}

.single-example-text li::marker {
  color: var(--color-primary, #b40000);
}

.single-example-deliverables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.single-example-deliverables div {
  padding: 22px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 22px;
  background: var(--color-light, #f5f6f8);
}

.single-example-deliverables span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--color-primary, #b40000);
  font-family: "Roboto Mono", monospace;
  font-size: 13px;
  font-weight: 800;
}

.single-example-deliverables h3 {
  margin: 0 0 10px;
  color: var(--color-dark, #111318);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.single-example-deliverables p {
  margin: 0;
  color: var(--color-muted, #6c7480);
  font-size: 14px;
  line-height: 1.6;
}

.single-example-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 18px;
}

.single-example-side-card {
  padding: 24px;
}

.single-example-side-card h2 {
  margin: 0 0 16px;
  color: var(--color-dark, #111318);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.single-example-side-card p {
  margin: 0 0 18px;
  color: var(--color-muted, #6c7480);
  font-size: 14px;
  line-height: 1.65;
}

.single-example-specs {
  display: grid;
  gap: 12px;
}

.single-example-specs div {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-radius: 16px;
  background: var(--color-light, #f5f6f8);
}

.single-example-specs span {
  color: var(--color-muted, #6c7480);
  font-size: 12px;
  font-weight: 700;
}

.single-example-specs strong {
  color: var(--color-dark, #111318);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.single-example-side-card--dark {
  background:
    linear-gradient(135deg, rgba(180, 0, 0, .16), transparent 42%),
    var(--color-dark, #111318);
  color: #fff;
}

.single-example-side-card--dark h2 {
  color: #fff;
}

.single-example-side-card--dark p {
  color: rgba(255,255,255,.72);
}

/* Responsive */

/* =========================
   Header
========================= */

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid var(--color-border, #e3e6ea);
  box-shadow: 0 8px 28px rgba(17, 19, 24, .05);
}

.top-line {
  background: var(--color-dark, #111318);
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.4;
}

.top-line__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 36px;
}

.top-line__text {
  font-weight: 700;
}

.top-line__links {
  display: flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
}

.top-line__links a,
.top-line__links span {
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.top-line__links a:hover {
  color: #fff;
  text-decoration: none;
}

.header-main {
  background: #fff;
}

.header-main__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 76px;
}

.site-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

.site-logo img {
  display: block;
  width: auto;
  max-width: 156px;
  max-height: 52px;
  object-fit: contain;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

.main-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--color-text, #20242b);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: all .2s ease;
}

.main-nav a:hover,
.main-nav a.is-active {
  background: rgba(180, 0, 0, .08);
  color: var(--color-primary, #b40000);
  text-decoration: none;
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: max-content;
}

.header-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 50%;
  background: #fff;
  color: var(--color-dark, #111318);
  text-decoration: none;
  cursor: pointer;
  transition: all .2s ease;
}

.header-action:hover,
.header-action.is-active,
.header-cart-wrap:hover .header-cart-link {
  border-color: rgba(180, 0, 0, .25);
  background: rgba(180, 0, 0, .08);
  color: var(--color-primary, #b40000);
  text-decoration: none;
}

.header-action__count {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--color-primary, #b40000);
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
}

/* Cart dropdown */

/* Cart dropdown */

.header-cart-wrap {
  position: relative;
  display: inline-flex;
}

.header-cart-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1010;
  width: 292px;
  padding-top: 12px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}

.header-cart-dropdown::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 24px;
  background: transparent;
}

.header-cart-dropdown::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 18px;
  width: 16px;
  height: 16px;
  background: #e3e6ea;
  border-left: 1px solid var(--color-border, #e3e6ea);
  border-top: 1px solid var(--color-border, #e3e6ea);
  transform: rotate(45deg);
  z-index: 1;
}

.header-cart-wrap:hover .header-cart-dropdown,
.header-cart-wrap.is-active .header-cart-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.header-cart-dropdown__empty {
  position: relative;
  z-index: 2;
  padding: 22px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(17, 19, 24, .12);
}

.header-cart-dropdown__empty strong {
  display: block;
  margin-bottom: 7px;
  color: var(--color-dark, #111318);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
}

.header-cart-dropdown__empty p {
  margin: 0 0 16px;
  color: var(--color-muted, #6c7480);
  font-size: 14px;
  line-height: 1.55;
}

/* Search panel */

.header-search-panel {
  display: none;
  border-top: 1px solid var(--color-border, #e3e6ea);
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 19, 24, .08);
}

.header-search-panel.is-active {
  display: block;
}

.header-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  padding: 18px 0;
}

.header-search-form input {
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 999px;
  background: var(--color-light, #f5f6f8);
  color: var(--color-dark, #111318);
  font-size: 15px;
  outline: none;
}

.header-search-form input:focus {
  border-color: rgba(180, 0, 0, .35);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.header-search-form button[type="submit"] {
  min-height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: var(--color-primary, #b40000);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: all .2s ease;
}

.header-search-form button[type="submit"]:hover {
  background: var(--color-primary-dark, #7a0000);
}

.header-search-close {
  width: 52px;
  height: 52px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 50%;
  background: #fff;
  color: var(--color-dark, #111318);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: all .2s ease;
}

.header-search-close:hover {
  border-color: rgba(180, 0, 0, .25);
  background: rgba(180, 0, 0, .08);
  color: var(--color-primary, #b40000);
}

/* Mobile menu button */

.menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: all .2s ease;
}

.menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: var(--color-dark, #111318);
  transition: all .2s ease;
}

.menu-toggle.is-active {
  border-color: rgba(180, 0, 0, .25);
  background: rgba(180, 0, 0, .08);
}

.menu-toggle.is-active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.menu-toggle.is-active span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.is-active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* Mobile panel */

.mobile-panel {
  display: none;
  border-top: 1px solid var(--color-border, #e3e6ea);
  background: #fff;
  box-shadow: 0 18px 38px rgba(17, 19, 24, .08);
}

.mobile-panel.is-active {
  display: block;
}

.mobile-panel__inner {
  padding-top: 18px;
  padding-bottom: 22px;
}

.mobile-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-bottom: 16px;
}

.mobile-search input {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--color-border, #e3e6ea);
  border-radius: 999px;
  background: var(--color-light, #f5f6f8);
  color: var(--color-dark, #111318);
  font-size: 14px;
  outline: none;
}

.mobile-search button {
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: var(--color-primary, #b40000);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.mobile-nav {
  display: grid;
  gap: 8px;
}

.mobile-nav a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 16px;
  background: var(--color-light, #f5f6f8);
  color: var(--color-dark, #111318);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.mobile-nav a:hover,
.mobile-nav a.is-active {
  background: rgba(180, 0, 0, .08);
  color: var(--color-primary, #b40000);
  text-decoration: none;
}

/* Header responsive */

/* Footer accordion only */
/* Footer accordion only */

.footer-accordion__head {
margin-bottom: 18px;
display: block;
border: none;
background: none;
padding: 0;
}

.footer-accordion__head i {
  display: none;
}

.footer-accordion__body {
  display: grid;
  gap: inherit;
}

/* Hide default WooCommerce "View cart" link inside product cards */
.product-card .added_to_cart,
.shop-product-card .added_to_cart {
display: none !important;
}

/* Cart toast */
.cart-toast {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
width: min(360px, calc(100vw - 32px));
padding: 16px;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
border: 1px solid rgba(15, 23, 42, 0.08);
opacity: 0;
visibility: hidden;
transform: translateY(16px);
transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.cart-toast.is-active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.cart-toast__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}

.cart-toast__title {
margin: 0;
font-size: 15px;
font-weight: 800;
color: #111827;
}

.cart-toast__text {
margin: 5px 0 0;
font-size: 13px;
line-height: 1.45;
color: #64748b;
}

.cart-toast__close {
flex: 0 0 auto;
width: 28px;
height: 28px;
border: 0;
border-radius: 50%;
background: #f1f5f9;
color: #334155;
cursor: pointer;
font-size: 18px;
line-height: 1;
}

.cart-toast__actions {
display: flex;
gap: 10px;
margin-top: 14px;
}

.cart-toast__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 16px;
border-radius: 999px;
font-size: 13px;
font-weight: 800;
text-decoration: none;
text-align: center;
}

.cart-toast__btn--cart {
background: #111827;
color: #ffffff;
}

.cart-toast__btn--cart:hover{color:#fff}

.cart-toast__btn--continue {
background: #f1f5f9;
color: #111827;
border: 0;
cursor: pointer;
}

.product-card__btn.loading,
.add-cart-btn.loading {
	opacity: 0.7;
	pointer-events: none;
}

.product-card__btn.added,
.add-cart-btn.added {
	background: #111827;
	color: #ffffff;
}

.added_to_cart.wc-forward {
display: none !important;
}

.cadproff-reviews #reviews,
.cadproff-reviews .woocommerce-Reviews {
	margin: 0;
}

.cadproff-reviews .woocommerce-Reviews-title {
	display: none;
}

.cadproff-reviews .commentlist {
	display: grid;
	gap: 16px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.cadproff-reviews .commentlist li {
	margin: 0;
	padding: 18px;
	border-radius: 20px;
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}

.cadproff-reviews .comment_container {
	display: flex;
	gap: 14px;
}

.cadproff-reviews .avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	flex: 0 0 auto;
}

.cadproff-reviews .comment-text {
	flex: 1 1 auto;
}

.cadproff-reviews .star-rating {
	margin-bottom: 8px;
	font-size: 13px;
	color: #f59e0b;
}

.cadproff-reviews .meta {
	margin: 0 0 8px;
	font-size: 13px;
	color: #64748b;
}

.cadproff-reviews .woocommerce-review__author {
	color: #111827;
	font-weight: 800;
}

.cadproff-reviews .description {
	font-size: 14px;
	line-height: 1.65;
	color: #334155;
}

.cadproff-reviews .description p {
	margin: 0;
}

.cadproff-reviews #review_form_wrapper {
	margin-top: 24px;
	padding: 22px;
	border-radius: 22px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.cadproff-reviews #reply-title {
	display: block;
	margin: 0 0 14px;
	font-size: 20px;
	font-weight: 800;
	color: #111827;
}

.cadproff-reviews .comment-form {
	display: grid;
	gap: 14px;
}

.cadproff-reviews .comment-form-rating,
.cadproff-reviews .comment-form-comment,
.cadproff-reviews .comment-form-author,
.cadproff-reviews .comment-form-email,
.cadproff-reviews .comment-form-captcha {
	display: grid;
	gap: 7px;
	margin: 0;
}

.cadproff-reviews label {
	font-size: 13px;
	font-weight: 700;
	color: #111827;
}

.cadproff-reviews textarea,
.cadproff-reviews input[type="text"],
.cadproff-reviews input[type="email"],
.cadproff-reviews input[type="number"] {
	width: 100%;
	min-height: 46px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	border-radius: 14px;
	background: #ffffff;
	padding: 12px 14px;
	font-size: 14px;
	color: #111827;
	outline: none;
}

.cadproff-reviews textarea {
	min-height: 120px;
	resize: vertical;
}

.cadproff-reviews textarea:focus,
.cadproff-reviews input:focus {
	border-color: #111827;
}

.cadproff-reviews .form-submit {
	margin: 4px 0 0;
}

.cadproff-reviews .form-submit .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: #111827;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
}

.cadproff-captcha-question {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	background: #e2e8f0;
	font-size: 13px;
	font-weight: 800;
	color: #111827;
}

.cadproff-reviews p.stars {
	display: inline-flex;
	flex-direction: row;
	gap: 6px;
	margin: 4px 0 0;
}

.cadproff-reviews p.stars span {
	display: inline-flex;
	flex-direction: row;
	gap: 6px;
}

.cadproff-reviews p.stars a {
	position: relative;
	display: inline-flex;
	width: 28px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
}

.cadproff-reviews p.stars a::before {
	content: "★";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-indent: 0;
	font-size: 24px;
	line-height: 1;
	color: #cbd5e1;
	transition: color 0.2s ease, transform 0.2s ease;
}

.cadproff-reviews p.stars:hover a::before,
.cadproff-reviews p.stars.selected a.active::before,
.cadproff-reviews p.stars.selected a:not(.active)::before {
	color: #f59e0b;
}

.cadproff-reviews p.stars a:hover ~ a::before,
.cadproff-reviews p.stars.selected a.active ~ a::before {
	color: #cbd5e1;
}

.cadproff-reviews p.stars a:hover::before {
	transform: scale(1.12);
}

.cadproff-reviews .comment-form-rating select {
	display: none;
}

.cadproff-review-message {
	padding: 13px 15px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
}

.cadproff-review-message--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

.cadproff-reviews .submit.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.screen-reader-text {
	position: absolute !important;
	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;
}

.shop-sort label{
margin-bottom:0;
display: flex;
align-items: center;
gap: 10px;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	display: none!important;
}

.woo-toast {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 10000;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	width: min(380px, calc(100vw - 32px));
	padding: 16px;
	border-radius: 18px;
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.woo-toast.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.woo-toast__icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #111827;
	color: #ffffff;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
}

.woo-toast__content {
	flex: 1 1 auto;
	min-width: 0;
}

.woo-toast__title {
	display: block;
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	color: #111827;
}

.woo-toast__text {
	margin: 5px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: #64748b;
}

.woo-toast__close {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 50%;
	background: #f1f5f9;
	color: #334155;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
}

.woo-toast--error .woo-toast__icon {
	background: #dc2626;
}

.woo-toast--info .woo-toast__icon {
	background: #2563eb;
}

.woo-toast--success .woo-toast__icon {
	background: #16a34a;
}

.cart-update-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: #111827;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.cart-update-btn:hover {
	background: #020617;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
	transform: translateY(-1px);
}

.cart-update-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}

.empty-cart-section {
	padding: 80px 0 100px;
	background: #f8fafc;
}

.empty-cart-card {
	max-width: 760px;
	margin: 0 auto;
	padding: 48px;
	border-radius: 32px;
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
	text-align: center;
}

.empty-cart-card h1 {
	max-width: 560px;
	margin: 12px auto 0;
	font-size: clamp(32px, 5vw, 52px);
	line-height: 1.05;
	font-weight: 800;
	color: #0f172a;
	letter-spacing: -0.05em;
}

.empty-cart-card p {
	max-width: 580px;
	margin: 18px auto 0;
	font-size: 16px;
	line-height: 1.7;
	color: #64748b;
}

.empty-cart-card__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.empty-cart-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #111827;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

.empty-cart-card__link:hover {
	background: #e2e8f0;
	transform: translateY(-1px);
	color: #111827;
}

.wishlist-recommended-section .product-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wishlist-recommended-section .product-card__mockup {
	width: 100%;
	height: 100%;
}

.checkout-fields .form-field {
	margin: 0;
}

.checkout-fields .form-field label {
	display: block;
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 800;
	color: #111827;
}

.checkout-fields .form-field label .required {
	color: #dc2626;
	text-decoration: none;
}

.checkout-fields .form-field input,
.checkout-fields .form-field select,
.checkout-fields .form-field textarea {
width: 100%;
min-height: 50px;
padding: 0 16px;
border: 1px solid var(--cp-border);
border-radius: 16px;
background: #fff;
color: var(--cp-dark);
font-size: 14px;
outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
}

.checkout-fields .form-field textarea {
	min-height: 130px;
	padding-top: 14px;
	padding-bottom: 14px;
	resize: vertical;
}

.checkout-fields .form-field input:focus,
.checkout-fields .form-field select:focus,
.checkout-fields .form-field textarea:focus {
border-color: rgba(180, 0, 0, .35);
box-shadow: 0 0 0 3px rgba(180, 0, 0, .08);
}

.checkout-fields .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.checkout-fields .form-field--full {
	grid-column: 1 / -1;
}

.checkout-fields .select2-container {
	width: 100% !important;
}

.checkout-fields .select2-container .select2-selection--single {
	height: 48px;
	border-radius: 14px;
	border: 1px solid rgba(15, 23, 42, 0.12);
	background: #f8fafc;
}

.checkout-fields .select2-container .select2-selection__rendered {
	line-height: 48px;
	padding-left: 16px;
	padding-right: 36px;
	color: #111827;
	font-size: 14px;
}

.checkout-fields .select2-container .select2-selection__arrow {
	height: 48px;
	right: 10px;
}

.checkout-payment-section .woocommerce-privacy-policy-text {
display: grid;
gap: 12px;
padding: 16px;
margin-bottom: 18px;
border: 1px solid rgba(180, 0, 0, .16);
border-radius: 18px;
background: rgba(180, 0, 0, .055);
}

.checkout-payment-section .woocommerce-privacy-policy-text a {
    color: var(--cp-red);
    font-weight: 800;
    text-decoration: none;
}

.checkout-payment-section .woocommerce-privacy-policy-text a:hover {
text-decoration: underline;
}

.checkout-payment-section .woocommerce-privacy-policy-text p{
margin: 0;
color: var(--cp-muted);
font-size: 14px;
line-height: 1.55;
cursor: pointer;
}

.checkout-payment-section {
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.checkout-payment-section h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: #0f172a;
	letter-spacing: -0.03em;
}

.checkout-payment-section > p {
	margin: 6px 0 18px;
	font-size: 14px;
	line-height: 1.6;
	color: #64748b;
}

.checkout-payment-section .woocommerce-checkout-review-order-table {
	width: 100%;
	margin: 0 0 20px;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border-radius: 20px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.checkout-payment-section .woocommerce-checkout-review-order-table thead {
	display: none;
}

.checkout-payment-section .woocommerce-checkout-review-order-table th,
.checkout-payment-section .woocommerce-checkout-review-order-table td {
	padding: 14px 16px;
	border: 0;
	font-size: 14px;
	line-height: 1.45;
	color: #475569;
	vertical-align: top;
}

.checkout-payment-section .woocommerce-checkout-review-order-table tbody tr:not(:last-child) td {
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.checkout-payment-section .woocommerce-checkout-review-order-table .product-name {
	font-weight: 700;
	color: #0f172a;
}

.checkout-payment-section .woocommerce-checkout-review-order-table .product-quantity {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 24px;
	margin-left: 6px;
	padding: 0 8px;
	border-radius: 999px;
	background: #e2e8f0;
	color: #334155;
	font-size: 12px;
	font-weight: 800;
}

.checkout-payment-section .woocommerce-checkout-review-order-table .product-total {
	text-align: right;
	font-weight: 800;
	color: #0f172a;
	white-space: nowrap;
}

.checkout-payment-section .woocommerce-checkout-review-order-table tfoot th,
.checkout-payment-section .woocommerce-checkout-review-order-table tfoot td {
	border-top: 1px solid rgba(15, 23, 42, 0.08);
	background: #ffffff;
}

.checkout-payment-section .woocommerce-checkout-review-order-table tfoot th {
	font-weight: 700;
	color: #64748b;
}

.checkout-payment-section .woocommerce-checkout-review-order-table tfoot td {
	text-align: right;
	font-weight: 800;
	color: #0f172a;
}

.checkout-payment-section .woocommerce-checkout-review-order-table .order-total th,
.checkout-payment-section .woocommerce-checkout-review-order-table .order-total td {
	padding-top: 18px;
	padding-bottom: 18px;
	background: #0f172a;
	color: #ffffff;
	font-size: 16px;
}

.checkout-payment-section .woocommerce-checkout-review-order-table .order-total .amount,
.checkout-payment-section .woocommerce-checkout-review-order-table .order-total strong {
	color: #ffffff;
}

.checkout-payment-section #payment {
	margin-top: 18px;
	background: transparent;
	border-radius: 0;
}

.checkout-payment-section .wc_payment_methods {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	margin-bottom: 15px;
}

.checkout-payment-section .wc_payment_methods li {
	margin: 0;
	padding: 0;
	list-style: none;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-payment-section .woocommerce-info {
	margin: 0 0 18px;
	padding: 16px 18px;
	border: 1px solid rgba(59, 130, 246, 0.18);
	border-radius: 18px;
	background: #eff6ff;
	color: #1e3a8a;
	font-size: 14px;
	line-height: 1.6;
}

.checkout-payment-section .woocommerce-info::before,
.checkout-payment-section .woocommerce-info::after {
	display: none;
}

.checkout-payment-section .place-order {
	margin: 0;
	padding: 0;
}

.checkout-payment-section .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 18px;
}

.checkout-payment-section .woocommerce-privacy-policy-text {
	margin: 0;
	padding: 16px 18px;
	border-radius: 18px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.checkout-payment-section .woocommerce-privacy-policy-text p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #64748b;
}

.checkout-payment-section .woocommerce-privacy-policy-text a {
	color: #111827;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.checkout-payment-section #place_order{
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
padding: 0 26px;
font-size: 15px;
font-weight: 800;
background: var(--cp-red);
color: var(--cp-white);
box-shadow: 0 12px 28px rgba(180, 0, 0, .24);
min-height: 54px;
border: 0;
width: 100%;
}

.checkout-payment-section #place_order:hover{
color: var(--cp-white);
background: var(--cp-red-dark);
transform: translateY(-1px);
}

.checkout-payment-section .wc_payment_method {
	margin: 0 0 12px;
	padding: 14px 16px;
	border-radius: 18px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.checkout-payment-section .wc_payment_method > label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 14px;
	font-weight: 800;
	color: #0f172a;
	cursor: pointer;
}

.checkout-payment-section .wc_payment_method input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #111827;
}

.checkout-payment-section .payment_box {
	margin: 12px 0 0;
	padding: 14px 16px;
	border-radius: 16px;
	background: #ffffff;
	color: #64748b;
	font-size: 13px;
	line-height: 1.6;
}

.checkout-payment-section .payment_box p {
	margin: 0;
}

.checkout-order-items {
	display: grid;
	gap: 14px;
	margin: 18px 0 22px;
}

.checkout-order-item {
	display: grid;
	grid-template-columns: 76px 1fr;
	gap: 14px;
	align-items: center;
	padding: 12px;
	border-radius: 20px;
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.checkout-order-item__image {
	display: block;
	width: 76px;
	height: 76px;
	overflow: hidden;
	border-radius: 16px;
	background: #e2e8f0;
	text-decoration: none;
}

.checkout-order-item__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.checkout-order-item__image .product-card__mockup {
	width: 100%;
	height: 100%;
	border-radius: 16px;
}

.checkout-order-item__content {
	min-width: 0;
}

.checkout-order-item__content h3 {
	margin: 0;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 800;
	color: #0f172a;
	letter-spacing: -0.02em;
}

.checkout-order-item__content span {
	display: flex;
	align-items: center;
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 700;
	color: #64748b;
}

.checkout-order-item__content > strong {
	display: block;
	margin-top: 8px;
	font-size: 15px;
	line-height: 1;
	font-weight: 900;
	color: #0f172a;
}

.checkout-order-item__content > strong .amount,
.checkout-order-item__content > strong .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

.checkout-order-item__content .woocommerce-Price-currencySymbol {
	margin-right: 2px;
	margin-top: 0;
}

.woocommerce-Price-amount.amount{
color: var(--cp-dark);
}

.woocommerce-Price-currencySymbol{
color: var(--cp-dark)!important;
}

.auth-page .woocommerce-error,
.auth-page .woocommerce-info,
.auth-page .woocommerce-message {
	display: block !important;
}

.password-field .show-password-input,
.password-field .password-input .show-password-input,
.woocommerce .password-field .show-password-input {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.woocommerce-MyAccount-navigation {
	display: none !important;
}

.woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
}

.download-item.is-hidden {
	display: none;
}

.download-item__details {
	display: none;
}

.download-item__details.is-active {
	display: block;
}

.account-orders-info__actions .btn-main{text-align:center}

.order-details-stat .woocommerce-Price-amount.amount,.order-details-stat .woocommerce-Price-amount.amount span{
margin-bottom: 0;
display: flex;
align-items: center;
font-size: 24px;
color: var(--cp-dark);
line-height: 1;
font-weight: 800;
letter-spacing: -0.035em;
}

#password_strength{
position: absolute;
font-size: 14px;
color: #f4b000;
}

.account-details-page .woocommerce-error,
.account-details-page .woocommerce-info,
.account-details-page .woocommerce-message {
	display: block !important;
}

.lost-password-page .woocommerce-error,
.lost-password-page .woocommerce-info,
.lost-password-page .woocommerce-message {
	display: block !important;
}

.reset-password-page .woocommerce-error,
.reset-password-page .woocommerce-info,
.reset-password-page .woocommerce-message {
	display: block !important;
}

.cadproff-hp-field {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.form-field.is-error input,
.form-field.is-error select,
.form-field.is-error textarea {
	border-color: #dc2626;
	background: #fff7f7;
}

.form-error {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	color: #dc2626;
}

.woo-toast.is-success .woo-toast__icon {
	background: #16a34a;
	color: #fff;
}

.woo-toast.is-error .woo-toast__icon {
	background: #dc2626;
	color: #fff;
}

.contact-form .form-field .custom-file-input,.custom-request-form .form-field .custom-file-input{
display: block !important;
width: 100%;
min-height: 65px;
padding: 0;
border-radius: 0;
border: none;
background: #fff;
color: #475569;
font-size: 14px;
line-height: 100%;
cursor: pointer;
padding-top: 0!important;
}

.contact-form .form-field .custom-file-input:hover,.custom-request-form .form-field .custom-file-input:hover {
	background: #fff;
	border-color: rgba(15, 23, 42, 0.24);
}

.contact-form .form-field .custom-file-input:focus,.custom-request-form .form-field .custom-file-input:focus {
	outline: none;
	background: #fff;
	border-color: #111827;
	box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.08);
}

.contact-form .form-field .custom-file-input::file-selector-button,.custom-request-form .form-field .custom-file-input::file-selector-button {
	height: 52px;
	margin: 0 16px 0 0;
	padding: 0 20px;
	border: 0;
	border-right: 1px solid rgba(15, 23, 42, 0.12);
	background: #111827;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.contact-form .form-field .custom-file-input::-webkit-file-upload-button,.custom-request-form .form-field .custom-file-input::-webkit-file-upload-button {
	height: 52px;
	margin: 0 16px 0 0;
	padding: 0 20px;
	border: 0;
	border-right: 1px solid rgba(15, 23, 42, 0.12);
	background: #111827;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.contact-form .custom-file-input,.custom-request-form .custom-file-input {
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.text-sidebar-toc--mobile {
display: none;
}

.footer-bottom a{
color: rgba(255, 255, 255, .66);
}

.footer-bottom a:hover{
color: var(--cp-white);
}

.header-search-wrapper,
.mobile-search-wrapper {
	position: relative;
}

.search-suggestions {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	z-index: 1000;
	display: none;
	padding: 10px;
	border-radius: 22px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
}

.search-suggestions.is-active {
	display: block;
}

.search-suggestions__list {
	display: grid;
	gap: 6px;
}

.search-suggestion-item {
	display: grid;
	grid-template-columns: 52px 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 10px;
	border-radius: 16px;
	color: #0f172a;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

.search-suggestion-item:hover {
	background: #f8fafc;
	transform: translateY(-1px);
}

.search-suggestion-item__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 14px;
	background: #e2e8f0;
}

.search-suggestion-item__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search-suggestion-item__mockup {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: 900;
	color: #334155;
	letter-spacing: 0.08em;
}

.search-suggestion-item__content {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.search-suggestion-item__content strong {
	display: block;
	overflow: hidden;
	color: #0f172a;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-suggestion-item__content span {
	display: block;
	overflow: hidden;
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-suggestion-item__price {
	color: #0f172a;
	font-size: 13px;
	font-weight: 900;
	white-space: nowrap;
}

.search-suggestions__all {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: 10px;
	border-radius: 999px;
	background: #111827;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

.search-suggestions__all:hover {
	background: #020617;
	transform: translateY(-1px);
	color: #fff;
}

.search-suggestions__empty,
.search-suggestions__loading {
	display: grid;
	gap: 4px;
	padding: 18px;
	border-radius: 16px;
	background: #f8fafc;
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
}

.search-suggestions__empty strong,
.search-suggestions__loading {
	color: #0f172a;
	font-weight: 800;
}

.mobile-search-wrapper .search-suggestions {
	top: calc(100% + 8px);
}

.search-page-form {
	display: flex;
	gap: 12px;
	max-width: 620px;
	margin-top: 28px;
	padding: 8px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.search-page-form input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 48px;
	padding: 0 18px;
	border: 0;
	outline: none;
	background: transparent;
	color: #0f172a;
	font-size: 15px;
}

.search-page-form .btn-main {
	min-height: 48px;
	padding: 0 24px;
	border: 0;
	cursor: pointer;
}

.search-empty-card {
	max-width: 720px;
	margin: 0 auto;
	padding: 48px;
	border-radius: 28px;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
	text-align: center;
}

.search-empty-card h2 {
	margin: 10px 0 12px;
	color: #0f172a;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: -0.04em;
}

.search-empty-card p {
	max-width: 520px;
	margin: 0 auto 24px;
	color: #64748b;
	font-size: 15px;
	line-height: 1.7;
}

.blog-card__image,
.blog-featured-card__image {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #f1f5f9;
	text-decoration: none;
}

.blog-card__image {
	aspect-ratio: 16 / 10;
	border-radius: 22px 22px 0 0;
}

.blog-featured-card__image {
	aspect-ratio: 16 / 10;
	border-radius: 28px;
}

.blog-card__image img,
.blog-featured-card__image img,
.blog-post-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.blog-post-image-mockup {
	width: 100%;
	height: 100%;
}

.footer-col--custom p {
	margin: 0 0 18px;
	color: rgba(255, 255, 255, 0.68);
	font-size: 14px;
	line-height: 1.6;
}

.footer-col--custom .footer-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	border-radius: 999px;
	background: #fff;
	color: #111827;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.footer-col--custom .footer-btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
	color: #111827;
}

.dashboard-empty-state {
	display: grid;
	gap: 14px;
	padding: 24px;
	background: #f8fafc;
	text-align: center;
}

.dashboard-empty-state p {
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 600;
}

.dashboard-empty-state a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: center;
	min-height: 42px;
	padding: 0 18px;
	border-radius: 999px;
	background: #111827;
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-empty-state a:hover {
	background: #020617;
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18);
}

.orders-table__empty {
padding: 28px;
background: #f8fafc;
text-align: center;
}

.orders-table__empty p {
margin: 0;
color: #64748b;
font-size: 14px;
line-height: 1.6;
font-weight: 600;
}



/* ========================================================================
   Responsive styles
   All media queries are grouped below to keep the main CSS cleaner.
======================================================================== */

@media (max-width: 1399.98px) {
.dashboard-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

.account-orders-table__head,
  .account-order-row {
    grid-template-columns: 1fr 1.1fr 1.4fr 1fr .9fr;
  }

  .account-orders-table__head span:nth-child(6),
  .account-order-actions {
    grid-column: 1 / -1;
  }

  .account-order-actions {
    padding-top: 4px;
  }

.order-details-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-details-two-cols {
    grid-template-columns: 1fr;
  }

.order-received-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .order-received-layout {
    grid-template-columns: 1fr;
  }

  .order-received-sidebar {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

.blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.header-main__inner {
    gap: 16px;
  }

  .main-nav a {
    padding: 0 8px;
    font-size: 12.5px;
  }

  .site-logo img {
    max-width: 144px;
  }

  .header-action,
  .menu-toggle {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1199.98px) {
.header-search { display: none; }
.main-nav { margin-left: auto; }
.hero-section__inner { grid-template-columns: minmax(0, 1fr) 420px; gap: 42px; }
.hero-content h1 { font-size: 54px; }
.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.shop-products.is-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shop-hero__inner {
grid-template-columns: 1fr;
}

.shop-hero__stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shop-stat {
align-items: flex-start;
flex-direction: column;
}

.shop-stat span {
text-align: left;
}

.product-page .single-product{
    grid-template-columns: 1fr;
  }

  .product-info-layout {
    grid-template-columns: 1fr;
  }

  .product-side-card {
    position: static;
  }

  .product-gallery__main-link {
    min-height: 460px;
  }

  .product-gallery__main-img {
    height: 460px;
  }

.product-add-to-cart{max-width: 360px;}

.product-gallery__main-link {
    min-height: 460px;
  }

  .product-gallery__main-img {
    height: 460px;
  }

.cart-layout {
    grid-template-columns: 1fr;
  }

  .cart-summary {
    position: static;
  }

.checkout-layout {
    grid-template-columns: 1fr;
  }

  .checkout-summary {
    position: static;
  }

.account-layout {
    grid-template-columns: 1fr;
  }

  .account-sidebar {
    position: static;
  }

  .account-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .download-item {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .download-item__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.custom-hero__inner,
  .custom-process-layout,
  .custom-request-layout {
    grid-template-columns: 1fr;
  }

  .custom-process-content,
  .custom-request-info {
    position: static;
  }

  .custom-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .custom-hero__visual {
    max-width: 620px;
  }

.auth-layout {
    grid-template-columns: 1fr 1fr;
  }

  .auth-side-card {
    grid-column: 1 / -1;
  }

  .auth-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.lost-password-layout {
    grid-template-columns: 1fr;
  }

  .lost-password-tips-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.order-received-sidebar {
    grid-template-columns: 1fr;
  }

  .received-download-item {
    grid-template-columns: 126px minmax(0, 1fr);
  }

  .received-download-item__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.empty-cart-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .empty-cart-help {
    align-items: flex-start;
    flex-direction: column;
  }

.wishlist-layout {
    grid-template-columns: 1fr;
  }

  .wishlist-sidebar {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wishlist-item {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  .wishlist-item__side {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto;
    align-items: center;
  }

  .wishlist-item__price {
    text-align: left;
  }

.contact-hero__inner,
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .contact-hero__visual {
    max-width: 620px;
  }

  .contact-sidebar {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .contact-help-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.faq-hero__inner,
  .faq-layout {
    grid-template-columns: 1fr;
  }

  .faq-hero__visual {
    max-width: 620px;
  }

  .faq-sidebar {
    position: static;
  }

  .faq-category-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

.text-page-hero__inner,
  .text-page-layout {
    grid-template-columns: 1fr;
  }

  .text-page-sidebar {
    position: static;
  }

  .text-sidebar-card--dark {
    grid-column: 1 / -1;
  }

.header-action.header-search-toggle{display: none}

  .blog-hero__inner,
  .blog-layout,
  .blog-featured-card {
    grid-template-columns: 1fr;
  }

  .blog-hero__visual {
    max-width: 620px;
  }

  .blog-sidebar {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-sidebar-card--dark {
    grid-column: 1 / -1;
  }

  .blog-featured-card__image {
    min-height: 320px;
  }

.examples-hero__inner,
  .single-example-layout {
    grid-template-columns: 1fr;
  }

  .examples-hero__visual {
    max-width: 620px;
  }

  .examples-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .single-example-sidebar {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

.header-main__inner {
    grid-template-columns: auto auto;
    justify-content: space-between;
    min-height: 72px;
  }

  .main-nav {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
  }

  .site-logo img {
    max-width: 150px;
  }

.text-sidebar-toc--desktop {
display: none;
}

.text-sidebar-toc--mobile {
display: block;
order: -1;
margin-bottom: 24px;
}
}

@media (max-width: 991.98px) {
.top-line__links, .main-nav { display: none; }
.header-main__inner { min-height: 78px; }
.site-logo { width: 80px; }
.menu-toggle { display: inline-flex; }
.mobile-panel.is-open { display: block; }
.hero-section { padding: 58px 0 70px; }
.hero-section__inner { grid-template-columns: 1fr; }
.hero-visual { min-height: auto; }
.blueprint-card { min-height: 390px; }
.benefits-strip { margin-top: 0; padding-top: 28px; background: var(--cp-light); }
.builds-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.included-section__grid,
.faq-section__grid { grid-template-columns: 1fr; gap: 34px; }
.benefits-strip__grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
.steps-grid{grid-template-columns: repeat(4, minmax(0, 1fr));}

.site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.custom-section__box { align-items: flex-start; flex-direction: column; }
.hero-stat span{line-height: 130%;display: block;}

.included-list{grid-template-columns: repeat(4, minmax(0, 1fr));}

.shop-content {
padding-top: 30px;
}

.shop-mobile-bar {
display: flex;
}

.shop-layout {
display: block;
}

.shop-sidebar {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: min(360px, calc(100vw - 34px));
height: 100vh;
overflow-y: auto;
border-radius: 0 26px 26px 0;
transform: translateX(-105%);
transition: transform .25s ease;
}

.shop-sidebar.is-active {
transform: translateX(0);
}

.filter-close {
display: inline-flex;
align-items: center;
justify-content: center;
}

.shop-toolbar {
flex-direction: column;
align-items: flex-start;
}

.shop-toolbar__right {
width: 100%;
justify-content: space-between;
}

.shop-sort {
flex: 1 1 auto;
}

.shop-sort select {
width: 100%;
min-width: 0;
}

.shop-products.is-list .shop-product-card {
grid-template-columns: 220px minmax(0, 1fr);
}

.shop-bottom-cta {
flex-direction: column;
align-items: flex-start;
}

.product-summary-card h1 {
    font-size: 36px;
  }

  .product-tabs__nav {
    overflow-x: auto;
    padding-bottom: 14px;
  }

  .product-info-section .product-tab-btn {
    flex: 0 0 auto;
  }

  .related-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.cart-hero__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-hero h1 {
    font-size: 42px;
  }

  .cart-steps-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

.checkout-hero__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .checkout-hero h1 {
    font-size: 42px;
  }

  .checkout-steps {
    flex-wrap: wrap;
  }

.account-hero__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-hero h1 {
    font-size: 42px;
  }

  .downloads-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .download-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .orders-table__head {
    display: none;
  }

  .orders-table__row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .orders-table__row > span {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }

  .orders-table__row > span:nth-child(1)::before {
    content: "Order";
    color: var(--cp-muted);
  }

  .orders-table__row > span:nth-child(2)::before {
    content: "Date";
    color: var(--cp-muted);
  }

  .orders-table__row > span:nth-child(3)::before {
    content: "Status";
    color: var(--cp-muted);
  }

  .orders-table__row > span:nth-child(4)::before {
    content: "Total";
    color: var(--cp-muted);
  }

  .orders-table__row > span:nth-child(5)::before {
    content: "Action";
    color: var(--cp-muted);
  }

.custom-hero__content h1 {
    font-size: 48px;
  }

  .custom-hero__floating {
    position: static;
    max-width: none;
    margin-top: 16px;
  }

.auth-hero__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-hero h1 {
    font-size: 42px;
  }

  .auth-layout {
    grid-template-columns: 1fr;
  }

  .auth-mobile-tabs {
    display: flex;
  }

  .auth-card {
    display: none;
  }

  .auth-card.is-active {
    display: block;
  }

  .auth-card__bottom-note {
    display: flex;
  }

.lost-password-hero__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .lost-password-hero h1 {
    font-size: 42px;
  }

.dashboard-welcome-card,
  .dashboard-license-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .dashboard-recommended-grid {
    grid-template-columns: 1fr;
  }

.account-orders-list-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .orders-filter {
    width: 100%;
    overflow-x: auto;
    border-radius: 18px;
  }

  .orders-filter__btn {
    flex: 0 0 auto;
  }

  .account-orders-table__head {
    display: none;
  }

  .account-order-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 22px;
  }

  .account-order-cell,
  .account-order-actions {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }

  .account-order-cell::before,
  .account-order-actions::before {
    content: attr(data-label);
    color: var(--cp-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .055em;
  }

  .account-order-cell strong,
  .account-order-cell span {
    white-space: normal;
  }

  .account-order-actions {
    grid-column: auto;
    padding-top: 0;
  }

  .account-order-actions::before {
    align-self: center;
  }

  .account-orders-info {
    align-items: flex-start;
    flex-direction: column;
  }

.order-product-item {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .order-product-item__price {
    grid-column: 1 / -1;
    text-align: left;
  }

  .order-download-row,
  .order-license-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-download-row__actions,
  .order-download-row__actions .btn-main,
  .order-copy-link,
  .order-license-note .btn-main {
    width: 100%;
  }

.order-received-summary-grid{
    grid-template-columns: 1fr;
  }

.received-next-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}

  .order-received-license {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-received-license .btn-main {
    width: 100%;
  }

  .order-received-success h1 {
    font-size: 42px;
  }

.empty-cart-card h1 {
    font-size: 44px;
  }

.account-details-save-card,
  .account-security-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-security-card .btn-main {
    width: 100%;
  }

.wishlist-hero__inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .wishlist-hero h1 {
    font-size: 42px;
  }

  .wishlist-sidebar {
    grid-template-columns: 1fr;
  }

  .wishlist-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

.contact-hero__content h1 {
    font-size: 48px;
  }

  .contact-sidebar {
    grid-template-columns: 1fr;
  }

.faq-hero__content h1 {
    font-size: 48px;
  }

  .faq-category-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .faq-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .faq-cta .btn-main {
    width: 100%;
  }

.text-page-hero__content h1 {
    font-size: 44px;
  }

  .text-taxonomy-head {
    align-items: flex-start;
    flex-direction: column;
  }

.blog-hero__content h1 {
    font-size: 48px;
  }

  .blog-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .blog-sidebar {
    grid-template-columns: 1fr;
  }

  .blog-sidebar-card--dark {
    grid-column: auto;
  }

.examples-hero__content h1,
  .single-example-hero h1 {
    font-size: 44px;
  }

  .examples-toolbar,
  .single-example-hero__inner,
  .examples-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .single-example-sidebar {
    grid-template-columns: 1fr;
  }

  .single-example-gallery-main a {
    height: 420px;
  }

.shop-sort label{width: 100%;}

.empty-cart-card h1{font-size: 35px;}
.section-head h2{font-size:36px}

.examples-cta h2{font-size: 31px;}
}

@media (max-width: 800.98px) {
.included-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 767.98px) {
.top-line__inner { justify-content: center; text-align: center; }
.hero-content h1 { font-size: 40px; }
.hero-content__lead { font-size: 16px; }
.product-grid,
.builds-grid,
.site-footer__grid { grid-template-columns: 1fr; }
.hero-stats{grid-template-columns: repeat(3, minmax(0, 1fr));}
.category-grid,.steps-grid,.included-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
.section-head { align-items: center; flex-direction: column; }
.section-head h2,
.included-content h2,
.custom-section__content h2,
.faq-intro h2 { font-size: 32px; }
.home-section { padding: 62px 0; }
.custom-section { padding-top: 0; }
.custom-section__box { padding: 30px; border-radius: 24px; }
.footer-bottom { flex-direction: column; }
.floating-note { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin-top: 12px; }

.shop-hero {
padding: 30px 0 42px;
}

.shop-hero__content h1 {
font-size: 40px;
}

.shop-hero__content p {
font-size: 16px;
}

.shop-products.is-grid {
grid-template-columns: 1fr;
}

.shop-products.is-list .shop-product-card {
display: block;
}

.shop-products.is-list .product-card__image {
border-radius: 22px 22px 0 0;
}

.view-switcher {
display: none;
}

.shop-toolbar__right {
display: block;
}

.shop-sort {
width: 100%;
}

.active-filters {
display: none;
}

.shop-bottom-cta {
padding: 26px;
border-radius: 24px;
}

.shop-bottom-cta h2 {
font-size: 28px;
}

.shop-stat strong{font-size:18px}
.shop-stat span{font-size:13px}
.shop-stat{gap: 8px}
.shop-stat{padding:18px}

.product-info-section .product-tab-panel h2{font-size:25px}

  .product-main-section {
    padding-top: 26px;
  }

  .product-info-section .product-gallery--photo,
.product-info-section .product-summary-card,
.product-info-section .product-tabs {
    border-radius: 24px;
  }

  .product-gallery__main-photo {
    border-radius: 20px;
  }

  .product-gallery__main-link {
    min-height: 340px;
  }

  .product-gallery__main-img {
    height: 340px;
  }

  .product-gallery__thumbs--photos {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-gallery__thumb-photo {
    height: 86px;
  }

  .product-summary-card {
    padding: 22px;
  }

  .product-summary-card h1 {
    font-size: 30px;
  }

  .quantity-control {
    max-width: 150px;
  }

  .product-info-section .product-content-grid,
.product-info-section .included-grid,
.product-info-section .related-products-grid {
    grid-template-columns: 1fr;
  }

  .product-info-section .spec-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .product-tabs__body {
    padding: 22px;
  }

  .product-faq-item__question {
    padding: 18px;
    font-size: 15px;
  }

  .product-faq-item__answer {
    padding: 0 18px 18px;
  }

.product-gallery--photo {
    border-radius: 24px;
  }

  .product-gallery__main-photo {
    border-radius: 20px;
  }

  .product-gallery__main-link {
    min-height: 340px;
  }

  .product-gallery__main-img {
    height: 340px;
  }

  .product-gallery__thumbs--photos {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-gallery__thumb-photo {
    height: 86px;
  }

  .product-gallery__arrow {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }

  .product-gallery__arrow--prev {
    left: 12px;
  }

  .product-gallery__arrow--next {
    right: 12px;
  }

  .product-gallery__counter {
    left: 12px;
    bottom: 12px;
  }

  .product-gallery__zoom-note {
    right: 12px;
    bottom: 12px;
  }

.cart-item {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
  }

  .cart-item__image {
    height: 110px;
    border-radius: 16px;
  }

  .cart-item__top {
    gap: 12px;
  }

  .cart-item__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-item__price {
    text-align: left;
  }

  .cart-actions-card {
    align-items: stretch;
    flex-direction: column;
  }

  .cart-coupon {
    max-width: none;
  }

 .cart-step{padding: 15px;}

.checkout-fields {
    grid-template-columns: 1fr;
  }

  .checkout-card {
    padding: 22px;
  }

  .checkout-card__head {
    align-items: flex-start;
  }

  .payment-method__body {
    align-items: flex-start;
    flex-direction: column;
  }

.account-stat-card strong{font-size:25px}
.account-stat-card{padding: 15px;}

  .account-nav {
    grid-template-columns: 1fr;
  }

  .download-item {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .download-item__image {
    height: 190px;
  }

  .download-item__actions {
    grid-template-columns: 1fr;
  }

.custom-hero {
    padding: 32px 0 52px;
  }

  .custom-hero__content h1 {
    font-size: 38px;
  }

  .custom-hero__content p {
    font-size: 16px;
  }

  .custom-services-grid{
    grid-template-columns: 1fr;
  }

  .custom-process-item {
    grid-template-columns: 1fr;
  }

  .custom-request-form {
    padding: 22px;
  }

.auth-fields {
    grid-template-columns: 1fr;
  }

  .auth-card {
    padding: 22px;
  }

  .auth-form-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-benefits-grid {
    grid-template-columns: 1fr;
  }

.lost-password-card {
    padding: 22px;
  }

  .lost-password-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .lost-password-tips-grid {
    grid-template-columns: 1fr;
  }

.dashboard-quick-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-panel__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .dashboard-order {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .dashboard-order b {
    text-align: left;
  }

  .dashboard-download {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .dashboard-download a {
    grid-column: 1 / -1;
    width: 100%;
  }

  .dashboard-welcome-card h2,
  .dashboard-license-card h2 {
    font-size: 28px;
  }

.order-details-summary-grid {
    grid-template-columns: 1fr;
  }

  .order-status-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-details-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .order-product-item {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .order-product-item__image {
    height: 190px;
  }

  .order-download-row {
    padding: 20px;
  }

.order-received-success {
    padding: 28px;
  }

  .order-received-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .received-download-item {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .received-download-item__image {
    height: 190px;
  }

  .received-download-item__actions {
    grid-template-columns: 1fr;
  }

  .received-order-product {
    align-items: flex-start;
    flex-direction: column;
  }

.empty-cart-card {
    padding: 30px;
  }

  .empty-cart-category-grid {
    grid-template-columns: 1fr;
  }

  .empty-cart-help h2 {
    font-size: 28px;
  }

.account-details-card {
    padding: 22px;
  }

  .account-details-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

.wishlist-item {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .wishlist-item__image {
    height: 190px;
  }

  .wishlist-item__side {
    grid-template-columns: 1fr;
  }

  .wishlist-item__actions {
    grid-template-columns: 1fr;
  }

.contact-hero {
    padding: 32px 0 52px;
  }

  .contact-hero__content h1 {
    font-size: 38px;
  }

  .contact-hero__content p {
    font-size: 16px;
  }
  .contact-help-grid {
    grid-template-columns: 1fr;
  }

  .contact-form-card {
    padding: 22px;
  }

  .contact-form-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

.faq-hero {
    padding: 32px 0 52px;
  }

  .faq-hero__content h1 {
    font-size: 38px;
  }

  .faq-hero__content p {
    font-size: 16px;
  }

  .faq-category-list {
    grid-template-columns: 1fr;
  }

  .faq-section-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

.text-content-card {
    padding: 24px;
  }

  .text-content h2 {
    font-size: 27px;
  }

  .text-content h3 {
    font-size: 21px;
  }

  .text-content blockquote {
    padding-left: 26px;
  }

  .text-content blockquote::before {
    display: none;
  }

  .text-page-sidebar {
    grid-template-columns: 1fr;
  }

  .text-sidebar-card--dark {
    grid-column: auto;
  }

.blog-hero {
    padding: 32px 0 52px;
  }

  .blog-hero__content h1 {
    font-size: 38px;
  }

  .blog-hero__content p {
    font-size: 16px;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-featured-card__content {
    padding: 26px;
  }

  .blog-featured-card h2 {
    font-size: 30px;
  }

  .blog-category-filter {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .blog-filter-btn {
    flex: 0 0 auto;
  }

.examples-hero {
    padding: 32px 0 52px;
  }

  .examples-hero__content h1,
  .single-example-hero h1 {
    font-size: 36px;
  }

  .examples-hero__content p,
  .single-example-hero p {
    font-size: 16px;
  }

  .examples-grid,.single-example-deliverables {
     grid-template-columns: 1fr;
  }

 .single-example-gallery-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
 }

  .single-example-gallery-main a {
    height: 320px;
  }

  .single-example-gallery-grid a {
    height: 100px;
  }

  .single-example-card {
    padding: 22px;
  }

  .single-example-card__head {
    align-items: flex-start;
    flex-direction: column;
  }

.top-line__inner {
    min-height: 34px;
  }

  .top-line__links {
    display: none;
  }

  .top-line__text {
    font-size: 12px;
  }

.site-footer__grid{gap:0}
.footer-brand{margin-bottom:36px}
.footer-col--newsletter{margin-top:30px;}

  .footer-accordion {
    border-top: 1px solid rgba(255,255,255,.1);
  }

  .footer-accordion:last-of-type {
    border-bottom: 1px solid rgba(255,255,255,.1);
  }

  .footer-accordion__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 56px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
  }

  .footer-accordion__head span {
    color: inherit;
  }

  .footer-accordion__head i {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }

  .footer-accordion__head i::before,
  .footer-accordion__head i::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    transform: translate(-50%, -50%);
    transition: opacity .2s ease, transform .2s ease;
  }

  /* вертикальная линия плюса */
  .footer-accordion__head i::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  /* когда открыто, остается только минус */
  .footer-accordion.is-open .footer-accordion__head i::after {
    opacity: 0;
  }

  .footer-accordion__body {
    display: none;
    padding: 0 0 18px;
  }

  .footer-accordion.is-open .footer-accordion__body {
    display: grid;
  }

  .footer-accordion__body a {
    display: flex;
    align-items: center;
  }

.empty-cart-card h1{font-size: 25px;}
.section-head h2{font-size:30px;text-align: center;}

.search-suggestions {
		position: static;
		margin-top: 10px;
		box-shadow: none;
	}

	.search-suggestion-item {
		grid-template-columns: 46px 1fr;
	}

	.search-suggestion-item__image {
		width: 46px;
		height: 46px;
	}

	.search-suggestion-item__price {
		grid-column: 2;
	}

.search-page-form {
		display: grid;
		border-radius: 24px;
	}

	.search-page-form .btn-main {
		width: 100%;
	}

	.search-empty-card {
		padding: 32px 22px;
	}

	.search-empty-card h2 {
		font-size: 28px;
	}

.blog-featured-card__image,
	.blog-card__image {
		aspect-ratio: 4 / 3;
	}

.examples-cta h2{font-size: 30px;}
.footer-col--custom{margin-top: 20px;}
}

@media (max-width: 700.98px) {
.mini-benefit b{line-height: 130%;display: block;}
.mini-benefit,.category-card,.included-item,.step-card{padding: 15px;}
.product-card__body{padding: 20px 15px;}
.build-card p{margin: 0 15px 24px;}
.build-card h3{margin: 22px 15px 8px;}

.product-card__content{padding: 20px 15px;}

.received-next-grid{
grid-template-columns: 1fr;
}
}

@media (max-width: 575.98px) {
.hero-stat{padding: 10px;}
.benefits-strip__grid {grid-template-columns: 1fr;}

.shop-stat{padding:10px}

.shop-toolbar {
padding: 18px;
border-radius: 22px;
}

.shop-toolbar__left h2 {
font-size: 21px;
}

.product-card__content {
padding: 18px;
}

.product-card__bottom {
align-items: stretch;
flex-direction: column;
}

.product-card__btn {
width: 100%;
}

.shop-pagination {
justify-content: flex-start;
}

.product-info-section .product-tab-panel h2{font-size:21px}

  .product-gallery--photo {
    padding: 12px;
  }

  .product-gallery__main-link {
    min-height: 280px;
  }

  .product-gallery__main-img {
    height: 280px;
  }

  .product-gallery__zoom-note {
    right: 12px;
    bottom: 12px;
  }

  .product-safe-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-price--single span {
    font-size: 25px;
  }

  .product-download-box {
    flex-direction: column;
  }
   .product-summary-card h1 {
    font-size: 25px;
  }
.related-products-grid {
grid-template-columns: 1fr;
}

.product-gallery--photo {
    padding: 12px;
  }

  .product-gallery__main-link {
    min-height: 280px;
  }

  .product-gallery__main-img {
    height: 280px;
  }

  .product-gallery__zoom-note {
    display: none;
  }

.cart-hero h1 {
    font-size: 34px;
  }

  .cart-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .cart-item {
    grid-template-columns: 1fr;
  }

  .cart-item__image {
    height: 190px;
  }

  .cart-coupon__row {
    grid-template-columns: 1fr;
  }

  .cart-coupon button {
    width: 100%;
  }

  .cart-summary-card,
  .cart-table-card,
  .cart-actions-card,
  .cart-after-payment,
  .cart-help-card {
    border-radius: 24px;
  }

.cart-steps-grid {
grid-template-columns: 1fr;
}

.checkout-hero h1 {
    font-size: 34px;
  }

  .checkout-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .checkout-card,
  .checkout-summary-card,
  .checkout-help-card {
    border-radius: 24px;
  }

  .checkout-step {
    width: 100%;
  }

  .checkout-order-item {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .checkout-order-item__image {
    height: 64px;
    border-radius: 14px;
  }

.account-stats-grid{grid-template-columns: 1fr;}

  .account-hero h1 {
    font-size: 34px;
  }

  .account-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-user-card,
  .account-nav,
  .account-sidebar-help,
  .downloads-card,
  .account-orders-card,
  .account-stat-card {
    border-radius: 24px;
  }

  .downloads-filter {
    width: 100%;
    justify-content: space-between;
  }

  .downloads-filter__btn {
    flex: 1 1 auto;
  }

  .download-detail-grid {
    grid-template-columns: 1fr;
  }

.custom-hero__actions {
    flex-direction: column;
  }

  .custom-hero__actions .btn-main,
  .custom-hero__actions .btn-secondary {
    width: 100%;
  }

  .custom-blueprint-card {
    padding: 22px;
    border-radius: 24px;
  }

  .custom-blueprint-card > strong {
    font-size: 28px;
  }

  .custom-request-form,
  .custom-service-card,
  .custom-process-item {
    border-radius: 24px;
  }

.auth-hero h1 {
    font-size: 34px;
  }

  .auth-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-card,
  .auth-side-card,
  .auth-benefit-card {
    border-radius: 24px;
  }

  .auth-blueprint > strong {
    font-size: 26px;
  }

.lost-password-hero h1 {
    font-size: 34px;
  }

  .lost-password-card,
  .lost-password-side,
  .lost-password-tip-card {
    border-radius: 24px;
  }

  .lost-password-blueprint > strong {
    font-size: 26px;
  }

  .lost-password-card__links {
    flex-direction: column;
  }

.dashboard-welcome-card,
  .dashboard-quick-card,
  .dashboard-panel,
  .dashboard-license-card,
  .dashboard-recommended {
    border-radius: 24px;
  }

  .dashboard-welcome-card,
  .dashboard-license-card {
    padding: 22px;
  }

  .dashboard-welcome-card__actions,
  .dashboard-welcome-card__actions .btn-main,
  .dashboard-welcome-card__actions .btn-reset,
  .dashboard-license-card .btn-main {
    width: 100%;
  }

.account-orders-list-card,
  .account-orders-info {
    border-radius: 24px;
  }

  .account-order-cell,
  .account-order-actions {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .account-order-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .account-order-actions::before {
    display: block;
  }

  .account-order-action,
  .account-orders-info__actions,
  .account-orders-info__actions .btn-main,
  .account-orders-info__actions .btn-reset {
    width: 100%;
  }

.order-details-stat,
  .order-details-card,
  .order-license-note {
    border-radius: 24px;
  }

  .order-license-note {
    padding: 22px;
  }

  .order-license-note h2 {
    font-size: 26px;
  }

  .order-totals-list div {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .copy-toast {
    right: 14px;
    bottom: 14px;
    left: 14px;
    text-align: center;
  }

.order-received-success,
  .order-received-stat,
  .order-received-card,
  .received-side-card,
  .order-received-license,
  .received-next-card {
    border-radius: 24px;
  }

  .order-received-success h1 {
    font-size: 34px;
  }

  .order-received-actions,
  .order-received-actions .btn-main,
  .order-received-actions .btn-reset {
    width: 100%;
  }

  .order-received-license {
    padding: 22px;
  }

  .order-received-license h2 {
    font-size: 26px;
  }

.empty-cart-card,
  .empty-cart-category-card,
  .empty-cart-help {
    border-radius: 24px;
  }

  .empty-cart-card {
    padding: 24px;
  }

  .empty-cart-card h1 {
    font-size: 34px;
  }

  .empty-cart-card__actions,
  .empty-cart-card__actions .btn-main,
  .empty-cart-card__actions .btn-reset,
  .empty-cart-help .btn-main {
    width: 100%;
  }

.account-details-card,
  .account-details-save-card,
  .account-security-card {
    border-radius: 24px;
  }

  .account-details-save-card,
  .account-security-card {
    padding: 22px;
  }

  .account-details-submit,
  .account-details-save-card .btn-main {
    width: 100%;
  }

  .account-security-card h2 {
    font-size: 26px;
  }

.wishlist-hero h1 {
    font-size: 34px;
  }

  .wishlist-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .wishlist-card,
  .wishlist-side-card {
    border-radius: 24px;
  }

  .wishlist-clear-btn,
  .wishlist-add-cart,
  .wishlist-remove,
  .wishlist-side-card .btn-main {
    width: 100%;
  }

.contact-hero__actions,
  .contact-hero__actions .btn-main,
  .contact-hero__actions .btn-secondary {
    width: 100%;
  }

  .contact-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .contact-blueprint-card,
  .contact-form-card,
  .contact-side-card,
  .contact-help-card {
    border-radius: 24px;
  }

  .contact-blueprint-card {
    padding: 22px;
  }

  .contact-blueprint-card > strong {
    font-size: 28px;
  }

.faq-hero__actions,
  .faq-hero__actions .btn-main,
  .faq-hero__actions .btn-secondary {
    width: 100%;
  }

  .faq-notice {
    align-items: flex-start;
    flex-direction: column;
  }

  .faq-blueprint-card,
  .faq-search-card,
  .faq-category-card,
  .faq-side-card,
  .faq-section-card,
  .faq-empty-state,
  .faq-cta {
    border-radius: 24px;
  }

  .faq-blueprint-card,
  .faq-cta {
    padding: 22px;
  }

  .faq-blueprint-card > strong {
    font-size: 28px;
  }

  .faq-cta h2 {
    font-size: 28px;
  }

.text-page-hero__content h1 {
    font-size: 34px;
  }

  .text-page-hero__badge,
  .text-content-card,
  .text-content-intro,
  .text-sidebar-card,
  .text-taxonomy-head {
    border-radius: 24px;
  }

  .text-content-card {
    padding: 20px;
  }

  .text-content-intro {
    padding: 20px;
  }

  .text-page-bottom-nav a,
  .text-sidebar-card--dark .btn-main {
    width: 100%;
  }

.blog-hero__actions,
  .blog-hero__actions .btn-main,
  .blog-hero__actions .btn-secondary,
  .blog-featured-card__actions,
  .blog-featured-card__actions .btn-main,
  .blog-featured-card__actions .btn-reset {
    width: 100%;
  }

  .blog-blueprint-card,
  .blog-featured-card,
  .blog-card,
  .blog-sidebar-card,
  .blog-empty-state {
    border-radius: 24px;
  }

  .blog-blueprint-card {
    padding: 22px;
  }

  .blog-blueprint-card > strong,
  .blog-post-image-mockup strong {
    font-size: 28px;
  }

  .blog-toolbar h2 {
    font-size: 30px;
  }

.examples-hero__actions,
  .examples-hero__actions .btn-main,
  .examples-hero__actions .btn-secondary,
  .examples-cta .btn-main,
  .single-example-hero .btn-main,
  .single-example-side-card .btn-main,
  .single-example-side-card .btn-reset {
    width: 100%;
  }

  .examples-blueprint-card,
  .example-card,
  .examples-empty-state,
  .examples-cta,
  .single-example-gallery-card,
  .single-example-card,
  .single-example-side-card {
    border-radius: 24px;
  }

  .examples-blueprint-card {
    padding: 22px;
  }

  .examples-blueprint-card > strong {
    font-size: 28px;
  }

.newsletter-form{
flex-direction: column;
gap: 10px;
}

.newsletter-form input{
border-radius: 14px;
height: 46px;
border: 1px solid rgba(255, 255, 255, .12);
display: block;
min-height: 46px;
}

.newsletter-form button {
padding: 11px 16px;
border-radius: 14px;
}

.header-main__inner {
    min-height: 66px;
  }

  .site-logo img {
    max-width: 130px;
  }

  .header-actions {
    gap: 6px;
  }

  .header-action,
  .menu-toggle {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .header-wishlist-link {
    display: none;
  }

  .header-cart-dropdown {
    right: -44px;
    width: 280px;
  }

  .header-search-form {
    grid-template-columns: minmax(0, 1fr) 46px;
  }

  .header-search-form button[type="submit"] {
    grid-column: 1 / -1;
    width: 100%;
  }

  .header-search-close {
    width: 46px;
    height: 46px;
  }

  .mobile-search {
    grid-template-columns: 1fr;
  }

 .header-search-form{
display: flex;
flex-direction: column;
gap: 10px;
}

.cart-toast {
right: 16px;
bottom: 16px;
}

.woo-toast {
		right: 16px;
		bottom: 16px;
	}

.empty-cart-section {
		padding: 50px 0 70px;
	}

	.empty-cart-card {
		padding: 32px 22px;
		border-radius: 24px;
	}

	.empty-cart-card__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.empty-cart-card__actions .btn-main,
	.empty-cart-card__link {
		width: 100%;
	}

.section-head h2{font-size:25px}

.checkout-payment-section .woocommerce-checkout-review-order-table th,
	.checkout-payment-section .woocommerce-checkout-review-order-table td {
		padding: 12px;
		font-size: 13px;
	}

	.checkout-payment-section .woocommerce-checkout-review-order-table .product-total {
		width: 95px;
	}

	.checkout-payment-section .woocommerce-checkout-review-order-table .product-quantity {
		margin-left: 0;
		margin-top: 6px;
	}

	.checkout-payment-section #place_order {
		min-height: 50px;
	}

.examples-cta h2{font-size: 25px;}
}

@media (max-width: 500px) {
.steps-grid{gap: 10px;}
.included-list{grid-template-columns: 1fr;}
}

@media (max-width: 480px) {
.category-grid{grid-template-columns: 1fr;}
}

@media (max-width: 420px) {
.hero-actions { flex-direction: column; }
.btn-main, .btn-outline-custom { width: 100%; }
.blueprint-card { padding: 16px; border-radius: 22px; }
.blueprint-card__files { flex-wrap: wrap; justify-content: flex-start; }
}

@media (max-width: 400.98px) {
.product-cart-form {grid-template-columns: 1fr;}
.quantity-control {max-width: 100%;}

.single-example-gallery-grid a {height: 75px;}
.single-example-gallery-grid a {border-radius: 10px}
.single-example-gallery-main a {border-radius: 15px;height: 220px;}
.single-example-gallery-grid{gap: 5px}
}







/* =========================================================
   Checkout account fields
========================================================= */

.checkout-fields .create-account {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
}

.checkout-fields .create-account .form-field {
    width: 100%;
    margin: 0;
}

.checkout-fields .create-account .woocommerce-input-wrapper {
    display: block;
    position: relative;
    width: 100%;
}

.checkout-fields .create-account .password-input {
    position: relative;
    display: block;
    width: 100%;
}

.checkout-fields .create-account .password-input input {
    width: 100%;
    padding-right: 105px;
}

/* Кнопка показать / скрыть пароль */

.checkout-fields .create-account .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 82px;
    height: 34px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid var(--cp-border) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: var(--cp-dark) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 0 !important;
    line-height: 1;
    box-shadow: none !important;
    z-index: 2;
}

.checkout-fields .create-account .show-password-input:hover {
    border-color: var(--cp-red) !important;
    color: var(--cp-red) !important;
    background: #fff !important;
}

.checkout-fields .create-account .show-password-input::after {
    display: none !important;
    content: none !important;
}

.checkout-fields .create-account .show-password-input::before {
    content: "Показать";
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.checkout-fields .create-account .show-password-input.display-password::before {
    content: "Скрыть";
}

/* English */

html[lang^="en"] .checkout-fields .create-account .show-password-input::before {
    content: "Show";
}

html[lang^="en"] .checkout-fields .create-account .show-password-input.display-password::before {
    content: "Hide";
}

@media (max-width: 767.98px) {

    .checkout-fields .create-account .password-input input {
        padding-right: 90px;
    }

    .checkout-fields .create-account .show-password-input {
        min-width: 70px;
        height: 32px;
        padding: 0 10px !important;
    }

}