.elementor-29099 .elementor-element.elementor-element-54a7e26{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29099 .elementor-element.elementor-element-54a7e26.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-29099 .elementor-element.elementor-element-7874421{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29099 .elementor-element.elementor-element-626b477{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:30px;--margin-right:0px;}.elementor-29099 .elementor-element.elementor-element-626b477.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-29099 .elementor-element.elementor-element-b70a1c8 > .elementor-widget-container{background-color:#EEEBE6;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29099 .elementor-element.elementor-element-b70a1c8.elementor-element{--align-self:flex-start;}.elementor-29099 .elementor-element.elementor-element-b70a1c8{text-align:center;}.elementor-29099 .elementor-element.elementor-element-b70a1c8 .elementor-heading-title{font-size:12px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:1px;word-spacing:1px;}.elementor-29099 .elementor-element.elementor-element-91bd28f > .elementor-widget-container{margin:5px 0px 5px 0px;border-radius:0px 0px 0px 0px;}.elementor-29099 .elementor-element.elementor-element-91bd28f{text-align:justify;}.elementor-29099 .elementor-element.elementor-element-91bd28f .elementor-heading-title{font-family:"Calibrii", Sans-serif;font-size:18px;font-weight:normal;text-transform:none;font-style:normal;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-29099 .elementor-element.elementor-element-91a4acd > .elementor-widget-container{margin:2px 0px 2px 0px;}.elementor-29099 .elementor-element.elementor-element-f8c10cc > .elementor-widget-container{background-color:#F8F8F8;margin:3px 0px 3px 0px;padding:0px 5px 0px 5px;}.elementor-29099 .elementor-element.elementor-element-f8c10cc.elementor-element{--align-self:flex-start;}.elementor-29099 .elementor-element.elementor-element-802e583 > .elementor-widget-container{background-color:#F8F8F8;margin:3px 0px 3px 0px;padding:0px 5px 0px 5px;}.elementor-29099 .elementor-element.elementor-element-802e583.elementor-element{--align-self:flex-start;}.elementor-29099 .elementor-element.elementor-element-60e665b{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1px;}.elementor-29099 .elementor-element.elementor-element-60e665b > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-29099 .elementor-element.elementor-element-60e665b .elementor-divider-separator{width:100%;}.elementor-29099 .elementor-element.elementor-element-60e665b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-29099 .elementor-element.elementor-element-72f28f5 > .elementor-widget-container{margin:5px 0px 20px 0px;}.elementor-29099 .elementor-element.elementor-element-72f28f5 th{font-family:"Calibrii", Sans-serif;font-size:1px;border-style:none;}.elementor-29099 .elementor-element.elementor-element-72f28f5 tbody td{color:#000000;}.elementor-29099 .elementor-element.elementor-element-72f28f5 td{font-family:"Calibrii", Sans-serif;font-size:15px;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;border-style:none;padding:1px 0px 0px 0px;}.elementor-29099 .elementor-element.elementor-element-58f506a > .elementor-widget-container{margin:-3px 0px 80px 0px;}.elementor-29099 .elementor-element.elementor-element-58f506a .cart button, .elementor-29099 .elementor-element.elementor-element-58f506a .cart .button{font-family:"Calibrii", Sans-serif;font-size:12px;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;color:#000000;background-color:#FFFFFF;border-color:#000000;transition:all 0.2s;}.elementor-29099 .elementor-element.elementor-element-58f506a .cart button:hover, .elementor-29099 .elementor-element.elementor-element-58f506a .cart .button:hover{color:#FFFFFF;background-color:#000000;border-color:#000000;}.elementor-29099 .elementor-element.elementor-element-58f506a{--view-cart-spacing:8px;}.elementor-29099 .elementor-element.elementor-element-58f506a .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-29099 .elementor-element.elementor-element-58f506a form.cart .variations{width:0%;margin-bottom:20px;}.woocommerce .elementor-29099 .elementor-element.elementor-element-58f506a form.cart table.variations tr th, .woocommerce .elementor-29099 .elementor-element.elementor-element-58f506a form.cart table.variations tr td{padding-top:calc( 10px/2 );padding-bottom:calc( 10px/2 );}.woocommerce .elementor-29099 .elementor-element.elementor-element-58f506a form.cart table.variations label{color:#000000;font-family:"Calibrii", Sans-serif;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-29099 .elementor-element.elementor-element-832ead9 .elementor-button{background-color:#FFFFFF;font-family:"Calibrii", Sans-serif;font-size:12px;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;}.elementor-29099 .elementor-element.elementor-element-832ead9 .elementor-button:hover, .elementor-29099 .elementor-element.elementor-element-832ead9 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-29099 .elementor-element.elementor-element-832ead9{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-29099 .elementor-element.elementor-element-832ead9 > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-29099 .elementor-element.elementor-element-832ead9 .elementor-button:hover svg, .elementor-29099 .elementor-element.elementor-element-832ead9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29099 .elementor-element.elementor-element-5b6873c{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1px;}.elementor-29099 .elementor-element.elementor-element-5b6873c > .elementor-widget-container{margin:-38px 0px -10px 0px;}.elementor-29099 .elementor-element.elementor-element-5b6873c .elementor-divider-separator{width:100%;}.elementor-29099 .elementor-element.elementor-element-5b6873c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-29099 .elementor-element.elementor-element-a6db55e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-29099 .elementor-element.elementor-element-876f7c2 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-29099 .elementor-element.elementor-element-876f7c2{color:var( --e-global-color-primary );font-family:"Calibrii", Sans-serif;font-size:15px;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-29099 .elementor-element.elementor-element-e79dbc5{--display:flex;}.elementor-29099 .elementor-element.elementor-element-b9cb5f4 .elementor-button{background-color:#FFFFFF;font-family:"Calibrii", Sans-serif;font-size:12px;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;}.elementor-29099 .elementor-element.elementor-element-b9cb5f4 .elementor-button:hover, .elementor-29099 .elementor-element.elementor-element-b9cb5f4 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-29099 .elementor-element.elementor-element-b9cb5f4{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-29099 .elementor-element.elementor-element-b9cb5f4 > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-29099 .elementor-element.elementor-element-b9cb5f4 .elementor-button:hover svg, .elementor-29099 .elementor-element.elementor-element-b9cb5f4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29099 .elementor-element.elementor-element-f0d8350 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-29099 .elementor-element.elementor-element-7d5307c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29099 .elementor-element.elementor-element-340827c{--display:flex;}.elementor-29099 .elementor-element.elementor-element-a60129d{--display:flex;}.elementor-29099 .elementor-element.elementor-element-67f809f{--display:flex;}.elementor-29099 .elementor-element.elementor-element-0a4be01{--display:flex;}.elementor-29099 .elementor-element.elementor-element-658d822{--display:flex;}.elementor-29099 .elementor-element.elementor-element-10de622 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 100px 0px;}.elementor-29099 .elementor-element.elementor-element-41d54fe .elementor-menu-toggle{margin:0 auto;}.elementor-29099 .elementor-element.elementor-element-41d54fe .elementor-nav-menu .elementor-item{font-family:"Calibrii", Sans-serif;font-size:11px;font-weight:normal;text-transform:none;font-style:normal;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-29099 .elementor-element.elementor-element-41d54fe .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-29099 .elementor-element.elementor-element-41d54fe .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-29099 .elementor-element.elementor-element-41d54fe{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:var( --e-global-color-secondary );}.elementor-29099 .elementor-element.elementor-element-f4267e4 > .elementor-widget-container{padding:0px 0px 100px 0px;}.elementor-29099 .elementor-element.elementor-element-bafc8a6{--display:flex;}.elementor-29099 .elementor-element.elementor-element-0bd1b46 .title{color:#444444;font-family:"Calibrii", Sans-serif;font-size:28px;font-weight:700;}.elementor-29099 .elementor-element.elementor-element-8f4de47 img{width:100%;}.elementor-29099 .elementor-element.elementor-element-1bef03a > .elementor-widget-container{padding:0px 0px 100px 0px;}.elementor-29099 .elementor-element.elementor-element-dfbbf0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-29099 .elementor-element.elementor-element-09f1d9c .title{font-family:"Calibrii", Sans-serif;font-size:28px;}.elementor-29099 .elementor-element.elementor-element-e5f70e1{--display:flex;}.elementor-29099 .elementor-element.elementor-element-4b6bb7a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29099 .elementor-element.elementor-element-39114113{--grid-columns:6;--grid-row-gap:30px;--grid-column-gap:20px;}@media(min-width:769px){.elementor-29099 .elementor-element.elementor-element-54a7e26{--width:100%;}.elementor-29099 .elementor-element.elementor-element-7874421{--width:60%;}.elementor-29099 .elementor-element.elementor-element-626b477{--width:40%;}}@media(max-width:1024px){.elementor-29099 .elementor-element.elementor-element-39114113{--grid-columns:2;}}@media(max-width:768px){.elementor-29099 .elementor-element.elementor-element-39114113{--grid-columns:1;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-a101fc1 */.thumbs-position-left.wd-has-thumb .wd-gallery-images {
        flex: 0 0 100% !important;
        max-width: calc(100% - var(--wd-thumbs-width, 100px)) !important;
        align-self: flex-start!important;
    }

@media (min-width: 1025px) {
    .thumbs-position-left.wd-has-thumb .wd-gallery-images {
        flex: 1 1 100%;
        max-width: calc(100% - var(--wd-thumbs-width, 80px))!important;
        align-self: flex-start;
    }
}



//.infoItem--Z4hNxv8b {
    width: 50% !important;
    height: auto;
       display: block !important;
     

    }//
    /*  Tìm class của container chứa video shorts của bạn.
    Nếu bạn muốn áp dụng cho TẤT CẢ iframe video shorts trong container .infoItem-Z4Hnxv8b: */





//.elementor .iframe {
    display: block !important; /* Đảm bảo iframe là block-level để margin: auto hoạt động */
    margin-left: auto !important;  /* Canh lề trái tự động */
    margin-right: auto !important; /* Canh lề phải tự động */
}//



