/* =========================================
   CSS CUSTOM PROPERTIES
   ========================================= */
:root {
  /* Monochrome system — near-black drives buttons/links/nav/borders */
  --primary:       #15141a;
  --primary-light: #55535c;
  --primary-pale:  #f2f1f0;
  --primary-dark:  #000000;
  /* Restrained brand accent — used ONLY for sale badges / small emphasis, never for structural UI */
  --accent:        #6b3d5e;
  --accent-dark:   #4a2840;
  --white:         #ffffff;
  --off-white:     #faf9f7;
  --smoke:         #f2f1ef;
  --sand:          #e4e2de;
  --stone:         #b9b6b0;
  --muted:         #8b8880;
  --body-txt:      #38363c;
  --heading:       #100f13;
  --serif:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sans:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius-sm:     3px;
  --radius:        8px;
  --radius-lg:     16px;
  --shadow-sm:     0 1px 3px rgba(16,15,19,0.06), 0 1px 2px rgba(16,15,19,0.04);
  --shadow-md:     0 8px 24px rgba(16,15,19,0.08);
  --shadow-lg:     0 20px 48px rgba(16,15,19,0.12);
  --ease:          cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* =========================================
   GLOBAL RESET & BASE
   ========================================= */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; list-style:none; }
html { scroll-behavior: smooth; }
body.scroll-stop { overflow: hidden; }
body {
  font-family: var(--sans);
  font-weight: 400;
  font-size: 16px;
  color: var(--body-txt);
  background-color: var(--white);
  -webkit-font-smoothing: antialiased;
  line-height: 1.7;
}
a { text-decoration:none !important; display:inline-block !important; color:inherit; transition: color 0.3s var(--ease); }
img { width:100%; display:block; }
ul { padding:0; margin:0; }
p { font-family:var(--sans); font-weight:400; font-size:15.5px; line-height:1.85; color:var(--body-txt); padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-family:var(--serif); color:var(--heading); line-height:1.15; font-weight:700; letter-spacing:-0.01em; }
::selection { background-color:var(--primary); color:var(--white); }

/* =========================================
   UTILITIES
   ========================================= */
.wrapper { overflow:hidden; }
.spacing { padding:100px 0; }
.img-hover { overflow:hidden; border-radius:var(--radius); }
.img-hover img { transition:transform 0.7s var(--ease); }
.img-hover:hover img { transform:scale(1.06); }

.web-title h2 { font-family:var(--serif); font-size:clamp(28px,3.5vw,44px); font-weight:700; color:var(--heading); letter-spacing:-0.01em; }
.web-title h4 { font-family:var(--sans); font-size:12px; font-weight:600; color:var(--primary-light); margin-top:10px; letter-spacing:0.14em; text-transform:uppercase; }

/* =========================================
   BUTTONS
   ========================================= */
.web-btn a, .form-btn input {
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:13px 34px;
  background-color:var(--primary);
  color:var(--white) !important;
  font-family:var(--sans);
  font-size:12px;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  border-radius:var(--radius-sm);
  position:relative;
  z-index:1;
  overflow:hidden;
  transition:all 0.4s var(--ease);
  border:1.5px solid var(--primary);
  cursor:pointer;
}
.web-btn a::before {
  content:''; position:absolute; inset:0; background:var(--primary-dark);
  transform:scaleX(0); transform-origin:left; transition:transform 0.4s var(--ease); z-index:-1;
}
.web-btn a:hover { color:var(--white) !important; }
.web-btn a:hover::before { transform:scaleX(1); }

/* =========================================
   HEADER TOP BAR
   ========================================= */
.header-top { background-color:var(--primary); padding:4px 0; }
.header-top p {
  color:rgba(255,255,255,0.92); font-size:10.5px; font-weight:500; letter-spacing:0.06em;
  font-family:var(--sans); text-align:center; text-transform:uppercase;
}

/* =========================================
   HEADER BOTTOM
   ========================================= */
