@import url("/data/plugin/fontawesome581pro/fontawesome581pro.css"); 
@import url("/fonts/UTM-Alter-Gothic/UTM-Alter-Gothic.css"); 
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese&display=swap"); 
@import url("https://fonts.googleapis.com/css?family=Taviraj:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=vietnamese&display=swap"); 

@font-face {
    font-family: 'baskerville';
    src: local('baskerville'), url(/fonts/baskerville/baskerville.woff2) format('woff2');
    src: url('/data/fonts/baskerville/baskerville.ttf') format('truetype')
}

@font-face {
    font-family: 'UTM-Alter-Gothic';
    src: url('/data/fonts/UTM-Alter-Gothic/UTM-Alter-Gothic.ttf') format('truetype')
}

@layer reset, tokens, base, layout, components, template, utilities, overrides;

@layer tokens {
    :root {
        /* Template KHONG co che do dark/light: khoa color-scheme de trinh duyet khong tu doi mau input/select */
        color-scheme: light;
        --az-template-bg: #F1EBDA;
        --az-template-text: #470000;
        --az-template-accent: #DB0074;
        --az-template-danger: #c11d0d;
        --az-template-danger-dark: #7D0202;
        --az-template-gold: #FFBF43;
    }
}

@layer template {
    * {
        outline: none;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        box-sizing: border-box;
        color: inherit
    }


    body {
        margin: 0;
        padding: 0;
        background: url('images/bgb.jpg?q=60') var(--az-template-bg);
        font-size: 15px;
        font-family: Roboto;
        color: black;
    }
    ul{margin:0;padding:0}
    a{text-decoration:none;color:inherit}
    .xdsoft_datetimepicker .xdsoft_label{z-index:99 !important}
    .ui-page{background: url('images/bgb.jpg') var(--az-template-bg);}
    .ui-panel {width:85%;max-width:500px;height:100%;overflow: auto;z-index: 1001;position:fixed;top:0;left:0}
    .ui-panel-dismiss {width:100%;height:100%;background-color:#000;opacity:.5;position:fixed;z-index:1000;}
    .ui-panel-position-right{left:unset}
    iframe{margin:0;padding:0;border:0}
    .az-template-schema{display:none}
    /* BAT BUOC: OS core (OS.http) an loader toan cuc bang class .az-hide.
       Template nay KHONG load OS.css nen phai tu dinh nghia, neu thieu thi loader khong bao gio tat. */
    .az-hide{display:none !important}

    .az-template-header{width:100%;height:49px;background-color:rgb(52,12,12);border-bottom: 1px solid #333;position: fixed;top: 0;left: 0;z-index: 999;display:flex;align-items:center}
    .az-template-header .az-template-logo{height:49px;display:flex;align-items:center;gap:10px;padding-left:15px;text-align:left;flex:0 0 auto;z-index:1}
    .az-template-header .az-template-logo a{font-family:UTM-Alter-Gothic;font-size:26px;color:var(--az-template-gold) !important;line-height:1;white-space:nowrap;display:flex;align-items:center}
    .az-template-header .az-template-logo .fa-bars{font-size:24px;display:block;line-height:1}
    .az-template-header i.fa-shopping-cart{font-size:22px;color:white;position:absolute;right:20px;top:15px}
    #cartcount{width:20px;height:20px;line-height:22px;padding:0;border-radius:50%;color:#fff;background-color:#f00;font-size:0.8rem;display:flex;align-items:center;justify-content:center;position:absolute;top:5px;right:5px;}
    .az-template-cartalert{padding:7px 11px;border-radius:5px;color:yellow;background-color:#f00;text-align:center;line-height:1;white-space:nowrap;display:block;position:absolute;top:56px;right:0;cursor:pointer;display:none;transition:all 0.3s;}
    .az-template-cartalert.active{display:flex;align-items:center;}
    .az-template-cartalert a{font-size:.82rem;font-weight:bold;color:yellow !important;line-height:1.3;}
    .az-template-cartalert .fa-times{margin-left:8px;font-size:.8rem;color:#fff;}
    /* Mui ten tam giac tro len tam icon gio: rong 12px nen right=6px se can giua icon 25px */
    .az-template-cartalert .fa-triangle{width:0;height:0;padding:0;border:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f00;transform:none;position:absolute;top:-6px;right:6px;}
    /* Tat glyph Font Awesome cua fa-triangle: mui ten da ve bang border, de nguyen se lo them 1 tam giac vang */
    .az-template-cartalert .fa-triangle:before{content:none;display:none}
    /* Gio hang tren Header - scope rieng, KHONG dinh rule .az-template-cart cua TRANG gio (margin:110px auto) */
    .az-template-header .az-template-cart{list-style:none;margin:0;padding:0;max-width:none;position:absolute;top:0;right:12px;height:49px;z-index:2}
    .az-template-header .az-template-cart > li{position:relative;list-style:none;height:49px;display:flex;align-items:center}
    .az-template-header .az-template-cart > li > a{display:flex;align-items:center;gap:6px;height:49px;color:#fff !important}
    .az-template-header .az-template-carticon{position:relative;display:block;width:25px;height:25px}
    .az-template-header .az-template-carticon img{width:25px;height:25px;display:block}
    .az-template-header .az-template-carticon #cartcount{width:15px;height:15px;min-width:15px;line-height:15px;font-size:.6rem;font-weight:600;top:-7px;right:-6px}
    /* Menu ngang tren Desktop (nam trong header) - truoc day thieu CSS nen bi do tran ra goc trai */
    .az-template-header .az-template-menu{flex:1 1 auto;min-width:0;height:49px;margin-left:26px;padding-right:125px;overflow:hidden}
    .az-template-header .az-template-menu ul{list-style:none;margin:0;padding:0;height:49px;display:flex;align-items:center;gap:20px}
    .az-template-header .az-template-menu li{list-style:none;flex:0 0 auto}
    .az-template-header .az-template-menu a{color:#fff !important;font-size:14px;font-weight:500;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}
    .az-template-header .az-template-menu a:hover{color:var(--az-template-gold) !important}
    .az-template-header .az-template-cart label{color:#fff !important;font-size:1rem;cursor:pointer;white-space:nowrap}

    .banner{width:100%;position:relative}
    .banner > img{width:100%;display:block}
    .banner .title{width: 100%;height: 85px;position: absolute;left: 0;top: calc(50% - 60px);}
    .banner .title1{width:100%;height: 25px;line-height: 25px;font-family: 'Taviraj', serif;font-size: 16px;text-align: center;color: #eeac5d;}
    .banner .title2{width:100%;height: 30px;font-family: UTM-Alter-Gothic;font-size: 22px;letter-spacing: 12px;text-align: center;color: #ffffff;}
    .banner .title3{width:100%;height: 25px;line-height: 25px;padding-top: 5px;font-family: 'Taviraj', serif;font-size: 12px;font-weight: 400;font-style: italic;text-align: center;color: #ffffff;}
    .banner .pattern{width: 300px;position: absolute;bottom: 5px;left: calc(50% - 150px);}
    .banner .pattern img{display:block;margin:auto}
    .az-template-introhome{max-width:800px;width:calc(100% - 20px);padding:0 10px;margin:30px auto 0;text-align:justify;font-family:'Taviraj', serif;font-size:16px;line-height:1.33;color:var(--az-template-text)}
    .az-template-introhome h2{width:calc(100%);font-family:'Taviraj', serif;color:var(--az-template-text);font-size:30px;font-weight:500;text-align:center}
    .az-template-introhome p{font-family:'Taviraj', serif;font-size:16px !important;color:var(--az-template-text);line-height:1.33}
    .az-template-sep{width:100%;margin:20px auto}
    .az-template-sep img{margin:auto;display:block}

    .az-template-product{max-width:1100px;width:100%;margin:20px auto;display:flex;justify-content:center;flex-wrap:wrap}
    .az-template-product a{color:#474747 !important}
    .az-template-product .az-template-item{width:300px;margin:15px auto}
    .az-template-product .az-template-item .az-template-image{width:300px;height:300px;display:block;position:relative;overflow:hidden}
    .az-template-product .az-template-item .az-template-image img{width:100%;height:100%;position:absolute;top:0;left:0;}
    .az-template-product .az-template-item .az-template-price{width:100%;height:30px;line-height:30px;margin:0 auto;color:var(--az-template-text);font-size:16px;font-weight:500;text-align:center}
    .az-template-product .az-template-item .az-template-price span{font-size:22px;font-weight:bold;color:red}
    .az-template-product .az-template-item .az-template-price sup{color:red;margin-left:2px}
    .az-template-product .az-template-item .az-template-name{width:calc(100%);height:35px;line-height:35px;margin:0;padding:0;text-align:center;color:var(--az-template-text);font-family:'Taviraj', serif;font-size:16px;font-weight:600;overflow:hidden}
    .az-template-product .az-template-item p{margin:0;padding:0;font-size:0.8rem;text-align:center}

    .az-template-book{width:calc(100% - 20px);margin:10px}
    .az-template-book .az-template-minus,.az-template-book .az-template-plus{width:38px;height:38px;line-height:38px;border:1px solid #ddd;background-color:var(--az-template-bg);display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;float:left;user-select:none;}
    .az-template-book .az-template-minus:hover,.az-template-book .az-template-plus:hover{background-color:#F4F4F4;}
    /* Bat buoc set nen + mau chu: template KHONG co dark mode, thieu thi trinh duyet tu ap darkmode cho input */
    .az-template-book input[type="text"]{width:50px;height:38px;line-height:38px;margin:0;padding:0 5px;border:1px solid #ddd;border-left:0;border-right:0;background-color:#fff;color:var(--az-template-text);text-align:center;display:inline-block;vertical-align:top;float:left;-webkit-appearance:none;appearance:none}
    .az-template-book input[type="text"].incart{background-color:#eee;color:var(--az-template-text);}
    .az-template-book .az-template-order{max-width:150px;width:calc(100% - 180px);height:40px;line-height:40px;margin-left:10px;padding:0 5px;border-radius:2px;background-color:var(--az-template-danger);text-align:center;font-size:16px;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear}
    .az-template-book .az-template-order:hover{background-color:var(--az-template-danger-dark)}

    .az-template-product .az-template-detail{width:calc(100% - 20px);padding:0 10px;position:relative}
    .az-template-product .az-template-detail > .az-template-name{margin:0;padding:0}
    .az-template-product .az-template-detail > .az-template-name > h3{width:calc(100% - 20px);height:40px;line-height:40px;color:white;margin:0;padding:0 10px;background-color:var(--az-template-accent);text-align:center;font-size:18px;font-weight:bold;text-transform:uppercase;border-top-left-radius:3px;border-top-right-radius:3px}
    .az-template-product .az-template-detail > .az-template-name > div{width:calc(100% - 2px);margin:10px 0;border:1px solid #E1E1E1}
    .az-template-product .az-template-detail > .az-template-name > div > a{width:100%;line-height:37px;background:url(Images/arrowfilter.png) no-repeat right+10px top+17px;text-indent:10px;color:black;font-size:1rem;display:block}
    .az-template-product .az-template-detail > .az-template-name .on > a{background-color:var(--az-template-accent) !important;color:white !important;font-size:16px !important;font-weight:bold !important;background-image:url(Images/arrowfilteron.png) !important}
    .az-template-product .az-template-detail .az-template-image img{max-width:100%;margin:auto;display:block}
    .az-template-product .az-template-detail .az-template-desc{font-size:1rem;border:1px solid #E1E1E1;border-top:0;margin:0;padding:10px;}
    .az-template-product .az-template-detail .az-template-desc p{padding:0;margin:15px 0 0 0}
    .az-template-product .az-template-detail .az-template-list{border-top:0}
    .az-template-product .az-template-detail .az-template-infoimage{width:100%;position:relative}
    .az-template-product .az-template-detail .az-template-infoimage .az-template-image{width:300px;height:300px;margin:0 auto;position:relative}
    .az-template-product .az-template-detail .az-template-infoimage .az-template-image img{width:300px;height:300px;display:block;margin:0;}
    .az-template-product .az-template-detail .az-template-infoimage .az-template-image .az-template-khung{width:300px;height:300px;position:absolute;top:0;left:0;z-index:2;pointer-events:none}
    .az-template-product .az-template-detail .az-template-infoproduct {}
    .az-template-product .az-template-detail .az-template-infoproduct h1{line-height:25px;font-size:18px;font-weight:bold;padding:10px 0;text-align:center;color:var(--az-template-danger);border-bottom:1px solid var(--az-template-danger);text-transform:uppercase}
    .az-template-product .az-template-detail .az-template-infoproduct .az-template-price{font-size:16px;font-weight:bold;color:black}
    .az-template-product .az-template-detail .az-template-infoproduct .az-template-price span{font-size:22px;color:#ed1c24;font-weight:bold}
    .az-template-product .az-template-detail .az-template-infoproduct .az-template-price sup{color:red;margin-left:2px}
    .az-template-product .az-template-detail .az-template-combo{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px}
    .az-template-product .az-template-detail .az-template-combo h2{margin:10px 0;font-size:18px}
    .az-template-product .az-template-detail .az-template-combo ul{margin:0;padding:0;list-style:none}
    .az-template-product .az-template-detail .az-template-combo li{margin-bottom:5px;position:relative}
    .az-template-product .az-template-detail .az-template-combo img{width:60px;height:60px}
    .az-template-product .az-template-detail .az-template-combo span{margin-left:5px;font-size:28px;font-weight:bold;color:var(--az-template-danger);position:absolute;top:0;left:70px}
    .az-template-product .az-template-detail .az-template-combo label{margin-left:5px;font-size:18px;position:absolute;left:70px;bottom:0}

    .az-template-intro{padding:20px 20px 50px;}
    .az-template-intro h1{margin:0;padding:0;line-height:60px;width:100%;text-align:center;font-size:26px}
    .az-template-intro h3{margin:0;padding:0;line-height: 1.5;font-size:16px}
    .az-template-intro p{line-height: 1.8;font-size:1rem;}

    .az-template-footer{padding:20px 20px 70px;background-color:#671710;font-family:'Taviraj', serif;font-size:16px;color:#BD887F}
    .az-template-footer img{max-width:calc(50% - 20px);max-height:40px;margin:0 10px}
    .az-template-footer h2{margin:0;padding:0;line-height: 1.5;font-size:22px;text-align:left;font-family: 'UTM-Alter-Gothic';color: var(--az-template-gold);font-weight: 400;}
    .az-template-footer h3{margin:0;padding:0;line-height:40px;font-size: 16px;text-align:left}
    .az-template-footer ul{margin:0;padding:0;list-style:none}
    .az-template-footer li{line-height:30px;font-size:1rem}
    .az-template-footer li a{color:inherit !important}
    .az-template-footer i{margin-right:8px}
    .az-template-footer img{max-width:150px;margin:10px 0;display:block}
    .az-template-footer div{margin:0;padding:0;line-height:2;font-size:1rem}
    .az-template-footer .info{margin:20px 0;padding:20px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa}

    /*Footer*/
    .az-template-navfooter{width:100%;height:49px;border-top:1px solid #A3A3A3;background:#F9F9F9;position:fixed;bottom:0;left:0;z-index:999;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2)}
    .az-template-navfooter ul{margin:0;padding:0;display:flex}
    .az-template-navfooter li{width:24%;height:100%;list-style:none;display:inline-block;vertical-align:top;text-align:center}
    .az-template-navfooter a,.az-template-navfooter a:visited{line-height:15px;font-size:0.8rem !important;color:green !important;display:block}
    .az-template-navfooter a.on,.az-template-navfooter a.on .fa{color:var(--az-template-accent);}
    .az-template-navfooter i{width:100%;height:25px;line-height:25px;margin:3px 0;color:green;display:block;text-align:center;font-size:20px}
    .az-template-navfooter .gift a{}
    .az-template-navfooter img{width:25px;height:25px;border-radius:50%;display:block;margin:3px auto}

    .az-template-nav{max-width:1100px;margin:0 auto;padding:10px 5px;color:#898989;font-size:1rem;display:block}
    .az-template-nav li{margin:0 5px;color:black !important;font-size:1rem;display:inline}
    .az-template-nav li:first-child{margin-left:0}
    .az-template-nav li:last-child{color:#898989 !important}
    .az-template-nav a{color:inherit !important}

    ul.az-template-page{margin:10px auto;display:flex;justify-content:center}
    ul.az-template-page li{width:32px;height:32px;line-height:34px;margin:0 5px 0 0;border-radius:5px;border:1px solid #E1E1E1;background-color:white;text-align:center;display:inline-block;vertical-align:top}
    ul.az-template-page li a{color:#252525;font-size:1rem;}
    ul.az-template-page li.on{border:1px solid var(--az-template-accent);background-color:var(--az-template-accent);color:white}
    ul.az-template-page li.on a{color:white}
    .az-template-error404{margin:auto;padding:10px}
    .az-template-error404 .title{width:100%;margin:30px auto 0;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #2c2c2c;}
    .az-template-error404 img{width:100px;margin:50px auto;display:block;}
    .az-template-error404 .title2{width:100%;font-size: 17px;line-height: 1.47;color: #2c2c2c;text-align: center;}

    .empty{width:calc(100%);height:200px;padding:30px 0;}
    .empty img{max-height:50px;margin:10px auto;display:block;}
    .empty div{width:100%;height:40px;line-height:40px;margin:10px auto;font-size:32px;color:black;text-align:center;display:block;}
    .empty a{width:80%;height:43px;line-height:43px;margin:auto;background-color:rgb(52, 12, 12);border:solid 1px #333;display:block;font-size:20px;color:#fff !important;text-transform:uppercase;text-align:center;}
    .empty a:hover{background-color:#0080D5;}

    .az-template-cart{margin:110px auto 150px;max-width:1100px}
    .az-template-cart .az-template-panel{width:calc(100% - 32px);min-height:100px;margin:0 5px 20px;padding:10px;background-color:#fff;border:solid 1px #ddd}
    .az-template-cart h2{height:40px;line-height:40px;padding:0;margin:0;font-size:16px;color:black;text-align:left;border-bottom:1px solid #ddd;}
    .az-template-cart h3{height:30px;line-height:30px;padding:0;margin:5px;font-size:16px;color:black;text-align:left;}
    .az-template-cart .az-template-item{padding:10px 0;border-bottom:1px solid #ccc;}
    .az-template-cart .az-template-item:last-child{border-bottom:0;}
    .az-template-cart .az-template-image{width:80px;height:80px;display:inline-block;vertical-align:top;}
    .az-template-cart .az-template-image img{max-width:80px;max-height:80px;margin:auto;display:block;}
    .az-template-cart .az-template-name{width:calc(100% - 100px);margin-left:10px;line-height:25px;display:inline-block;vertical-align:top;}
    .az-template-cart .az-template-name a{line-height:30px;font-size:1rem;color:red;}
    .az-template-cart .az-template-name input[type="text"]{width:80px;height:30px;line-height:30px;margin:0;padding:0 5px;text-align:center;border: solid 1px #ddd;font-size:16px;color:black;}
    .az-template-cart .az-template-quantity{margin-top:5px;float:right;}
    .az-template-cart .az-template-quantity .az-template-minus,.az-template-cart .az-template-quantity .az-template-plus{width:33px;height:33px;line-height:33px;border:1px solid #ddd;display:inline-block;vertical-align:top;text-align:center;color:#999999;font-size:16px;font-weight:bold;cursor:pointer;}
    .az-template-cart .az-template-quantity .az-template-minus:hover,.az-template-cart .az-template-quantity .az-template-plus:hover{background-color:#F4F4F4;}
    .az-template-cart .az-template-quantity input[type="text"]{height:33px;line-height:33px;margin:0;padding:0;border-radius:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;display:inline-block;vertical-align:top;}
    .az-template-cart .bank{width: 150px;height: 30px;line-height: 30px;border: 1px solid #D09D2C;margin: 5px;padding: 5px 0;background-color: white;display: inline-block;vertical-align: top;cursor: pointer;overflow: hidden;text-align: center;font-weight: bold;}
    .az-template-cart .bank img{max-width: 100%;max-height: 100%;margin: auto;display: block;transition: all 0.5s;}
    .az-template-cart button{width:100%;height:40px;line-height:40px;padding:0 10px;border:0;background-color:var(--az-template-danger-dark);color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
    .az-template-cart .az-template-PaymentConfirm{margin:10px}
    .az-template-cart .promotion{margin:10px 0;display:inline-block}
    .az-template-cart .promotion > input[type="text"]{max-width:calc(100% - 120px);width:200px;height:38px;line-height:38px;padding:0 10px;margin:0;border:1px solid #ccc;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;outline:none;display:inline-block;vertical-align:top;float:left}
    .az-template-cart .promotion div{width:calc(100% - 110px);margin:0;padding:0;line-height:20px;font-size:1rem;color:#afafaf;font-weight:500;float:left;clear:both}
    .az-template-cart .promotion span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:1rem;color:#212121;font-weight:500;display:inline-block}
    .az-template-cart .promotion > button{width:100px;height:40px;line-height:40px;margin:0;padding:0 10px;border:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#ED1C24;text-align:center;font-size:1rem;font-weight:bold;color:#ffffff;display:inline-block;vertical-align:top;cursor:pointer;transition:all 0.3s linear;display:inline-block;vertical-align:top;float:left}
    .az-template-cart .promotion > button:hover{background-color:#ED1C24;}
    .az-template-cart .promotion > button.del{border-radius:5px}
    .az-template-cart .coupon{width:100%;display:inline-block}
    .az-template-cart .coupon div{width:calc(100% - 100px);margin:0;padding:0;line-height:20px;font-size:1rem;color:#afafaf;font-weight:500;float:left;clear:both}
    .az-template-cart .coupon span{width:calc(100%);margin:10px 0 5px;padding:0;line-height:20px;font-size:1rem;color:#212121;font-weight:500;display:inline-block}
    .az-template-cart .coupon button{width:90px;height:30px;float:right;padding:5px 10px;margin:10px 0;line-height:unset;font-size:0.8rem;text-align:center;display:block;border-radius:4px;background:#fff;color:#ff4343;border:solid 1px #ff4343}
    .az-template-cart .coupon button:hover{background-color:#fff;}
    .az-template-cart .coupon ul{margin:0;padding:0;list-style:none;display:inline}
    .az-template-cart .coupon li{text-indent:5px;display:inline}
    .az-template-cart .coupon li:before{content:", ";}
    .az-template-cart .coupon li:first-child{text-indent:0}
    .az-template-cart .coupon li:first-child:before{content:"";}
    .az-template-cartheader{width:100%;height:100px;position:fixed;top:0;left:0;z-index:999;background-color:#fff;border-bottom:1px solid #ccc;}
    .az-template-cartheader .title{width:100%;height:50px;line-height:50px;background-color:rgb(52, 12, 12);color:#fff;font-size:16px;font-weight:bold;text-align:center;text-transform:uppercase;position:relative;}
    .az-template-cartheader .title .fa-home{width:30px;height:30px;margin:10px;position:absolute;top:0;left:0;font-size:25px;color:white}
    .az-template-cartheader .az-template-cartnav{margin:auto;padding:20px 0 5px;background-color:#fff;display:flex}
    .az-template-cartheader .az-template-cartnav a{color:inherit !important}
    .az-template-cartheader .az-template-status{width:calc(25% - 8px);margin-right:5px;font-size:0.8rem;font-weight:500;color:black;text-align:center;position:relative;display:inline-block;vertical-align:top;}
    .az-template-cartheader .az-template-status span{width:20px;height:20px;border:1px solid var(--az-template-danger-dark);border-radius:50%;background-color:#fff;position:absolute;top:-30px;left:calc(50% - 10px);display:block;}
    .az-template-cartheader .az-template-status.complete span{background-color:var(--az-template-danger-dark);display:block;}

    .az-template-cartfooter{width:calc(100% - 20px);padding:5px 10px;background-color:#fff;position:fixed;bottom:0;left:0;z-index:999;border-top:1px solid #ccc;}
    .az-template-cartfooter div{height:25px;line-height:25px;text-align:right;color:#aaa;display:flex}
    .az-template-cartfooter label{width:calc(50% - 10px);height:25px;line-height:25px;font-size:16px;color:black;text-align:left;vertical-align:top;display:inline-block;}
    .az-template-cartfooter span{width:50%;height:25px;line-height:25px;color:black;font-size:16px;font-weight:bold;vertical-align:top;display:inline-block;}
    .az-template-cartfooter button,.az-template-cartfooter a{width:calc(100%);height:35px;line-height:35px;margin:10px 0;padding:0;border:0;background-color:#ed2f2e;color:#fff !important;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:block;text-align:center}

    /* Panel menu mobile - slide-in tu trai + overlay (JS them .active / .az-template-menudim) */
    .az-template-menudim{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000}
    .az-template-panelmenu{width:85%;max-width:360px;height:100%;background:#fff;position:fixed;top:0;left:0;z-index:1001;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(-100%);transition:transform .25s ease}
    .az-template-panelmenu.active{transform:translateX(0)}
    .az-template-panelmenu .az-template-search{position:relative;padding:42px 15px 12px;background:rgb(52,12,12)}
    .az-template-panelmenu .az-template-search .close{position:absolute;top:8px;right:12px;z-index:2}
    .az-template-panelmenu .az-template-search .close a{color:#fff !important;font-size:20px}
    .az-template-panelmenu .az-template-search > span{position:relative;display:block}
    .az-template-panelmenu .az-template-search input[type="text"]{width:100%;height:40px;line-height:40px;padding:0 42px 0 12px;border:0;border-radius:5px;font-size:15px;color:#333;box-sizing:border-box}
    .az-template-panelmenu .az-template-search > span > a{position:absolute;top:0;right:0;width:42px;height:40px;line-height:40px;text-align:center;color:#999 !important;font-size:16px}
    .az-template-panelmenu .az-template-menu ul{list-style:none;margin:0;padding:0}
    .az-template-panelmenu .az-template-menu > ul > li > a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;background:var(--az-template-bg);border-bottom:1px solid #e0d5b8;color:var(--az-template-text) !important;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
    .az-template-panelmenu .az-template-menu > ul > li > a .fa-chevron-right{flex:0 0 auto;color:var(--az-template-gold);font-size:12px}
    .az-template-panelmenu .az-template-menu ul ul{background:#fff;padding:2px 0}
    .az-template-panelmenu .az-template-menu ul ul li a{display:block;padding:11px 15px 11px 32px;border-bottom:1px solid #f2ece0;color:var(--az-template-text) !important;font-size:14px;font-weight:500;position:relative}
    .az-template-panelmenu .az-template-menu ul ul li a:before{content:'';width:5px;height:5px;margin-top:-2px;border-radius:50%;background:var(--az-template-gold);position:absolute;top:50%;left:16px}
    .az-template-panelmenu .az-template-menu ul ul li:last-child a{border-bottom:0}
    .az-template-panelmenu .az-template-menu ul ul li a .fa-chevron-right{display:none}
    .az-template-panelmenu .az-template-menu li.on > a{color:var(--az-template-danger) !important}
    .az-template-panelmenu .az-template-menu li.on > a:before{background:var(--az-template-danger)}
    .az-template-panelmenu .az-template-schema{display:none}
}