.infoItem--Z4hNxv8b {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 500px !important;
}
.infoItem-Z4Hnxv8b iframe {
    width: 100% !important; /* Đảm bảo video rộng 100% container - !important được thêm vào */
    aspect-ratio: 16/9 !important; /* Đặt tỷ lệ khung hình 16:9 - !important được thêm vào */
    height: auto !important; /* Chiều cao tự động tính toán theo tỷ lệ - !important được thêm vào */
    display: block !important; /* Loại bỏ khoảng trắng thừa - !important được thêm vào */
    margin-left: auto !important; /* Canh giữa nếu muốn - !important được thêm vào */
    margin-right: auto !important; /* Canh giữa nếu muốn - !important được thêm vào */
}

//.elementor embed,.elementor iframe,.elementor object {
    border: none;
    line-height: 1;
    
        max-width: 50% !important;
    width: 100% !important;
    margin-right: auto !important;
    margin-left: 300px !important;
}//




.thumbs-position-left.wd-has-thumb .wd-gallery-images {
    flex: 0 0 100%;
    max-width: calc(100% - var(--wd-thumbs-width, 132px));
    align-self: flex-start;
border-radius: 8px !important;}

.thumbs-position-left .wd-gallery-thumb {
    flex: 1 1 auto;
    order: -1;
    height: var(--wd-thumbs-height, auto)
border-radius: 8px !important;}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-inner {
    position: absolute;
    inset: 0; /* Corrected: Added semicolon */
border-radius: 8px !important;}