.header-bottom { padding:0; background:var(--white); border-bottom:1px solid var(--smoke); transition:all 0.4s var(--ease); }
.header-bottom.sticky {
  position:fixed; top:0; left:0; width:100%;
  background:rgba(255,255,255,0.97); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  box-shadow:0 1px 0 var(--sand), var(--shadow-sm); z-index:9999;
  animation:slideDown 0.4s var(--ease) both;
}
@keyframes slideDown { from { transform:translateY(-100%); opacity:0; } to { transform:translateY(0); opacity:1; } }

.main-logo { padding:16px 0; position:relative; }
.main-logo a { font-family:var(--serif); font-size:18px; font-weight:900; color:var(--heading) !important; letter-spacing:0.2em; text-transform:uppercase; position:relative; z-index:3; transition:color 0.3s; }
.main-logo a:hover { color:var(--primary) !important; }
.main-logo:before { display:none; }

.main-menu ul { display:flex; gap:0; align-items:center; }
.main-menu ul li a {
  display:block !important; padding:13px 19px; font-family:var(--sans);
  color:var(--body-txt) !important; font-size:13px; font-weight:600; letter-spacing:0.08em;
  position:relative; transition:color 0.3s;
}
.main-menu ul li a::after {
  content:''; position:absolute; bottom:0; left:20px; right:20px;
  height:2px; background:var(--primary); border-radius:2px; transform:scaleX(0); transition:transform 0.35s var(--ease);
}
.main-menu ul li a:hover { color:var(--primary) !important; }
.main-menu ul li a:hover::after { transform:scaleX(1); }
.main-menu ul li.current-menu-item > a { color:var(--primary) !important; }
.main-menu ul li.current-menu-item > a::after { transform:scaleX(1); }

.header-bottom-right { display:flex; justify-content:flex-end; gap:16px; align-items:center; height:100%; }


/* ── Search Modal ─────────────────────────────────────────── */
.ics-search-modal {
  position:fixed; inset:0; z-index:999999;
  display:flex; align-items:flex-start; justify-content:center;
  padding-top:clamp(60px, 10vh, 120px);
  opacity:0; visibility:hidden;
  transition:opacity 0.2s ease, visibility 0.2s ease;
}
.ics-search-modal.is-open { opacity:1; visibility:visible; }

.ics-search-modal__backdrop {
  position:absolute; inset:0;
  background:rgba(30,19,24,0.65);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.ics-search-modal__box {
  position:relative; z-index:1;
  width:90%; max-width:660px;
  background:var(--white);
  border-radius:18px;
  box-shadow:0 32px 80px rgba(30,19,24,0.22);
  overflow:hidden;
  transform:translateY(-16px) scale(0.97);
  transition:transform 0.25s var(--ease);
}
.ics-search-modal.is-open .ics-search-modal__box {
  transform:translateY(0) scale(1);
}

.ics-search-modal__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 22px 12px;
  border-bottom:1px solid var(--smoke);
}
.ics-search-modal__label {
  font-family:var(--sans); font-size:11px; font-weight:600;
  letter-spacing:0.12em; text-transform:uppercase; color:var(--muted);
}
.ics-search-modal__close {
  display:flex; align-items:center; gap:6px;
  background:none; border:none; cursor:pointer;
  color:var(--muted); font-family:var(--sans); font-size:12px;
  transition:color 0.2s;
}
.ics-search-modal__close:hover { color:var(--heading); }

.ics-search-modal__body {
  display:flex; align-items:center; gap:14px;
  padding:20px 22px;
}
.ics-search-modal__icon { color:var(--primary); font-size:20px; flex-shrink:0; }

.ics-search-modal__form { flex:1; }
.ics-search-modal__input {
  width:100%; background:none; border:none; outline:none;
  font-family:var(--sans); font-size:22px; font-weight:400;
  color:var(--heading); caret-color:var(--primary);
  line-height:1.2;
}
.ics-search-modal__input::placeholder { color:var(--stone); }

