/** Shopify CDN: Minification failed

Line 203:0 Unexpected "#"
Line 203:2 Unexpected "{"
Line 203:7 Expected ":"
Line 204:0 Unexpected "#"
Line 204:2 Unexpected "{"
Line 204:7 Expected ":"
Line 214:0 Unexpected "#"
Line 214:2 Unexpected "{"
Line 214:7 Expected ":"
Line 223:19 Expected identifier but found whitespace
... and 63 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:rita-wood-header (INDEX:66) */
.rvco{padding-top: 0px!important;}
.bgfa{padding-top: 0px!important;}
.mega-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background: #f5f5f5;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}

.header__menu-item:hover .mega-menu {
  opacity: 1;
  visibility: visible;
}

.mega-menu__category.is-active {
  font-weight: 600;
}

.mega-menu__collections {
  display: none;
}

.mega-menu__collections.active {
  display: block;
}
/* END_SECTION:rita-wood-header */

/* START_SECTION:ritavo-grid-gallery (INDEX:67) */
.rw-grid {
  width: 100%;
  box-sizing: border-box;
}

.rw-grid__title {
  text-align: center;
  font-weight: 700;
  margin: 0 0 24px;
}
 .ritavo-grid-gallery .rw-grid__item:before{content:'';
 background: linear-gradient( to right, rgba(15, 15, 15, 0) 42%, rgba(15, 15, 15, 0.7) 100% );
  width:100%;height:100%;bottom:0px;position:absolute;}
  .ritavo-grid-gallery .rw-grid__item:hover::before{background: linear-gradient( to right, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 1) 100% );}
.rw-grid__inner {
  display: grid;
  width: 100%;
   align-items: center;
    gap: 10px;
    padding-left:8px;padding-right: 8px;
}

.rw-grid__sub::before{
    content: "";
    height: 2px;
    background: rgba(255,255,255,0.6);
    width:100%;
    flex: 1;
}

.rw-grid__item {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
  border-radius: 4px;overflow: hidden;
}
.rw-grid__item:hover .rw-grid__sub {
       opacity: 1!important;
    }
.rw-grid__img {
  display: block;
  width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.rw-grid__img--placeholder {
  background: #e8e8e8;
}

.rw-grid__item:hover .rw-grid__img {
  transform: scale(1.04);
}

.rw-grid__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 16px;
  background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
  display: flex;
  flex-direction: column;
  gap: 2px;
   font-weight: 500;
}

.rw-grid__label {
  display: block;
  color: #fff;
  font-weight: 500;
  line-height: 40px;
}
.rw-grid__item:hover .rw-grid__sub {display:block;}
.rw-grid__sub {
 opacity: 0;
  color:#FAFAFA;
  line-height: 20px;
  display: flex !important;
  align-items: center;
  font-weight: 400;
  gap:8px;
}
/* END_SECTION:ritavo-grid-gallery */

/* START_SECTION:ritavo-hero-builder (INDEX:68) */
.rw-hero {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
  height: 320px;
}

.rw-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.rw-hero__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rw-hero__overlay {
  position: absolute;
  inset: 0;
  opacity: 0.5;
}

.rw-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  max-width: 900px;
  padding: 0 16px;
}

.rw-hero__heading {
  font-size: clamp(28px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
}

.rw-hero__text {
  margin-top: 12px;
  font-size: 16px;
}

.rw-hero__btn {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 16px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  border: 1px solid #FAFAFA;
  border-radius: 4px;overflow: hidden;
  position: relative;
  
}
#{{ sid }} .rw-hero__btn:hover{border-color:  #996E1C!important;}
#{{ sid }} .rw-hero__btn::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(95deg, #996E1C 0%, #D8A44A 100%);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
        z-index: -1;
    }
#{{ sid }} .rw-hero__btn:hover::before {
        transform: scaleX(1);
    }
