
/* =========================================================
   BUARA Classic v1.2.0 — Old React Visual Polish
   Pure CSS polish for the PHP/WooCommerce theme.
   ========================================================= */

:root{
  --br-bg:#0b0b0e;
  --br-panel:#121216;
  --br-panel-2:#17171c;
  --br-line:#292931;
  --br-line-soft:#222228;
  --br-text:#f6f3ed;
  --br-muted:#96949c;
  --br-gold:#d1b47d;
  --br-gold-2:#c5a880;
  --br-sale:#ff3d5f;
}

/* Global rhythm / font treatment */
html{background:var(--br-bg)}
body{
  background:var(--br-bg);
  color:var(--br-text);
  font-family:"Plus Jakarta Sans",Inter,Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.buara-container{
  width:min(1120px,calc(100% - 34px));
}
.buara-serif,
.buara-section-head h2,
.buara-card-name,
.buara-summary-old h1,
.buara-quick-title,
.buara-product-title{
  font-family:Georgia,"Times New Roman",serif;
}

/* Top utility bar — match the compact React header */
.buara-topbar{
  height:31px;
  background:#050506;
  border-bottom:1px solid #202024;
  color:#d7c4a3;
  font-size:9px;
}
.buara-topbar-inner{
  min-height:31px!important;
  height:31px;
}
.buara-prive{
  min-height:17px;
  padding:2px 7px;
  border-radius:3px;
  background:#d1b47d;
  color:#0b0b0d;
  font-size:8px;
  letter-spacing:.12em;
}
.buara-toplinks a{
  min-height:31px!important;
  padding:0 14px!important;
  font-size:9px!important;
  color:#cdb783!important;
}

/* Header geometry / nav */
.buara-header{
  background:#0d0d10;
  border-bottom:1px solid #24242a;
  box-shadow:none;
}
.buara-header-inner{
  height:72px!important;
  gap:26px!important;
}
.buara-logo{
  min-width:172px!important;
}
.buara-logo-main{
  font-size:25px;
  letter-spacing:.20em;
}
.buara-logo-sub{
  margin-top:4px;
  font-size:7px;
  letter-spacing:.48em;
}
.buara-mainnav{
  gap:27px!important;
}
.buara-mainnav a,
.buara-navitem>a{
  position:relative;
  font-size:11px!important;
  font-weight:800;
  letter-spacing:-.01em;
}
.buara-mainnav a:after,
.buara-navitem>a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-11px;
  height:2px;
  border-radius:2px;
  background:var(--br-gold);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.buara-mainnav a:not(.buara-sale-link):hover:after,
.buara-navitem>a:hover:after{
  transform:scaleX(1);
}
.buara-mainnav .buara-sale-link:after{
  content:none!important;
  display:none!important;
}
.buara-has-dropdown>.buara-dropdown{
  top:calc(100% + 11px)!important;
  left:-12px!important;
  min-width:188px!important;
  border-radius:9px!important;
  padding:5px!important;
  border-color:#2a2a31!important;
  background:#17171c!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42)!important;
}
.buara-dropdown a{
  padding:9px 10px!important;
  border-radius:6px!important;
  font-size:10px!important;
}
.buara-actions{gap:4px!important}
.buara-head-round{
  width:34px!important;height:34px!important;
}
.buara-head-round svg{width:17px!important;height:17px!important}
.buara-account-action{
  font-size:10px!important;
}
.buara-bag{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:10px!important;
  background:#17171a!important;
  border-color:#3b342a!important;
}
.buara-bag .buara-count{
  min-width:19px;height:19px;font-size:9px;
}

/* Homepage hero — same cinematic proportions */
.buara-home-slider{
  height:650px!important;
  background:#09090b!important;
}
.buara-home-slide>img{
  transform:scale(1.002);
}
.buara-home-slide-overlay{
  background:
    linear-gradient(90deg,rgba(31,1,7,.78) 0%,rgba(20,0,5,.48) 42%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.02) 100%)!important;
}
.buara-home-slide-inner{
  align-items:center!important;
}
.buara-home-copy{
  max-width:545px!important;
}
.buara-home-copy .buara-eyebrow{
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.10em!important;
}
.buara-home-copy h1{
  margin:20px 0 14px!important;
  font-size:56px!important;
  line-height:1.03!important;
  letter-spacing:-.025em;
}
.buara-home-copy h1 em{
  color:#f0e2ca!important;
  font-weight:400!important;
}
.buara-home-copy p{
  max-width:470px!important;
  margin:0;
  font-size:13px!important;
  line-height:1.62!important;
  color:#e4d9cd!important;
}
.buara-home-copy .buara-cta-row{
  gap:11px!important;
  margin-top:24px!important;
}
.buara-home-copy .buara-btn{
  min-height:43px!important;
  padding:0 22px!important;
  font-size:9px!important;
  border-radius:999px!important;
}
.buara-home-arrow{
  width:38px!important;height:38px!important;
  bottom:24px!important;
  font-size:23px!important;
}
.buara-home-prev{right:70px!important}
.buara-home-next{right:25px!important}
.buara-home-dots{bottom:21px!important}
.buara-home-dots button{height:6px!important;width:6px!important}
.buara-home-dots button.is-active{width:24px!important}

