/* RONABE V1.30 — Página de Decoração */

body:has(.dec30-hero), body:has(.dec30-breadcrumb){
  background:#fff9f1;
}

body:has(.dec30-hero) .topbar,
body:has(.dec30-breadcrumb) .topbar{
  background:#b63518;
  color:#fff;
}

body:has(.dec30-hero) .header,
body:has(.dec30-breadcrumb) .header{
  background:#fffdf9;
}

body:has(.dec30-hero) .brand img,
body:has(.dec30-breadcrumb) .brand img{
  width:90px;
  height:90px;
  object-fit:contain;
  mix-blend-mode:multiply;
}

body:has(.dec30-hero) .quote-header,
body:has(.dec30-breadcrumb) .quote-header{
  background:#b63518;
  color:#fff;
  border:0;
}

.dec30-hero{
  padding:20px 0 8px;
  background:#fffaf4;
}

.dec30-hero__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:35px;
}

.dec30-kicker{
  color:#a17b69;
  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
}

.dec30-hero h1{
  margin:7px 0 5px;
  color:#a53a23;
  font:600 45px/1 "Cormorant Garamond",serif;
}

.dec30-hero p{
  margin:0;
  color:#5e5650;
  font-size:11px;
}

.dec30-dots{
  margin-top:8px;
  color:#d0a05e;
  letter-spacing:6px;
}

.dec30-hero__image{
  height:155px;
  overflow:hidden;
  border-radius:75px 0 0 75px;
}

.dec30-hero__image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.dec30-tabs{
  background:#fffaf4;
  padding:0 0 15px;
}

.dec30-tabs__inner{
  display:flex;
  gap:5px;
  padding:7px;
  overflow-x:auto;
  border:1px solid #e8ddd3;
  border-radius:10px;
  background:#fff;
}

.dec30-tabs a{
  min-width:max-content;
  padding:10px 18px;
  border-radius:20px;
  color:#5e554f;
  font-size:8px;
  font-weight:700;
}

.dec30-tabs a.is-active{
  background:#ae381e;
  color:#fff;
}

.dec30-main{
  padding:8px 0 30px;
}

.dec30-layout{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:22px;
  align-items:start;
}

.dec30-filters{
  padding:14px;
  border:1px solid #e6dad1;
  border-radius:8px;
  background:#fffdf9;
}

.dec30-filters h3{
  margin:0 0 12px;
  color:#a83a23;
  font-size:8px;
}

.dec30-filters fieldset{
  margin:0;
  padding:12px 0;
  border:0;
  border-top:1px solid #eee4dc;
}

.dec30-filters legend{
  margin-bottom:8px;
  color:#7d5748;
  font-size:7px;
  font-weight:800;
}

.dec30-filters label{
  min-height:21px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#615953;
  font-size:7px;
}

.dec30-filters input{
  accent-color:#b7371c;
}

.dec30-color i{
  width:10px;
  height:10px;
  flex:none;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.1);
  background:var(--swatch);
}

.dec30-filter-btn,.dec30-clear{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #c46f5b;
  border-radius:5px;
  background:#fff;
  color:#a7351d;
  font-size:7px;
  font-weight:800;
}

.dec30-filter-btn{cursor:pointer}
.dec30-clear{margin-top:7px}

.dec30-toolbar{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.dec30-toolbar>span{
  color:#625a55;
  font-size:8px;
}

.dec30-toolbar select{
  min-height:36px;
  border:1px solid #e1d5cc;
  border-radius:6px;
  padding:0 10px;
  background:#fff;
  color:#5c544e;
  font-size:8px;
}

.dec30-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.dec30-card{
  overflow:hidden;
  border:1px solid #e7ddd5;
  border-radius:9px;
  background:#fff;
  box-shadow:0 4px 14px rgba(69,43,28,.045);
}

.dec30-card__image{
  display:block;
  height:190px;
  overflow:hidden;
}

.dec30-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .18s ease;
}

.dec30-card:hover .dec30-card__image img{
  transform:scale(1.02);
}

.dec30-card__body{
  padding:11px;
}

.dec30-card h3{
  min-height:27px;
  margin:0 0 7px;
  color:#312a26;
  font:700 10px/1.35 Montserrat,Arial,sans-serif;
}

.dec30-card__meta{
  display:grid;
  gap:4px;
  min-height:46px;
  color:#75685f;
  font-size:7px;
}

.dec30-card__body>strong{
  display:block;
  margin:10px 0 8px;
  color:#af371c;
  font-size:13px;
}

.dec30-card__actions{
  display:grid;
  grid-template-columns:1fr 32px;
  gap:7px;
}

.dec30-card__actions a{
  min-height:31px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #c76f5a;
  border-radius:5px;
  color:#a6311a;
  font-size:7px;
  font-weight:800;
}

.dec30-card__actions button{
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:#b6381c;
  color:#fff;
  font-size:18px;
  cursor:pointer;
}

.dec30-empty{
  padding:35px;
  border:1px dashed #e1d5cc;
  border-radius:10px;
  color:#776b63;
  text-align:center;
  background:#fff;
}