.thumbs-position-left .wd-gallery-thumb .wd-carousel {
    margin-inline: 0;
    touch-action: pan-x;
    height: calc(var(--wd-thumbs-height, 100%) - 30px) /* Corrected: Added semicolon */
    border-radius: 8px !important; /* Kept important as requested previously */
border-radius: 8px !important;}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-wrap {
    flex-direction: column; /* Corrected: Added semicolon */
border-radius: 8px !important;}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-item {
    flex: 0 0 auto;
    max-width: none;
    height: calc(100% / var(--wd-col));
    padding-inline: 0;
    width: 100%;
    height: calc(100% - var(--wd-gap)) !important; /* Kept important as requested previously - potential conflict */
    margin-bottom: var(--wd-gap) !important; /* Kept important as requested previously - potential conflict */
    object-fit: cover !important; /* Kept important as requested previously */
    border-radius: 80px !important; /* Kept important as requested previously - potential conflict */
    height: 94px !important;
    width: 94px;/* Kept important as requested previously - potential conflict, this will likely override previous height */
    margin-bottom: 8px !important; /* Kept important as requested previously - potential conflict, this will likely override previous margin-bottom */
    width: 60px !important /* Kept important as requested previously - potential conflict, this will likely override previous width */
border-radius: 8px !important;}
/* Removed extra closing bracket "}" - likely a typo */

.thumbs-position-left .wd-gallery-thumb .wd-carousel-item img {
    height: calc(100% - var(--wd-gap));
    margin-bottom: var(--wd-gap);
    object-fit: cover; /* Corrected: Added semicolon */
border-radius: 8px !important;
    
}