.ics-search-modal__footer {
  padding:11px 22px;
  background:var(--off-white);
  border-top:1px solid var(--smoke);
  display:flex; align-items:center; justify-content:flex-end;
}
.ics-search-modal__footer span {
  font-family:var(--sans); font-size:11px; color:var(--muted);
}
.ics-search-modal__footer kbd,
.ics-search-modal__close kbd {
  display:inline-flex; align-items:center; justify-content:center;
  padding:2px 7px; margin:0 2px;
  background:var(--white); border:1px solid var(--sand); border-radius:5px;
  font-family:var(--sans); font-size:10px; color:var(--body-txt);
  box-shadow:0 1px 0 var(--sand);
}

.header-icons ul { display:flex; gap:2px; align-items:center; }

/* Shared style for all header icon buttons/links */
.header-icons ul li a,
.header-icons ul li button {
  display:flex !important; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:50%;
  color:var(--heading) !important;
  background:none; border:none; cursor:pointer;
  transition:all 0.3s var(--ease);
  position:relative;
  text-decoration:none !important;
}
.header-icons ul li a svg,
.header-icons ul li button svg { display:block; flex-shrink:0; }
.header-icons ul li a:hover,
.header-icons ul li button:hover { background:var(--primary-pale); color:var(--primary) !important; }

/* Cart badge */
.ics-hdr-cart-badge {
  position:absolute;
  top:5px; right:5px;
  min-width:16px; height:16px;
  background:var(--primary); color:#fff;
  font-size:10px; font-weight:700;
  border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  padding:0 4px; line-height:1;
  pointer-events:none;
}
.ics-hdr-cart-badge.is-hidden { display:none; }

/* =========================================
   FOOTER
   ========================================= */
footer.main-footer { background:var(--primary); }
.footer-top.spacing { padding:80px 0; }
.footer-logo { margin-bottom:6px; }
.footer-logo img { width:130px; }
.footer-info p { color:rgba(255,255,255,0.72); font-size:14px; line-height:1.8; margin:22px 0; }
.footer-social ul { display:flex; gap:8px; }
.footer-social ul li a { display:inline-flex !important; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.85) !important; font-size:13px; transition:all 0.35s var(--ease); }
.footer-social ul li a:hover { background:rgba(255,255,255,0.25); transform:translateY(-3px); color:var(--white) !important; }
.footer-title { margin-bottom:30px; }
.footer-title h2 { font-family:var(--serif); color:var(--white); font-size:20px; font-weight:500; letter-spacing:0.05em; }
.footer-links ul li { margin-bottom:10px; }
.footer-links ul li a { color:rgba(255,255,255,0.72) !important; font-family:var(--sans); font-size:14px; font-weight:400; display:inline-flex !important; align-items:center; gap:8px; transition:all 0.3s; }
.footer-links ul li a::before { content:''; display:block; width:16px; height:1px; background:rgba(255,255,255,0.4); flex-shrink:0; transition:width 0.3s; }
.footer-links ul li a:hover { color:var(--white) !important; padding-left:4px; }
.footer-links ul li a:hover::before { width:22px; }
.useful-links { margin-left:30px; }
.newsletter-main p { color:rgba(255,255,255,0.72); font-size:14px; margin-bottom:16px; }
.newsletter-main input { outline:none; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.25) !important; padding:10px 18px; color:var(--white); height:48px; font-size:14px; border-radius:var(--radius-sm); width:100%; transition:all 0.3s; font-family:var(--sans); }
.newsletter-main input::placeholder { color:rgba(255,255,255,0.45); font-size:13px; }
.newsletter-main input:focus { background:rgba(255,255,255,0.18); border-color:rgba(255,255,255,0.5) !important; }
.footer-bottom { padding:20px 0; border-top:1px solid rgba(255,255,255,0.08); }
.copyright-text h4 { color:rgba(255,255,255,0.5); font-size:13px; font-weight:400; font-family:var(--sans); text-align:center; letter-spacing:0.04em; }

/* =========================================
   RESPONSIVE MENU
   ========================================= */