.dec30-load{
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.dec30-load a{
  min-height:32px;
  padding:0 22px;
  display:flex;
  align-items:center;
  border:1px solid #c4725d;
  border-radius:5px;
  color:#a7361d;
  font-size:7px;
  font-weight:800;
}

.dec30-benefits{
  padding:18px 0;
  background:#fffaf4;
}

.dec30-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #e8ddd4;
  border-radius:9px;
  background:#fff;
}

.dec30-benefits article{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px 18px;
  border-right:1px solid #eee4dd;
}

.dec30-benefits article:last-child{border-right:0}
.dec30-benefits article>span{
  width:31px;height:31px;display:grid;place-items:center;flex:none;
  border:1px solid #ddb2a3;border-radius:50%;color:#b03920;
}
.dec30-benefits b{display:block;font-size:7px;color:#4e4742}
.dec30-benefits small{display:block;margin-top:2px;font-size:6.5px;color:#897d75;line-height:1.45}

.dec30-cta{
  padding:21px 0;
  background:#b73618;
  color:#fff;
}
.dec30-cta .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.dec30-cta h2{
  margin:0 0 4px;
  color:#fff;
  font:600 21px/1 "Cormorant Garamond",serif;
}
.dec30-cta p{margin:0;color:#fff0ea;font-size:8px}
.dec30-cta a{
  min-height:34px;padding:0 17px;display:flex;align-items:center;
  border:1px solid rgba(255,255,255,.8);border-radius:6px;color:#fff;font-size:7px;font-weight:800;
}

/* Detalhe do KIT no mesmo padrão */
body:has(.dec30-breadcrumb) .kit-detail{
  padding:20px 0 30px;
}
body:has(.dec30-breadcrumb) .kit-detail__grid{
  grid-template-columns:1.35fr 1fr;
  gap:28px;
}
.dec30-breadcrumb{
  display:flex;
  gap:7px;
  align-items:center;
  margin-bottom:10px;
  color:#9a8a80;
  font-size:7px;
}
.dec30-breadcrumb a{color:#8a796f}
.dec30-breadcrumb b{color:#5a504a}
body:has(.dec30-breadcrumb) .product-gallery-main{
  border-radius:10px;
  overflow:hidden;
  background:#efe6df;
}
body:has(.dec30-breadcrumb) .product-gallery-main img{
  width:100%;
  min-height:430px;
  max-height:520px;
  object-fit:cover;
}
body:has(.dec30-breadcrumb) .product-gallery-thumbs{
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
body:has(.dec30-breadcrumb) .product-gallery-thumb{
  border-radius:7px;
  overflow:hidden;
}
body:has(.dec30-breadcrumb) .kit-detail__content h1{
  margin:7px 0 5px;
  color:#3e332d;
  font:600 34px/1 "Cormorant Garamond",serif;
}
body:has(.dec30-breadcrumb) .detail-price{
  color:#b3351b;
  font-size:25px;
}
body:has(.dec30-breadcrumb) .kit-meta{
  display:grid;
  gap:8px;
  margin:14px 0;
  color:#675d56;
  font-size:9px;
}
body:has(.dec30-breadcrumb) .delivery-summary{
  border:0;
  background:transparent;
  padding:0;
}
body:has(.dec30-breadcrumb) .delivery-summary__head{
  margin-bottom:8px;
}
body:has(.dec30-breadcrumb) .delivery-summary__list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px 14px;
}
body:has(.dec30-breadcrumb) .builder-card{
  margin-top:18px;
  border:1px solid #e6d8cf;
  border-radius:10px;
  background:#fff;
}

body:has(.dec30-hero) .benefits-band,
body:has(.dec30-hero) .final-cta,
body:has(.dec30-breadcrumb) .benefits-band,
body:has(.dec30-breadcrumb) .final-cta{
  display:none;
}

@media(max-width:1050px){
  .dec30-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:820px){
  .dec30-layout{grid-template-columns:1fr}
  .dec30-filters{position:static}
  .dec30-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dec30-benefits__grid{grid-template-columns:1fr 1fr}
  .dec30-hero__grid{grid-template-columns:1fr 1fr}
  body:has(.dec30-breadcrumb) .kit-detail__grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .dec30-hero__grid{grid-template-columns:1fr}
  .dec30-hero h1{font-size:37px}
  .dec30-hero__image{height:145px}
  .dec30-toolbar{align-items:stretch;flex-direction:column}
  .dec30-grid{grid-template-columns:1fr 1fr;gap:9px}
  .dec30-card__image{height:145px}
  .dec30-card__body{padding:8px}
  .dec30-card h3{font-size:9px}
  .dec30-benefits__grid{grid-template-columns:1fr}
  .dec30-benefits article{border-right:0;border-bottom:1px solid #eee4dd}
  .dec30-cta .container{align-items:flex-start;flex-direction:column}
  body:has(.dec30-breadcrumb) .product-gallery-main img{min-height:320px}
  body:has(.dec30-breadcrumb) .delivery-summary__list{grid-template-columns:1fr}
}