/* Category strip — cleaner spacing, old premium editorial feel */
.buara-category-strip{
  padding:58px 0 62px!important;
  background:#f7f4ef!important;
}
.buara-category-strip .buara-section-head{
  margin-bottom:24px!important;
}
.buara-category-strip .buara-section-head h2{
  color:#171518;
  font-size:32px!important;
  line-height:1.05;
}
.buara-section-kicker{
  font-size:9px!important;
  letter-spacing:.14em!important;
}
.buara-category-scroll{gap:27px!important}
.buara-category-circle{flex-basis:132px!important}
.buara-category-photo{
  width:118px!important;
  height:118px!important;
  margin-bottom:10px!important;
  padding:3px!important;
  background:#fff;
  box-shadow:0 8px 26px rgba(0,0,0,.07);
}
.buara-category-circle strong{
  font-size:12px!important;
  font-weight:800;
}
.buara-category-circle small{
  font-size:9px!important;
}

/* New In */
.buara-section-dark{
  background:#0d0d10!important;
}
.buara-section-dark .buara-section-head h2{
  font-size:31px!important;
}
.buara-section-dark .buara-section-head p{
  font-size:11px!important;
  color:#95939b!important;
}

/* Catalog page — exact old React density */
.buara-catalog-dark{
  background:#0b0b0e!important;
  padding-bottom:68px!important;
}
.buara-catalog-container{
  padding-top:14px!important;
}
.buara-catalog-count{
  padding-bottom:13px!important;
  font-size:9px!important;
  color:#9d9aa2!important;
}
.buara-active-filters{
  padding:11px 0 14px!important;
  gap:7px!important;
}
.buara-active-filters strong{
  font-size:8px!important;
}
.buara-filter-chip{
  padding:5px 9px!important;
  font-size:8px!important;
}
.buara-clear-filters{font-size:8px!important}
.buara-catalog-layout{
  grid-template-columns:205px minmax(0,1fr)!important;
  gap:24px!important;
  padding-top:22px!important;
}
.buara-filter-sidebar{
  border-radius:15px!important;
  background:#131317!important;
  border-color:#2a2930!important;
  top:112px!important;
}
.buara-filter-title{
  padding:15px 16px!important;
  font-size:9px!important;
}
.buara-filter-section{
  padding:16px!important;
}
.buara-filter-heading{
  margin-bottom:11px!important;
  font-size:8px!important;
}
.buara-filter-options{gap:8px!important}
.buara-radio-list a{
  gap:8px!important;
  font-size:9px!important;
}
.buara-radio-list a i{
  width:10px!important;height:10px!important;
}
.buara-size-grid{gap:6px!important}
.buara-size-grid a{
  min-height:25px!important;
  border-radius:7px!important;
  font-size:8px!important;
}
.buara-oldstyle-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.buara-oldstyle-card{
  border-radius:16px!important;
  border-color:#2c2b32!important;
  background:#131317!important;
  box-shadow:none!important;
  transform:translateZ(0);
}
.buara-oldstyle-card:hover{
  transform:translateY(-3px)!important;
  border-color:#49454c!important;
  box-shadow:0 16px 30px rgba(0,0,0,.24)!important;
}
.buara-card-media{
  aspect-ratio:4/5!important;
  background:#e7e4df!important;
}
.buara-card-media>img{
  transition:transform .42s cubic-bezier(.2,.7,.2,1)!important;
}
.buara-oldstyle-card:hover .buara-card-media>img{
  transform:scale(1.035)!important;
}
.buara-new-badge{
  top:9px!important;left:9px!important;
  padding:5px 8px!important;
  font-size:7px!important;
}
.buara-heart{
  top:9px!important;right:9px!important;
  width:30px!important;height:30px!important;
  font-size:16px!important;
  background:rgba(20,20,22,.60)!important;
}
.buara-quick-open{
  left:8px!important;right:8px!important;bottom:8px!important;
  min-height:31px!important;
  border-radius:8px!important;
  background:rgba(23,22,27,.92)!important;
  color:#fff!important;
  backdrop-filter:blur(9px);
  transform:translateY(9px);
  opacity:0;
  transition:.18s ease!important;
  font-size:8px!important;
}
.buara-card-media-wrap:hover .buara-quick-open{
  transform:translateY(0);
  opacity:1;
}
.buara-card-copy{
  padding:11px 12px 13px!important;
}
.buara-card-cat{
  max-width:95px!important;
  font-size:7px!important;
}
.buara-rating-pill{
  padding:3px 6px!important;
  font-size:7px!important;
}
.buara-card-name{
  margin-top:8px!important;
  font-size:13px!important;
  line-height:1.22!important;
}
.buara-card-desc{
  margin-top:5px!important;
  font-size:8px!important;
}
.buara-card-colors{
  margin-top:9px!important;
  min-height:16px!important;
}
.buara-card-swatch{
  width:13px!important;height:13px!important;
}
.buara-card-bottom{
  margin-top:10px!important;
}
.buara-card-price{
  font-size:15px!important;
}
.buara-card-add{
  min-height:26px!important;
  padding:0 9px!important;
  font-size:8px!important;
}