.thumbs-position-left .wd-gallery-thumb .wd-carousel-item img:hover {
    border: 1px solid red;
    aspect-ratio: 1/1 !important;
    height: 94px !important;
    width: 94px !important;/* Đảm bảo tỷ lệ khung hình 1:1 */
}

figure.woocommerce-product-gallery__wrapper.wd-carousel.wd-grid.wd-initialized.wd-horizontal.wd-backface-hidden {
    width: 600px;
    height: 600px; 
    margin: auto;
}



.woocommerce-product-gallery img {
    width:600px;
    height: 600px;
    object-fit: contain;
    object-position: top center; /* Thay đổi object-position */
    width: 94
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b70a1c8 */.elementor-29099 .elementor-element.elementor-element-b70a1c8 .elementor-heading-title {
    animation: blink-text 1s steps(5, start) infinite; /* steps tạo hiệu ứng giật cục */
}

@keyframes blink-text {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-802e583 */.elementor-29099 .elementor-element.elementor-element-802e583{
    position: absolute;
    top: 100px;
    left: 190px;
}/* End custom CSS */
/* Start custom CSS for wd_table, class: .elementor-element-72f28f5 */.elementor-widget-wd_table .wd-el-table .wd-table-row .wd-table-cell:first-child {
  width: 30%; /* Chiếm 50% chiều rộng */
}

.elementor-widget-wd_table .wd-el-table .wd-table-row .wd-table-cell:last-child {
  width: 78%; /* Chiếm 50% chiều rộng */
}

.elementor-widget-wd_table .wd-el-table {
  width:100%; /* Chiếm 100% chiều rộng */
  table-layout: fixed; /* Quan trọng: giúp cột có kích thước cố định */
}

.price-label{
    display: none;
}
.wd-table-cell.elementor-repeater-item-f7032e2 ins .woocommerce-Price-amount.amount {
    display: none;
}

.wd-table-cell.elementor-repeater-item-a62bb5e del .woocommerce-Price-amount.amount {
    display: none;
    }

.wd-table-cell.elementor-repeater-item-f7032e2 del .woocommerce-Price-amount.amount {
  position: relative; /* Cho phép định vị tương đối so với vị trí gốc */
  top: -5px; 
  font-family: "Calibrii", Sans-serif;
  font-size: 12px !important;
  font-weight: normal;
  text-transform: none;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.5px;
  word-spacing: 0.5px;
  border-style: none;
  padding: 20px 0px 0px 0px;
  /* Di chuyển lên trên 10px (giá trị âm cho top) */
color: #000000;}

.wd-table-cell.elementor-repeater-item-a62bb5e ins .woocommerce-Price-amount.amount {
  /* Di chuyển lên trên */
  position: relative;
  top: -11px;

  /* Định dạng Font chữ */
  font-family: "Calibri", Sans-serif; /* Đã sửa thành Calibri */
  font-size: 15px !important;
  font-weight: normal;
  text-transform: none;
  font-style: normal;
  line-height: 20px;

  /* Khoảng cách chữ và từ */
  letter-spacing: 0.5px !important;
  word-spacing: 0.5px !important;

  /* Đường viền */
  border-style: none;
  /* Hoặc dùng shorthand: border: none; */

  /* Padding */
  padding: 20px 0px 0px 0px !important;
  color: #000000;
  /* Có thể viết gọn hơn nếu chỉ cần padding-top: padding-top: 20px; */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-58f506a */.wopb-cart-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* CSS cho nút Add to Compare */
.wopb-compare-btn-wrap .wopb-compare-btn {
  display: block; /* Quan trọng: để nó hoạt động như 1 block */
  flex: 1;
  text-align: center;
  padding: 10px 15px;
  border: 1px solid black;
  color: black;
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  min-width: 100px; /* Đảm bảo chiều rộng tối thiểu */
}

.wopb-compare-btn-wrap .wopb-compare-btn:hover {
  background-color: black;
  color: white;
}

/* CSS cho nút Add to Wishlist (là 1 link nên cần CSS khác) */
.wopb-wishlist-btn-wrap a.wopb-wishlist-add {
  display: block; /* Quan trọng: để nó hoạt động như 1 block */
  flex: 1;
  text-align: center;
  padding: 10px 15px;
  border: 1px solid black;
  color: black;
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  min-width: 100px; /* Đảm bảo chiều rộng tối thiểu */
}

.wopb-wishlist-btn-wrap a.wopb-wishlist-add:hover {
  background-color: black;
  color: white;
}

/* Loại bỏ kiểu dáng mặc định bên trong (nếu cần) - quan trọng vì có svg, text bên trong */
.wopb-compare-btn-wrap .wopb-compare-btn span,
.wopb-wishlist-btn-wrap a.wopb-wishlist-add span {
  display: inline; /* quan trọng */
  text-decoration: none;
  color: inherit;
  padding: 0; /*quan trọng*/
  border: none;
  background-color: transparent;
}

.wopb-compare-btn-wrap .wopb-compare-btn svg,
.wopb-wishlist-btn-wrap a.wopb-wishlist-add svg{
    vertical-align: middle;
    margin-right: 5px; /* Điều chỉnh khoảng cách giữa biểu tượng và chữ */
}.wopb-cart-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* CSS cho nút Add to Compare */
.wopb-compare-btn-wrap .wopb-compare-btn {
  display: block; /* Quan trọng: để nó hoạt động như 1 block */
  flex: 1;
  text-align: center;
  padding: 10px 15px;
  border: 1px solid black;
  color: black;
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  min-width: 100px; /* Đảm bảo chiều rộng tối thiểu */
}

.wopb-compare-btn-wrap .wopb-compare-btn:hover {
  background-color: black;
  color: white;
}

/* CSS cho nút Add to Wishlist (là 1 link nên cần CSS khác) */
.wopb-wishlist-btn-wrap a.wopb-wishlist-add {
  display: block; /* Quan trọng: để nó hoạt động như 1 block */
  flex: 1;
  text-align: center;
  padding: 10px 15px;
  border: 1px solid black;
  color: black;
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  min-width: 100px; /* Đảm bảo chiều rộng tối thiểu */
}

.wopb-wishlist-btn-wrap a.wopb-wishlist-add:hover {
  background-color: black;
  color: white;
}

/* Loại bỏ kiểu dáng mặc định bên trong (nếu cần) - quan trọng vì có svg, text bên trong */
.wopb-compare-btn-wrap .wopb-compare-btn span,
.wopb-wishlist-btn-wrap a.wopb-wishlist-add span {
  display: inline; /* quan trọng */
  text-decoration: none;
  color: inherit;
  padding: 0; /*quan trọng*/
  border: none;
  background-color: transparent;
}

.wopb-compare-btn-wrap .wopb-compare-btn svg,
.wopb-wishlist-btn-wrap a.wopb-wishlist-add svg{
    vertical-align: middle;
    margin-right: 5px; /* Điều chỉnh khoảng cách giữa biểu tượng và chữ */
}



button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
a.button { /* Thêm .elementor-29099 .elementor-element.elementor-element-58f506a a.button nếu bạn dùng thẻ <a> làm nút */
  box-shadow: none !important;
  -webkit-box-shadow: none !important; /* Cho các trình duyệt cũ hơn */
  -moz-box-shadow: none !important; /* Cho các trình duyệt cũ hơn */
  outline: none !important; /* Loại bỏ viền focus (tùy chọn) */
}


button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.button:focus,
a.button:focus { /* Thêm .elementor-29099 .elementor-element.elementor-element-58f506a a.button nếu bạn dùng thẻ <a> làm nút */
  outline: none !important;
  /* Loại bỏ viền focus khi nhấn (tùy chọn) */
}





.woocommerce .elementor-29099 .elementor-element.elementor-element-58f506a form.cart .variations {
    width: 100% !important;
    margin-bottom: 20px;
}


:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity input {
     height:40px; !important; 
}

:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity input {
     height:40px; !important;
}
div.quantity input[type="button"] {
    padding: 0 5px;
    min-width: 50px !important;
    min-height: unset;
    height: var(--wd-form-height);
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    background: var(--wd-form-bg);
    box-shadow: none
}
div.quantity input[type=number] {
    width: 40px !important;
    border-radius: 0;
    border-right: none;
    border-left: none
}

div#yith-wapo-container {
    margin-top: -25px !important;
}


.wd-reset-side-lg .reset_variations {
        margin-left: 450px !important;
    }
}
.elementor-align-center .elementor-button, .elementor-align-left .elementor-button, .elementor-align-right .elementor-button {
    width: 100% !important;
}

button#wd-add-to-cart {
    width: 30%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-832ead9 */.elementor-align-center .elementor-button,
.elementor-align-left .elementor-button,
.elementor-align-right .elementor-button {
  width:40%;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-876f7c2 */.elementor-29099 .elementor-element.elementor-element-876f7c2 {
    position: relative; /* Hoặc absolute, fixed tùy nhu cầu */
    top: -360px;       /* Ví dụ: dịch xuống 10px */
    left: 716px;      /* Ví dụ: dịch sang phải 20px */
    /* bottom: 5px; */  /* Ví dụ: cách đáy 5px (thường dùng với absolute/fixed) */
    /* right: 15px; */ /* Ví dụ: cách lề phải 15px (thường dùng với absolute/fixed) */
    z-index: 10;     /* Tùy chọn: Đảm bảo nó nằm trên các phần tử khác nếu cần */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b9cb5f4 */.elementor-element-b9cb5f4 {
  position: absolute; /* Lấy nút ra khỏi luồng layout thông thường */
  top: -269px;        /* Cách lề trên 20px (Ví dụ) */
  right: 7px;   
  
  /* Cách lề phải 20px (Ví dụ) */
  /* left: 20px; */  /* Bỏ comment và chỉnh sửa nếu muốn căn trái */
  /* bottom: 20px; */ /* Bỏ comment và chỉnh sửa nếu muốn căn dưới */
  z-index: 1000; 
    /* Đảm bảo nút nằm trên các thành phần khác */
}

/* Quan trọng: Nếu bạn muốn nút này định vị theo một container cụ thể (ví dụ: section hoặc column chứa nó), 
   thì container đó PHẢI có thuộc tính position khác static. Thường dùng là: */
/* .your-container-class { 
  position: relative; 
} *//* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-cd1f3ad */.star-rating:before {
    content: "\f149" "\f149" "\f149" "\f149" "\f149";
    color: var(--color-gray-300);
    font-family: woodmart-font !important;
}

.star-rating span:before {
    content: "\f148" "\f148" "\f148" "\f148" "\f148";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    text-indent: 0;
    font-family: woodmart-font !important;
}


.cr-average-rating-stars{
    
      font-family: woodmart-font !important;
    
    
}
#reviews .cr-summaryBox-wrap .cr-total-rating-count{
    
    font-size: 14px;
    color: #0E252C;
    line-height: 25px;
    font-family: crstar !important;
}
#reviews #comments .cr-summaryBox-wrap .cr-overall-rating-wrap .crstar-rating {
    margin-bottom: 0;
    margin-top: 5px;
    font-family: crstar !important;
}
#reviews #comments .cr-summaryBox-wrap .crstar-rating::before{
    content: "\73\73\73\73\73";
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    font-family: crstar !important;
    
    
    
}



.cr-total-rating-count{
    display: none;
}

.cr-average-rating-stars{
    
    font-family: crstar !important;
    
}


.stars a:before, .stars a:hover ~ a:before, .stars a.active ~ a:before, .stars.selected:hover a:hover ~ a:before {
    content: "\f149";
    color: var(--color-gray-300);
    font-family: woodmart-font !important;
}

.cr-overall-rating-wrap {
    display: none;
}




#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap{
    display: none;
}

