/* ===== Global / Base ===== */
:root{
  --hero-min-h: 92vh;
  --overlay: rgba(0,0,0,.25);
  --pill-bg: #e44b3a;
  --pill-color: #fff;
  --text-light: #fff;
  --brand-color: #ffffff;
  --accent: #c85549;
  --footer-bg: #3a3329;
  --cta: #c85549;
  --cta-hover: #b24a40;
}
*{ box-sizing: border-box; }
body{
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #191919;
  background-color: #fff;
}

/* ===== Navbar / Hero ===== */
.brand-logo{ letter-spacing:.5px; }
.navbar .nav-link{ color: rgba(255,255,255,.9); }
.navbar .nav-link:hover{ color:#fff; }

/* ===== Mega menu ===== */
.navbar .dropdown.position-static{ position: static; }
.navbar .dropdown-menu.mega-menu{
  width: min(1120px, 94vw);
  left: 50%; transform: translateX(-50%);
  border-radius: 18px; border:0;
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
  background: #fff;
}
.mega-title{ font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; font-weight:800; color:#6c757d; }
.mega-link{ color:#2b2b2b; text-decoration:none; display:block; padding:.25rem 0; }
.mega-link:hover{ color: var(--accent); }

.promo-card{ position:relative; min-height:220px; border-radius:18px; overflow:hidden; background-size:cover; background-position:center; display:flex; }
.promo-card .promo-overlay{ position:absolute; inset:0; background: linear-gradient(to top right, rgba(0,0,0,.45), rgba(0,0,0,.15)); }
.promo-title{ font-family:'Playfair Display', serif; font-weight:700; line-height:1.1; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.promo-cta{ font-weight:600; opacity:.95; }

@media (max-width: 991.98px){
  .navbar .dropdown-menu.mega-menu{ width: 100%; left:0; transform:none; border-radius:0; }
}
.pill-active{
  background: var(--pill-bg); color: var(--pill-color);
  padding:.35rem .9rem; border-radius:999px; display:inline-flex; align-items:center; gap:.25rem;
}
.hero{
  min-height: var(--hero-min-h);
  position: relative; overflow: hidden; color: var(--text-light);
}
.video-bg{ position:absolute; inset:0; overflow:hidden; }
.hero-video{ width:100%; height:100%; object-fit:cover; filter:saturate(.98) contrast(1.02); }
.hero-bg{
  position: absolute; inset:0;
  background-image: url('https://images.unsplash.com/photo-1616596874779-2b83a2b5bf9c?q=80&w=1920&auto=format&fit=crop');
  background-size: cover; background-position: center; transform: scale(1.02);
}
.overlay{ position:absolute; inset:0; background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.35)); }
.title{  margin-top: 30px; font-family:'Playfair Display', serif; font-weight:700; letter-spacing:-.3px; text-shadow:0 2px 12px rgba(0,0,0,.25); }
.lead{ color: rgba(255,255,255,.9); }
.hero-cta{ transition: transform .2s ease, box-shadow .2s ease; }
.hero-cta:hover{ transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.tracking-wide{ letter-spacing:.15em; }
/* ===== Feature split ===== */
.feature-wrap .title{ letter-spacing: -.3px; }
.text-accent{ color: var(--accent); }
.btn-outline-accent{ --bs-btn-border-color: var(--accent); --bs-btn-color: var(--accent); --bs-btn-hover-bg: var(--accent); --bs-btn-hover-border-color:var(--accent); --bs-btn-hover-color:#fff; }
.icon-badge{ width:40px; height:40px; border:1px solid rgba(0,0,0,.1); border-radius:10px; display:grid; place-items:center; color:var(--accent); font-size:1.2rem; }
.images-wrap{ min-height:470px; }
.img-card{ background:#f6f6f6; border-radius:22px; overflow:hidden; max-width:330px; }
.img-card img{ width:100%; height:100%; object-fit:cover; }
.rosette-badge{ position:absolute; left:52%; top:40%; transform:translate(-50%,-50%); width:136px; height:136px; color:#fff; user-select:none; pointer-events:none; }
.rosette-badge::before{ content:''; position:absolute; inset:0; border-radius:50%; background: radial-gradient(circle at 50% 50%, var(--accent) 62%, transparent 62%) center/100% 100% no-repeat, conic-gradient(from 0deg, var(--accent) 0 10%, transparent 10% 20%) center/20% 20% repeat; filter: drop-shadow(0 6px 12px rgba(0,0,0,.15)); }
.rosette-badge::after{ content:''; position:absolute; inset:14px; background: var(--accent); border-radius:50%; }
.rosette-badge .inner{ position:absolute; inset:0; display:grid; place-items:center; font-weight:700; line-height:1.1; z-index:1; }
.rosette-badge .ring{ position:absolute; inset:0; display:grid; place-items:center; font-size:.55rem; letter-spacing:.25em; text-transform:uppercase; opacity:.85; z-index:1; }
/* ===== Marquee ===== */
.marquee-section{ background:#3a3329; color:#fff; overflow:hidden; }
.marquee{ display:flex; align-items:center; white-space:nowrap; overflow:hidden; }
.marquee-content{ display:flex; animation: marquee 18s linear infinite; }
.marquee-text{ font-family:'Playfair Display', serif; color:#fff; font-size:2.2rem; font-weight:600; margin:0 3rem; display:flex; align-items:center; gap:1.5rem; }
.marquee .img-wrap{ display:inline-block; border-radius:50%; overflow:hidden; width:90px; height:90px; flex-shrink:0; }
.marquee .img-wrap img{ width:100%; height:100%; object-fit:cover; }
@keyframes marquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }
/* ===== Categories slider ===== */
.category-section{ position:relative; min-height:560px; overflow:hidden; }
.bg-image{ position:absolute; inset:0; background-image:url('https://images.unsplash.com/photo-1560185008-b033106af2fb?q=80&w=1920&auto=format&fit=crop'); background-size:cover; background-position:center; transform:scale(1.05); }
.bg-overlay{ position:absolute; inset:0; background: rgba(0,0,0,.35); backdrop-filter: blur(.5px); }
.category-section .title{ font-family:'Playfair Display', serif; letter-spacing:-.3px; }
.nav-controls .btn-circle{ width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.35); color:#fff; background: rgba(255,255,255,.08); backdrop-filter: blur(2px); }
.nav-controls .btn-circle:hover{ background: rgba(255,255,255,.18); }
#categoryTrack{ scroll-behavior:smooth; }
.category-scroller{ overflow-x:auto !important; overflow-y:hidden !important; }
.category-scroller{ -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
.category-scroller::-webkit-scrollbar{ display:none; height:0; }
.cat-card{ width:320px; min-width:320px; background:#fff; border-radius:22px; padding:2.2rem 1.6rem 1.6rem; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.1); }
.circle-img{ width:220px; height:220px; margin:0 auto 1.25rem; border-radius:50%; overflow:hidden; background:#f3f3f3; display:grid; place-items:center; }
.circle-img img{ width:100%; height:100%; object-fit:cover; }
.cat-title{ font-size:1.25rem; font-weight:600; margin:.25rem 0; }
.cat-sub{ font-size:.85rem; color:#6c757d; }
@media (max-width:575.98px){ .cat-card{ width:85vw; min-width:85vw; } .circle-img{ width:68vw; height:68vw; max-width:280px; max-height:280px; } }
/* ===== Sale grid with hover swap ===== */
.sale-section .nav-link{ color:#555; }
.sale-section .nav-link.active{ color:var(--accent); }
.product-card{ border-radius:18px; overflow:hidden; background:#fff; transition:all .25s ease; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.product-card:hover{ transform:translateY(-4px); box-shadow:0 12px 24px rgba(0,0,0,.12); }
.img-wrap{ position:relative; background:#f8f8f8; overflow:hidden; aspect-ratio:1/1; display:block; border-radius:22px; }
.img-wrap img{ width:100%; height:100%; object-fit:contain; transition:opacity .4s ease; }
.img-wrap .hover-img{ position:absolute; inset:0; opacity:0; }
.product-card:hover .hover-img{ opacity:1; }
.product-card:hover .main-img{ opacity:0; }
.sale-badge{ position:absolute; top:12px; left:12px; background:#b3503f; color:#fff; border-radius:999px; font-size:.75rem; padding:.35rem .8rem; font-weight:600; z-index:1; }
/* Product actions + swatches */
.swatches{ position:absolute; left:50%; bottom:12px; transform:translateX(-50%); display:flex; align-items:center; gap:.5rem; background:#fff; padding:.4rem .6rem; border-radius:999px; box-shadow:0 8px 20px rgba(0,0,0,.12); z-index:2; }
.swatches .dot{ width:12px; height:12px; border-radius:50%; background: var(--c,#000); border:1px solid rgba(0,0,0,.08); display:inline-block; }
.swatches .more{ color:#6c757d; }
.product-card:hover .swatches{ opacity:0; transform:translate(-50%, 8px); transition: all .25s ease; }
.quick-actions{ position:absolute; left:50%; bottom:12px; transform:translate(-50%, 12px); display:flex; gap:.5rem; opacity:0; pointer-events:none; z-index:3; transition: all .25s ease; }
.qa-btn{ width:44px; height:44px; border-radius:50%; background:#fff; color:#1f2937; display:grid; place-items:center; text-decoration:none; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.qa-btn:hover{ background:#f3f4f6; color:#111827; }
.product-card:hover .quick-actions{ opacity:1; transform:translate(-50%, 0); pointer-events:auto; }
/* ===== Hero carousel ===== */
.hero-carousel{ position:relative; min-height:92vh; color:#fff; }
.hero-carousel .carousel-item{ position:relative; min-height:92vh; }
.hero-carousel .bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.03); filter:saturate(.95) contrast(1.02); }
.hero-carousel .overlay{ position:absolute; inset:0; background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.35)); }
.caption{ transform:translateY(10px); opacity:0; transition: all .6s ease; }
.carousel-item.active .caption{ transform:translateY(0); opacity:1; }
.hero-carousel .title{ font-family:'Playfair Display', serif; font-weight:700; line-height:1.05; text-shadow:0 2px 16px rgba(0,0,0,.35); }
.eyebrow{ letter-spacing:.15em; text-transform:uppercase; opacity:.9; font-size:.85rem; font-weight:700; }
.carousel-indicators [data-bs-target]{ width:36px; height:4px; border-radius:999px; background: rgba(255,255,255,.45); }
.carousel-indicators .active{ background:#fff; }
.carousel-control-prev-icon, .carousel-control-next-icon{ filter: invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.4)); }
/* ===== Footer ===== */
.site-footer{ background: var(--footer-bg); }
.left-pane{ border-right: 1px solid rgba(255,255,255,.08); }
.brand{ font-family:'Playfair Display', serif; }
.footer-logo{ height: 150px; display:block; }
.hr-soft{ border-color: rgba(255,255,255,.15); opacity:.6; }
.footer-links li + li{ margin-top:.5rem; }
.footer-links a{ color: rgba(255,255,255,.7); text-decoration:none; }
.footer-links a:hover{ color:#fff; }
.right-pane{ min-height: 520px; }
.newsletter-bg{ position:absolute; inset:0; background-image:url('../images/footer-img.jfif'); background-size: cover; background-position:center; }
.site-footer .overlay{ position:absolute; inset:0; background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.5)); }
.newsletter{ max-width: 640px; }
.btn-cta{ background: var(--cta); border: none; color:#fff; font-weight:600; }
.btn-cta:hover{ background: var(--cta-hover); color:#fff; }
.back-to-top{ bottom:18px; right:18px; width:44px; height:44px; display:none; border:0; opacity:.9; }
.back-to-top.show{ display:block; }
/* ===== Responsive ===== */
@media (max-width: 991.98px){
  .title{ font-size: 2.75rem; }
  .left-pane{ border-right: 0; }
  .right-pane{ min-height: 420px; }
}
@media (min-width: 992px){ .title{ font-size: 4.2rem; } }

/* ===== Split Showcase ===== */
.split-showcase{ background:#3a3329; color:#fff; position:relative; overflow:hidden; }
.split-showcase .title{ margin-top:0; }
.split-showcase .text-white-75{ color: rgba(255,255,255,.8) !important; }
.art-wrap{ position:relative; max-width: 560px; height:auto; }
.circle-media{ position:relative; z-index: 3; width: 520px; max-width: 88vw; aspect-ratio: 1/1; border-radius:50%; background-size:cover; background-position:center; margin-inline:auto; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.side-photo{ z-index: 1; position:absolute; right:-8%; bottom:-6%; width: 100%; border-radius:18px; box-shadow:0 20px 60px rgba(0,0,0,.35); }
@media (max-width: 991.98px){
  .side-photo{ position:relative; right:auto; bottom:auto; width:80%; display:block; margin: -24px auto 0; }
}
/* ===== Contact Page ===== */
.page-hero{
  min-height: 56vh;
  position: relative;
  overflow: hidden;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 140px 0 100px;
}
.page-hero .hero-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
  filter: saturate(.96) contrast(1.03);
}
.page-hero .overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.45));
}
.page-hero .page-title{ font-family:'Playfair Display', serif; letter-spacing:-.25px; }
.contact-breadcrumb .breadcrumb{ background: transparent; margin-bottom: 0; }
.contact-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color: rgba(255,255,255,.75); }
.contact-breadcrumb .breadcrumb-item a{ color:#fff; text-decoration:none; }
.contact-breadcrumb .breadcrumb-item a:hover{ color:#f8f9fa; }
.contact-breadcrumb .breadcrumb-item.active{ color: rgba(255,255,255,.85); }
.contact-main{ background: #fff; }
.contact-intro{ max-width: 680px; margin: 0 auto 2.25rem; }
.contact-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 18px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 16px 40px rgba(0,0,0,.06);
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
}
.contact-card .icon-bubble{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(200,85,73,.1);
  color: var(--accent);
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  flex-shrink: 0;
}
.contact-card h5{ margin-bottom: .35rem; font-weight: 700; }
.contact-card .text-muted{ line-height: 1.6; }
.section-divider{ border-color: rgba(0,0,0,.08); opacity: 1; }
.contact-form .form-control{
  border-radius: 999px;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  padding: .9rem 1.1rem;
}
.contact-form textarea.form-control{
  border-radius: 18px;
  min-height: 170px;
  resize: vertical;
}
.contact-form .form-control:focus{
  border-color: var(--accent);
  box-shadow: 0 0 0 0.15rem rgba(200,85,73,.16);
  background: #fff;
}
.contact-visual{
  min-height: 420px;
  background: #f6f6f6;
  border-radius: 20px;
}
.contact-visual img{ height: 100%; width: 100%; object-fit: cover; }
@media (max-width: 991.98px){
  .page-hero{ min-height: 48vh; padding: 120px 0 80px; }
  .contact-visual{ min-height: 280px; }
}

/* ===== About Page ===== */
.about-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.5)); }
.about-intro{ background:#fff; }
.about-intro .stats-row .display-6{ font-size: 2.75rem; }
.about-visual{ min-height: 440px; position:relative; display:grid; place-items:center; }
.about-visual .photo-main{ width: 100%; max-width: 420px; height: 380px; background:#f7f7f7; }
.circle-overlay{ position:absolute; left:-8%; bottom:18%; width: 200px; height: 200px; background-size:cover; background-position:center; border-radius:50%; box-shadow:0 18px 40px rgba(0,0,0,.18); }
.badge-stamp{
  position:absolute;
  top:16%; right:8%;
  background: var(--accent);
  color:#fff;
  padding: 0.75rem 1rem;
  border-radius: 18px;
  font-weight:700;
  box-shadow:0 14px 32px rgba(0,0,0,.16);
  z-index:2;
}

.why-choose{ min-height: 420px; }
.why-image{ min-height: 420px; background-size:cover; background-position:center; }
.why-text{ background:#4a4435; }

.testimonials .testimonial-photo{ min-height: 340px; background:#f7f7f7; }
.testimonial-list .avatar{ width:50px; height:50px; object-fit:cover; }
.testimonial-list li{ background:#fff; border-radius:12px; }
.testimonial-list li + li{ margin-top: .5rem; }

@media (max-width: 991.98px){
  .about-visual{ margin-top: 2rem; }
  .circle-overlay{ left: 50%; transform: translateX(-50%); bottom: auto; top: -14%; }
  .badge-stamp{ right: 12%; top: 6%; }
  .why-choose{ flex-direction: column; }
  .why-text .container{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
}

/* ===== Shop Page ===== */
.shop-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.45)); }
.shop-layout .shop-widget{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:1.1rem 1.25rem;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
}
.shop-widget + .shop-widget{ margin-top: 1.25rem; }
.shop-filter-list li + li{ margin-top:.5rem; }
.shop-filter-list .form-check-input{ width:16px; height:16px; margin-top:0; }
.shop-toolbar .btn-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; }
.shop-toolbar .btn-icon.active{ background: var(--accent); color:#fff; border-color: var(--accent); }
.shop-grid .product-card{ box-shadow:0 10px 28px rgba(0,0,0,.08); }
.shop-grid .product-card .img-wrap{ border-radius:18px; }
.shop-grid .product-card .price{ display:flex; align-items:center; gap:.4rem; }
.shop-grid .product-card .rating{ font-size:.85rem; }
.shop-grid .swatches{ bottom: 14px; }
.shop-grid .quick-actions{ bottom: 14px; }

@media (max-width: 991.98px){
  .shop-layout aside{ order:2; }
  .shop-layout .col-lg-9{ order:1; }
}
/* ===== Product Detail ===== */
.product-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.4)); }
.product-detail .product-gallery{ background:#f8f8f8; padding: 1rem; border-radius: 18px; }
.zoom-wrapper{ position:relative; overflow:hidden; border-radius:18px; cursor:zoom-in; background:#fff; }
.zoom-wrapper img{ transition: transform .35s ease, transform-origin .2s ease; display:block; width:100%; }
.zoom-wrapper.zooming img{ transform: scale(1.6); }
.product-thumb{ border:2px solid transparent; border-radius:16px; padding:0; width:84px; height:84px; background:#fff; overflow:hidden; position:relative; cursor:pointer; transition:border-color .2s ease, box-shadow .2s ease; display:inline-flex; align-items:center; justify-content:center; }
.product-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.product-thumb .thumb-icon{ position:absolute; right:8px; bottom:8px; width:26px; height:26px; border-radius:8px; background:rgba(0,0,0,.55); color:#fff; display:grid; place-items:center; font-size:.85rem; }
.product-thumb.video{ border-color:#d1d5db; }
.product-thumb.video:hover{ border-color:rgba(0,0,0,.3); }
.product-thumb .video-thumb-icon {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: 2px solid #1f2937;
    color: #1f2937;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
}
.product-thumb.active{ border-color: var(--accent); box-shadow:0 10px 20px rgba(0,0,0,.12); }
.product-thumb:not(.active):hover{ border-color: rgba(0,0,0,.2); }
.product-detail h2{ font-size: 2rem; } 
.quantity-control{ gap:.75rem; min-width: 160px; height: 50px; }
.quantity-control input{ max-width: 56px; text-align:center; }
.product-meta li + li{ margin-top:.45rem; }
.product-tabs .nav-pills .nav-link{ border-radius: 999px; padding: .65rem 1.1rem; color:#333; border:1px solid #ddd; background:#fff; }
.product-tabs .nav-pills .nav-link.active{ background: var(--accent); color:#fff; border-color: var(--accent); }
.related-products .product-card{ box-shadow:0 12px 30px rgba(0,0,0,.07); }
.related-products .product-card .img-wrap{ border-radius:18px; }
@media (max-width: 991.98px){
  .product-detail .product-gallery{ margin-bottom: 1rem; }
}
/* ===== 404 Page ===== */
.error-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.5)); }
.error-section{ background:#fff; }
.error-illustration{ max-width: 520px; }
.error-section .h3{ font-size: 1.75rem; }
/* ===== Blog Page ===== */
.blog-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.45)); }
.blog-section .blog-card{ padding:1rem 0 1.25rem; border-bottom:1px solid rgba(0,0,0,.06); }
.blog-section .blog-card:last-child{ border-bottom:0; }
.blog-thumb{ width: 200px; height: 150px; overflow:hidden; }
.blog-thumb img{ width:100%; height:100%; object-fit:cover; }
.blog-section .dot{ width:8px; height:8px; border-radius:50%; background: var(--accent); display:inline-block; }
.read-more{ font-weight:600; text-decoration:none; }
.read-more:hover{ text-decoration:underline; }
.sidebar-widget{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:1rem 1.1rem; box-shadow:0 10px 24px rgba(0,0,0,.06); }
.sidebar-widget .input-group .form-control{ border-radius:999px 0 0 999px; }
.sidebar-widget .input-group .btn{ border-radius:0 999px 999px 0; }
.blog-cats li + li{ margin-top:.4rem; }
.blog-cats a{ color:#3a3329; text-decoration:none; display:flex; justify-content:space-between; padding:.25rem 0; }
.blog-cats a:hover{ color: var(--accent); }
@media (max-width: 991.98px){
  .blog-card{ flex-direction: column; }
  .blog-thumb{ width:100%; height: 200px; }
}
/* ===== Blog Detail ===== */
.blog-detail-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.45)); }
.blog-detail .quote-box{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:1.5rem; box-shadow:0 12px 28px rgba(0,0,0,.06); }
.tag-pill{ display:inline-block; padding:.35rem .8rem; border-radius:999px; background:#f5f5f5; font-size:.85rem; color:#444; border:1px solid rgba(0,0,0,.05); }
.comment-box{ background:#fff; border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 24px rgba(0,0,0,.06); }
.sidebar-ad{ min-height: 260px; background-size:cover; background-position:center; }

/* ===== Home blog ===== */
.home-blog-section{ background: linear-gradient(180deg, #faf7f3 0%, #ffffff 100%); }
.home-blog-card{ border-radius:18px; background:#fff; overflow:hidden; transition: transform .2s ease, box-shadow .2s ease; }
.home-blog-card:hover{ transform: translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.12); }
.home-blog-card .thumb-wrap{ aspect-ratio:4/3; overflow:hidden; background:#f6f6f6; }
.home-blog-card img{ width:100%; height:100%; object-fit:cover; }
.home-blog-card .read-more{ text-decoration:none; }

/* ===== Legal Pages ===== */
.legal-hero .overlay{ background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.5)); }
.legal-content .legal-card{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:1.25rem 1.35rem; box-shadow:0 12px 30px rgba(0,0,0,.06); }
.legal-content h5{ margin-top:1rem; margin-bottom:.35rem; font-weight:700; }
.legal-content ul{ padding-left:1rem; }
.legal-content ul li{ margin-bottom:.35rem; }