.home-van-cot .rw-hero__btn{border: 1px solid #0F0F0F;}
/* END_SECTION:ritavo-hero-builder */

/* START_SECTION:ritavo-wood-breadcum (INDEX:81) */
.breadcrumb {
  width: 100%;
  background-color: {{ section.settings.background_color }};
  padding-top: {{ section.settings.padding_top_mobile }}px;
  padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
}

.breadcrumb__inner {
  margin: 0 auto;
  padding: 16px;

}

.breadcrumb__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.breadcrumb__item {
  display: flex;
  align-items: center;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #BFBFBF;
}

.breadcrumb__item + .breadcrumb__item::before {
  content: '/';
  display: inline-block;
  margin: 0 8px;
  color: #BFBFBF;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.breadcrumb__link {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #BFBFBF;
  text-decoration: none;
  transition: color 0.2s ease;
}

.breadcrumb__link:hover {
  color: #7B7B7B;
}

.breadcrumb__current {
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #7B7B7B;
}
.breadcum-fioithieu{border-bottom: 1px solid #DCDCDC;}
main>section>*{padding:0px;}
@media (max-width: 374px) {
  .breadcrumb {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
  .breadcrumb__inner {
    padding-left: 12px;
    padding-right: 12px;
  }
  .breadcrumb__item,
  .breadcrumb__link,
  .breadcrumb__current {
    font-size: 13px;
    line-height: 18px;
  }
  .breadcrumb__item + .breadcrumb__item::before {
    font-size: 13px;
    line-height: 18px;
    margin: 0 6px;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  .breadcrumb {
    padding-top: {{ section.settings.padding_top_mobile }}px;
    padding-bottom: {{ section.settings.padding_bottom_mobile }}px;
  }
  .breadcrumb__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .breadcrumb__item,
  .breadcrumb__link,
  .breadcrumb__current {
    font-size: 14px;
    line-height: 18px;
  }
  .breadcrumb__item + .breadcrumb__item::before {
    font-size: 14px;
    line-height: 18px;
    margin: 0 6px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .breadcrumb {
    padding-top: {{ section.settings.padding_top_tablet }}px;
    padding-bottom: {{ section.settings.padding_bottom_tablet }}px;
  }
  .breadcrumb__inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .breadcrumb {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
  .breadcrumb__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1920px) {
  .breadcrumb {
    padding-top: {{ section.settings.padding_top_desktop }}px;
    padding-bottom: {{ section.settings.padding_bottom_desktop }}px;
  }
  .breadcrumb__inner {

    padding-left: 80px;
    padding-right: 80px;
  }
}
/* END_SECTION:ritavo-wood-breadcum */

/* START_SECTION:ritavo-wood-collection (INDEX:82) */
@media (hover: hover) {
    button:hover {
        background: transparent;
        color: initial;
    }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.rvco-hero {
  position: relative;
  height: var(--hero-h, 480px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rvco-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rvco-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.38);
}

.rvco-hero__title {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0;
}


.rvco-bc {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  font-size: 13px;
  color: #888;
}

.rvco-bc__link {
  color: #888;
  text-decoration: none;
}

.rvco-bc__link:hover { color: #222; }

.rvco-bc__sep { color: #ccc; }

.rvco-bc__cur { color: #222; font-weight: 500; }

.anbosuutaptrongcollectnay .bo_suu_tap{display: none;}
.rvco-cats__sentinel {
  height: 0;
  pointer-events: none;
}

.rvco-cats {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.25s ease;
  padding: 16px;
}

.rvco-cats.is-sticky {
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  z-index: 100;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
.rvco-cats.is-sticky .rvco-cats__img-wrap{display: none;}
.rvco-cats__placeholder {
  display: none;
}

.rvco-cats__placeholder.is-visible {
  display: block;
}

.rvco-cats__track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0 12px;
  gap:16px;
}
.iconabo {
  display: inline-block;
  transition: transform 0.3s ease;margin-right: 10px;
}

.da-an .iconabo {
  display: inline-block; 
  transform: scaleX(-1);
  transition: transform 0.3s ease;
}
.rvco-cats__track::-webkit-scrollbar { display: none; }

.rvco-cats__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px;
  text-decoration: none;
  color: #555;
  white-space: nowrap;
  scroll-snap-align: start;
  flex-shrink: 0;
  border: 1px solid #DCDCDC;
  transition: border-color 0.2s, color 0.2s;
  font-size: 12px;
  font-weight:400;
  border-radius:8px;
 overflow: hidden;
 position: relative;
}

.rvco-cats__item:hover { color: #996E1C;border-color: #996E1C; }
.rvco-cats__img-wrap img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.rvco-cats__item::after,.rvco-cats__item.is-active::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(95.02deg, #996E1C 0%, #D8A44A 100%);
  opacity: 0;
  transition: opacity 0.3s ease;

  pointer-events: none;
}

.rvco-cats__item:hover::after,.rvco-cats__item.is-active::after {
  opacity: 0.2; 
}
.rvco-cats__item:hover .rvco-cats__img-wrap img,.rvco-cats__item.is-active .rvco-cats__img-wrap img{
  filter: grayscale(0%);
}
.rvco-cats__item.is-active {
  color: #996E1C;
  font-weight: 600;
  border-color: #996E1C;
}

.rvco-cats__img-wrap {
  width: 100%;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #DCDCDC;
}

.rvco-cats__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rvco-cats__label { font-size: 12px; line-height: 1.3; text-align: center; }


.rvco-main {

}


.rvco-toolbar {
  display: flex;
  align-items: center;
  gap: 0px;
  border-bottom: 1px solid #DCDCDC;
  border-top: 1px solid #DCDCDC;
  flex-wrap: wrap;

}

.rvco-toolbar__left .inerwrap{
  display: flex;
  align-items: center;
  gap: 10px;
 width: 336px;
 justify-content: space-between;

}
.inerwrap{padding:22px 16px;}
.right-loc {
    flex: 1;
     border-left: 1px solid #DCDCDC;
}
.right-loc .inerwrap{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;}
.rvco-toolbar__mid {
  flex-shrink: 0;
}

.rvco-toolbar__right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  align-items: center;
}

.rvco-tb-filter {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  padding: 6px 12px;
  font-size: 16px;
  color: #0F0F0F;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  transition: border-color 0.2s, color 0.2s;
  border:none;border-radius: 0px;text-transform: uppercase;
}

.act-loc{display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: wrap;}
.rvco-tb-filter__badge {
  background: #c42129;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.rvco-tb-reset {
  font-size: 16px;
  color: #7B7B7B;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 400;
}

.rvco-tb-reset:hover { color: #c42129; }

.rvco-tb-hide {
  background: none;
  border: none;
  font-size: 16px;
  color: #888;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
  text-decoration: underline;
}
.rvco-tb-hide svg{margin-right: 8px;}
.rvco-tb-hide:hover { color: #222; }

.rvco-tb-count {
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  text-transform: uppercase;
}

.rvco-tb-count strong { color: #111; font-weight: 600; }


.rvco-grid-icons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.rvco-gi {
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
  border:none;
}
.rvco-swatches--hex{
  display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
.rvco-swatch__hex {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.rvco-swatch-color{width: 40px;
    height: 40px;position: relative;inline-flex;cursor: pointer;}
#rvco-filter-form input[type=checkbox]{display: none;}
.rvco-swatches {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.rvco-gi:hover svg path { color: #D8A44A!important; fill:none!important; background: transparent!important;stroke:#D8A44A;}

.rvco-gi.is-active svg path {
color: #D8A44A!important; fill:none!important background: transparent!important;stroke:#D8A44A;
}


.rvco-sort-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.rvco-sort-wrap__label {
  font-size: 16px;
  color: #0F0F0F;
  white-space: nowrap;
  font-weight: 500;
}

.rvco-sort-sel {
  font-size: 14px;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 28px 6px 10px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat right 8px center;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.rvco-sort-sel:focus { outline: none; border-color: #888; }

.rvco-layout {
  display: flex;
  align-items: flex-start;
  position: relative;
}


.rvco-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 199;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.rvco-backdrop.is-visible {
  opacity: 1;
}


.rvco-sidebar {
  flex-shrink: 0;
  width: 400px;
  min-width: 400px;
  transition: width 0.3s ease, min-width 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
  border-right: 1px solid #DCDCDC;

}

.rvco-sidebar.is-closed {
  width: 0 !important;
  min-width: 0 !important;
  opacity: 0;
  overflow: hidden;
}

.rvco-sidebar__inner {
  width: 400px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.rvco-sidebar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 4px;
  display: none;
}

.rvco-sidebar__title {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: none;
}

.rvco-sidebar__close {
  display: none;
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
}

.rvco-sidebar__close:hover { color: #111; }

.rvco-sidebar__reset {
  display: block;
  font-size: 12px;
  color: #c42129;
  text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 4px;
}

.rvco-sidebar__reset:hover { text-decoration: underline; }


.rvco-fg {
  border-bottom: 1px solid #ebebeb;
}

.rvco-fg__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: #0F0F0F;
  cursor: pointer;
  text-align: left;
  letter-spacing: 0.01em;
}

.rvco-fg__head:hover { color: #333; }

.rvco-fg__arrow {
  flex-shrink: 0;
  transition: transform 0.25s ease;
  color: #888;
}


.rvco-fg__body {
  padding-bottom: 14px;
  overflow: hidden;
  transition: height 0.25s ease;
}

.rvco-fg[data-open="false"] .rvco-fg__body {
  display: none;
}
.rvco-fg[data-open="false"] .nuttru{display: none;}
.rvco-fg[data-open="false"] .nutcong{display: block;}
.rvco-fg[data-open="true"] .nuttru{display: block;}
.rvco-fg[data-open="true"] .nutcong{display: none;}
.rvco-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rvco-pill {
  padding: 5px 11px;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-size: 12px;
  color: #444;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
  white-space: nowrap;
  user-select: none;
}

.rvco-pill:hover:not(.is-zero) { border-color: #888; color: #111; }

.rvco-pill.is-active {
  border-color: #111;
  background: #111;
  color: #fff;
}

.rvco-pill.is-zero { opacity: 0.38; cursor: not-allowed; }


.rvco-swatches {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 8px;
}

.rvco-swatch {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  flex-direction: column;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
}

.rvco-swatch.is-zero { opacity: 0.38; cursor: not-allowed; }
.nutcong{display:none;}
.nutru{display: block;}
.rvco-swatch__circle {
  width: 100%;
  height: 88px;
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid #ddd;
  flex-shrink: 0;
  transition: border-color 0.15s;
  background: #f5f5f5;
}

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

.rvco-swatch.is-active .rvco-swatch__circle {
  border-color: #111;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111;
}

.rvco-swatch__name {
  font-size: 12.5px;
  color: #444;
  transition: color 0.15s;
}

.rvco-swatch.is-active .rvco-swatch__name { color: #111; font-weight: 600; }


.rvco-styles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.rvco-style {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border: 2px solid #eee;
  border-radius: 4px;
  padding: 6px;
  transition: border-color 0.15s;
  user-select: none;
}

.rvco-style:hover:not(.is-zero) { border-color: #aaa; }
.rvco-style.is-active { border-color: #111; }
.rvco-style.is-zero { opacity: 0.38; cursor: not-allowed; }

.rvco-style__img-wrap {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 2px;
  background: #f5f5f5;
}

.rvco-style__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rvco-style__name {
  font-size: 11.5px;
  color: #555;
  text-align: center;
}


.rvco-price__vals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12.5px;
  color: #333;
  margin-bottom: 16px;
  margin-top: 2rem;
}
.text{font-size:16px;}
.rvco-price__tag {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}

.rvco-price__dash { color: #aaa; font-size: 12px; }

.rvco-price__slider-wrap { padding: 0 2px; }

.rvco-price__track {
  position: relative;
  height: 2px;
  background: #9a7b2e;
  margin: 18px 0 10px;
}

.rvco-price__fill {
  position: absolute;
  height: 100%;
  background: #9a7b2e;
  pointer-events: none;
}

.rvco-price__range {
  position: absolute;
  width: calc(100% + 16px);
  height: 2px;
  top: 0;
  left: -8px;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  pointer-events: none;
  outline: none;
}

.rvco-price__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  background: #c42129;
  border: none;
  cursor: pointer;
  pointer-events: all;
  margin-top: -6px;
  transform: rotate(45deg);
  transition: transform 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 4px rgba(196,33,41,0.35);
   margin-top: -20px;
}

.rvco-price__range::-webkit-slider-thumb:hover {
  transform: rotate(45deg) scale(1.2);
  box-shadow: 0 2px 8px rgba(196,33,41,0.5);
}

.rvco-price__range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #c42129;
  border: none;
  border-radius: 0;
  cursor: pointer;
  pointer-events: all;
  transform: rotate(45deg);
  box-shadow: 0 1px 4px rgba(196,33,41,0.35);
 
}


.rvco-grid-wrap {
  flex: 1;
  min-width: 0;
}


.rvco-grid {
  display: grid;
  grid-template-columns: repeat(var(--rv-cols, 4), 1fr);
  gap: var(--rv-gap, 20px);
  padding:16px;

}

.rvco-grid[data-cols="1"] { --rv-cols: 1; }
.rvco-grid[data-cols="2"] { --rv-cols: 2; }
.rvco-grid[data-cols="3"] { --rv-cols: 3; }
.rvco-grid[data-cols="4"] { --rv-cols: 4; }


.rvco-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 60px 20px;
  text-align: center;
}

.rvco-empty__text { font-size: 14px; color: #888; margin: 0; }

.rvco-empty__link {
  font-size: 13px;
  color: #c42129;
  text-decoration: underline;
}


.rvco-pagi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 32px 0 8px;
  flex-wrap: wrap;
}

.rvco-pagi__btn,
.rvco-pagi__num,
.rvco-pagi__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border-radius: 4px;
  font-size: 13px;
  text-decoration: none;
  color: #444;
  border: 1px solid #e0e0e0;
  background: #fff;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.rvco-pagi__btn:hover:not(.is-off),
.rvco-pagi__num:hover { border-color: #888; color: #111; }

.rvco-pagi__num.is-active {
  background: #111;
  border-color: #111;
  color: #fff;
  font-weight: 600;
}

.rvco-pagi__btn.is-off {
  opacity: 0.35;
  cursor: default;
}

.rvco-pagi__ellipsis {
  border-color: transparent;
  background: transparent;
  color: #aaa;
}

.hien-mobile{display: none;}
.rvco-tb-hien{border: none;
border-radius: 0;
white-space: nowrap;
}
.rvco-danh-muc-con-left{width:336px;}
.rvco-danh-muc-con-right{display: flex;flex: 1;padding:16px;gap:16px;align-items: center;}
.rvco-danh-muc-con{display: flex;
    flex-wrap: wrap;}
.rvco-danh-muc-con-right .rvco-cats__item_child{
  border: 1px solid #DCDCDC;
  padding:8px 24px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  color:#7B7B7B;
  border-radius:8px;
  margin-right: 16px;
  width: fit-content;
}
.rvco-cats_child{overflow: hidden;}
.rvco-cats__item_child.is-active{background: #FFF6E6;
  color:#996E1C;
  border-color:#996E1C;}
.text-nguyenlan{color: #0F0F0F;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap
}
.rvco-cats__track_child{display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;}
@media (max-width: 374px) {
  .rvco-main { padding: 0px; }
  .rvco-hero__title { font-size: 24px; }
  .rvco-tb-count { display: none; }
  .rvco-tb-hide { display: none; }
  .rvco-tb-reset { display: none; }
  .rvco-sort-wrap__label { display: none; }

  .rvco-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 90vw !important;
    min-width: 0 !important;
    height: 100dvh;
    z-index: 200;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1 !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15);
  }
  .rvco-danh-muc-con-right{width:100%;overflow: scroll;}
  .rvco-sidebar.is-open { transform: translateX(0) !important; }
  .rvco-sidebar.is-closed { transform: translateX(-100%) !important; }
  .rvco-sidebar__inner { width: 100%; padding: 0 16px 24px; box-sizing: border-box; }
  .rvco-sidebar__close { display: flex; }

  .rvco-sidebar__head{display: block;}
  .rvco-cats__img-wrap{height: 48px;}
  .rvco-sidebar.is-closed {transform: translateX(-100%); 
    opacity: 0;}
  .rv-header--white.dangcuonxuong {
        position: fixed !important;
        z-index: 999999999;
        top: 0px;
        left: 0px;
        background: #fff;
        backdrop-filter: unset;
    }  
  .rvco-sidebar{
      width: 336px;
      min-width: 336px; 
      position: fixed;
      top: 72px;
      left: 0;
      z-index: 9999;
      background: #fff;
      transition: transform 0.3s ease, opacity 0.3s ease;
      pointer-events: none; 
}
.rvco-sidebar__title{display: block;}
.rvco-sidebar.is-open {
  transform: translateX(0); 
  opacity: 1;

  pointer-events: auto;
}
  .rvco-sidebar__inner {
        width: 336px;
        height: calc(100vh - 80px);
        overflow-y: scroll;
    }
  .rvco-sidebar__head{display: flex;
        justify-content: space-between;
        padding-top: 20px;}  
   .rvco-toolbar__left{display: none;}      
  .hien-mobile{display: block;}
  .an-mobline{display: none;}
  .right-loc {
    flex: unset;
    border-left: none;
    width: 100%;
  } 
.rvco-cats__item{width:50%;}
.right-loc .inerwrap{width:100%;}
.rvco-toolbar{border-top:none;}
.rvco-danh-muc-con-left{display: none;}
.rvco-danh-muc-con-right{width:100%;overflow: hidden;}




}

@media (min-width: 375px) and (max-width: 767px) {
  .rvco-main { padding: 0px; }
  .rvco-hero__title { font-size: 24px; }
  .rvco-tb-hide { display: none; }
  .rvco-sort-wrap__label { display: none; }

  .rvco-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 90vw !important;
    min-width: 0 !important;
    height: 100dvh;
    z-index: 200;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1 !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15);
  }
  .rvco-sidebar.is-open { transform: translateX(0) !important; }
  .rvco-sidebar.is-closed { transform: translateX(-100%) !important; }
  .rvco-sidebar__inner { width: 100%; padding: 0 20px 24px; box-sizing: border-box; }
  .rvco-sidebar__close { display: flex; }
 .rvco-toolbar__left{display: none;}
.rvco-cats__item{width:50%;}
  .rvco-sidebar__head{display: block;}
  .rvco-cats__img-wrap{height:48px;}
  .rvco-sidebar.is-closed {transform: translateX(-100%); 
    opacity: 0;}
  .rv-header--white.dangcuonxuong {
        position: fixed !important;
        z-index: 999999999;
        top: 0px;
        left: 0px;
        background: #fff;
        backdrop-filter: unset;
    }  
  .rvco-sidebar{
      width: 100%;
      min-width: 100%; 
      position: fixed;
      top: 72px;
      left: 0;
      z-index: 9999;
      background: #fff;
      transition: transform 0.3s ease, opacity 0.3s ease;
      pointer-events: none; 
}
.rvco-sidebar__title{display: block;}
.rvco-sidebar.is-open {
  transform: translateX(0); 
  opacity: 1;

  pointer-events: auto;
}
  .rvco-sidebar__inner {
        width: 100%;
        height: calc(100vh - 80px);
        overflow-y: scroll;
    }
  .rvco-sidebar__head{display: flex;
        justify-content: space-between;
        padding-top: 20px;}  
  .hien-mobile{display: block;}
  .an-mobline{display: none;}  
  .hide-anloc{display: none;}
  .act-tren,.act-duoi{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;}
    .act-loc {
    flex-direction: column;
    width: 100%;
  }
  .right-loc {
    flex: unset;
    border-left: none;
    width: 100%;
  } 
.right-loc .inerwrap{width:100%;}
.rvco-toolbar{border-top:none;}
.rvco-danh-muc-con-left{display: none;}
.rvco-danh-muc-con-right{width:100%;overflow: hidden;}


}

@media (min-width: 768px) and (max-width: 1279px) {
  .rvco-main { padding: 0px; }
  .rvco-hero__title{font-weight: 700; font-size: 38px; line-height: 32px; }
  .rvco-sidebar.is-closed {transform: translateX(-100%); 
    opacity: 0;}
  .rv-header--white.dangcuonxuong {
        position: fixed !important;
        z-index: 999999999;
        top: 0px;
        left: 0px;
        background: #fff;
        backdrop-filter: unset;
    }  
  .rvco-sidebar{
      width: 100%;
      min-width: 100%; 
      position: absolute;
      top: 0px;
      left: 0;
      z-index: 9999;
      background: #fff;
      transition: transform 0.3s ease, opacity 0.3s ease;
      pointer-events: none; 
}
.rvco-sidebar__title{display: block;}
.rvco-sidebar.is-open {
  transform: translateX(0); 
  opacity: 1;

  pointer-events: auto;
}
  .rvco-sidebar__inner {
        width: 100%;
        height: calc(60vh - 80px);
        overflow-y: scroll;
    }
  .rvco-sidebar__head{display: flex;
        justify-content: space-between;
        padding-top: 20px;}  
  .rvco-sidebar__close { display: flex; }
  .rvco-cats__item{width:25%;}
  .rvco-cats__img-wrap{height: 48px;}
   .rvco-toolbar__left{display: none;;} 
.rvco-swatches {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 8px;
}
.rvco-danh-muc-con-left{display: none;}
  .rvco-danh-muc-con-right{width:100%;overflow: hidden;}

}

@media (min-width: 1280px) and (max-width: 1919px) {
  .rvco-main {}

  .rvco-sidebar {
    width: 337px;
    min-width: 337px;
  }
  .rvco-sidebar__inner { width: 336px; }
  .rvco-hero__title{font-weight: 700; font-size: 48px; line-height: 56px; }
  .rvco-cats__item{width:12.5%;}
  .rvco-cats__img-wrap{height: 56px;}
  .rv-header--white.dangcuonxuong{position: fixed!important;z-index: 999999999;top:0px;left:0px;background: #fff;backdrop-filter: unset;}
  .rv-header--white.dangcuonxuong .rv-nav > .rv-nav__item > .rv-nav__link{color:#0F0F0F;}
  .rvco-danh-muc-con-right{width:100%;overflow: hidden;}
  
}

@media (min-width: 1920px) {
.rvco-toolbar__left .inerwrap {
    width: 399px;
}
.rvco-hero__title{font-weight: 700; font-size: 48px; lline-height: 56px; color: #FAFAFA;}
  .rvco-sidebar {
    width: 400px;
    min-width: 400px;
  }
  .rvco-sidebar__inner { width: 400px; }
  .rvco-cats__item{width:12.5%;}
  .rvco-grid { --rv-gap: 24px; }
  .rvco-cats__img-wrap{height: 96px;}
  .rv-header--white.dangcuonxuong{position: fixed!important;z-index: 999999999;top:0px;left:0px;}
.rvco-danh-muc-con-left{width:400px;}


}
/* END_SECTION:ritavo-wood-collection */

/* START_SECTION:ritavo-wood-gioi-thieu-cat-grid (INDEX:87) */
.ritavo-woo-gioithieu-grid {
    max-width: 100%;
    box-sizing: border-box;
  }

  .ritavo-woo-gioithieu-grid__banner {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 24px;
  }

  .ritavo-woo-gioithieu-grid__banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .ritavo-woo-gioithieu-grid__banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.5) 38%, transparent 65%);
    pointer-events: none;
  }

  .ritavo-woo-gioithieu-grid__banner-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 32px 40px;
  }

  .ritavo-woo-gioithieu-grid__subtitle {
    margin: 0 0 4px;
    font-weight: 400;
    color: #0F0F0F;
    font-size:20px;
    text-transform:uppercase;
   
  }

  .ritavo-woo-gioithieu-grid__heading {
    margin: 0 0 2px;
    font-weight: 600;
    color: #0F0F0F;
    text-transform: uppercase;
    font-family: var(--font-heading--family, sans-serif);
  }

  .ritavo-woo-gioithieu-grid__heading-lg {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font-heading--family, sans-serif);
    background: linear-gradient(95.02deg, #996E1C 0%, #D8A44A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .ritavo-woo-gioithieu-grid__list {
    display: grid;
    margin: 0;
    padding: 0;
  }

  .ritavo-woo-gioithieu-grid__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    position: relative;
     will-change: padding;
    contain: layout paint;
  }

  .ritavo-woo-gioithieu-grid__item:hover {
    height: calc(100%);
padding-bottom: 0px;
transition: transform .5s cubic-bezier(.4,0,.2,1);

  }

  .ritavo-woo-gioithieu-grid__item:hover .ritavo-woo-gioithieu-grid__img {
   
  }

  .ritavo-woo-gioithieu-grid__img-wrap {
    width: 100%;
    overflow: hidden;
    border-radius: inherit;
  }

  .ritavo-woo-gioithieu-grid__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
  }

  .ritavo-woo-gioithieu-grid__img--placeholder {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ritavo-woo-gioithieu-grid__img--placeholder svg {
    width: 48px;
    height: 48px;
    opacity: 0.35;
  }

  #shopify-section-{{ _sid }}  .ritavo-woo-gioithieu-grid__title {
    display: block;
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #0F0F0F;
  }


  @media (max-width: 767px) {
    .ritavo-woo-gioithieu-grid__banner {
      border-radius: 6px;
      margin-bottom: 16px;
    }
    .ritavo-woo-gioithieu-grid__banner-content {
      padding: 20px;
    }
    .ritavo-woo-gioithieu-grid__subtitle {
      font-size: 16px;
      line-height: 24px;
    }
    .ritavo-woo-gioithieu-grid__heading {
      font-size: 20px;
      line-height: 28px;
    }
    .ritavo-woo-gioithieu-grid__heading-lg {
      font-size: 40px;
      line-height: 48px;
    }
     #shopify-section-{{ _sid }} .ritavo-woo-gioithieu-grid__title {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      padding: 20px 10px 8px;
     
      color: #fff;
      text-align: center;
    }
     #shopify-section-{{ _sid }} .ritavo-woo-gioithieu-grid__title {
    position: absolute;
    left: 0!important;
    bottom: 1rem!important;
    transform: unset!important;
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #fff!important;
    transition: unset!important;
    will-change: transform;
    width: 100%;
    text-align: center;
    }
 .ritavo-woo-gioithieu-grid__subtitle {
      font-size: 16px;
      line-height: 28px;
    }
    .ritavo-woo-gioithieu-grid__banner-content {
        padding: 0px!important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    

  }


  @media (min-width: 768px) and (max-width: 1279px) {
    .ritavo-woo-gioithieu-grid__subtitle {
      font-size: 20px;
      line-height: 28px;
    }
    .ritavo-woo-gioithieu-grid__heading {
      font-size: 24px;
      line-height: 32px;
    }
    .ritavo-woo-gioithieu-grid__heading-lg {
      font-size: 48px;
      line-height: 56px;
    }
  }

  
  @media (min-width: 1280px) and (max-width: 1919px) {
    .ritavo-woo-gioithieu-grid__subtitle {
      font-size: 20px;
      line-height: 28px;
    }
    .ritavo-woo-gioithieu-grid__heading {
      font-size: 24px;
      line-height: 32px;
    }
    .ritavo-woo-gioithieu-grid__heading-lg {
      font-size: 80px;
      line-height: 88px;
    }
  }


  @media (min-width: 1920px) {
    .ritavo-woo-gioithieu-grid__subtitle {
      font-size: 20px;
      line-height: 28px;
    }
    .ritavo-woo-gioithieu-grid__heading {
      font-size: 32px;
      line-height: 40px;
    }
    .ritavo-woo-gioithieu-grid__heading-lg {
      font-size: 88px;
      line-height: 96px;
    }
  }
/* END_SECTION:ritavo-wood-gioi-thieu-cat-grid */

/* START_SECTION:ritavo-wood-gioi-thieu-conso (INDEX:88) */
.ritavo-woo-cacconso {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .ritavo-woo-cacconso__bg-picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .ritavo-woo-cacconso__bg {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    display: block;
  }

  .ritavo-woo-cacconso__card {
    position: relative;
    z-index: 2;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    width:100%;
  }

  .ritavo-woo-cacconso__header {
    margin-bottom: 32px;
  }

  .ritavo-woo-cacconso__subtitle {
    margin: 0 0 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #0F0F0F;
    text-transform: uppercase;
  }

  .ritavo-woo-cacconso__heading {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #0F0F0F;
    font-family: var(--font-heading--family, sans-serif);
    background: linear-gradient(95.02deg, #996E1C 0%, #D8A44A 100%);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: capitalize;
  }

  .ritavo-woo-cacconso__list {
    display: flex;
    justify-content: center;
    gap: 40px;
  }

  .ritavo-woo-cacconso__item {
    width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 20px 16px;
    background: #fff;
  }

  .ritavo-woo-cacconso__number {
    font-weight: 600;
    font-size: 48px;
    line-height: 1.15;
    background: linear-gradient(95.02deg, #C52129 0%, #FC5D66 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: capitalize;
  }

  .ritavo-woo-cacconso__count-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    color: #7B7B7B;
    margin-top: 4px;
  }

  .ritavo-woo-cacconso__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
    color: #0F0F0F;
    margin-top: 4px;
  }

  /* ── Button ── */
  .ritavo-woo-cacconso__btn {
    display: inline-block;
    margin-top: 24px;
    padding: 8px 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    text-decoration: none;
    color: #0F0F0F;
    border: 1px solid #0F0F0F;
    border-radius: 4px;
    transition: background 0.25s, color 0.25s;
    position:relative;overflow:hidden;
  }

  .ritavo-woo-cacconso__btn:hover {
  
    color: #fff;
  }
.ritavo-woo-cacconso__btn:hover{ border-color: #996E1C !important;}
.ritavo-woo-cacconso__btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(95deg, #996E1C 0%, #D8A44A 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: -1;
}
.ritavo-woo-cacconso__btn:hover::before {
    transform: scaleX(1);
}
  @media (max-width: 374px) {
    .ritavo-woo-cacconso__card {
      padding: 24px 16px;
      border-radius: 8px;
    }
    .ritavo-woo-cacconso__subtitle {
      font-size: 16px;
      line-height: 24px;
    }
    .ritavo-woo-cacconso__heading {
      font-size: 32px;
      line-height: 40px;
      text-transform:uppercase;
    }
    .ritavo-woo-cacconso__number {
      font-size: 40px;
    }
    .ritavo-woo-cacconso__list {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
    }
    .ritavo-woo-cacconso__item {
      width: 100%;
    }
  }

  @media (min-width: 375px) and (max-width: 767px) {
    .ritavo-woo-cacconso__card {
      padding: 28px 20px;
      border-radius: 8px;
    }
    .ritavo-woo-cacconso__subtitle {
      font-size: 16px;
      line-height: 24px;
    }
    .ritavo-woo-cacconso__heading {
      font-size: 32px;
      line-height: 40px;
      text-transform:uppercase;
    }
    .ritavo-woo-cacconso__number {
      font-size: 40px;
    }
    .ritavo-woo-cacconso__list {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
    }
    .ritavo-woo-cacconso__item {
      width: 100%;
    }
  }

  @media (min-width: 768px) and (max-width: 1279px) {
    .ritavo-woo-cacconso__card {
      padding: 36px 32px;
    }
    .ritavo-woo-cacconso__subtitle {
      font-size: 24px;
      line-height: 32px;
    }
    .ritavo-woo-cacconso__heading {
      font-size: 48px;
      line-height: 56px;
      text-transform:uppercase;
    }
    .ritavo-woo-cacconso__number {
      font-size: 48px;
    }
    .ritavo-woo-cacconso__list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .ritavo-woo-cacconso__item {
      width: auto;
    }
  }

  @media (min-width: 1280px) and (max-width: 1919px) {
    .ritavo-woo-cacconso__subtitle {
      font-size: 24px;
      line-height: 32px;
    }
    .ritavo-woo-cacconso__heading {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (min-width: 1920px) {
    .ritavo-woo-cacconso__card {
      max-width: 1100px;
      padding: 48px 56px;
    }
    .ritavo-woo-cacconso__subtitle {
      font-size: 24px;
      line-height: 32px;
    }
    .ritavo-woo-cacconso__heading {
      font-size: 48px;
      line-height: 56px;
    }
  }
/* END_SECTION:ritavo-wood-gioi-thieu-conso */

/* START_SECTION:ritavo-wood-gioi-thieu-doi-ngu (INDEX:89) */
.rt-doingu {
    max-width: 100%;
    box-sizing: border-box;
  }

  .rt-doingu__heading {
    margin: 0 0 16px;
    font-family: var(--font-heading--family, sans-serif);
  }

  .rt-doingu__grid {
    display: grid;
    margin: 0;
    padding: 0;
  }

  .rt-doingu__item {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
  }

  .rt-doingu__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
  }

  .rt-doingu__item:hover .rt-doingu__img {
    transform: scale(1.05);
  }

  .rt-doingu__img--placeholder {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .rt-doingu__img--placeholder svg {
    width: 48px;
    height: 48px;
    opacity: 0.35;
  }

  .rt-doingu__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px 12px 12px;
    background: linear-gradient(to top, rgba(0,0,0,0.55), transparent);
    display: flex;
    flex-direction: column;
    pointer-events: none;
  }

  .rt-doingu__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
  }

  .rt-doingu__role {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255,255,255,0.85);
    margin-top: 2px;
  }
/* END_SECTION:ritavo-wood-gioi-thieu-doi-ngu */

/* START_SECTION:ritavo-wood-home-du-an (INDEX:93) */
.rv-du-an {
    box-sizing: border-box;
    width: 100%;
  }

  .rv-du-an__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .rv-du-an__heading {
    margin: 0;
    font-weight: 700;
    font-family: var(--font-heading--family, sans-serif);
    color:  #0F0F0F;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .rv-du-an__view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color:   #0F0F0F;
    white-space: nowrap;
    flex-shrink: 0;
    transition: opacity 0.2s;
  }

  .rv-du-an__view-all:hover { opacity: 0.65; }

  .rv-du-an__track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .rv-du-an__track::-webkit-scrollbar { display: none; }

  .rv-du-an__card {
    flex-shrink: 0;
    scroll-snap-align: start;
    text-decoration: none;
    display: block;
    overflow: hidden;
  }

  .rv-du-an__card-img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .rv-du-an__card-img-wrap::before{content: '';
    background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 0.56) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    z-index: 1;
}
  .rv-du-an__card-img,
  .rv-du-an__card-img--placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }

  .rv-du-an__card:hover .rv-du-an__card-img { transform: scale(1.04); }

  .rv-du-an__card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);
    padding: 28px 14px 14px;
    opacity:0;
    z-index: 5;
  }

  .rv-du-an__card-title {
    margin: 0 0 2px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    font-family: var(--font-heading--family, sans-serif);
  }

  .rv-du-an__card-partner {
    margin: 0;
    line-height: 1.4;
    background: linear-gradient(95.02deg, #C52129 0%, #E34A52 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 500;
  }

  .rv-du-an__empty {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding: 48px 0;
    margin: 0;
  }
/* END_SECTION:ritavo-wood-home-du-an */

/* START_SECTION:ritavo-wood-new-arrival (INDEX:95) */
.rv-new-arrival {
    display: flex;
    align-items: stretch;
    overflow: hidden;
  }

  .rv-new-arrival__left {
    position: relative;
    overflow: hidden;
  }

  .rv-new-arrival__img,
  .rv-new-arrival__img--placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .rv-new-arrival__label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.72);
    padding: 18px 24px;
    text-align: center;
  }

  .rv-new-arrival__label span {
    color: #fff;
    font-size: clamp(16px, 1.8vw, 24px);
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-family: var(--font-heading--family, sans-serif);
  }

  .rv-new-arrival__right {
    display: flex;
    flex-direction: column;
  }

  .rv-new-arrival__heading {
    font-weight: 700;
    text-align: center;
    margin: 0 0 28px;
    color: #0F0F0F;
    font-family: var(--font-heading--family, sans-serif);
  }

  .rv-new-arrival__empty {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding: 48px 0;
  }

  @media (max-width: 374px) {
    .rv-new-arrival__left    { max-height: 240px; }
    .rv-new-arrival__heading { font-size: 18px; line-height: 22px; }
  }

  @media (min-width: 375px) and (max-width: 767px) {
    .rv-new-arrival__left    { max-height: 240px; }
    .rv-new-arrival__heading { font-size: 24px; line-height: 32px; }
  }

  @media (min-width: 768px) and (max-width: 1279px) {
    .rv-new-arrival__left    { max-height: 320px; }
    .rv-new-arrival__heading { font-size: 32px; line-height: 40px; }
  }

  @media (min-width: 1280px) and (max-width: 1919px) {
    .rv-new-arrival__left    { max-height: 480px; }
    .rv-new-arrival__heading { font-size: 32px; line-height: 40px; }
  }

  @media (min-width: 1920px) {
    .rv-new-arrival__left    { max-height: 992px; }
    .rv-new-arrival__heading { font-size: 40px; line-height: 48px; }
  }
/* END_SECTION:ritavo-wood-new-arrival */

/* START_SECTION:ritavo-wood-product-slider (INDEX:98) */
.rv-pslider-section {
    max-width: 100%;
  }

  .rv-pslider-section__header {
    text-align: center;
    margin-bottom: 32px;
  }

  .rv-pslider-section__sub {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #888;
    margin: 0 0 8px;
  }

  .rv-pslider-section__heading {
    font-size: clamp(22px, 2.5vw, 34px);
    font-weight: 700;
    margin: 0;
    color: var(--color-foreground, #222);
    font-family: var(--font-heading--family, sans-serif);
  }

  .rv-pslider-section__empty {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding: 48px 0;
  }
/* END_SECTION:ritavo-wood-product-slider */

/* START_SECTION:ritavo-wood-quy-trinh (INDEX:99) */
.rt-imglink {
    max-width: 100%;
    box-sizing: border-box;
    line-height: 0;
  }

  .rt-imglink__picture {
    display: block;
    width: 100%;
  }

  .rt-imglink__img {
    display: block;
    width: 100%;
    height: auto;
  }
  .rt-imglink{width:100%;}
  .rt-imglink img{width:100%;}
  .rt-imglink__img{width:100%;}
/* END_SECTION:ritavo-wood-quy-trinh */

/* START_SECTION:ritavo-wood-sanpham-gallery (INDEX:100) */
.rv-split {
    width: 100%;
    box-sizing: border-box;
  }

  .rv-split__inner {
    display: flex;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
  }

  .rv-split__left,
  .rv-split__right {
    box-sizing: border-box;
    min-width: 0;
    flex-shrink: 0;
  }

  .rv-split__slider-header {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .rv-split__slider-header-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .rv-split__heading {
    margin: 0;
    line-height: 1.2;
  }

  .rv-split__sub {
    margin: 0;
    line-height: 1.4;
  }

  .rv-split__btn {
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid;
    flex-shrink: 0;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
    position: relative;overflow: hidden;
  }
  #shopify-section-{{ _sid }} .rv-split__btn:hover{border-color:  #996E1C!important;}
  #shopify-section-{{ _sid }} .rv-split__btn::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(95deg, #996E1C 0%, #D8A44A 100%);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
        z-index: -1;
    }
  #shopify-section-{{ _sid }} .rv-split__btn:hover:before {transform: scaleX(1);}
  .rv-split__empty {
    color: #999;
    font-size: 14px;
    padding: 48px 0;
  }

  .rv-split__grid {
    display: grid;
    width: 100%;
    height: 100%;
  }

  .rw-grid__item {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
  }

  .rw-grid__img {
    display: block;
    width: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }

  .rw-grid__img--placeholder {
    background: #e8e8e8;
  }

  .rw-grid__item:hover .rw-grid__img {
    transform: scale(1.04);
  }

  .rw-grid__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 16px 36px;
    background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
     font-weight: 500;
  }

  .rw-grid__label {
    display: block;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
  }
/* END_SECTION:ritavo-wood-sanpham-gallery */

/* START_SECTION:ritavo-wood-store (INDEX:101) */
.ritavo-wood-store .ritavo-store__header { display: flex; justify-content: space-between; align-items: center; }
.ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal{display: grid; width: 100%; height: 100%;grid-template-columns: repeat(5, 1fr); gap: 8px;}
.ritavo-wood-store .ritavo-store__item-inner img{position: absolute;height: 100%;width: 100%;object-fit: cover;border-radius: 8px;}
.ritavo-wood-store .ritavo-store__item-inner{position: relative;display: block;}
.ritavo-wood-store .ritavo-store__view-more{color: #0F0F0F; font-weight: 500; font-size: 16px; line-height: 20px; align-items: center;display: flex;}
.ritavo-wood-store .ritavo-store__view-more:hover{background: linear-gradient(95.02deg, #996E1C 0%, #D8A44A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;} 
   
  .ritavo-wood-store .ritavo-store__view-more:hover svg{color: #996E1C;}  
.ritavo-wood-store .ritavo-store__item{position: relative;display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}
.ritavo-wood-store .ritavo-store__subheading{font-weight: 500;font-size: 24px; line-height: 32px; color: #7B7B7B;}
    .ritavo-wood-store .ritavo-store__item-caption{font-weight: 500;color: #0F0F0F;font-size: 16px; line-height: 24px; text-transform: capitalize;margin-bottom: 10px;}
    .ritavo-wood-store .ritavo-store__item-cdiachin{font-weight: 500;font-size: 14px; line-height: 20px; color: #FAFAFA;}
    .ritavo-wood-store .ritavo-store__item-overlay{background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, #0F0F0F 100%); position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 1;opacity: 0;}
.ritavo-wood-store .rv-thongtindic{
     position: absolute;
      left: 0;
      right: 0;
      bottom: -16px;
      padding: 0 24px;
      text-align: center;
      transform: translateY(100%);
      opacity: 1;
      transition: transform 0.4s ease, opacity 0.3s ease;
      will-change: transform;
      z-index: 999;text-align: center;
    }
    .ritavo-wood-store .ritavo-store__item:hover .rv-thongtindic{transform: translateY(0);  opacity: 1;bottom: 16px;}
    .ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-overlay{opacity: 1;}
    .ritavo-wood-store .ritavo-store__item:hover  .ritavo-store__item-caption{color: #FAFAFA;font-weight: 900;}
    .ritavo-wood-store .ritavo-store__item:hover .rt-store-nd{border: 1px solid #DCDCDC;padding:8px;border-radius: 8px;}
    .ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-inner{border-radius: 8px;overflow: hidden;}
    .ritavo-store__item-cdiachin{display:none;}
    .ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-cdiachin{display:block;}
    .rt-store-nd{position: relative;}

@media (max-width: 374px) {
 .ritavo-wood-store .ritavo-store__header { display: flex; justify-content: center; align-items: center; flex-direction: column; align-content: center;padding: 0px 16px;padding-bottom: 40px;gap:8px;  }
 .ritavo-wood-store .ritavo-store__subheading{font-weight: 400;font-size: 16px; line-height: 20px; color: #7B7B7B;text-transform: initial;text-align: center;margin-bottom: 8px;}
 .ritavo-wood-store .ritavo-store__heading{font-weight: 600; font-size: 24px; line-height: 32px; text-transform: uppercase;color: #0F0F0F;text-align: center;}
 .ritavo-wood-store .ritavo-wood-store{width: 100%;background:#f6f6f6;padding:40px 16px;}
 .ritavo-wood-store .ritavo-store__view-more{background: linear-gradient(95.02deg, #996E1C 0%, #D8A44A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;} 
  .ritavo-wood-store .ritavo-store__view-more svg{color: #996E1C;}  
  .ritavo-wood-store .ritavo-store__item-inner{position: relative;width: 100%;height: 224px;aspect-ratio: 343 / 224; }
  .ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal{display: flex;    flex-direction: column;}
  .ritavo-wood-store .ritavo-store__item{border: 1px solid #DCDCDC;padding:8px;border-radius: 8px;overflow: hidden;}
  .ritavo-wood-store .ritavo-store__item-caption{color:#fff;font-weight: 900;}
  .ritavo-wood-store .rv-thongtindic{position: absolute;bottom: 16px;padding: 0px 24px;text-align: center;}
.ritavo-wood-store .ritavo-store__item-overlay{opacity: 1;}
  .ritavo-wood-store .ritavo-store__item-inner{border-radius: 8px;overflow: hidden;}
}


@media (min-width: 375px) and (max-width: 767px) {
 .ritavo-wood-store .ritavo-store__header { display: flex; justify-content: center; align-items: center; flex-direction: column; align-content: center;padding: 0px 16px;padding-bottom: 40px;gap:8px;  }
 .ritavo-wood-store .ritavo-store__subheading{font-weight: 400;font-size: 16px; line-height: 20px; color: #7B7B7B;text-transform: initial;text-align: center;margin-bottom: 8px;}
 .ritavo-wood-store .ritavo-store__heading{font-weight: 600; font-size: 24px; line-height: 32px; text-transform: uppercase;color: #0F0F0F;text-align: center;}
 .ritavo-wood-store .ritavo-wood-store{width: 100%;background:#f6f6f6;padding:40px 16px;}
 .ritavo-wood-store .ritavo-store__view-more{background: linear-gradient(95.02deg, #996E1C 0%, #D8A44A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
  .ritavo-wood-store .ritavo-store__view-more svg{color: #996E1C;}  
  .ritavo-wood-store .ritavo-store__item-inner{position: relative;width: 100%;height: 224px;aspect-ratio: 343 / 224; }
  .ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal{display: flex;    flex-direction: column;}
  .ritavo-wood-store .ritavo-store__item{border: 1px solid #DCDCDC;padding:8px;border-radius: 8px;overflow: hidden;}
  .ritavo-wood-store .ritavo-store__item-caption{color:#fff;font-weight: 900;}
  .ritavo-wood-store .rv-thongtindic{position: absolute;bottom: 16px;padding: 0px 24px;text-align: center;}
  .ritavo-wood-store .ritavo-store__item-overlay{opacity: 1;}
  .ritavo-wood-store .ritavo-store__item-inner{border-radius: 8px;overflow: hidden;}
  .ritavo-wood-store .ritavo-store__item .rv-thongtindic { transform: translateY(0); opacity: 1; bottom: 16px; }
  .ritavo-wood-store .ritavo-store__item .ritavo-store__item-cdiachin { display: block; }
  .ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal { display: flex; flex-direction: column; padding-left: 16px; padding-right: 16px; gap: 16px; }
  


}


@media (min-width: 768px) and (max-width: 1279px) {
.ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal{display: grid; width: 100%; height: 100%;grid-template-columns: repeat(6, 1fr);
        gap: 16px;}
 .ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal .ritavo-store__item {
        grid-column: span 2;
        display: block;
        text-decoration: none;
        color: inherit;
        position: relative;
        overflow: hidden;
    }  
       .ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal .ritavo-store__item:nth-last-child(1), .ritavo-store__grid.ritavo-store__grid--equal .ritavo-store__item:nth-last-child(2) {
        grid-column: span 3;
    } 
.ritavo-wood-store .ritavo-store__subheading{font-weight: 500;font-size: 20px; line-height: 38px; color: #7B7B7B;text-transform: uppercase;}
    .ritavo-wood-store .ritavo-store__heading{font-weight: 600; font-size: 40px; line-height: 48px; text-transform: uppercase;color: #0F0F0F;}
    .ritavo-wood-store .ritavo-wood-store{width: 100%;background:#f6f6f6;padding:40px 16px;}
    .ritavo-wood-store .ritavo-store__header { display: flex; justify-content: space-between; align-items: center; padding: 0px 24px;padding-bottom: 40px;  }
    .ritavo-wood-store .ritavo-store__item-inner{position: relative;width: 100%;height: 278px;aspect-ratio: 234 / 278; -webkit-transition: all 1s;
    transition: all 1s;}
    
    .ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-inner{position: relative;width: 100%;height: 294px;aspect-ratio: 294 / 278; }
    .ritavo-wood-store .ritavo-store__item-inner{border-radius: 8px;overflow: hidden;}
    .ritavo-store__item{height: 360px;}

}


@media (min-width: 1280px) and (max-width: 1919px) {
 .ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal{display: grid; width: 100%; height: 100%;grid-template-columns: repeat(5, 1fr); gap: 16px;}
.ritavo-wood-store .ritavo-store__item-inner{position: relative;height: 278px;-webkit-transition: all 1s;  transition: all 1s;}
.ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-inner{height: 320px;}
.ritavo-store__item{height: 350px;}
.ritavo-wood-store .ritavo-store__subheading{font-weight: 500;font-size: 20px; line-height: 38px; color: #7B7B7B;text-transform: uppercase;}
.ritavo-wood-store .ritavo-store__heading{font-weight: 600; font-size: 32px; line-height: 40px; text-transform: uppercase;color: #0F0F0F;}
.ritavo-wood-store .ritavo-wood-store{width: 100%;background:#f6f6f6;padding:40px 16px;}
.ritavo-wood-store .ritavo-store__header { display: flex; justify-content: space-between; align-items: center; padding: 0px 40px;padding-bottom: 40px; }


}


@media (min-width: 1920px) {
.ritavo-wood-store .ritavo-store__grid.ritavo-store__grid--equal{display: grid; width: 100%; height: 100%;grid-template-columns: repeat(5, 1fr); gap: 16px;}
.ritavo-wood-store .ritavo-store__item-inner{position: relative;width: 100%;height: 278px;aspect-ratio: 364.8 / 278; -webkit-transition: all 1s;
    transition: all 1s;}
.ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-inner{height: 330px;}
.ritavo-store__item{height: 350px;}
.ritavo-wood-store .ritavo-store__subheading{font-weight: 500;font-size: 24px; line-height: 32px; color: #7B7B7B;text-transform: uppercase;}
.ritavo-wood-store .ritavo-store__heading{font-weight: 600; font-size: 40px; line-height: 48px; text-transform: uppercase;color: #0F0F0F;}
.ritavo-wood-store .ritavo-wood-store{width: 100%;background:#f6f6f6;padding:40px 16px;}
.ritavo-wood-store .ritavo-store__header { display: flex; justify-content: space-between; align-items: center; padding: 0px 80px;padding-bottom: 40px; }
.ritavo-wood-store .ritavo-store__item:hover .ritavo-store__item-inner{position: relative;width: 100%;height: 294px;aspect-ratio: 284 / 278; }

}
/* END_SECTION:ritavo-wood-store */

/* START_SECTION:ritavo-wood-svg (INDEX:102) */
.rt-svg {
    max-width: 100%;
    box-sizing: border-box;
    line-height: 0;
  }

  .rt-svg__picture {
    display: block;
    width: 100%;
  }

  .rt-svg__img {
    display: block;
    width: 100%;
    height: auto;
  }
/* END_SECTION:ritavo-wood-svg */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:ritavo-wood-product-card (INDEX:206) */
.rv-card {
    display: flex;
    flex-direction: column;
  }

  .rv-card__media {
    position: relative;
    aspect-ratio: 1.48 / 1; 
    overflow: hidden;
   
    background: #f2f2f2;
  }
.rv-card.is-expanded .rv-card__media img{transform: translateX(-50%);}
.rv-card.is-expanded .rv-card__media .rv-card__badge{right:50%;}
.rv-card__media img{ border-radius: 8px;}
.rv-card.is-expanded .rv-card__media{
  -webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;}
  .rv-card__img,
  .rv-card__img--placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
  }

 
 

  .rv-card__badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #d4a017;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 2px;
    z-index: 3;
    text-transform: uppercase;
    pointer-events: none;
  }

  .rv-card__select-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 8px;
    background: rgba(255, 255, 255, 0.93);
    color: #222;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    border: none;
    border-top: 1px solid #e8e8e8;
    cursor: pointer;
    text-align: center;
    transform: translateY(120%);
    transition: transform 0.25s ease;
    z-index: 2;
    border-radius: 8px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
  }

  .rv-card__media:hover .rv-card__select-btn {
    transform: translateY(0);
    color: #000;
    background: #fff;
  }

  .rv-card.is-expanded .rv-card__select-btn {
    display: none;
  }

  .rv-card__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    border-left: 1px solid #eee;
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 4;
    overflow-y: auto;
    padding: 10px 10px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    scrollbar-width: none;
  }

  .rv-card__panel::-webkit-scrollbar {
    display: none;
  }

  .rv-card.is-expanded .rv-card__panel {
    transform: translateX(0);
  }

  .rv-card__close {
    position: absolute;
    top: 6px;
    right: 8px;
    background: none;
    border: none;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    padding: 2px 4px;
    line-height: 1;
    z-index: 5;
  }

  .rv-card__close:hover {
    color: #000;
  }

  .rv-card__opt-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .rv-card__opt-label {
    font-size: 16px;
    color: #555;
    margin: 0;
    font-weight: 500;
  }

  .rv-card__opt-values {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  .rv-card__opt-btn {
    padding: 3px 10px;
    border: 1px solid #ccc;
    border-radius: 999px;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    white-space: nowrap;
    line-height: 1.4;
    color: #0f0f0f;
  }

  .rv-card__opt-btn.is-active {
    background: #FFF6E6; color: #996E1C; border-color: #996E1C;
  }

  .rv-card__opt-btn:hover:not(.is-active) {
    border-color: #888;
  }

  .rv-card__product-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin: 0;
    line-height: 1.4;
  }

  .rv-card__qty-row {
    display: flex;
    flex-direction: column;
    gap: 16px; margin-top: 32px;
  }

  .rv-card__qty {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    width: 90%;
  }

  .rv-card__qty-btn {
    width: 26px;
    height: 26px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: background 0.15s;
    flex-shrink: 0;
    border-radius: 0px;
  }

  .rv-card__qty-btn:hover {
    background: #e8e8e8;
  }

  .rv-card__qty-input {
    width: 100%;
    height: 26px;
    border: none;
    text-align: center;
    font-size: 12px;
    color: #222;
    padding: 0;
    -moz-appearance: textfield;
  }

  .rv-card__qty-input::-webkit-outer-spin-button,
  .rv-card__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  .rv-card__atc-btn {
    width: 100%;
    padding: 9px 6px;
    color: #0f0f0f;
   
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.04em;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.2s, opacity 0.2s;
    margin-top: auto;
    white-space: nowrap;
    position: relative;
  }
.rv-card__atc-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;
    background: #000;

    transform: scaleX(0);
    transform-origin: left;
    transform-origin: center;
    transition: transform 0.3s ease;
}

.rv-card__atc-btn:hover::before {
    transform: scaleX(1);
    transform-origin: center;
}
  .rv-card__atc-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .rv-card__msg {
    font-size: 10.5px;
    color: #cc1a1a;
    margin: 0;
    line-height: 1.3;
  }

  .rv-card__body {
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
.rvs-item:hover .rv-nguyenlan-sanpham .rv-card__type{color: #996e1c;}
  .rv-card__type {
    font-size: 12px;
    color: #888;
    margin: 0;
    line-height: 1.3;
  }

  .rv-card__name {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
    line-height: 1.38;
    text-transform: uppercase;
  }

  .rv-card__name:hover {
    text-decoration: underline;
  }

  .rv-card__price {
    font-size: 13px;
    font-weight: 600;
    color: #cc1a1a;
    margin: 0;
  }
.show-modbile{display:none;}
.show-modbile .dongss{display:none;}
  @media (max-width: 374px) {
    .rv-nguyenlan-sanpham .rv-card__type {
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #9E9E9E;
    }
    .rv-nguyenlan-sanpham .rv-card__name {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #0F0F0F;
    }
    .rv-nguyenlan-sanpham .rv-card__price {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #C42129;
    }
    .hide-mobi{display:none;}
    .show-modbile{display:block;}
    .show-modbile .dongss{display:none;}  
    .rv-card__media .rv-card__select-btn { display: block; transform: translateY(0); color: #000; background: #fff; width: 40px; height: 40px; margin-left: auto; display: flex; align-items: center; justify-content: center; align-content: center; }
    .rv-card.is-expanded .rv-card__select-btn { display: block;right:50%;}
    .rv-card.is-expanded .rv-card__select-btn .dongss{ display: block;}
    .rv-card.is-expanded .rv-card__select-btn .moss{ display: none;}


  }

  @media (min-width: 375px) and (max-width: 767px) {
    .rv-nguyenlan-sanpham .rv-card__type {
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #9E9E9E;
    }
    .rv-nguyenlan-sanpham .rv-card__name {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #0F0F0F;
    }
    .rv-nguyenlan-sanpham .rv-card__price {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #C42129;
    }
    .hide-mobi{display:none;}
    .show-modbile{display:block;}
    .show-modbile .dongss{display:none;}  
    .rv-card__media .rv-card__select-btn { display: block; transform: translateY(0); color: #000; background: #fff; width: 40px; height: 40px; margin-left: auto; display: flex; align-items: center; justify-content: center; align-content: center; }
    .rv-card.is-expanded .rv-card__select-btn { display: block;right:50%;}
    .rv-card.is-expanded .rv-card__select-btn .dongss{ display: block;}
    .rv-card.is-expanded .rv-card__select-btn .moss{ display: none;}

  }

  @media (min-width: 768px) and (max-width: 1279px) {
    .rv-nguyenlan-sanpham .rv-card__type {
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #9E9E9E;
    }
    .rv-nguyenlan-sanpham .rv-card__name {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #0F0F0F;
    }
    .rv-nguyenlan-sanpham .rv-card__price {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #C42129;
    }
    .rvs-grid {
      gap: 18px;
    }
    .hide-mobi{display:none;}
    .show-modbile{display:block;}
    .show-modbile .dongss{display:none;}  
    .rv-card__media .rv-card__select-btn { display: block; transform: translateY(0); color: #000; background: #fff; width: 40px; height: 40px; margin-left: auto; display: flex; align-items: center; justify-content: center; align-content: center; }
    .rv-card.is-expanded .rv-card__select-btn { display: block;right:50%;}
    .rv-card.is-expanded .rv-card__select-btn .dongss{ display: block;}
    .rv-card.is-expanded .rv-card__select-btn .moss{ display: none;}  


  }

  @media (min-width: 1280px) and (max-width: 1919px) {
    .rv-nguyenlan-sanpham .rv-card__type {
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #9E9E9E;
    }
    .rv-nguyenlan-sanpham .rv-card__name {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #0F0F0F;
    }
    .rv-nguyenlan-sanpham .rv-card__price {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #C42129;
    }
  }

  @media (min-width: 1920px) {
    .rv-nguyenlan-sanpham .rv-card__type {
      font-weight: 400;
      font-size: 12px;
      line-height: 20px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #9E9E9E;
    }
    .rv-nguyenlan-sanpham .rv-card__name {
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #0F0F0F;
    }
    .rv-nguyenlan-sanpham .rv-card__price {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #C42129;
    }
  }
/* END_SNIPPET:ritavo-wood-product-card */

/* START_SNIPPET:ritavo-wood-product-slider (INDEX:208) */
.rvs-grid {
    display: grid;
    grid-template-columns: repeat(var(--rvs-cols, 4), 1fr);
    gap: 16px;
  }

  .rvs-item[hidden] {
    display: none;
  }

  .rvs-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-top: 28px;
  }

  .rvs-nav__btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    padding: 0;
    transition: border-color 0.2s, color 0.2s;
    border: none;
  }

  .rvs-nav__btn:hover {
    border-color: #222;
    color: #000;border-radius:3px;
    background: #eeeeee;
  }

  .rvs-nav__dots {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .rvs-nav__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: transparent;
   border: 1px solid #9B9B9B;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, transform 0.2s;
  }

  .rvs-nav__dot.is-active {
    background:#996E1C;
    transform: scale(1.3);
  }
/* END_SNIPPET:ritavo-wood-product-slider */