/* Product page — old 7/5 React composition */
.buara-single-old{
  background:#0b0b0e!important;
  padding:30px 0 66px!important;
}
.buara-single-old>.buara-container{
  width:min(1120px,calc(100% - 34px))!important;
}
.buara-single-card{
  padding:29px!important;
  border-radius:24px!important;
  background:#121216!important;
  border:1px solid #292832!important;
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}
.buara-single-grid-old{
  grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;
  gap:34px!important;
}
.buara-gallery-old{
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:12px!important;
}
.buara-gallery-old .buara-thumbs{
  gap:8px!important;
}
.buara-gallery-old .buara-thumb{
  width:62px!important;
  height:77px!important;
  border-radius:11px!important;
  border:1px solid #35333b!important;
  opacity:.86;
  transition:.18s ease;
}
.buara-gallery-old .buara-thumb:hover,
.buara-gallery-old .buara-thumb.is-active{
  opacity:1;
  border-color:var(--br-gold)!important;
  box-shadow:0 0 0 1px var(--br-gold)!important;
}
.buara-mainimage-old{
  aspect-ratio:3/4!important;
  border-radius:18px!important;
  background:#e5e3df!important;
}
.buara-mainimage-old img{
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.buara-mainimage-old:hover img{
  transform:scale(1.012);
}
.buara-summary-old{
  padding-top:3px!important;
}
.buara-product-kicker,
.buara-summary-old .buara-product-kicker{
  font-size:8px!important;
  letter-spacing:.12em!important;
  color:var(--br-gold)!important;
}
.buara-summary-old h1{
  margin:11px 0 8px!important;
  font-size:29px!important;
  line-height:1.08!important;
  letter-spacing:-.02em;
}
.buara-summary-old .woocommerce-product-details__short-description,
.buara-product-subtitle{
  color:#96949c!important;
  font-size:10px!important;
  line-height:1.5!important;
}
.buara-pricebox{
  margin:16px 0!important;
  padding:14px 15px!important;
  border-radius:12px!important;
  background:#19171f!important;
}
.buara-pricebox .price{
  font-size:22px!important;
}
.buara-option-labelrow,
.buara-option-label{
  font-size:8px!important;
}
.buara-color-swatches{
  margin-top:8px!important;
  gap:8px!important;
}
.buara-color-swatch{
  width:30px!important;height:30px!important;
}
.buara-size-buttons{
  gap:6px!important;
  margin-top:8px!important;
}
.buara-size-button{
  min-width:36px!important;
  height:28px!important;
  border-radius:8px!important;
  padding:0 8px!important;
  font-size:8px!important;
}
.buara-native-cart-area .woocommerce-variation-add-to-cart{
  gap:8px!important;
  margin-top:13px!important;
}
.buara-qty-line{
  gap:14px!important;
  margin-bottom:3px!important;
}
.buara-native-cart-area .single_add_to_cart_button,
.buara-buy-now{
  min-height:42px!important;
  border-radius:10px!important;
  font-size:8px!important;
}
.buara-delivery-box{
  margin-top:14px!important;
  padding:12px!important;
  border-radius:12px!important;
}
.buara-delivery-title{font-size:8px!important}
.buara-pincode-form input,
.buara-pincode-form button{
  height:34px!important;
  font-size:8px!important;
}
.buara-delivery-perks{
  font-size:7px!important;
}
.buara-detail-card{
  margin-top:26px!important;
  border-radius:18px!important;
  padding:22px 24px!important;
}
.buara-detail-tabs-nav{
  gap:22px!important;
}
.buara-detail-tabs-nav button{
  padding-bottom:12px!important;
  font-size:8px!important;
}
.buara-detail-panel{
  padding-top:19px!important;
  font-size:10px!important;
}

/* Quick View — compact old overlay */
.buara-quick-modal{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(9px);
}
.buara-quick-panel{
  width:min(880px,calc(100vw - 54px))!important;
  max-height:min(690px,calc(100vh - 56px))!important;
  border-radius:22px!important;
  background:#121216!important;
  border:1px solid #2b2a31!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.buara-quick-grid{
  gap:0!important;
}
.buara-quick-visual{
  padding:20px!important;
  background:#0f0f12!important;
}
.buara-quick-main-wrap{
  border-radius:16px!important;
}
.buara-quick-info{
  padding:25px 24px!important;
}
.buara-quick-title{
  font-size:27px!important;
  line-height:1.08!important;
}
.buara-quick-price{
  font-size:22px!important;
}

/* Buttons & microinteractions */
.buara-btn,
.buara-card-add,
.buara-buy-now,
.buara-native-cart-area .single_add_to_cart_button,
.buara-pincode-form button{
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,color .16s ease!important;
}
.buara-btn:hover,
.buara-card-add:hover,
.buara-buy-now:hover,
.buara-native-cart-area .single_add_to_cart_button:hover,
.buara-pincode-form button:hover{
  transform:translateY(-1px);
  filter:brightness(1.045);
}
.buara-btn:active,
.buara-card-add:active,
.buara-buy-now:active{
  transform:translateY(0) scale(.99);
}

/* Desktop fidelity */
@media(min-width:1200px){
  .buara-container{width:min(1120px,calc(100% - 34px))!important}
}

/* Tablet/mobile keep the same style, only collapse layout */
@media(max-width:1000px){
  .buara-container{width:min(100% - 28px,1120px)!important}
  .buara-oldstyle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .buara-single-grid-old{grid-template-columns:1fr!important}
  .buara-single-card{padding:22px!important}
}
@media(max-width:760px){
  .buara-toplinks{display:none!important}
  .buara-home-slider{height:590px!important}
  .buara-home-copy h1{font-size:43px!important}
  .buara-home-copy p{font-size:12px!important}
  .buara-catalog-layout{grid-template-columns:1fr!important}
  .buara-oldstyle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .buara-gallery-old{grid-template-columns:1fr!important}
  .buara-gallery-old .buara-thumbs{order:2!important;flex-direction:row!important}
  .buara-mainimage-old{order:1!important}
}

/* Trending Now: keep every product title on a two-line footprint so cards align. */
.buara-trending-section .buara-related-catalog-card .buara-card-name{
  line-height:1.25!important;
  min-height:2.5em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