#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap{
    
    margin: 0px;
    width: 45%;
    flex: 0 0 32%;
    padding: 10px;
    border-radius: 4px;
    border: 0px solid #e4e1e3;
    box-sizing: border-box;
    margin-right: 0px;
    
}
#reviews .cr-summaryBox-wrap {
    margin: 0 0 1em -10em;
    background-color: ;
}

img.avatar.avatar-60.photo {
    display: none;
}


time.woocommerce-review__published-date {
    display: none;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-39114113 */.elementor-29841 .elementor-element.elementor-element-7beb739:not(.elementor-motion-effects-element-type-background){
    background-position: center center;
    background-size: cover;
    border-radius: 9px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Calibrii';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://gdorder.site/wp-content/uploads/2025/01/calibri-regular.eot');
	src: url('https://gdorder.site/wp-content/uploads/2025/01/calibri-regular.eot?#iefix') format('embedded-opentype'),
		url('https://gdorder.site/wp-content/uploads/2025/01/calibri-regular.woff2') format('woff2'),
		url('https://gdorder.site/wp-content/uploads/2025/01/calibri-regular.woff') format('woff'),
		url('https://gdorder.site/wp-content/uploads/2025/01/calibri-regular.ttf') format('truetype'),
		url('https://gdorder.site/wp-content/uploads/2025/01/calibri-regular.svg#Calibrii') format('svg');
}
/* End Custom Fonts CSS */