/*
Theme Name: CLOUT HOUSE — Editorial
Theme URI: https://clouthouse.in/
Description: A monochrome, editorial fashion-house theme for CLOUT HOUSE. Built to work with Elementor Free and WooCommerce. Header and footer are controlled from WordPress Customizer; page content is editable in Elementor.
Author: CLOUT HOUSE
Version: 1.0.0
Text Domain: clout-house
*/

:root{--ch-black:#000;--ch-white:#fff;--ch-gray:#8a8a8a;--ch-line:rgba(0,0,0,.14);--ch-ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ch-theme{margin:0;background:#fff;color:#000;font-family:Inter,Arial,sans-serif}
body.ch-theme a{color:inherit;text-decoration:none}
body.ch-theme img{max-width:100%;height:auto}
body.ch-theme h1,body.ch-theme h2,body.ch-theme h3,body.ch-theme h4,body.ch-theme h5,body.ch-theme h6{font-family:"Bodoni Moda","Times New Roman",serif;font-weight:400;color:#000}

/* Header */
.ch-announcement{height:28px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font:500 9px/1 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;position:relative;z-index:1002}
.ch-site-header{position:relative;z-index:1000;background:#fff;color:#000;border-bottom:1px solid rgba(0,0,0,.08);transition:background .35s ease,color .35s ease,transform .45s var(--ch-ease)}
.ch-site-header.is-overlay{position:absolute;top:28px;left:0;right:0;background:transparent;color:#fff;border-bottom:0}
.ch-site-header.is-hidden{transform:translateY(-100%)}
.ch-header-inner{min-height:78px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.ch-nav{display:flex;align-items:center;gap:22px;min-width:0}
.ch-nav-right{justify-content:flex-end}
.ch-nav-link,.ch-logo-text,.ch-icon-link{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ch-nav-link{position:relative;padding:30px 0}
.ch-nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:1px;background:currentColor;transition:right .35s var(--ch-ease)}
.ch-nav-link:hover:after{right:0}
.ch-logo{display:flex;justify-content:center;align-items:center;line-height:1}
.ch-logo img{display:block;max-height:38px;width:auto}
.ch-logo-text{font-family:"Bodoni Moda","Times New Roman",serif;font-size:30px;letter-spacing:.025em;font-weight:400}
.ch-icon-link{display:inline-flex;align-items:center;gap:6px}
.ch-bag-count{font-size:9px;letter-spacing:0}
.ch-menu-toggle{display:none;background:none;border:0;color:currentColor;padding:10px 0;font:500 10px Inter,Arial,sans-serif;letter-spacing:.14em}

/* Mega menu — editorial fashion-house dropdown */
.ch-menu-item{position:static}
.ch-mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:#000;border-top:1px solid rgba(0,0,0,.10);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .22s ease,transform .32s var(--ch-ease),visibility .22s;box-shadow:0 18px 45px rgba(0,0,0,.10);z-index:20}
.ch-menu-item.has-mega:hover>.ch-mega,.ch-menu-item.has-mega:focus-within>.ch-mega,.ch-mega.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.ch-mega-inner{min-height:390px;padding:0 44px 38px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.95fr);gap:42px;max-width:1540px;margin:auto}
.ch-mega-links{padding:34px 42px 0 0;border-right:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:flex-start}
.ch-mega-title{font:500 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#777;margin-bottom:24px}
.ch-mega-links>a{display:block;font:400 13px/1.25 Inter,Arial,sans-serif;letter-spacing:.01em;margin:0 0 17px;transition:opacity .2s ease,transform .25s var(--ch-ease)}
.ch-mega-links>a:hover{opacity:.45;transform:translateX(3px)}
.ch-mega-features{padding:34px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-content:start}
.ch-mega-card{display:block;min-width:0}
.ch-mega-card-image{display:block;overflow:hidden;background:#f3f3f3;aspect-ratio:3/4}
.ch-mega-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ch-ease)}
.ch-mega-card:hover .ch-mega-card-image img{transform:scale(1.035)}
.ch-mega-card-label{display:block;margin-top:12px;font:500 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* Explore has a quieter single-column editorial panel */
.ch-menu-item.has-mega:not(:has(.ch-mega-features)) .ch-mega-inner{grid-template-columns:minmax(0,1fr);min-height:220px}
.ch-menu-item.has-mega:not(:has(.ch-mega-features)) .ch-mega-links{border-right:0;max-width:520px;padding-right:0}

/* Homepage overlay mega-menu: keep the dropdown above Elementor content and let the full editorial panel render. */
body.ch-home .ch-site-header.is-overlay{z-index:10000}
body.ch-home .ch-site-header.is-overlay .ch-mega{position:fixed;top:106px;left:0;right:0;max-height:calc(100vh - 106px);overflow:auto;z-index:10001}
body.ch-home .ch-site-header.is-overlay .ch-mega-inner{min-height:390px}

/* Overlay state */
body.ch-hero-dark .ch-site-header{background:transparent;color:#fff;border-color:transparent}
body.ch-hero-dark .ch-announcement{background:#000}
body.ch-hero-light .ch-site-header{background:transparent;color:#000;border-color:transparent}

/* Mobile menu */
.ch-mobile-panel{position:fixed;inset:0;background:#000;color:#fff;z-index:2000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .4s var(--ch-ease),visibility .3s;overflow:auto}
.ch-mobile-panel.is-open{opacity:1;visibility:visible;transform:none}
.ch-mobile-head{height:78px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18)}
.ch-mobile-close{border:0;background:none;color:#fff;font:500 10px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ch-mobile-links{padding:34px 20px 70px}
.ch-mobile-links .group-title{font:500 9px Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin:25px 0 12px}
.ch-mobile-links a{display:block;font:400 clamp(30px,9vw,54px)/1.05 "Bodoni Moda",serif;margin:7px 0}

/* Footer */
.ch-site-footer{background:#000;color:#fff;padding:72px 32px 20px}
.ch-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1500px;margin:auto;padding-bottom:70px}
.ch-footer-brand{font:400 clamp(42px,7vw,92px)/.9 "Bodoni Moda",serif;letter-spacing:-.04em}
.ch-footer-title{font:500 9px Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.45;margin-bottom:16px}
.ch-footer-links a{display:block;font:400 12px/1.8 Inter,Arial,sans-serif;opacity:.9;transition:opacity .2s ease}
.ch-footer-links a:hover{opacity:.45}
.ch-footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font:400 9px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.55}

/* Elementor */
.ch-elementor-home{width:100%;overflow:hidden}
.ch-elementor-home>.elementor{width:100%}
.ch-cinematic-hero{min-height:calc(100svh - 28px);position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#000;color:#fff}
.ch-cinematic-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.05) 48%,rgba(0,0,0,.62));pointer-events:none}
.ch-cinematic-hero>*{position:relative;z-index:2}
.ch-cinematic-hero .elementor-background-overlay{transition:transform 1.4s var(--ch-ease),opacity .8s ease}
.ch-cinematic-hero:hover .elementor-background-overlay{transform:scale(1.025)}
.ch-display-type .elementor-heading-title{font-family:"Bodoni Moda","Times New Roman",serif!important;font-size:clamp(52px,8vw,132px)!important;line-height:.86!important;letter-spacing:-.045em!important;font-weight:400!important}
.ch-kicker,.ch-kicker .elementor-heading-title{font:500 9px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.ch-editorial-link .elementor-button{background:transparent!important;color:currentColor!important;border:1px solid currentColor!important;border-radius:0!important;padding:13px 18px!important;font:500 9px Inter,Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;transition:background .35s var(--ch-ease),color .35s var(--ch-ease),transform .35s var(--ch-ease)!important}
.ch-editorial-link .elementor-button:hover{background:currentColor!important;color:#fff!important;transform:translateY(-2px)}
.ch-editorial-panel{min-height:80svh;position:relative;overflow:hidden}
.ch-image-panel{background-position:center;background-size:cover;background-repeat:no-repeat}
.ch-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ch-ease),transform .9s var(--ch-ease)}
.ch-reveal.is-visible{opacity:1;transform:none}
.ch-light-panel,.ch-light-panel .elementor-heading-title,.ch-light-panel p,.ch-light-panel a{color:#000!important}
.ch-dark-panel,.ch-dark-panel .elementor-heading-title,.ch-dark-panel p,.ch-dark-panel a{color:#fff!important}

/* WooCommerce — editorial product experience */
.woocommerce,.woocommerce-page{color:#000;background:#fff}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 12px;margin:0!important;padding:30px 3vw 90px!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:0!important}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:4/5;object-fit:cover;margin:0 0 12px!important;background:#f4f4f4}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:500 11px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.02em;color:#000!important;padding:0!important}
.woocommerce ul.products li.product .price{color:#000!important;font:400 11px Inter,Arial,sans-serif}
.woocommerce ul.products li.product .button{display:none}
.woocommerce span.onsale{border-radius:0;background:#000;color:#fff;font:500 8px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;min-height:0;line-height:1;padding:7px 8px}

/* Single product: large editorial gallery + clean information column */
.single-product .site-main,.single-product #primary{width:100%;max-width:none}
.single-product .woocommerce-breadcrumb{font:400 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0!important;padding:12px 28px!important;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.single-product div.product{padding:0 0 140px;display:grid;grid-template-columns:minmax(0,1.58fr) minmax(340px,.72fr);gap:0;align-items:start;min-height:100vh}
.single-product div.product .woocommerce-product-gallery{width:100%!important;max-width:none!important;margin:0!important;padding:28px 3vw 0!important;float:none!important}
.single-product div.product .woocommerce-product-gallery__wrapper{margin:0!important}
.single-product div.product .woocommerce-product-gallery__image img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;background:#f3f3f3}
.single-product div.product .woocommerce-product-gallery .flex-viewport{height:auto!important;overflow:hidden!important}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{display:flex!important;flex-direction:column;gap:10px;width:76px;margin:12px 0 0!important;padding:0!important;position:absolute;left:3vw;top:28px;z-index:3}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{width:76px!important;float:none!important;margin:0!important;list-style:none!important}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img{display:block;width:76px!important;height:96px!important;object-fit:cover!important;opacity:.65;transition:opacity .2s ease}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs .flex-active{opacity:1}
.single-product div.product .summary{position:sticky;top:0;height:max-content!important;margin:0!important;padding:86px 5vw 80px 4vw!important;align-self:start}
.single-product div.product .product_title{font:500 clamp(28px,3vw,44px)/1.02 Inter,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 28px!important;max-width:560px}
.single-product div.product .price{font:400 16px/1.2 Inter,Arial,sans-serif!important;color:#000!important;margin:0 0 34px!important}
.single-product div.product .woocommerce-product-details__short-description{font:400 13px/1.5 Inter,Arial,sans-serif;max-width:560px;margin:0 0 30px}
.single-product div.product form.cart{margin:0!important;max-width:560px}
.single-product div.product form.cart .quantity{margin:0 0 12px!important}
.single-product div.product form.cart .quantity input{height:44px;border:1px solid #000;border-radius:0;width:100%;font:400 13px Inter,Arial,sans-serif}
.single-product div.product form.cart .single_add_to_cart_button{display:block;width:100%;min-height:50px;border-radius:0;background:#000;color:#fff;border:1px solid #000;font:500 10px Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;padding:16px 20px}
.single-product div.product form.cart .single_add_to_cart_button:hover{background:#fff;color:#000}
.single-product div.product .product_meta{font:400 11px/1.5 Inter,Arial,sans-serif;margin-top:24px!important}
.single-product .woocommerce-tabs{padding:0 3vw 100px!important;margin:0!important;border-top:1px solid rgba(0,0,0,.08)}
.single-product .woocommerce-tabs ul.tabs{display:flex;gap:24px;margin:0!important;padding:24px 0!important}
.single-product .woocommerce-tabs ul.tabs li{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
.single-product .woocommerce-tabs ul.tabs li a{font:500 10px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.single-product .woocommerce-tabs .panel{max-width:760px;font:400 14px/1.6 Inter,Arial,sans-serif}
.single-product .related.products{clear:both;padding:0 3vw 110px!important;margin:0!important}
.single-product .related.products>h2{font:500 14px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px!important}
.woocommerce button.button,.woocommerce a.button,.woocommerce .button,.woocommerce input.button{border-radius:0;background:#000;color:#fff;border:1px solid #000;font:500 9px Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;padding:14px 20px}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce .button:hover,.woocommerce input.button:hover{background:#fff;color:#000}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid #000;border-radius:0;background:#fff;min-height:44px}

/* Keep the header available while browsing long product pages. */
body:not(.ch-home) .ch-site-header{position:sticky!important;top:0!important;transform:none!important}
body:not(.ch-home) .ch-site-header.is-hidden{transform:none!important}

/* Customizer controls don't use site accent colors; force monochrome UI on front-end */
.elementor-button{box-shadow:none}

@media(max-width:921px){
 .ch-header-inner{min-height:64px;padding:0 16px;grid-template-columns:1fr auto 1fr}
 .ch-nav-left,.ch-nav-right{display:none}.ch-menu-toggle{display:block;justify-self:start}
 .ch-mega{display:none!important}
 .ch-logo-text{font-size:22px}.ch-logo img{max-height:28px}
 .ch-cinematic-hero{min-height:calc(100svh - 28px)}
 .ch-display-type .elementor-heading-title{font-size:clamp(48px,14vw,86px)!important}
 .ch-editorial-panel{min-height:78svh}
 .ch-footer-grid{grid-template-columns:1fr 1fr;padding-bottom:50px}.ch-footer-brand{grid-column:1/-1}
 .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 8px;padding:20px 14px 60px!important}
 .single-product div.product{display:block;padding:60px 14px}.single-product div.product .summary{position:static;padding-top:30px}
}
@media(max-width:544px){
 .ch-announcement{height:25px;font-size:8px}
 .ch-site-header.is-overlay{top:25px}
 .ch-header-inner{min-height:60px}
 .ch-footer-grid{grid-template-columns:1fr;gap:32px}.ch-footer-brand{grid-column:auto}
 .ch-footer-bottom{flex-direction:column;gap:8px}
}
/* CLOUT HOUSE — v1.4 product layout + header stability patch
   Replace the current style.css with this file.
   Keep your style-backup.css untouched.
*/

/* =========================================================
   1. HEADER — NEVER DISAPPEAR ON HOMEPAGE
   ========================================================= */
body.ch-home .ch-site-header.is-overlay{
  position:fixed!important;
  top:28px!important;
  left:0!important;
  right:0!important;
  z-index:10000!important;
  transform:none!important;
}
body.ch-home .ch-site-header.is-overlay.is-hidden{
  transform:none!important;
}

/* On every non-home page keep the header accessible while scrolling. */
body:not(.ch-home) .ch-site-header,
body:not(.ch-home) .ch-site-header.is-hidden{
  position:sticky!important;
  top:0!important;
  transform:none!important;
}

/* =========================================================
   2. SINGLE PRODUCT — FIX THE GRID STRUCTURE
   The previous version put tabs + related products inside the
   same CSS grid as the gallery/summary. That caused the right
   column to overlap the related products.
   ========================================================= */
.single-product div.product{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr)!important;
  column-gap:0!important;
  row-gap:0!important;
  align-items:start!important;
  padding:0 0 120px!important;
  min-height:0!important;
}

.single-product div.product > .woocommerce-product-gallery{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:32px 3vw 0!important;
  float:none!important;
}

.single-product div.product > .summary{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  top:auto!important;
  align-self:start!important;
  width:100%!important;
  margin:0!important;
  padding:92px 5vw 80px 4vw!important;
  z-index:2!important;
}

/* Product description/tabs MUST span the full page width. */
.single-product div.product > .woocommerce-tabs{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
  padding:70px 3vw 90px!important;
  clear:both!important;
}

/* Related products MUST sit below the entire product area. */
.single-product div.product > .related.products{
  grid-column:1 / -1!important;
  grid-row:3!important;
  width:100%!important;
  clear:both!important;
  margin:0!important;
  padding:42px 3vw 110px!important;
  position:relative!important;
  z-index:1!important;
}

/* =========================================================
   3. PRODUCT GALLERY — LARGE, CLEAN, EDITORIAL
   ========================================================= */
.single-product div.product .woocommerce-product-gallery__wrapper{
  margin:0!important;
}

.single-product div.product .woocommerce-product-gallery__image{
  margin:0 0 12px!important;
}

.single-product div.product .woocommerce-product-gallery__image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
  background:#f3f3f3!important;
}

/* Put thumbnails inside the gallery instead of floating over the
   product information column. */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  position:static!important;
  margin:10px 0 0!important;
  padding:0!important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{
  width:76px!important;
  height:96px!important;
  float:none!important;
  margin:0!important;
  list-style:none!important;
  flex:0 0 76px!important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img{
  display:block!important;
  width:76px!important;
  height:96px!important;
  object-fit:cover!important;
  opacity:.55!important;
  transition:opacity .2s ease,transform .25s ease!important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs .flex-active{
  opacity:1!important;
}

/* =========================================================
   4. PRODUCT INFORMATION — CLEANER, LIKE THE REFERENCE
   ========================================================= */
.single-product div.product .product_title{
  font:500 clamp(32px,3.15vw,52px)/.94 Inter,Arial,sans-serif!important;
  letter-spacing:-.045em!important;
  margin:0 0 28px!important;
  max-width:600px!important;
}

.single-product div.product .price{
  display:block!important;
  font:400 16px/1.2 Inter,Arial,sans-serif!important;
  color:#000!important;
  margin:0 0 30px!important;
}

.single-product div.product .woocommerce-product-details__short-description{
  font:400 13px/1.55 Inter,Arial,sans-serif!important;
  max-width:520px!important;
  margin:0 0 30px!important;
}

.single-product div.product .product_meta{
  font:400 10px/1.5 Inter,Arial,sans-serif!important;
  margin-top:22px!important;
  letter-spacing:.03em!important;
}

/* Keep the purchase area clean. */
.single-product div.product form.cart{
  margin:0!important;
  max-width:560px!important;
}

.single-product div.product form.cart .quantity{
  margin:0 0 12px!important;
}

.single-product div.product form.cart .quantity input{
  height:44px!important;
  width:100%!important;
  border:1px solid #000!important;
  border-radius:0!important;
}

.single-product div.product form.cart .single_add_to_cart_button{
  display:block!important;
  width:100%!important;
  min-height:50px!important;
  background:#000!important;
  color:#fff!important;
  border:1px solid #000!important;
  border-radius:0!important;
  font:500 10px Inter,Arial,sans-serif!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  padding:16px 20px!important;
}

.single-product div.product form.cart .single_add_to_cart_button:hover{
  background:#fff!important;
  color:#000!important;
}

/* =========================================================
   5. DESCRIPTION — FULL-WIDTH, NO OVERLAP
   ========================================================= */
.single-product .woocommerce-tabs{
  border-top:1px solid rgba(0,0,0,.12)!important;
}

.single-product .woocommerce-tabs ul.tabs{
  display:flex!important;
  gap:24px!important;
  margin:0!important;
  padding:24px 0!important;
}

.single-product .woocommerce-tabs ul.tabs:before,
.single-product .woocommerce-tabs ul.tabs:after{
  display:none!important;
}

.single-product .woocommerce-tabs ul.tabs li{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}

.single-product .woocommerce-tabs ul.tabs li a{
  font:500 10px Inter,Arial,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.single-product .woocommerce-tabs .panel{
  max-width:900px!important;
  margin:22px 0 0!important;
  font:400 14px/1.65 Inter,Arial,sans-serif!important;
}

.single-product .woocommerce-tabs .panel h2{
  font:400 clamp(28px,3vw,42px)/1 "Bodoni Moda","Times New Roman",serif!important;
  letter-spacing:-.03em!important;
  margin:0 0 28px!important;
}

/* =========================================================
   6. RELATED PRODUCTS — LARGE 4-COLUMN FASHION GRID
   ========================================================= */
.single-product .related.products > h2{
  font:500 12px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  margin:0 0 28px!important;
}

.single-product .related.products ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px 12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.single-product .related.products ul.products li.product{
  width:auto!important;
  margin:0!important;
  padding:0!important;
}

.single-product .related.products ul.products li.product a img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  height:auto!important;
  object-fit:cover!important;
  margin:0 0 12px!important;
  background:#f3f3f3!important;
}

.single-product .related.products ul.products li.product .woocommerce-loop-product__title{
  font:500 10px/1.35 Inter,Arial,sans-serif!important;
  letter-spacing:.02em!important;
  color:#000!important;
  padding:0!important;
  margin:0!important;
}

.single-product .related.products ul.products li.product .price{
  display:block!important;
  color:#000!important;
  font:400 11px/1.3 Inter,Arial,sans-serif!important;
  margin-top:5px!important;
}

.single-product .related.products ul.products li.product .button{
  display:none!important;
}

/* =========================================================
   7. REMOVE THE UNWANTED WORDPRESS/WIDGET JUNK UNDER PRODUCTS
   ========================================================= */
.single-product #secondary,
.single-product .widget-area,
.single-product .sidebar,
.single-product aside.widget-area,
.single-product .site-sidebar,
.single-product .woocommerce-sidebar,
.single-product .wp-block-search,
.single-product .wp-block-archives,
.single-product .wp-block-categories,
.single-product .widget_search,
.single-product .widget_pages,
.single-product .widget_archive,
.single-product .widget_categories{
  display:none!important;
}

/* If a generic sidebar is rendered by a plugin/theme, remove it from
   the product layout without affecting the real product content. */
.single-product main + aside,
.single-product .content-area + aside{
  display:none!important;
}

/* =========================================================
   8. SHOP / CATEGORY PRODUCT IMAGES — DON'T DESTROY SOURCE PHOTOS
   ========================================================= */
.woocommerce ul.products li.product a img{
  width:100%!important;
  aspect-ratio:4/5!important;
  height:auto!important;
  object-fit:cover!important;
  margin:0 0 12px!important;
  background:#f3f3f3!important;
}

/* =========================================================
   9. MOBILE
   ========================================================= */
@media(max-width:921px){
  body.ch-home .ch-site-header.is-overlay{
    top:25px!important;
  }

  .single-product div.product{
    display:block!important;
    padding:30px 14px 80px!important;
  }

  .single-product div.product > .woocommerce-product-gallery,
  .single-product div.product > .summary,
  .single-product div.product > .woocommerce-tabs,
  .single-product div.product > .related.products{
    width:100%!important;
    display:block!important;
  }

  .single-product div.product > .woocommerce-product-gallery{
    padding:0!important;
  }

  .single-product div.product > .summary{
    padding:38px 0 60px!important;
  }

  .single-product div.product .product_title{
    font-size:clamp(32px,9vw,52px)!important;
  }

  .single-product div.product > .woocommerce-tabs{
    padding:45px 0 65px!important;
  }

  .single-product div.product > .related.products{
    padding:20px 0 70px!important;
  }

  .single-product .related.products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 8px!important;
  }
}

@media(max-width:544px){
  .single-product .related.products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li,
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs img{
    width:60px!important;
    height:76px!important;
  }
}


/* =========================================================
   CLOUT HOUSE FINAL POLISH — HEADER / WIDGETS / IMAGE QUALITY
   ========================================================= */

/* 1) ONE HEADER BEHAVIOUR ACROSS THE SITE
   White, fixed, readable. JS adds .is-hidden only while scrolling down.
   It returns immediately when the visitor scrolls upward. */
.ch-site-header,
.ch-site-header.is-overlay,
body.ch-home .ch-site-header,
body.ch-home .ch-site-header.is-overlay{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:10000!important;
  background:#fff!important;
  color:#000!important;
  border-bottom:1px solid rgba(0,0,0,.10)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.03)!important;
  transform:translateY(0)!important;
  transition:transform .38s cubic-bezier(.22,1,.36,1)!important;
}

.ch-site-header.is-hidden,
body.ch-home .ch-site-header.is-hidden{
  transform:translateY(-110%)!important;
}

.ch-site-header .ch-nav-link,
.ch-site-header .ch-logo-text,
.ch-site-header .ch-icon-link,
.ch-site-header .ch-menu-toggle{
  color:#000!important;
}

.ch-site-header .ch-header-inner{
  min-height:78px!important;
}

/* The homepage hero no longer has to carry an invisible overlay header. */
body.ch-home .ch-cinematic-hero{
  margin-top:0!important;
}

/* Keep dropdown attached to the visible fixed header. */
.ch-site-header .ch-mega{
  position:absolute!important;
  top:100%!important;
  left:0!important;
  right:0!important;
  max-height:calc(100vh - 78px)!important;
  overflow:auto!important;
}

/* 2) KILL DEFAULT WIDGET OUTPUT ON SINGLE PRODUCT PAGES
   This catches the classic Search / Pages / Archives / Categories block
   even when a plugin/theme renders it outside the usual .widget-area. */
.single-product .sidebar,
.single-product #secondary,
.single-product .widget-area,
.single-product .site-sidebar,
.single-product aside,
.single-product .wp-block-search,
.single-product .wp-block-archives,
.single-product .wp-block-categories,
.single-product .widget_search,
.single-product .widget_pages,
.single-product .widget_archive,
.single-product .widget_categories{
  display:none!important;
}

/* Never hide the product content itself if WooCommerce places an aside-like
   element inside its own product wrapper. */
.single-product div.product > aside{
  display:none!important;
}

/* 3) REMOVE THE EMPTY/DEFAULT CONTENT COLUMN THAT CREATES THE GIANT
   WHITE SIDEBAR GAP ABOVE THE DESCRIPTION. */
.single-product #primary,
.single-product .site-main,
.single-product main{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* 4) SHARP PRODUCT IMAGES
   Do not force a low-resolution crop. Preserve the original source ratio. */
body.ch-theme img{
  image-rendering:auto!important;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.single-product div.product .woocommerce-product-gallery__image img,
.single-product .related.products ul.products li.product a img{
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

/* Product cards: keep the entire 4:5 source visible rather than enlarging
   a smaller crop. */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.single-product .related.products ul.products li.product a img{
  object-fit:contain!important;
  background:#f5f5f5!important;
}

/* Main gallery: never crop or impose a small fixed box. */
.single-product div.product .woocommerce-product-gallery__image img{
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  background:#f7f7f7!important;
}

/* Thumbnails stay crisp and uniform. */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img{
  image-rendering:auto!important;
  object-fit:contain!important;
  background:#f5f5f5!important;
}

/* 5) RELATED PRODUCTS: TRUE FULL-WIDTH ROW */
.single-product div.product > .related.products{
  grid-column:1 / -1!important;
  width:100%!important;
  clear:both!important;
  float:none!important;
  position:relative!important;
  z-index:1!important;
}

.single-product .related.products ul.products{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px 12px!important;
  margin:0!important;
  padding:0!important;
}

.single-product .related.products ul.products:before,
.single-product .related.products ul.products:after{
  display:none!important;
}

/* 6) DESKTOP / MOBILE */
@media(max-width:921px){
  .ch-site-header,
  .ch-site-header.is-overlay,
  body.ch-home .ch-site-header,
  body.ch-home .ch-site-header.is-overlay{
    top:0!important;
  }

  .ch-site-header .ch-header-inner{
    min-height:68px!important;
  }

  .ch-site-header .ch-mega{
    top:100%!important;
    max-height:calc(100vh - 68px)!important;
  }

  .single-product .related.products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   CLOUT HOUSE — v1.6 FULL PRODUCT IMAGE FIX
   Keep the original uploaded aspect ratio. Never crop product media.
   ========================================================= */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.single-product div.product .woocommerce-product-gallery__image img,
.single-product .related.products ul.products li.product a img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#fff!important;
}

.woocommerce ul.products li.product a,
.single-product .related.products ul.products li.product a{
  display:block!important;
}

.single-product div.product .woocommerce-product-gallery__wrapper,
.single-product div.product .woocommerce-product-gallery__image{
  width:100%!important;
  margin:0!important;
}

.single-product div.product .woocommerce-product-gallery__image a{
  display:block!important;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#fff!important;
}