/* Theme Name: DEV ZEKVN Theme URI: https://zek.vn/ Author: Zekvn Author URI: https://zek.vn/ Version: 1.0 Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng. */ @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-light.ttf);font-weight:300;font-display:block;} @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-light-italic.ttf);font-weight:300;font-display:block;font-style: italic;} @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-regular.ttf);font-weight:400;font-display:block;} @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-italic.ttf);font-weight:400;font-display:block;font-style: italic;} @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-medium.ttf);font-weight:500;font-display:block;} @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-bold.ttf);font-weight:700;font-display:block;} @font-face{font-family:'Helvetica';src:url(fonts/helvetica-neue-bold-italic.ttf);font-weight:700;font-display:block;font-style: italic;} /* Option */ body{font-size: 15px;color: #73411F;background-color: #F4EAD7;font-family:'Helvetica';top: auto !important;cursor: url(images/chiec-la-01.png) 0 0,default;} *{margin:0;padding:0;line-height:1.7;} a{text-decoration:none;color:#73411F;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;cursor: url(images/chiec-la-02.png) 0 0,default !important;} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:active,a:hover{color: #678E34;} ul{padding-left:0;} img{max-width:100%;border:none;height:auto;cursor: url(images/chiec-la-02.png) 0 0,default;} .cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover, .cr-ajax-reviews-review-form .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover, .cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover{cursor: url(images/chiec-la-02.png) 0 0,default;} b,strong{font-weight: bold;} h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;} h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;} h1{font-size: 28px;} h2{font-size: 24px;} h3{font-size: 20px;} h4{font-size: 16px;} h5{font-size: 14px;} h6{font-size: 14px;} .xoo-wsc-footer .xoo-wsc-ecl, .xoo-wsc-footer-txt{display: none !important;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;border-color: #73411F;--bs-table-color: #73411F;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center;cursor: url(images/chiec-la-02.png) 0 0,default;} .relative{position: relative;} .overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .screen-reader-text{display:none} .head{animation: stuckMoveUp .5s;} .head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;} @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } /* Container (FAKE theo từng web) */ .row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));} .row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)} .container-fluid,.container,.row{--bs-gutter-x: 40px;} .flex{display:flex;flex-wrap:wrap} .align-center{align-items:center} .align-end{align-items:flex-end;} .align-start{align-items:flex-start;} .justify-between{justify-content: space-between;} .justify-center{justify-content: center;} .justify-end{justify-content: flex-end;} .justify-start{justify-content: flex-start;} .row-reverse{flex-direction:row-reverse;} .column-reverse{flex-direction:column-reverse;} @media (min-width: 576px){ .container, .container-sm {max-width: 100%;} } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 100%;} } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm {max-width: 100%;} } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px;} } @media (min-width: 1500px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1500px;} } /* input-button */ input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #678E34;padding: 15px;color: #452815;border-radius: 20px;font-size: 16px;background: transparent;cursor: url(images/chiec-la-02.png) 0 0,default !important;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #452815;} input[type="submit"]{font-weight: 500;padding: 12px 24px;color: #F2F2F2;background-color: #176A35;border-radius: 4px;text-align: center;border: none;transition: all .3s;cursor: url(images/chiec-la-02.png) 0 0,default !important;} input[type="submit"]:hover{background-color: #CBDEA6;color: #333;} input[type="button"]{cursor: url(images/chiec-la-02.png) 0 0,default !important;} button{cursor: url(images/chiec-la-02.png) 0 0,default !important;} .select2-container .select2-selection--single{height: 48px;cursor: url(images/chiec-la-02.png) 0 0,default;} .select2-container--default .select2-selection--single{border: 1px solid #452815;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;color: #452815;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;} .select2-dropdown{border: 1px solid #452815;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #452815;} .select2-search--dropdown{padding: 4px 4px 12px 4px;} .select2-container--default .select2-results>.select2-results__options{font-size: 14px;} /* Contact-form7 */ form .row{--bs-gutter-x: 20px;} .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 20px;position: relative;} .form-group .name{margin-bottom: 5px;font-weight: 600;} div.wpcf7 .ajax-loader{position:absolute} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} /* Content-post */ .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} .content-post ul,.content-post ol{padding-left:18px;} .content-post li{position:relative;margin-bottom:6px} .content-post blockquote{background:transparent;position: relative;padding: 0 60px 4px 60px;} .content-post blockquote:before{content: "";display: block;width: 34px;height: 34px;background-image: url(images/open-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;} .content-post blockquote:after{content: "";display: block;width: 34px;height: 34px;background-image: url(images/close-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;bottom: 0;right: 0;} .content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px} .content-post .gallery br{display:none} .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .content-post .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)} .content-post .gallery.gallery-columns-7{grid-template-columns:repeat(7,1fr)} .content-post .gallery.gallery-columns-8{grid-template-columns:repeat(8,1fr)} .content-post .gallery.gallery-columns-9{grid-template-columns:repeat(9,1fr)} .content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;} .content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 16px 16px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;} .content-post .alignright{float:right;margin:0 0 16px 16px} .content-post .alignleft{float:left;margin:0 16px 16px 0} a img.alignright{float:right;margin:0 0 16px 16px} a img.alignnone{margin:0 16px 16px 0} a img.alignleft{float:left;margin:0 16px 16px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 16px 16px 0} .wp-caption.alignleft{margin:0 16px 16px 0} .wp-caption.alignright{margin:0 0 16px 16px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;} .content-post>*:last-child{margin-bottom: 0;} /* Widget */ .widget ul,.widget ol{list-style: none;} .widget iframe{width: 100%;height: auto; object-fit: cover;} .widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px} .widget .gallery br{display:none} .widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none} .widget .gallery-item img{border:none!important} /* Remove-woo */ .woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;outline:none;padding:0;text-indent:-9999px} .woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''} .woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px} .woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px} .woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms} .woocommerce a.remove:hover{background:transparent} /* Support */ .sticky{position:-webkit-sticky;position:sticky;top:80px;z-index: 99;} .supports{position: fixed;z-index: 999;bottom: 120px;right: 20px;} .supports .item:not(:first-child){margin-top: 16px;} .supports .item a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;} .supports .item a.zalo img{max-width: 37px;} .supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;} .backtop{position: fixed;right: 20px;bottom: 100px;transition: .5s;z-index: 999;} .backtop a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;} .backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;} .backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;} /* Header */ #menu-mobile{display: none;} #header{position: relative;z-index: 9999;background-color: #F4EAD7;} #header .container-fluid{max-width: 1740px;} #header .col-logo{width: 180px;} #header .col-left,#header .col-right{width: calc(50% - 90px);} #header .logo{height: 72px;display: flex;align-items: center;justify-content: center;width: 100%;} #header .logo a{display: block;} #header .logo img{object-fit: contain;max-height: 100%;} #header .flex{flex-wrap: nowrap;column-gap: 28px;} #touch-menu{display: none;} #touch-search{width: 18px;height: 36px;display: flex;align-items: center;justify-content: center;} #touch-search svg{max-width: 100%;max-height: 100%;} #header .col-right #touch-search{display: none;} #header .account{line-height: 40px;display: block;color: #678E34;font-size: 16px;letter-spacing: 1.44px;} #header .account-mb{display: none;} #language{position: relative;width: 57px;height: 24px;} #language a{display: flex;align-items: center;gap: 4px;text-transform: uppercase;font-size: 16px;color: #678E34;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #language a img{object-fit: contain;height: 15px;border-radius: 3px;} #language a.vn{opacity: 0;visibility: hidden;} html[lang="en"] #language a.vn{opacity: 1;visibility: visible;} html[lang="en"] #language a.en{opacity: 0;visibility: hidden;} .skiptranslate{display: none;} #header .wishlist{position: relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;} #header .wishlist svg{max-width: 100%;max-height: 100%;} #header .wishlist .cout{position: absolute;top: -3px;right: -6px;color: #fff;width: 13px;height: 13px;border-radius: 50%;font-size: 8px;background: #678E34;display: flex;align-items: center;justify-content: center;padding-top: 1px;} #header .cart{position: relative;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;} #header .cart svg{max-width: 100%;max-height: 100%;} #header .cart .cout{position: absolute;top: -3px;right: -6px;color: #fff;width: 13px;height: 13px;border-radius: 50%;font-size: 8px;background: #678E34;display: flex;align-items: center;justify-content: center;padding-top: 1px;} #header ul{list-style: none;margin-bottom: 0 !important;} .mega-menu-wrap{background: transparent !important;position: unset !important;} #header .mega-menu{display: flex !important;align-items: center;column-gap: 40px;color: #678E34 !important;position: unset !important;} #header .mega-menu>li{height: 72px !important;display: flex !important;align-items: center;position: unset !important;} #header .mega-menu>li>a{display: block;line-height: 40px;color: #678E34;font-size: 16px;letter-spacing: 1.44px;position: relative;} #header .mega-menu>li>a:after{content: "";display: block;width: 55px;height: 1px;background: #678E34;opacity: 0;visibility: hidden;transition: all .3s;position: absolute;bottom: -16px;left: 0;} #header .mega-menu>li:hover>a:after{opacity: 1;visibility: visible;} #header .mega-menu>li.mega-current-menu-item>a{font-weight: bold;} #header #mega-menu-wrap-main-left{margin-left: 12px;} #header #mega-menu-wrap-main-right{margin-right: 12px;} #header .mega-menu>li>.wrap-menu{position: absolute;width: 100%;top: 100%;left: 0;background-color: #F4EAD7;transition: all .3s;opacity: 0;visibility: hidden;padding: 30px calc(50% - 850px + 104px) 30px calc(50% - 850px + 143px);} #header .mega-menu>li:hover>.wrap-menu{opacity: 1;visibility: visible;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu{display: flex !important;justify-content: space-between;align-items: flex-start;gap: 40px;} #header #mega-menu-wrap-main-right .mega-menu>li>.wrap-menu>.mega-sub-menu{flex-direction: row-reverse;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li{flex: 1;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .sub-menu{display: flex;gap: 30px;} #header #mega-menu-wrap-main-right .mega-menu>li>.wrap-menu>.mega-sub-menu>li .sub-menu{flex-direction: row-reverse;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .sub-menu .column{display: flex;flex-direction: column;gap: 2px;flex: 1;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .sub-menu li>a{display: block;font-size: 16px;color: #678E34;letter-spacing: 1.44px;text-transform: capitalize;line-height: 2;position: relative;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .sub-menu li>a:after{content: "";display: block;width: 55px;height: 1px;background: #678E34;opacity: 0;visibility: hidden;transition: all .3s;position: absolute;bottom: 0;left: 0;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .sub-menu li:hover>a:after{opacity: 1;visibility: visible;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .gallery{display: flex;gap: 30px;flex-wrap: wrap;justify-content: flex-end;} #header #mega-menu-wrap-main-right .mega-menu>li>.wrap-menu>.mega-sub-menu>li .gallery{justify-content: flex-start;} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .gallery .img{overflow: hidden;aspect-ratio: 3/2;width: calc((100% - 60px) / 3);} #header .mega-menu>li>.wrap-menu>.mega-sub-menu>li .gallery .img img{height: 100%;} #search-hidden{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;opacity: 0;visibility: hidden;display: flex;align-items: flex-start;justify-content: center;padding: 10% 20px;} #search-hidden .line{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: url(images/close.png) 20 20,default;background-color: rgba(0, 0, 0, 0.6);} html.active-search #search-hidden{opacity: 1;visibility: visible;} html.active-search{overflow: hidden;} /* Footer */ .banner-bot{height: 575px;overflow: hidden;} .character-bot{padding: 40px 0 50px;} .character-bot .list{display: flex;justify-content: space-between;align-items: center;margin: -10px;} .character-bot .list .item{padding: 10px;display: flex;align-items: center;gap: 16px;text-transform: uppercase;color: #678E34;width: auto;} .character-bot .list .item .icon img{object-fit: contain;max-height: 50px;} .character-bot .list .item .text{max-width: 146px;line-height: 1.2;letter-spacing: 1.35px;} #footer{display: flex;background-color: #E9D5B9;} #footer .col-img{width: 40%;} #footer .col-img .img{height: 100%;} #footer .col-img .img img{height: 100%;} #footer .col-inner{width: 60%;display: flex;flex-direction: column;justify-content: space-between;} .footer-main{padding: 64px 90px;display: flex;flex-direction: column;gap: 60px;} .footer-main .title-form{font-size: 40px;line-height: 1.1;color: #678E34;text-transform: capitalize;width: 600px;max-width: 100%;} .footer-main .form{display: flex;flex-direction: column;gap: 15px;width: 516px;max-width: 100%;} .footer-main .form .text{color: #678E34;font-size: 12px;font-style: italic;font-weight: 300;} .footer-main .form form{position: relative;} .footer-main .form form input[type="email"]{background: transparent !important;border: none;border-bottom: 1px solid #678E34DB;padding: 10px 0;border-radius: 0;color: #678E34;} .footer-main .form form input[type="email"]::-webkit-input-placeholder{color: #678E34;} .footer-main .form form input[type="email"]:-internal-autofill-selected,.footer-main .form form input[type="email"]:focus{background-color: transparent !important;} .footer-main .form form input[type="submit"]{position: absolute;top: 0;right: 0;height: 100%;background-color: transparent;border: none;width: 40px;padding: 0;font-size: 0;background-image: url(images/submit.png);background-size: 20px;background-repeat: no-repeat;background-position: center;} .footer-main .main{width: 560px;max-width: 100%;gap: 40px;} .footer-main .main .widget{width: 246px;max-width: calc(50% - 20px);} .footer-main .main .widget-title{font-size: 16px;line-height: 40px;letter-spacing: 0.8px;position: relative;text-transform: capitalize;} .footer-main .main .widget-title:after{content: "";display: block;margin: 5px 0 15px;width: 120px;max-width: 80%;background: #73411F;height: 1px;} .footer-main .main .textwidget{color: #452815;font-size: 12px;letter-spacing: 0.6px;} .footer-main .main .textwidget p,.footer-main .main .textwidget li{margin-bottom: 2px;} .footer-main .main .textwidget ul{margin-bottom: 0;} .footer-main .main .textwidget table,.footer-main .main .textwidget blockquote,.footer-main .main .textwidget h1,.footer-main .main .textwidget h2,.footer-main .main .textwidget h3,.footer-main .main .textwidget h4,.footer-main .main .textwidget h5,.footer-main .main .textwidget h6{margin-bottom: 4px;} .footer-main .main .textwidget a{color: #452815;} .footer-main .main .textwidget a:hover{color: #678E34;} .footer-main .main .textwidget .social{margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 6px;width: 80px;} .footer-main .main .textwidget .social img{object-fit: contain;width: 35px;height: 35px;} .footer-main .main .textwidget>*:last-child{margin-bottom: 0;} .footer-bot{padding: 50px 90px;background: #678E34;color: #F4EAD7;font-size: 12px;} .footer-bot .flex{width: 820px;max-width: 100%;gap: 20px;} .contact-fixed{width: 280px;display: flex;justify-content: flex-end;align-items: center;height: 67px;position: fixed;z-index: 99990;bottom: 30px;right: 20px;} .footer-bot .textwidget h1{font-size: 22px;} .footer-bot .textwidget h2{font-size: 20px;} .footer-bot .textwidget h3{font-size: 18px;} .footer-bot .textwidget h4{font-size: 16px;} .footer-bot .textwidget h5{font-size: 14px;} .footer-bot .textwidget h6{font-size: 14px;} .footer-bot .textwidget>*:last-child{margin-bottom: 0;} #touch-contact{height: 56px;padding: 0 32px;background-color: #F4EAD7;border-radius: 28px;font-weight: 500;color: #678E34;text-transform: capitalize;letter-spacing: 0.8px;font-size: 16px;align-items: center;justify-content: center;display: flex;transition: all .3s;border: 1px solid #678E34;} #touch-contact.c-off{opacity: 0;visibility: hidden;} #hidden-contact{width: 100%;display: flex;align-items: center;justify-content: center;gap: 15px;opacity: 0;visibility: hidden;transition: all .2s;position: absolute;left: 0;bottom: 0;z-index: 2;} #hidden-contact.c-on{opacity: 1;visibility: visible;} #hidden-contact .close{width: 34px;height: 34px;background: #F4EAD7;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 1px 1px 10px rgba(0,0,0,0.15);} #hidden-contact a{width: 67px;height: 67px;background: #F4EAD7;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 1px 1px 10px rgba(0,0,0,0.15);} /* Page */ .page-body{padding: 100px 0;} .page-body .section:not(:last-child){margin-bottom: 80px;} .home-block{display: flex;flex-direction: column;gap: 40px;} .page-title{font-size: 32px;font-weight: 400;margin-bottom: 0;text-transform: capitalize;} .home-slider{position: relative;} .swiper-pagination-bullet{border-radius: 8px;transition: all .3s;} .swiper-pagination-bullet-active{background: #678E34;} .swiper-button-next, .swiper-button-prev{width: 35px;height: 35px;} .swiper-button-next:after, .swiper-button-prev:after{display: none;} .swiper-button-next svg, .swiper-button-prev svg{width: 16px;height: 35px;} .swiper-pagination-progressbar{background: #E9D6B9;height: 3px !important;} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #678E34;} .page-default{margin: 0 auto;width: 940px;max-width: 100%;} /* Category */ body.category .page-title{display: none;} .list-news{display: flex;flex-wrap: wrap;margin: -30px -20px;} .list-news .col-item{width: calc(100% / 3);padding: 30px 20px;} .swiper-news{margin: -20px;} .swiper-news .swiper-slide{padding: 20px;height: auto;} .item-news{height: 100%;background: #E9D5B9;} .item-news .img{overflow: hidden;aspect-ratio: 3/2;} .item-news .img img{height: 100%;} .item-news .info{padding: 24px 36px 36px;display: flex;flex-direction: column;gap: 24px;} .item-news .info .meta{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 12px;} .item-news .info .meta .cat{display: flex;align-items: center;justify-content: center;gap: 4px; text-align: center;height: 30px;text-transform: uppercase;background: #F4EAD780;border-radius: 20px;color: #678E34;font-weight: 500;font-size: 10px;padding: 0 24px;} .item-news .info .meta .cat:before{display: block;content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #678E34;} .item-news .info .meta .date{background: #678E34;color: #fff;height: 30px;border-radius: 20px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 20px;font-size: 10px;} .item-news .info .name{margin-bottom: 0;font-weight: bold;font-size: 18px;overflow: hidden;height: 46px;} .item-news .info .desc{font-size: 16px;} .news-pagination{position: unset;margin-top: 20px;} .pagination{justify-content: center;} .pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 16px;} .pagination ul li{display: block;} .pagination ul li span,.pagination ul li a{display: flex;padding: 5px;height: 48px;width: 48px;text-align: center;align-items: center;justify-content: center; background: transparent;transition: all .3s;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #789948;color: #fff;} .pagination ul li span svg,.pagination ul li a svg{width: 24px;} .pagination ul li span svg path,.pagination ul li a svg path{transition: all .3s;} .pagination ul li span:hover svg path,.pagination ul li a:hover svg path{fill: #fff;} /* Single */ .single-body{display: flex;flex-direction: column;gap: 60px;} .single-body .col-content{width: calc(100% - 390px);} .single-body .col-sidebar{width: 390px;} .single-inner{display: block;margin: 0 auto;width: 750px;max-width: 100%;} .single-thumb{overflow: hidden;aspect-ratio: 7/5;border-radius: 40px;margin-bottom: 30px;} .single-thumb img{width: 100%;height: 100%;object-fit: cover;} .single-meta{margin-bottom: 20px;display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 16px;} .single-meta .tag{height: 27px;display: flex;align-items: center;justify-content: center;gap: 5px; text-align: center;padding: 0 16px;border-radius: 20px;font-size: 12px;text-transform: uppercase;font-weight: 500;background: #F4EAD780;} .single-meta .tag:before{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;background: #73411F;} .single-meta .date{height: 27px;padding: 0 16px;border-radius: 20px;display: flex;align-items: center;justify-content: center;text-align: center;color: #F4EAD7;font-size: 12px;background: #678E34;} .single-divider{display: block;width: 100%;height: 1px;background: #73411F80;} .single-another{border: 1px solid #C4C4C4;padding: 32px;display: flex;align-items: center;justify-content: space-between;} .single-another .item a{display: flex;align-items: center;gap: 20px;color: #73411F;} .single-content{color: #452815;} .news-prev{left: -50px;} .news-next{right: -50px;} /* Sidebar */ .page-sidebar .widget:not(:last-child){margin-bottom:40px} .page-sidebar .widget-title{font-size: 22px;margin-bottom: 20px;color: #452815;} .page-sidebar .tagcloud{display:flex;flex-wrap:wrap;gap: 12px;} .page-sidebar .tagcloud a{display: flex; font-size:12px!important;height:27px;padding:0 16px;background-color:transparent;border-radius:20px;align-items: center; justify-content: center;gap: 4px;text-transform: uppercase;font-weight: 500;} .page-sidebar .tagcloud a:before{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;background: #73411F;} .page-sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;} .widget-post{display: flex;flex-direction: column;gap: 30px;} .widget-post .item{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;} .widget-post .item .img{overflow: hidden;width: 75px;aspect-ratio: 1/1;border-radius: 20px;} .widget-post .item .img img{height: 100%;} .widget-post .item .info{width: calc(100% - 95px);} .widget-post .item .info .name{font-size: 16px;margin-bottom: 0;} .widget-post .item .info .name a{color: #452815;} .widget-post .item .info .date{font-size: 12px;color: #452815;} .widget_search form{position: relative;} .widget_search form [type="submit"]{width: 56px;height: 100%;position: absolute;top: 0;right: 0;border: none;background-color: #678E34;display: flex;align-items: center;justify-content: center;border-radius: 0 20px 20px 0;} /* Product */ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{display: none;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{display: none;} .woocommerce-notices-wrapper{display: none;} .taxonomy-title{display: flex;flex-direction: column;gap: 16px;} .taxonomy-title .title{font-size: 32px;font-weight: 400;margin-bottom: 0;color: #678E34;text-transform: capitalize;} .taxonomy-title .title a{color: #678E34;} .taxonomy-title .title span{display: block;font-size: 64px;} .taxonomy-title .text{font-size: 18px;} .bc-pagination{bottom: -20px !important;} .list-product{display: flex;flex-wrap: wrap;margin: -35px;} .list-product .item-product{padding: 35px;width: 25%;} .item-product .box{height: 100%;padding: 10px;display: flex;flex-direction: column;position: relative;transition: all .3s;} .item-product .box:hover{box-shadow: 3px 4px 15px 0px #8F7B55BA;} .item-product .box .img{aspect-ratio: 5/6;overflow: hidden;position: relative;} .item-product .box .img img{height: 100%;} .item-product.ver2 .box .img{aspect-ratio: 20/27;} .item-product .box .img .add-to-cart{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 5px;background: #678E34;position: absolute;bottom: 8px;right: 8px;z-index: 2;} .item-product .box .img .add-to-cart img{object-fit: contain;width: 24px;height: 24px;} .item-product .box .best{position: absolute;left: 0;top: 10px;z-index: 2;height: 26px;padding: 0 10px 0 4px;border-radius: 0 16px 16px 0;color: #F4EAD7;font-size: 11px;line-height: 1;letter-spacing: 0.5px;background-color: #678E34;display: flex;align-items: center;font-weight: bold;text-transform: uppercase;} .item-product .box .meta{background: #678E34;height: 37px;display: flex;align-items: center;justify-content: space-between;padding: 0 10px;font-size: 24px;color: #FCF4A3;} .item-product .box .meta .star{height: 20px;display: flex;align-items: center;} .item-product .box .yith-wcwl-add-to-wishlist{margin-top: 0;position: absolute;z-index: 3;top: 14px;right: 14px;font-size: 0;} .item-product .box .yith-wcwl-add-to-wishlist a.add_to_wishlist{display: flex;} .item-product .box .yith-wcwl-add-to-wishlist i{font-size: 15px;color: #678E34;margin: 0;} .item-product .box .info{display: flex;align-items: flex-start;justify-content: space-between;padding-top: 10px;} .item-product .box .info .name{font-weight: 400;margin-bottom: 0;font-size: 14px;max-width: calc(100% - 130px);line-height: 1.5;} .item-product .box .info .price{display: flex;flex-direction: column-reverse;font-size: 24px;font-weight: 500;text-align: right;width: 130px;} .item-product .box .info .price *{line-height: 1.2;} .item-product .box .info .price .amount{display: block;} .item-product .box .info .price del{font-size: 12px;font-weight: normal;} .item-product .box .info .price ins{text-decoration: none;} .taxonomy-top{background: #E9D5B9;padding: 80px 0 0;} .taxonomy-top .col-title{width: 340px;max-width: 100%;} .taxonomy-top .col-product{max-width: calc(100% - 340px - 40px);width: 980px;padding-bottom: 50px;border-bottom: 9px solid #678E34;} .taxonomy-top .taxonomy-title{padding-top: 80px;} .taxonomy-child{display: flex;justify-content: space-between;} .taxonomy-child .col-title{width: 340px;max-width: 100%;} .taxonomy-child .col-product{max-width: calc(100% - 340px - 40px);width: 980px;} .taxonomy-child .taxonomy-title{padding-top: 80px;} .taxonomy-child .list-product{margin: -30px;} .taxonomy-child .list-product .item-product{padding: 30px;width: calc(100% / 3);} .swiper-bc{margin: -5px;} .swiper-bc .swiper-slide{padding: 5px;height: auto;} .swiper-promb{margin: -30px;} .swiper-promb .swiper-slide{padding: 30px;} /* Detail */ .detail-head{margin-bottom: 80px;} .detail-head .row{--bs-gutter-x: 80px;} .detail-head .col-image{width: 45%;} .detail-head .col-info{width: 55%;display: flex;flex-direction: column;} .swiper-gallery .img{aspect-ratio: 5/8;overflow: hidden;} .swiper-gallery .img img{height: 100%;} .swiper-thumb{padding: 8px 0 0;} .swiper-thumb .img{aspect-ratio: 1/1;border: 1px solid transparent;} .swiper-thumb .img img{height: 100%;} .swiper-thumb .swiper-slide-thumb-active .img{border-color: #678E34;} .gallery-pagination{position: unset;margin: 12px 0 0;width: calc(100% - 16px) !important;} .swiper-gallery .sale-flash{position: absolute;z-index: 2;top: 0;left: 0;background-color: #678E34;color: #F4EAD7;font-size: 14px;font-weight: bold;display: flex;align-items: center;padding: 0 20px;height: 56px;} .woocommerce div.product .product_title{font-size: 42px;font-weight: bold;line-height: 1.1;margin-bottom: 16px;} .detail-head .price{font-size: 25px !important;line-height: 1.3; color: #678E34 !important;margin-bottom: 20px;} .detail-head .price .amount{display: block;} .detail-head .price *{line-height: 1.3;} .detail-head .price del{margin-right: 10px;color: #3D3D3D80;opacity: 1 !important;} .detail-head .price ins{font-weight: normal !important;text-decoration: none;} .woocommerce-product-details__short-description{font-size: 14px;margin-bottom: 20px;} .woocommerce div.product .character{padding: 12px 0 16px;border-top: 1px solid #73411F36;border-bottom: 1px solid #73411F36;display: flex;align-items: center;flex-wrap: wrap;row-gap: 12px;margin-bottom: 12px;} .woocommerce div.product .character .item{width: calc(100% / 3);padding: 0 12px;display: flex;align-items: center;gap: 20px;} .woocommerce div.product .character .item .icon{width: 41px;} .woocommerce div.product .character .item .icon img{width: 100%;object-fit: contain;} .woocommerce div.product .character .item .text{font-size: 12px;letter-spacing: 1.1px;text-transform: capitalize;line-height: 1.5;width: calc(100% - 61px);} .woocommerce div.product .sub-policy{display: flex;flex-wrap: wrap;gap: 20px;margin: 12px 0;} .woocommerce div.product .sub-policy .text{text-transform: uppercase;width: calc(50% - 10px);font-size: 10px;letter-spacing: 0.5px;} .woocommerce div.product form.cart{margin-bottom: 0;} .woocommerce div.product .group-btn{display: flex;gap: 16px;margin-bottom: 16px;} .woocommerce div.product form.cart .button{float: none;height: 50px;display: flex;align-items: center;justify-content: center; border-radius: 16px;background: #F4EAD7;border: 1px solid #678E34;color: #678E34;text-transform: uppercase;font-size: 12px;font-weight: bold;letter-spacing: 0.6px;padding: 0 36px;} .woocommerce div.product form.cart .button.single_buy_now_button{background: #678E34;color: #F4EADF;} .woocommerce div.product form.cart div.quantity{float: none;margin: 0;display: flex;align-items: center;height: 50px;border-radius: 15px;border: 1px solid #73411F36;background: #F4EAD7;width: 180px;justify-content: center;} .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { display: none; margin: 0; } .quantity input.qty { appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; } .detail-meta{display: flex;flex-wrap: wrap;column-gap: 42px;row-gap: 10px;font-size: 12px;margin-bottom: 20px;} .detail-meta>div{position: relative;} .detail-meta>div:not(:last-child):after{content: "|";display: block;position: absolute;right: -22px;top: 50%;transform: translateY(-50%);color: #73411f36;font-size: 20px;} .detail-meta .size span{font-weight: 500;} .woocommerce div.product .woocommerce-product-rating{margin-bottom: 0;line-height: normal;} .woocommerce .woocommerce-product-rating .star-rating{margin: 0 40px 0 0;font-size: 20px;position: relative;} .woocommerce .woocommerce-product-rating .woocommerce-review-link{position: relative;} .woocommerce .woocommerce-product-rating .woocommerce-review-link:before{content: "|";display: block;position: absolute;top: 50%;transform: translateY(-50%);left: -23px;color: #73411f36;font-size: 20px;} .woocommerce .star-rating span{padding-top: 20px;} .woocommerce .star-rating span::before{line-height: 1;color: #678E34;} .woocommerce div.product form.cart div.quantity .qty{width: 70px;height: 40px;padding: 0;border: none;border-radius: 0;font-size: 25px;font-weight: 500;color: #73411F;} .woocommerce div.product form.cart div.quantity input[type="button"]{width: 30px;height: 30px;background: transparent;border: none;font-size: 25px;display: flex;align-items: center;justify-content: center;color: #73411F;line-height: 1;} .detail-head .yith-wcwl-add-to-wishlist{display: none;} .detail-head .tab-content{margin-bottom: 20px;} .detail-head .tab-content .accordion-button{font-size: 14px;font-weight: 600;line-height: 24px;padding: 5px 15px 5px 0;} .detail-head .tab-content .accordion-button svg{position: absolute;height: 12px;right: 5px;top: 11px;transform: rotate(90deg);} .detail-head .tab-content .accordion-button.collapsed svg{transform: none;} .detail-head .tab-content .accordion-item{border-bottom: 1px solid #73411F36;} .detail-head .tab-content .accordion-body{font-size: 14px;} .detail-head .tab-content .accordion-body p{margin-bottom: 10px;} .woobt-wrap{margin-top: auto;} .woobt-wrap:before{content: "Mua kèm deal sốc";display: block;margin-bottom: 8px;font-weight: 600;padding-bottom: 8px;border-bottom: 1px solid #73411F36;} .woobt-product{padding-left: 120px !important;min-height: 120px;align-items: flex-start !important;} .woobt-product.woobt-product-this{display: none !important;} .woobt-product .woobt-choose{margin: 0 !important;position: absolute;top: 14px;left: 16px;text-align: left !important;z-index: 3;} .woobt-product .woobt-thumb{max-width: 100px;position: absolute;left: 10px;top: 10px;} .woobt-product .woobt-title{text-align: left !important;} .woobt-product .woobt-title .woobt-qty-num{display: none;} .woobt-product .woobt-price{text-align: left !important;max-width: 100% !important;} .woobt-product .woobt-price .amount{font-weight: 500;} .woobt-product .woobt-price del{opacity: 1 !important;color: #3D3D3D80;margin-right: 8px;} .woobt-product .woobt-price del .amount{font-weight: 400;color: #3D3D3D80;} .slick-next:before, .slick-prev:before{color: #678E34;line-height: 30px;opacity: 1;} .woobt-carousel .slick-arrow:before{line-height: 30px;} .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{opacity: 0;} .woobt-carousel .slick-arrow{opacity: 1;visibility: visible;width: 30px;height: 30px;background-color: transparent !important;border: none;color: #678E34;display: flex;align-items: center;justify-content: center;line-height: 30px;padding-bottom: 8px;} .woobt-carousel .slick-arrow.slick-prev{left: -20px;} .woobt-carousel .slick-arrow.slick-next{right: -20px;} .woobt-carousel .slick-dots{display: none !important;} .slick-dotted.slick-slider{margin-bottom: 0;} .flash-sale-box{display: inline-flex;margin-bottom: 20px;} .countdown{display: inline-flex;align-items: center;gap: 24px;padding: 6px 24px;background: #678E34;border-radius: 15px;} .countdown .name{display: block;text-transform: uppercase;font-size: 14px;color: #F4EAD7;letter-spacing: 0.7px;} #countdown-timer{display: flex;align-items: center;gap: 9px;} #countdown-timer .it{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #F4EAD7;border-radius: 3px;flex-direction: column;} #countdown-timer .it span{display: block;line-height: 1;font-size: 10px;} #countdown-timer .it span:first-child{font-size: 16px;} .woobt-wrap .woobt-text, .woobt-wrap .woobt-products{margin: 0 0 10px 0;} .woobt-summary .amount{font-weight: 500;color: #678E34;} .woobt-summary del{margin-right: 5px;color: #3D3D3D80;} .woobt-summary del .amount{font-weight: 400;color: #3D3D3D80;} .woobt-summary ins{text-decoration: none;} .woobt-wrap .woobt-products .slick-list{height: auto !important;} .detail-body{margin-bottom: 80px;padding-top: 40px;border-top: 1px solid #73411F80;} .detail-body .block{display: flex;flex-direction: column;gap: 20px;} .detail-body .block:not(:last-child){padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #73411F80;} .detail-body .box-title{display: flex;flex-direction: column;gap: 5px;} .detail-body .box-title .title{font-size: 24px;font-weight: 500;text-transform: capitalize;margin-bottom: 0;} .detail-body .box-title .text{font-size: 10px;color: #452815;} .detail-body .content-post{font-size: 14px;} .detail-faqs{margin-top: 80px;} .detail-faqs .row{--bs-gutter-x: 70px;} .detail-faqs .img{height: 100%;position: relative;overflow: hidden;} .detail-faqs .img img{height: 100%;position: absolute;top: 0;left: 0;} .detail-faqs .inner{padding: 30px 0;display: flex;flex-direction: column;gap: 80px;} .detail-faqs .inner .title{font-weight: bold;font-size: 42px;margin-bottom: 0;color: #452815;} .detail-faqs .inner .divider{display: block;height: 6px;width: 100%;background: #452815;} .detail-faqs .inner .box-faqs{display: flex;flex-direction: column;gap: 60px;} .detail-faqs .inner .box-faqs .accordion-item{display: flex;flex-direction: column;gap: 20px;} .detail-faqs .inner .box-faqs .accordion-button{font-size: 18px;text-transform: uppercase;color: #452815;font-weight: bold;padding-right: 24px;} .detail-faqs .inner .box-faqs .accordion-button.collapsed{font-weight: 500;} .detail-faqs .inner .box-faqs .accordion-button .icon{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 5px;} .detail-faqs .inner .box-faqs .accordion-button .icon .star{display: none;} .detail-faqs .inner .box-faqs .accordion-button.collapsed .icon .star{display: block;} .detail-faqs .inner .box-faqs .accordion-button.collapsed .icon .ellipse{display: none;} .detail-related{padding-top: 40px;margin-top: 80px;border-top: 1px solid #73411F80;} .detail-related .title{font-size: 24px;margin-bottom: 30px;text-transform: capitalize;} .detail-review .tab-title{list-style: none;border-bottom: 1px solid #73411F36;margin-bottom: 30px;display: flex;justify-content: center;column-gap: 30px;} .detail-review .tab-title li button{border: none;background-color: transparent;border-bottom: 2px solid transparent;font-size: 18px;color: #73411F;padding: 0 24px;height: 36px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 3;} .detail-review .tab-title li button.active{font-weight: 500;border-bottom-color: #73411F;} .add-to-cart-mb{display: none;} .woocommerce a.added_to_cart{display: none;} /* Comment-Woo (Plugin: Customer Reviews for WooCommerce) */ .woocommerce-Reviews-title{display: none;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary{position: relative;margin-top: -71px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{background-color: #678E34;padding: 0 30px;font-size: 18px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl{display: none;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt svg{width: 30px;height: 30px;position: relative;top: -1px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 36px;line-height: 1;color: #73411F;} #reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{width: 63%;float: left;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{width: 35%;float: right;background-color: transparent;cursor: #73411F;border: 1px solid #73411F;border-radius: 4px;padding: 8px 12px;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{width: 100%;clear: both;padding: 0;} #reviews.cr-reviews-ajax-reviews .cr-input-text, .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text, .cr-ajax-search input[type="text"]{border-color: #73411F;background-color: transparent;} .cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li{margin: 0 0 20px;padding-bottom: 20px;border-bottom: 1px solid #73411F36;} .cr-all-reviews-shortcode ol.commentlist li:last-child, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li:last-child{border-bottom: 0;margin: 0;padding-bottom: 0;} .woocommerce #reviews #comments ol.commentlist li img.avatar{width: 78px;aspect-ratio: 1/1;padding: 0;border: none;border-radius: 50%;float: none;position: relative;} #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container, .cr-all-reviews-shortcode ol li.comment .comment_container, .cr-all-reviews-shortcode ol li.review .comment_container{display: flex;align-items: flex-start;gap: 32px;} .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text, .cr-all-reviews-shortcode ol.commentlist li .comment-text{width: calc(100% - 32px - 78px);margin: 0 !important;border: none !important;padding: 0 !important;min-height: 90px;display: flex;flex-direction: column;position: relative;} .cr-all-reviews-shortcode ol li.review .comment_container .meta, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta{flex-direction: column;justify-content: flex-start;width: 180px;} .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__verified, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__verified{display: none;} .cr-all-reviews-shortcode ol li.review .comment_container .description, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .description{position: absolute;top: 0;left: 180px;width: calc(100% - 180px);} .cr-all-reviews-shortcode ol li.review .comment_container .description *, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .description *{margin-bottom: 0;} .cr-all-reviews-shortcode ol.commentlist ul.children, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children{margin: 0 0 0 auto;width: calc(100% - 110px);} .cr-all-reviews-shortcode ol.commentlist ul.children li img.avatar, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children li img.avatar{display: none;} .cr-all-reviews-shortcode ol.commentlist ul.children .comment-text, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .comment-text{width: 100%;display: flex;flex-direction: row; min-height: inherit;} .cr-all-reviews-shortcode ol.commentlist ul.children .description, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .description{position: unset;} .cr-all-reviews-shortcode ol.commentlist ul.children .meta time, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .meta time{display: none;} .cr-all-reviews-shortcode ol.commentlist ul.children .meta svg, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .meta svg{display: none;} .cr-all-reviews-shortcode ol.commentlist ul.children .meta .woocommerce-review__author:after, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .meta .woocommerce-review__author:after{content: " phản hồi:"} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav, .cr-qna-block .cr-review-form-nav{border-top-color: #73411F;border-bottom-color: #73411F;border-left: 1px solid #73411F;border-right: 1px solid #73411F;border-radius: 4px;height: 42px;margin-bottom: 20px;} .cr-all-reviews-shortcode .cr-review-form-item, .cr-ajax-reviews-review-form .cr-review-form-item, .cr-reviews-grid .cr-review-form-item, .cr-qna-block .cr-review-form-item{display: none;} .cr-all-reviews-shortcode .cr-review-form-rating-overall .cr-review-form-rating-label, .cr-ajax-reviews-review-form .cr-review-form-rating-overall .cr-review-form-rating-label, .cr-reviews-grid .cr-review-form-rating-overall .cr-review-form-rating-label{display: none;} .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg.cr-rating-deact path{fill: #ccc;} .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt, .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt, .cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt, .cr-qna-block .cr-review-form-comment .cr-review-form-comment-txt{border-radius: 4px;background-color: transparent;border-color: #73411F36;} .cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt, .cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt, .cr-reviews-grid .cr-review-form-ne .cr-review-form-txt, .cr-qna-block .cr-review-form-ne .cr-review-form-txt{border-color: #73411F36;border-radius: 4px;background-color: transparent;} .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-lbl, .cr-all-reviews-shortcode .cr-review-form-name .cr-review-form-lbl, .cr-all-reviews-shortcode .cr-review-form-email .cr-review-form-lbl, .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-lbl, .cr-ajax-reviews-review-form .cr-review-form-name .cr-review-form-lbl, .cr-ajax-reviews-review-form .cr-review-form-email .cr-review-form-lbl, .cr-reviews-grid .cr-review-form-comment .cr-review-form-lbl, .cr-reviews-grid .cr-review-form-name .cr-review-form-lbl, .cr-reviews-grid .cr-review-form-email .cr-review-form-lbl, .cr-qna-block .cr-review-form-lbl{background-color: #F4EAD7;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-qna-block .cr-review-form-buttons .cr-review-form-submit{height: 48px;background-color: #678E34;font-size: 18px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-qna-block .cr-review-form-buttons .cr-review-form-cancel{font-size: 18px;height: 48px;color: #fff;background-color: #73411f;border-color: #73411f;} .cr-qna-block h2{display: none;} .cr-qna-block .cr-input-text, .cr-ajax-search input[type="text"]{border-color: #73411F;background-color: transparent;} .cr-qna-block .cr-qna-search-block .cr-qna-ask-button{border-radius: 4px;margin-left: 20px;background-color: #678E34;} .xoo-wsc-basket{right: auto;left: 1px;} .xoo-wsc-items-count{left: auto;right: -10px;} .xoo-wsc-container, .xoo-wsc-slider, .xoo-wsc-drawer{background-color: #F4EAD7;} .xoo-wsc-header, .xoo-wsc-drawer-header{background-color: #F4EAD7;border-bottom-color: #73411F36;} .xoo-wsc-ftx-row{border-top-color: #73411F36;border-bottom-color: #73411F36;} .xoo-wsc-product, .xoo-wsc-sp-product{background-color: #F4EAD7;border: 1px solid #73411F36;} .xoo-wsc-qty-box.xoo-wsc-qtb-square{border-color: #73411F36;border-radius: 10px;} .xoo-wsc-chng{background-color: transparent;color: #73411F;} input[type="number"].xoo-wsc-qty{border: none !important;background: transparent;} .xoo-wsc-body{background-color: #F4EAD7;} .xoo-wsc-footer{background-color: #F4EAD7;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]{background-color: #678E34;border-radius: 10px;} /* Cart */ body.woocommerce-cart .page-title{display: none;} .woocommerce-tabs.wc-tabs-wrapper{display: none;} body.woocommerce-checkout .page-title{display: none;} body.woocommerce-wishlist .page-title{display: none;} .woocommerce-error, .woocommerce-info, .woocommerce-message{border: 1px solid #73411F36; border-top: 3px solid #678E34;background-color: transparent;} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{color: #678E34;} .woocommerce nav.woocommerce-pagination{padding-top: 16px;} .woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0} .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{border:0;float:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center} .woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span,.woocommerce-page .woocommerce-pagination ul.page-numbers li a,.woocommerce-page .woocommerce-pagination ul.page-numbers li span{font-size:16px;color:#452815;font-weight:600;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .5s;transition:all .5s} .woocommerce .woocommerce-pagination ul.page-numbers li a.current,.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce .woocommerce-pagination ul.page-numbers li span.current,.woocommerce .woocommerce-pagination ul.page-numbers li span:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li a.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li span:hover{color:#678E34;background-color:#f5f5f5} .woocommerce .woocommerce-pagination ul.page-numbers li .next,.woocommerce .woocommerce-pagination ul.page-numbers li .prev,.woocommerce-page .woocommerce-pagination ul.page-numbers li .next,.woocommerce-page .woocommerce-pagination ul.page-numbers li .prev{} .select2-container--open{z-index:999999} .select2-container .select2-dropdown, .select2-container .select2-selection{background: #F4EAD7;} .select2-container--default.select2-container--default .select2-selection--single{background-color:transparent;border:1px solid #73411F80; border-radius:3px;height:48px;margin:0} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding:0 20px;} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__placeholder{color:inherit} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__clear{font-weight:400} .select2-dropdown{border:1px solid #eee;} .devvn_xuat_hoa_don_do{display: none;} .woocommerce table.shop_table{border-collapse:collapse} .woocommerce table.my_account_orders,.woocommerce table.shop_table.cart{border:0;border-radius:0;margin:0} .woocommerce table.my_account_orders thead tr,.woocommerce table.shop_table.cart thead tr{border:1px solid #73411F80 !important;border-radius:3px} .woocommerce table.my_account_orders th,.woocommerce table.shop_table.cart th{font-weight:600;text-transform:uppercase;color:#452815;line-height:1.6;padding:16px 8px;border:0;} .woocommerce table.my_account_orders td{border:0} .woocommerce table.shop_table.cart td{border:0;padding:16px 8px;vertical-align: middle;} .woocommerce table.shop_table.cart .product-stock-status{display: none;} .woocommerce table.my_account_orders tbody tr,.woocommerce table.shop_table.cart tbody tr{border:1px solid #73411F80 !important;border-top:none} .woocommerce table.my_account_orders tbody tr:last-child,.woocommerce table.shop_table.cart tbody tr:last-child{border:0} .woocommerce table.my_account_orders .product-price .amount,.woocommerce table.my_account_orders .product-subtotal .amount,.woocommerce table.shop_table.cart .product-price .amount,.woocommerce table.shop_table.cart .product-subtotal .amount{color:#452815;font-size:15px;font-weight:700} .woocommerce table.my_account_orders .product-price ins,.woocommerce table.my_account_orders .product-subtotal ins,.woocommerce table.order_details .product-total ins,.woocommerce table.shop_table.cart .product-price ins,.woocommerce table.shop_table.cart .product-subtotal ins{background-color:transparent;font-weight:700;text-decoration: none;} .woocommerce table.my_account_orders .product-price del,.woocommerce table.my_account_orders .product-subtotal del,.woocommerce table.order_details .product-total del,.woocommerce table.shop_table.cart .product-price del,.woocommerce table.shop_table.cart .product-subtotal del{margin-right:5px;font-weight:500;font-size:13px;} .woocommerce table.my_account_orders .product-quantity .quantity .qty,.woocommerce table.shop_table.cart .product-quantity .quantity .qty{width:130px;height:40px} .woocommerce table.my_account_orders td.actions,.woocommerce table.shop_table.cart td.actions{padding:16px 0 0} .woocommerce table.my_account_orders td.actions .coupon .input-text,.woocommerce table.shop_table.cart td.actions .coupon .input-text{border-color:#eee;padding:0 25px} .woocommerce table.shop_table.cart td.actions{display: none;} .woocommerce table.my_account_orders .add_to_cart.button,.woocommerce table.shop_table.cart .add_to_cart.button{font-size:.75rem;line-height:2.75rem;padding:0 2.5rem} .woocommerce table.shop_table.cart .product-thumbnail{width:100px;padding-left:0} .woocommerce table.shop_table.cart .product-thumbnail img{width:auto;margin: 0;} .woocommerce table.shop_table.cart .product-remove{width:50px;} .woocommerce table.shop_table.cart .product-name{width: 40%;} .devvn_xuat_hoa_don_do{border:1px solid #452815;} .woocommerce table.shop_table.cart .product-price,.woocommerce table.shop_table.cart .product-quantity,.woocommerce table.shop_table.cart .product-subtotal{text-align:center;width: 25%;} .woocommerce table.shop_table.cart td.actions .coupon .input-text{width:250px;line-height: 46px !important;} .woocommerce table.shop_table.cart .product-quantity .quantity:not(.mini_cart_item .quantity){justify-content: center;margin: 0 auto;align-items: center;} .woocommerce table.shop_table.cart .product-quantity .quantity{display: flex;align-items: center;border: 1px solid #73411F36;border-radius: 15px;} .woocommerce table.shop_table.cart .product-quantity .quantity input[type="number"]{width: 70px;border-radius: 5px;border: none;} .woocommerce table.shop_table.cart .product-quantity .quantity input[type="button"]{width: 30px;height: 30px;background: transparent;border: none;} .woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells{margin-top:32px} .woocommerce .cart-collaterals .wc-proceed-to-checkout{padding:16px 0 0} .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size:1rem;line-height:2.75rem;padding:0 2.1875rem} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{margin-bottom: 0;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{background-color: #678E34;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{background-color: #678E34;} .woocommerce .cart-collaterals .cart_totals{padding:20px;max-width:500px;border: 1px solid #73411F80;} .woocommerce .cart-collaterals .cart_totals>h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid #ddd;margin-bottom:16px;font-weight: 600;} .woocommerce .cart-collaterals .cart_totals table,.woocommerce table.woocommerce-checkout-review-order-table{border:0;border-radius:0;margin:0} .woocommerce .cart-collaterals .cart_totals table tr,.woocommerce table.woocommerce-checkout-review-order-table tr{border-width: 0;} .woocommerce .cart-collaterals .cart_totals table th{border:0;padding:0 8px 16px 0;font-size:15px;font-weight:500} .woocommerce .cart-collaterals .cart_totals table td{border:0;padding:0 0 16px 8px;text-align:right} .woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td{color:#452815;font-weight:700} .woocommerce .cart-collaterals .cart_totals table tr:last-child td,.woocommerce .cart-collaterals .cart_totals table tr:last-child th{padding-bottom:0} .woocommerce .cart-collaterals .cart_totals table .shipping-calculator-button,.woocommerce .cart-collaterals .cart_totals table small,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name a{color:inherit} .woocommerce .cart-collaterals .cart_totals table .select2-container--default .select2-selection--single .select2-selection__rendered{text-align:left} .woocommerce .cart-collaterals .cart_totals table tr.order-total span.amount{font-weight:700;font-size:20px;color: #678E34;} .woocommerce .cart-collaterals .cart_totals table tr.order-total th,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name strong,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method .amount,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li label{font-weight:500} .woocommerce .cart-collaterals .cart_totals table tr.order-total td,.woocommerce .cart-collaterals .cart_totals table tr.order-total th{border-top:1px solid #ddd;padding-top:16px} .woocommerce .cart-collaterals .cross-sells>h2{font-size:34px;margin-bottom:50px;text-align:center} .woocommerce .cart-collaterals .shipping-calculator-form{margin-top:25px} .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{max-width:100%;padding-left:0;padding-right:0} .woocommerce form p{margin-bottom:23px} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{background: transparent;border: 1px solid #73411F36;border-radius: 3px; padding: 13px 20px;color: #444 !important;} .woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{color: #444 !important;} .woocommerce form .form-row{display:block;padding:0;margin:0 0 16px} .woocommerce form .form-row label{margin-bottom:8px;font-weight:600;font-size:13px;text-transform:uppercase;line-height:1.2} .woocommerce form .form-row textarea{height:8em !important;background: transparent !important;} .woocommerce-additional-fields,.woocommerce-shipping-fields{margin-top:16px} .woocommerce-shipping-fields>h3{font-size:15px;margin-bottom:21px;font-weight:500} .woocommerce-shipping-fields>h3 label span{} .woocommerce-shipping-fields>h3 label input{position:relative;top:2px;margin:-2px 8px 0 0} #order_review_heading,.woocommerce-additional-fields>h3,.woocommerce-billing-fields>h3{font-size:20px;line-height:1.5;margin-bottom:16px;font-weight: 600;display: none;} .woocommerce-account-fields .create-account{margin:0!important} .woocommerce-account-fields label>span{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#452815;} .woocommerce-account-fields label>.input-checkbox{position:relative;top:-2px} #order_review{padding:24px;box-shadow:0 0 10px rgba(0,0,0,.1)} .woocommerce #order_review .woocommerce-checkout-payment{margin-top:24px;background:0 0;border-radius:0} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods{padding:0;border-color:#eee} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li{display: flex;align-items: center;flex-wrap: wrap;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li input{position:relative;margin-right:5px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{margin-bottom:0;color:#452815;font-weight:500} .woocommerce #order_review .woocommerce-checkout-payment .place-order{padding:16px 0 0;margin:0} .woocommerce #order_review .woocommerce-checkout-payment .place-order .button{width:100%;} .woocommerce table.woocommerce-checkout-review-order-table thead th{border:0;font-weight:600} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding:0 8px 16px 0} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding:0 0 16px 8px;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table td.product-name{font-size: 14px;} .woocommerce table.woocommerce-checkout-review-order-table td.product-name img{margin-bottom: 0;} .woocommerce table.order_details .product-name a,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name,.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total{color:#452815} .woocommerce table.woocommerce-checkout-review-order-table tbody .product-total{color:#452815;font-size:14px;font-weight:700} .woocommerce table.order_details td,.woocommerce table.order_details th,.woocommerce table.woocommerce-checkout-review-order-table td,.woocommerce table.woocommerce-checkout-review-order-table tfoot td,.woocommerce table.woocommerce-checkout-review-order-table tfoot th{border:0} .woocommerce table.order_details td,.woocommerce table.order_details li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li{margin-bottom: 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{font-weight:600;padding:0 8px 16px 0} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding:0 0 16px 8px;font-weight:500;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{border-top:1px solid #452815;padding-top:16px} .woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li input{margin:0 5px 0 0;vertical-align:middle} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:20px;font-weight:700;color: #678E34; padding-top:16px;padding-bottom:0;border-top:1px solid #452815} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top:16px;padding-bottom:0;border-top:1px solid #452815} .woocommerce-checkout .woocommerce form .form-row-first,.woocommerce-checkout .woocommerce form .form-row-last{width:100%;float:none} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{font-size:15px;text-transform:none;font-weight:500;letter-spacing:0;display:block;margin-bottom:20px} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input{position:relative;top:1px;margin-right:5px} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-form-login .lost_password{margin-bottom:0} .woocommerce .woocommerce-form-register .woocommerce-form-register__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{margin-bottom: 16px;} .woocommerce ul.order_details{padding-left: 0;margin: 0 0 16px;} .woocommerce ul.order_details li{margin-top:0} .woocommerce .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-column__title,.customnew h2{font-size:20px !important;line-height:1.5;font-weight: 600;} .woocommerce table.order_details{border:1px solid #eee;border-radius:3px;margin:0} .woocommerce table.order_details thead th{font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#452815;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5} .woocommerce table.order_details .product-total .amount{color:#452815;font-size:15px;font-weight:700} .woocommerce table.order_details tfoot td,.woocommerce table.order_details tfoot th{border:0} .woocommerce table.order_details tfoot th{font-weight:500} .woocommerce table.order_details tfoot td{color:#452815} .woocommerce table.order_details tfoot tr:first-child td,.woocommerce table.order_details tfoot tr:first-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child{color:#452815} .woocommerce table.order_details tfoot tr:last-child td,.woocommerce table.order_details tfoot tr:last-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child td{font-size:20px} #customer_details{float:left;width:50%;margin-bottom:0} #customer_details .col-1,#customer_details .col-2,.woocommerce div.product form.cart table.variations td.value{width:100%} #order_review{float:right;width:48%} #customer_login h2{font-size:24px} /* Wishlist */ .wishlist_table .product-add-to-cart a{margin: 0 auto !important;background: #678E34;color: #F4EAD7;border-radius: 16px;display: flex !important;align-items: center;padding: 0 10px;font-size: 12px;height: 26px;text-transform: uppercase;font-weight: bold;justify-content: center;} /* Thankyou */ .woocommerce-customer-details{display: none;} .yith_wcwl_wishlist_footer{display: none;} /* Account */ .account-body .box-login{padding: 20px;border: 2px solid #73411F;width: 468px;max-width: 100%;display: block;margin: 0 auto;border-radius: 10px;} .account-body .box-login #customer_login h2{font-weight: bold;} .account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;} .account-body .box-login [type="submit"]{width: 100%;background-color: #678E34 !important;color: #fff !important;} .account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;} .account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;} .account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;} .account-body .box-login .note a{color: #678E34;} .account-body .box-login .u-column2{display: none;} .account-body .box-login .note .note2{display: none;} .account-body .box-login.active .u-column2{display: block;} .account-body .box-login.active .u-column1{display: none;} .account-body .box-login.active .note .note2{display: block;} .account-body .box-login.active .note .note1{display: none;} .zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{flex: 1; margin-bottom: 0;text-align: center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: flex;align-items: center;justify-content: center; padding: 10px;border: 2px solid #678E34;color: #678E34;height: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #678E34;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads{display: none;} .woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #678E34;color: #fff;border-radius: 4px;} .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;} .woocommerce-EditAccountForm fieldset legend{font-weight: bold;font-size: 20px;margin-bottom: 16px;} .woocommerce-account .addresses .title h3{font-size: 18px;font-weight: bold;} /* Thành phần */ .list-tp{display: flex;flex-wrap: wrap;margin: -20px;} .list-tp .col-item{width: 25%;padding: 20px;} .swiper-tp{margin: -20px;} .swiper-tp .swiper-slide{height: auto;padding: 20px;} .tp-pagination{position: unset;margin-top: 20px;} .item-tp{height: 100%;display: flex;flex-direction: column;gap: 24px;padding: 20px;background: #FFFFFF80;border-radius: 20px;border: 1px solid #F4EAD780;text-align: center;transition: all .3s;} .item-tp:hover{box-shadow: 3px 4px 15px 0px #8F7B55BA;} .item-tp .thumb{height: 160px;display: flex;align-items: center;justify-content: center;} .item-tp .thumb img{object-fit: contain;max-height: 160px;} .item-tp .name{text-transform: uppercase;margin-bottom: 0;font-size: 20px;font-weight: bold;} .item-tp .desc{font-size: 12px;color: #452815;width: 160px;max-width: 100%;margin: 0 auto;} .item-tp .link a{display: inline-flex;align-items: center;padding: 0 20px;height: 28px;background: #FFFFFF80;border: 1px solid #73411F80;font-size: 10px;text-transform: uppercase;font-weight: bold;} .item-tp .desc *{margin-bottom: 0;} .tp-head .img{aspect-ratio: 5/6;overflow: hidden;} .tp-head .img img{height: 100%;} .tp-head .inner{display: flex;flex-direction: column;gap: 24px;} .tp-head .inner .top{display: flex;flex-direction: column;gap: 4px;padding-bottom: 16px;} .tp-head .inner .top .title{font-size: 32px;font-weight: 400;margin-bottom: 0;text-transform: capitalize;} .tp-head .inner .top .sub-title{color: #452815;} .tp-head .inner .it{display: flex;flex-direction: column;gap: 20px;} .box-tit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 8px;border-bottom: 1px solid #0000002B;} .box-tit .name{font-size: 18px;font-weight: 500;text-transform: capitalize;margin-bottom: 0;} .box-tit .value{color: #452815;} .tp-product{display: flex;flex-direction: column;gap: 40px;} .tp-related{display: flex;flex-direction: column;gap: 40px;} /* Home */ .home-banner .item{overflow: hidden;height: 850px;padding: 150px 0 100px;} .home-banner .item .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .home-banner .item .inner{position: relative;z-index: 2;} .home-banner .item .inner .box{display: flex;flex-direction: column;gap: 10px;} .home-banner .item .inner .box .title{margin-bottom: 0;font-size: 36px;font-weight: 500;color: #678E34;text-transform: capitalize;width: 720px;max-width: 100%;} .home-banner .item .inner .box .title strong{font-size: 72px;} .home-banner .item .inner .box .text{width: 570px;max-width: 100%;line-height: 1.8;} .home-policy{border-bottom: 1px solid #73411F80;padding: 25px 0;} .home-policy .list{display: flex;align-items: center;justify-content: space-evenly;} .home-policy .list .item{display: flex;align-items: center;gap: 16px;} .home-policy .list .item .icon img{object-fit: contain;width: 26px;height: 26px;} .home-policy .list .item .text{text-transform: uppercase;font-weight: 500;letter-spacing: 0.9px;} .home-product{padding: 80px 0;} .link-all-pro{padding-bottom: 60px;} .link-all-pro a{text-decoration: underline;} .home-about{display: flex;padding-left: calc(50% - 730px);justify-content: space-between;} .home-about .col-title{width: 380px;} .home-about .col-img{width: calc(100% - 490px);} .home-about .img{width: 100%;aspect-ratio: 6/5;overflow: hidden;} .home-about .img img{height: 100%;} .home-about .inner{padding-top: 40px;display: flex;flex-direction: column;gap: 30px;} .home-about .inner .title{font-size: 70px;font-weight: normal;margin-bottom: 0;color: #678E34;text-transform: capitalize;} .home-about .inner .title strong{font-size: 88px;display: block;} .home-about .inner .text{font-size: 18px;} .home-about .inner .link a{display: inline-block;text-decoration: underline;font-size: 20px;font-weight: 500;} .home-slogan{padding: 40px;font-size: 40px;} /* About */ .about-sec1{padding: 100px 0 60px;} .about-sec1 .page-title .mb{display: none;} .about-sec1 .box-quote{position: relative;padding: 48px 38px;font-size: 18px;} .about-sec1 .box-quote:before{content: "";display: block;width: 34px;height: 34px;background-image: url(images/open-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;} .about-sec1 .box-quote:after{content: "";display: block;width: 34px;height: 34px;background-image: url(images/close-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;bottom: 0;right: 0;} .about-sec1 .box-quote .link{margin-top: 30px;display: flex;justify-content: flex-end;padding-right: 40px;} .about-sec1 .box-quote .link a{display: block;font-weight: 500;text-decoration: underline;} .about-sec2 .section:nth-child(odd){background: #678E34;color: #F4EAD7;} .about-sec2 .section{display: flex;flex-wrap: wrap;} .about-sec2 .section .col-inner{width: 50%;min-height: 800px;padding-top: 80px;padding-bottom: 40px;display: flex;flex-direction: column;gap: 24px;justify-content: space-evenly;} .about-sec2 .section .col-img{width: 50%;position: relative;} .about-sec2 .section .col-img img{height: 100%;position: absolute;top: 0;left: 0;} .about-sec2 .section:nth-child(even){flex-direction: row-reverse;} .about-sec2 .section:nth-child(odd) .col-inner{padding-right: 60px;padding-left: calc(50% - 730px);} .about-sec2 .section:nth-child(even) .col-inner{padding-left: 60px;padding-right: calc(50% - 730px);} .about-title{font-size: 24px;margin-bottom: 0;font-weight: 400;text-transform: capitalize;} .about-title span{font-size: 52px;display: block;} .about-sec2 .section .col-inner .text{font-size: 14px;line-height: 26px;padding-top: 16px;} .about-sec2 .section .col-inner .link a{display: inline-block;text-decoration: underline;font-weight: 700;font-size: 14px;color: #73411F;} .about-sec2 .section:nth-child(odd) .col-inner .link a{color: #F4EAD7;} .about-sec2 .section .col-inner .main{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .about-sec2 .section .col-inner .main .right{width: 300px;} .about-sec2 .section .col-inner .main .left{max-width: calc(100% - 320px);} .list-ic{list-style: none;display: flex;flex-direction: column;gap: 40px;margin-bottom: 0;} .list-ic li{display: flex;align-items: center;gap: 19px;} .list-ic li .icon{width: 51px;display: flex;justify-content: center;} .list-ic li .icon img{object-fit: contain;max-height: 51px;} .list-ic li .box{width: calc(100% - 70px);} .list-ic li .box .name{font-size: 14px;font-weight: bold;} .list-ic li .box .number{font-weight: bold;font-size: 16px;color: #678E34;} .about-sec2 .section:nth-child(odd) .col-inner .list-ic li .box .number{color: #F4EAD7;} .about-sec3{padding: 60px 0;} .about-sec3 .block{display: flex;flex-direction: column;gap: 60px;} .about-sec3 .top{display: flex;flex-direction: column;gap: 24px;} .about-sec3 .gallery{display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 26px;list-style: none;margin-bottom: 0;} .about-sec3 .gallery .logo{background: transparent;border: none;} .about-sec3 .gallery .logo img{max-height: 152px;object-fit: contain;} .about-sec3 .gallery .logo.active img{filter: drop-shadow(5px 4px 10px #00000040);} .about-sec3 .text{font-size: 14px;line-height: 26px;width: 620px;max-width: 100%;margin: 0 auto;} .about-sec3 .bot{border-top: 1px solid #73411F80;padding-top: 30px;position: relative;} .about-sec3 .bot .home-slider{width: 688px;max-width: 100%;display: block;margin: 0 auto;} .swiper-newspaper{margin: -24px;} .swiper-newspaper .swiper-slide{padding: 24px;height: auto;} .swiper-newspaper .logo{width: 100%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;} .swiper-newspaper .logo img{object-fit: contain;max-height: 100%;} .newspaper-pagination{position: unset;margin-top: 20px;} .newspaper-prev{left: -120px;} .newspaper-next{right: -120px;} .about-top{padding: 80px 0 50px;} .about-top .inner{display: flex;flex-direction: column;gap: 10px;font-size: 18px;} .about-top .inner .about-title{color: #73411F;} .about3-top .inner .about-title{font-size: 32px;} .about3-top .inner .about-title span{font-size: 58px;} .about-top .inner .text{width: 450px;max-width: 100%;} .about-banner img{height: 757px;} .about0-block .page-title{text-align: center;} .about0-block .page-title .mb{display: none;} .about0-block{display: flex;flex-direction: column;gap: 40px;width: 940px;max-width: 100%;margin: 0 auto;} .about0-block .quote{font-size: 18px;text-align: center;} .about1-body{padding: 80px 0;} .about1-body .section:not(:last-child){padding-bottom: 60px;margin-bottom: 60px;border-bottom: 1px solid #73411F80;} .about1-sec1 .inner{display: flex;flex-direction: column;gap: 24px;justify-content: space-evenly;width: 940px;max-width: 100%;margin: 0 auto;} .about1-sec1 .inner .text{font-size: 14px;line-height: 26px;padding-top: 16px;} .about2-sec1 .inner .text{padding-top: 0;} .about1-sec1 .inner .main{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .about1-sec1 .inner .main .left{max-width: calc(100% - 460px);} .about1-sec1 .inner .main .right{width: 440px;} .about1-sec1 .inner .main .list-ic{padding-left: 45px;position: relative;} .about1-sec1 .inner .main .list-ic:before{content: "";display: block;width: 6px;height: calc(100% - 16px);background: #678E34;top: 8px;left: 0;position: absolute;} .about1-sec1 .inner .main .about-title{color: #678E34;} .about1-sec2 .block:not(:last-child){margin-bottom: 80px;} .about1-sec2 .block .col-left{width: 394px;} .about1-sec2 .block .col-right{max-width: calc(100% - 394px);width: 904px;margin-left: auto;} .about1-sec2 .block .inner{display: flex;flex-direction: column;gap: 20px;} .about1-sec2 .benh-nhi-title span{font-size: 26px;} .about1-sec2 .block .inner .content-post{font-size: 16px;} .about1-sec2 .block .inner .number{display: flex;align-items: center;gap: 16px;font-size: 36px;color: #678E34;} .about1-sec2 .block .inner .number img{height: 40px;object-fit: contain;} .about1-sec2 .block .inner .link a{display: inline-flex;height: 34px;background: #678E34;border-radius: 24px;padding: 0 16px;text-decoration: underline;color: #F4EAD7;font-size: 12px;font-weight: 500;align-items: center;justify-content: center;} .about1-sec2 .block .search{margin: 0 auto;width: 940px;max-width: 100%;flex-direction: column;display: flex;} .about1-sec2 .block .search .box{display: flex;align-items: center;justify-content: space-between;padding: 0 24px;font-size: 18px;} .about1-sec2 .block .search .box .capt{text-transform: capitalize;line-height: 45px;} .about1-sec2 .block .search .box .link{display: inline-block;text-decoration: underline;line-height: 45px;} .about1-sec2 .block .search form{width: 100%;position: relative;} .about1-sec2 .block .search form input[type="text"]{height: 56px;border-radius: 30px;} .about1-sec2 .block .search form input[type="submit"]{font-size: 0;width: 86px;height: 56px;background-color: transparent;border-radius: 0;position: absolute;top: 0;right: 0;background-image: url(images/ic-submit.png);background-size: 30px;background-repeat: no-repeat;background-position: center;} .about1-sec3 .links{padding-left: 40px;} .about1-sec3 .links a{display: inline-flex;align-items: center;gap: 4px;text-decoration: underline;font-size: 14px;font-weight: bold;} .about1-sec3 .links a img{object-fit: contain;height: 24px;width: 24px;} .about1-sec3 .home-slider{padding: 0 80px;} .abs3-pagination{position: unset;margin-top: 30px;} .swiper-abs3{margin: -30px;} .about1-sec3 .benh-nhi-title{display: none;} .swiper-abs3 .swiper-slide{padding: 30px;height: auto;} .swiper-abs3 .item{display: flex;align-items: center;justify-content: space-between;} .swiper-abs3 .item .img{width: calc(50% - 70px);overflow: hidden;aspect-ratio: 34/25;border-radius: 40px;} .swiper-abs3 .item .img img{height: 100%;} .swiper-abs3 .item .info{width: calc(50% - 10px);display: flex;flex-direction: column;gap: 20px;} .swiper-abs3 .item .info .name{margin-bottom: 0;color: #678E34;font-size: 24px;font-weight: bold;text-transform: capitalize;} .swiper-abs3 .item .info .capt{font-size: 20px;margin-bottom: 0;} .swiper-abs3 .item .info .desc{font-size: 14px;text-align: justify;} .swiper-abs3 .item .info .link a{display: inline-block;text-decoration: underline;font-size: 14px;font-weight: bold;} .about1-sec4 .inner{height: 100%;display: flex;flex-direction: column;justify-content: space-evenly;gap: 16px;border: 1px solid #452815;border-radius: 40px;padding: 40px;font-size: 14px;} .about1-sec4 .inner .title{font-size: 24px;font-weight: bold;margin-bottom: 0;color: #452815;} .about1-sec4 .inner .thumb img{object-fit: contain;max-height: 140px;} .about1-sec4 .inner .link{padding-top: 24px;} .about1-sec4 .inner .link a{display: inline-flex;align-items: center;gap: 4px;text-decoration: underline;font-size: 14px;font-weight: bold;justify-content: center;} .about1-sec4 .inner .link a img{object-fit: contain;height: 24px;width: 24px;} .about1-sec4 .home-slider{padding: 0 60px;} .swiper-abs4{margin: -40px;} .swiper-abs4 .swiper-slide{padding: 40px;height: auto;} .swiper-abs4 .item{height: 100%;display: flex;flex-direction: column;gap: 20px;} .swiper-abs4 .item .img{overflow: hidden;aspect-ratio: 13/10;border-radius: 40px;} .swiper-abs4 .item .img img{height: 100%;} .swiper-abs4 .item .info{padding: 0 10px;display: flex;flex-direction: column;gap: 16px;font-size: 14px;} .swiper-abs4 .item .info .name{margin-bottom: 0;font-size: 20px;font-weight: bold;} .swiper-abs4 .item .info .name a{color: #678E34;} .swiper-abs4 .item .info .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 12px;} .swiper-abs4 .item .info .list li{display: flex;align-items: center;gap: 10px;} .swiper-abs4 .item .info .list li .icon{width: 29px;} .swiper-abs4 .item .info .list li .icon img{object-fit: contain;} .swiper-abs4 .item .info .list li .text{width: calc(100% - 39px);font-weight: bold;} .swiper-abs4 .item .info .link a{display: inline-block;font-weight: bold;text-decoration: underline;} .abs4-pagination{position: unset;margin-top: 10px;} .about2-sec1{padding: 80px 0;background: #678E34;color: #F4EAD7;} .about2-sec1.about1-sec1 .inner .main .about-title{color: #F4EAD7;} .about2-sec1 .list-ic li .box .number{color: #F4EAD7;} .about2-sec1.about1-sec1 .inner .main .list-ic:before{background: #F4EAD7;} .about2-sec2 .block .inner{gap: 30px;} .about2-sec2 .benh-nhi-title{font-size: 36px;} .about2-sec2 .benh-nhi-title span{font-size: 95px;} .about2-sec2 .swiper-bn{margin: -20px;} .about2-sec2 .swiper-bn .swiper-slide{padding: 20px;} .about2-sec2 .img{overflow: hidden;border-radius: 36px;aspect-ratio: 10/21;} .about2-sec2 .img img{height: 100%;} .about3-sec2 .item{display: flex;flex-wrap: wrap;} .about3-sec2 .item:nth-child(even){flex-direction: row-reverse;background: #678E34;color: #F4EAD7;} .about3-sec2 .item .img{overflow: hidden;position: relative;width: 50%;} .about3-sec2 .item .img img{height: 100%;position: absolute;top: 0;left: 0;} .about3-sec2 .item:nth-child(even) .benh-nhi-title{color: #F4EAD7;} .about3-sec2 .item .inner{padding: 40px 40px 100px calc(50% - 730px);width: 50%;} .about3-sec2 .item:nth-child(even) .inner{padding: 40px calc(50% - 730px) 100px 40px;} .about3-sec2 .item .inner .home-block{width: 552px;max-width: 100%;} .about3-sec2 .item:nth-child(even) .inner .home-block{margin-left: auto;} .about3-sec2 .item .inner .content-post{font-size: 14px;} .about3-sec2 .item .inner .content-post p,.about3-sec2 .item .inner ul,.about3-sec2 .item .inner table,.about3-sec2 .item .inner blockquote{margin-bottom: 8px;} .about3-sec3{padding: 80px 0 100px;} .about3-sec3 .quote{text-align: center;font-size: 28px;line-height: 2;width: 920px;position: relative;margin: 0 auto;display: block;padding: 0 90px;} .about3-sec3 .quote:before{content: "";display: block;width: 30px;height: 30px;background-image: url(images/open-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 5px;left: 0;} .about3-sec3 .quote:after{content: "";display: block;width: 30px;height: 30px;background-image: url(images/close-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;bottom: 5px;right: 0;} .about4-top{padding: 80px 0 60px;} .about4-top .box-title{display: flex;flex-direction: column;gap: 16px;margin-bottom: 30px;} .about4-title{font-size: 32px;font-weight: normal;margin-bottom: 0;text-transform: capitalize;} .about4-title span{font-size: 43px;display: block;} .about4-top .box-title .text{font-size: 18px;} .about4-top .quote{position: relative;padding: 50px 40px;font-size: 18px;} .about4-top .quote:before{content: "";display: block;width: 36px;height: 36px;background-image: url(images/open-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;} .about4-top .quote:after{content: "";display: block;width: 36px;height: 36px;background-image: url(images/close-quote.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;bottom: 0;right: 0;} .about4-top .step{margin-top: 60px;display: flex;justify-content: space-between;align-items: flex-start;} .about4-top .step .item{width: 210px;text-align: center;display: flex;flex-direction: column;gap: 24px;} .about4-top .step .item .icon{height: 210px;display: flex;align-items: flex-end;justify-content: center;} .about4-top .step .item .icon img{object-fit: contain;max-height: 100%;} .about4-top .step .item .text{font-size: 16px;} .about4-top .step .sub{font-size: 40px;height: 200px;display: flex;align-items: center;} .box-progress{margin-top: 60px;} .box-progress .box{width: calc(50% + 16px);background: #678E34;border-radius: 34px;padding: 34px 44px 44px;color: #F4EAD7;font-size: 14px;} .box-progress .box .line-progress{position: relative;width: 100%;margin-top: 40px;margin-bottom: 6px;height: 26px;background: #F4EAD7;border-radius: 4px;padding: 3px;} .box-progress .box .line-progress .line{width: 100%;height: 100%;position: relative;} .box-progress .box .line-progress .line .percent{position: absolute;height: 100%;width: 0;background: #678E34;border-radius: 3px;left: 0;top: 0;} .box-progress .box .line-progress .line .percent .icon{object-fit: contain;position: absolute;bottom: calc(100% + 10px);right: -5px;height: 24px;} .box-progress .box .line-progress .number{font-weight: bold;position: absolute;left: 3px;bottom: calc(100% + 5px);} .box-progress .box .name-progress{display: flex;justify-content: space-between;align-items: flex-start;} .box-progress .box .name-progress .end{text-align: right;} .box-progress .box .price-progress{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 24px;font-size: 20px;font-weight: bold;} .box-progress .box .price-progress .end{text-align: right;} .box-progress .inner{width: calc(50% - 98px);display: flex;flex-direction: column;gap: 24px;} .box-progress .inner .name{font-size: 24px;margin-bottom: 0;color: #678E34;font-weight: normal;text-transform: capitalize;} .box-progress .inner .text{font-size: 14px;} .about4-top .products{padding-top: 60px;margin-top: 60px;border-top: 1px solid #73411F80;} .swiper-pro{margin: -30px;} .swiper-pro .swiper-slide{padding: 30px;height: auto;} .pro-pagination{position: unset;margin-top: 20px;} .pro-prev,.pro-next{display: none;} .about4-top .products .taxonomy-child:not(:last-child){margin-bottom: 60px;} .about4-top .products .taxonomy-title .title{font-size: 20px;} .about4-top .products .taxonomy-title .title span{font-size: 32px;} .about4-top .products .taxonomy-title .text{font-size: 14px;} .about4-center{background: #678E34;padding: 100px 0;color: #F4EAD7;font-size: 14px;} .about4-center .inner{width: 590px;max-width: 100%;display: flex;flex-direction: column;gap: 40px;} .about4-center .inner .title{font-size: 40px;font-weight: bold;margin-bottom: 0;text-transform: capitalize;} .about4-center .list{display: flex;flex-wrap: wrap;margin: -8px -18px;} .about4-center .list .col-item{padding: 8px 18px;width: 50%;} .about4-center .list .item{height: 100%;background: #F4EAD7;border-radius: 12px;display: flex;align-items: flex-start;gap: 14px;padding: 26px 16px 20px;color: #678E34;} .about4-center .list .item .icon{width: 40px;display: flex;justify-content: flex-end;} .about4-center .list .item .box{width: calc(100% - 54px);display: flex;flex-direction: column;gap: 6px;} .about4-center .list .item .box .number{font-weight: bold;font-size: 24px;line-height: 1.3;} .about4-bot{padding: 80px 0;} .about5-sec1 .item{display: flex;flex-wrap: wrap;} .about5-sec1 .item .img{overflow: hidden;position: relative;width: 50%;} .about5-sec1 .item .img img{height: 100%;position: absolute;top: 0;left: 0;} .about5-sec1 .item .inner{width: 50%;padding: 40px 40px 60px calc(50% - 730px);} .about5-sec1 .item .inner .block{width: 616px;max-width: 100%;display: flex;flex-direction: column;gap: 30px;} .about5-sec1 .item:nth-child(even){flex-direction: row-reverse;} .about5-sec1 .item:nth-child(odd){background: #E9D5B9;} .about5-sec1 .item:nth-child(odd) .inner{padding: 40px calc(50% - 730px) 60px 40px;} .about5-sec1 .item:nth-child(odd) .inner .block{margin-left: auto;} .about5-sec3{padding: 60px 0;border-top: 1px solid #73411F80;} .about5-body .block{display: flex;flex-direction: column;gap: 30px;} .about5-sec3 .list{display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 736px;flex-wrap: wrap;} .about5-sec3 .list .col-item{padding: 0 24px;width: 25%;} .about5-sec3 .list .logo{width: 100%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;} .about5-sec3 .list .logo img{object-fit: contain;max-height: 100%;} .about5-sec3 .home-slider{padding: 0 100px;} .abs5-prev{left: 30px;} .abs5-next{right: 30px;} .abs5-pagination{position: unset;margin-top: 20px;} .swiper-abs5{margin: -20px;} .swiper-abs5 .swiper-slide{height: auto;padding: 20px;} .swiper-abs5 .item{height: 100%;background: #E9D5B9;border-radius: 40px;overflow: hidden;display: flex;flex-direction: column;} .swiper-abs5 .item .img{overflow: hidden;aspect-ratio: 3/2;} .swiper-abs5 .item .img img{height: 100%;} .swiper-abs5 .item .info{display: flex;flex-direction: column;padding: 12px 32px 32px;gap: 20px;} .swiper-abs5 .item .info .name{font-size: 20px;font-weight: bold;height: 52px;overflow: hidden;width: 384px;max-width: 100%;margin: 0 auto;} .swiper-abs5 .item .info .name a{color: #452815;} .swiper-abs5 .item .info .text{font-size: 14px;color: #452815;width: 384px;max-width: 100%;margin: 0 auto;} .swiper-abs5 .item .info .logo{height: 60px;display: flex;align-items: center;justify-content: center;} .swiper-abs5 .item .info .logo img{object-fit: contain;max-height: 100%;} /* Bệnh nhi */ .benh-nhi-body{display: flex;flex-direction: column;gap: 80px;} .benh-nhi-top{display: flex;margin: 0 auto;width: 940px;max-width: 100%;flex-direction: column;gap: 36px;} .benh-nhi-top .top{display: flex;align-items: flex-end;justify-content: space-between;} .benh-nhi-title{font-size: 20px;font-weight: 400;color: #678E34;margin-bottom: 0;text-transform: capitalize;} .benh-nhi-title span{display: block;font-size: 36px;} .benh-nhi-title .mb{display: none;} .benh-nhi-top .top .benh-nhi-title{padding-bottom: 24px;} .benh-nhi-top .number{display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 78px;border-radius: 16px;border: 1px solid #678E34;gap: 12px;font-size: 36px;color: #678E34;} .benh-nhi-top .number img{object-fit: contain;height: 45px;} .benh-nhi-top .content-post{font-size: 16px;} .list-benh-nhi{display: flex;flex-wrap: wrap;margin: -40px;} .list-benh-nhi .col-item{width: calc(100% / 3);padding: 40px;} .swiper-bn{margin: -38px;} .swiper-bn .swiper-slide{padding: 38px;height: auto;} .bn-pagination{display: none;} .bn-prev{left: -50px;} .bn-next{right: -50px;} .item-bn{height: 100%;overflow: hidden;border-radius: 40px;background: #E9D5B9;display: flex;flex-direction: column;} .item-bn .img{overflow: hidden;aspect-ratio: 25/28;} .item-bn .img img{height: 100%;} .item-bn .name{margin-bottom: 0;background: #678E34;text-align: center;text-transform: capitalize;padding: 5px;font-size: 25px;font-weight: bold;} .item-bn .name a{display: inline-block;color: #F4EAD7;} .item-bn .info{display: flex;flex-direction: column;gap: 24px;padding: 16px 36px 36px;} .item-bn .info .desc{font-size: 14px;} .item-bn .info .desc *{margin-bottom: 0;line-height: 1.4;} .item-bn .info .list{list-style: none;margin-bottom: 0;flex-direction: column;display: flex;gap: 20px;} .item-bn .info .list li{display: flex;align-items: center;gap: 20px;} .item-bn .info .list li .icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;} .item-bn .info .list li .icon img{object-fit: contain;max-height: 100%;} .item-bn .info .list li .box{width: calc(100% - 70px);display: flex;flex-direction: column;gap: 2px;} .item-bn .info .list li .box .key{font-size: 16px;line-height: 1.2;} .item-bn .info .list li .box .value{font-size: 20px;font-weight: bold;color: #678E34;line-height: 1;} .item-bn .info .link a{display: inline-block;font-weight: 500;font-size: 14px;text-decoration: underline;} @media (max-width: 1499px) { .home-about{padding-left: calc(50% - 640px);} .home-about .col-title{width: 350px;} .home-about .col-img{width: calc(100% - 390px);} .home-about .inner .title{font-size: 24px;} .home-about .inner .title strong{font-size: 48px;} .about-sec2 .section:nth-child(2n+1) .col-inner{padding-right: 40px;padding-left: calc(50% - 640px);} .about-sec2 .section:nth-child(2n) .col-inner{padding-left: 40px;padding-right: calc(50% - 640px);} .about3-sec2 .item .inner{padding: 40px 40px 100px calc(50% - 640px);} .about3-sec2 .item:nth-child(2n) .inner{padding: 40px calc(50% - 640px) 100px 40px;} .item-tp .name{font-size: 32px;} #header .mega-menu > li > .wrap-menu{padding: 30px 20px;} } @media (max-width: 1399px) { *{line-height: 1.5;} #header .mega-menu{column-gap: 30px;} #header #mega-menu-wrap-main-right{margin-right: 0;} #header #mega-menu-wrap-main-left{margin-left: 0;} #header .mega-menu > li > a{font-size: 15px;} #header .mega-menu > li > .wrap-menu > .mega-sub-menu > li .sub-menu li > a{font-size: 15px;} #header .mega-menu > li > .wrap-menu{padding: 20px;} .banner-bot{height: 400px;} .character-bot{padding: 30px 0;} .character-bot .list .item .text{letter-spacing: 1px;} .footer-main{padding: 40px 60px;gap: 40px;} .footer-bot{padding: 30px 60px;} .footer-main .title-form{font-size: 30px;} .footer-main .main .widget-title{line-height: 32px;} #touch-contact{height: 50px;padding: 0 24px;font-size: 15px;} .contact-fixed{width: 240px;height: 54px;} #hidden-contact a{width: 54px;height: 54px;} #hidden-contact a img{transform: scale(0.8);} .page-body{padding: 60px 0;} .page-body .section:not(:last-child){margin-bottom: 60px;} .home-block{gap: 30px;} .page-title{font-size: 28px;} .item-news .info{gap: 10px;} .item-news .info .meta{padding-bottom: 10px;column-gap: 16px;row-gap: 10px;} .widget-post .item .info .name{font-size: 15px;} .page-sidebar .widget-title{font-size: 20px;} .single-another{padding: 20px;} .about-sec1{padding: 60px 0 30px;} .about-sec1 .box-quote .link{padding-right: 30px;margin-top: 20px;} .about-sec1 .box-quote{font-size: 16px;} .about-sec2 .section .col-inner{padding-top: 50px;padding-bottom: 30px;} .about-sec2 .section:nth-child(2n+1) .col-inner{padding-left: 30px;padding-right: 30px;} .about-sec2 .section:nth-child(2n) .col-inner{padding-left: 30px;padding-right: 30px;} .about-title{font-size: 20px;} .about-title span{font-size: 42px;} .about-sec2 .section .col-inner{min-height: 600px;} .about-sec3 .block{gap: 40px;} .about-top .inner{font-size: 15px;} .about-top{padding: 60px 0 30px;} .about-banner img{height: 520px;} .about1-body{padding: 60px 0;} .swiper-abs3 .item .img{width: calc(50% - 40px);} .swiper-abs3 .item .info{width: 50%;} .swiper-abs3 .item .info .capt{font-size: 18px;} .about1-sec4 .home-slider{padding: 0 40px;} .swiper-abs4{margin: -20px;} .swiper-abs4 .swiper-slide{padding: 20px;} .about1-sec4 .inner{padding: 30px;} .about2-sec2 .benh-nhi-title{font-size: 28px;} .about2-sec2 .benh-nhi-title span{font-size: 72px;} .about1-sec2 .block:not(:last-child){margin-bottom: 60px;} .about3-sec2 .item .inner{padding: 40px 30px;} .about3-sec2 .item:nth-child(2n) .inner{padding: 40px 30px;} .benh-nhi-title span{font-size: 32px;} .about3-sec3{padding: 40px 0 60px;} .about3-sec3 .quote{font-size: 24px;width: 760px;padding: 0 60px;} .list-benh-nhi{margin: -20px;} .list-benh-nhi .col-item{padding: 20px;} .item-bn .info .list li .box .value{font-size: 18px;} .benh-nhi-body{gap: 50px;} .item-tp{gap: 20px;} .item-tp .name{font-size: 26px;} .taxonomy-top{padding: 60px 0 0;} .taxonomy-top .col-product{padding-bottom: 40px;max-width: calc(100% - 300px - 40px);} .taxonomy-top .col-title{width: 300px;} .taxonomy-title .title{font-size: 24px;} .taxonomy-title .title span{font-size: 48px;} .taxonomy-title .text{font-size: 16px;} .taxonomy-child .col-title{width: 300px;} .taxonomy-child .col-product{max-width: calc(100% - 300px - 40px);} .list-product{margin: -20px !important} .list-product .item-product{padding: 20px !important} .item-product .box .meta{font-size: 20px;} .item-product .box .info .price{font-size: 20px;width: 110px;} .item-product .box .info .name{max-width: calc(100% - 110px);} .taxonomy-child .taxonomy-title{padding-top: 60px;} .detail-head .row{--bs-gutter-x: 40px;} .woocommerce div.product .product_title{font-size: 30px;} .detail-head .price{font-size: 22px !important;margin-bottom: 16px;} .woocommerce div.product .character .item{gap: 15px;} .woocommerce div.product .character .item .text{width: calc(100% - 56px);} .woocommerce div.product form.cart div.quantity{width: 160px;} .woocommerce div.product form.cart .button{padding: 0 30px;} .detail-head{margin-bottom: 60px;} .detail-body{margin-bottom: 60px;} .detail-faqs .row{--bs-gutter-x: 40px;} .detail-faqs{margin-top: 60px;} .detail-faqs .inner{gap: 60px;} .detail-faqs .inner .box-faqs{gap: 40px;} .detail-faqs .inner .title{font-size: 30px;} .detail-faqs .inner .box-faqs .accordion-button{font-size: 16px;} .detail-related{margin-top: 60px;} .detail-related .title{margin-bottom: 20px;} .home-banner .item{height: 600px;padding: 120px 0 80px;} .home-banner .item .inner .box{gap: 20px;} .home-banner .item .inner .box .title{font-size: 24px;} .home-banner .item .inner .box .title strong{font-size: 48px;} .home-policy{padding: 20px 0;} .home-product{padding: 60px 0;} .home-about .col-title{width: 300px;} .home-about .col-img{width: calc(100% - 350px);} .home-about{padding-left: calc(50% - 580px);} .home-about .inner{gap: 20px;} .home-about .inner .title{font-size: 24px;} .home-about .inner .title strong{font-size: 48px;} .home-about .inner .text{font-size: 16px;} .home-about .inner .link a{font-size: 16px;} .home-slogan{padding: 30px;font-size: 28px;} #header .col-right .account{font-size: 15px;} } @media (max-width: 1199px) { #header .flex{column-gap: 20px;} #header .mega-menu{column-gap: 20px;} .home-about{padding-left: calc(50% - 530px);} } @media (max-width: 991px) { html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body { overflow-y: visible; position: relative; } html, body { overflow-x: hidden; margin: 0; } #main{overflow: hidden;} .backtop a{width: 40px;height: 40px;} .backtop a img{max-width: 20px;max-height: 20px;} #header .mega-menu-wrap{display: none;} #header .flex{column-gap: 10px;} #header .col-left #touch-search{display: none;} #header .col-right #touch-search{display: flex;} #header .account{display: none;} #header .account-mb{display: none;align-items: center;} #header .account-mb svg{width: 16px;height: 16px;fill: #678E34;} #header .col-logo{width: 160px;} #header .logo{height: 58px;} #header .col-left, #header .col-right{width: calc(50% - 80px);} #header .wishlist{display: none;} #language{display: none;} #touch-menu{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;margin-right: 6px;} html.active-menu{overflow: hidden;} .line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 99998;} html.active-menu .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;} #menu-mobile{display: block;transition: all .5s; background: #F9F1E2;z-index: 99999;position: fixed;width: 240px;height: calc(100% - 10px);top: 5px;left: -250px;opacity: 0;visibility: hidden;padding-top: 50px;border-radius: 4px;} html.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 5px;box-shadow: 0px 15px 22px 0px #0000000D;} #menu-mobile .close{width: 18px;height: 18px;position: absolute;top: 20px;left: 20px;display: flex;align-items: center;justify-content: center;} #menu-mobile ul{list-style: none;margin-bottom: 0;} #menu-mobile .box-menu{height: 100%;overflow-y: auto;padding: 10px 15px 10px 35px;} #menu-mobile .menu{display: flex !important;flex-direction: column;gap: 12px;} #menu-mobile .menu>li>a{display: block;font-size: 16px;font-weight: bold;color: #678E34;letter-spacing: 1.4px;} #menu-mobile .menu>li{position: relative;} #menu-mobile .menu>li.menu-item-has-children>a{padding-right: 18px;} #menu-mobile .menu>li>svg{position: absolute;width: 18px;height: 18px;padding: 2px;top: 4px;right: -4px;fill: #A0B981;transition: all .3s;transform: rotate(-90deg);} #menu-mobile .menu>li.re-arrow>svg{transform: rotate(0);} #menu-mobile .menu>li>ul{display: none;} #menu-mobile .menu>li>ul>li{margin-top: 10px;} #menu-mobile .menu>li>ul>li>a{font-size: 12px;font-weight: 300;color: #678E34;display: inline-block;letter-spacing: 1px;} #menu-mobile #language{display: block;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);flex: none;} .banner-bot{height: 300px;} .character-bot .list{flex-wrap: wrap;margin: -5px;} .character-bot .list .item{padding: 5px;width: calc(100% / 3);gap: 10px;} .character-bot .list .item .icon{width: 42px;} .character-bot .list .item .text{width: calc(100% - 52px);} #footer{flex-direction: column;} #footer .col-img{width: 100%;} #footer .col-img .img img{height: auto;} #footer .col-inner{width: 100%;} .footer-main{padding: 30px 20px;gap: 30px;} .footer-main .title-form{font-size: 24px;} .footer-main .main .widget-title{font-size: 14px;text-transform: uppercase;line-height: 26px;} .footer-main .main .widget-title:after{width: 86px;} .footer-main .main{row-gap: 30px;} .footer-bot{padding: 30px 20px;} .footer-bot .flex{position: relative;} .contact-fixed{height: 42px;width: 170px;justify-content: flex-end;} body.single-product .contact-fixed{bottom: 55px;} #touch-contact{height: 30px;font-size: 14px;padding: 0 20px;} #hidden-contact{gap: 10px;} #hidden-contact a{width: 42px;height: 42px;} #hidden-contact a img{transform: scale(0.6);} #hidden-contact .close{width: 24px;height: 24px;} .page-body{padding: 30px 0 60px;} .page-title{font-size: 24px;} .list-news{margin: -20px;} .list-news .col-item{padding: 20px;width: 50%;} .item-news .info{padding: 24px 32px;} .item-news .info .meta .cat{height: 26px;padding: 0 16px;} .item-news .info .meta .date{height: 26px;padding: 0 16px;} .pagination ul{gap: 8px;} .pagination ul li span, .pagination ul li a{font-size: 14px;height: 22px;width: 22px;} .single-body .col-sidebar{width: 100%;display: none;} .single-body .col-content{width: 100%;} .single-body{gap: 40px;} .single-thumb{margin-bottom: 24px;} .single-meta{column-gap: 16px;row-gap: 10px;} .single-meta .tag{font-size: 10px;height: 26px;} .single-meta .date{font-size: 10px;height: 26px;} .single-another{padding: 10px 20px;} .single-another .item a{gap: 10px;font-size: 12px;} .single-another .item a svg{width: 18px;} .single-divider{display: none;} .single-inner{width: 100%;} .about-sec1{padding: 20px 0;} .about-sec1 .page-title{font-size: 40px;} .about-sec1 .box-quote{padding: 25px 0 0;} .about-sec1 .box-quote:before{height: 15px;width: 20px;} .about-sec1 .box-quote:after{height: 15px;width: 20px;bottom: 30px;} .about-sec1 .box-quote .link{justify-content: flex-start;margin-top: 30px;} .about-sec2 .section .col-inner{width: 100%;padding: 30px 20px 20px 20px !important;min-height: inherit;} .about-sec2 .section .col-img{width: 100%;} .about-title{font-size: 24px;} .about-title span{font-size: 40px;} .list-ic{gap: 20px;} .about-sec2 .section .col-img img{position: unset;height: 360px;} .about-sec2 .section .col-inner .text{padding-top: 0;} .about-sec2 .section .col-inner .img-bot img{object-fit: contain;max-height: 240px;} .about-sec3 .gallery .logo img{max-height: 90px;} .about-sec3 .gallery{gap: 10px;} .about-sec3{padding: 30px 0 40px;} .about-sec3 .block{gap: 30px;} .about-sec3 .bot{padding-top: 0;border-top: 0;} .swiper-newspaper{margin: -12px;} .about-sec3 .bot .home-slider{width: 472px;} .swiper-newspaper .swiper-slide{padding: 12px;} .swiper-button-next, .swiper-button-prev{width: 30px;height: 30px;} .swiper-button-next svg, .swiper-button-prev svg{width: 12px;height: 24px;} .newspaper-prev{left: -40px;} .newspaper-next{right: -40px;} .newspaper-pagination{margin-top: 0;} body.page-template-page-about1 .about-top{display: none;} body.page-template-page-about2 .about-top{display: none;} body.page-template-page-about3 .about-top{display: none;} .about-top{padding: 30px 0;} .about-banner img{height: 320px;} .about1-body{padding: 30px 0;} .about1-body .section:not(:last-child){padding-bottom: 30px;margin-bottom: 30px;} .about1-sec2 .block .col-left{width: 100%;} .about1-sec2 .block .inner{gap: 16px;} .benh-nhi-title{font-size: 24px;} .benh-nhi-title span{font-size: 40px;} .about1-sec2 .benh-nhi-title span{font-size: 40px;} .about1-sec2 .block .inner .number{font-size: 24px;} .about1-sec2 .block .inner .thumb{display: none;} .about1-sec2 .block .col-right{width: 100%;max-width: 100%;} .swiper-bn{margin: -15px;} .swiper-bn .swiper-slide{padding: 15px;} .item-bn .name{font-size: 20px;} .item-bn .info{padding: 16px 24px 32px;gap: 20px;} .item-bn .info .list li .icon{width: 40px;height: 40px;} .item-bn .info .list li .box{width: calc(100% - 60px);} .item-bn .info .list li .box .key{font-size: 14px;} .item-bn .info .list li .box .value{font-size: 20px;} .about1-sec2 .block:not(:last-child){margin-bottom: 40px;} .about1-sec2 .block .search form input[type="text"]{height: 40px;padding: 5px 15px;} .about1-sec2 .block .search form input[type="submit"]{width: 60px;height: 40px;background-size: 20px;} .about1-sec2 .block .search .box{padding: 0;font-size: 15px;} .about1-sec3 .benh-nhi-title{display: block;} .swiper-abs3 .item{flex-direction: column;justify-content: none;gap: 24px;} .swiper-abs3 .item .img{width: 100%;border-radius: 20px;} .swiper-abs3 .item .info{width: 100%;} .swiper-abs3 .item .info .name{display: none;} .about1-sec3 .home-slider{padding: 0;} .swiper-abs3{margin: -20px;} .swiper-abs3 .swiper-slide{padding: 20px;} .abs3-prev,.abs3-next{display: none;} .abs3-pagination{margin-top: 20px;} .about1-sec3 .links{padding-left: 0;text-align: center;} .about1-sec4 .inner{font-size: 16px;} .about1-sec4 .inner .title{font-size: 32px;} .about1-sec4 .inner .link{padding-top: 20px;} .about1-sec4 .home-slider{padding: 0;} .abs4-prev,.abs4-next{display: none;} .about2-sec1{padding: 30px 0;} .about3-sec2 .item .img{width: 100%;} .about3-sec2 .item .inner{padding: 30px 20px;width: 100%;} .about3-sec2 .item:nth-child(2n) .inner{padding: 30px 20px;} .about3-sec2 .item .inner .home-block{width: 100%;} .about3-sec2 .item .img img{position: unset;} .about3-sec3{padding: 40px 0;} .about3-sec3 .quote{font-size: 16px;padding: 30px 0;width: 100%;line-height: 1.5;} .about3-sec3 .quote:before{width: 20px;height: 15px;} .about3-sec3 .quote:after{width: 20px;height: 15px;} .about5-sec1 .item .img{width: 100%;} .about5-sec1 .item .img img{position: unset;} .about5-sec1 .item .inner{width: 100%;padding: 30px 20px !important;} .about5-sec1 .item .inner .block{width: 100%;} .about5-sec3 .list{width: 496px;} .about5-sec3 .list .col-item{padding: 0 12px;} .swiper-abs5{margin: -20px 10px;} .abs5-prev{left: -15px;} .abs5-next{right: -15px;} .taxonomy-title{text-align: center;} .list-product{margin: -10px !important;} .list-product .item-product{padding: 0 !important;width: calc(100% / 3) !important;} .taxonomy-child .col-title{width: 100%;} .taxonomy-child{flex-wrap: wrap;gap: 30px;} .taxonomy-child .taxonomy-title{padding-top: 0;} .taxonomy-child .col-product{max-width: 100%;max-width: 100%;} .taxonomy-top{padding: 30px 0 0;} .taxonomy-top .flex{gap: 30px;} .taxonomy-top .col-title{width: 100%;} .taxonomy-top .taxonomy-title{padding-top: 0;} .taxonomy-top .col-product{max-width: 100%;width: 100%;border-bottom-width: 6px;} .taxonomy-title .title span{font-size: 40px;} .swiper-promb{margin: -10px;} .swiper-promb .swiper-slide{padding: 10px;} .home-banner .item{height: auto;padding: 40px 0 50px;} .home-banner .item .inner .box .title{font-size: 24px;} .home-banner .item .inner .box .title strong{font-size: 32px;} .home-banner .item .inner .box{width: 55%;} .home-policy{padding: 16px 0;} .home-policy .list{flex-wrap: wrap;gap: 8px;} .home-policy .list .item{width: calc(50% - 4px);} .home-policy .list .item .icon img{width: 22px;height: 22px;} .home-policy .list .item .text{font-size: 12px;} .home-product{padding: 40px 0;} .taxonomy-title .text{max-width: 360px;margin: 0 auto;} .home-about{padding-left: 0;background: #E0C4A08C;flex-wrap: wrap;} .home-about .col-title{width: 100%;padding: 40px 20px;text-align: center;} .home-about .inner .title{font-size: 24px;} .home-about .inner .title strong{font-size: 48px;} .home-about .inner{padding-top: 0;} .home-about .col-img{width: 100%;} .home-slogan{padding: 20px;font-size: 20px;} .woocommerce table.shop_table.cart .product-quantity .quantity:not(.mini_cart_item .quantity){justify-content: flex-end;display: inline-flex;} .woocommerce table.shop_table.cart .product-quantity .quantity input[type="number"]{width: 50px;padding: 5px;margin: 0 10px;} .list-tp .col-item{width: 50%;} .item-tp{gap: 16px;} .item-tp .name{font-size: 18px;} .item-tp .thumb{height: 120px;} .item-tp .thumb img{max-height: 120px;} .box-tit .name{font-size: 16px;} .about5-sec3 .home-slider{padding: 0;} .detail-head .col-image{width: 100%;} .detail-head .col-info{width: 100%;} .woocommerce div.product .product_title{font-size: 28px;} .woocommerce div.product form.cart div.quantity{width: 130px;border-radius: 0;height: 34px;} .woocommerce div.product form.cart div.quantity input[type="button"]{height: 22px;width: 22px;font-size: 18px;} .woocommerce div.product form.cart div.quantity .qty{width: 60px;height: 32px;font-size: 18px;} .woocommerce div.product form.cart .button{height: 34px;border-radius: 0;padding: 0 16px;font-size: 10px;} .detail-head{margin-bottom: 40px;} .detail-body{margin-bottom: 40px;padding-top: 30px;} .detail-body .block:not(:last-child){padding-bottom: 30px;margin-bottom: 30px;} .detail-body .box-title .title{font-size: 20px;} .woocommerce #reviews #comments h2{font-size: 20px;} .detail-faqs .inner{padding: 0;gap: 30px;} .detail-faqs .inner .title{font-size: 24px;} .detail-faqs .inner .box-faqs{gap: 30px;} .detail-faqs .inner .box-faqs .accordion-item{gap: 12px;} .detail-faqs .img{aspect-ratio: 5/6;} .detail-faqs .img img{position: unset;} .detail-faqs .inner .divider{display: none;} .detail-related{padding-top: 30px;margin-top: 40px;} .detail-related .title{font-size: 20px;} .woobt-actions .button{border-radius: 0 !important;font-size: 10px !important;text-transform: uppercase;letter-spacing: 0.6px;height: 34px;display: inline-flex !important;align-items: center;padding: 0 16px !important;} /* .woocommerce div.product .group-btn{padding: 10px 20px;position: fixed;bottom: 0;left: 0;z-index: 9999;background-color: #F4EAD7;box-shadow: 1px 1px 10px rgba(0,0,0,0.15);margin-bottom: 0;width: 100%;flex-wrap: nowrap;gap: 10px;justify-content: center;} .woocommerce div.product .sub-policy .text:nth-child(even){text-align: right;} .woocommerce div.product form.cart .button{width: 160px;} .woocommerce div.product form.cart .button.single_buy_now_button{width: 100px;} .woocommerce div.product form.cart div.quantity{max-width: calc(100% - 160px - 100px - 10px - 10px);width: 120px;} */ .add-to-cart-mb{display: flex;position: fixed;z-index: 999;bottom: 0;left: 0;justify-content: center;align-items: center;width: 100%;padding: 10px;background: #F4EAD7;box-shadow: 1px 1px 10px rgba(0,0,0,0.15);} .add-to-cart-mb .button{display: flex !important;align-items: center;justify-content: center;height: 36px;border: 1px solid #678E34 !important;background: #678E34 !important;color: #fff !important;font-weight: bold;letter-spacing: 0.6px;font-size: 12px !important;padding: 0 20px !important;text-transform: uppercase;} .promb-pagination{top: auto;position: unset;margin-top: 30px;} .detail-review .tab-title{gap: 20px;} .detail-review .tab-title li button{font-size: 16px;padding: 0 10px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 24px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{padding: 0 16px;font-size: 15px;} #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container, .cr-all-reviews-shortcode ol li.comment .comment_container, .cr-all-reviews-shortcode ol li.review .comment_container{gap: 20px;} .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text, .cr-all-reviews-shortcode ol.commentlist li .comment-text{width: calc(100% - 20px - 78px);min-height: 80px;} .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author{font-size: 14px;} .cr-all-reviews-shortcode ol li.review .comment_container .meta, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta{width: 150px;} .cr-all-reviews-shortcode ol li.review .comment_container .description, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .description{left: calc(100% - 150px);font-size: 14px;left: 150px;} .cr-all-reviews-shortcode ol.commentlist ul.children, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children{width: calc(100% - 98px);} .cr-qna-block .cr-qna-search-block .cr-qna-ask-button{font-size: 14px;} .swiper-bc .swiper-wrapper{transform: none !important;flex-wrap: wrap;} .swiper-bc .swiper-slide{width: calc(100% / 3);} .bc-next{display: none;} .bc-prev{display: none;} body.archive .swiper-promb .swiper-wrapper{transform: none !important;flex-wrap: wrap;} body.archive .swiper-promb .swiper-slide{width: calc(100% / 3);} body.archive .promb-prev{display: none;} body.archive .promb-next{display: none;} body.archive .promb-pagination{display: none;} } @media(max-width:767px) { .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(1,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-6{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-7{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-8{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-9{grid-template-columns:repeat(2,1fr)} /* Cart-mb */ .woocommerce table.shop_table.cart td{padding: 8px 8px;} .woocommerce table.shop_table.cart .product-name{width: 100%;} .woocommerce table.shop_table.cart .product-price, .woocommerce table.shop_table.cart .product-quantity, .woocommerce table.shop_table.cart .product-subtotal{width: 100%;} .woocommerce .cart-collaterals .cart_totals{padding: 12px;max-width: 100%;} .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells{margin-top: 20px;} #customer_details{width: 100%;} #order_review{width: 100%;padding: 12px;} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{padding-top: 8px;font-size: 20px;} .woocommerce #order_review .woocommerce-checkout-payment{margin-top: 16px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{font-size: 16px;} .woocommerce table.order_details tfoot tr:last-child td{font-size: 16px;} .swiper-bc{margin: -5px;} .swiper-bc .swiper-slide{width: 50%;} .swiper-promb{margin: 0;} .swiper-promb .swiper-slide{width: 296px;padding: 10px;} .item-product .box .meta{font-size: 16px;height: 32px;} .item-product .box .meta .star{height: 18px;} .item-product .box .meta .star svg{height: 18px;} .swiper-bc .item-product .box{box-shadow: none !important;padding: 0;} .promb-prev{left: -20px;} .promb-next{right: -20px;} .item-product .box:hover{box-shadow: 3px 4px 10px 0px #8F7B55BA;} .swiper-tp{margin: 0;} .swiper-tp .swiper-slide{width: 262px;padding: 15px;} .item-tp .desc{width: 186px;} .tp-prev{left: -20px;} .tp-next{right: -20px;} .about-sec1 .page-title .mb{display: block;} .about-sec1 .page-title .pc{display: none;} .benh-nhi-title .pc{display: none;} .benh-nhi-title .mb{display: block;} .benh-nhi-top .top{display: block;} .benh-nhi-top .number{display: inline-flex;height: 54px;} .benh-nhi-top .number img{height: 40px;} .about0-block{gap: 20px;} .about0-block .page-title .pc{display: none;} .about0-block .page-title .mb{display: block;} .about0-block .page-title{text-align: left;font-size: 40px;} .about0-block .quote{font-size: 16px;text-align: left;} .about0-block .img{width: calc(100% + 40px);margin: 0 -20px;} .swiper-bn{margin: 0 10px;} .swiper-bn .swiper-slide{padding: 0;width: 315px;} .bn-next{right: -20px;} .bn-prev{left: -20px;} .bn-pagination{display: block;position: unset;margin-top: 20px;} .list-benh-nhi .col-item{width: 50%;} .about2-sec2 .swiper-bn{margin: 0 10px;} .about2-sec2 .swiper-bn .swiper-slide{padding: 0 5px;} .swiper-news{margin: 0 10px;} .swiper-news .swiper-slide{padding: 0;} .news-prev,.news-next{display: flex;} .news-prev{left: -20px;} .news-next{right: -20px;} .swiper-abs4{margin: 0 10px;} .swiper-abs4 .swiper-slide{padding: 0;} .abs4-prev, .abs4-next{display: flex;} .abs4-prev{left: -20px;} .abs4-next{right: -20px;} .abs4-pagination{margin-top: 20px;} .about4-top{padding: 30px 0;} .about4-title{font-size: 24px;} .about4-title span{font-size: 40px;} .about4-top .box-title .text{font-size: 16px;display: none;} .about4-top .quote{font-size: 16px;padding: 22px 0;} .about4-top .quote:before{width: 16px;height: 16px;} .about4-top .quote:after{width: 16px;height: 16px;} .about4-top .step{margin-top: 30px;} .about4-top .step .item .icon{height: 54px;} .about4-top .step .sub{height: 54px;font-size: 16px;} .box-progress{margin-top: 30px;} .box-progress .flex{flex-direction: column-reverse;gap: 12px;} .box-progress .inner{width: 100%;gap: 8px;} .box-progress .inner .name{font-size: 32px;} .box-progress .box{width: 100%;padding: 8px 24px 12px;} .box-progress .box .text{font-size: 16px;} .box-progress .box .price-progress{margin-top: 0;font-size: 16px;} .box-progress .box .line-progress .line .percent .icon{height: 14px;} .box-progress .box .line-progress{height: 16px;padding: 2px;} .about4-top .products{padding-top: 40px;margin-top: 40px;} .about4-top .products .taxonomy-title{text-align:left;} .about4-top .products .taxonomy-title .text{max-width: 100%;} .about4-center{padding: 30px 0;} .about4-center .inner .title{font-size: 24px;} .about4-center .inner{gap: 16px;} .about4-center .list{margin: -8px;} .about4-center .list .col-item{padding: 8px;} .about4-bot{padding: 50px 0;} .swiper-pro {margin: 0 10px;} .swiper-pro .swiper-slide{padding: 0;width: 276px;} .pro-prev,.pro-next{display: flex;} .pro-prev{left: -20px;} .pro-next{right: -20px;} .cr-all-reviews-shortcode ol li.review .comment_container .description, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .description{position: unset;width: 100%;} .cr-all-reviews-shortcode ol.commentlist ul.children .description, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .description{width: calc(100% - 150px);font-size: 13px;} .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg{height: 24px;width: 26px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-qna-block .cr-review-form-buttons .cr-review-form-submit{height: 42px;font-size: 15px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-qna-block .cr-review-form-buttons .cr-review-form-cancel{height: 42px;font-size: 15px;} body.archive .swiper-promb .swiper-slide{width: 50%;} .home-product{padding: 30px 0;} .promb-pagination{margin-top: 20px;} .link-all-pro{padding-bottom: 40px;} } @media(max-width:575px) { /* Acount */ #customer_login h2{font-size: 20px;} .container-fluid, .container, .row{--bs-gutter-x: 30px;} #touch-menu{width: 20px;height: 20px;margin-right: 2px;} #touch-menu svg{width: 16px;height: 16px;} #language{height: 20px;width: 48px;} #language a img{height: 12px;} #language a{font-size: 14px;} #header .flex{column-gap: 6px;} #touch-search{width: 16px;height: 24px;} #header .wishlist{width: 16px;height: 16px;} #header .cart{width: 16px;height: 16px;} #header .account-mb svg{width: 15px;height: 15px;} #header .cart .cout{width: 12px;height: 12px;font-size: 7px;padding-top: 0;} #header .wishlist .cout{width: 12px;height: 12px;font-size: 7px;padding-top: 0;} .banner-bot{height: 170px;} .footer-main{gap: 20px;} .footer-main .title-form{font-size: 20px;text-transform: uppercase;} .footer-main .main{row-gap: 20px;} .character-bot .list .item .icon{width: 28px;} .character-bot .list .item .text{width: calc(100% - 38px);font-size: 10px;letter-spacing: 0;} .list-news .col-item{width: 100%;} .about-banner img{aspect-ratio: 11/8;height: auto;} body.page-template-page-about2 .about-banner img{aspect-ratio: 88/69;} body.page-template-page-about3 .about-banner img{aspect-ratio: 110/99;} .about-sec2 .section .col-inner .main{position: relative;} .about-sec2 .section .col-inner .main .left{width: 100%;max-width: 100%;} .about-sec2 .section .col-inner .main .right{width: 220px;margin-left: auto;margin-right: -20px;} .list-ic{gap: 16px;} .about-sec2 .section .col-inner .main .left .list-ic{position: absolute;z-index: 2;left: 0;top: 100px;} .about-sec2 .section .col-inner .main .left .list-ic li{gap: 15px;} .about-sec2 .section .col-inner .main .left .list-ic li .icon{width: 45px;} .about-sec2 .section .col-inner .main .left .list-ic li .box{width: auto;} .about-sec2 .section .col-inner .main .left .list-ic li .box .number{font-size: 22px;} .about-sec3 .bot .home-slider{max-width: calc(100% - 60px);} .about2-sec2 .img{aspect-ratio: 2/3;border-radius: 20px;} .newspaper-prev{left: -40px;} .newspaper-next{right: -40px;} .swiper-newspaper .logo{width: 90px;margin: 0 auto;} .about1-sec1 .inner .main .left{max-width: 100%;} .about1-sec1 .inner .main .list-ic{padding-left: 30px;} .about1-sec1 .inner .text{padding-top: 0;} .about1-sec1 .inner .main .right{padding-left: 20px;} .list-benh-nhi .col-item{width: 100%;} .list-tp{margin: -10px;} .list-tp .col-item{padding: 10px;} .item-tp{padding: 16px;} .item-tp .name{font-size: 10px;} .item-tp .desc{font-size: 10px;} .item-tp .link a{padding: 0 12px;height: 18px;font-size: 8px;} .tp-related{gap: 20px;} .page-body .section:not(:last-child){margin-bottom: 40px;} .tp-product{gap: 20px;} .list-product .item-product{width: 50% !important;} .list-product{margin: -5px !important;} .item-product .box .img .add-to-cart{width: 26px;height: 26px;} .item-product .box .img .add-to-cart img{width: 18px;height: 18px;} .item-product .box .info .price{font-size: 16px;width: 86px;} .item-product .box .info .name{max-width: calc(100% - 86px);} .item-product .box .info .price *{line-height: 1.5;} .item-product .box .best{font-size: 8px;height: 22px;} .swiper-gallery .sale-flash{font-size: 10px;height: 40px;padding: 0 16px;} .swiper-gallery .img{aspect-ratio: 50/57;} .woocommerce div.product .character{row-gap: 10px;column-gap: 10px;} .woocommerce div.product .character .item{gap: 10px;width: calc((100% - 20px) / 3);padding: 0;} .woocommerce div.product .character .item .icon{width: 24px;} .woocommerce div.product .character .item .text{width: calc(100% - 34px);line-height: 1.3;letter-spacing: 0;} .woocommerce div.product form.cart .button{padding: 0 10px;width: 150px;letter-spacing: 0;} .woocommerce div.product form.cart .button.single_buy_now_button{width: 90px;} .woocommerce div.product form.cart div.quantity{width: calc(100% - 150px - 90px - 10px - 10px);} .woocommerce div.product form.cart div.quantity .qty{width: 32px;} .woocommerce div.product .sub-policy .text{width: 160px;max-width: calc(50% - 10px);} .woocommerce div.product .sub-policy{justify-content: space-between;} .woocommerce div.product .sub-policy .text:nth-child(even){text-align: right;width: 150px;} .woocommerce .woocommerce-product-rating .star-rating{font-size: 16px;margin: 0 32px 0 0;} .woocommerce .woocommerce-product-rating .woocommerce-review-link::before{left: -20px;font-size: 16px;} .detail-meta{column-gap: 32px;} .detail-meta > div:not(:last-child)::after{right: -17px;font-size: 16px;} .woocommerce .star-rating span::before{color: #C29200DE;} .countdown{display: flex;width: 100%; border-radius: 0;padding: 6px;justify-content: space-between;} #countdown-timer .it{width: 44px;height: 36px;} .flash-sale-box{display: flex;} .detail-head .tab-content .accordion-item{border-bottom: 0;} .detail-head .tab-content .accordion-item:not(:last-child){margin-bottom: 15px;} .detail-head .tab-content .accordion-button{border-bottom: 1px solid #73411F36;font-size: 18px;font-weight: 500;} .detail-head .tab-content .accordion-body{padding-top: 10px;} .detail-head .tab-content .accordion-button:before{content: "";display: block;width: 87px;height: 2px;background: #73411F;position: absolute;left: 0;bottom: -1px;} .detail-body .block:not(:last-child){border-bottom: 0;padding-bottom: 0;} .detail-body{border-top: 0;padding-top: 0;} .detail-body .box-title .title{font-size: 18px;padding-bottom: 6px;border-bottom: 1px solid #73411F36;position: relative;} .detail-body .box-title .title:after{content: "";display: block;width: 87px;height: 2px;background: #73411F;position: absolute;left: 0;bottom: -1px;} .item-product.ver2 .box .info{flex-direction: column;} .item-product.ver2 .box .info .name{max-width: 100%;font-size: 16px;} .item-product.ver2 .box .info .price{max-width: 100%;text-align: left;flex-direction: row-reverse;justify-content: flex-end;align-items: center;column-gap: 20px;} .home-policy .list .item{gap: 12px;} .home-policy .list .item .icon{width: 22px;} .home-policy .list .item .text{width: calc(100% - 34px);font-size: 10px;} .about1-sec1 .inner .main{position: relative;} .about3-sec1.about1-sec1 .inner .main .right{padding-left: 0;position: absolute;right: -20px;top: 80px;width: calc(100% - 215px);height: 250px;} .about3-sec1.about1-sec1 .inner .main .right img{object-fit: contain;height: 100%;} .woobt-wrap::before{font-size: 18px;font-weight: 500;} .woobt-wrap{position: relative;} .woobt-wrap::after{content: "";display: block;width: 87px;height: 2px;background: #73411F;position: absolute;left: 0;top: 34px;} .about4-center .list .col-item{width: 100%;} .about4-center .list .item{align-items: center;padding: 24px;} .about4-center .list .item .box{gap: 4px;} .about4-center .list .item .box .number{font-size: 32px;} .about5-sec3 .home-slider{padding: 0 20px;} .swiper-abs5{margin: 0;} .swiper-abs5 .swiper-slide{padding: 0;} .cr-all-reviews-shortcode ol.commentlist ul.children .description, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .description{width: 100%;} .cr-all-reviews-shortcode ol.commentlist ul.children .comment-text, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children .comment-text{flex-direction: column;} .detail-faqs{margin-top: 40px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary{margin-top: 0;} #reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{width: 100%;float: none;margin: 16px 0;display: none;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{width: 100%;float: none;margin: 16px 0;display: none;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{margin-top: 16px;} body.archive .swiper-promb{margin: -5px;} body.archive .swiper-promb .swiper-slide{padding: 5px;} body.archive .swiper-promb .item-product .box{box-shadow: none !important;padding: 0;} } @media(max-width:428px) { .countdown .name{font-size: 13px;letter-spacing: 0.2px;} }