.responsive-menu { position:fixed; top:0; right:-100%; width:320px; height:100%; background:var(--white); z-index:99999999; transition:right 0.45s var(--ease); box-shadow:-8px 0 40px rgba(21,20,26,0.12); overflow-y:auto; }
.responsive-menu.active { right:0; }
.responsive-menu-main { height:100%; padding:28px 30px; position:relative; display:flex; flex-direction:column; }
.responsive-logo a { font-family:var(--serif); font-size:22px; font-weight:600; color:var(--heading) !important; letter-spacing:0.2em; text-transform:uppercase; }
.responsive-icon { position:absolute; top:24px; right:24px; }
.responsive-icon a { display:flex !important; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--smoke); color:var(--heading) !important; font-size:18px; transition:all 0.3s; }
.responsive-icon a:hover { background:var(--primary); color:var(--white) !important; }
.responsive-links { margin:36px 0 0; }
.responsive-links ul li { border-bottom:1px solid var(--smoke); position:relative; }
.responsive-links ul li a { display:block !important; color:var(--heading) !important; padding:13px 0; font-family:var(--serif); font-size:20px; font-weight:400; letter-spacing:0.03em; transition:all 0.3s; }
.responsive-links ul li a:hover { color:var(--primary) !important; padding-left:8px; }
.responsive-links ul li i { position:absolute; right:0; top:16px; color:var(--muted); }
.contact-info-menu { margin-top:32px; }
.contact-info-menu ul li { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; font-family:var(--sans); font-size:13px; font-weight:400; color:var(--body-txt); }
.contact-info-menu ul li a { color:var(--body-txt) !important; }
.contact-info-menu ul li i { color:var(--primary-light); font-size:14px; flex-shrink:0; margin-top:3px; }
.resp-social { margin-top:auto; padding-top:36px; }
.resp-social ul { display:flex; gap:10px; }
.resp-social ul li a { display:inline-flex !important; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:var(--primary); color:var(--white) !important; font-size:14px; transition:all 0.3s; }
.resp-social ul li a:hover { background:var(--primary-dark); transform:translateY(-3px); }

/* =========================================
   SHOP / WOOCOMMERCE ARCHIVE
   ========================================= */
.shop-product { padding:80px 0; }
.shop-product-main ul.products { display:grid; grid-template-columns:repeat(4,1fr); column-gap:18px; row-gap:28px; margin-bottom:0 !important; }
.shop-product-main ul.products::before, .shop-product-main ul.products::after { display:none; }
.shop-product-main ul.products li.product { width:100% !important; margin:0 !important; }

.result-count-main { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; border-bottom:1px solid var(--smoke); padding-bottom:18px; }
.result-count-main p.woocommerce-result-count, .result-count-main form.woocommerce-ordering select { font-family:var(--sans); font-size:13px; font-weight:400; color:var(--body-txt); }
.result-count-main form.woocommerce-ordering select { border:1.5px solid var(--sand); padding:7px 12px; border-radius:var(--radius-sm); outline:none; background:var(--white); cursor:pointer; }
.result-count-main p.woocommerce-result-count, .result-count-main form.woocommerce-ordering { margin:0; }

