:root{
  --cab-text:#2b2b2b;
  --cab-muted:#707070;
  --cab-border:#e8e8e8;
  --cab-chip:#f4f4f4;
  --cab-nav-color:#5f5f5f;
  --cab-nav-size:24px;
  --cab-columns:4;
}

.cabinet-cards,
.cabinet-archive{
  max-width:1470px;
  margin:50px auto;
  color:var(--cab-text);
}

.cabinet-header,
.cabinet-archive-header{
  text-align:center;
  margin:150px 0 80px;
}

.cab-label{
  display: none;
}

.cabinet-heading,
.cab-archive-title{
  margin: 80px 0 0;
  font-size: 38px;
  font-weight: 700;
}

.cabinet-desc,
.cab-archive-desc{
  color:var(--cab-muted);
  max-width:820px;
  margin:0 auto;
}

.cab-back{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #333;
  font-size: 15px;
  text-decoration: none;
  font-weight: 700;
}
.cab-back:before{
  content:"\2039";
  font-size:18px;
  line-height:1;
}

.cabinet-grid {
  display:grid;
  grid-template-columns:repeat(var(--cab-columns),minmax(0,1fr));
  gap:0;
}
@media (max-width:1024px){ .cabinet-grid{--cab-columns:3;} }
@media (max-width:768px){ .cabinet-grid{--cab-columns:2;} }
@media (max-width:520px){ .cabinet-grid{--cab-columns:1;} }

.cab-card {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:15px 20px;
  align-items: center;
}

.postid-14402 .cabinet-grid { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.postid-14402 .cab-card { justify-content: unset; align-items: unset; max-width: 300px; }

/* Media */
.cab-thumb{background:transparent;border:0;padding:0;}
.cab-thumb .media{
  border-radius: 8px;
  overflow: hidden;
  max-height: 200px;
  text-align: center;
  min-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cab-thumb img{
  display: block;
  width: auto;
  height: auto;
  margin: auto;
}
.door_style_image_box .cab-thumb .media {
  min-height: 300px;
}

/* Swiper: slides only, no arrows/dots in image */
.cab-card.has-slider .swiper{overflow:hidden;}
.cab-card.has-slider .swiper-button-prev,
.cab-card.has-slider .swiper-button-next,
.cab-card.has-slider .swiper-pagination{
  display:none !important;
}

/* Titles */
.cab-title{
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0 2px;
  color: #333;
  text-transform: capitalize;
}

.cab-title a{color:inherit;text-decoration:none;}

.cab-sub{
  text-align:center;
  font-size:15px;
  color:#333;
  line-height:1.5;
  text-transform: capitalize;
}

/* CTA row */
.cab-actions{
  display:flex;
  justify-content:center;
  margin:15px 0 20px;
}
.single-cabinet_sample .cab-actions { display: none; }

.cab-btn,
.cab-btn--disabled{
  border-radius:4px;
  padding:10px 16px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.02em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height: normal;
}
.cab-btn{
  border:1px solid #000;
  background:#fff;
  color:#333;
  text-decoration:none;
}
.cab-btn:hover, .cab-btn:active, .cab-btn:focus{
  background:#333;
  color:#fff;
  border: 1px solid #333;
}
.cab-btn--disabled{
  border: 1px solid #b8b8b8;
  background: #fff;
  color: #b8b8b8;
  cursor: not-allowed;
}

/* Dropdown */
.cab-dropdown{position:relative;}
.cab-caret{width:10px;height:10px;}
.cab-menu{
  position: absolute;
  top: calc(100% + 0px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 270px;
  padding:0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  z-index: 30;
  margin: 0 !important;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05);
}
.cab-menu li{list-style:none !important; margin: 0 !important;}
.cab-menu a{
  display:block;
  padding:5px;
  color:#333;
  text-decoration:none;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.cab-menu a:hover{background:#333; color: #fff;}

/* Swatches & swatch carousel */
.cab-swatches{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
  margin-top:10px;
}
.cab-swatches-label {
	font-size: 16px;
	color: #333;
	font-style: italic;
	font-weight: 400;
  	text-align: center;
	line-height: 1.2;
}
.cab-swatch-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  justify-content:center;
}
.cab-swatch-track{
  display:flex;
  gap:8px;
  overflow:hidden;
  max-width:220px;
  scroll-behavior:smooth;
}
.cab-swatch{
  width:24px;
  height:24px;
  border-radius:4px;
  border:1px solid rgba(0,0,0,.15);
  cursor:pointer;
  flex:0 0 24px;
}
.cab-swatch.active{
  border:1px solid #000;
}
.cab-sw-nav{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--cab-nav-size);
  height:var(--cab-nav-size);
  border-radius:0;
  border: none;
  background:none;
  color:var(--cab-nav-color);
  flex:0 0 auto;
  padding: 0;
}
.cab-sw-nav svg{
  width:55%;
  height:55%;
}
.cab-sw-nav:hover{background: none; box-shadow: none; border: 0;}
.cab-sw-nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.inner_cta_box h2 {
    text-align: center;
    font-weight: 600 !important;
    font-size: 18px !important;
    margin: 40px 0 20px;
    color: #333;
    padding: 0 15px;
    text-transform: capitalize;
}
.inner_cta_box p {
    font-size: 16px !important;
    color: #333;
    font-style: italic;
    font-weight: 400;
    text-align: center;
    max-width: 265px;
    margin: auto;
}
.checkmark_list li { list-style: none; padding: 0 0 0 35px; margin: 0; list-style-type: none !important; position: relative; }
.checkmark_list li::before { 
  content: url('data:image/svg+xml,<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.74414L5.52169 9.14052L13.5547 1" stroke="%23333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); 
  position: absolute;
  left: 0;
  top: 0;
}
.laminate_box { padding: 0 0 80px; margin: 0 0 80px; border-bottom: 1px solid #000; }
.browse_6_col_layout .wp-block-column p { font-size: 18px !important; line-height:1.2 !important; }


@media (max-width:1470px) {

  .inner_cta_box .wp-block-columns { padding: 0 15px !important; }
  .inner_cta_box h2 { padding: 0 15px !important; font-size: 18px !important; }
}
@media (min-width: 768px) and (max-width:1200px) {

  .inner_cta_box .wp-block-columns { padding: 0 15px !important; gap: 15px !important; }
  .inner_cta_box h2 { padding: 0 !important; font-size: 14px !important; }
}