/* 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: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-Light.ttf);font-weight: 300;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-LightItalic.ttf);font-weight: 300;font-style: italic;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-Regular.ttf);font-weight: 400;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-Italic.ttf);font-weight: 400;font-style: italic;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-Medium.ttf);font-weight: 500;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-MediumItalic.ttf);font-weight: 500;font-style: italic;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-SemiBold.ttf);font-weight: 600;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-SemiBoldItalic.ttf);font-weight: 600;font-style: italic;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-Bold.ttf);font-weight: 700;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-BoldItalic.ttf);font-weight: 700;font-style: italic;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-ExtraBold.ttf);font-weight: 800;} @font-face{font-family: 'Plus Jakarta Sans';src:url(fonts/PlusJakartaSans-ExtraBoldItalic.ttf);font-weight: 800;font-style: italic;} /* Option */ body{font-size: 16px;color: #374355;font-family: 'Plus Jakarta Sans';font-weight: 500;background: #F6F7F9;padding-top: 180px;overflow-x: hidden;} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;color:#374355;cursor:pointer;-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} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:active,a:hover{color: #008ED1;} ul{padding-left:0;} img{max-width:100%;border:none;height:auto} b,strong{font-weight: bold;} h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;color: #29303D;font-weight: 600;} h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;} h1{font-size: 32px;} h2{font-size: 28px;} h3{font-size: 24px;} h4{font-size: 20px;} h5{font-size: 16px;} h6{font-size: 16px;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center} .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.3);} .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{--bs-gutter-x: 80px;} .row{--bs-gutter-x: 24px;} .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: 100%;} } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 100%;} } /* 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 #D3D9E4;padding: 14px 16px;color: #8194AF;border-radius: 8px;line-height: 22px;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #8194AF;} textarea{height: 160px;} select{height: 52px;} input[type="submit"],button[type="submit"]{font-weight: 500;padding: 12px 32px;color: #fff;background-color: #008ED1;border-radius: 8px;text-align: center;transition: all .3s;border: 1px solid #008ED1;} input[type="submit"]:hover,button[type="submit"]:hover{background-color: #00C8F3;color: #fff;border-color: #00C8F3;} .select2-container .select2-selection--single{height: 52px;} .select2-container--default .select2-selection--single{border: 1px solid #D3D9E4;border-radius: 8px;} .select2-container .select2-selection--single .select2-selection__rendered{padding: 0 20px 0 16px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 50px;color: #8194AF;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 50px;} .select2-dropdown{border: 1px solid #D3D9E4;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #D3D9E4;} .select2-container .select2-dropdown, .select2-container .select2-selection{border-color: #D3D9E4;} .select2-search--dropdown{padding: 4px 16px 12px 16px;} .select2-results__option{padding: 6px 16px;} .select2-container--default .select2-results>.select2-results__options{font-size: 14px;} /* Contact-form7 */ form .row{--bs-gutter-x: 16px;} .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 16px;position: relative;} .form-group .name{margin-bottom: 10px;color: #29303D;} 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:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;} .content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;} .content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;} .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-4{grid-template-columns:repeat(4,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(6,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(7,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(8,1fr)} .content-post .gallery.gallery-columns-5{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{color: #008ED1;} .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} img.alignright{float:right;margin:0 0 16px 16px} img.alignnone{margin:0 16px 16px 0} img.alignleft{float:left;margin:0 16px 16px 0} 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;} /* 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;cursor:pointer;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:10px;z-index: 99;} .backtop{position: fixed;right: 20px;bottom: 40px;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;} .home-slider{position: relative;z-index: 2;} .swiper-button-next, .swiper-button-prev{width: 36px;height: 36px;margin-top: 0;transform: translateY(-50%);border-radius: 50%;box-shadow: 4px 8px 8px 0px #0000000A;background-color: #fff;color: #29303D;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 16px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;} .home-cta a{display: inline-flex;align-items: center;justify-content: center;text-align: center; height: 47px;border-radius: 8px;border: 1px solid #008ED1;background: #fff;padding: 0 20px;color: #008ED1;font-weight: 600;font-size: 18px;} .home-cta a:hover{background: #008ED1;color: #fff;} .swiper-pagination-bullet{width: 16px;height: 16px;opacity: 1;background: #8194AF;} .swiper-pagination-bullet-active{background: #008ED1;} .suport-mb{display: none;} /* Header */ #header{border-bottom: 1px solid #D3D9E4;background: #fff;z-index: 999;position: fixed;width: 100%;top: 0;left: 0;transition: all .3s;} body.logged-in #header{top: 32px;} #header.shift{top: -180px;} body.logged-in #header.shift{top: -212px;} .header-top{background: #008ED1;color: #fff;padding: 12px 0;font-weight: 600;font-size: 14px;} .header-top .flex{flex-wrap: nowrap;gap: 24px;} .header-top a{color: #fff;} .header-top ul{list-style: none;margin-bottom: 0;} .header-top .menu{display: flex;align-items: center;column-gap: 24px;margin-right: auto;} .header-top .menu>li:hover>a{text-decoration: underline;} .header-top .menu>li{position: relative;} .header-top .menu>li>ul{position: absolute;background: #fff;min-width: 180px;z-index: 99;top: 100%;left: -10px;padding: 10px 0;font-size: 13px;border-radius: 8px;border: 1px solid #D3D9E4;display: none;} .header-top .menu>li:hover>ul{display: block;} .header-top .menu>li>ul>li{cursor: pointer;padding: 0 20px;} .header-top .menu>li>ul>li>a{display: flex;align-items: center;padding: 5px 0;min-height: 30px;color: #374355;white-space: nowrap;} .header-top .account a{display: flex;align-items: center;} .header-top .account a span{display: block;padding: 0 6px;} .header-top .account a img{object-fit: contain;width: 24px;height: 24px;} .header-top .account a span:last-child{padding-right: 0;} .header-main{padding: 16px 0;} .header-main .flex{gap: 32px;flex-wrap: nowrap;} .header-main .account{display: none;} .header-main .logo{height: 100px;display: flex;align-items: center;} .header-main .logo a{display: flex;height: 100%;align-items: center;} .header-main .logo img{object-fit: contain;max-height: 100%;} .header-main .search{width: 100%;flex: 1;display: flex;flex-direction: column;gap: 8px;} .header-main .search .quick{display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 4px;} .header-main .search .quick a{font-size: 12px;color: #8194AF;} .header-main .search .quick a:hover{color: #008ED1;} #yith-ajaxsearchform .yith-ajaxsearchform-container{position: relative;} #yith-ajaxsearchform .search-navigation{display: block;} #yith-ajaxsearchform select, input[type="search"]{margin-bottom: 0;} #yith-ajaxsearchform input[type="search"]{height: 56px;background: #F6F7F9;border: 1px solid #D3D9E4;border-radius: 12px;padding: 16px;line-height: 22px;} #yith-ajaxsearchform input[type="submit"]{height: 54px;width: 54px;position: absolute;top: 1px;right: 1px;border: none;background-color: transparent;font-size: 0;background-image: url(images/icon-search.png);background-size: 24px;background-repeat: no-repeat;background-position: center;border-radius: 12px;padding: 0;} .autocomplete-suggestion img{height: 50px;object-fit: cover;} .autocomplete-suggestion .yith_wcas_result_content .amount{font-weight: 600;color: #008ED1;} .autocomplete-suggestion .yith_wcas_result_content del .amount{color: #666;} .autocomplete-suggestion .yith_wcas_result_content ins{text-decoration: none;} .woocommerce .autocomplete-suggestion div.badges, .autocomplete-suggestion div.badges{display: none;} .header-main .hotline{display: flex;align-items: center;gap: 24px;} .header-main .hotline a{display: flex;align-items: center;gap: 8px;} .header-main .hotline a .icon{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;} .header-main .hotline a .icon img{object-fit: contain;width: 100%;height: 100%;} .header-main .hotline a .box{display: flex;flex-direction: column;white-space: nowrap;} .header-main .hotline a .box .name{font-size: 13px;color: #4C5E7D;} .header-main .hotline a .box .value{font-weight: 600;color: #29303D;font-size: 14px;} .header-main .hotline a:hover .box .value{color: #008ED1;} .header-main .cart a{display: block;position: relative;} .header-main .cart .cout{position: absolute;width: 16px;height: 16px;border-radius: 50%;font-size: 10px;color: #fff;background: #008ED1;z-index: 2;right: 0;top: -8px;display: flex;align-items: center;justify-content: center;text-align: center;} .header-main .cart img{object-fit: contain;width: 32px;height: 32px;} .header-main .touch{display: none;} #menu-mobile{display: none;} /* Footer */ #footer{background: #fff;font-weight: 400;} .footer-main{padding: 60px 0;} .footer-main .f-widget{gap: 24px;flex-wrap: nowrap;} .footer-main .widget{width: auto;max-width: 272px;} .footer-main .widget:first-child{max-width: 312px;} .footer-main .widget-title{text-transform: uppercase;font-size: 18px;font-weight: 600;color: #29303D;margin-bottom: 16px;} .footer-main li{margin-bottom: 8px;} .footer-main .social{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 24px;} .footer-main .social li img{object-fit: contain;width: 32px;height: 32px;} .footer-main .social li{margin-bottom: 0 !important;} .footer-main .logo{margin-bottom: 16px;} .footer-main .logo img{object-fit: contain;max-height: 100px;} .footer-main .textwidget>*:last-child{margin-bottom: 0;} .footer-bot{padding: 24px 0;border-top: 1px solid #D3D9E4;font-size: 14px;} .footer-bot .widget-title{display: none;} .footer-bot *{margin-bottom: 0;} /* Page */ .page-body{padding: 40px 0;} .page-body .section:not(:last-child){margin-bottom: 40px;} .page-banner{aspect-ratio: 27/10; overflow: hidden;border-radius: 16px;margin-bottom: 40px;} .page-banner img{width: 100%;height: 100%;object-fit: cover;} .breadcrumbs{background: #fff;padding: 10px 0;border-bottom: 1px solid #D3D9E4;font-size: 14px;color: #8194AF;} .breadcrumbs *{margin-bottom: 0;} .breadcrumbs a{color: #8194AF;} .breadcrumbs .last{color: #29303D;} .breadcrumbs a:hover{color: #29303D;} .breadcrumbs .separator{padding: 0 5px;} .breadcrumbs p a:first-child{padding-left: 22px;background-image: url(images/icon-home.png);background-size: 16px;background-repeat: no-repeat;background-position: left center;} .home-block{display: flex;flex-direction: column;gap: 32px;} .divider{display: block;width: 100%;height: 1px;background: #D3D9E4;} .page-frame{background: #fff;padding: 40px;border-radius: 16px;box-shadow: 0px 32px 32px 0px #00000005;} .policy-block{background: #008ED11A;border: 1px solid #008ED1;box-shadow: 0px 32px 32px 0px #00000005;} .policy-block .flex{gap: 28px;justify-content: space-between;} .policy-block .item{flex: 1;display: flex;flex-direction: column;gap: 16px;} .policy-block .item .icon{display: flex;align-items: center;justify-content: center;border-radius: 24px;width: 68px;height: 68px;background: #fff;box-shadow: 0px 32px 32px 0px #0000000A;margin: 0 auto;} .policy-block .item .icon img{object-fit: contain;width: 48px;height: 48px;} .policy-block .item .box{display: flex;flex-direction: column;gap: 2px;} .policy-block .item .box .name{color: #29303D;} .policy-block .item .box .text{font-size: 14px;color: #4C5E7D;} .home-title{font-size: 40px;font-weight: bold;margin-bottom: 24px;} .home-block .home-title{margin-bottom: 0;} .page-title{font-size: 32px;color: #008ED1;} /* Contact */ .contact-body{display: block;margin: 0 auto;width: 80%;} .contact-body.have-banner{margin-top: -140px;position: relative;z-index: 2;} .contact-block{box-shadow: 0px 32px 32px 0px #00000005;} .contact-block .inner{padding: 20px;} .contact-block .form{padding: 20px;} .contact-info .title{font-weight: bold;font-size: 20px;} .contact-info{display: flex;flex-direction: column;gap: 16px;} .contact-info .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;} .contact-info .list li{position: relative;padding-left: 32px;} .contact-info .list li img{object-fit: contain;width: 24px;height: 24px;top: 0;left: 0;position: absolute;} .contact-social{display: flex;align-items: center;gap: 16px;} .contact-social .title{font-size: 14px;margin-bottom: 0;} .contact-social .list{list-style: none;margin-bottom: 0;display: flex;align-items: center;gap: 8px;} .contact-social .list li img{object-fit: contain;width: 28px;height: 28px;} /* Policy */ .policy-body .banner{overflow: hidden;border-radius: 16px;aspect-ratio: 21/5;} .policy-body .banner img{height: 100%;} /* About */ .about-body .home-block{gap: 24px;} .about-sec1 .img{overflow: hidden;aspect-ratio: 1/1;border-radius: 16px;} .about-sec1 .img img{height: 100%;} .about-sec2 .item{display: flex;flex-direction: column;gap: 4px;} .about-sec2 .item .name{font-weight: 600;} .about-sec2 .item .name .nb{display: inline-block;width: 16px;text-align: center;} .about-sec2 .item .list{margin-bottom: 0;padding-left: 38px;} .about-sec3{overflow: hidden;aspect-ratio: 23/9;border-radius: 16px;} .about-sec3 img{width: 100%;height: 100%;object-fit: cover;} .about-sec1{display: flex;flex-direction: column;gap: 32px;} .about-sec1 .item:nth-child(even) .row{flex-direction: row-reverse;} .about-sec1 .img{aspect-ratio: 8/5;} /* Category */ .list-news .row{--bs-gutter-x: 32px;} .item-news{height: 100%;display: flex;flex-direction: column;gap: 20px;} .item-news .img{overflow: hidden;aspect-ratio: 3/2;border-radius: 8px;} .item-news .img img{height: 100%;transition: all .7s;} .item-news .img:hover img{transform: scale(1.05);} .item-news .single-meta .name{font-size: 22px;} .swiper-news{margin: 0 -16px;} .swiper-news .swiper-slide{padding: 0 16px;height: auto;} .news-prev{left: -58px;} .news-next{right: -58px;} .pagination{justify-content: center;margin-top: 32px;} .pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 8px;} .pagination ul li{display: block;margin: 0;} .pagination ul li span,.pagination ul li a{display: flex;align-items: center;justify-content: center;text-align: center;padding: 0;width: 40px;height: 40px;color: #008ED1;border-radius: 8px;border: 1px solid #008ED1;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #008ED1;color: #fff;} /* Single */ .single-top .row{--bs-gutter-x: 40px;} .single-top .col-img{width: 40%;} .single-top .col-info{width: 60%;} .single-top .img{overflow: hidden;border-radius: 16px;aspect-ratio: 3/2;} .single-top .img img{height: 100%;} .single-meta{display: flex;flex-direction: column;gap: 12px;} .single-meta .cat a{color: #008ED1;font-weight: 500;display: inline-block;} .single-meta .name{margin-bottom: 0;font-size: 32px;font-weight: bold;} .single-meta .desc{font-weight: 500;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .single-meta .desc *{margin-bottom: 0;} .single-meta .date{color: #8194AF;font-size: 13px;font-weight: 500;margin-top: 8px;} .single-body .content-post #ftwp-container-outer{width: 30%;overflow: unset;margin-bottom: 0;} .single-body .content-post #ftwp-postcontent{width: 70%;padding-left: 32px;} .ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents{width: 100% !important;border: 1px solid #D3D9E4;border-radius: 12px;overflow: hidden;} #ftwp-container.ftwp-wrap #ftwp-header{padding: 12px 16px;font-size: 18px;font-weight: 600;background: #EBEEF3;border-bottom: 1px solid #D3D9E4;} #ftwp-container.ftwp-wrap #ftwp-list{background: #fff;} #ftwp-container.ftwp-wrap #ftwp-contents:hover #ftwp-header{background: #EBEEF3;} #ftwp-container.ftwp-wrap #ftwp-contents:hover #ftwp-list{background: #fff;} #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor{padding: 8px 16px;color: #4C5E7D;} #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor:hover{color: #29303D;} #ftwp-container.ftwp-wrap #ftwp-list .ftwp-text::before{display: none;} #ftwp-container.ftwp-wrap #ftwp-list .ftwp-anchor:focus, #ftwp-container.ftwp-wrap #ftwp-list .ftwp-active, #ftwp-container.ftwp-wrap #ftwp-list .ftwp-active:hover{color: #29303d;border-left: 4px solid #008ED1;} .single-related .home-title{font-size: 24px;} /* Sidebar */ .page-sidebar .widget:not(:last-child){margin-bottom:30px} .page-sidebar .tagcloud{display:flex;flex-wrap:wrap} .page-sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0} .page-sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;} /* Product */ .taxonomy-banner{height: 340px;} .banner-deal{overflow: hidden;border-radius: 16px;box-shadow: 0px 32px 32px 0px #00000005;} .banner-deal .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .box-deal{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: flex;flex-direction: column;gap: 8px;color: #fff;padding: 40px;} .box-deal .title{font-size: 48px;font-weight: bold;margin-bottom: 0;line-height: 1.4;} .box-deal .text{font-weight: 500;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} .box-deal .home-cta{margin-top: auto;} .box-deal .sub span{background: linear-gradient(0deg, #FFFFFF, #FFFFFF),linear-gradient(0deg, rgba(0, 142, 209, 0.1), rgba(0, 142, 209, 0.1));border-radius: 8px;height: 40px;display: inline-flex;align-items: center;justify-content: center;padding: 0 12px;gap: 6px;color: #008ED1;font-weight: 500;} .box-deal .sub span svg{width: 24px;height: 24px;} .taxonomy-body .row{--bs-gutter-x: 16px;} .taxonomy-body .col-sidebar{width: 360px;} .taxonomy-body .col-content{width: calc(100% - 360px);display: flex;align-items: center;flex-wrap: wrap;gap: 16px;flex-wrap: wrap;justify-content: space-between;} body.no-active .taxonomy-body .col-sidebar{display: none !important;} body.no-active .taxonomy-body .col-content{width: 100% !important;} .taxonomy-body .woocommerce-notices-wrapper{display: none;} .woocommerce .woocommerce-no-products-found{width: 100%;} .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{float: none;} .woocommerce .woocommerce-result-count{margin: 0;font-size: 14px;font-weight: 600;color: #4C5E7D;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: none;} .woocommerce .woocommerce-ordering{margin: 0;} .woocommerce .woocommerce-ordering select{width: 280px;height: 42px;background: #EBEEF3;font-weight: 600;font-size: 14px;padding: 8px 16px;} .list-product{width: calc(100% + 16px);margin: -8px;display: flex;flex-wrap: wrap;} .list-product .col-item{width: 25%;padding: 8px 8px 16px;} .list-product-home{width: calc(100% + 16px);margin: -8px;display: flex;flex-wrap: wrap;} .list-product-home .col-item{width: 20%;padding: 8px 8px 16px;} .item-product{height: 100%;padding: 10px 16px 16px;background: #fff;border: 1px solid #EBEEF3;border-radius: 16px;display: flex;flex-direction: column;gap: 16px;position: relative;} .item-product .img{width: 100%;aspect-ratio: 1/1;border-radius: 8px;overflow: hidden;} .item-product .img img{height: 100%;transition: all .7s;} .item-product .img:hover img{transform: scale(1.05);} .item-product .sale-flash{position: absolute;z-index: 2;top: 20px;right: 26px;background: #FE8D01;height: 22px;display: flex;align-items: center;justify-content: center;color: #29303D;font-size: 12px;font-weight: bold;padding: 0 6px;border-radius: 4px;} .item-product .info{width: 100%;display: flex;flex-direction: column;gap: 16px;} .item-product .info .name{margin-bottom: 0;font-size: 16px;font-weight: 600;} .item-product .info .name a{color: #29303D;} .item-product .info .name a:hover{color: #000;} .item-product .info .price{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;flex-direction: row-reverse;gap: 12px;} .item-product .info .price .amount{color: #008ED1;font-weight: bold;font-size: 18px;display: block;} .item-product .info .price del{color: #8194AF;} .item-product .info .price del .amount{color: #8194AF;font-weight: 500;font-size: 16px;} .item-product .info .price ins{text-decoration: none;} .item-product .info .meta{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;} .item-product .info .booking{margin-left: auto !important;font-size: 0 !important;width: 28px;height: 28px;padding: 0 !important;display: flex !important;align-items: center;justify-content: center;border-radius: 4px !important;} .item-product .info .booking:after{margin: 0 !important;content: "\e007";font-family: WooCommerce;font-size: 14px;position: unset !important;} .item-product .info .added_to_cart{display: none;} .item-product .info .booking.view:after{content: "\e024";} .item-product .info .star-rating{float: none;overflow: unset;width: 80px;position: relative;height: 1em;line-height: 1;font-size: 1em;font-family: WooCommerce;} .item-product .info .star-rating:before{font-family: WooCommerce;content: "\e021\e021\e021\e021\e021";color: #cfc8d8;float: left;top: 0;left: 0;position: absolute;} .item-product .info .star-rating span{padding-top: 0;font-size: 0;overflow: unset;display: block;position: absolute;float: left;top: 0;left: 0;} .item-product .info .star-rating span strong{font-size: 14px;position: absolute;left: 90px;line-height: 1.2; top: 0;font-family: 'Plus Jakarta Sans';} .item-product .info .star-rating span:before{font-family: WooCommerce;font-size: 16px;width: 100%;overflow: hidden;content: "\e020\e020\e020\e020\e020";color: #FE8D01;line-height: 1;position: absolute;top: 0;left: 0;} .taxonomy-filter{display: flex;flex-direction: column;gap: 16px;} .taxonomy-filter .capts{display: inline-flex;height: 42px;padding: 0 8px;width: 100px;border-radius: 8px; border: 1px solid #008ED1;background: #008ED1;color: #fff;font-size: 14px;font-weight: 600;align-items: center;justify-content: center;text-align: center;gap: 8px;cursor: pointer;} .taxonomy-filter .capts svg{width: 16px;height: 16px} .yith-wcan-filters{margin-bottom: 0;padding: 20px 16px;border-radius: 16px;box-shadow: 0px 32px 32px 0px #00000005;} .yith-wcan-filters .yith-wcan-filter{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #EBEEF3;} .yith-wcan-filters .yith-wcan-filter .filter-title{font-size: 18px;font-weight: 600;margin-bottom: 16px;cursor: pointer;color: #29303D;} .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item input[type="checkbox"]{margin-right: 6px;} .yith-wcan-filters .yith-wcan-filter.text-design .filter-items{display: flex;flex-wrap: wrap;gap: 12px;} .yith-wcan-filters .yith-wcan-filter.text-design .filter-items .filter-item{width: calc(50% - 6px);} .yith-wcan-filters .yith-wcan-filter.text-design .filter-items .filter-item a{min-height: 37px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 5px 10px;font-size: 14px;font-weight: 500;border: 1px solid #ADB9CC;border-radius: 6px;} .yith-wcan-filters .yith-wcan-filter.text-design .filter-items .filter-item.active a{background: #008ED11A;border-color: #008ED1;} .yith-wcan-filters .apply-filters{margin-top: 0;height: 47px;display: flex;align-items: center;justify-content: center;text-align: center;background-color: #008ED1;border-radius: 8px;border: 1px solid #008ED1;font-size: 18px;font-weight: 600;width: 100%;} .swiper-product{margin: 0 -8px;} .swiper-product .swiper-slide{padding: 0 8px;height: auto;} .product-prev{left: -58px;} .product-next{right: -58px;} .woocommerce-tabs.wc-tabs-wrapper{display: none;} .woocommerce-error, .woocommerce-info, .woocommerce-message{background-color: #fff;border-radius: 16px;outline: none;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{background-color: #008ED1 !important;color: #fff !important;border-radius: 8px;font-weight: 600;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover{background-color: #00C8F3 !important;color: #fff !important;} .woocommerce nav.woocommerce-pagination{justify-content: center;display: flex;align-items: center;width: 100%;} .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before{display: none;} .woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0;display: flex;justify-content: center;align-items: center;gap: 8px;} .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{;width: 40px;height: 40px;border-radius: 8px;border: 1.5px solid #008ED1;display: flex;align-items: center;justify-content: center;padding: 0;color: #008ED1;font-size: 14px;font-weight: 600;} .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:#fff;background-color:#008ED1;} .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{} /* Detail */ body.single-product .page-frame{border-bottom: 1px solid #D3D9E4;} .detail-head .row{--bs-gutter-x: 48px;} .detail-image .img{aspect-ratio: 8/5;overflow: hidden;overflow: hidden;border-radius: 16px;position: relative;} .detail-image .img img{height: 100%;} .detail-image .img iframe{width: 100%;height: 100%;object-fit: cover;} .detail-image .swiper-thumb{margin: 12px 0 0;} .detail-image .swiper-thumb .swiper-slide{width: 178px;} .detail-image .swiper-thumb .img{aspect-ratio: 1/1;border-radius: 6px;border: 2px solid #D3D9E4;} .detail-image .swiper-thumb .swiper-slide-thumb-active .img{border-color: #008ED1;} .detail-image .swiper-thumb .img.video:after{content: "";display: block;width: 100%;height: 100%;background: #00000059;position: absolute;top: 0;left: 0;} .detail-image .swiper-thumb .img.video:before{content: "";width: 48px;height: 48px;display: block;background-image: url(images/play-video.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);} .gallery-next{right: -18px;} .gallery-prev{left: -18px;} .woo-variation-swatches.wvs-show-label .variations td{text-align: left;} .product-title{font-size: 28px;font-weight: bold;margin-bottom: 12px;} .detail-meta{display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 8px;font-size: 13px;font-weight: 600;margin-bottom: 24px;} .woocommerce div.product .woocommerce-product-rating{margin-bottom: 0;display: flex;align-items: center;column-gap: 12px;} .woocommerce .woocommerce-product-rating::after, .woocommerce .woocommerce-product-rating::before{display: none;} .woocommerce .woocommerce-product-rating .star-rating{margin: 0;top: -1px;} .woocommerce .star-rating span::before{line-height: 1;color: #FE8D01;} .detail-meta .sold{display: flex;align-items: center;gap: 6px;} .woocommerce div.product form.cart{margin-bottom: 0;} .woocommerce div.product form.cart div.quantity{float: none;margin: 0 0 24px;padding-left: 100px;position: relative;} .woocommerce div.product form.cart div.quantity:before{content: "Số lượng";display: block;width: 100px;position: absolute;left: 0;top: 8px;font-weight: 500;color: #3F4D65;} .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; } .quantity{display: flex !important;align-items: center;gap: 8px;} .quantity input[type="button"]{width: 40px;height: 40px;border-radius: 8px;border: 1px solid #EBEEF3;background: transparent;display: flex;align-items: center;justify-content: center;color: #29303D;font-weight: 600;font-size: 20px;padding-bottom: 4px;} .quantity input[type="number"]{height: 40px !important;padding: 0 10px !important;border: 1px solid #EBEEF3;border-radius: 8px;font-size: 20px;font-weight: 600;color: #29303D;text-align: center;display: flex;justify-content: center;align-items: center;width: 120px !important;} .group-button{display: flex;flex-wrap: wrap;gap: 8px;} .woocommerce div.product form.cart .button{float: none;background: #00C8F333 !important;border: 1.5px solid #008ED1;border-radius: 12px;display: flex;align-items: center;justify-content: center;padding: 0;width: 60px;height: 60px;font-size: 0;} .woocommerce div.product form.cart .button.added{background: #fe8d011a !important;border-color: #fe8d01;} .woocommerce div.product form.cart .button .added{display: none;} .woocommerce div.product form.cart .button.added .add{display: none;} .woocommerce div.product form.cart .button.added .added{display: block;} .woocommerce div.product form.cart .button.single_buy_now_button{width: calc(100% - 68px);background: #008ED1 !important;font-size: 18px;font-weight: 600;color: #fff;} .woocommerce a.added_to_cart{display: none;} .woocommerce div.product form.cart .variations{border: none;margin-bottom: 24px;position: relative;} .woocommerce div.product form.cart .variations tbody{display: flex;flex-direction: column;gap: 24px;} .woocommerce div.product form.cart .variations tr{border-width: 0;display: flex;align-items: center;} .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{border-width: 0;padding: 0;} .woocommerce div.product form.cart .variations label{margin: 0;font-weight: 500;color: #3F4D65;} .woocommerce div.product form.cart .variations .label{width: 100px !important;} .woocommerce div.product form.cart .variations .label .woo-selected-variation-item-name{display: none;} .woocommerce div.product form.cart .variations .value{width: calc(100% - 100px);} .woo-variation-swatches .variable-items-wrapper{gap: 8px;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){height: 37px;padding: 0 24px;border: 1px solid #ADB9CC;border-radius: 6px !important;display: flex;align-items: center;justify-content: center;margin: 0;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{box-shadow: none !important;font-size: 14px;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){color: #008ED1;font-weight: 600;background-color: #008ED11A;border-color: #008ED1;} .woocommerce div.product form.cart .reset_variations{color: #FF4133;background-color: #008ED11A;height: 20px;padding: 0 5px;border-radius: 5px;font-size: 12px;display: inline-flex;align-items: center;justify-content: center;text-align: center;position: absolute;top: 0;right: 0;} .detail-info .price-box{margin-bottom: 24px;display: flex;align-items: center;gap: 12px;} .detail-info .price-box .price{margin-bottom: 0;display: flex;flex-direction: row-reverse;align-items: center;justify-content: flex-end;gap: 12px;} .detail-info .price-box .price .amount{color: #29303D;font-size: 28px;font-weight: bold;display: block;} .detail-info .price-box .price del{opacity: 1 !important;display: block;color: #4C5E7D;} .detail-info .price-box .price ins{text-decoration: none;} .detail-info .price-box .price del .amount{font-size: 16px;font-weight: 500;color: #4C5E7D;} .detail-info .price-box .price .availability{display: none;} .detail-info .price-box .price .screen-reader-text{display: none;} .detail-info .sale-flash{font-size: 10px;font-weight: bold;color: #fff;background-color: #FF4133;border-radius: 4px;padding: 0 6px;display: inline-flex;align-items: center;justify-content: center;text-align: center;height: 19px;} .flash-sale-box{display: flex;align-items: center;flex-wrap: wrap;} .detail-info .flash-sale-box{margin-bottom: 8px;} .flash-sale-box .title{width: 240px;font-weight: bold;color: #FE8D01;font-size: 24px;} .flash-sale-box .countdown{width: calc(100% - 240px);display: flex;align-items: center;gap: 16px;} .flash-sale-box .countdown .name{font-weight: 600;font-size: 16px;color: #29303D;} #countdown-timer{display: flex;align-items: center;gap: 22px;} #countdown-timer span{display: flex;align-items: center;justify-content: center;height: 40px;width: 40px;background: #FE8D01;color: #fff;font-size: 16px;font-weight: 600;border-radius: 8px;position: relative;} #countdown-timer span:after{content: ":";color: #29303D;height: 40px;width: 12px; display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: -16px;text-align: center;} #countdown-timer span:last-child:after{display: none;} .woocommerce div.product form.cart .woocommerce-variation-price{display: none;} .single-product .devvn_single_rating > span.devvn_sold{padding-left: 22px;} .detail-info .shiping{display: flex;align-items: flex-start;flex-wrap: wrap;margin-bottom: 24px;} .detail-info .shiping .name{width: 120px;font-weight: 500;color: #3F4D65;font-size: 16px;} .detail-info .shiping .box{position: relative;width: calc(100% - 120px);padding-left: 22px;display: flex;flex-direction: column;gap: 2px;font-weight: 500;} .detail-info .shiping .box .icon{width: 16px;position: absolute;left: 0;top: 0;} .detail-info .shiping .box .value{color: #29303D;} .detail-info .shiping .box .sub{font-size: 12px;color: #617796;} .isures-sdc--wrap{padding: 0;margin-bottom: 24px;} .isures-sdc--label{margin-top: 0;margin-right: 0;color: #3F4D65;} .isures-sdc--list_item{gap: 12px;} .isures-sdc--code_item{margin: 0;} .isures-sdc--list{column-gap: 16px;row-gap: 8px;} .hidden-content .btnz{height: 47px;padding: 0 20px;border: 1px solid #29303D;border-radius: 8px;color: #29303D;font-weight: 600;font-size: 18px;align-items: center;justify-content: center;text-align: center;background-color: transparent;display: none;} .hidden-content .btnz .down{display: none;} .hidden-content.ellipsis{position: relative;} .hidden-content.ellipsis .btnz{display: flex;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 3;} .hidden-content.ellipsis .content-post{height: 1100px;overflow-y: hidden;} .hidden-content.ellipsis.heightauto .content-post{height: auto;overflow-y: inherit;} .hidden-content.ellipsis.heightauto .btnz{position: relative;bottom: auto;margin-top: 24px;} .hidden-content.ellipsis.heightauto .btnz .down{display: block;} .hidden-content.ellipsis.heightauto .btnz .up{display: none;} .hidden-content.ellipsis:after{content: "";display: block;width: calc(100% + 20px);height: 560px;position: absolute;z-index: 2;bottom: -10px;left: -10px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, #fff 85%)} .hidden-content.ellipsis.heightauto:after{display: none;} body.archive .hidden-content.ellipsis:after{background: linear-gradient(180deg, rgba(246, 247, 249, 0) 25%, #F6F7F9 85%);} .detail-deal .title{text-transform: uppercase;font-size: 28px;font-weight: 600;margin-bottom: 16px;} .woobt-wrap{display: flex;border: 1px solid #D3D9E4;border-radius: 16px;padding: 32px;} .woobt-summary{width: 268px;position: relative;display: flex;flex-direction: column;justify-content: center;margin-left: 32px;padding-left: 32px;gap: 12px;font-size: 18px;font-weight: 500;color: #29303D;} .woobt-summary:before{content: "";display: block;width: 1px;height: calc(100% + 64px);position: absolute;left: 0;top: -32px;background: #D3D9E4;} .woobt-summary .woobt-actions button[type="submit"]{width: 100%;border: 1px solid #FE8D01;background-color: #FE8D011A !important;color: #FE8D01 !important;height: 48px;padding: 0 10px;display: flex;align-items: center;justify-content: center;white-space: nowrap;gap: 8px;} .woobt-summary .woobt-actions button[type="submit"]:before{content: "";display: block;width: 24px;height: 24px;background-image: url(images/cart-ic.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .woobt-summary .woobt-actions button[type="submit"]:after{margin: 0 !important;} .woobt-summary .woobt-actions .added_to_cart {display: none;} .woobt-summary>div{margin: 0 !important;} .woobt-summary .woobt-additional{display: flex;align-items: center;column-gap: 12px;row-gap: 6px;flex-wrap: wrap;justify-content: space-between;} .woobt-summary .woobt-additional .amount{font-size: 16px;color: #8194AF;} .woobt-summary .woobt-additional del{display: none;} .woobt-summary .woobt-additional ins{text-decoration: none;} .woobt-summary .woobt-total{display: flex;align-items: center;column-gap: 12px;row-gap: 6px;flex-wrap: wrap;color: #008ED1;justify-content: space-between;} .woobt-summary .woobt-total .amount{color: #008ED1;font-weight: bold;} .woobt-summary .woobt-total del{display: none;} .woobt-summary .woobt-total ins{text-decoration: none;} .woobt-products{width: calc(100% - 300px);margin: 0 !important;flex-wrap: nowrap !important;overflow-x: auto;gap: 24px;} .woobt-products .woobt-product{margin: 0 !important;border: 1px solid #008ED1 !important;border-radius: 12px;padding: 10px !important;width: 220px !important;gap: 15px;font-size: 16px !important;min-width: 220px;} .woobt-products .woobt-product.woobt-hide{border-color: #EBEEF3 !important;} .woobt-products .woobt-product.woobt-product-this{background: #008ED1;color: #fff;} .woobt-products .woobt-product > div{margin: 0 !important;padding: 0 !important;text-align: left !important;} .woobt-products .woobt-product .woobt-choose{position: absolute;top: 20px;left: 20px;z-index: 2;max-width: 24px;} .woobt-products .woobt-product.woobt-product-this .woobt-choose{display: none;} .woobt-products .woobt-product .woobt-choose input{width: 24px;height: 24px;} .woobt-products .woobt-product .woobt-thumb{aspect-ratio: 1/1;overflow: hidden;border-radius: 8px;} .woobt-products .woobt-product .woobt-thumb img{width: 100%;height: 100%;object-fit: cover;} .woobt-products .woobt-product .woobt-title .woobt-title-inner{font-weight: 600;} .woobt-products .woobt-product .woobt-title .woobt-title-inner .woobt-qty-num{display: none;} .woobt-products .woobt-product .variations_form{margin-top: 10px;} .woobt-products .woobt-product .variations_form .variations .variation{padding: 0;margin: 0;border: none;} .woobt-products .woobt-product .variations_form .variations .variation .label{display: none;} .woobt-products .woobt-product .variations_form .variations .variation .select select{display: block !important;color: #29303D;line-height: 26px;height: 28px;border-radius: 8px;border: 1px solid #EBEEF3;padding: 0 8px;} .woobt-products .woobt-product.woobt-product-this .variations_form .variations .variation .select select{color: #fff;border-color: #fff;} .woobt-products .woobt-product.woobt-product-this .variations_form .variations .variation .select select option{color: #29303D;} .woobt-products .woobt-product .variations_form .variations .variation .select .variable-items-wrapper{display: none;text-align: left;} .woobt-products .woobt-product .woobt-price{display: flex;flex-direction: column;max-width: 100%;} .woobt-products .woobt-product .woobt-price .woobt-price-new{display: flex;align-items: center;column-gap: 12px;row-gap: 6px;flex-direction: row-reverse;justify-content: flex-end;} .woobt-products .woobt-product .woobt-price .woobt-price-ori{display: flex;align-items: center;column-gap: 12px;row-gap: 6px;flex-direction: row-reverse;justify-content: flex-end;} .woobt-products .woobt-product .woobt-price .screen-reader-text{display: none;} .woobt-products .woobt-product .woobt-price .amount{display: block;font-weight: bold;font-size: 16px;color: #008ED1;} .woobt-products .woobt-product.woobt-product-this .woobt-price .amount{color: #fff;} .woobt-products .woobt-product .woobt-price del{color: #8194AF;opacity: 1;} .woobt-products .woobt-product .woobt-price del .amount{font-size: 14px;font-weight: 500;color: #8194AF;} .woobt-products .woobt-product.woobt-product-this .woobt-price del{color: #fff;} .woobt-products .woobt-product.woobt-product-this .woobt-price del .amount{color: #fff;} .woobt-products .woobt-product .woobt-price ins{text-decoration: none;} .detail-related .home-title{font-size: 24px;} /* Comment-Woo (Plugin: Customer Reviews for WooCommerce) */ .woocommerce #reviews #comments h2{font-weight: bold;font-size: 28px;margin-bottom: 24px;text-transform: uppercase;} .cr-all-reviews-shortcode .cr-review-form-item, .cr-ajax-reviews-review-form .cr-review-form-item, .cr-reviews-grid .cr-review-form-item{max-width: 100%;padding: 16px 0;} .cr-ajax-reviews-review-form .cr-review-form-item{display: none;} .cr-onsite-ratings .cr-review-form-rating, .cr-review-form-rating-overall .cr-review-form-rating{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-comment, .cr-ajax-reviews-review-form .cr-review-form-comment, .cr-reviews-grid .cr-review-form-comment{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-ne, .cr-ajax-reviews-review-form .cr-review-form-ne, .cr-reviews-grid .cr-review-form-ne{max-width: 100%;} .cr-all-reviews-shortcode .cr-form-item-media, .cr-ajax-reviews-review-form .cr-form-item-media, .cr-reviews-grid .cr-form-item-media{max-width: 100%;} .cr-form-item-media-none{padding: 20px;background: #fff;} .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{background-color: #008ED1;border-radius: 5px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover{background-color: #00C8F3;} .cr-all-reviews-shortcode .cr-review-form-result, .cr-ajax-reviews-review-form .cr-review-form-result, .cr-all-reviews-shortcode .cr-review-form-not-logged-in, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in, .cr-reviews-grid .cr-review-form-result, .cr-reviews-grid .cr-review-form-not-logged-in{max-width: 100%;padding: 16px 0;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue{padding: 0 24px;border-radius: 48px;background-color: #008ED1;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover{background-color: #00C8F3;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{background-color: #fff;padding: 8px 16px;margin: 16px 0;} #reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{margin: 16px 0;display: none;} .cr-all-reviews-shortcode .crstar-rating span::before, .cr-reviews-grid .cr-summaryBox-wrap .crstar-rating span::before, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating span::before, #reviews #comments .cr-summaryBox-wrap .crstar-rating span::before{top: -6px;} .cr-all-reviews-shortcode ol.commentlist li .comment-text p, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p{margin: 8px 0;} .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-weight: 600;text-transform: capitalize;} .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 16px 0;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{padding: 16px;background: #fff;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt{height: 30px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt>svg{width: 32px;height: 30px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 20px;color: #1E293B;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl{font-size: 16px;color: #444;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{border-radius: 8px;border: none;padding: 0 24px;background-color: #008ED1;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover{background-color: #00C8F3;} .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{background: #fff;border-left: 1px solid #E5E9EB;border-right: 1px solid #E5E9EB;border-radius: 4px;} .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{border-radius: 5px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover{background-color: #4D5D64;color: #fff;} .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{border-radius: 4px;} .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{border-radius: 4px;} .cr-all-reviews-shortcode .cr-review-form-buttons, .cr-ajax-reviews-review-form .cr-review-form-buttons, .cr-reviews-grid .cr-review-form-buttons{max-width: 100%;padding: 0;} #reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-div{display: none;} /* Cart */ .woocommerce .woocommerce-cart-form table{border: none;margin-bottom: 0;border-radius: 0;display: flex;flex-direction: column;} .woocommerce .woocommerce-cart-form table thead{padding: 0 32px 16px;display: block;width: 100%;} .woocommerce .woocommerce-cart-form table tr{border-width: 0;display: flex;justify-content: space-between;align-items: center;column-gap: 16px;row-gap: 8px;} .woocommerce .woocommerce-cart-form table tr.have{padding-left: 136px;} .woocommerce .woocommerce-cart-form table th,.woocommerce .woocommerce-cart-form table td{border-width: 0;padding: 0;} .woocommerce .woocommerce-cart-form table th{font-size: 18px;text-transform: uppercase;font-weight: bold;} .woocommerce .woocommerce-cart-form table .product-remove{width: 24px;} .woocommerce .woocommerce-cart-form table .product-thumbnail{width: 120px;} .woocommerce .woocommerce-cart-form table .product-name{width: calc(100% - 24px - 120px - 220px - 120px - 220px - 80px);} .woocommerce .woocommerce-cart-form table .product-price{width: 220px;text-align: center;} .woocommerce .woocommerce-cart-form table .product-quantity{width: 120px;text-align: center;} .woocommerce .woocommerce-cart-form table .product-quantity .quantity{justify-content: center;} .woocommerce .woocommerce-cart-form table .product-quantity .quantity input[type="number"]{width: 60px !important;} .woocommerce .woocommerce-cart-form table .product-subtotal{width: 220px;text-align: right;} .woocommerce .woocommerce-cart-form table .actions{margin-left: auto;} .woocommerce .woocommerce-cart-form table tbody{padding: 32px;background: #fff;border-radius: 16px;border: 1px solid #D3D9E4;display: flex;flex-direction: column;gap: 12px;} .woocommerce .woocommerce-cart-form table .product-thumbnail img{width: 100%;aspect-ratio: 1/1;object-fit: cover;border-radius: 8px;} .woocommerce .woocommerce-cart-form table td.product-name a{color: #29303D;font-weight: 600;} .woocommerce .woocommerce-cart-form table .amount{font-size: 24px;font-weight: bold;} .woocommerce .woocommerce-cart-form table .price del{margin-right: 10px;font-weight: 600;color: #666;} .woocommerce .woocommerce-cart-form table .price ins{text-decoration: none;} .woocommerce .woocommerce-cart-form table tr.have .product-thumbnail{width: 80px;} .woocommerce .woocommerce-cart-form table tr.have .product-name{width: calc(100% - 24px - 80px - 220px - 220px - 120px - 80px)} .woocommerce .woocommerce-cart-form table tr.have .product-name .woobt-item-name{font-weight: bold;color: #8194AF;font-size: 13px;} .woocommerce .woocommerce-cart-form table tr.have .product-name .woobt-item-name a{display: none;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item>td{width: 100%;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item tbody{border-radius: 0;border: none;display: block;padding: 0;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item tr{padding-left: 40px;} .wpcuv-thumbnail{width: 120px;} .wpcuv-info{width: calc(100% - 136px);} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .wpcuv-thumbnail img{width: 100%;aspect-ratio: 1/1;object-fit: cover;border-radius: 8px;} .wpcuv-title{font-size: 16px;font-weight: 600;margin-bottom: 6px;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item table.variations{margin-bottom: 6px;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item table.variations tr{padding-left: 0;justify-content: flex-start;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .price{display: block;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .single_variation_wrap{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 6px;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .wpcuv-actions{margin-top: 0;column-gap: 12px;row-gap: 6px;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .quantity input[type="number"]{width: 60px !important;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item table.variations td.value .reset_variations{display: none;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .wpcuv-actions .quantity{display: none !important;} .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{margin-top: 32px;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width: 600px;border: 1px solid #D3D9E4;border-radius: 16px;background: #fff;padding: 32px;} .plugin68-form__coupon-suggest{display: none;} .woocommerce ul#shipping_method li label{font-size: 0;} .woocommerce ul#shipping_method li label .amount{font-size: 20px;} .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{font-weight: 600;font-size: 28px;padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #D3D9E4;} .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table{margin-bottom: 0;border: none;border-radius: 0;} .woocommerce .cart-collaterals .cart_totals table tbody, .woocommerce-page .cart-collaterals .cart_totals table tbody{display: flex;flex-direction: column;gap: 24px;} .woocommerce .cart-collaterals .cart_totals table tr, .woocommerce-page .cart-collaterals .cart_totals table tr{border-width: 0;display: flex;align-items: center;justify-content: space-between;} .woocommerce .cart-collaterals .cart_totals .order-total, .woocommerce-page .cart-collaterals .cart_totals .order-total{border-top: 1px solid #d3d9e4;padding-top: 24px;} .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td{padding: 0;border-width: 0;text-align: right;} .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th{padding: 0;border-width: 0;font-weight: 600;} .woocommerce .cart-collaterals .cart_totals .amount, .woocommerce-page .cart-collaterals .cart_totals .amount{font-size: 24px;font-weight: bold;} .woocommerce .cart-collaterals .cart_totals .order-total .amount, .woocommerce-page .cart-collaterals .cart_totals .order-total .amount{color: #008ED1;} #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding: 24px 0 0;} #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;font-size: 16px;padding: 16px;} /* Checkout */ .woocommerce .woocommerce-checkout{display: flex;flex-wrap: wrap;gap: 32px;} .woocommerce .woocommerce-checkout #customer_details{width: calc(100% - 600px - 32px);display: flex;flex-direction: column;gap: 32px;background: #fff;padding: 32px;border-radius: 16px;border: 1px solid #D3D9E4;} .woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before{display: none;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width: 100%;float: none;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width: 100%;float: none;} .woocommerce .woocommerce-checkout #customer_details h3{font-size: 28px;font-weight: 600;margin-bottom: 24px;float: none !important;display: block;} .woocommerce .woocommerce-checkout #customer_details h3 input{position: relative;top: -4px;margin-right: 4px;} .woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-shipping-fields::after, .woocommerce .woocommerce-shipping-fields::before, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-shipping-fields::before{display: none;} .woocommerce form .form-row .input-text, .woocommerce form .form-row select{font-family: 'Plus Jakarta Sans';padding: 14px 16px;border-color: #D3D9E4;border-radius: 8px;line-height: 22px;} .woocommerce form .form-row textarea{height: 160px !important;} .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display: flex;gap: 16px;flex-wrap: wrap;} .woocommerce form .form-row{padding: 0;margin: 0;width: 100%;float: none;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: calc(50% - 8px);} .woocommerce .woocommerce-checkout #order_review{width: 600px;} .woocommerce .woocommerce-checkout #order_review h3{font-size: 28px;font-weight: 600;margin-bottom: 24px;float: none !important;display: block;} .woocommerce .woocommerce-checkout #order_review table{background: #fff;border: 1px solid #D3D9E4;border-radius: 16px;display: flex;flex-direction: column;padding: 32px;} .woocommerce .woocommerce-checkout #order_review table thead{display: none;} .woocommerce .woocommerce-checkout #order_review table tr{border-width: 0;display: flex;align-items: flex-start;justify-content: space-between;column-gap: 16px;row-gap: 8px;} .woocommerce .woocommerce-checkout #order_review table th,.woocommerce .woocommerce-checkout #order_review table td{border-width: 0;padding: 0;} .woocommerce .woocommerce-checkout #order_review table tbody{display: flex;flex-direction: column;gap: 12px;} .woocommerce .woocommerce-checkout #order_review table .cart_item .product-name{width: calc(100% - 146px);position: relative;padding-left: 60px;min-height: 50px;font-weight: 600;} .woocommerce .woocommerce-checkout #order_review table .cart_item .product-name img{margin: 0 !important;width: 50px;height: 50px;object-fit: cover;position: absolute;left: 0;top: 0;border-radius: 4px;} .woocommerce .woocommerce-checkout #order_review table .cart_item .product-total{width: 130px;text-align: right;} .woocommerce .woocommerce-checkout #order_review table .cart_item.have .product-name{min-height: inherit;} .woocommerce .woocommerce-checkout #order_review table .cart_item.have .product-name img{display: none;} .woocommerce .woocommerce-checkout #order_review table .cart_item.have .product-name .woobt-item-name{font-weight: bold;font-size: 0;color: #8194AF;} .woocommerce .woocommerce-checkout #order_review table .cart_item.have .product-name .woobt-item-name:before{content: "(Mua kèm)";font-size: 13px;} .woocommerce .woocommerce-checkout #order_review table .cart_item.have .product-name .product-quantity{font-size: 13px;color: #8194AF;} .woocommerce .woocommerce-checkout #order_review table .amount{font-weight: bold;font-size: 18px;} .woocommerce .woocommerce-checkout #order_review table tfoot{padding-top: 24px;margin-top: 24px;border-top: 1px solid #d3d9e4;display: flex;flex-direction: column;gap: 8px;} .woocommerce .woocommerce-checkout #order_review table tfoot th{font-weight: 600;} #add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address{display: none;} .woocommerce .woocommerce-shipping-fields{display: none;} .woocommerce ul#shipping_method li{margin: 0;} .woocommerce .woocommerce-checkout #order_review table tfoot .order-total .amount{color: #008ED1;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{border-radius: 16px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 32px 32px 24px;} #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{padding: 24px 32px 32px;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{float: none;width: 100%;padding: 16px;} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{display: none;} /* Thankyou */ .woocommerce-customer-details{display: none;} .woocommerce-notice--success{text-align: center;font-size: 18px;font-weight: 600;margin-bottom: 24px;} .woocommerce ul.order_details{display: flex;flex-direction: column;margin: 0 auto 32px;width: 600px;gap: 12px;text-align: center; max-width: 100%;padding: 32px;background: #fff;border-radius: 16px;} .woocommerce ul.order_details::after, .woocommerce ul.order_details::before{display: none;} .woocommerce ul.order_details li{float: none;margin: 0;padding: 0;border: 0;font-size: 14px;font-weight: 500;} .woocommerce ul.order_details li strong{display: initial;font-size: 14px;} .vdh_qr_code{justify-content: center !important;} .vdh_qr_code .vdh_bank_item{width: 360px !important;overflow: hidden;border-radius: 16px;} .vdh_qr_code .modal-content{object-fit: contain;cursor: url(images/close.png) 20 20,default;} .woocommerce-bacs-bank-details{display: none;} body.woocommerce-checkout .woocommerce .woocommerce-order-details{display: none;} .title-customnew{text-align: center;font-size: 18px;font-weight: 600;margin-bottom: 20px;} .customnew{display: flex;list-style: none; flex-direction: column;margin: 32px auto 0;width: 600px;max-width: 100%;gap: 12px;text-align: center;background: #fff;border-radius: 16px;padding: 32px;} .customnew h2{margin-bottom: 0;font-size: 18px;font-weight: 600;} .customnew p{margin-bottom: 0;font-size: 14px;text-transform: none;font-weight: 600;} .customnew p b{text-transform: uppercase;font-size: 14px;font-weight: normal;} /* Tra cứu */ .order-info{text-align: center;margin-bottom: 24px;} .woocommerce-order-details{display: block;width: 600px;max-width: 100%;margin: 0 auto;} .woocommerce-order-details h2{font-size: 24px;font-weight: 600;margin-bottom: 24px;text-align: center;} .woocommerce-order-details table{background: #fff;border: 1px solid #D3D9E4;border-radius: 16px;display: flex;flex-direction: column;padding: 32px;} .woocommerce-order-details table thead{display: none;} .woocommerce-order-details table tr{border-width: 0;display: flex;align-items: flex-start;justify-content: space-between;column-gap: 16px;row-gap: 8px;} .woocommerce-order-details table th,.woocommerce-order-details table td{border-width: 0;padding: 0;} .woocommerce-order-details table tbody{display: flex;flex-direction: column;gap: 12px;} .woocommerce-order-details table .order_item .product-name{width: calc(100% - 146px);} .woocommerce-order-details table .order_item .product-name a{color: #29303D;} .woocommerce-order-details table .order_item .product-name .wc-item-meta{display: none;} .woocommerce-order-details table .order_item .product-total{width: 130px;text-align: right;} .woocommerce-order-details table .amount{font-weight: bold;font-size: 18px;} .woocommerce-order-details table tfoot{padding-top: 24px;margin-top: 24px;border-top: 1px solid #d3d9e4;display: flex;flex-direction: column;gap: 8px;} .woocommerce-order-details table tfoot th{font-weight: 600;} .woocommerce-order-details table tfoot .amount{color: #008ED1;} .woocommerce-order-details table>*:nth-child(3){display: none;} body.page-id-69 .fsww-request-refund{display: inline-block;position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 16px;} body.page-id-69 .order-again{text-align: center;margin-bottom: 0;} /* Account */ body.woocommerce-account{background: #fff;} body.woocommerce-account #footer{border-top: 1px solid #D3D9E4;} .account-body .box-login{background: #fff;padding: 20px;border: 2px solid #008ED1;width: 468px;max-width: 100%;display: block;margin: 0 auto;border-radius: 16px;} .account-body .box-login #customer_login h2{font-weight: bold;color: #008ED1;font-size: 24px;text-transform: uppercase;text-align: center;letter-spacing: px;} .account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;display: flex;flex-direction: column;gap: 10px;} .account-body .box-login [type="submit"]{width: 100%;} .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: #02AEEE;} .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;} .woocommerce-account .box-account .woocommerce{display: flex;flex-wrap: wrap;gap: 32px;} .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 400px;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: calc(100% - 432px);} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{display: flex;flex-direction: column;gap: 24px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{border: 1px solid #D3D9E4;border-radius: 16px;padding: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 12px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{padding: 10px 20px;display: flex;align-items: center;border-radius: 8px; font-size: 20px;font-weight: 600;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background-color: #008ED11A;color: #008ed1;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--make-a-deposit{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit a .icon{width: 48px;height: 48px;display: block;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit a .icon svg{width: 100%;height: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit a .box{display: flex;flex-direction: column;width: calc(100% - 48px);padding-left: 10px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit a .box .amount{color: #FE8D01;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit a .box>span{display: block;} .woocommerce-account .woocommerce-MyAccount-navigation ul.have-deposit li.make-a-deposit a{background: #FE8D011A;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit{order: 1;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account{order: 2;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address{order: 3;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders{order: 4;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--transactions-history{order: 5} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout{order: 6;} .woocommerce-address-fields__field-wrapper{display: flex;flex-direction: column;gap: 16px;margin-bottom: 16px;} .woocommerce-Address-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;} .woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before{display: none;} .woocommerce-account .woocommerce-MyAccount-content h2{font-size: 18px;font-weight: 600;text-transform: uppercase;color: #008ED1;} .woocommerce-Address-title h2{margin-bottom: 0;} .woocommerce-account .addresses .title .edit{font-size: 14px;float: none;} .woocommerce .woocommerce-EditAccountForm{display: flex;flex-wrap: wrap;gap: 16px;} .woocommerce .woocommerce-EditAccountForm .clear{display: none;} .woocommerce .woocommerce-EditAccountForm fieldset{padding: 24px;border: 1px solid #D3D9E4;border-radius: 16px;display: block;width: 100%;margin: 12px 0;display: flex;flex-direction: column;gap: 16px;} .woocommerce .woocommerce-EditAccountForm fieldset legend{color: #008ED1;font-size: 16px;text-transform: uppercase;font-weight: 600;margin-bottom: 8px;} .woocommerce .woocommerce-EditAccountForm .woocommerce-Button{text-transform: uppercase;font-weight: 600;font-size: 18px;min-width: 200px;padding: 0 20px;height: 48px;line-height: 48px;} .woocommerce-account form .form-row .input-text, .woocommerce-account form .form-row select{padding: 12px 16px;background: #F6F7F9;} .fsww-meke-deposit-sc h4{text-transform: uppercase;font-size: 18px;color: #008ED1;margin-bottom: 16px;} .woocommerce-account .woocommerce-order-details{width: 100%;} .woocommerce-account .woocommerce-order-details h2{text-align: left;} .woocommerce-account .order-again{margin-top: 16px;} .woocommerce-account .fsww-request-refund{margin-bottom: 16px !important;} .filter-order{display: flex;justify-content: space-between;margin-bottom: 24px;text-align: center; align-items: flex-start;font-size: 18px;font-weight: 600;flex-wrap: wrap;} .filter-order .delimit{display: none;} .filter-order a{flex: 1;display: flex;align-items: center;justify-content: center;color: #29303D;border-bottom: 1px solid transparent;padding: 10px;text-decoration: none !important;} .filter-order b{flex: 1;display: flex;align-items: center;justify-content: center;color: #008ED1;border-bottom: 1px solid #008ED1;padding: 10px;} .form-search-order{margin-bottom: 24px;} .woocommerce table.my_account_orders{font-size: 16px;} .woocommerce-orders-table{border: none !important;display: block;} .woocommerce-orders-table thead{display: none;} .woocommerce-orders-table tbody{display: flex;flex-direction: column;gap: 24px;} .woocommerce-orders-table tbody tr{border: 1px solid #D3D9E4;border-radius: 16px;padding: 32px;display: flex;align-items: center;flex-wrap: wrap;gap: 12px;} .woocommerce-orders-table tbody tr td,.woocommerce-orders-table tbody tr th{border: none !important;padding: 0 !important;} .woocommerce-orders-table.wc-pending tr:not(.woocommerce-orders-table__row--status-pending){display: none;} .woocommerce-orders-table.wc-processing tr:not(.woocommerce-orders-table__row--status-processing){display: none;} .woocommerce-orders-table.wc-on-hold tr:not(.woocommerce-orders-table__row--status-on-hold){display: none;} .woocommerce-orders-table.wc-cancelled tr:not(.woocommerce-orders-table__row--status-cancelled){display: none;} .woocommerce-orders-table.wc-failed tr:not(.woocommerce-orders-table__row--status-failed){display: none;} .woocommerce-orders-table.wc-checkout-draft tr:not(.woocommerce-orders-table__row--status-checkout-draft){display: none;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-sku{order: 1;width: 162px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status{order: 3;max-width: calc(100% - 162px - 100px - 24px);text-align: center;font-weight: bold;margin-left: auto;padding: 5px 10px !important;border-radius: 5px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.da-hoan-lai-tien{background: #e5e5e5;color: #454545;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.da-huy{background: #e5e5e5;color: #454545;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.cho-thanh-toan{background: #e5e5e5;color: #454545;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.that-bai{background: #eba3a3;color: #570000;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.da-hoan-thanh{background: #c8d7e1;color: #003d66;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.dang-xu-ly{background: #c6e1c6;color: #2c4700;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status.tam-giu{background: #f8dda7;color: #573b00;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-date{order: 2;width: 100px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-number{order: 4;width: 100%;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total{order: 5;width: 100%;display: flex;gap: 12px;justify-content: flex-end;align-items: center;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total ins{text-decoration: none;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions{order: 6;width: 100%;display: flex;gap: 12px;justify-content: flex-end;align-items: center;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-sku a{font-weight: bold;text-decoration: none !important;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-sku a span{color: #29303D;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-date time{color: #4C5E7D;} .woocommerce-orders-table tbody .list-item{list-style: none;padding: 0;margin-bottom: 0;} .woocommerce-orders-table tbody .list-item li{margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid #D3D9E4;display: flex;align-items: center;gap: 16px;justify-content: space-between;flex-wrap: wrap;} .woocommerce-orders-table tbody .list-item li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;} .woocommerce-orders-table tbody .list-item li .img{width: 160px;aspect-ratio: 1/1;overflow: hidden;border-radius: 8px;} .woocommerce-orders-table tbody .list-item li .img img{height: 100%;} .woocommerce-orders-table tbody .list-item li .info{width: calc(100% - 160px - 16px);display: flex;align-items: center;justify-content: space-between;gap: 16px;} .woocommerce-orders-table tbody .list-item li .info .box{width: calc(100% - 160px - 16px);display: flex;flex-direction: column;gap: 10px;} .woocommerce-orders-table tbody .list-item li .info .price{width: 160px;font-size: 18px;font-weight: bold;color: #008ED1;text-align: right;} .woocommerce-orders-table tbody .list-item li .info .box span{display: block;} .woocommerce-orders-table tbody .list-item li .info .box .variant-details{color: #4C5E7D;font-size: 14px;font-weight: 500;} .woocommerce-orders-table tbody .list-item li .info .box .number{font-size: 14px;font-weight: 500;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total .amount{font-size: 24px;font-weight: bold;color: #008ED1;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions a{margin: 0 !important;} a.cancel{display: none;} .woocommerce-orders-table.fsww-transactions tbody tr{padding: 16px 32px;} .woocommerce-orders-table.fsww-transactions tbody tr td[data-title="Ngày"]{margin-left: auto;} /* xoo-cart */ .xoo-wsc-modal{display: none;} .xoo-wsc-basket{display: none !important;opacity: 0;visibility: hidden;} /* Home */ .home-banner .col-slider{width: 70%;} .home-banner .col-slider .item{height: 864px;} .home-banner .col-slider .box-deal .home-cta{margin-top: 64px;} .home-banner .col-two{width: 30%;} .home-banner .col-two .item{height: 420px;} .home-banner .col-two .banner-deal{margin-bottom: 24px;} .home-banner .col-two .banner-deal:last-child{margin-bottom: 0;} .home-banner .col-two .box-deal .title{font-size: 32px;} .home-sec1 .col-item{flex: 1;} .home-sec1 .item{height: 100%;display: flex;flex-direction: column;gap: 4px;background: #fff;border-radius: 12px;padding: 24px 12px;font-weight: 600;font-size: 18px;color: #29303D;} .home-sec1 .item:hover{color: #008ED1;} .home-sec1 .item .icon{height: 60px;display: flex;align-items: center;justify-content: center;} .home-sec1 .item .icon img{object-fit: contain;max-height: 100%;transition: all .7s;} .home-sec1 .item:hover .icon img{transform: scale(1.1);} .home-sec2 .home-title{font-size: 32px;color: #008ED1;} .swiper-cat{margin: 0 -12px;} .swiper-cat .swiper-slide{padding: 0 12px;height: auto;} .cat-prev{left: -58px;background-color: #008ED1;color: #fff;} .cat-next{right: -58px;background-color: #008ED1;color: #fff;} .item-cat{height: 100%;display: flex;flex-direction: column;gap: 16px;text-align: center;} .item-cat .thumb a{display: flex;align-items: center;justify-content: center;height: 130px;overflow: hidden;position: relative;border-radius: 16px;background: #00C8F333;} .item-cat .thumb a img{object-fit: contain;max-height: 110px;max-width: 110px;position: relative;z-index: 2;transition: all .7s;} .item-cat .thumb a svg{position: absolute;bottom: 0;left: 50%;width: 100%;transition: all .7s;transform: translateX(-50%);} .item-cat:hover .thumb a img{transform: scale(1.1);} .item-cat:hover .thumb a svg{width: 70%;} .item-cat .name{margin-bottom: 0;font-size: 14px;font-weight: 500;} .item-cat:hover .name a{color: #008ED1;} .home-sale{background: #008ED11A;} .home-sale .home-title{color: #FE8D01;} .home-sale .flex{gap: 16px;} .home-sale #countdown-timer{margin-right: auto;} .home-sale #countdown-timer span{background: #29303D;} .home-sale .home-block .flex .link{display: inline-block;color: #008ED1;font-size: 18px;font-weight: 600;} .home-sale .home-block .flex .link:hover{text-decoration: underline;} .home-sec4 .home-title{font-size: 32px;color: #008ED1;} .home-sec4 .tab-name{list-style: none;margin-bottom: 0;display: flex;justify-content: space-between;flex-wrap: wrap;} .home-sec4 .tab-name li{flex: 1;} .home-sec4 .tab-name li button{border: none;background: transparent;width: 100%;display: flex;flex-direction: column;gap: 4px;padding: 16px;border-radius: 16px 16px 0 0;border-bottom: 1.5px solid transparent;} .home-sec4 .tab-name li button .icon{display: flex;align-items: center;justify-content: center;height: 60px;} .home-sec4 .tab-name li button .icon img{object-fit: contain;max-height: 100%;transition: all .7s;} .home-sec4 .tab-name li button:hover .icon img{transform: scale(1.1);} .home-sec4 .tab-name li button .name{display: block;font-size: 20px;font-weight: 500;transition: all .3s;} .home-sec4 .tab-name li button:hover .name{color: #008ED1;} .home-sec4 .tab-name li button.active{background: #008ED11A;border-bottom-color: #008ED1;} .home-sec4 .tab-name li button.active .name{color: #008ED1;} .home-sec4 .home-cta{margin-top: 24px;} .home-sec5 .flex{gap: 16px;} .home-sec5 .home-title{font-size: 32px;color: #008ED1;} .home-sec5 .tab-name{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 8px;} .home-sec5 .tab-name li button{border: 1px solid #D3D9E4;border-radius: 8px;padding: 0 16px;height: 41px;font-size: 14px;font-weight: 500;transition: all .3s;background: transparent;} .home-sec5 .tab-name li button:hover{color: #008ED1;} .home-sec5 .tab-name li button.active{background: #008ED1;color: #fff;border-color: #008ED1;} @media (max-width: 1599px) { .contact-block .inner{padding: 0;} .contact-block .form{padding: 0;} } @media (max-width: 1399px) { body{padding-top: 165px;} h1{font-size: 28px;} h2{font-size: 24px;} h3{font-size: 20px;} h4{font-size: 16px;} h5{font-size: 14px;} h6{font-size: 14px;} #yith-ajaxsearchform input[type="search"]{height: 48px;padding: 12px 16px;} #yith-ajaxsearchform input[type="submit"]{width: 48px;height: 48px;background-size: 20px;} .footer-main{padding: 40px 0;font-size: 14px;} .footer-bot{padding: 20px 0;} .footer-main .widget-title{font-size: 16px;margin-bottom: 12px;} .footer-main .social{margin-top: 16px;} .container-fluid, .container{--bs-gutter-x: 60px;} .header-main .flex{gap: 24px;} .header-main{padding: 10px 0;} .header-top{padding: 10px 0;} #header.shift{top: -165px;} body.logged-in #header.shift{top: -197px;} .page-body{padding: 30px 0;} .page-frame{padding: 30px;} .home-block{gap: 24px;} .page-body .section:not(:last-child){margin-bottom: 30px;} .page-banner{margin-bottom: 30px;} .home-title{font-size: 32px;} .home-block{gap: 24px;} .single-meta .name{font-size: 26px;} .item-news .single-meta .name{font-size: 18px;} .single-meta .date{margin-top: 0;} .single-top .row{--bs-gutter-x: 24px;} .single-body .content-post #ftwp-postcontent{padding-left: 24px;} .swiper-news{margin: 0 -12px;} .swiper-news .swiper-slide{padding: 0 12px;} .news-next{right: -48px;} .news-prev{left: -48px;} .box-deal{padding: 24px;} .box-deal .title{font-size: 36px;} .box-deal .sub span{height: 36px;font-size: 13px;} .box-deal .sub span svg{width: 18px;height: 18px;} .home-cta a{font-size: 16px;height: 46px;} .hidden-content .btnz{font-size: 16px;height: 46px;} .detail-head .row{--bs-gutter-x: 24px;} .detail-image .swiper-thumb .swiper-slide{width: 124px;} .product-title{font-size: 24px;} .detail-meta{margin-bottom: 16px;} .detail-info .price-box{margin-bottom: 16px;} .isures-sdc--wrap{margin-bottom: 16px;} .woocommerce div.product form.cart .variations{margin-bottom: 16px;} .woocommerce div.product form.cart div.quantity{margin: 0 0 16px;} .woocommerce div.product form.cart .button{width: 50px;height: 50px;} .woocommerce div.product form.cart .button.single_buy_now_button{width: calc(100% - 58px);font-size: 16px;} .woocommerce #reviews #comments h2{font-size: 24px;margin-bottom: 20px;} .product-next{right: -48px;} .product-prev{left: -48px;} .flash-sale-box .title{width: 180px;} .flash-sale-box .countdown{width: calc(100% - 180px);} .detail-deal .title{font-size: 24px;} .list-product .col-item{width: calc(100% / 3);} .list-product-home .col-item{width: 25%;} .woobt-wrap{padding: 24px;} .woobt-summary{width: 260px;padding-left: 24px;margin-left: 24px;font-size: 16px;} .woobt-summary:before{height: calc(100% + 48px);top: -24px;} .woobt-products{width: calc(100% - 284px);} .woobt-products .woobt-product{gap: 10px;} .woocommerce .woocommerce-cart-form table thead{padding: 0 24px 16px;} .woocommerce .woocommerce-cart-form table tbody{padding: 24px;} .woocommerce .woocommerce-cart-form table th{font-size: 16px;} .woocommerce .woocommerce-cart-form table .product-subtotal{width: 180px;} .woocommerce .woocommerce-cart-form table .product-quantity{width: 90px;} .woocommerce .woocommerce-cart-form table .product-price{width: 180px;} .woocommerce .woocommerce-cart-form table .product-name{width: calc(100% - 24px - 120px - 180px - 90px - 180px - 80px);} .woocommerce .woocommerce-cart-form table tr.have .product-name{width: calc(100% - 24px - 80px - 180px - 90px - 180px - 80px);} .quantity input[type="number"]{width: 80px !important;font-size: 16px;} .woocommerce .woocommerce-cart-form table .amount{font-size: 18px;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{padding: 24px;width: 500px;} .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{padding-bottom: 16px;margin-bottom: 16px;font-size: 24px;} .woocommerce .cart-collaterals .cart_totals table tbody, .woocommerce-page .cart-collaterals .cart_totals table tbody{gap: 16px;} .woocommerce .cart-collaterals .cart_totals .amount, .woocommerce-page .cart-collaterals .cart_totals .amount{font-size: 18px;} .woocommerce .cart-collaterals .cart_totals .order-total, .woocommerce-page .cart-collaterals .cart_totals .order-total{padding-top: 16px;} #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding: 16px 0 0;} .woocommerce .woocommerce-checkout #customer_details{padding: 24px;width: calc(100% - 500px - 24px);} .woocommerce .woocommerce-checkout{gap: 24px;} .woocommerce .woocommerce-checkout #order_review{width: 500px;} .woocommerce .woocommerce-checkout #customer_details h3{font-size: 24px;margin-bottom: 20px;} .woocommerce .woocommerce-checkout #order_review h3{font-size: 24px;margin-bottom: 20px;} .woocommerce .woocommerce-checkout #order_review table{padding: 24px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 24px 24px 16px;} #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{padding: 24px;} .woocommerce .woocommerce-checkout #order_review table tfoot{padding-top: 16px;margin-top: 16px;} .woocommerce ul.order_details{padding: 24px;} .customnew{padding: 24px;} .woocommerce-order-details table{padding: 24px;} .woocommerce-order-details table tfoot{padding-top: 16px;margin-top: 16px;} .home-banner .col-two .box-deal .title{font-size: 24px;} .home-banner .col-two .item{height: 340px;} .home-banner .col-slider .item{height: 704px;} .home-sec1 .item{padding: 16px 8px;font-size: 14px;} .home-sec2 .home-title{font-size: 26px;} .home-sale .home-block .flex .link{font-size: 16px;} .home-sec4 .home-title{font-size: 26px;} .home-sec4 .tab-name li button{padding: 12px;} .home-sec4 .tab-name li button .name{font-size: 16px;} .cat-prev{left: -48px;} .cat-next{right: -48px;} .filter-order{font-size: 15px;} } @media (max-width: 1199px) { .header-main .search .quick{column-gap: 16px;} .footer-main .f-widget{flex-wrap: wrap;} .footer-main .widget:first-child{max-width: 100%;width: 100%;} .policy-block .flex{gap: 24px;} .flash-sale-box .title{width: 120px;font-size: 18px;} .flash-sale-box .countdown{width: calc(100% - 120px);} #countdown-timer span{width: 32px;height: 32px;font-size: 14px;} #countdown-timer span::after{height: 32px;} .woocommerce .woocommerce-cart-form table .product-subtotal{width: 140px;} .woocommerce .woocommerce-cart-form table .product-price{width: 140px;} .woocommerce .woocommerce-cart-form table .product-thumbnail{width: 100px;} .woocommerce .woocommerce-cart-form table .product-name{width: calc(100% - 24px - 100px - 140px - 90px - 140px - 80px);} .woocommerce .woocommerce-cart-form table tr.have{padding-left: 116px;} .woocommerce .woocommerce-cart-form table tr.have .product-name{width: calc(100% - 24px - 100px - 140px - 90px - 140px - 80px);} .woocommerce-account .woocommerce-MyAccount-navigation{width: 300px;} .woocommerce-account .woocommerce-MyAccount-content{width: calc(100% - 332px);} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-size: 16px;} .home-banner .col-two .box-deal .title{font-size: 20px;} .home-sec5 .home-title{font-size: 26px;} } @media (max-width: 991px) { html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body {font-size: 14px;padding-top: 90px; overflow-y: visible; position: relative; } html, body { overflow-x: hidden; margin: 0; } 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{padding: 10px 12px;border-radius: 6px;} input[type="submit"], button[type="submit"]{padding: 10px 20px;border-radius: 6px;} .select2-container .select2-selection--single{height: 44px;} .select2-container--default .select2-selection--single{border-radius: 6px;} .select2-container .select2-selection--single .select2-selection__rendered{padding: 0 16px 0 12px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;} .select2-search--dropdown{padding: 4px 12px 12px 12px;} .select2-results__option{padding: 6px 12px;} #main{overflow: hidden;} .backtop{bottom: 90px;row-gap: 10px;} .backtop a{width: 40px;height: 40px;} .backtop a img{max-width: 22px;max-height: 22px;} .suport-mb{display: flex;position: fixed;background: #fff;z-index: 999;bottom: 0;left: 0;width: 100%;justify-content: space-between;box-shadow: 0px -2px 10px 0px #00000012;} .suport-mb a{flex: 1;display: flex;flex-direction: column;padding: 8px;gap: 5px;align-items: center;text-align: center;} .suport-mb a img{object-fit: contain;width: 36px;height: 36px;} .suport-mb a span{display: block;font-weight: 500;} .container-fluid, .container{--bs-gutter-x: 40px;} .header-top{display: none;} .header-main .hotline{display: none;} .header-main .search .quick{display: none;} .header-main .logo{height: 70px;} .header-main .touch{display: block;cursor: pointer;} .header-main .touch img{width: 32px;height: 32px;object-fit: contain;padding: 2px;} .header-main .cart .cout{top: -6px;} body.page-template-page-account.logged-in #header{background: #008ED1;} body.page-template-page-account.logged-in .header-main .logo{display: none;} body.page-template-page-account.logged-in .header-main .search{display: none;} body.page-template-page-account.logged-in .header-main .account{display: flex;height: 70px;align-items: center;gap: 12px;margin-right: auto;} .header-main .account .avata{width: 70px;height: 70px;overflow: hidden;border-radius: 50%;border: 1px solid #fff;background: #fff;} .header-main .account .avata img{width: 100%;height: 100%;object-fit: cover;} .header-main .account .box{display: flex;flex-direction: column;gap:2px;color: #fff;} .header-main .account .box .name{font-weight: bold;text-transform: capitalize;font-size: 18px;} .header-main .account .box .wallet{display: flex;align-items: center;gap: 6px;} .header-main .account .box .wallet svg{width: 20px;height: 24px;} .header-main .account .box .wallet .amount{font-size: 18px;font-weight: bold;} body.page-template-page-account.logged-in .header-main .cart img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} body.page-template-page-account.logged-in .header-main .cart .cout{background: #fff;color: #008ED1;} body.page-template-page-account.logged-in .header-main .touch img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} #header.shift{top: -90px;} body.logged-in #header.shift{top: -122px;} html.active-menu{overflow: hidden;} html.active-menu #touch-menu span i:nth-child(1){transform: rotate(45deg);top: 9px;} html.active-menu #touch-menu span i:nth-child(2){width: 0;left: 50%;} html.active-menu #touch-menu span i:nth-child(3){transform: rotate(-45deg);bottom: 5px;width: 100%;} .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: 990} 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: #fff;z-index: 990;position: fixed;width: 400px;max-width: 100%; height: 100%;top: 0;left: -400px;opacity: 0;visibility: hidden;padding: 110px 20px 20px;} body.logged-in #menu-mobile{padding-top: 142px;} #menu-mobile .logo{position: absolute;z-index: 2;top: 10px;left: 10px;} #menu-mobile .logo a{height: 70px;display: flex;align-items: center;} #menu-mobile .logo img{object-fit: contain;max-height: 100%;} html.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 0;} #menu-mobile .close{width: 24px;height: 24px;cursor: pointer;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;} #menu-mobile ul{list-style: none;margin-bottom: 0;} #menu-mobile .menu{font-weight: 600;height: 100%;overflow-y: auto;} #menu-mobile .menu ul{display: none;padding-left: 15px;padding-top: 5px;margin-top: 5px;} #menu-mobile .menu li{position: relative;border-bottom: 1px solid rgba(10,21,43,.1);margin-bottom: 10px;padding-bottom: 10px;} #menu-mobile .menu ul>li:first-child{border-top: 1px solid rgba(10,21,43,.05);padding-top: 10px;} #menu-mobile .menu ul>li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} #menu-mobile .menu li>a{display: flex;align-items: center;min-height: 32px;padding: 6px 0;} #menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;transition: all .3s;} #menu-mobile .menu li.re-arrow>svg{transform: rotate(180deg);} #menu-mobile .menu ul>li:first-child>svg{top: 16px;} body.page-template-page-account.logged-in #footer{display: none;} body.page-template-page-account.logged-in .page-body{padding-bottom: 100px;} .footer-main{padding: 20px 0;} .footer-bot{padding: 15px 0 94px;} .breadcrumbs{font-size: 12px;} .page-body{padding: 20px 0;} .page-banner{border-radius: 12px;} .page-frame{padding: 20px;border-radius: 12px;} .home-block{gap: 20px;} .page-body .section:not(:last-child){margin-bottom: 24px;} .policy-block .item{gap: 10px;} .policy-block .item .box .text{font-size: 13px;} .page-banner{margin-bottom: 24px;} .home-title{font-size: 24px;margin-bottom: 20px;} .home-sec2 .home-title{font-size: 20px;} .policy-body .banner{border-radius: 12px;} .about-sec1 .img{border-radius: 12px;} .about-sec3{border-radius: 12px;} .about-body .home-block{gap: 20px;} .list-news .row{--bs-gutter-x: 24px;} .single-top .col-img{width: 100%;} .single-top .img{border-radius: 12px;aspect-ratio: 2/1;} .single-top .col-info{width: 100%;} .single-meta .name{font-size: 24px;} #ftwp-container.ftwp-wrap #ftwp-list{font-size: 14px;} #ftwp-container #ftwp-list.ftwp-strong-first > .ftwp-item > .ftwp-anchor .ftwp-text{font-size: 14px;} .single-body .content-post #ftwp-container-outer{width: 100%;} .single-body .content-post #ftwp-postcontent{width: 100%;padding-left: 0;padding-top: 24px;} .news-prev{left: -36px;} .news-next{right: -36px;} .box-deal{padding: 20px;} .box-deal .title{font-size: 24px;} .home-cta a{height: 42px;font-size: 14px;padding: 0 16px;} .taxonomy-banner{height: 300px;border-radius: 12px;} .yith-wcan-filters{border-radius: 12px;display: none;} .taxonomy-body .col-sidebar{width: 100%;} .taxonomy-body .col-content{width: 100%;} .item-product{padding: 10px;gap: 10px;border-radius: 12px;} .item-product .info .name{font-size: 14px;} .item-product .info{gap: 10px;} .item-product .info .price{gap: 10px;} .item-product .info .price .amount{font-size: 14px;} .item-product .info .price del .amount{font-size: 13px;} .item-product .info .meta{gap: 10px;} .item-product .sale-flash{right: 20px;font-size: 10px;height: 20px;} .list-product .col-item{padding: 8px;} .list-product-home .col-item{padding: 8px;} .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{width: 32px;height: 32px;font-size: 13px;border-radius: 6px;} .item-product .info .star-rating span::before{font-size: 14px;} .item-product .info .star-rating{width: 70px;} .detail-image .img{border-radius: 12px;} .woocommerce div.product form.cart .button{border-radius: 8px;} .product-prev{left: -36px;} .product-next{right: -36px;} .woocommerce .woocommerce-cart-form table tbody{padding: 20px;border-radius: 12px;} .woocommerce .woocommerce-cart-form table thead{padding: 0 20px 16px;} .woocommerce .woocommerce-cart-form table th{font-size: 14px;} .woocommerce .woocommerce-cart-form table .amount{font-size: 15px;} .woocommerce .woocommerce-cart-form table .product-subtotal{width: 100px;} .woocommerce .woocommerce-cart-form table .product-price{width: 100px;} .woocommerce .woocommerce-cart-form table .product-quantity{width: 80px;} .woocommerce .woocommerce-cart-form table .product-thumbnail{width: 80px;} .woocommerce .woocommerce-cart-form table .product-remove{width: 20px;} .woocommerce .woocommerce-cart-form table .product-name{width: calc(100% - 20px - 80px - 100px - 80px - 100px - 80px);} .woocommerce .woocommerce-cart-form table tr.have{padding-left: 96px;} .woocommerce .woocommerce-cart-form table tr.have .product-thumbnail{width: 60px;} .woocommerce .woocommerce-cart-form table tr.have .product-name{width: calc(100% - 20px - 60px - 100px - 80px - 100px - 80px);} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item tr{padding-left: 36px;} .wpcuv-thumbnail{width: 80px;} .wpcuv-info{width: calc(100% - 96px);} .wpcuv-title{font-size: 14px;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .single_variation_wrap{column-gap: 12px;} .woocommerce .woocommerce-cart-form table tr.wpcuv-new-item .single_variation_wrap .wpcuv-cancel{margin-left: 0;} .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{margin-top: 24px;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{padding: 20px;border-radius: 12px;} .isures-sdc--label{font-size: 14px;} .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{font-size: 20px;} .woocommerce .woocommerce-checkout #customer_details{width: 100%;padding: 20px;border-radius: 12px;gap: 20px;} .woocommerce .woocommerce-checkout #customer_details h3{font-size: 20px;margin-bottom: 16px;} .woocommerce form .form-row .input-text, .woocommerce form .form-row select{padding: 10px 12px;border-radius: 6px;} .woocommerce .woocommerce-checkout #order_review{width: 100%;} .woocommerce .woocommerce-checkout #order_review h3{font-size: 20px;margin-bottom: 16px;} .woocommerce .woocommerce-checkout #order_review table{padding: 20px;border-radius: 12px;} .woocommerce .woocommerce-checkout #order_review table .amount{font-size: 15px;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{border-radius: 12px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 20px 20px 16px;} #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{padding: 20px;} .woocommerce-account .woocommerce-MyAccount-navigation{width: 240px;} .woocommerce-account .box-account .woocommerce{gap: 24px;} .woocommerce-account .woocommerce-MyAccount-content{width: calc(100% - 264px);} .home-banner .col-slider{width: 100%;} .home-banner .col-two{width: 100%;display: flex;justify-content: space-between;gap: 24px;} .home-banner .col-two .item{flex: 1;height: 280px;} .home-banner .col-two .banner-deal{margin-bottom: 0 !important;} .banner-deal{border-radius: 12px;} .home-banner .col-slider .item{height: 480px;} .swiper-pagination-bullet{width: 12px;height: 12px;} .home-sec1 .item{padding: 12px 8px;font-size: 12px;} .cat-prev{left: -36px;} .cat-next{right: -36px;} .item-cat{gap: 10px;} .item-cat .thumb a{border-radius: 12px;} .home-sale .home-block .flex .link{font-size: 14px;} .home-sec4 .home-title{font-size: 20px;} .home-sec4 .tab-name li button{padding: 10px;border-radius: 12px 12px 0 0;} .home-sec4 .tab-name li button .name{font-size: 14px;} .home-sec4 .home-cta{margin-top: 20px;} .home-sec5 .home-title{font-size: 20px;} .list-product-home .col-item{width: calc(100% / 3);} .detail-info .shiping{margin-bottom: 16px;} .woocommerce-account .woocommerce-MyAccount-navigation ul{gap: 10px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{padding: 5px 10px;border-radius: 5px;font-size: 14px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit a .icon{width: 40px;height: 40px;} /* Account */ .woocommerce-account .woocommerce-MyAccount-navigation{width: 100%;} .woocommerce-account .woocommerce-MyAccount-content{width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.make-a-deposit{display: none;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account{order: 1;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address{order: 2;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders{order: 3;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--make-a-deposit{display: block;order: 4;} .woocommerce-account .woocommerce-MyAccount-navigation ul{flex-direction: row;gap: 0;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{flex: 1;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{justify-content: center;text-align: center;padding-top: 60px;background-size: 48px;background-repeat: no-repeat;background-position: top 10px center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a{background-image: url(images/user.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:hover{background-image: url(images/user-active.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a{background-image: url(images/location.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:hover{background-image: url(images/location-active.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a{background-image: url(images/cart.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:hover{background-image: url(images/cart-active.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--make-a-deposit a{background-image: url(images/card.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--make-a-deposit.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--make-a-deposit a:hover{background-image: url(images/card-active.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--transactions-history a{background-image: url(images/clock.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--transactions-history.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--transactions-history a:hover{background-image: url(images/clock-active.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{background-image: url(images/logout.png);} .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background-image: url(images/logout-active.png);} .filter-order{overflow-x: auto;flex-wrap: nowrap;gap: 10px;} .filter-order a{flex: none;width: auto;white-space: nowrap;order: 2;} .filter-order b{flex: none;width: auto;white-space: nowrap;border-bottom: 1px solid transparent;order: 1;} .woocommerce .woocommerce-EditAccountForm fieldset{padding: 20px;border-radius: 12px;} .woocommerce .woocommerce-EditAccountForm .woocommerce-Button{font-size: 14px;min-width: 140px;height: 42px;line-height: 42px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{padding: 20px;border-radius: 12px;} .woocommerce-Address-title{margin-bottom: 20px;} .woocommerce-orders-table tbody tr{padding: 20px;border-radius: 12px;} .woocommerce-orders-table tbody .list-item li .img{width: 130px;} .woocommerce-orders-table tbody .list-item li .info .price{width: 130px;font-size: 16px;} .woocommerce-orders-table tbody .list-item li .info .box{width: calc(100% - 130px - 16px);} .woocommerce-orders-table tbody .list-item li .info{width: calc(100% - 130px - 16px);} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total .amount{font-size: 18px;} } @media(max-width:767px) { #wpadminbar{position: fixed !important;} h1{font-size: 24px;} h2{font-size: 20px;} h3{font-size: 18px;} h4{font-size: 15px;} h5{font-size: 13px;} h6{font-size: 13px;} .container-fluid, .container{--bs-gutter-x: 20px;} .row{--bs-gutter-x: 20px;} .swiper-button-prev,.swiper-button-next{width: 30px;height: 30px;} .swiper-button-next::after, .swiper-button-prev::after{font-size: 12px;} #yith-ajaxsearchform input[type="search"]{border-radius: 8px;padding: 10px 16px;height: 44px;} #yith-ajaxsearchform input[type="submit"]{width: 44px;height: 44px;} .header-main .flex{gap: 20px;} body.logged-in #header{top: 46px;} .footer-main .f-widget{gap: 20px;} .footer-main .widget{max-width: 100%;} .footer-main .logo img{max-height: 80px;} .footer-bot{padding: 10px 0 80px;} .suport-mb a span{font-size: 12px;} .suport-mb a img{width: 28px;height: 28px;} .page-banner{margin-bottom: 20px;border-radius: 0;margin-top: -20px;margin-left: -10px;margin-right: -10px;} .contact-body.have-banner{margin-top: 0;} .page-body .section:not(:last-child){margin-bottom: 20px;} .contact-body{width: 100%;} .page-frame{border-radius: 0;margin-left: -10px;margin-right: -10px;padding: 10px;} .policy-block{border: none;} .policy-block .flex{gap: 20px;} .policy-block .item{flex: initial;width: calc(50% - 10px);} .policy-block .item .icon{width: 60px;height: 60px;border-radius: 12px;} .policy-block .item .icon img{width: 40px;height: 40px;} .home-title{font-size: 20px;margin-bottom: 16px;} .policy-body .banner{border-radius: 0;margin-left: -10px;margin-right: -10px;} .about-body .home-block{gap: 16px;} .about-sec1 .img{border-radius: 0;margin-left: -10px;margin-right: -10px;} .about-sec3{border-radius: 0;margin-left: -10px;margin-right: -10px;} .item-news{gap: 10px;} .single-meta{gap: 8px;} .item-news .single-meta .name{font-size: 16px;} .list-news .row{--bs-gutter-x: 20px;} .single-top .img{border-radius: 0;margin-top: -20px;margin-left: -10px;margin-right: -10px;} .single-top .row{--bs-gutter-x: 20px;} .news-prev{left: -8px;} .news-next{right: -8px;} .single-related .home-title{font-size: 20px;} .taxonomy-banner{margin-top: -20px;margin-left: -10px;margin-right: -10px;height: 260px;} .banner-deal{border-radius: 0;} .box-deal{padding: 10px;} .box-deal .sub span{border-radius: 4px;height: 32px;font-size: 12px;padding: 0 8px;} .box-deal .title{font-size: 22px;} .home-cta a{padding: 0 12px;font-size: 13px;height: 36px;border-radius: 4px;} .taxonomy-filter .capts{width: 80px;height: 36px;font-size: 13px;border-radius: 4px;gap: 6px;} .woocommerce .woocommerce-ordering select{height: 36px;width: 240px;padding: 4px 12px;} .taxonomy-body .col-content{gap: 10px;} .yith-wcan-filters{border-radius: 0;padding: 10px;margin-left: -10px;margin-right: -10px;} .yith-wcan-filters .yith-wcan-filter .filter-title{font-size: 16px;margin-bottom: 10px;} .yith-wcan-filters .yith-wcan-filter{padding-bottom: 12px;margin-bottom: 12px;} .list-product{width: calc(100% + 10px);margin: -5px;} .list-product .col-item{padding: 5px;width: 50%;} .hidden-content .btnz{border-radius: 4px;padding: 0 12px;height: 36px;font-size: 13px;} .item-product{border-radius: 8px;} .item-product .img{border-radius: 4px;} .detail-head{margin-top: -20px;margin-left: -10px;margin-right: -10px;} .detail-head>.row>div:first-child{padding: 0;} .detail-image .swiper-gallery .img{border-radius: 0;} .detail-image .swiper-thumb{margin: 10px auto 0;width: 448px;} .detail-image .swiper-thumb .swiper-slide{width: 80px;} .detail-image .swiper-thumb .img.video::before{width: 38px;height: 38px;} .product-title{font-size: 18px;margin-bottom: 10px;} .detail-meta{margin-bottom: 10px;column-gap: 20px;} .woocommerce div.product .woocommerce-product-rating{column-gap: 10px;} .detail-info .flash-sale-box{margin-bottom: 10px;padding: 10px;background: linear-gradient(to right,#008ED1,#00C8F3);margin-left: -10px;margin-right: -10px;} .flash-sale-box .countdown .name{font-size: 14px;color: #fff;} .flash-sale-box .countdown{justify-content: flex-end;gap: 12px;width: calc(100% - 100px);} #countdown-timer{gap: 18px;} #countdown-timer span{width: 30px;height: 30px;border-radius: 4px;font-size: 13px;} #countdown-timer span:after{height: 30px;color: #fff;right: -15px;} .flash-sale-box .title{width: 100px;} .detail-info .price-box .price .amount{font-size: 24px;} .detail-info .price-box{margin-bottom: 10px;} .isures-sdc--wrap{margin-bottom: 10px;} .detail-info .shiping{margin-bottom: 10px;} .woocommerce div.product form.cart .variations{margin-bottom: 10px;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){height: 32px;padding: 0 12px;border-radius: 4px !important;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{font-size: 13px;} .detail-info .shiping .name{font-size: 14px;width: 100px;} .detail-info .shiping .box{width: calc(100% - 100px);} .quantity input[type="button"]{width: 32px;height: 32px;font-size: 16px;border-radius: 4px;} .quantity input[type="number"]{height: 32px !important;width: 48px !important;font-size: 14px;border-radius: 4px;} .woocommerce div.product form.cart div.quantity{margin: 0 0 10px;} .woocommerce div.product form.cart .button{width: 42px;height: 42px;border-radius: 4px;} .woocommerce div.product form.cart .button svg{width: 24px;height: 24px;} .group-button{position: fixed;z-index: 999;background: #fff;width: 100%;padding: 10px;bottom: 0;left: 0;box-shadow: 0px -2px 10px 0px #00000012;} body.single-product .suport-mb{display: none;} .detail-deal .title{font-size: 16px;} .woobt-wrap{border-radius: 0;border: none;padding: 0;flex-wrap: wrap;} .woobt-products{width: 100%;} .woobt-summary{width: 100%;padding-left: 0;margin-left: 0;padding-top: 10px;border-top: 1px solid #D3D9E4;margin-top: 10px;font-size: 14px;} .woobt-summary:before{display: none;} .gallery-next{right: 10px;} .gallery-prev{left: 10px;} .woobt-products{gap: 10px;} .woobt-products .woobt-product{width: 180px !important;min-width: 180px;font-size: 13px !important;border-radius: 8px;} .woobt-products .woobt-product .woobt-thumb{border-radius: 4px;} .woobt-products .woobt-product .variations_form{margin-top: 6px;} .woobt-products .woobt-product .variations_form .variations{margin-left: 0;margin-right: 0;} .woobt-products .woobt-product .variations_form .variations .variation .select select{font-size: 12px;height: 24px;line-height: 22px;border-radius: 4px;} .woobt-products .woobt-product .woobt-price .woobt-price-new{column-gap: 10px;row-gap: 4px;} .woobt-products .woobt-product .woobt-price .woobt-price-ori{column-gap: 10px;row-gap: 4px;} .woobt-products .woobt-product .woobt-price .amount{font-size: 13px;} .woobt-products .woobt-product .woobt-price del .amount{font-size: 12px;} .woobt-summary .woobt-additional{column-gap: 10px;row-gap: 4px;} .woobt-summary .woobt-additional .amount{font-size: 14px;} .woobt-summary .woobt-actions button[type="submit"]{border-radius: 6px;height: 42px;} .woocommerce #reviews #comments h2{font-size: 20px;margin-bottom: 16px;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{padding: 10px;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{padding: 5px 10px;margin: 10px 0;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{border-radius: 6px;padding: 0 12px;font-size: 14px;} .detail-related .home-title{font-size: 20px;} .product-prev{left: -8px;} .product-next{right: -8px;} .swiper-product{margin: 0 -5px;} .swiper-product .swiper-slide{padding: 0 5px;} .woocommerce .woocommerce-cart-form table thead{padding: 0 10px 12px;} .woocommerce .woocommerce-cart-form table{margin-left: -10px;margin-right: -10px;width: calc(100% + 20px);max-width: calc(100% + 20px);} .woocommerce .woocommerce-cart-form .table-responsive{overflow-x: unset;} .woocommerce .woocommerce-cart-form table th{font-size: 13px;} .woocommerce .woocommerce-cart-form table tbody{border-radius: 0;padding: 10px;border: none;gap: 10px;} .woocommerce .woocommerce-cart-form table tr{column-gap: 10px;row-gap: 6px;} .woocommerce a.remove{width: 20px;height: 20px;} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{display: none;} .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{display: block;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{text-align: left !important;} .woocommerce .woocommerce-cart-form table .product-thumbnail{white-space: nowrap;width: 60px;} .woocommerce .woocommerce-cart-form table .product-quantity{width: 70px;white-space: nowrap;text-align: center !important;min-width: inherit;} .woocommerce .woocommerce-cart-form table .product-subtotal{width: 90px;text-align: center !important;} .woocommerce .woocommerce-cart-form table .product-price{width: 90px;text-align: center !important;} .woocommerce .woocommerce-cart-form table .product-name{width: calc(100% - 20px - 60px - 90px - 70px - 90px - 50px);} .woocommerce .woocommerce-cart-form table .amount{font-size: 14px;} .woocommerce .woocommerce-cart-form table tr.have{padding-left: 70px;} .woocommerce .woocommerce-cart-form table tr.have .product-thumbnail{width: 40px;} .woocommerce .woocommerce-cart-form table tr.have .product-name{width: calc(100% - 20px - 40px - 90px - 70px - 90px - 50px);} .woocommerce .woocommerce-cart-form table .product-thumbnail img{border-radius: 4px;} .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{margin-top: 20px;} .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th{display: block;} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color: transparent;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{padding: 10px;border-radius: 0;border: none;width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;} .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{padding-bottom: 10px;margin-bottom: 10px;font-size: 18px;} .woocommerce .cart-collaterals .cart_totals .amount, .woocommerce-page .cart-collaterals .cart_totals .amount{font-size: 14px;} .woocommerce .cart-collaterals .cart_totals .order-total, .woocommerce-page .cart-collaterals .cart_totals .order-total{padding-top: 10px;} .woocommerce .cart-collaterals .cart_totals table tbody, .woocommerce-page .cart-collaterals .cart_totals table tbody{gap: 10px;} .woocommerce .cart-collaterals .cart_totals table tbody tr td, .woocommerce-page .cart-collaterals .cart_totals table tbody tr td{text-align: right !important;} #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding: 10px 0 0;} #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{font-size: 14px;padding: 12px;border-radius: 4px;} .woocommerce .woocommerce-checkout #customer_details{width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;border: 0;padding: 10px;border-radius: 0;gap: 12px;} .woocommerce .woocommerce-checkout #customer_details h3{font-size: 18px;margin-bottom: 10px;} .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper{gap: 10px;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: calc(50% - 5px);} .woocommerce .woocommerce-checkout #order_review h3{font-size: 18px;margin-bottom: 10px;} .woocommerce .woocommerce-checkout #order_review .table-responsive{overflow-x: unset;} .woocommerce .woocommerce-checkout #order_review table{padding: 10px;border-radius: 0;border: none;margin-left: -10px;margin-right: -10px;width: calc(100% + 20px);max-width: calc(100% + 20px);margin-bottom: 20px;} .woocommerce .woocommerce-checkout #order_review table tbody{gap: 10px;} .woocommerce .woocommerce-checkout #order_review table .cart_item .product-total{width: 90px;} .woocommerce .woocommerce-checkout #order_review table .amount{font-size: 14px;} .woocommerce .woocommerce-checkout #order_review table .cart_item .product-name{width: calc(100% - 100px);} .woocommerce .woocommerce-checkout #order_review table tr{row-gap: 6px;column-gap: 10px;} .woocommerce .woocommerce-checkout #order_review table tfoot{padding-top: 10px;margin-top: 10px;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{border-radius: 0;margin-left: -10px;margin-right: -10px;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding: 10px;} #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input{margin: 0 8px 0 0;} #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{padding: 10px;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{padding: 12px;border-radius: 4px;} .woocommerce-notice--success{font-size: 14px;margin-bottom: 10px;} .woocommerce ul.order_details{padding: 10px;border-radius: 0;width: calc(100% + 20px);max-width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;margin-bottom: 20px;gap: 10px;} .vdh_qr_code .vdh_bank_item{border-radius: 8px; } .customnew{padding: 10px;border-radius: 0;width: calc(100% + 20px);max-width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;gap: 10px;margin-top: 20px;} .vdh_qr_code{background: #fff;margin-left: -10px;margin-right: -10px;} .order-info{margin-bottom: 10px;} .woocommerce-order-details h2{font-size: 18px;margin-bottom: 10px;} .woocommerce-order-details table{padding: 10px;border-radius: 0;width: calc(100% + 20px);max-width: calc(100% + 20px);margin-left: -10px;margin-right: -10px;margin-bottom: 0;border: none;} .woocommerce-order-details .table-responsive{overflow-x: unset;} .woocommerce-order-details{width: 100%;} .woocommerce-order-details table tbody{gap: 10px;} .woocommerce-order-details table tr{column-gap: 10px;row-gap: 6px;} .woocommerce-order-details table .order_item .product-total{width: 90px;} .woocommerce-order-details table .amount{font-size: 14px;} .woocommerce-order-details table .order_item .product-name{width: calc(100% - 100px);} .woocommerce-order-details table tfoot{padding-top: 10px;margin-top: 10px;} .home-banner .col-slider{padding: 0;} .home-banner{margin-top: -20px;} .home-banner .col-slider .item{height: 260px;} .home-banner .col-slider .box-deal .home-cta{margin-top: auto;} .home-sec1 .col-item{flex: initial;width: calc(100% / 3);} .home-sec1 .item{border-radius: 8px;} .swiper-cat{margin: 0 -10px;} .swiper-cat .swiper-slide{padding: 0 10px;} .item-cat .thumb a{height: 120px;border-radius: 8px;} .item-cat .thumb a img{max-height: 100px;max-width: 100px;} .cat-prev{left: -8px;} .cat-next{right: -8px;} .home-sale #countdown-timer span:after{color: #29303D;} .home-sec4 .home-title{text-align: center;} .home-sec4 .tab-name li button .icon{height: 50px;} .home-sec5 .tab-name li button{border-radius: 4px;padding: 0 12px;font-size: 13px;height: 36px;} .list-product-home{margin: -5px;} .list-product-home .col-item{width: 50%;padding: 5px;} .woocommerce-error, .woocommerce-info, .woocommerce-message{border-radius: 0;margin-left: -10px;margin-right: -10px;} .home-sec5 .home-title{text-align: center;width: 100%;} .home-sec5 .tab-name{justify-content: center;} .home-sec5 .tab-name li button{font-size: 12px;height: 28px;padding: 0 8px;} .home-sale .flex{flex-direction: column;} .home-sale #countdown-timer{margin-right: 0;} .home-sec4 .tab-name li button{padding: 8px;} .home-sec4 .tab-name li button .name{font-size: 12px;} /* account */ .woocommerce .woocommerce-EditAccountForm{gap: 10px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{background-size: 36px;font-size: 12px;padding: 5px;padding-top: 46px;background-position: top 5px center;} .woocommerce-account .box-account .woocommerce{gap: 20px;} body.page-template-page-account.logged-in .page-body{padding-bottom: 90px;} .woocommerce .woocommerce-EditAccountForm fieldset{margin: 6px 0;gap: 10px;padding: 15px;border-radius: 8px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{padding: 15px;border-radius: 8px;} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{gap: 20px;} .woocommerce-Address-title{margin-bottom: 16px;} .woocommerce-account .woocommerce-MyAccount-content h2{font-size: 16px;} .filter-order{margin-bottom: 20px;font-size: 14px;} .form-search-order{margin-bottom: 20px;} .woocommerce table.my_account_orders{font-size: 14px;} .woocommerce-orders-table tbody tr{padding: 15px;border-radius: 8px;display: flex !important;gap: 10px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status{padding: 3px 6px !important;} .woocommerce-orders-table tbody .list-item li{gap: 10px;} .woocommerce-orders-table tbody .list-item li .img{width: 120px;} .woocommerce-orders-table tbody .list-item li .info .price{font-size: 14px;width: 120px;} .woocommerce-orders-table tbody .list-item li .info{width: calc(100% - 120px - 10px);gap: 10px;} .woocommerce-orders-table tbody .list-item li .info .box{width: calc(100% - 120px - 10px);} .woocommerce-orders-table tbody .list-item li .info .box .variant-details{font-size: 13px;} .woocommerce-orders-table tbody .list-item li .info .box .number{font-size: 13px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total{display: flex !important;gap: 10px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions{display: flex !important;gap: 10px;} .woocommerce-orders-table tbody{gap: 20px;} .woocommerce-orders-table.fsww-transactions tbody tr{padding: 16px;} } @media(max-width:575px) { .footer-main .widget{width: 100%;max-width: 100%;} .single-meta .name{font-size: 20px;} .item-news .single-meta .name{font-size: 15px;} .detail-image .swiper-thumb{width: 348px;} .detail-image .swiper-thumb .swiper-slide{width: 60px;} .woocommerce .woocommerce-cart-form table thead{display: none;} .woocommerce .woocommerce-cart-form table .product-subtotal{display: none;} .woocommerce .woocommerce-cart-form table .product-quantity .quantity input[type="number"]{width: 30px !important;} .woocommerce .woocommerce-cart-form table .product-quantity{width: 30px;min-width: inherit;} .woocommerce .woocommerce-cart-form table .product-name{width: calc(100% - 20px - 60px - 90px - 30px - 40px);} .woocommerce .woocommerce-cart-form table tr.have .product-thumbnail{display: none;} .woocommerce .woocommerce-cart-form table tr.have .product-name{width: calc(100% - 20px - 90px - 30px - 30px);} .home-sec4 .tab-name li button .name{font-size: 11px;} .home-sec4 .tab-name li button .icon{height: 40px;} .home-cta a{height: 30px;font-size: 12px;padding: 0 10px;} .box-deal .title{font-size: 18px;} .box-deal .text{font-size: 13px;} .home-sec1 .item .icon{height: 50px;} .header-main .account .box .wallet .amount{font-size: 16px;} .woocommerce-account .woocommerce-MyAccount-navigation ul{flex-wrap: wrap;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{flex: none;width: calc(100% / 3);} .woocommerce-account .addresses .title .edit{font-size: 12px;} .woocommerce-address-fields__field-wrapper{gap: 10px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-sku{width: 140px;font-size: 13px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-date{width: 90px;font-size: 13px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status{max-width: calc(100% - 140px - 90px - 20px);font-size: 13px;} .woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-actions a{font-size: 13px;} .fsww-meke-deposit-sc h4{font-size: 16px;} .woocommerce-orders-table.fsww-transactions tbody tr{flex-direction: column;} .woocommerce-orders-table.fsww-transactions tbody tr td[data-title="Order ID"]{display: none;} .woocommerce-orders-table.fsww-transactions tbody tr td[data-title="Ngày"]{margin-right: auto;} .woocommerce-orders-table tbody .list-item li .info{flex-direction: column;gap: 6px;} .woocommerce-orders-table tbody .list-item li .info .box{width: 100%;gap: 6px;} .woocommerce-orders-table tbody .list-item li .info .price{width: 100%;text-align: left;} } @media(max-width:428px) { .item-news .single-meta .name{font-size: 14px;} .single-meta .desc{font-size: 13px;} .suport-mb a{padding: 5px;} .suport-mb a img{width: 24px;height: 24px;} .suport-mb a span{font-size: 10px;} .header-main .cart img{width: 28px;height: 28px;right: -1px;} .flash-sale-box .countdown .name{font-size: 13px;} #countdown-timer{gap: 14px;} #countdown-timer span{width: 26px;height: 26px;font-size: 12px;} #countdown-timer span:after{height: 26px;right: -13px;} .isures-sdc--code_item{padding: 2px 6px;font-size: 12px;} .isures-sdc--code_item span{padding: 2px 6px;font-size: 12px;} .isures-sdc-list_header{font-size: 14px;padding: 12px 12px 0;margin-bottom: 10px;} .isures-sdc--item{margin-top: 0;} .isures-sdc--content_name{font-size: 14px;} .isures-sdc--apply_code, .isures-sdc--save_code{min-width: 60px;font-size: 12px;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){height: 28px;padding: 0 8px;} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{font-size: 12px;} }