.shop-page-sidebar h3 { font-family:var(--sans); font-size:13px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--primary); padding:14px 0; border-bottom:2px solid var(--primary); cursor:pointer; margin-bottom:0 !important; display:flex; align-items:center; justify-content:space-between; }
.woocommerce-sidebar-1 h2 { font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--primary); padding-bottom:10px; width:max-content; position:relative; margin-bottom:4px; }
.woocommerce-sidebar-1 h2::before { position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--primary); content:''; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li a { color:var(--body-txt); font-family:var(--sans); font-size:14px; font-weight:400; display:block !important; padding:7px 0; transition:all 0.3s; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li a:hover { color:var(--primary); padding-left:6px; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li { position:relative; border-bottom:1px solid var(--smoke); }
.woocommerce-sidebar-1 .wc-block-product-categories-list li span.wc-block-product-categories-list-item-count { position:absolute; right:0; top:10px; font-size:11px; border:1.5px solid var(--sand); color:var(--muted); display:inline-block; padding:0 5px; border-radius:3px; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li span.wc-block-product-categories-list-item-count::before, .woocommerce-sidebar-1 .wc-block-product-categories-list li span.wc-block-product-categories-list-item-count::after { display:none; }
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-0 { margin-top:20px; }
.woocommerce-sidebar-1 .wc-block-product-categories-list--depth-2 { display:none; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li ul li { padding-left:16px; }
.shop-page-sidebar .wp-block-woocommerce-product-filter-price { margin-bottom:28px; }
.wp-block-woocommerce-price-filter input { outline:none; font-weight:400; font-family:var(--sans); }
button.wc-block-product-filters__apply.wp-element-button { background:var(--primary); color:var(--white); border:none; padding:10px 18px; font-size:12px; font-weight:600; font-family:var(--sans); letter-spacing:0.1em; text-transform:uppercase; border-radius:var(--radius-sm); cursor:pointer; transition:background 0.3s; }
button.wc-block-product-filters__apply.wp-element-button:hover { background:var(--primary-dark); }
nav.woocommerce-breadcrumb, nav.woocommerce-breadcrumb a { color:var(--muted) !important; font-size:13px !important; font-family:var(--sans) !important; }
nav.woocommerce-breadcrumb a:hover { color:var(--primary) !important; text-decoration:none !important; }
.shop-product-main header.woocommerce-products-header { display:none !important; }
.woocommerce-shop .woocommerce-notices-wrapper, body.single-product .woocommerce-notices-wrapper { padding:0; }
body.archive .woocommerce-notices-wrapper { padding-top:0; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li ul li.show-arrow { position:relative; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li ul li.show-arrow:before { position:absolute; content:"\f078"; font-family:"Font Awesome 5 Pro"; left:0; font-size:13px; top:10px; cursor:pointer; }
.woocommerce-sidebar-1 .wc-block-product-categories-list li ul li.show-arrow.active:before { content:"\f077"; }

/* =========================================
   SINGLE PRODUCT
   ========================================= */
.woocommerce div.product p.price ins { text-decoration:none !important; }
.woocommerce-product-details__short-description { margin-bottom:20px; }
.woocommerce-product-details__short-description ul li { margin-bottom:6px; list-style:disc; line-height:1.7; color:var(--body-txt); font-family:var(--sans); font-size:14px; }
.summary.entry-summary th label { font-family:var(--sans); font-size:13px; font-weight:500; color:var(--body-txt); letter-spacing:0.06em; }
.summary.entry-summary table.variations li.button-variable-item { font-family:var(--sans); font-size:13px !important; font-weight:500; color:var(--body-txt) !important; border-radius:var(--radius-sm) !important; background:var(--smoke) !important; border:1.5px solid var(--sand) !important; transition:all 0.25s; }
.summary.entry-summary table.variations li.button-variable-item:hover, .summary.entry-summary table.variations li.button-variable-item.selected { background:var(--primary-pale) !important; border-color:var(--primary-light) !important; color:var(--primary) !important; }
.woocommerce-product-gallery__wrapper a { display:block !important; }
.woocommerce-product-gallery ol.flex-control-nav { margin-top:0 !important; display:flex; gap:12px; flex-wrap:wrap; }
ol.flex-control-nav.flex-control-thumbs img { opacity:1 !important; }
.woocommerce-message, .woocommerce-info { border-top-color:var(--primary); font-family:var(--sans); }
.woocommerce-message::before, .woocommerce-info::before { color:var(--primary); }
.woocommerce-notices-wrapper { padding-top:40px; }
body.single-product .woocommerce-message { margin-top:30px; margin-bottom:0; }

body.single-product .woocommerce-tabs.wc-tabs-wrapper { background:var(--off-white); border:1px solid var(--smoke); border-radius:var(--radius); padding:30px; margin-bottom:50px; }
body.single-product .woocommerce-tabs ul.tabs { border-bottom:1px solid var(--sand); padding:0 !important; display:flex; gap:0; }
.woocommerce-tabs ul:before, .woocommerce-tabs ul:after, .woocommerce-tabs ul li:before, .woocommerce-tabs ul li:after { display:none !important; }
body.single-product .woocommerce-tabs ul.tabs li { padding:0 !important; border:none !important; background:transparent !important; margin:0 !important; }
body.single-product .woocommerce-tabs ul.tabs li a { font-family:var(--sans); font-size:13px; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted) !important; padding:12px 20px !important; display:block !important; position:relative; transition:color 0.3s; }
body.single-product .woocommerce-tabs ul.tabs li a::before { position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:var(--primary); content:''; transform:scaleX(0); transition:transform 0.3s var(--ease); }
body.single-product .woocommerce-tabs ul.tabs li.active a, body.single-product .woocommerce-tabs ul.tabs li a:hover { color:var(--primary) !important; }
body.single-product .woocommerce-tabs ul.tabs li.active a::before { transform:scaleX(1); }
.woocommerce-tabs .woocommerce-Tabs-panel p, .woocommerce-tabs .woocommerce-Tabs-panel ul li { font-family:var(--sans); color:var(--body-txt); font-size:14.5px; margin-bottom:8px; }
.woocommerce div.product .woocommerce-tabs .panel { margin:0; }

.related.products > h2, .woocommerce-Tabs-panel h2, .cart_totals h2, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3, .woocommerce-checkout h3#order_review_heading, header.woocommerce-Address-title h3 { font-family:var(--serif); color:var(--heading); font-size:26px; font-weight:700; margin-bottom:20px; }
section.related.products ul.products { display:flex; gap:20px; margin:24px 0; }
section.related.products ul.products::before, section.related.products ul.products::after { display:none !important; }
section.related.products ul.products.columns-4 li.product { width:25%; margin:0; }
.related.products { margin-bottom:80px; }

body.single-product .woocommerce-Reviews textarea { height:160px !important; font-family:var(--sans); }
body.single-product .woocommerce-Reviews input[type="text"], body.single-product .woocommerce-Reviews input[type="email"], body.single-product .woocommerce-Reviews textarea { border:1.5px solid var(--sand); padding:10px 14px; height:46px; transition:all 0.3s; outline:none; border-radius:var(--radius-sm); font-family:var(--sans); font-size:14px; }
body.single-product .woocommerce-Reviews input#submit, .woocommerce-message a.button, body.woocommerce-account .woocommerce-form-login__submit, form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button, .woocommerce-MyAccount-content button.button, .woocommerce-info a.button { background:var(--primary) !important; border:1.5px solid var(--primary) !important; border-radius:var(--radius-sm) !important; font-family:var(--sans) !important; font-size:12px !important; font-weight:600 !important; letter-spacing:0.12em !important; text-transform:uppercase !important; color:var(--white) !important; padding:13px 30px !important; transition:all 0.35s !important; }
body.single-product .woocommerce-Reviews input#submit:hover, .woocommerce-message a.button:hover, body.woocommerce-account .woocommerce-form-login__submit:hover, form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover, .woocommerce-MyAccount-content button.button:hover, .woocommerce-info a.button:hover { background:var(--primary-dark) !important; border-color:var(--primary-dark) !important; }
.comment-form-rating span a { color:var(--accent); }
.woocommerce-Reviews { color:var(--body-txt); }
.woocommerce-Tabs-panel span#reply-title { color:var(--heading); }

/* =========================================
   CART & CHECKOUT
   ========================================= */
.wp-block-woocommerce-cart { margin:90px 0; }
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button, body.woocommerce-checkout .wc-block-components-checkout-place-order-button { background:var(--primary) !important; opacity:1 !important; font-family:var(--sans) !important; font-weight:600 !important; font-size:13px !important; letter-spacing:0.12em !important; color:var(--white) !important; border:none; border-radius:var(--radius-sm) !important; transition:background 0.3s !important; display:flex !important; margin-top:12px; padding:14px 24px !important; }
.page-id-15 .wp-block-woocommerce-cart.alignwide .wc-block-components-main { width:100%; padding:0; }
.page-id-15 .wc-block-components-totals-wrapper { border-top:1px solid var(--smoke); }
.page-id-15 .is-large.wc-block-cart .wc-block-cart-items td { border-top:1px solid var(--smoke) !important; }
.page-id-15 .wp-block-woocommerce-cart-order-summary-block span.wc-block-cart__totals-title { text-align:left; font-size:13px; padding:10px 16px; background:var(--smoke); font-family:var(--sans); font-weight:600; color:var(--heading); letter-spacing:0.08em; }
.page-id-15 .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout { justify-content:flex-end; }
.page-id-15 .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block { border:1px solid var(--sand) !important; }
.page-id-15 a.wc-block-components-product-name { color:var(--heading); font-weight:600; }
.wc-block-checkout__actions a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon a { color:var(--primary); }
.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout { padding:70px 0; margin-bottom:0; }
.page-id-23 .wc-block-components-text-input label { font-size:13px !important; font-family:var(--sans); }
.page-id-23 .wc-block-components-text-input input { font-size:14px !important; border-radius:var(--radius-sm) !important; border-color:var(--sand) !important; font-family:var(--sans) !important; color:var(--heading) !important; }

/* =========================================
   MY ACCOUNT
   ========================================= */
.page-id-17 .woocommerce { padding:60px 0; }
.woocommerce-account .woocommerce-MyAccount-navigation { border:1px solid var(--smoke); border-radius:var(--radius); overflow:hidden; width:25%; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { border-bottom:1px solid var(--smoke); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display:block !important; padding:12px 20px; font-family:var(--sans); font-size:14px; font-weight:400; color:var(--body-txt); transition:all 0.3s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation-link.is-active a { background:var(--primary) !important; color:var(--white) !important; padding-left:26px; }
.woocommerce-account .woocommerce-MyAccount-content { width:75%; padding-left:40px; color:var(--body-txt); }
.woocommerce-MyAccount-content h2 { font-family:var(--serif); font-size:26px; color:var(--heading); }
.woocommerce-MyAccount-content p a, .woocommerce-Address-title a { color:var(--primary); }
.page-id-17 .woocommerce-address-fields__field-wrapper .input-text, form.woocommerce-EditAccountForm .input-text, .woocommerce-form-login .woocommerce-Input--text { border:1.5px solid var(--sand) !important; border-radius:var(--radius-sm) !important; padding:0 14px; height:46px; background:var(--white); color:var(--heading); font-family:var(--sans); font-size:14px; outline:none; transition:all 0.3s; }
.page-id-17 .woocommerce-address-fields__field-wrapper label, form.woocommerce-EditAccountForm label, .woocommerce-form-login label { font-family:var(--sans); font-weight:500; font-size:13px; color:var(--heading); margin-bottom:6px; letter-spacing:0.04em; }
.select2-container .select2-selection--single { height:46px; border-radius:var(--radius-sm) !important; border:1.5px solid var(--sand) !important; background:var(--white); }
span.select2-selection.select2-selection--single span:first-child { height:100%; line-height:46px; font-family:var(--sans); font-size:14px; color:var(--heading); }
span.select2-selection.select2-selection--single span:nth-child(2) { top:12px; right:8px; }
.woocommerce-form-login__rememberme { margin:10px 0 0; }
p.woocommerce-LostPassword a { color:var(--primary); }
form.woocommerce-EditAccountForm legend { font-family:var(--sans); font-weight:600; font-size:20px; margin-top:10px; color:var(--heading); }

/* =========================================
   ABOUT PAGE
   ========================================= */
.inner-about-img { border-radius:var(--radius-lg); overflow:hidden; margin-right:30px; }
.inner-about-img img { height:420px; object-fit:cover; transition:transform 0.7s var(--ease); }
.inner-about-img:hover img { transform:scale(1.05); }
.inner-about-content h2 { font-family:var(--serif); font-size:clamp(26px,3vw,40px); color:var(--heading); margin-bottom:18px; }
.inner-about-content p { margin-bottom:14px; }
.inner-about-content p:last-child { margin-bottom:0; }
section.inner-about .row:nth-child(1) { margin-bottom:50px; }

/* =========================================
   FAQS
   ========================================= */
section.faqs { background:var(--primary-pale); border-top:1px solid rgba(21,20,26,0.08); }
.faq-title { margin-bottom:50px; }
.faq-main-item .accordion-item { border:none; border-radius:var(--radius) !important; overflow:hidden; margin-bottom:14px; background:var(--white); box-shadow:var(--shadow-sm); }
.faq-main-item .accordion-item:last-child { margin:0; }
.faq-main-item .accordion-button { background:var(--white); box-shadow:none; font-family:var(--sans); font-size:15px; font-weight:500; color:var(--heading); transform:none !important; padding:18px 22px; transition:color 0.3s; }
.faq-main-item .accordion-button:not(.collapsed) { color:var(--primary); background:var(--white); }
.faq-main-item .accordion-button span { font-family:var(--serif); font-size:14px; font-weight:600; color:var(--primary-light); margin-right:12px; }
.faq-main-item .accordion-button::after { font-family:"Font Awesome 5 Pro"; content:"\f067"; width:28px; height:28px; display:flex; align-items:center; justify-content:center; font-size:12px; border-radius:50%; border:1.5px solid var(--sand); background-image:none; transform:none; color:var(--primary); transition:all 0.3s; }
.faq-main-item .accordion-button:not(.collapsed)::after { content:"\f068"; background:var(--primary-pale); border-color:var(--primary-light); }
.faq-main-item .accordion-body { font-family:var(--sans); font-size:14px; font-weight:400; color:var(--body-txt); line-height:1.8; padding:0 22px 20px; }
.faq-img { border-radius:var(--radius-lg); overflow:hidden; margin-left:20px; }
.faq-img img { height:500px; object-fit:cover; transition:transform 0.7s var(--ease); }
.faq-img:hover img { transform:scale(1.05); }

/* =========================================
   CONTACT
   ========================================= */
section.map { background:var(--smoke); }
section.map .map-item iframe { border-radius:var(--radius-lg); width:100%; height:420px; display:block; }
.form-item input, .form-item textarea { height:54px; padding:0 18px; width:100%; outline:none; border:1.5px solid var(--sand); font-family:var(--sans); font-size:14px; font-weight:400; color:var(--heading); border-radius:var(--radius-sm); background:var(--white); transition:all 0.3s; }
.form-item input::placeholder, .form-item textarea::placeholder { color:var(--stone); }
.form-item input:focus, .form-item textarea:focus { border-color:var(--primary-light); box-shadow:0 0 0 3px rgba(21,20,26,0.07); }
.form-item textarea { height:180px; padding:16px 18px; display:block; }
.contact-form-main .row { row-gap:20px; }
.contact-form-main { margin-top:24px; }
.form-btn input { border:none; outline:none; cursor:pointer; }
.form-btn input:hover { transform:translateY(-3px); }

/* =========================================
   MISC
   ========================================= */
.category-main a { display:block !important; }
.category-img { border-radius:var(--radius); margin-bottom:16px; overflow:hidden; }
.category-img img { transition:transform 0.5s var(--ease); object-fit:cover; aspect-ratio:1; border-radius:var(--radius); }
.category-img:hover img { transform:scale(1.06); }
.category-content h3 { font-family:var(--sans); font-weight:600; font-size:13px; letter-spacing:0.06em; color:var(--heading); }
.category-content p { font-size:12px; color:var(--muted); }
.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product { width:100%; }
.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width:100%; }
/* Neutralize WooCommerce core's default float+margin on product grid items —
   all our product grids use CSS grid/flex with their own gap, so this legacy
   margin only ever added unwanted extra spacing on top of that gap. */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0; }
/* Same reasoning — WooCommerce core's float-layout clearfix pseudo-elements
   are dead weight (and can add phantom grid items) now that every product
   grid uses CSS grid instead of floats. */
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { content: none; display: none; }
.woocommerce-tabs.wc-tabs-wrapper img { width:50%; margin-bottom:20px; border-radius:var(--radius-sm); }
.payment-box { display:flex; justify-content:space-between; padding:36px 24px; border-radius:var(--radius); border:1px solid var(--sand); align-items:center; transition:all 0.4s; }
.payment-box:hover { box-shadow:var(--shadow-md); border-color:var(--primary-light); }

/* =========================================
   WIDE SCREEN (1500px+)
   ========================================= */
@media (min-width: 1500px) {
  .container { max-width: 1490px !important; }
}
