@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Syncopate:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');





















































@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700;1,800;1,900&display=swap');











































































































/* ============================================================





















































   MAISON — Premium Luxury Furniture Theme





















































   Design System & Complete Stylesheet





















































   ============================================================ */











































































































/* ── 1. Custom Properties ──────────────────────────────────── */











































































































:root {





















































  /* Colours */





















































  --clr-bg:          #555555;





















































  --clr-bg-alt:      #9FA09D;





















































  --clr-dark:        #1B211D;





















































  --clr-dark-2:      #252D28;





















































  --clr-text:        #FFFFFF;





















































  --clr-muted:       #DEDEDE;





















































  --clr-border:      #898A88;





















































  --clr-border-lt:   #AEAFAD;





















































  --clr-accent:      #0D4F23;





















































  --clr-accent-lt:   #1A7A37;





















































  --clr-white:       #FFFFFF;











































































































  /* Typography */





















































  --ff-serif:        'Cormorant Garamond', Georgia, 'Times New Roman', serif;





















































  --ff-display:      'Syncopate', sans-serif;





















































  --ff-sans:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;











































































































  /* Scale */





















































  --text-xs:         0.68rem;





















































  --text-sm:         0.82rem;





















































  --text-base:       1rem;





















































  --text-md:         1.125rem;





















































  --text-lg:         1.35rem;





















































  --text-xl:         1.75rem;





















































  --text-2xl:        2.25rem;





















































  --text-3xl:        3rem;





















































  --text-4xl:        4rem;











































































































  /* Spacing */





















































  --sp-1:  0.25rem;





















































  --sp-2:  0.5rem;





















































  --sp-3:  0.75rem;





















































  --sp-4:  1rem;





















































  --sp-6:  1.5rem;





















































  --sp-8:  2rem;





















































  --sp-12: 3rem;





















































  --sp-16: 4rem;





















































  --sp-24: 6rem;





















































  --sp-32: 8rem;





















































  --sp-40: 10rem;











































































































  /* Radius */





















































  --radius-sm:  4px;





















































  --radius-md:  8px;











































































































  /* Transitions */





















































  --ease:   cubic-bezier(0.25, 0.46, 0.45, 0.94);





















































  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);





















































  --t-base: 0.3s;





















































  --t-slow: 0.6s;





















































  --t-xslow: 0.9s;











































































































  /* Layout */





















































  --max-width:       1400px;





















































  --max-width-narrow: 740px;





















































  --max-width-wide:  1600px;





















































  --header-h:        80px;





















































}











































































































/* ── 2. Reset & Base ────────────────────────────────────────── */











































































































*, *::before, *::after {





















































  box-sizing: border-box;





















































  margin: 0;





















































  padding: 0;





















































}











































































































html {





















































  font-size: 16px;





















































  scroll-behavior: smooth;





















































  -webkit-text-size-adjust: 100%;





















































}











































































































body {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-base);





















































  font-weight: 400;





















































  line-height: 1.7;





















































  color: var(--clr-text);





















































  background-color: var(--clr-bg);





















































  -webkit-font-smoothing: antialiased;





















































  -moz-osx-font-smoothing: grayscale;





















































  overflow-x: hidden;





















































}











































































































body.menu-open { overflow: hidden; }











































































































img, video {





















































  max-width: 100%;





















































  height: auto;





















































  display: block;





















































}











































































































a {





















































  color: inherit;





















































  text-decoration: none;





















































}











































































































ul, ol { list-style: none; }











































































































button {





















































  background: none;





















































  border: none;





















































  cursor: pointer;





















































  font-family: inherit;





















































}











































































































input, textarea, select {





















































  font-family: inherit;





















































  font-size: var(--text-base);





















































}











































































































/* ── 3. Typography ──────────────────────────────────────────── */











































































































h1, h2, h3, h4, h5, h6 {





















































  font-family: var(--ff-serif);





















































  font-weight: 400;





















































  line-height: 1.1;





















































  color: var(--clr-dark);





















































}











































































































h1 { font-size: clamp(2.5rem, 5vw, 5rem); }





















































h2 { font-size: clamp(2rem, 4vw, 3.75rem); }





















































h3 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); }





















































h4 { font-size: 1.35rem; }





















































h5 { font-size: 1.15rem; }





















































h6 { font-size: 1rem; }











































































































p { margin-bottom: var(--sp-4); }





















































p:last-child { margin-bottom: 0; }











































































































em, i { font-style: italic; }





















































strong { font-weight: 600; }











































































































/* Label — small caps category label */





















































.label {





















































  display: block;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.3em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  margin-bottom: var(--sp-4);





















































}











































































































/* Section heading */





















































.section-heading {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.5rem, 4.5vw, 5rem);





















































  font-weight: 300;





















































  line-height: 1.05;





















































  letter-spacing: -0.01em;





















































  color: var(--clr-dark);





















































}











































































































.section-heading em { font-style: italic; }











































































































/* Text link */





















































.text-link {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-sm);





















































  font-weight: 500;





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  color: var(--clr-dark);





















































  border-bottom: 1px solid currentColor;





















































  padding-bottom: 2px;





















































  transition: color var(--t-base) var(--ease), border-color var(--t-base) var(--ease);





















































  display: inline-block;





















































}











































































































.text-link:hover { color: var(--clr-accent); border-color: var(--clr-accent); }











































































































.text-link--arrow::after {





















































  content: ' →';





















































  transition: transform var(--t-base) var(--ease);





















































  display: inline-block;





















































}





















































.text-link--arrow:hover::after { transform: translateX(4px); }











































































































/* ── 4. Layout ──────────────────────────────────────────────── */











































































































.container {





















































  width: 100%;





















































  max-width: var(--max-width);





















































  margin-left: auto;





















































  margin-right: auto;





















































  padding-left: var(--sp-8);





















































  padding-right: var(--sp-8);





















































}











































































































.container--narrow {





















































  max-width: var(--max-width-narrow);





















































}











































































































.container-wide {





















































  width: 100%;





















































  max-width: var(--max-width-wide);





















































  margin-left: auto;





















































  margin-right: auto;





















































  padding-left: var(--sp-8);





















































  padding-right: var(--sp-8);





















































}











































































































.section {





















































  padding-top: var(--sp-32);





















































  padding-bottom: var(--sp-32);





















































}











































































































/* ── 5. Buttons ─────────────────────────────────────────────── */











































































































.btn {





















































  display: inline-flex;





















































  align-items: center;





















































  justify-content: center;





















































  gap: var(--sp-2);





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  padding: 1rem 2.5rem;





















































  cursor: pointer;





















































  transition: background var(--t-base) var(--ease),





















































              color var(--t-base) var(--ease),





















































              border-color var(--t-base) var(--ease),





















































              transform 0.2s var(--ease);





















































  border: 1px solid transparent;





















































  white-space: nowrap;





















































}











































































































.btn:hover { transform: translateY(-1px); }





















































.btn:active { transform: translateY(0); }











































































































.btn-dark {





















































  background-color: var(--clr-dark);





















































  color: var(--clr-white);





















































  border-color: var(--clr-dark);





















































}





















































.btn-dark:hover {





















































  background-color: var(--clr-dark-2);





















































  border-color: var(--clr-dark-2);





















































}











































































































.btn-outline-dark {





















































  background: transparent;





















































  color: var(--clr-dark);





















































  border-color: var(--clr-dark);





















































}





















































.btn-outline-dark:hover {





















































  background: var(--clr-dark);





















































  color: var(--clr-white);





















































}











































































































.btn-outline-white {





















































  background: transparent;





















































  color: var(--clr-white);





















































  border-color: rgba(255, 255, 255, 0.6);





















































}





















































.btn-outline-white:hover {





















































  background: var(--clr-white);





















































  color: var(--clr-dark);





















































  border-color: var(--clr-white);





















































}











































































































.btn-lg {





















































  padding: 1.25rem 3.5rem;





















































  font-size: var(--text-sm);





















































}











































































































.btn-full { width: 100%; }











































































































/* ── 6. Animations ──────────────────────────────────────────── */











































































































.reveal-up {





















































  opacity: 0;





















































  transform: translateY(32px);





















































  transition: opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);





















































}











































































































.reveal-fade {





















































  opacity: 0;





















































  transition: opacity var(--t-xslow) var(--ease);





















































}











































































































.reveal-up.revealed,





















































.reveal-fade.revealed {





















































  opacity: 1;





















































  transform: translateY(0);





















































}











































































































@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }





















































@keyframes slideUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }





















































@keyframes scrollLine { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform: scaleY(1); transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }











































































































/* ── 7. Site Header & Navigation ────────────────────────────── */











































































































.site-header {





















































  position: fixed;





















































  top: 0;





















































  left: 0;





















































  right: 0;





















































  z-index: 1000;





















































  height: var(--header-h);





















































  transition:





















































    background var(--t-slow) var(--ease),





















































    height 0.4s var(--ease),





















































    box-shadow var(--t-slow) var(--ease),





















































    backdrop-filter var(--t-slow) var(--ease);





















































}











































































































.site-header.scrolled,





















































body.contact-page .site-header {





















































  background: rgba(27, 33, 29, 0.97);





















































  backdrop-filter: blur(12px);





















































  -webkit-backdrop-filter: blur(12px);





















































  height: 68px;





















































  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);





















































}

































































































































































/* ── Header stripe decoration ── */





















































.site-header {





















































  overflow: visible;





















































}





















































.site-header::after {





















































  content: "";





















































  position: absolute;





















































  bottom: 0;





















































  left: 0;





















































  right: 0;





















































  height: 13px;





















































  transform: translateY(100%);





















































  pointer-events: none;





















































  background: repeating-linear-gradient(





















































    90deg,





















































    rgba(27,33,29,1.0) 0,





















































    rgba(27,33,29,1.0) 8px,





















































    transparent 8px,





















































    transparent 14px





















































  );





















































  opacity: 0;





















































  transition: opacity 0.4s var(--ease);





















































}





















































.site-header.scrolled::after,





















































body.contact-page .site-header::after {





















































  opacity: 1;





















































}











































































































.header-inner {





















































  display: flex;





















































  align-items: center;





















































  justify-content: space-between;





















































  height: 100%;





















































  padding: 0 var(--sp-12);





















































}











































































































/* Logo */





















































.site-logo,





















































.logo-text {





















































  font-family: var(--ff-serif);





















































  font-size: 1.55rem;





















































  font-weight: 400;





















































  letter-spacing: 0.28em;





















































  text-transform: uppercase;





















































  color: var(--clr-white);





















































  text-decoration: none;





















































  transition: opacity var(--t-base) var(--ease);





















































}











































































































.site-logo .custom-logo {





















































  max-height: 42px;





















































  width: auto;





















































  filter: brightness(0) invert(1);





















































}











































































































.site-logo:hover { opacity: 0.75; }











































































































/* Nav menu */





















































.nav-menu {





















































  display: flex;





















































  align-items: center;





















































  gap: var(--sp-8);





















































}











































































































.nav-item { position: relative; }











































































































.nav-link {





















































  display: block;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 400;





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.78);





















































  padding: var(--sp-2) 0;





















































  position: relative;





















































  transition: color var(--t-base) var(--ease);





















































}











































































































.nav-link::after {





















































  content: '';





















































  position: absolute;





















































  bottom: 0;





















































  left: 0;





















































  width: 0;





















































  height: 1px;





















































  background: var(--clr-white);





















































  transition: width var(--t-base) var(--ease);





















































}











































































































.nav-link:hover { color: var(--clr-white); }





















































.nav-link:hover::after,





















































.nav-item.current-menu-item .nav-link::after { width: 100%; }





















































.nav-item.current-menu-item .nav-link { color: var(--clr-white); }











































































































/* Header actions */





















































.header-actions {





















































  display: flex;





















































  align-items: center;





















































  gap: var(--sp-6);





















































}











































































































.header-cart {





















































  position: relative;





















































  color: rgba(255, 255, 255, 0.78);





















































  display: flex;





















































  align-items: center;





















































  transition: color var(--t-base) var(--ease);





















































}





















































.header-cart:hover { color: var(--clr-white); }











































































































.cart-count {





















































  position: absolute;





















































  top: -7px;





















































  right: -9px;





















































  background: var(--clr-accent);





















































  color: var(--clr-white);





















































  font-size: 0.6rem;





















































  font-weight: 600;





















































  width: 17px;





















































  height: 17px;





















































  border-radius: 50%;





















































  display: flex;





















































  align-items: center;





















































  justify-content: center;





















































}











































































































/* Menu toggle (hamburger) */





















































.menu-toggle {





















































  display: none;





















































  flex-direction: column;





















































  gap: 6px;





















































  width: 28px;





















































  padding: 4px 0;





















































}











































































































.toggle-bar {





















































  display: block;





















































  height: 1px;





















































  background: var(--clr-white);





















































  transition: transform var(--t-base) var(--ease), opacity var(--t-base) var(--ease), width var(--t-base) var(--ease);





















































  transform-origin: center;





















































}











































































































.menu-toggle.active .toggle-bar:first-child { transform: rotate(45deg) translate(5px, 5px); }





















































.menu-toggle.active .toggle-bar:last-child  { transform: rotate(-45deg) translate(5px, -5px); }











































































































/* ── 8. Mobile Navigation ───────────────────────────────────── */











































































































.mobile-nav {





















































  position: fixed;





















































  top: 0;





















































  right: 0;





















































  bottom: 0;





















































  width: min(400px, 100vw);





















































  background: var(--clr-dark);





















































  z-index: 1100;





















































  transform: translateX(100%);





















































  transition: transform 0.5s var(--ease);





















































  overflow-y: auto;





















































}











































































































.mobile-nav.open { transform: translateX(0); }











































































































.mobile-overlay {





















































  position: fixed;





















































  inset: 0;





















































  background: rgba(0, 0, 0, 0.5);





















































  z-index: 1050;





















































  opacity: 0;





















































  pointer-events: none;





















































  transition: opacity 0.4s var(--ease);





















































}











































































































body.menu-open .mobile-overlay {





















































  opacity: 1;





















































  pointer-events: all;





















































}











































































































.mobile-nav__inner {





















































  display: flex;





















































  flex-direction: column;





















































  height: 100%;





















































  padding: var(--sp-8) var(--sp-8) var(--sp-16);





















































}











































































































.mobile-nav__top {





















































  display: flex;





















































  align-items: center;





















































  justify-content: space-between;





















































  margin-bottom: var(--sp-16);





















































}











































































































.mobile-logo {





















































  font-family: var(--ff-serif);





















































  font-size: 1.4rem;





















































  letter-spacing: 0.25em;





















































  text-transform: uppercase;





















































  color: var(--clr-white);





















































}











































































































.mobile-nav__close {





















































  color: var(--clr-white);





















































  opacity: 0.7;





















































  transition: opacity var(--t-base) var(--ease);





















































}





















































.mobile-nav__close:hover { opacity: 1; }











































































































.mobile-menu {





















































  flex: 1;





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-2);





















































}











































































































.mobile-menu .nav-link {





















































  font-size: 2rem;





















































  font-family: var(--ff-serif);





















































  font-weight: 300;





















































  letter-spacing: 0.04em;





















































  text-transform: none;





















































  padding: var(--sp-3) 0;





















































  color: rgba(255, 255, 255, 0.7);





















































}











































































































.mobile-menu .nav-link:hover { color: var(--clr-white); }











































































































.mobile-nav__footer {





















































  margin-top: auto;





















































  padding-top: var(--sp-8);





















































  border-top: 1px solid rgba(255, 255, 255, 0.1);





















































}











































































































.mobile-cart-link {





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.5);





















































}











































































































/* ── 9. Hero Section ────────────────────────────────────────── */











































































































.section-hero {





















































  position: relative;





















































  height: 100vh;





















































  min-height: 680px;





















































  display: flex;





















































  align-items: center;





















































  justify-content: center;





















































  overflow: hidden;





















































}











































































































.hero-media {





















































  position: absolute;





















































  inset: 0;





















































  z-index: 0;





















































}











































































































.hero-img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  object-position: center;





















































  will-change: transform;





















































}











































































































.hero-overlay {





















































  position: absolute;





















































  inset: 0;





















































  background: linear-gradient(





















































    to bottom,





















































    rgba(0, 0, 0, 0.50) 0%,





















































    rgba(0, 0, 0, 0.40) 40%,





















































    rgba(0, 0, 0, 0.65) 100%





















































  );





















































  z-index: 1;





















































}











































































































.hero-content {





















































  position: relative;





















































  z-index: 2;





















































  text-align: center;





















































  color: var(--clr-white);





















































  max-width: 860px;





















































  padding: 0 var(--sp-8);





















































  animation: slideUp 1.2s var(--ease) both;





















































}











































































































.hero-eyebrow {





















































  display: block;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 400;





















































  letter-spacing: 0.35em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.9);





















































  margin-bottom: var(--sp-6);





















































  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);





















































}











































































































.hero-title {





















































  font-family: 'Barlow', var(--ff-display);





















































  font-size: clamp(1.6rem, 3vw, 4.2rem);





















































  font-weight: 800;





















































  line-height: 1.12;





















































  letter-spacing: 0.03em;





















































  text-transform: uppercase;





















































  color: var(--clr-white);





















































  margin-bottom: var(--sp-6);





















































  text-shadow: 0 2px 32px rgba(0, 0, 0, 0.6), 0 1px 8px rgba(0, 0, 0, 0.4);





















































}











































































































.hero-title em { font-style: normal; opacity: 0.82; }











































































































.hero-tagline {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-md);





















































  font-weight: 300;





















































  color: rgba(255, 255, 255, 0.9);





















































  margin-bottom: var(--sp-12);





















































  letter-spacing: 0.04em;





















































  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.7);





















































}











































































































.hero-scroll-indicator {





















































  position: absolute;





















































  bottom: var(--sp-12);





















































  left: 50%;





















































  transform: translateX(-50%);





















































  z-index: 2;





















































  display: flex;





















































  flex-direction: column;





















































  align-items: center;





















































  gap: var(--sp-3);





















































  transition: opacity 0.4s var(--ease);





















































}











































































































.scroll-line {





















































  width: 1px;





















































  height: 60px;





















































  background: rgba(255, 255, 255, 0.3);





















































  position: relative;





















































  overflow: hidden;





















































}











































































































.scroll-line::after {





















































  content: '';





















































  position: absolute;





















































  inset: 0;





















































  background: rgba(255, 255, 255, 0.8);





















































  animation: scrollLine 2s var(--ease) infinite;





















































}











































































































.scroll-label {





















































  font-family: var(--ff-sans);





















































  font-size: 0.6rem;





















































  letter-spacing: 0.35em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.5);





















































}











































































































/* ── 10. Statement Section ──────────────────────────────────── */











































































































.section-statement {





















































  padding: var(--sp-40) 0;





















































  background: var(--clr-dark);





















































}











































































































.statement-inner {





















































  display: grid;





















































  grid-template-columns: 1fr auto;





















































  align-items: end;





















































  gap: var(--sp-12);





















































}











































































































.statement-text {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(1.6rem, 3vw, 2.8rem);





















































  font-weight: 300;





















































  line-height: 1.3;





















































  color: var(--clr-dark);





















































  font-style: italic;





















































  max-width: 860px;





















































}











































































































.statement-meta {





















































  display: flex;





















































  flex-direction: column;





















































  align-items: flex-end;





















































  gap: var(--sp-3);





















































  flex-shrink: 0;





















































}











































































































/* ── 11. Collections Section ────────────────────────────────── */











































































































.section-collections {





















































  padding-top: var(--sp-24);





















































  padding-bottom: var(--sp-32);





















































  background: var(--clr-bg);





















































}











































































































.collections-header {





















































  padding: var(--sp-12) var(--sp-8) var(--sp-16);





















































  display: flex;





















































  flex-direction: column;





















































}











































































































.collections-grid {





















































  display: grid;





















































  grid-template-columns: 62% 38%;





















































  gap: var(--sp-4);





















































  align-items: start;





















































}











































































































.collection-card--secondary { margin-top: var(--sp-24); }











































































































.collection-card__link { display: block; overflow: hidden; }











































































































.collection-card__image {





















































  overflow: hidden;





















































  position: relative;





















































}











































































































.collection-card--primary .collection-card__image { height: 72vh; min-height: 520px; }





















































.collection-card--secondary .collection-card__image { height: 56vh; min-height: 400px; }











































































































.collection-card__image img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  transition: transform 0.8s var(--ease);





















































}











































































































.collection-card__link:hover .collection-card__image img {





















































  transform: scale(1.04);





















































}











































































































.collection-card__body {





















































  padding: var(--sp-6) 0 0;





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-2);





















































}











































































































.collection-card__title {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(1.4rem, 2.5vw, 2.25rem);





















































  font-weight: 400;





















































  color: var(--clr-dark);





















































}











































































































.collection-card__cta {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  transition: color var(--t-base) var(--ease), letter-spacing var(--t-base) var(--ease);





















































}











































































































.collection-card__link:hover .collection-card__cta {





















































  color: var(--clr-dark);





















































  letter-spacing: 0.25em;





















































}











































































































/* ── 12. New Arrivals / Product Grid ────────────────────────── */











































































































.section-arrivals {





















































  padding: var(--sp-32) 0;





















































  background: var(--clr-bg);





















































}











































































































.arrivals-header {





















































  display: flex;





















































  align-items: flex-end;





















































  justify-content: space-between;





















































  margin-bottom: var(--sp-16);





















































}











































































































.arrivals-header__left { display: flex; flex-direction: column; }











































































































.products-row {





















































  display: grid;





















































  grid-template-columns: repeat(3, 1fr);





















































  gap: var(--sp-8) var(--sp-8);





















































}











































































































/* ── 13. Product Card ───────────────────────────────────────── */











































































































.product-card {





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-4);





















































}











































































































.product-card__image-wrap {





















































  position: relative;





















































  overflow: hidden;





















































  aspect-ratio: 3 / 4;





















































  background: var(--clr-bg-alt);





















































}











































































































.product-card__img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  transition: transform 0.7s var(--ease);





















































}











































































































.product-card__img--hover {





















































  position: absolute;





















































  inset: 0;





















































  opacity: 0;





















































  transition: opacity 0.5s var(--ease), transform 0.7s var(--ease);





















































}











































































































.product-card__image-wrap.hovered .product-card__img--hover { opacity: 1; }











































































































.product-card__image-wrap:hover .product-card__img { transform: scale(1.04); }











































































































.product-card__placeholder {





















































  width: 100%;





















































  height: 100%;





















































  background: linear-gradient(135deg, var(--clr-bg-alt) 0%, var(--clr-border) 100%);





















































}











































































































.product-card__hover-cta {





















































  position: absolute;





















































  bottom: var(--sp-4);





















































  left: 50%;





















































  transform: translateX(-50%) translateY(8px);





















































  background: rgba(27, 33, 29, 0.9);





















































  color: var(--clr-white);





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  padding: var(--sp-3) var(--sp-6);





















































  white-space: nowrap;





















































  opacity: 0;





















































  transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);





















































  pointer-events: none;





















































}











































































































.product-card__image-wrap:hover .product-card__hover-cta {





















































  opacity: 1;





















































  transform: translateX(-50%) translateY(0);





















































}











































































































.product-badge {





















































  position: absolute;





















































  top: var(--sp-4);





















































  left: var(--sp-4);





















































  font-family: var(--ff-sans);





















































  font-size: 0.6rem;





















































  font-weight: 500;





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  padding: 4px 10px;





















































  z-index: 1;





















































}











































































































.product-badge--sale  { background: var(--clr-dark); color: var(--clr-white); }





















































.product-badge--new   { background: var(--clr-accent); color: var(--clr-white); }











































































































.product-card__info {





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-1);





















































  padding: 0 var(--sp-1);





















































}











































































































.product-card__cat {





















































  font-family: var(--ff-sans);





















































  font-size: 0.68rem;





















































  font-weight: 400;





















































  letter-spacing: 0.22em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































}











































































































.product-card__name {





















































  font-family: var(--ff-serif);





















































  font-size: 1.35rem;





















































  font-weight: 400;





















































  line-height: 1.2;





















































  color: var(--clr-dark);





















































}











































































































.product-card__name a { transition: color var(--t-base) var(--ease); }





















































.product-card__name a:hover { color: var(--clr-accent); }











































































































.product-card__price {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-sm);





















































  font-weight: 400;





















































  color: var(--clr-muted);





















































  margin-top: var(--sp-1);





















































}











































































































/* ── 14. Manifesto Section ──────────────────────────────────── */











































































































.section-manifesto {





















































  background: var(--clr-dark);





















































  padding: var(--sp-40) var(--sp-8);





















































  text-align: center;





















































}











































































































.manifesto-inner { max-width: 900px; margin: 0 auto; }











































































































.manifesto-label {





















































  display: block;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 400;





















































  letter-spacing: 0.3em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.35);





















































  margin-bottom: var(--sp-8);





















































}











































































































.manifesto-heading {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.8rem, 6vw, 7rem);





















































  font-weight: 300;





















































  line-height: 1.05;





















































  letter-spacing: -0.01em;





















































  color: var(--clr-white);





















































}











































































































/* ── 15. Featured Editorial Section ────────────────────────── */











































































































.section-featured {





















































  padding: var(--sp-8) 0;





















































  overflow: hidden;





















































}











































































































.featured-editorial {





















































  display: grid;





















































  grid-template-columns: 44% 56%;





















































  min-height: 80vh;





















































}











































































































.featured-editorial__content {





















































  display: flex;





















































  flex-direction: column;





















































  justify-content: center;





















































  padding: var(--sp-32) var(--sp-24) var(--sp-32) var(--sp-32);





















































  background: var(--clr-dark);





















































}











































































































.featured-heading {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.5rem, 4vw, 4.5rem);





















































  font-weight: 300;





















































  line-height: 1.08;





















































  color: var(--clr-dark);





















































  margin: var(--sp-4) 0 var(--sp-6);





















































}











































































































.featured-desc {





















































  color: var(--clr-muted);





















































  font-size: var(--text-md);





















































  line-height: 1.8;





















































  margin-bottom: var(--sp-8);





















































  max-width: 400px;





















































}











































































































.featured-price {





















































  font-family: var(--ff-sans);





















































  font-size: 1.1rem;





















































  color: var(--clr-dark);





















































  margin-bottom: var(--sp-8);





















































}











































































































.featured-editorial__image {





















































  overflow: hidden;





















































}











































































































.featured-editorial__image img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  object-position: center;





















































  transition: transform 0.9s var(--ease);





















































}











































































































.featured-editorial__image:hover img { transform: scale(1.03); }











































































































/* ── 16. Interior Stories ───────────────────────────────────── */











































































































.section-interiors {





















































  padding-top: var(--sp-24);





















































  padding-bottom: 0;





















































  background: var(--clr-dark);





















































}











































































































.section-interiors .container {





















































  margin-bottom: var(--sp-12);





















































}











































































































.interiors-grid {





















































  display: grid;





















































  grid-template-columns: 52% 48%;





















































  gap: var(--sp-4);





















































  padding: 0 var(--sp-4);





















































}











































































































.interiors-stack {





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-4);





















































  padding-top: var(--sp-16);





















































}











































































































.interior-img {





















































  position: relative;





















































  overflow: hidden;





















































}











































































































.interior-img--tall { height: 85vh; min-height: 600px; }











































































































.interiors-stack .interior-img { height: calc(42.5vh - var(--sp-4)); min-height: 280px; }











































































































.interior-img img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  transition: transform 0.8s var(--ease);





















































}











































































































.interior-img:hover img { transform: scale(1.04); }











































































































.interior-caption {





















































  display: block;





















































  position: absolute;





















































  bottom: var(--sp-4);





















































  left: var(--sp-4);





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.15em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.7);





















































  background: rgba(0, 0, 0, 0.3);





















































  padding: var(--sp-2) var(--sp-3);





















































}











































































































/* ── 17. Craftsmanship Section ──────────────────────────────── */











































































































.section-craft {





















































  padding: var(--sp-40) 0;





















































  background: var(--clr-dark);





















































}











































































































.craft-intro {





















































  margin-bottom: var(--sp-16);





















































}











































































































.craft-grid {





















































  display: grid;





















































  grid-template-columns: repeat(3, 1fr);





















































  gap: var(--sp-12) var(--sp-16);





















































  padding-top: var(--sp-8);





















































  border-top: 1px solid var(--clr-border);





















































}











































































































.craft-item { display: flex; flex-direction: column; gap: var(--sp-4); }











































































































.craft-number {





















































  font-family: var(--ff-serif);





















































  font-size: 3.5rem;





















































  font-weight: 300;





















































  color: var(--clr-border);





















































  line-height: 1;





















































}











































































































.craft-title {





















































  font-family: var(--ff-serif);





















































  font-size: 1.5rem;





















































  font-weight: 400;





















































  color: var(--clr-dark);





















































}











































































































.craft-item p {





















































  font-size: var(--text-sm);





















































  color: var(--clr-muted);





















































  line-height: 1.85;





















































  margin: 0;





















































}











































































































/* ── 18. CTA Section ────────────────────────────────────────── */











































































































.section-cta {





















































  position: relative;





















































  height: 70vh;





















































  min-height: 500px;





















































  display: flex;





















































  align-items: center;





















































  justify-content: center;





















































  overflow: hidden;





















































}











































































































.cta-bg {





















































  position: absolute;





















































  inset: 0;





















































}











































































































.cta-bg img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  object-position: center;





















































}











































































































.cta-overlay {





















































  position: absolute;





















































  inset: 0;





















































  background: rgba(10, 14, 12, 0.65);





















































}











































































































.cta-content {





















































  position: relative;





















































  z-index: 2;





















































  text-align: center;





















































  color: var(--clr-white);





















































  padding: var(--sp-8);





















































}











































































































.cta-heading {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.5rem, 5vw, 5.5rem);





















































  font-weight: 300;





















































  color: var(--clr-white);





















































  margin-bottom: var(--sp-12);





















































}











































































































/* ── 19. Shop Archive ───────────────────────────────────────── */











































































































.shop-header {





















































  padding: var(--sp-24) 0 var(--sp-12);





















































  background: var(--clr-bg);





















































  margin-top: var(--header-h);





















































  border-bottom: 1px solid var(--clr-border);





















































}











































































































.shop-header__inner {





















































  display: flex;





















































  align-items: flex-end;





















































  justify-content: space-between;





















































  gap: var(--sp-8);





















































  margin-top: var(--sp-4);





















































}











































































































.shop-title {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.5rem, 4vw, 4rem);





















































  font-weight: 300;





















































  color: var(--clr-dark);





















































}











































































































.shop-desc {





















































  font-size: var(--text-sm);





















































  color: var(--clr-muted);





















































  margin-top: var(--sp-2);





















































  max-width: 500px;





















































}











































































































.shop-controls {





















































  display: flex;





















































  align-items: center;





















































  gap: var(--sp-6);





















































  flex-shrink: 0;





















































}











































































































.woocommerce-result-count {





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.12em;





















































  color: var(--clr-muted);





















































  text-transform: uppercase;





















































  margin: 0;





















































}











































































































.woocommerce-ordering select {





















































  appearance: none;





















































  background: transparent;





















































  border: 1px solid var(--clr-border);





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.1em;





















































  padding: var(--sp-2) var(--sp-6) var(--sp-2) var(--sp-3);





















































  cursor: pointer;





















































  color: var(--clr-dark);





















































}











































































































/* Category filters */





















































.shop-filters {





















































  padding: var(--sp-6) 0;





















































  border-bottom: 1px solid var(--clr-border);





















































  background: var(--clr-bg);





















































  position: sticky;





















































  top: var(--header-h);





















































  z-index: 100;





















































}











































































































.filter-cats {





















































  display: flex;





















































  flex-wrap: wrap;





















































  gap: var(--sp-1);





















































}











































































































.filter-cat {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 400;





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  padding: var(--sp-2) var(--sp-5);





















































  border: 1px solid transparent;





















































  transition: all var(--t-base) var(--ease);





















































}











































































































.filter-cat:hover,





















































.filter-cat.active {





















































  color: var(--clr-dark);





















































  border-color: var(--clr-dark);





















































}











































































































/* Products grid */





















































.shop-content { padding: var(--sp-16) 0 var(--sp-32); }











































































































.woo-wrap ul.products {





















































  display: grid;





















































  grid-template-columns: repeat(3, 1fr);





















































  gap: var(--sp-16) var(--sp-8);





















































  list-style: none;





















































  margin: 0;





















































  padding: 0;





















































}











































































































/* WooCommerce product default overrides */





















































.woo-wrap ul.products li.product {





















































  float: none;





















































  width: auto;





















































  margin: 0;





















































}











































































































/* Pagination */





















































.shop-pagination,





















































.woocommerce-pagination {





















































  margin-top: var(--sp-24);





















































  text-align: center;





















































}











































































































.woocommerce-pagination ul.page-numbers {





















































  display: flex;





















































  justify-content: center;





















































  gap: var(--sp-2);





















































  list-style: none;





















































}











































































































.page-numbers {





















































  display: inline-flex;





















































  align-items: center;





















































  justify-content: center;





















































  width: 44px;





















































  height: 44px;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-sm);





















































  color: var(--clr-muted);





















































  border: 1px solid transparent;





















































  transition: all var(--t-base) var(--ease);





















































}











































































































.page-numbers:hover,





















































.page-numbers.current {





















































  border-color: var(--clr-dark);





















































  color: var(--clr-dark);





















































}











































































































/* ── 20. Single Product ─────────────────────────────────────── */











































































































.is-product .site-header { background: rgba(27, 33, 29, 0.95); }











































































































body.single-product .woocommerce div.product {





















































  display: grid;





















































  grid-template-columns: 55% 45%;





















































  gap: 0;





















































  margin-top: var(--header-h);





















































}











































































































body.single-product .woocommerce div.product div.images {





















































  position: sticky;





















































  top: var(--header-h);





















































  height: min(calc(100vh - var(--header-h)), 780px);





















































  overflow: hidden;





















































}











































































































body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {





















































  height: 100%;





















































}











































































































body.single-product .woocommerce div.product div.images img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































}











































































































body.single-product .woocommerce div.product div.images .flex-viewport {





















































  height: 100% !important;





















































}











































































































body.single-product .woocommerce div.product div.images ol.flex-control-nav {





















































  position: absolute;





















































  bottom: var(--sp-6);





















































  left: var(--sp-6);





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-2);





















































  width: 64px;





















































  z-index: 2;





















































}











































































































body.single-product .woocommerce div.product div.images ol.flex-control-nav li img {





















































  width: 64px;





















































  height: 64px;





















































  object-fit: cover;





















































  opacity: 0.6;





















































  cursor: pointer;





















































  transition: opacity var(--t-base) var(--ease);





















































  border: 1px solid transparent;





















































}











































































































body.single-product .woocommerce div.product div.images ol.flex-control-nav li img:hover,





















































body.single-product .woocommerce div.product div.images ol.flex-control-nav li img.flex-active {





















































  opacity: 1;





















































  border-color: var(--clr-dark);





















































}











































































































body.single-product .woocommerce div.product div.summary {





















































  padding: var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-12);





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-6);





















































  overflow-y: auto;





















































  max-height: min(calc(100vh - var(--header-h)), 780px);





















































  position: sticky;





















































  top: var(--header-h);





















































}











































































































.woocommerce-breadcrumb {





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  margin-bottom: var(--sp-4);





















































}











































































































body.single-product .woocommerce div.product .product_title {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2rem, 3.5vw, 3.5rem);





















































  font-weight: 300;





















































  line-height: 1.1;





















































  color: var(--clr-dark);





















































  margin: 0;





















































}











































































































body.single-product .woocommerce div.product p.price,





















































body.single-product .woocommerce div.product span.price {





















































  font-family: var(--ff-sans);





















































  font-size: 1.2rem;





















































  font-weight: 400;





















































  color: var(--clr-dark);





















































  margin: 0;





















































}











































































































body.single-product .woocommerce div.product .woocommerce-product-details__short-description {





















































  font-size: var(--text-md);





















































  color: var(--clr-muted);





















































  line-height: 1.8;





















































  border-top: 1px solid var(--clr-border);





















































  padding-top: var(--sp-6);





















































}











































































































/* Add to cart */





















































body.single-product .woocommerce div.product form.cart {





















































  display: flex;





















































  gap: var(--sp-3);





















































  align-items: center;





















































  border-top: 1px solid var(--clr-border);





















































  padding-top: var(--sp-6);





















































}











































































































body.single-product .woocommerce div.product form.cart .quantity {





















































  display: flex;





















































  align-items: center;





















































  border: 1px solid var(--clr-border);





















































  width: 100px;





















































}











































































































body.single-product .woocommerce div.product form.cart .qty {





















































  width: 100%;





















































  text-align: center;





















































  border: none;





















































  padding: var(--sp-3);





















































  font-size: var(--text-base);





















































  background: transparent;





















































  -moz-appearance: textfield;





















































}











































































































body.single-product .woocommerce div.product form.cart .qty::-webkit-outer-spin-button,





















































body.single-product .woocommerce div.product form.cart .qty::-webkit-inner-spin-button { -webkit-appearance: none; }











































































































body.single-product .woocommerce div.product form.cart button[type="submit"],





















































body.single-product .woocommerce div.product form.cart .single_add_to_cart_button {





















































  flex: 1;





















































  background: var(--clr-dark);





















































  color: var(--clr-white);





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  padding: 1rem 2rem;





















































  border: 1px solid var(--clr-dark);





















































  cursor: pointer;





















































  transition: background var(--t-base) var(--ease), color var(--t-base) var(--ease);





















































}











































































































body.single-product .woocommerce div.product form.cart button[type="submit"]:hover,





















































body.single-product .woocommerce div.product form.cart .single_add_to_cart_button:hover {





















































  background: transparent;





















































  color: var(--clr-dark);





















































}











































































































/* Product tabs */





















































body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs {





















































  display: flex;





















































  gap: 0;





















































  border-bottom: 1px solid var(--clr-border);





















































  padding: 0;





















































  list-style: none;





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li a {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.15em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  padding: var(--sp-3) var(--sp-6);





















































  display: block;





















































  transition: color var(--t-base) var(--ease);





















































  border: none;





















































  background: none;





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--clr-dark); }











































































































body.single-product .woocommerce div.product .woocommerce-tabs .panel {





















































  padding: var(--sp-8) 0;





















































  font-size: var(--text-sm);





















































  color: var(--clr-muted);





















































  line-height: 1.9;





















































}











































































































/* Related products */





















































.woocommerce .related {





















































  padding: var(--sp-24) var(--sp-8);





















































  background: var(--clr-bg);





















































  grid-column: 1 / -1;





















































}











































































































.woocommerce .related h2 {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(1.8rem, 3vw, 2.8rem);





















































  font-weight: 300;





















































  margin-bottom: var(--sp-12);





















































}











































































































/* Star ratings — WooCommerce handles glyphs; just override colour */





















































.star-rating,





















































.star-rating span::before { color: var(--clr-accent); }











































































































/* Active tab underline */





















































body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li {





















































  position: relative;





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after {





















































  content: '';





















































  position: absolute;





















































  bottom: -1px;





















































  left: var(--sp-6);





















































  right: var(--sp-6);





















































  height: 1px;





















































  background: var(--clr-dark);





















































  transform: scaleX(0);





















































  transition: transform var(--t-base) var(--ease);





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {





















































  transform: scaleX(1);





















































}











































































































/* Product meta (SKU, categories) */





















































body.single-product .woocommerce div.product .product_meta {





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-2);





















































  padding-top: var(--sp-4);





















































  border-top: 1px solid var(--clr-border);





















































}











































































































body.single-product .woocommerce div.product .product_meta > span { display: flex; gap: var(--sp-2); align-items: baseline; }











































































































body.single-product .woocommerce div.product .product_meta a {





















































  color: var(--clr-dark);





















































  transition: color var(--t-base) var(--ease);





















































}











































































































body.single-product .woocommerce div.product .product_meta a:hover { color: var(--clr-accent); }











































































































/* Sale price */





















































body.single-product .woocommerce div.product p.price del,





















































body.single-product .woocommerce div.product span.price del {





















































  color: var(--clr-muted);





















































  opacity: 0.6;





















































  font-size: 0.9em;





















































  margin-right: var(--sp-2);





















































}











































































































body.single-product .woocommerce div.product p.price ins,





















































body.single-product .woocommerce div.product span.price ins {





















































  text-decoration: none;





















































  color: var(--clr-dark);





















































  font-weight: 500;





















































}











































































































/* Product attributes table */





















































.woocommerce-product-attributes {





















































  width: 100%;





















































  border-collapse: collapse;





















































  font-size: var(--text-sm);





















































}











































































































.woocommerce-product-attributes th,





















































.woocommerce-product-attributes td {





















































  padding: var(--sp-3) var(--sp-4);





















































  text-align: left;





















































  border-bottom: 1px solid var(--clr-border);





















































  vertical-align: top;





















































}











































































































.woocommerce-product-attributes th {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  white-space: nowrap;





















































  width: 35%;





















































}











































































































.woocommerce-product-attributes td {





















































  font-family: var(--ff-serif);





















































  font-size: 1.05rem;





















































  color: var(--clr-dark);





















































}











































































































.woocommerce-product-attributes td p { margin: 0; }











































































































/* Tab panel content */





















































body.single-product .woocommerce div.product .woocommerce-tabs .panel h2 {





















































  font-family: var(--ff-serif);





















































  font-size: 1.5rem;





















































  font-weight: 300;





















































  margin-bottom: var(--sp-6);





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs .panel h3 {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-sm);





















































  font-weight: 500;





















































  letter-spacing: 0.1em;





















































  text-transform: uppercase;





















































  color: var(--clr-dark);





















































  margin: var(--sp-8) 0 var(--sp-4);





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs .panel ul {





















































  padding-left: var(--sp-6);





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-2);





















































}











































































































body.single-product .woocommerce div.product .woocommerce-tabs .panel ul li { list-style: disc; }











































































































/* Related / upsells grid */





















































.woocommerce .related ul.products,





















































.woocommerce .upsells ul.products {





















































  display: grid;





















































  grid-template-columns: repeat(3, 1fr);





















































  gap: var(--sp-12) var(--sp-8);





















































  list-style: none;





















































  padding: 0;





















































  margin: 0;





















































}











































































































.woocommerce .related h2,





















































.woocommerce .upsells h2 {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(1.8rem, 3vw, 2.8rem);





















































  font-weight: 300;





















































  margin-bottom: var(--sp-12);





















































  color: var(--clr-dark);





















































}











































































































/* Cart & checkout pages */





















































.woocommerce-cart .woo-wrap,





















































.woocommerce-checkout .woo-wrap {





















































  padding: calc(var(--header-h) + var(--sp-16)) var(--sp-8) var(--sp-32);





















































  max-width: 1200px;





















































  margin: 0 auto;





















































}











































































































.woocommerce table.shop_table {





















































  width: 100%;





















































  border-collapse: collapse;





















































  font-size: var(--text-sm);





















































}











































































































.woocommerce table.shop_table th {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.15em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  padding: var(--sp-4) var(--sp-3);





















































  border-bottom: 1px solid var(--clr-border);





















































  text-align: left;





















































}











































































































.woocommerce table.shop_table td {





















































  padding: var(--sp-5) var(--sp-3);





















































  border-bottom: 1px solid var(--clr-border);





















































  vertical-align: middle;





















































}











































































































.woocommerce table.shop_table .product-thumbnail img {





















































  width: 80px;





















































  height: 100px;





















































  object-fit: cover;





















































}











































































































.woocommerce table.shop_table a {





















































  font-family: var(--ff-serif);





















































  font-size: 1.1rem;





















































  color: var(--clr-dark);





















































}











































































































.woocommerce .cart-collaterals { margin-top: var(--sp-12); }











































































































.woocommerce .cart_totals h2 {





















































  font-family: var(--ff-serif);





















































  font-size: 1.8rem;





















































  font-weight: 300;





















































  margin-bottom: var(--sp-8);





















































}











































































































.wc-proceed-to-checkout .checkout-button,





















































.woocommerce #payment #place_order {





















































  display: block;





















































  width: 100%;





















































  background: var(--clr-dark);





















































  color: var(--clr-white);





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  padding: 1.1rem 2rem;





















































  border: 1px solid var(--clr-dark);





















































  cursor: pointer;





















































  text-align: center;





















































  transition: background var(--t-base) var(--ease), color var(--t-base) var(--ease);





















































  margin-top: var(--sp-4);





















































}











































































































.wc-proceed-to-checkout .checkout-button:hover,





















































.woocommerce #payment #place_order:hover {





















































  background: transparent;





















































  color: var(--clr-dark);





















































}











































































































/* Checkout form fields */





















































.woocommerce-billing-fields h3,





















































.woocommerce-shipping-fields h3,





















































.woocommerce-additional-fields h3 {





















































  font-family: var(--ff-serif);





















































  font-size: 1.8rem;





















































  font-weight: 300;





















































  margin-bottom: var(--sp-8);





















































}











































































































.woocommerce form .form-row label {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  display: block;





















































  margin-bottom: var(--sp-2);





















































}











































































































.woocommerce form .form-row input.input-text,





















































.woocommerce form .form-row textarea,





















































.woocommerce form .form-row select {





















































  width: 100%;





















































  padding: var(--sp-3) var(--sp-4);





















































  border: 1px solid var(--clr-border);





















































  border-radius: 0;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-sm);





















































  background: var(--clr-white);





















































  outline: none;





















































  transition: border-color var(--t-base) var(--ease);





















































}











































































































.woocommerce form .form-row input.input-text:focus,





















































.woocommerce form .form-row textarea:focus { border-color: var(--clr-dark); }











































































































/* ── 21. Page Templates ─────────────────────────────────────── */











































































































/* Minimal page hero */





















































.page-hero-minimal {





















































  padding: calc(var(--header-h) + var(--sp-16)) 0 var(--sp-16);





















































  background: var(--clr-bg);





















































  border-bottom: 1px solid var(--clr-border);





















































}











































































































.page-title {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.5rem, 5vw, 5rem);





















































  font-weight: 300;





















































  color: var(--clr-dark);





















































  margin-top: var(--sp-2);





















































}











































































































/* Page content */





















































.page-content {





















































  padding: var(--sp-24) 0;





















































  max-width: 780px;





















































}











































































































.page-content p,





















































.page-content ul,





















































.page-content ol { color: var(--clr-muted); font-size: var(--text-md); line-height: 1.85; }











































































































.page-content h2 { font-size: 1.8rem; margin: var(--sp-12) 0 var(--sp-4); }





















































.page-content h3 { font-size: 1.4rem; margin: var(--sp-8) 0 var(--sp-3); }











































































































/* ── 22. About Page ─────────────────────────────────────────── */











































































































.about-hero {





















































  position: relative;





















































  height: 85vh;





















































  min-height: 580px;





















































  display: flex;





















































  align-items: flex-end;





















































  justify-content: center;





















































  overflow: hidden;





















































}











































































































.about-hero__media {





















































  position: absolute;





















































  inset: 0;





















































}











































































































.about-hero__media img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































}











































































































.about-hero__content {





















































  position: relative;





















































  z-index: 2;





















































  text-align: center;





















































  color: var(--clr-white);





















































  padding: 0 var(--sp-8) var(--sp-24);





















































}











































































































.about-hero__title {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(3.5rem, 7vw, 8rem);





















































  font-weight: 300;





















































  line-height: 0.95;





















































  color: var(--clr-white);





















































}











































































































.about-hero__title em { font-style: italic; }











































































































.about-story { padding: var(--sp-40) 0; }











































































































.about-story__grid {





















































  display: grid;





















































  grid-template-columns: 52% 48%;





















































  gap: var(--sp-24);





















































  align-items: center;





















































}











































































































.about-story__text { display: flex; flex-direction: column; gap: var(--sp-6); }











































































































.about-story__text p { font-size: var(--text-md); color: var(--clr-muted); line-height: 1.85; }











































































































.about-story__image img {





















































  width: 100%;





















































  aspect-ratio: 3 / 4;





















































  object-fit: cover;





















































}











































































































.about-philosophy {





















































  padding: var(--sp-24) 0;





















































  background: var(--clr-dark);





















































}











































































































.about-quote {





















































  text-align: center;





















































  padding: var(--sp-16) 0;





















































}











































































































.about-quote p {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(1.5rem, 3vw, 2.5rem);





















































  font-style: italic;





















































  font-weight: 300;





















































  color: var(--clr-white);





















































  line-height: 1.4;





















































  margin-bottom: var(--sp-6);





















































}











































































































.about-quote cite {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.25em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.4);





















































  font-style: normal;





















































}











































































































.about-values { padding: var(--sp-40) 0; }











































































































.values-grid {





















































  display: grid;





















































  grid-template-columns: repeat(4, 1fr);





















































  gap: var(--sp-8) var(--sp-12);





















































  margin-top: var(--sp-16);





















































  border-top: 1px solid var(--clr-border);





















































  padding-top: var(--sp-12);





















































}











































































































.value-item { display: flex; flex-direction: column; gap: var(--sp-3); }











































































































.about-materials {





















































  display: grid;





















































  grid-template-columns: 55% 45%;





















































  min-height: 70vh;





















































}











































































































.about-materials__image { overflow: hidden; }





















































.about-materials__image img { width: 100%; height: 100%; object-fit: cover; }











































































































.about-materials__content {





















































  display: flex;





















































  flex-direction: column;





















































  justify-content: center;





















































  gap: var(--sp-6);





















































  padding: var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-16);





















































  background: var(--clr-bg-alt);





















































}











































































































.about-materials__content p { font-size: var(--text-md); color: var(--clr-muted); line-height: 1.85; }











































































































/* ── 23. Contact Page ───────────────────────────────────────── */











































































































.contact-layout { padding: var(--sp-24) 0 var(--sp-40); }











































































































.contact-grid {





















































  display: grid;





















































  grid-template-columns: 36% 64%;





















































  gap: var(--sp-24);





















































}











































































































.contact-info {





















































  display: flex;





















































  flex-direction: column;





















































  gap: 0;





















































}











































































































.contact-info__block {





















































  padding: var(--sp-7) 0;





















































  border-bottom: 1px solid var(--clr-border);





















































}











































































































.contact-info__block:first-child {





















































  border-top: 1px solid var(--clr-border);





















































}











































































































.contact-info__heading {





















































  display: flex;





















































  align-items: center;





















































  gap: var(--sp-3);





















































  font-family: var(--ff-sans);





















































  font-size: 10px;





















































  font-weight: 500;





















































  letter-spacing: 0.3em;





















































  text-transform: uppercase;





















































  color: var(--clr-accent);





















































  margin-bottom: var(--sp-3);





















































}











































































































.contact-info__heading::before {





















































  content: '';





















































  display: block;





















































  width: 18px;





















































  height: 1px;





















































  background: var(--clr-accent);





















































  flex-shrink: 0;





















































}











































































































.contact-info__block a,





















































.contact-info__block p {





















































  font-family: var(--ff-serif);





















































  font-size: 1.2rem;





















































  font-weight: 300;





















































  color: var(--clr-dark);





















































  line-height: 1.65;





















































  letter-spacing: 0.01em;





















































}











































































































.contact-info__block a {





















































  display: inline-block;





















































  position: relative;





















































  transition: color var(--t-base) var(--ease);





















































}











































































































.contact-info__block a::after {





















































  content: '';





















































  position: absolute;





















































  bottom: -1px;





















































  left: 0;





















































  width: 0;





















































  height: 1px;





















































  background: var(--clr-accent);





















































  transition: width var(--t-base) var(--ease);





















































}











































































































.contact-info__block a:hover { color: var(--clr-accent); }





















































.contact-info__block a:hover::after { width: 100%; }











































































































/* Contact Form */





















































.contact-form {





















































  display: grid;





















































  grid-template-columns: 1fr 1fr;





















































  gap: var(--sp-6);





















































}











































































































.form-group {





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-2);





















































}











































































































.form-group--full { grid-column: 1 / -1; }











































































































.form-group label {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.15em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































}











































































































.form-group input,





















































.form-group select,





















































.form-group textarea {





















































  padding: var(--sp-3) var(--sp-4);





















































  border: 1px solid var(--clr-border);





















































  background: var(--clr-white);





















































  color: var(--clr-dark);





















































  font-size: var(--text-base);





















































  transition: border-color var(--t-base) var(--ease);





















































  border-radius: 0;





















































  -webkit-appearance: none;





















































  outline: none;





















































}











































































































.form-group input:focus,





















































.form-group select:focus,





















































.form-group textarea:focus {





















































  border-color: var(--clr-dark);





















































}











































































































.form-group textarea { resize: vertical; min-height: 140px; }











































































































/* ── 24. FAQ Page ───────────────────────────────────────────── */











































































































.faq-content { padding: var(--sp-16) 0 var(--sp-40); }











































































































.faq-section { margin-bottom: var(--sp-16); }











































































































.faq-section__title {





















































  font-family: var(--ff-serif);





















































  font-size: 1.8rem;





















































  font-weight: 400;





















































  color: var(--clr-dark);





















































  margin-bottom: var(--sp-6);





















































  padding-bottom: var(--sp-4);





















































  border-bottom: 1px solid var(--clr-border);





















































}











































































































.faq-list { display: flex; flex-direction: column; }











































































































.faq-item {





















































  border-bottom: 1px solid var(--clr-border-lt);





















































}











































































































.faq-question {





















































  width: 100%;





















































  display: flex;





















































  align-items: center;





















































  justify-content: space-between;





















































  gap: var(--sp-6);





















































  padding: var(--sp-5) 0;





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-base);





















































  font-weight: 400;





















































  color: var(--clr-dark);





















































  text-align: left;





















































  cursor: pointer;





















































  transition: color var(--t-base) var(--ease);





















































}











































































































.faq-question:hover { color: var(--clr-accent); }











































































































.faq-icon {





















































  font-size: 1.3rem;





















































  font-weight: 300;





















































  flex-shrink: 0;





















































  color: var(--clr-muted);





















































  width: 20px;





















































  text-align: center;





















































  transition: transform var(--t-base) var(--ease);





















































}











































































































.faq-answer {





















































  padding: 0 0 var(--sp-6);





















































}











































































































.faq-answer p {





















































  font-size: var(--text-sm);





















































  color: var(--clr-muted);





















































  line-height: 1.85;





















































}











































































































.faq-cta {





















































  margin-top: var(--sp-16);





















































  padding-top: var(--sp-12);





















































  border-top: 1px solid var(--clr-border);





















































  text-align: center;





















































  display: flex;





















































  flex-direction: column;





















































  align-items: center;





















































  gap: var(--sp-6);





















































}











































































































.faq-cta p {





















































  font-family: var(--ff-serif);





















































  font-size: 1.4rem;





















































  font-style: italic;





















































  color: var(--clr-muted);





















































}











































































































/* ── 25. Footer ─────────────────────────────────────────────── */











































































































.site-footer {





















































  background: var(--clr-dark);





















































  color: rgba(255, 255, 255, 0.55);





















































}











































































































.footer-top { padding: var(--sp-24) 0 var(--sp-16); }











































































































.footer-grid {





















































  display: grid;





















































  grid-template-columns: 2fr 1fr 1fr 1.5fr;





















































  gap: var(--sp-12) var(--sp-8);





















































}











































































































.footer-logo {





















































  font-family: var(--ff-serif);





















































  font-size: 1.5rem;





















































  font-weight: 400;





















































  letter-spacing: 0.25em;





















































  text-transform: uppercase;





















































  color: var(--clr-white);





















































  display: block;





















































  margin-bottom: var(--sp-4);





















































}











































































































.footer-tagline {





















































  font-size: var(--text-sm);





















































  line-height: 1.7;





















































  margin-bottom: var(--sp-6);





















































}











































































































.footer-social {





















































  display: flex;





















































  gap: var(--sp-4);





















































}











































































































.social-link {





















































  color: rgba(255, 255, 255, 0.4);





















































  transition: color var(--t-base) var(--ease);





















































}





















































.social-link:hover { color: var(--clr-white); }











































































































.footer-heading {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.25em;





















































  text-transform: uppercase;





















































  color: var(--clr-white);





















































  margin-bottom: var(--sp-6);





















































}











































































































.footer-nav {





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-3);





















































}











































































































.footer-nav a {





















































  font-size: var(--text-sm);





















































  color: rgba(255, 255, 255, 0.45);





















































  transition: color var(--t-base) var(--ease);





















































}





















































.footer-nav a:hover { color: var(--clr-white); }











































































































.footer-contact {





















































  display: flex;





















































  flex-direction: column;





















































  gap: var(--sp-3);





















































}











































































































.footer-contact-item {





















































  font-size: var(--text-sm);





















































  color: rgba(255, 255, 255, 0.55);





















































  transition: color var(--t-base) var(--ease);





















































}





















































.footer-contact-item:hover { color: var(--clr-white); }











































































































.footer-address {





















































  font-size: var(--text-sm);





















































  line-height: 1.7;





















































  margin: 0;





















































}











































































































.footer-bottom {





















































  border-top: 1px solid rgba(255, 255, 255, 0.08);





















































  padding: var(--sp-6) 0;





















































}











































































































.footer-bottom-inner {





















































  display: flex;





















































  align-items: center;





















































  justify-content: space-between;





















































  gap: var(--sp-6);





















































}











































































































.copyright { font-size: var(--text-xs); }











































































































.footer-bottom-menu {





















































  display: flex;





















































  gap: var(--sp-6);





















































  list-style: none;





















































}











































































































.footer-bottom-menu a {





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.3);





















































  transition: color var(--t-base) var(--ease);





















































}





















































.footer-bottom-menu a:hover { color: rgba(255, 255, 255, 0.6); }











































































































/* ── 26. WooCommerce Globals ────────────────────────────────── */











































































































/* Cart & Checkout */





















































.woocommerce-cart .site-header,





















































.woocommerce-checkout .site-header {





















































  background: rgba(27, 33, 29, 0.97);





















































}











































































































.woocommerce-cart main.woo-main,





















































.woocommerce-checkout main.woo-main {





















































  padding-top: calc(var(--header-h) + var(--sp-16));





















































  padding-bottom: var(--sp-32);





















































}











































































































.woocommerce-cart .woo-wrap,





















































.woocommerce-checkout .woo-wrap {





















































  max-width: var(--max-width);





















































  margin: 0 auto;





















































  padding: 0 var(--sp-8);





















































}











































































































.woocommerce table.shop_table {





















































  border-collapse: collapse;





















































  width: 100%;





















































}











































































































.woocommerce table.shop_table th {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  padding: var(--sp-3) var(--sp-4);





















































  border-bottom: 1px solid var(--clr-border);





















































}











































































































.woocommerce table.shop_table td {





















































  padding: var(--sp-6) var(--sp-4);





















































  border-bottom: 1px solid var(--clr-border-lt);





















































  font-size: var(--text-sm);





















































  color: var(--clr-text);





















































  vertical-align: middle;





















































}











































































































.woocommerce-cart-form .button,





















































.woocommerce .button,





















































.woocommerce a.button {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  font-weight: 500;





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  padding: var(--sp-3) var(--sp-8);





















































  background: var(--clr-dark);





















































  color: var(--clr-white);





















































  border: 1px solid var(--clr-dark);





















































  cursor: pointer;





















































  transition: background var(--t-base) var(--ease), color var(--t-base) var(--ease);





















































  display: inline-block;





















































}











































































































.woocommerce-cart-form .button:hover,





















































.woocommerce .button:hover,





















































.woocommerce a.button:hover {





















































  background: transparent;





















































  color: var(--clr-dark);





















































}











































































































/* Checkout form */





















































.woocommerce-checkout .woocommerce-input-wrapper input,





















































.woocommerce-checkout .woocommerce-input-wrapper textarea,





















































.woocommerce-checkout .woocommerce-input-wrapper select {





















































  border: 1px solid var(--clr-border);





















































  padding: var(--sp-3) var(--sp-4);





















































  width: 100%;





















































  font-family: var(--ff-sans);





















































  outline: none;





















































  border-radius: 0;





















































  transition: border-color var(--t-base) var(--ease);





















































}











































































































.woocommerce-checkout .woocommerce-input-wrapper input:focus,





















































.woocommerce-checkout .woocommerce-input-wrapper textarea:focus,





















































.woocommerce-checkout .woocommerce-input-wrapper select:focus {





















































  border-color: var(--clr-dark);





















































}











































































































.woocommerce-checkout .woocommerce-form-row label {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-xs);





















































  letter-spacing: 0.15em;





















































  text-transform: uppercase;





















































  color: var(--clr-muted);





















































  display: block;





















































  margin-bottom: var(--sp-2);





















































}











































































































/* Notices */





















































.woocommerce-message,





















































.woocommerce-info,





















































.woocommerce-error {





















































  font-family: var(--ff-sans);





















































  font-size: var(--text-sm);





















































  padding: var(--sp-4) var(--sp-6);





















































  border-left: 3px solid var(--clr-dark);





















































  background: var(--clr-bg-alt);





















































  margin-bottom: var(--sp-6);





















































}











































































































.woocommerce-error { border-color: #c0392b; }











































































































/* ── 27. Posts / Blog ───────────────────────────────────────── */











































































































.posts-grid {





















































  display: grid;





















































  grid-template-columns: repeat(3, 1fr);





















































  gap: var(--sp-16) var(--sp-8);





















































  padding: var(--sp-16) 0;





















































}











































































































.post-card { display: flex; flex-direction: column; gap: var(--sp-4); }











































































































.post-card__image {





















































  display: block;





















































  overflow: hidden;





















































  aspect-ratio: 4 / 3;





















































}











































































































.post-card__image img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  transition: transform 0.7s var(--ease);





















































}











































































































.post-card__image:hover img { transform: scale(1.04); }











































































































.post-card__content { padding: var(--sp-2) 0; }











































































































.post-card__title {





















































  font-family: var(--ff-serif);





















































  font-size: 1.5rem;





















































  font-weight: 400;





















































  line-height: 1.2;





















































  margin-bottom: var(--sp-3);





















































}











































































































.post-card__title a:hover { color: var(--clr-accent); }











































































































.article-header {





















































  padding: calc(var(--header-h) + var(--sp-16)) 0 var(--sp-12);





















































  background: var(--clr-bg);





















































}











































































































.article-title {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(2.5rem, 5vw, 5rem);





















































  font-weight: 300;





















































  margin: var(--sp-3) 0;





















































}











































































































.article-meta {





















































  font-size: var(--text-sm);





















































  color: var(--clr-muted);





















































  display: flex;





















































  gap: var(--sp-3);





















































  align-items: center;





















































}











































































































.article-hero { margin-bottom: var(--sp-16); }





















































.article-hero img { width: 100%; max-height: 70vh; object-fit: cover; }











































































































.article-content {





















































  padding: var(--sp-16) 0 var(--sp-32);





















































  font-size: var(--text-md);





















































  line-height: 1.9;





















































  color: var(--clr-muted);





















































}











































































































.article-content h2, .article-content h3 { color: var(--clr-dark); margin: var(--sp-10) 0 var(--sp-4); }











































































































/* ── 28. 404 & Search ───────────────────────────────────────── */











































































































.error-404 {





















































  padding: calc(var(--header-h) + var(--sp-40)) 0 var(--sp-40);





















































  text-align: center;





















































}











































































































.error-404__number {





















































  display: block;





















































  font-family: var(--ff-serif);





















































  font-size: clamp(6rem, 15vw, 14rem);





















































  font-weight: 300;





















































  color: var(--clr-border);





















































  line-height: 1;





















































  margin-bottom: var(--sp-6);





















































}











































































































.error-404__title { font-size: clamp(1.8rem, 3vw, 2.8rem); margin-bottom: var(--sp-4); }











































































































.error-404__text { color: var(--clr-muted); margin-bottom: var(--sp-12); }











































































































.error-404__actions { display: flex; justify-content: center; gap: var(--sp-4); }











































































































/* ── 29. Responsive ─────────────────────────────────────────── */











































































































@media (max-width: 1280px) {





















































  :root { --sp-32: 6rem; --sp-40: 8rem; }





















































  .header-inner { padding: 0 var(--sp-8); }





















































  .featured-editorial { grid-template-columns: 48% 52%; }





















































  .featured-editorial__content { padding: var(--sp-24) var(--sp-16) var(--sp-24) var(--sp-16); }





















































  .about-materials { grid-template-columns: 1fr 1fr; }





















































  .values-grid { grid-template-columns: repeat(2, 1fr); }





















































}











































































































@media (max-width: 1024px) {





















































  .primary-nav { display: none; }





















































  .menu-toggle { display: flex; }











































































































  .collections-grid { grid-template-columns: 1fr; }





















































  .collection-card--secondary { margin-top: 0; }





















































  .collection-card--primary .collection-card__image { height: 60vw; min-height: 360px; }





















































  .collection-card--secondary .collection-card__image { height: 50vw; min-height: 300px; }











































































































  .products-row { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8) var(--sp-6); }











































































































  .featured-editorial { grid-template-columns: 1fr; }





















































  .featured-editorial__content { padding: var(--sp-16) var(--sp-8); order: 2; }





















































  .featured-editorial__image { order: 1; height: 60vw; min-height: 400px; }











































































































  body.single-product .woocommerce div.product { grid-template-columns: 1fr; margin-top: var(--header-h); }





















































  body.single-product .woocommerce div.product div.images { position: static; height: 70vw; min-height: 400px; }





















































  body.single-product .woocommerce div.product div.summary { position: static; max-height: none; overflow: visible; padding: var(--sp-12) var(--sp-8); }











































































































  .about-story__grid { grid-template-columns: 1fr; }





















































  .about-materials { grid-template-columns: 1fr; }





















































  .about-materials__image { height: 60vw; min-height: 360px; }











































































































  .contact-grid { grid-template-columns: 1fr; }





















































  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-10) var(--sp-8); }





















































}











































































































@media (max-width: 768px) {





















































  :root { --header-h: 64px; }











































































































  .statement-inner { grid-template-columns: 1fr; }





















































  .statement-meta { align-items: flex-start; }











































































































  .woo-wrap ul.products { grid-template-columns: repeat(2, 1fr); }





















































  .products-row { grid-template-columns: repeat(2, 1fr); }





















































  .craft-grid { grid-template-columns: 1fr; gap: var(--sp-10); }





















































  .interiors-grid { grid-template-columns: 1fr; }





















































  .interior-img--tall { height: 70vw; min-height: 320px; }





















































  .interiors-stack { padding-top: 0; }





















































  .interiors-stack .interior-img { height: 56vw; min-height: 260px; }











































































































  .arrivals-header { flex-direction: column; align-items: flex-start; gap: var(--sp-4); }











































































































  .contact-form { grid-template-columns: 1fr; }





















































  .form-group--full { grid-column: 1; }











































































































  .footer-grid { grid-template-columns: 1fr; }





















































  .footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: var(--sp-4); }











































































































  .posts-grid { grid-template-columns: 1fr; }





















































  .error-404__actions { flex-direction: column; align-items: center; }











































































































  .section-cta { height: 55vh; }











































































































  .about-hero { height: 65vh; }





















































  .about-hero__title { font-size: clamp(2.8rem, 8vw, 5rem); }





















































  .values-grid { grid-template-columns: 1fr; }





















































  .about-philosophy { padding: var(--sp-16) 0; }











































































































  .shop-header__inner { flex-direction: column; align-items: flex-start; }





















































}











































































































@media (max-width: 480px) {





















































  .hero-title { font-size: clamp(3.5rem, 13vw, 5.5rem); }





















































  .manifesto-heading { font-size: clamp(2.5rem, 9vw, 4rem); }





















































  .products-row { grid-template-columns: 1fr; }





















































  .woo-wrap ul.products { grid-template-columns: 1fr; }





















































  .header-inner { padding: 0 var(--sp-6); }





















































  .container { padding-left: var(--sp-6); padding-right: var(--sp-6); }





















































  .container-wide { padding-left: var(--sp-4); padding-right: var(--sp-4); }





















































}











































































































/* ── 30. Misc ────────────────────────────────────────────────── */











































































































.no-products { text-align: center; padding: var(--sp-32); color: var(--clr-muted); }





















































.search-form-wrap { max-width: 500px; margin-bottom: var(--sp-16); }





















































.search-form-wrap input[type="search"] { width: 100%; padding: var(--sp-3) var(--sp-4); border: 1px solid var(--clr-border); font-family: var(--ff-sans); outline: none; }











































































































/* Focus styles for accessibility */





















































:focus-visible {





















































  outline: 2px solid var(--clr-accent);





















































  outline-offset: 3px;





















































}











































































































/* Hide WooCommerce default breadcrumb separator artifacts */





















































.woo-breadcrumb .sep { margin: 0 var(--sp-2); color: var(--clr-border); }











































































































/* Smooth scrollbar */





















































@media (prefers-reduced-motion: no-preference) {





















































  html { scroll-behavior: smooth; }





















































  .reveal-up, .reveal-fade { will-change: opacity, transform; }





















































}











































































































/* Reduced motion */





















































@media (prefers-reduced-motion: reduce) {





















































  *, *::before, *::after {





















































    animation-duration: 0.01ms !important;





















































    transition-duration: 0.01ms !important;





















































  }





















































  .reveal-up, .reveal-fade { opacity: 1; transform: none; }





















































}























































































































































































































/* ════════════════════════════════════════════════════════════════





















































   LUXURY ATMOSPHERE OVERRIDES — v1.6.0





















































   Deep / Rich / Premium — Baxter / Fendi Casa direction





















































   ════════════════════════════════════════════════════════════════ */











































































































/* ── Statement section (dark) ── */





















































.section-statement .section-heading,





















































.section-statement .statement-text {





















































  color: #F0EBE4;





















































}





















































.section-statement .label {





















































  color: rgba(240, 235, 228, 0.50);





















































}





















































.section-statement .text-link {





















































  color: rgba(240, 235, 228, 0.75);





















































  border-color: rgba(240, 235, 228, 0.25);





















































}





















































.section-statement .text-link:hover {





















































  color: var(--clr-accent-lt);





















































  border-color: var(--clr-accent-lt);





















































}





















































.section-statement .statement-meta {





















































  color: rgba(240, 235, 228, 0.45);





















































}











































































































/* ── Featured editorial (dark content panel) ── */





















































.featured-editorial__content .featured-heading,





















































.featured-editorial__content .featured-price {





















































  color: #F0EBE4;





















































}





















































.featured-editorial__content .featured-desc {





















































  color: rgba(240, 235, 228, 0.62);





















































}





















































.featured-editorial__content .label {





















































  color: rgba(240, 235, 228, 0.45);





















































}





















































.featured-editorial__content .btn-dark {





















































  background: transparent;





















































  border-color: rgba(240, 235, 228, 0.35);





















































  color: #F0EBE4;





















































}





















































.featured-editorial__content .btn-dark:hover {





















































  background: #F0EBE4;





















































  color: var(--clr-dark);





















































  border-color: #F0EBE4;





















































}











































































































/* ── Craft section (dark) ── */





















































.section-craft .section-heading {





















































  color: #F0EBE4;





















































}





















































.section-craft .craft-title {





















































  color: #F0EBE4;





















































}





















































.section-craft .craft-item p {





















































  color: rgba(240, 235, 228, 0.58);





















































}





















































.section-craft .label {





















































  color: rgba(240, 235, 228, 0.45);





















































}





















































.section-craft .craft-number {





















































  color: rgba(13, 79, 35, 0.55);





















































}





















































.section-craft .craft-grid {





















































  border-top-color: rgba(255, 255, 255, 0.09);





















































}











































































































/* ── Interiors section (dark) ── */





















































.section-interiors .section-heading,





















































.section-interiors h2,





















































.section-interiors h3 {





















































  color: #F0EBE4;





















































}





















































.section-interiors .label {





















































  color: rgba(240, 235, 228, 0.45);





















































}





















































.section-interiors .text-link {





















































  color: rgba(240, 235, 228, 0.75);





















































  border-color: rgba(240, 235, 228, 0.25);





















































}





















































.section-interiors .text-link:hover {





















































  color: var(--clr-accent-lt);





















































  border-color: var(--clr-accent-lt);





















































}











































































































/* ── Collections header on warm bg ── */





















































.section-collections .section-heading,





















































.section-collections h2 {





















































  color: var(--clr-dark);





















































}





















































.section-collections .label {





















































  color: var(--clr-muted);





















































}





















































.collection-card__meta .label { color: var(--clr-muted); }





















































.collection-card__title { color: var(--clr-dark); }





















































.collection-card__link .text-link { color: var(--clr-dark); }











































































































/* ── Arrivals / Nowości on warm bg ── */





















































.section-arrivals .section-heading,





















































.section-arrivals h2 {





















































  color: var(--clr-dark);





















































}











































































































/* ── Nav dropdown — rich dark ── */





















































.nav-dropdown {





















































  background: var(--clr-dark-2);





















































  border: 1px solid rgba(255, 255, 255, 0.07);





















































  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);





















































}





















































.nav-dropdown a {





















































  color: rgba(240, 235, 228, 0.75);





















































}





















































.nav-dropdown a:hover {





















































  color: #FFFFFF;





















































  background: rgba(255, 255, 255, 0.05);





















































}











































































































/* ── Product card on warm bg ── */





















































.product-card__image-wrap {





















































  background: var(--clr-bg-alt);





















































}





















































.product-card__title {





















































  color: var(--clr-dark);





















































}











































































































/* ── Manifesto section — deeper ── */





















































.section-manifesto {





















































  background: var(--clr-dark);





















































}











































































































/* ── Remove pure white from arrivals section heading link ── */





















































.arrivals-header .text-link {





















































  color: var(--clr-dark);





















































  border-color: var(--clr-dark);





















































}





















































.arrivals-header .text-link:hover {





















































  color: var(--clr-accent);





















































  border-color: var(--clr-accent);





















































}











































































































/* ── Stripe below header — oak/gold accent on scroll ── */





















































.site-header.scrolled::after,





















































body.contact-page .site-header::after {





















































  background: repeating-linear-gradient(





















































    90deg,





















































    rgba(27, 33, 29, 1.0) 0,





















































    rgba(27, 33, 29, 1.0) 8px,





















































    transparent 8px,





















































    transparent 14px





















































  );





















































  opacity: 1;





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   TYPOGRAPHY SYSTEM — v1.8.0





















































   Syncopate → display/nav/headings/buttons





















































   Inter → body/descriptions/paragraphs





















































   Cormorant Garamond → editorial quotes only





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── Display headings — Syncopate ── */





















































h1, h2, h3 {





















































  font-family: var(--ff-display);





















































  font-weight: 700;





















































}





















































h4, h5, h6 {





















































  font-family: var(--ff-display);





















































  font-weight: 400;





















































}





















































.section-heading {





















































  font-family: var(--ff-display);





















































  font-weight: 700;





















































  letter-spacing: 0.01em;





















































}





















































.featured-heading {





















































  font-family: var(--ff-display);





















































  font-weight: 700;





















































  letter-spacing: 0.01em;





















































}





















































.cta-heading {





















































  font-family: var(--ff-display);





















































  font-weight: 700;





















































  letter-spacing: 0.01em;





















































}





















































.craft-title {





















































  font-family: var(--ff-display);





















































  font-weight: 400;





















































  letter-spacing: 0.02em;





















































}











































































































/* ── Navigation — Syncopate ── */





















































.nav-link {





















































  font-family: var(--ff-display);





















































  font-weight: 400;





















































  letter-spacing: 0.12em;





















































}





















































.mobile-menu .nav-link {





















































  font-family: var(--ff-display);





















































  font-weight: 400;





















































}











































































































/* ── CTA buttons — Syncopate ── */





















































.btn {





















































  font-family: var(--ff-display);





















































  font-weight: 700;





















































  letter-spacing: 0.15em;





















































}











































































































/* ── Editorial quote — keep Cormorant serif ── */





















































.statement-text {





















































  font-family: var(--ff-serif);





















































  font-weight: 300;





















































}











































































































/* ── Body / product / supporting — Inter ── */





















































body {





















































  font-family: var(--ff-sans);





















































}





















































p,





















































.featured-desc,





















































.product-card__title,





















































.product-card__price,





















































.label,





















































.text-link,





















































.craft-item p,





















































.woocommerce-product-details__short-description,





















































.woocommerce-tabs .panel,





















































.shop-empty-desc {





















































  font-family: var(--ff-sans);





















































}











































































































/* ── Text contrast: dark sections → warm off-white ── */





















































.section-statement h1,





















































.section-statement h2,





















































.section-statement h3,





















































.section-statement .section-heading,





















































.section-craft h1,





















































.section-craft h2,





















































.section-craft h3,





















































.section-craft .section-heading,





















































.section-craft .craft-title,





















































.section-interiors h1,





















































.section-interiors h2,





















































.section-interiors h3,





















































.section-interiors .section-heading,





















































.section-manifesto h1,





















































.section-manifesto h2,





















































.section-manifesto h3,





















































.featured-editorial__content .featured-heading,





















































.featured-editorial__content h1,





















































.featured-editorial__content h2,





















































.featured-editorial__content h3 {





















































  color: #F0EBE4;





















































}





















































.section-statement p,





















































.section-craft p,





















































.section-craft .craft-item p,





















































.section-interiors p,





















































.section-manifesto p,





















































.featured-editorial__content .featured-desc,





















































.featured-editorial__content p {





















































  color: rgba(240, 235, 228, 0.72);





















































}











































































































/* ── Text contrast: cool gray sections → dark ── */





















































.section-collections .section-heading,





















































.section-collections h2,





















































.section-collections h3,





















































.section-arrivals .section-heading,





















































.section-arrivals h2,





















































.section-arrivals h3,





















































.section-arrivals .section-heading {





















































  color: var(--clr-dark);





















































}





















































.section-collections p,





















































.section-arrivals p,





















































.section-collections .label,





















































.section-arrivals .label {





















































  color: var(--clr-text);





















































}





















































.product-card__title { color: var(--clr-dark); }





















































.product-card__price { color: var(--clr-text); }

































































































































































/* ════════════════════════════════════════════════════════════





















































   TYPOGRAPHY REFINEMENTS — v1.9.0





















































   • White/off-white text on gray sections





















































   • Syncopate heading scale –25–30%





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── SYNCOPATE HEADING SCALE REDUCTION ─────────────────────





















































   Original: section-heading 5rem, h1 5rem, h2 3.75rem





















































   New: ~30% smaller — premium/editorial, not poster





















































   ─────────────────────────────────────────────────────────── */





















































h1 { font-size: clamp(1.85rem, 3.2vw, 3.5rem); }





















































h2 { font-size: clamp(1.5rem,  2.5vw, 2.6rem); }





















































h3 { font-size: clamp(1.2rem,  1.8vw, 1.65rem); }











































































































.section-heading {





















































  font-size: clamp(1.75rem, 2.8vw, 3.25rem);





















































}





















































.featured-heading {





















































  font-size: clamp(1.75rem, 2.6vw, 3.1rem);





















































}





















































.cta-heading {





















































  font-size: clamp(1.75rem, 3vw, 3.75rem);





















































}











































































































/* ── GLOBAL OFF-WHITE TYPOGRAPHY ────────────────────────────





















































   All headings, body text, links → warm off-white





















































   Works on both gray and dark section backgrounds





















































   ─────────────────────────────────────────────────────────── */





















































h1, h2, h3, h4, h5, h6 {





















































  color: #F0EBE4;





















































}





















































.section-heading {





















































  color: #F0EBE4;





















































}





















































body {





















































  color: #F0EBE4;





















































}





















































p {





















































  color: #E8E3DE;





















































}





















































.label {





















































  color: rgba(240, 235, 228, 0.52);





















































}





















































.text-link {





















































  color: #F0EBE4;





















































  border-color: rgba(240, 235, 228, 0.28);





















































}





















































.text-link:hover {





















































  color: var(--clr-accent-lt);





















































  border-color: var(--clr-accent-lt);





















































}











































































































/* Product card text */





















































.product-card__title { color: #F0EBE4; }





















































.product-card__price { color: rgba(240, 235, 228, 0.72); }











































































































/* Collection card text on gray sections */





















































.collection-card__title { color: #F0EBE4; }





















































.collection-card .text-link { color: #F0EBE4; }





















































.collections-header .section-heading { color: #F0EBE4; }





















































.arrivals-header .text-link {





















































  color: rgba(240, 235, 228, 0.75);





















































  border-color: rgba(240, 235, 228, 0.25);





















































}





















































.arrivals-header .text-link:hover {





















































  color: var(--clr-accent-lt);





















































  border-color: var(--clr-accent-lt);





















































}











































































































/* Shop page text */





















































.shop-header h1,





















































.shop-header h2,





















































.shop-title { color: #F0EBE4; }





















































.woocommerce-loop-product__title,





















































.woocommerce ul.products li.product .price { color: #F0EBE4; }





















































.shop-count,





















































.shop-sort { color: rgba(240, 235, 228, 0.6); }











































































































/* Statement meta */





















































.statement-meta,





















































.statement-meta * { color: rgba(240, 235, 228, 0.42); }











































































































/* ── FORM INPUTS — dark text on gray bg for readability ─── */





















































input[type="text"],





















































input[type="email"],





















































input[type="password"],





















































input[type="search"],





















































input[type="tel"],





















































input[type="url"],





















































input[type="number"],





















































textarea,





















































select,





















































.woocommerce .input-text,





















































.woocommerce form .input-text {





















































  color: #1B211D !important;





















































  background: rgba(255, 255, 255, 0.88) !important;





















































  border-color: rgba(255, 255, 255, 0.3) !important;





















































}





















































input::placeholder,





















































textarea::placeholder {





















































  color: rgba(27, 33, 29, 0.45);





















































}











































































































/* ── WooCommerce quantity input ── */





















































.quantity input[type="number"] {





















































  color: #1B211D !important;





















































  background: rgba(255, 255, 255, 0.88) !important;





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   TEXT BRIGHTNESS BOOST — v1.9.1





















































   Pure white headings, high-opacity body text, bright labels





















































   ════════════════════════════════════════════════════════════ */











































































































/* Headings — pure white */





















































h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }





















































.section-heading { color: #FFFFFF; }











































































































/* Body / paragraphs */





















































body { color: #FFFFFF; }





















































p    { color: rgba(255, 255, 255, 0.88); }











































































































/* Labels (MATERIAŁY, KIM JESTEŚMY, etc.) */





















































.label { color: rgba(255, 255, 255, 0.70); }











































































































/* Text links */





















































.text-link { color: #FFFFFF; border-color: rgba(255, 255, 255, 0.35); }





















































.text-link:hover { color: var(--clr-accent-lt); border-color: var(--clr-accent-lt); }











































































































/* Product / collection cards */





















































.product-card__title  { color: #FFFFFF; }





















































.product-card__price  { color: rgba(255, 255, 255, 0.78); }





















































.collection-card__title { color: #FFFFFF; }





















































.collection-card .text-link { color: #FFFFFF; }





















































.arrivals-header .text-link { color: rgba(255,255,255,0.80); border-color: rgba(255,255,255,0.30); }











































































































/* WooCommerce */





















































.woocommerce-loop-product__title,





















































.woocommerce ul.products li.product .price { color: #FFFFFF; }





















































.shop-count, .shop-sort { color: rgba(255, 255, 255, 0.65); }





















































.shop-header h1, .shop-header h2, .shop-title { color: #FFFFFF; }











































































































/* Statement meta (small caption text) */





















































.statement-meta, .statement-meta * { color: rgba(255, 255, 255, 0.50); }











































































































/* Contact / misc content text */





















































address, .contact-info, .footer-text { color: rgba(255, 255, 255, 0.88); }











































































































/* Navigation links — keep contrast */





















































.nav-link { color: #FFFFFF; }











































































































/* Dark sections already white — reinforce */





















































.section-statement h1, .section-statement h2, .section-statement h3,





















































.section-craft h1, .section-craft h2, .section-craft h3,





















































.section-interiors h1, .section-interiors h2,





















































.featured-editorial__content .featured-heading { color: #FFFFFF; }





















































.section-statement p, .section-craft p, .section-interiors p,





















































.featured-editorial__content .featured-desc,





















































.featured-editorial__content p { color: rgba(255, 255, 255, 0.82); }

































































































































































/* ════════════════════════════════════════════════════════════





















































   CONTACT PAGE — elegance upgrade v1.9.2





















































   Bigger labels, larger contact data, editorial serif values





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── Headings on the contact page hero ── */





















































.contact-main .page-title {





















































  color: #FFFFFF;





















































  font-size: clamp(2.5rem, 5vw, 5rem);





















































}





















































.contact-main .label {





















































  color: rgba(255,255,255,0.72);





















































  letter-spacing: 0.18em;





















































  font-size: 0.75rem;





















































}











































































































/* ── Contact info column ── */





















































.contact-info {





















































  gap: 3rem;





















































}





















































.contact-info__block {





















































  padding-bottom: 2.5rem;





















































  border-bottom: 1px solid rgba(255,255,255,0.18);





















































}





















































.contact-info__block:last-child {





















































  border-bottom: none;





















































}











































































































/* Heading labels (ODWIEDŹ NAS, E-MAIL, etc.) */





















































.contact-info__heading {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.72rem !important;





















































  font-weight: 400 !important;





















































  letter-spacing: 0.20em !important;





















































  color: var(--clr-accent-lt) !important;





















































  text-transform: uppercase;





















































  margin-bottom: 1rem !important;





















































}











































































































/* Contact data values — large elegant serif */





















































.contact-info__block p,





















































.contact-info__block a {





















































  font-family: var(--ff-serif);





















































  font-size: clamp(1.25rem, 2vw, 1.7rem);





















































  font-weight: 300;





















































  color: #FFFFFF !important;





















































  line-height: 1.5;





















































  letter-spacing: 0.01em;





















































  text-decoration: none;





















































  display: block;





















































  margin-bottom: 0.25rem;





















































}





















































.contact-info__block a:hover {





















































  color: var(--clr-accent-lt) !important;





















































}











































































































/* ── Contact form labels ── */





















































.contact-form .form-group label {





















































  font-family: var(--ff-display);





















































  font-size: 0.68rem;





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  color: rgba(255,255,255,0.65);





















































}











































































































/* Form heading */





















































.contact-form-wrap h2,





















































.contact-form-wrap h3 {





















































  color: #FFFFFF;





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   BRAND VALUES + NUMBERS SECTIONS — v1.9.3





















































   Replacing quote/manifesto sections





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── BRAND VALUES ── */





















































.section-values {





















































  background: var(--clr-dark);





















































  padding: clamp(4rem, 8vw, 7rem) 0;





















































}





















































.values-header {





















































  text-align: center;





















































  margin-bottom: clamp(2.5rem, 4vw, 3.5rem);





















































}





















































.values-header .label {





















































  color: rgba(255, 255, 255, 0.55);





















































  letter-spacing: 0.22em;





















































}





















































.values-grid {





















































  display: grid;





















































  grid-template-columns: repeat(4, 1fr);





















































  gap: 1.5rem;





















































}





















































@media (max-width: 900px) {





















































  .values-grid { grid-template-columns: repeat(2, 1fr); }





















































}





















































@media (max-width: 500px) {





















































  .values-grid { grid-template-columns: 1fr; }





















































}





















































.value-item {





















































  padding: 2.5rem 1.75rem;





















































  border: 1px solid rgba(255, 255, 255, 0.08);





















































  display: flex;





















































  flex-direction: column;





















































  align-items: center;





















































  text-align: center;





















































  gap: 1.25rem;





















































  transition: border-color 0.35s ease, background 0.35s ease;





















































}





















































.value-item:hover {





















































  border-color: rgba(26, 122, 55, 0.45);





















































  background: rgba(255, 255, 255, 0.02);





















































}





















































.value-icon {





















































  width: 48px;





















































  height: 48px;





















































  color: var(--clr-accent-lt);





















































  display: flex;





















































  align-items: center;





















































  justify-content: center;





















































  flex-shrink: 0;





















































}





















































.value-icon svg {





















































  width: 100%;





















































  height: 100%;





















































}





















































.value-title {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.72rem !important;





















































  font-weight: 700 !important;





















































  letter-spacing: 0.14em !important;





















































  text-transform: uppercase;





















































  color: #FFFFFF !important;





















































  margin: 0 !important;





















































}





















































.value-desc {





















































  font-family: var(--ff-sans) !important;





















































  font-size: 0.875rem !important;





















































  line-height: 1.7;





















































  color: rgba(255, 255, 255, 0.58) !important;





















































  margin: 0 !important;





















































}











































































































/* ── NUMBERS SECTION ── */





















































.section-numbers {





















































  background: var(--clr-dark-2);





















































  padding: clamp(3.5rem, 6vw, 5.5rem) 0;





















































  border-top: 1px solid rgba(255, 255, 255, 0.06);





















































  border-bottom: 1px solid rgba(255, 255, 255, 0.06);





















































}





















































.numbers-grid {





















































  display: grid;





















































  grid-template-columns: repeat(3, 1fr);





















































  gap: 0;





















































}





















































@media (max-width: 600px) {





















































  .numbers-grid { grid-template-columns: 1fr; gap: 2rem; }





















































  .number-item + .number-item::before { display: none; }





















































}





















































.number-item {





















































  text-align: center;





















































  padding: 1.5rem 2rem;





















































  position: relative;





















































}





















































.number-item + .number-item::before {





















































  content: '';





















































  position: absolute;





















































  left: 0;





















































  top: 20%;





















































  height: 60%;





















































  width: 1px;





















































  background: rgba(255, 255, 255, 0.10);





















































}





















































.number-digit {





















































  display: block;





















































  font-family: var(--ff-serif);





















































  font-size: clamp(3rem, 6vw, 5.5rem);





















































  font-weight: 300;





















































  color: #FFFFFF;





















































  letter-spacing: -0.02em;





















































  line-height: 1;





















































  margin-bottom: 0.85rem;





















































}





















































.number-label {





















































  display: block;





















































  font-family: var(--ff-display);





















































  font-size: 0.62rem;





















































  font-weight: 400;





















































  letter-spacing: 0.20em;





















































  text-transform: uppercase;





















































  color: rgba(255, 255, 255, 0.48);





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   ABOUT FOUNDER SECTION — v1.9.4





















































   ════════════════════════════════════════════════════════════ */











































































































.about-founder {





















































  background: var(--clr-dark);





















































  padding: clamp(4.5rem, 8vw, 7rem) 0;





















































}











































































































.founder-grid {





















































  display: grid;





















































  grid-template-columns: 1fr 1fr;





















































  gap: clamp(3rem, 6vw, 6rem);





















































  align-items: center;





















































}





















































@media (max-width: 768px) {





















































  .founder-grid {





















































    grid-template-columns: 1fr;





















































    gap: 2.5rem;





















































  }





















































}











































































































/* ── Photo ── */





















































.founder-image {





















































  position: relative;





















































  overflow: hidden;





















































  aspect-ratio: 4 / 5;





















































}





















































.founder-image img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  display: block;





















































  filter: grayscale(20%);





















































  transition: filter 0.5s ease;





















































}





















































.founder-image:hover img {





















































  filter: grayscale(0%);





















































}





















































.founder-image::after {





















































  content: '';





















































  position: absolute;





















































  inset: 0;





















































  border: 1px solid rgba(255,255,255,0.08);





















































  pointer-events: none;





















































}











































































































/* ── Content ── */





















































.founder-content {





















































  display: flex;





















































  flex-direction: column;





















































  gap: 1.25rem;





















































}





















































.founder-content .label {





















































  color: var(--clr-accent-lt);





















































  letter-spacing: 0.22em;





















































}





















































.founder-name {





















































  font-family: var(--ff-serif) !important;





















































  font-size: clamp(2rem, 3.5vw, 3rem) !important;





















































  font-weight: 300 !important;





















































  color: #FFFFFF !important;





















































  letter-spacing: 0.01em !important;





















































  margin: 0 !important;





















































  line-height: 1.2;





















































}





















































.founder-role {





















































  font-family: var(--ff-display);





















































  font-size: 0.68rem;





















































  font-weight: 400;





















































  letter-spacing: 0.16em;





















































  text-transform: uppercase;





















































  color: rgba(255,255,255,0.50);





















































  margin: 0;





















































}





















































.founder-bio {





















































  display: flex;





















































  flex-direction: column;





















































  gap: 1rem;





















































  padding-top: 0.5rem;





















































  border-top: 1px solid rgba(255,255,255,0.08);





















































}





















































.founder-bio p {





















































  font-family: var(--ff-sans) !important;





















































  font-size: 0.9375rem !important;





















































  line-height: 1.75;





















































  color: rgba(255,255,255,0.65) !important;





















































  margin: 0 !important;





















































}





















































.founder-content .text-link {





















































  align-self: flex-start;





















































  margin-top: 0.5rem;





















































  color: #FFFFFF;





















































  border-color: rgba(255,255,255,0.30);





















































}





















































.founder-content .text-link:hover {





















































  color: var(--clr-accent-lt);





















































  border-color: var(--clr-accent-lt);





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   LUXURY SHOP — v2.0





















































   Digital furniture gallery · Fendi Casa / Baxter / Minotti





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── SHOP PAGE WRAPPER ─────────────────────────────────────── */





















































.luxury-shop-page .woocommerce-notices-wrapper,





















































.luxury-shop-page .woocommerce-result-count,





















































.luxury-shop-page .woocommerce-ordering,





















































.luxury-shop-page h1.page-title { display: none !important; }











































































































.luxury-shop-page .woocommerce-breadcrumb {





















































  font-size: 0.65rem;





















































  letter-spacing: 0.12em;





















































  text-transform: uppercase;





















































  opacity: 0.45;





















































  padding: 1.5rem 0 0;





















































}











































































































/* ── SHOP HEADER ────────────────────────────────────────────── */





















































.luxury-shop-header {





















































  text-align: center;





















































  padding: clamp(4rem, 7vw, 6rem) 0 clamp(2.5rem, 3.5vw, 4rem);





















































}





















































.luxury-shop-header .label {





















































  display: block;





















































  color: rgba(255,255,255,0.52);





















































  letter-spacing: 0.24em;





















































  font-size: 0.65rem;





















































  margin-bottom: 1.1rem;





















































}





















































.luxury-shop-title {





















































  font-family: var(--ff-display) !important;





















































  font-size: clamp(1.5rem, 2.8vw, 2.75rem) !important;





















































  font-weight: 700 !important;





















































  color: #FFFFFF !important;





















































  letter-spacing: 0.10em;





















































  text-transform: uppercase;





















































  margin: 0 !important;





















































}











































































































/* ── PRODUCT GRID ───────────────────────────────────────────── */





















































.luxury-shop-page ul.products,





















































.luxury-shop-page .woocommerce ul.products,





















































.luxury-shop-page .woocommerce-page ul.products {





















































  display: grid !important;





















































  grid-template-columns: repeat(2, 1fr) !important;





















































  gap: clamp(1.5rem, 2.5vw, 2.5rem) !important;





















































  padding: 0 !important;





















































  margin: 0 0 4rem !important;





















































  list-style: none !important;





















































  float: none !important;





















































}











































































































@media (max-width: 640px) {





















































  .luxury-shop-page ul.products { grid-template-columns: 1fr !important; }





















































}











































































































.luxury-shop-page ul.products li.product {





















































  width: 100% !important;





















































  float: none !important;





















































  margin: 0 !important;





















































  padding: 0 !important;





















































  clear: none !important;





















































  overflow: visible !important;





















































}











































































































/* ── LUXURY CATALOG ITEM ────────────────────────────────────── */





















































.luxury-catalog-item {





















































  width: 100%;





















































  background: var(--clr-dark-2);





















































  overflow: hidden;





















































}





















































.luxury-item-inner {





















































  display: block;





















































  width: 100%;





















































  height: clamp(340px, 38vw, 580px);





















































}











































































































/* ── MAIN IMAGE AREA ────────────────────────────────────────── */





















































.luxury-item-image-area {





















































  position: relative;





















































  overflow: hidden;





















































  width: 100%;





















































  height: 100%;





















































}





















































.luxury-item-link {





















































  display: block;





















































  width: 100%;





















































  height: 100%;





















































  text-decoration: none;





















































}





















































.luxury-item-img-wrap {





















































  width: 100%;





















































  height: 100%;





















































  overflow: hidden;





















































}





















































.luxury-item-img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  display: block;





















































  transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94),





















































              opacity 0.2s ease;





















































}





















































.luxury-catalog-item:hover .luxury-item-img {





















































  transform: scale(1.045);





















































}











































































































/* ── OVERLAY CARD ───────────────────────────────────────────── */





















































.luxury-item-card {





















































  position: absolute;





















































  bottom: 1.5rem;





















































  left: 1.5rem;





















































  max-width: 270px;





















































  background: rgba(245, 243, 240, 0.96);





















































  backdrop-filter: blur(12px);





















































  -webkit-backdrop-filter: blur(12px);





















































  padding: 1.1rem 1.4rem;





















































  box-shadow: 0 8px 40px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.12);





















































  transition: transform 0.38s cubic-bezier(0.25, 0.46, 0.45, 0.94),





















































              box-shadow 0.38s ease;





















































  pointer-events: none;





















































  z-index: 2;





















































}





















































.luxury-catalog-item:hover .luxury-item-card {





















































  transform: translateY(-6px);





















































  box-shadow: 0 16px 56px rgba(0,0,0,0.30), 0 4px 14px rgba(0,0,0,0.14);





















































}





















































.luxury-item-card a { pointer-events: all; }











































































































.luxury-item-cat {





















































  display: block;





















































  font-family: var(--ff-display);





















































  font-size: 0.56rem;





















































  font-weight: 400;





















































  letter-spacing: 0.24em;





















































  text-transform: uppercase;





















































  color: var(--clr-accent);





















































  margin-bottom: 0.4rem;





















































}





















































.luxury-item-name {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.78rem !important;





















































  font-weight: 700 !important;





















































  letter-spacing: 0.07em !important;





















































  text-transform: uppercase;





















































  color: #1B211D !important;





















































  margin: 0 0 0.45rem !important;





















































  line-height: 1.3;





















































}





















































.luxury-item-name a { color: inherit !important; text-decoration: none; }





















































.luxury-item-name a:hover { color: var(--clr-accent) !important; }











































































































.luxury-item-desc {





















































  font-family: var(--ff-sans) !important;





















































  font-size: 0.72rem !important;





















































  line-height: 1.6;





















































  color: rgba(27,33,29,0.60) !important;





















































  margin: 0 0 0.65rem !important;





















































}











































































































.luxury-item-footer {





















































  display: flex;





















































  align-items: center;





















































  justify-content: space-between;





















































  gap: 0.75rem;





















































  border-top: 1px solid rgba(27,33,29,0.09);





















































  padding-top: 0.55rem;





















































}





















































.luxury-item-price {





















































  font-family: var(--ff-serif);





















































  font-size: 0.88rem;





















































  font-weight: 300;





















































  color: #1B211D;





















































  white-space: nowrap;





















































}





















































.luxury-item-price .woocommerce-Price-amount { color: inherit !important; }











































































































.luxury-item-cta {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.55rem !important;





















































  font-weight: 700 !important;





















































  letter-spacing: 0.20em;





















































  text-transform: uppercase;





















































  color: var(--clr-accent) !important;





















































  text-decoration: none;





















































  border-bottom: 1px solid var(--clr-accent);





















































  padding-bottom: 1px;





















































  white-space: nowrap;





















































  transition: color 0.2s, border-color 0.2s;





















































}





















































.luxury-item-cta:hover {





















































  color: #1B211D !important;





















































  border-color: #1B211D;





















































}











































































































/* ── THUMBNAIL STRIP ────────────────────────────────────────── */





















































.luxury-item-strip {





















































  position: absolute;





















































  bottom: 1.4rem;





















































  left: 55%;





















































  transform: translateX(-50%);





















































  width: 40%;





















































  max-width: 380px;





















































  height: 60px;





















































  background: rgba(12, 17, 13, 0.72);





















































  backdrop-filter: blur(10px);





















































  -webkit-backdrop-filter: blur(10px);





















































  display: flex;





















































  flex-direction: row;





















































  gap: 3px;





















































  overflow: hidden;





















































  z-index: 3;





















































  border: 1px solid rgba(255,255,255,0.07);





















































}





















































.luxury-thumb {





















































  flex: 1 1 0;





















































  height: 60px;





















































  min-width: 50px;





















































  max-width: 140px;





















































  overflow: hidden;





















































  cursor: pointer;





















































  position: relative;





















































  opacity: 0.55;





















































  transition: opacity 0.28s ease;





















































  border: none;





















































  padding: 0;





















































  background: none;





















































  display: block;





















































}





















































.luxury-thumb:hover,





















































.luxury-thumb.is-active { opacity: 1; }











































































































.luxury-thumb::before {





















































  content: '';





















































  position: absolute;





















































  left: 0; top: 0;





















































  height: 2px; width: 0%;





















































  background: var(--clr-accent-lt);





















































  transition: width 0.28s ease;





















































  z-index: 1;





















































}





















































.luxury-thumb.is-active::before { width: 100%; }











































































































.luxury-thumb img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































  display: block;





















































  transition: transform 0.4s ease;





















































}





















































.luxury-thumb:hover img { transform: scale(1.1); }











































































































/* ─────────────────────────────────────────────────────────────





















































   LUXURY SINGLE PRODUCT PAGE





















































   ───────────────────────────────────────────────────────────── */











































































































.luxury-product-page .site-main {





















































  background: var(--clr-dark);





















































}











































































































/* Two-column grid: gallery left, summary right */





















































.luxury-product-page .woocommerce div.product {





















































  display: grid !important;





















































  grid-template-columns: 55% 45% !important;





















































  grid-template-rows: auto !important;





















































  gap: 0 !important;





















































  align-items: start;





















































  max-width: 100%;





















































}





















































@media (max-width: 900px) {





















































  .luxury-product-page .woocommerce div.product {





















































    grid-template-columns: 1fr !important;





















































  }





















































}











































































































/* Gallery — sticky left column */





















































.luxury-product-page .woocommerce-product-gallery {





















































  grid-column: 1;





















































  grid-row: 1;





















































  position: sticky !important;





















































  top: 80px;





















































  max-height: 90vh;





















































  overflow: hidden;





















































  margin: 0 !important;





















































}





















































.luxury-product-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {





















































  height: 100%;





















































}





















































.luxury-product-page .woocommerce-product-gallery .woocommerce-product-gallery__image {





















































  height: clamp(400px, 70vh, 800px);





















































}





















































.luxury-product-page .woocommerce-product-gallery .woocommerce-product-gallery__image img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































}





















































.luxury-product-page .flex-control-thumbs {





















































  display: flex;





















































  gap: 4px;





















































  padding: 4px 0 0;





















































  overflow-x: auto;





















































}





















































.luxury-product-page .flex-control-thumbs li {





















































  width: 72px !important;





















































  height: 72px;





















































  flex-shrink: 0;





















































  overflow: hidden;





















































  opacity: 0.5;





















































  transition: opacity 0.2s;





















































  list-style: none;





















































}





















































.luxury-product-page .flex-control-thumbs li.flex-active-slide,





















































.luxury-product-page .flex-control-thumbs li:hover { opacity: 1; }





















































.luxury-product-page .flex-control-thumbs li img {





















































  width: 100%;





















































  height: 100%;





















































  object-fit: cover;





















































}











































































































/* Summary — right column */





















































.luxury-product-page .summary.entry-summary {





















































  grid-column: 2;





















































  grid-row: 1;





















































  padding: clamp(3rem, 5vw, 5rem) clamp(2rem, 4vw, 4rem) !important;





















































  background: var(--clr-dark) !important;





















































  display: flex;





















































  flex-direction: column;





















































  gap: 1.5rem;





















































}











































































































.luxury-product-page .product_title {





















































  font-family: var(--ff-display) !important;





















































  font-size: clamp(1.2rem, 2.5vw, 2rem) !important;





















































  font-weight: 700 !important;





















































  letter-spacing: 0.07em;





















































  text-transform: uppercase;





















































  color: #FFFFFF !important;





















































  margin: 0 !important;





















































  line-height: 1.2;





















































}





















































.luxury-product-page .woocommerce-product-rating { display: none !important; }











































































































.luxury-product-page .price {





















































  font-family: var(--ff-serif);





















































  font-size: 1.4rem !important;





















































  font-weight: 300;





















































  color: rgba(255,255,255,0.78) !important;





















































  border-top: 1px solid rgba(255,255,255,0.09);





















































  border-bottom: 1px solid rgba(255,255,255,0.09);





















































  padding: 1rem 0 !important;





















































  margin: 0 !important;





















































}





















































.luxury-product-page .woocommerce-Price-amount { color: inherit !important; }











































































































.luxury-product-page .woocommerce-product-details__short-description {





















































  font-family: var(--ff-sans) !important;





















































  font-size: 0.9rem !important;





















































  line-height: 1.85 !important;





















































  color: rgba(255,255,255,0.60) !important;





















































}











































































































/* Add to cart */





















































.luxury-product-page form.cart {





















































  display: flex;





















































  align-items: center;





















































  gap: 1rem;





















































  flex-wrap: wrap;





















































  border-top: 1px solid rgba(255,255,255,0.09);





















































  padding-top: 1.5rem !important;





















































}





















































.luxury-product-page .quantity input.qty {





















































  width: 60px !important;





















































  height: 50px !important;





















































  background: rgba(255,255,255,0.05) !important;





















































  border: 1px solid rgba(255,255,255,0.15) !important;





















































  color: #FFFFFF !important;





















































  font-family: var(--ff-display);





















































  font-size: 0.85rem;





















































  text-align: center;





















































  border-radius: 0 !important;





















































}





















































.luxury-product-page .single_add_to_cart_button.button {





















































  flex: 1;





















































  max-width: 300px;





















































  height: 50px !important;





















































  line-height: 50px !important;





















































  padding: 0 2rem !important;





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.62rem !important;





















































  font-weight: 700 !important;





















































  letter-spacing: 0.22em !important;





















































  text-transform: uppercase;





















































  background: var(--clr-accent) !important;





















































  color: #FFFFFF !important;





















































  border: none !important;





















































  border-radius: 0 !important;





















































  cursor: pointer;





















































  transition: background 0.3s !important;





















































}





















































.luxury-product-page .single_add_to_cart_button.button:hover {





















































  background: var(--clr-accent-lt) !important;





















































}











































































































/* Product meta */





















































.luxury-product-page .product_meta {





















































  font-size: 0.68rem !important;





















































  color: rgba(255,255,255,0.35) !important;





















































  letter-spacing: 0.06em;





















































}





















































.luxury-product-page .product_meta span,





















































.luxury-product-page .product_meta a {





















































  color: rgba(255,255,255,0.52) !important;





















































}











































































































/* Tabs — full width row below gallery+summary */





















































.luxury-product-page .woocommerce-tabs {





















































  grid-column: 1 / -1 !important;





















































  background: var(--clr-dark-2);





















































  padding: clamp(3rem, 5vw, 5rem) clamp(2rem, 8vw, 10rem);





















































}





















































.luxury-product-page .woocommerce-tabs ul.tabs {





















































  background: none !important;





















































  border: none !important;





















































  padding: 0 !important;





















































  margin: 0 0 2.5rem !important;





















































  display: flex;





















































  gap: 2.5rem;





















































  border-bottom: 1px solid rgba(255,255,255,0.08) !important;





















































  padding-bottom: 0 !important;





















































}





















































.luxury-product-page .woocommerce-tabs ul.tabs::before { display: none !important; }





















































.luxury-product-page .woocommerce-tabs ul.tabs li {





















































  background: none !important;





















































  border: none !important;





















































  border-radius: 0 !important;





















































  padding: 0 !important;





















































  margin: 0 !important;





















































  position: relative;





















































}





















































.luxury-product-page .woocommerce-tabs ul.tabs li a {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.62rem !important;





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  color: rgba(255,255,255,0.40) !important;





















































  padding: 0 0 1rem !important;





















































  display: block;





















































  transition: color 0.2s;





















































}





















































.luxury-product-page .woocommerce-tabs ul.tabs li.active::after {





















































  content: '';





















































  position: absolute;





















































  bottom: -1px; left: 0;





















































  width: 100%; height: 2px;





















































  background: var(--clr-accent-lt);





















































}





















































.luxury-product-page .woocommerce-tabs ul.tabs li.active a { color: #FFFFFF !important; }





















































.luxury-product-page .woocommerce-tabs .panel {





















































  color: rgba(255,255,255,0.62) !important;





















































  font-size: 0.9rem !important;





















































  line-height: 1.85;





















































}





















































.luxury-product-page .woocommerce-tabs .panel h2,





















































.luxury-product-page .woocommerce-tabs .panel h3 {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.75rem !important;





















































  letter-spacing: 0.12em;





















































  color: rgba(255,255,255,0.75) !important;





















































  text-transform: uppercase;





















































  margin-bottom: 1rem !important;





















































}











































































































/* Up-sells */





















































.luxury-product-page .up-sells,





















































.luxury-product-page .related {





















































  grid-column: 1 / -1 !important;





















































  background: var(--clr-dark);





















































  padding: clamp(3rem, 5vw, 5rem) 2rem;





















































}





















































.luxury-product-page .up-sells h2,





















































.luxury-product-page .related h2 {





















































  font-family: var(--ff-display) !important;





















































  font-size: clamp(1rem, 1.8vw, 1.5rem) !important;





















































  letter-spacing: 0.12em;





















































  color: #FFFFFF !important;





















































  text-transform: uppercase;





















































  margin-bottom: 2rem !important;





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   FULLSCREEN NAV OVERLAY — Baxter-style





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── Heart / Wishlist icon ─────────────────────────────────── */





















































.header-wishlist {





















































  background: none;





















































  border: none;





















































  cursor: pointer;





















































  color: inherit;





















































  padding: 2px 4px;





















































  display: flex;





















































  align-items: center;





















































  justify-content: center;





















































  opacity: 0.75;





















































  transition: opacity 0.2s;





















































}





















































.header-wishlist:hover { opacity: 1; }





















































.header-wishlist:hover svg { fill: currentColor; }











































































































/* ── Hamburger — 3 bars ────────────────────────────────────── */





















































.menu-toggle {





















































  display: flex !important;





















































  flex-direction: column;





















































  gap: 5px;





















































  padding: 6px 4px;





















































  background: none;





















































  border: none;





















































  cursor: pointer;





















































  color: inherit;





















































}





















































.menu-toggle .toggle-bar {





















































  display: block;





















































  width: 22px;





















































  height: 1.5px;





















































  background: currentColor;





















































  transition: transform 0.35s ease, opacity 0.25s ease, width 0.25s ease;





















































}











































































































/* ── Full-screen overlay ───────────────────────────────────── */





















































.mobile-nav {





















































  position: fixed !important;





















































  top: 0; left: 0;





















































  width: 100%; height: 100%;





















































  background: #000 !important;





















































  z-index: 9999;





















































  display: flex !important;





















































  flex-direction: column;





















































  align-items: center;





















































  justify-content: center;





















































  opacity: 0;





















































  visibility: hidden;





















































  transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),





















































              visibility 0.5s ease;





















































  padding: 0 !important;





















































  overflow: hidden;





















































}





















































.mobile-nav.open {





















































  opacity: 1;





















































  visibility: visible;





















































}











































































































/* ── Close button ──────────────────────────────────────────── */





















































.mobile-nav__close {





















































  position: absolute;





















































  top: 2rem; right: 2.5rem;





















































  background: none;





















































  border: none;





















































  color: #fff;





















































  cursor: pointer;





















































  opacity: 0.6;





















































  transition: opacity 0.2s, transform 0.3s;





















































  padding: 0;





















































  z-index: 1;





















































}





















































.mobile-nav__close:hover {





















































  opacity: 1;





















































  transform: rotate(90deg);





















































}





















































.mobile-nav__close svg {





















































  display: block;





















































}











































































































/* ── Main nav links ────────────────────────────────────────── */





















































.mobile-nav__links {





















































  text-align: center;





















































  margin: 0;





















































  padding: 0;





















































}





















































.fullscreen-menu,





















































.mobile-nav__links ul {





















































  list-style: none !important;





















































  padding: 0 !important;





















































  margin: 0 !important;





















































  display: flex;





















































  flex-direction: column;





















































  align-items: center;





















































  gap: 0;





















































}





















































.fullscreen-menu li,





















































.mobile-nav__links ul li {





















































  overflow: hidden;





















































  margin: 0 !important;





















































  padding: 0 !important;





















































}





















































.fullscreen-menu li a,





















































.mobile-nav__links ul li a {





















































  font-family: 'Barlow', var(--ff-display) !important;





















































  font-size: clamp(2.2rem, 5.5vw, 5rem) !important;





















































  font-weight: 800 !important;





















































  color: #fff !important;





















































  text-decoration: none !important;





















































  text-transform: uppercase;





















































  letter-spacing: 0.04em;





















































  line-height: 1.18;





















































  display: block;





















































  padding: 0.1em 0;





















































  transition: opacity 0.2s ease;





















































}





















































.fullscreen-menu li a:hover,





















































.mobile-nav__links ul li a:hover {





















































  opacity: 0.45;





















































}











































































































/* ── Secondary footer row ──────────────────────────────────── */





















































.mobile-nav__footer {





















































  position: absolute;





















































  bottom: 2.5rem;





















































  left: 0; width: 100%;





















































  display: flex;





















































  justify-content: center;





















































  gap: clamp(2rem, 6vw, 5rem);





















































  padding: 0 3rem;





















































  border-top: 1px solid rgba(255,255,255,0.08);





















































  padding-top: 1.5rem;





















































}





















































.mobile-nav__footer a {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.58rem !important;





















































  font-weight: 400;





















































  letter-spacing: 0.22em;





















































  text-transform: uppercase;





















































  color: rgba(255,255,255,0.42) !important;





















































  text-decoration: none;





















































  transition: color 0.2s;





















































}





















































.mobile-nav__footer a:hover { color: #fff !important; }











































































































/* ── Mobile overlay (background dimmer — keep but hide since nav is full black) */





















































.mobile-overlay { display: none !important; }

































































































































































/* ── Wishlist count badge ──────────────────────────────────── */





















































.header-wishlist {





















































  text-decoration: none;





















































}





















































.wishlist-count {





















































  position: absolute;





















































  top: -6px; right: -8px;





















































  background: var(--clr-accent);





















































  color: #fff;





















































  font-size: 0.6rem;





















































  font-weight: 700;





















































  width: 16px; height: 16px;





















































  border-radius: 50%;





















































  display: flex;





















































  align-items: center;





















































  justify-content: center;





















































  font-family: var(--ff-sans);





















































}











































































































/* ── YITH Wishlist page — minimal styling ──────────────────── */





















































.woocommerce-wishlist .wishlist_table {





















































  width: 100%;





















































  border-collapse: collapse;





















































  color: var(--clr-text);





















































}





















































.woocommerce-wishlist .wishlist_table th {





















































  font-family: var(--ff-display);





















































  font-size: 0.6rem;





















































  letter-spacing: 0.16em;





















































  text-transform: uppercase;





















































  border-bottom: 1px solid var(--clr-border);





















































  padding: 0.75rem 0.5rem;





















































  color: var(--clr-muted);





















































  font-weight: 400;





















































}





















































.woocommerce-wishlist .wishlist_table td {





















































  padding: 1rem 0.5rem;





















































  border-bottom: 1px solid rgba(255,255,255,0.06);





















































  vertical-align: middle;





















































}





















































.woocommerce-wishlist .wishlist_table .product-name a {





















































  font-family: var(--ff-display);





















































  font-size: 0.72rem;





















































  letter-spacing: 0.08em;





















































  text-transform: uppercase;





















































  color: var(--clr-text) !important;





















































  text-decoration: none;





















































}





















































.woocommerce-wishlist .wishlist_table .add_to_cart {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.58rem !important;





















































  letter-spacing: 0.18em;





















































  text-transform: uppercase;





















































  background: var(--clr-accent) !important;





















































  color: #fff !important;





















































  border: none !important;





















































  padding: 0.5rem 1.2rem !important;





















































  cursor: pointer;





















































  transition: background 0.2s !important;





















































}





















































.woocommerce-wishlist .wishlist_table .add_to_cart:hover {





















































  background: var(--clr-accent-lt) !important;





















































}











































































































/* Kill WooCommerce clearfix ::before/::after that become grid items */





















































.luxury-shop-page ul.products::before,





















































.luxury-shop-page ul.products::after {





















































  display: none !important;





















































  content: none !important;





















































}

































































































































































/* ════════════════════════════════════════════════════════════





















































   OVERRIDES — appended; cascade wins over earlier rules





















































   ════════════════════════════════════════════════════════════ */











































































































/* ── Hamburger: always visible ── */





















































.menu-toggle {





















































  display: flex !important;





















































  flex-direction: column;





















































  gap: 6px;





















































  width: 28px;





















































  padding: 4px 0;





















































  background: none;





















































  border: none;





















































  cursor: pointer;





















































}











































































































/* ── About hero: centered + Akira Expanded ── */





















































.about-hero { align-items: center !important; }





















































.about-hero__title {





















































  font-family: 'Barlow', var(--ff-display), sans-serif !important;





















































  font-size: clamp(2rem, 4.5vw, 5.5rem) !important;





















































  font-weight: 800 !important;





















































  line-height: 1.05 !important;





















































  text-transform: uppercase !important;





















































  letter-spacing: 0.03em !important;





















































  font-style: normal !important;





















































}





















































.about-hero__title em { font-style: normal !important; }











































































































/* ── Fullscreen nav overlay ── */





















































.mobile-nav {





















































  position: fixed !important;





















































  inset: 0 !important;





















































  width: 100vw !important;





















































  height: 100vh !important;





















































  background: #000 !important;





















































  z-index: 1100 !important;





















































  opacity: 0 !important;





















































  visibility: hidden !important;





















































  pointer-events: none !important;





















































  transition: opacity 0.45s var(--ease), visibility 0.45s var(--ease) !important;





















































  display: flex !important;





















































  flex-direction: column !important;





















































  align-items: center !important;





















































  justify-content: center !important;





















































  transform: none !important;





















































}





















































.mobile-nav.open {





















































  opacity: 1 !important;





















































  visibility: visible !important;





















































  pointer-events: auto !important;





















































  transform: none !important;





















































}





















































.mobile-nav__inner { display: contents; }





















































.mobile-nav__close {





















































  position: absolute !important;





















































  top: 2rem !important;





















































  right: 2.5rem !important;





















































  color: #fff !important;





















































  opacity: 0.7;





















































  background: none !important;





















































  border: none !important;





















































  cursor: pointer;





















































  padding: 0;





















































  transition: opacity 0.2s;





















































}





















































.mobile-nav__close:hover { opacity: 1; }





















































.mobile-nav__close svg { width: 32px; height: 32px; display: block; }





















































.mobile-nav__links { text-align: center; }





















































.fullscreen-menu {





















































  list-style: none !important;





















































  margin: 0 !important;





















































  padding: 0 !important;





















































  text-align: center;





















































}





















































.fullscreen-menu li { margin: 0 !important; }





















































.fullscreen-menu li a {





















































  font-family: var(--ff-display) !important;





















































  font-size: clamp(1.6rem, 3.6vw, 3rem) !important;





















































  font-weight: 700 !important;





















































  color: #fff !important;





















































  text-decoration: none !important;





















































  text-transform: uppercase !important;





















































  letter-spacing: 0.05em;





















































  display: block !important;





















































  padding: 0.35em 0 !important;





















































  line-height: 1;





















































  transition: opacity 0.2s;





















































}





















































.fullscreen-menu li a:hover { opacity: 0.45; }





















































.mobile-nav__footer {





















































  position: absolute !important;





















































  bottom: 2.8rem !important;





















































  left: 0 !important; right: 0 !important;





















































  display: flex !important;





















































  justify-content: space-between !important;





















































  padding: 0 3rem !important;





















































  border-top: none !important;





















































  margin: 0 !important;





















































}





















































.mobile-nav__footer a {





















































  font-family: var(--ff-display) !important;





















































  font-size: 0.52rem !important;





















































  letter-spacing: 0.2em;





















































  text-transform: uppercase !important;





















































  color: rgba(255,255,255,0.45) !important;





















































  text-decoration: none;





















































  transition: color 0.2s;





















































}





















































.mobile-nav__footer a:hover { color: #fff !important; }





















































.mobile-overlay { display: none !important; }











































































































/* ── Contact page ── */





















































.contact-form { display: block !important; }











































































































.contact-hero {





















































  background: var(--clr-dark);





















































  min-height: 38vh;





















































  display: flex;





















































  flex-direction: column;





















































  align-items: center;





















































  justify-content: center;





















































  text-align: center;





















































  position: relative;





















































  padding: var(--sp-32) var(--sp-8) var(--sp-24);





















































  margin-top: var(--header-h);





















































}





















































.contact-hero__inner { max-width: 580px; }





















































.contact-hero .label { color: var(--clr-accent-lt); font-size: 0.6rem; letter-spacing: 0.26em; }





















































.contact-hero__title {





















































  font-family: 'Barlow', var(--ff-display), sans-serif;





















































  font-size: clamp(2.5rem, 6vw, 6.5rem);





















































  font-weight: 800;





















































  line-height: 1.0;





















































  color: var(--clr-text);





















































  text-transform: uppercase;





















































  letter-spacing: 0.03em;





















































  font-style: normal;





















































  margin: 0.3em 0 0.5em;





















































}





















































.contact-hero__sub {





















































  font-family: var(--ff-serif);





















































  font-size: 1.1rem;





















































  color: var(--clr-muted);





















































  font-weight: 300;





















































  max-width: 380px;





















































  margin: 0 auto;





















































  line-height: 1.6;





















































}





















































.contact-hero__scroll {





















































  position: absolute; bottom: 2rem; left: 50%;





















































  transform: translateX(-50%);





















































  color: var(--clr-muted); opacity: 0.35;





















































  animation: chScroll 2.2s ease-in-out infinite;





















































}





















































@keyframes chScroll {





















































  0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.35; }





















































  50% { transform: translateX(-50%) translateY(7px); opacity: 0.7; }





















































}





















































.contact-strip {





















































  background: var(--clr-dark-2);





















































  border-top: 1px solid rgba(255,255,255,0.05);





















































  border-bottom: 1px solid rgba(255,255,255,0.05);





















































  padding: var(--sp-12) 0;





















































}





















































.contact-strip__grid { display: grid; grid-template-columns: repeat(4, 1fr); }





















































.contact-strip__block {





















































  padding: var(--sp-8); border-right: 1px solid rgba(255,255,255,0.07);





















































  text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--sp-2);





















































}





















































.contact-strip__block:last-child { border-right: none; }





















































.contact-strip__icon {





















































  width: 42px; height: 42px; border-radius: 50%;





















































  border: 1px solid rgba(255,255,255,0.1);





















































  display: flex; align-items: center; justify-content: center;





















































  color: var(--clr-accent-lt); margin-bottom: var(--sp-2); flex-shrink: 0;





















































}





















































.contact-strip__label {





















































  font-family: var(--ff-display); font-size: 0.5rem;





















































  letter-spacing: 0.22em; text-transform: uppercase;





















































  color: var(--clr-muted); font-weight: 400; margin: 0;





















































}





















































.contact-strip__block address,





















































.contact-strip__block p,





















































.contact-strip__block a {





















































  font-family: var(--ff-serif); font-size: 1.05rem; color: var(--clr-text);





















































  font-style: normal; line-height: 1.45; text-decoration: none; margin: 0;





















































}





















































.contact-strip__block a:hover { color: var(--clr-accent-lt); }





















































.contact-body { display: grid; grid-template-columns: 1fr 1fr; min-height: 72vh; }





















































.contact-body__map { position: relative; min-height: 520px; overflow: hidden; background: var(--clr-dark); }





















































.contact-body__map iframe {





















































  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;





















































  filter: grayscale(50%) contrast(1.05) brightness(0.8) sepia(8%); display: block;





















































}





















































.contact-body__map-pin {





















































  position: absolute; bottom: 2.2rem; left: 2.2rem;





















































  background: rgba(27,33,29,0.92); border: 1px solid rgba(255,255,255,0.1);





















































  backdrop-filter: blur(10px); padding: 0.9rem 1.3rem; min-width: 160px;





















































}





















































.contact-body__map-pin .label {





















































  display: block; font-size: 0.52rem; letter-spacing: 0.2em;





















































  color: var(--clr-accent-lt); margin-bottom: 0.25rem; text-transform: uppercase;





















































}





















































.contact-body__map-pin strong {





















































  font-family: var(--ff-display); font-size: 0.6rem;





















































  letter-spacing: 0.12em; text-transform: uppercase; color: var(--clr-text); font-weight: 400;





















































}





















































.contact-body__form {





















































  background: var(--clr-dark-2); display: flex; align-items: center;





















































  justify-content: center; padding: var(--sp-24) var(--sp-12);





















































  border-left: 1px solid rgba(255,255,255,0.05);





















































}





















































.contact-body__form-inner { width: 100%; max-width: 460px; }





















































.contact-body__form-inner > .label {





















































  display: block; color: var(--clr-accent-lt); font-size: 0.58rem;





















































  letter-spacing: 0.24em; margin-bottom: var(--sp-2);





















































}





















































.contact-body__form-title {





















































  font-family: var(--ff-serif); font-size: clamp(2rem, 3.2vw, 3rem);





















































  font-weight: 300; color: var(--clr-text); line-height: 1;





















































  margin: 0 0 var(--sp-10); letter-spacing: -0.01em; font-style: italic;





















































}





















































.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }





















































.cf-group { margin-bottom: var(--sp-4); }





















































.cf-group label {





















































  display: block; font-family: var(--ff-display); font-size: 0.5rem;





















































  letter-spacing: 0.18em; text-transform: uppercase;





















































  color: rgba(255,255,255,0.55); margin-bottom: 0.45rem; font-weight: 400;





















































}





















































.cf-group input[type="text"],





















































.cf-group input[type="email"],





















































.cf-group input[type="tel"],





















































.cf-group select,





















































.cf-group textarea {





















































  width: 100% !important; background: #fff !important;





















































  border: 1px solid rgba(0,0,0,0.15) !important;





















































  border-bottom: 2px solid rgba(0,0,0,0.2) !important;





















































  color: #1B211D !important; font-family: var(--ff-serif) !important;





















































  font-size: 1rem !important; padding: 0.75rem 1rem !important;





















































  outline: none !important; transition: border-color 0.2s, box-shadow 0.2s;





















































  border-radius: 0 !important; -webkit-appearance: none; appearance: none;





















































  box-sizing: border-box !important;





















































}





















































.cf-group input::placeholder, .cf-group textarea::placeholder {





















































  color: rgba(27,33,29,0.35); font-style: italic; font-size: 0.95rem;





















































}





















































.cf-group input:focus, .cf-group select:focus, .cf-group textarea:focus {





















































  border-color: var(--clr-accent) !important;





















































  box-shadow: 0 2px 0 var(--clr-accent); background: #fff !important;





















































}





















































.cf-group select {





















































  cursor: pointer;





















































  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%231B211D' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;





















































  background-repeat: no-repeat !important; background-position: right 1rem center !important;





















































  padding-right: 2.5rem !important; color: rgba(27,33,29,0.6) !important;





















































}





















































.cf-group select option { background: #fff; color: #1B211D; }





















































.cf-group textarea { resize: vertical; min-height: 130px; line-height: 1.6; }





















































.cf-submit {





















































  display: block; width: 100%; background: var(--clr-accent); color: #fff;





















































  font-family: var(--ff-display); font-size: 0.58rem; letter-spacing: 0.24em;





















































  text-transform: uppercase; font-weight: 400; border: none;





















































  padding: 1.1rem 2rem; cursor: pointer;





















































  transition: background 0.2s, transform 0.15s; margin-top: var(--sp-4);





















































}





















































.cf-submit:hover { background: #0a3d1a; transform: translateY(-2px); }











































































































/* Contact responsive */





















































@media (max-width: 1024px) { .contact-body__form { padding: var(--sp-16) var(--sp-8); } }





















































@media (max-width: 900px) {





















































  .contact-strip__grid { grid-template-columns: repeat(2, 1fr); }





















































  .contact-strip__block:nth-child(2) { border-right: none; }





















































  .contact-strip__block:nth-child(3) { border-top: 1px solid rgba(255,255,255,0.07); }





















































  .contact-strip__block:nth-child(4) { border-right: none; border-top: 1px solid rgba(255,255,255,0.07); }





















































  .contact-body { grid-template-columns: 1fr; }





















































  .contact-body__map { min-height: 380px; }





















































  .contact-body__form { padding: var(--sp-16) var(--sp-8); }





















































}





















































@media (max-width: 600px) {





















































  .contact-strip__grid { grid-template-columns: 1fr; }





















































  .contact-strip__block { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.07); }





















































  .contact-strip__block:last-child { border-bottom: none; }





















































  .cf-row { grid-template-columns: 1fr; }





















































  .contact-hero__title { font-size: clamp(2rem, 10vw, 4rem) !important; }





















































  .contact-body__map { min-height: 300px; }





















































}











































































































/* ── Custom logo image ── */





















































.site-logo .custom-logo-link,





















































.site-logo a {





















































  display: flex !important;





















































  align-items: center !important;





















































  line-height: 1 !important;





















































}





















































.site-logo .custom-logo,





















































.site-logo img {





















































  max-height: 28px !important;





















































  max-width: 160px !important;





















































  width: auto !important;





















































  height: auto !important;





















































  display: block !important;





















































  filter: invert(1) !important;





















































  mix-blend-mode: screen !important;





















































  object-fit: contain !important;





















































}

































































































































































/* ── Background: graphite #555555 ── */





















































:root {





















































  --clr-bg:     #555555 !important;





















































  --clr-bg-alt: #4d4d4d !important;





















































}











































































































/* ── Header: flex + absolute-centered nav ── */





















































.header-inner {





















































  display: flex !important;





















































  align-items: center !important;





















































  justify-content: space-between !important;





















































  position: relative !important;





















































}





















































.nav-menu {





















































  position: absolute !important;





















































  left: 50% !important;





















































  top: 50% !important;





















































  transform: translate(-50%, -50%) !important;





















































  pointer-events: auto !important;





















































}





















































.header-actions {





















































  display: flex !important;





















































  align-items: center !important;





















































  margin-left: auto !important;





















































}









































































































/* ═══ FORCE BG COLOR #3a3a3a ═══════════════════════════════════ */

























:root { --clr-bg: #3a3a3a !important; --clr-bg-alt: #333333 !important; }

























.section-collections,

























.section-arrivals,

























body .section-arrivals,

























body .section-collections { background: #3a3a3a !important; }











































































/* ═══ WHITE LABELS ON GRAY SECTIONS ════════════════════════════ */
























.section-collections .label,
























.section-arrivals .label,
























.section-arrivals .text-link,
























.section-arrivals .arrivals-header a,
























.collection-card__cta,
























.collection-card__body .label,
























.collections-header .label,
























.arrivals-header .label {
























  color: rgba(255,255,255,0.85) !important;
























}
























.collection-card__cta:hover,
























.section-arrivals .text-link:hover {
























  color: #ffffff !important;
























}








































































/* ═══ WHITE HEADINGS ON GRAY SECTIONS ══════════════════════════ */























.section-arrivals .section-heading,























.section-arrivals h2,























.section-collections .section-heading,























.section-collections h2,























.collection-card__title,























.collections-header .section-heading {























  color: #ffffff !important;























}





































































/* ═══ HEADER ICONS: WHITE + GREEN HOVER ════════════════════════ */






















.header-wishlist,






















.header-cart {






















  color: #ffffff !important;






















  opacity: 1 !important;






















  transition: color 0.2s, opacity 0.2s !important;






















}






















.header-wishlist svg,






















.header-cart svg {






















  stroke: #ffffff !important;






















  fill: #ffffff !important;






















  transition: stroke 0.2s, fill 0.2s !important;






















}






















.header-wishlist:hover,






















.header-cart:hover {






















  color: var(--clr-accent-lt) !important;






















  opacity: 1 !important;






















}






















.header-wishlist:hover svg,






















.header-cart:hover svg {






















  stroke: var(--clr-accent-lt) !important;






















  fill: var(--clr-accent-lt) !important;






















}












































































































/* ═══ HERO: LEFT ALIGN + CYCLING WORD ══════════════════════════ */




















.hero-content--left {




















  text-align: left !important;




















  align-items: flex-start !important;




















  padding-left: 8% !important;




















  padding-right: 8% !important;




















}




















.hero-content--left .hero-title--split,




















.hero-title--split {




















  text-align: left !important;




















  font-size: clamp(1.6rem, 3vw, 3.2rem) !important;




















  line-height: 1.2 !important;




















  max-width: 600px !important;




















}




















.hero-cycling-word {




















  display: block !important;




















  color: #27ae60 !important;




















  font-size: clamp(2rem, 4vw, 4.5rem) !important;




















  font-style: italic !important;




















  opacity: 1;




















  transform: translateY(0);




















  transition: opacity 0.38s ease, transform 0.38s ease !important;




















}




















.hero-content--left .hero-tagline {




















  max-width: 420px !important;




















  text-align: left !important;




















}




























































/* ═══ HERO: DARKER OVERLAY + MORE LEFT ════════════════════════ */



















.hero-overlay {



















  background: linear-gradient(



















    to bottom,



















    rgba(0,0,0,0.72) 0%,



















    rgba(0,0,0,0.60) 40%,



















    rgba(0,0,0,0.82) 100%



















  ) !important;



















}



















.hero-content--left {



















  text-align: left !important;



















  align-items: flex-start !important;



















  padding-left: 5% !important;



















  padding-right: 50% !important;



















}



















@media (max-width: 900px) {



















  .hero-content--left { padding-right: 8% !important; }



















}

























































/* ═══ HERO: FIX LEFT LAYOUT ════════════════════════════════════ */


















.hero-content--left {


















  text-align: left !important;


















  align-items: flex-start !important;


















  padding-left: 3% !important;


















  padding-right: 3% !important;


















  max-width: 580px !important;


















  margin-right: auto !important;


















  margin-left: 0 !important;


















  width: 100% !important;


















  box-sizing: border-box !important;


















}


















.hero-title--split {


















  text-align: left !important;


















  font-size: clamp(1.6rem, 3vw, 3.2rem) !important;


















  line-height: 1.15 !important;


















}


















.hero-content--left .hero-tagline {


















  max-width: 100% !important;


















  width: 100% !important;


















  text-align: left !important;


















  font-size: 1rem !important;


















  line-height: 1.6 !important;


















}






















































/* ═══ CYCLING WORD: DARKER GREEN ═══════════════════════════════ */

















.hero-cycling-word { color: #1a6b35 !important; }



















































/* ═══ CYCLING WORD: DARK COLOR ══════════════════════════════════ */
















.hero-cycling-word { color: #1B211D !important; }
















































/* ═══ CYCLING WORD: SLIGHTLY LIGHTER ═══════════════════════════ */















.hero-cycling-word { color: #1e5c30 !important; }













































/* ═══ HERO: RIGHT POSITION + SLIDE ANIMATION ═══════════════════ */














.hero-content--left {














  text-align: left !important;














  align-items: flex-start !important;














  padding-left: 18% !important;














  padding-right: 3% !important;














  max-width: 680px !important;














  margin-left: 0 !important;














  margin-right: auto !important;














}














/* Cycling word slide-from-right animation */














.hero-cycling-word {














  display: block !important;














  color: #1e5c30 !important;














  font-size: clamp(2rem, 4vw, 4.5rem) !important;














  font-style: italic !important;














  transition: opacity 0.4s ease, transform 0.4s ease !important;














  opacity: 1;














  transform: translateX(0);














}














.hero-cycling-word.cw-exit {














  opacity: 0 !important;














  transform: translateX(-60px) !important;














}














.hero-cycling-word.cw-enter-prep {














  transition: none !important;














  opacity: 0 !important;














  transform: translateX(60px) !important;














}














@media (max-width: 900px) {














  .hero-content--left { padding-left: 5% !important; }














}










































/* ═══ HERO: CENTER + RIGHTWARD SCROLL ANIMATION ════════════════ */













.hero-content--left {













  text-align: left !important;













  align-items: flex-start !important;













  padding-left: 28% !important;













  padding-right: 5% !important;













  max-width: 720px !important;













  margin-left: 0 !important;













  margin-right: 0 !important;













  box-sizing: border-box !important;













}













/* Rightward scroll: exit RIGHT, enter from LEFT */













.hero-cycling-word {













  display: block !important;













  color: #1e5c30 !important;













  font-size: clamp(2rem, 4vw, 4.5rem) !important;













  font-style: italic !important;













  transition: opacity 0.4s ease, transform 0.4s ease !important;













  opacity: 1 !important;













  transform: translateX(0) !important;













  overflow: hidden;













}













.hero-cycling-word.cw-exit {













  opacity: 0 !important;













  transform: translateX(70px) !important;













}













.hero-cycling-word.cw-enter-prep {













  transition: none !important;













  opacity: 0 !important;













  transform: translateX(-70px) !important;













}













@media (max-width: 900px) {













  .hero-content--left { padding-left: 5% !important; }













}







































/* ═══ ALL CAPS: HEADINGS + LABELS ══════════════════════════════ */












h1, h2, h3, h4, h5, h6,












.section-heading,












.hero-title,












.hero-title--split,












.hero-cycling-word,












.hero-eyebrow,












.collection-card__title,












.collections-header h2,












.arrivals-header h2,












.featured-heading,












.craft-title,












.cta-heading,












.interior-caption,












.contact-hero__title,












.about-hero__title,












.nav-link,












.fullscreen-menu li a,












.btn, .btn-outline-white {












  text-transform: uppercase !important;












}




































/* ═══ BAXTER-STYLE EDITORIAL SECTIONS ══════════════════════════ */























/* ── Manifesto: full-bleed split ── */











.section-manifesto {











  background: var(--clr-dark);











  overflow: hidden;











}











.manifesto-inner {











  display: grid;











  grid-template-columns: 1fr 1fr;











  min-height: 80vh;











}











.manifesto-image-wrap {











  position: relative;











  overflow: hidden;











}











.manifesto-image-wrap img {











  width: 100%; height: 100%;











  object-fit: cover;











  display: block;











  transition: transform 0.9s cubic-bezier(0.25,0.46,0.45,0.94);











}











.manifesto-image-wrap:hover img { transform: scale(1.04); }











.manifesto-text {











  display: flex;











  flex-direction: column;











  justify-content: center;











  padding: 6rem 5rem;











  background: var(--clr-dark);











}











.manifesto-text .label {











  color: rgba(255,255,255,0.5) !important;











  margin-bottom: 1.5rem;











}











.manifesto-text h2 {











  font-family: var(--ff-serif);











  font-size: clamp(2rem, 3.5vw, 4rem);











  font-weight: 300;











  line-height: 1.15;











  color: #fff;











  margin: 0 0 1.8rem;











  letter-spacing: -0.01em;











}











.manifesto-text p {











  font-family: var(--ff-serif);











  font-size: 1.05rem;











  color: rgba(255,255,255,0.6);











  line-height: 1.75;











  max-width: 360px;











  margin: 0 0 2.5rem;











}











.manifesto-link {











  display: inline-flex;











  align-items: center;











  gap: 0.6rem;











  font-family: var(--ff-sans);











  font-size: 0.6rem;











  letter-spacing: 0.22em;











  text-transform: uppercase;











  color: #fff;











  text-decoration: none;











  border-bottom: 1px solid rgba(255,255,255,0.35);











  padding-bottom: 4px;











  transition: border-color 0.2s, color 0.2s;











  width: fit-content;











}











.manifesto-link:hover { border-color: #fff; color: #fff; }























/* ── Editorial Split 60/40 ── */











.section-ed-split {











  background: var(--clr-dark);











  overflow: hidden;











}











.ed-split {











  display: grid;











  grid-template-columns: 60fr 40fr;











  min-height: 85vh;











}











.ed-split__image {











  position: relative;











  overflow: hidden;











}











.ed-split__image img {











  width: 100%; height: 100%;











  object-fit: cover;











  display: block;











  transition: transform 0.9s cubic-bezier(0.25,0.46,0.45,0.94);











}











.ed-split__image:hover img { transform: scale(1.04); }











.ed-split__content {











  display: flex;











  flex-direction: column;











  justify-content: center;











  padding: 6rem 4.5rem;











  background: var(--clr-dark-2);











  border-left: 1px solid rgba(255,255,255,0.06);











}











.ed-split__content .label {











  color: rgba(255,255,255,0.45) !important;











  margin-bottom: 1.5rem;











}











.ed-split__content h2 {











  font-family: var(--ff-serif);











  font-size: clamp(1.8rem, 2.8vw, 3.2rem);











  font-weight: 300;











  line-height: 1.2;











  color: #fff;











  margin: 0 0 1.6rem;











  letter-spacing: -0.01em;











}











.ed-split__content p {











  font-family: var(--ff-serif);











  font-size: 1rem;











  color: rgba(255,255,255,0.55);











  line-height: 1.8;











  margin: 0 0 2.5rem;











}











.ed-split__cta {











  display: inline-flex;











  align-items: center;











  gap: 0.5rem;











  font-family: var(--ff-sans);











  font-size: 0.58rem;











  letter-spacing: 0.2em;











  text-transform: uppercase;











  color: #fff;











  text-decoration: none;











  border-bottom: 1px solid rgba(255,255,255,0.3);











  padding-bottom: 4px;











  width: fit-content;











  transition: border-color 0.2s;











}











.ed-split__cta:hover { border-color: #fff; }























/* ── Baxter Photo Grid ── */











.section-photo-grid {











  background: var(--clr-dark);











  padding: 0;











  overflow: hidden;











}











.photo-grid-baxter {











  display: grid;











  grid-template-columns: 58fr 42fr;











  min-height: 80vh;











}











.pgb-main {











  position: relative;











  overflow: hidden;











}











.pgb-main .pgb-img-wrap {











  height: 100%;











}











.pgb-img-wrap img {











  width: 100%; height: 100%;











  object-fit: cover;











  display: block;











  transition: transform 0.9s cubic-bezier(0.25,0.46,0.45,0.94);











}











.pgb-main:hover .pgb-img-wrap img { transform: scale(1.03); }











.pgb-caption {











  position: absolute;











  bottom: 1.5rem;











  left: 1.5rem;











  font-family: var(--ff-sans);











  font-size: 0.52rem;











  letter-spacing: 0.18em;











  text-transform: uppercase;











  color: rgba(255,255,255,0.6);











  background: rgba(0,0,0,0.3);











  backdrop-filter: blur(6px);











  padding: 0.4rem 0.8rem;











}











.pgb-side {











  display: grid;











  grid-template-rows: 1fr auto 1fr;











  border-left: 1px solid rgba(255,255,255,0.06);











}











.pgb-img-wrap--top,











.pgb-img-wrap--bot {











  position: relative;











  overflow: hidden;











}











.pgb-img-wrap--top:hover img,











.pgb-img-wrap--bot:hover img { transform: scale(1.04); }











.pgb-label-block {











  display: flex;











  flex-direction: column;











  justify-content: center;











  padding: 2.5rem 3rem;











  background: var(--clr-dark-2);











  border-top: 1px solid rgba(255,255,255,0.06);











  border-bottom: 1px solid rgba(255,255,255,0.06);











}











.pgb-label-block .label {











  color: rgba(255,255,255,0.4) !important;











  margin-bottom: 0.6rem;











}











.pgb-label-block h2 {











  font-family: var(--ff-serif);











  font-size: clamp(1.6rem, 2.2vw, 2.5rem);











  font-weight: 300;











  color: #fff;











  margin: 0;











}























/* Responsive */











@media (max-width: 900px) {











  .manifesto-inner,











  .ed-split,











  .photo-grid-baxter { grid-template-columns: 1fr; }











  .manifesto-image-wrap,











  .ed-split__image,











  .pgb-main { min-height: 55vw; }











  .manifesto-text,











  .ed-split__content { padding: 3.5rem 2rem; }











  .pgb-side { grid-template-rows: auto; }











  .pgb-img-wrap--top,











  .pgb-img-wrap--bot { min-height: 45vw; }











}

































/* === FIX: BAXTER SECTION IMAGE HEIGHTS ======================== */





















/* Manifesto: explicit row height so image fills */










.manifesto-inner {










  grid-template-columns: 1fr 1fr !important;










  grid-template-rows: minmax(80vh, auto) !important;










  display: grid !important;










  align-items: stretch !important;










}










.manifesto-image-wrap {










  min-height: 60vh !important;










  overflow: hidden !important;










  position: relative !important;










}










.manifesto-image-wrap img {










  position: absolute !important;










  inset: 0 !important;










  width: 100% !important;










  height: 100% !important;










  object-fit: cover !important;










}





















/* Ed-split: explicit row + absolute img */










.ed-split {










  display: grid !important;










  grid-template-columns: 60fr 40fr !important;










  grid-template-rows: minmax(85vh, auto) !important;










  align-items: stretch !important;










}










.ed-split__image {










  min-height: 60vh !important;










  overflow: hidden !important;










  position: relative !important;










}










.ed-split__image img {










  position: absolute !important;










  inset: 0 !important;










  width: 100% !important;










  height: 100% !important;










  object-fit: cover !important;










}





















/* Photo grid: set height on container so children can use height:100% */










.photo-grid-baxter {










  display: grid !important;










  grid-template-columns: 58fr 42fr !important;










  height: 80vh !important;










  min-height: 500px !important;










}










.pgb-main {










  height: 100% !important;










  overflow: hidden !important;










  position: relative !important;










}










.pgb-main .pgb-img-wrap {










  height: 100% !important;










  overflow: hidden !important;










}










.pgb-main .pgb-img-wrap img {










  position: absolute !important;










  inset: 0 !important;










  width: 100% !important;










  height: 100% !important;










  object-fit: cover !important;










}










.pgb-side {










  display: grid !important;










  grid-template-rows: 1fr auto 1fr !important;










  height: 100% !important;










  align-items: stretch !important;










}










.pgb-img-wrap--top,










.pgb-img-wrap--bot {










  overflow: hidden !important;










  position: relative !important;










  min-height: 200px !important;










}










.pgb-img-wrap--top img,










.pgb-img-wrap--bot img {










  position: absolute !important;










  inset: 0 !important;










  width: 100% !important;










  height: 100% !important;










  object-fit: cover !important;










}





















@media (max-width: 900px) {










  .manifesto-inner,










  .ed-split,










  .photo-grid-baxter {










    display: block !important;










    height: auto !important;










  }










  .manifesto-image-wrap,










  .ed-split__image,










  .pgb-main,










  .pgb-img-wrap--top,










  .pgb-img-wrap--bot {










    min-height: 55vw !important;










    position: relative !important;










  }










  .pgb-side { height: auto !important; display: block !important; }










}






























/* ── Gallery sticky: handled by JS (gallery-sticky.js) ───────── */









.luxury-product-page .woocommerce-product-gallery {









  position: relative !important;









  top: auto !important;









  z-index: 2 !important;









  align-self: start !important;









  max-height: calc(100vh - 80px) !important;









  overflow-y: auto !important;









  overflow-x: hidden !important;









}









body.single-product .woocommerce div.product div.images {









  position: relative !important;









  top: auto !important;









}









/* Prevent gallery from overflowing header */









.luxury-product-page .woocommerce-product-gallery.is-stuck {









  z-index: 2 !important;









}



























/* ── Gallery: NO sticky, static in grid ──────────────────────── */








.luxury-product-page .woocommerce-product-gallery,








body.single-product .woocommerce div.product div.images,








body.single-product .woocommerce div.product div.images.woocommerce-product-gallery {








  position: static !important;








  top: auto !important;








  z-index: auto !important;








  max-height: none !important;








  overflow: visible !important;








  align-self: start !important;








}
























/* ── Hero layout fix: margin-left instead of padding-left ───── */







.hero-content--left {







  text-align: left !important;







  align-items: flex-start !important;







  /* position from left via margin — preserves full max-width for text */







  margin-left: 48% !important;







  margin-right: 0 !important;







  padding-left: 0 !important;







  padding-right: 3% !important;







  max-width: 480px !important;







  width: 100% !important;







  box-sizing: border-box !important;







}







.hero-content--left .hero-tagline {







  max-width: 100% !important;







  width: 100% !important;







  white-space: normal !important;







  word-break: normal !important;







}







@media (max-width: 900px) {







  .hero-content--left {







    margin-left: 0 !important;







    padding: 0 6% !important;







    max-width: 100% !important;







  }







}





















/* ── Hero: move text to LEFT side ───────────────────────────── */






.hero-content--left {






  margin-left: 5% !important;






  margin-right: auto !important;






  padding-left: 0 !important;






  padding-right: 5% !important;






  max-width: 520px !important;






  width: 100% !important;






  box-sizing: border-box !important;






}






@media (max-width: 900px) {






  .hero-content--left {






    margin-left: 0 !important;






    padding: 0 6% !important;






    max-width: 100% !important;






  }






}


















/* ── Hero cut-off fix: widen container, allow word to breathe ── */





.hero-content--left {





  margin-left: 5% !important;





  margin-right: auto !important;





  padding-left: 0 !important;





  padding-right: 2% !important;





  max-width: 680px !important;





  width: auto !important;





  box-sizing: content-box !important;





  overflow: visible !important;





}





.hero-cycling-word {





  white-space: nowrap !important;





  overflow: visible !important;





}





@media (max-width: 900px) {





  .hero-content--left {





    margin-left: 0 !important;





    padding: 0 6% !important;





    max-width: 100% !important;





    box-sizing: border-box !important;





  }





  .hero-cycling-word {





    white-space: normal !important;





  }





}















/* ===========================================================================




   REDESIGN: fonts · caps · nav · hamburger · grey · seam · video




   =========================================================================== */









/* 1. HERO VIDEO (same rules as .hero-img) */




.hero-video {




  position: absolute !important;




  inset: 0 !important;




  width: 100% !important;




  height: 100% !important;




  object-fit: cover !important;




  object-position: center !important;




  display: block !important;




}









/* 2. GREEN SEAM FIX — body charcoal not green */




html, body {




  background-color: #111111 !important;




}




.site-header {




  background-color: transparent !important;




}









/* 3. HIDE PRIMARY NAV */




.primary-nav {




  display: none !important;




}




@media (max-width: 900px) {




  .primary-nav { display: none !important; }




}









/* 4. HEADER ICONS BOLDER */




.header-wishlist svg,




.header-cart svg {




  stroke-width: 2.2 !important;




  width: 22px !important;




  height: 22px !important;




}









/* 5. FONT SYSTEM */




/* Section headings — Cormorant Garamond (full Polish support) */




h2, h3,




.section-heading,




.featured-heading,




.cta-heading,




.collection-card__title,




.manifesto-text h2,




.ed-split__content h2,




.pgb-label-block h2 {




  font-family: "Cormorant Garamond", "Georgia", serif !important;




  font-weight: 600 !important;




  text-transform: uppercase !important;




  letter-spacing: 0.06em !important;




}









/* Labels / eyebrows — Inter */




.label,




.hero-eyebrow,




.scroll-label,




.pgb-caption {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.22em !important;




  font-size: 0.65rem !important;




  font-weight: 500 !important;




}









/* Hero title caps */




.hero-title {




  text-transform: uppercase !important;




}




.hero-tagline {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.14em !important;




  font-size: 0.75rem !important;




  font-weight: 400 !important;




}









/* Buttons */




.btn,




.btn-outline-white,




.btn-dark,




.btn-lg {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.2em !important;




  font-size: 0.68rem !important;




  font-weight: 500 !important;




}









/* Inline CTAs */




.collection-card__cta,




.manifesto-link,




.ed-split__cta,




.text-link,




.luxury-item-cta {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.16em !important;




  font-size: 0.68rem !important;




}









/* Footer */




.footer-heading {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.18em !important;




  font-size: 0.7rem !important;




  font-weight: 600 !important;




}




.footer-nav a,




.footer-contact-item,




.copyright,




.footer-tagline {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.1em !important;




  font-size: 0.72rem !important;




}









/* Product cards */




.luxury-item-name a,




.luxury-item-name {




  text-transform: uppercase !important;




  font-family: "Cormorant Garamond", "Georgia", serif !important;




}




.luxury-item-cat,




.luxury-item-price,




.luxury-item-desc {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.1em !important;




}









/* 6. COLLECTIONS "Odkryj Nasz Swiat" — Cormorant (Polish chars) */




.section-collections .section-heading {




  font-family: "Cormorant Garamond", "Georgia", serif !important;




  font-size: clamp(2.4rem, 4.5vw, 4.8rem) !important;




  font-weight: 600 !important;




  text-transform: uppercase !important;




  letter-spacing: 0.05em !important;




}




.section-arrivals .section-heading {




  font-family: "Cormorant Garamond", "Georgia", serif !important;




  font-size: clamp(2rem, 4vw, 3.8rem) !important;




  text-transform: uppercase !important;




}









/* 7. DARKER GRAPHITE sections */




.section-collections {




  background-color: #1c1c1e !important;




}




.section-arrivals {




  background-color: #1a1a1c !important;




}









/* 8. HAMBURGER — Cormorant Garamond for Polish chars */




.mobile-nav .fullscreen-menu > li > a,




.mobile-nav .fullscreen-menu > li > button.kolekcje-toggle {




  font-family: "Cormorant Garamond", "Georgia", serif !important;




  font-weight: 600 !important;




  font-size: clamp(2.2rem, 5vw, 4.5rem) !important;




  text-transform: uppercase !important;




  letter-spacing: 0.04em !important;




  color: rgba(255,255,255,0.88) !important;




  text-decoration: none !important;




  display: block !important;




  padding: 0.18em 0 !important;




  line-height: 1.15 !important;




  transition: color 0.2s !important;




  background: none !important;




  border: none !important;




  cursor: pointer !important;




  width: 100% !important;




  text-align: left !important;




}




.mobile-nav .fullscreen-menu > li > a:hover,




.mobile-nav .fullscreen-menu > li > button.kolekcje-toggle:hover {




  color: #ffffff !important;




  background: rgba(255,255,255,0.05) !important;




}









/* Kolekcje sub-menu */




.mobile-nav .fullscreen-menu .sub-menu {




  list-style: none !important;




  padding: 0.2rem 0 0.8rem 0.4rem !important;




  margin: 0 !important;




  display: none !important;




}




.mobile-nav .fullscreen-menu .has-submenu.open .sub-menu {




  display: block !important;




}




.mobile-nav .fullscreen-menu .sub-menu li a {




  font-family: "Inter", sans-serif !important;




  font-size: 0.72rem !important;




  text-transform: uppercase !important;




  letter-spacing: 0.22em !important;




  font-weight: 400 !important;




  color: rgba(255,255,255,0.58) !important;




  padding: 0.45rem 0 !important;




  display: block !important;




  transition: color 0.2s !important;




  background: none !important;




  line-height: 1.4 !important;




}




.mobile-nav .fullscreen-menu .sub-menu li a:hover {




  color: rgba(255,255,255,0.95) !important;




}




.kolekcje-arrow {




  display: inline-block !important;




  margin-left: 0.5em !important;




  transition: transform 0.3s ease !important;




  font-size: 0.55em !important;




  vertical-align: middle !important;




  opacity: 0.6 !important;




}




.has-submenu.open .kolekcje-arrow {




  transform: rotate(45deg) !important;




}









/* Mobile nav footer */




.mobile-nav__footer a {




  font-family: "Inter", sans-serif !important;




  text-transform: uppercase !important;




  letter-spacing: 0.16em !important;




  font-size: 0.68rem !important;




}




.mobile-nav__footer a:hover {




  color: #ffffff !important;




}









/* 9. HIDE unknown stats/experience bars */




.section-stats, .section-numbers, .stats-section,




.counter-section, .years-section {




  display: none !important;




}












/* TEETH/ZABKI FIX + HEADER SCROLL BG */



.site-header::after,



.site-header.scrolled::after,



body.contact-page .site-header::after {



  display: none !important;



  content: none !important;



}



.site-header.scrolled,



body.contact-page .site-header {



  background: rgba(14, 14, 14, 0.96) !important;



  backdrop-filter: blur(14px) !important;



}









/* HEADER FIX: restore primary nav, remove any vertical line artifacts */


.primary-nav {


  display: block !important;


}


@media (max-width: 900px) {


  .primary-nav { display: none !important; }


}


/* Remove any potential vertical separators on nav items */


.nav-item::before,


.nav-item::after,


.nav-menu li::before {


  border-left: none !important;


  border-right: none !important;


  width: 0 !important;


}


/* Nav item underline only on hover (no vertical lines) */


.nav-link::before {


  display: none !important;


  content: none !important;


}


/* Header actions: no border separators */


.header-actions,


.header-wishlist,


.header-cart,


.menu-toggle {


  border-left: none !important;


  border-right: none !important;


  border-top: none !important;


  border-bottom: none !important;


  outline: none !important;


}


/* Nav spacing clean */


.nav-menu {


  gap: 2.8rem !important;


  list-style: none !important;


}


.nav-link, .nav-link span {


  font-family: 'Inter', sans-serif !important;


  text-transform: uppercase !important;


  letter-spacing: 0.16em !important;


  font-size: 0.7rem !important;


  font-weight: 400 !important;


}






/* ══════════════════════════════════════════════════════════════

   SITE-WIDE FONT: Akira Expanded everywhere

   ══════════════════════════════════════════════════════════════ */

:root {

  --ff-akira: 'Barlow', sans-serif;

}



body, html {

  font-family: 'Barlow', sans-serif !important;

}



/* Headings */

h1, h2, h3, h4, h5, h6,

.section-heading,

.featured-heading,

.cta-heading,

.collection-card__title,

.manifesto-text h2,

.ed-split__content h2,

.pgb-label-block h2,

.craft-title,

.hero-title,

.hero-title--split {

  font-family: 'Barlow', sans-serif !important;

  letter-spacing: 0.04em !important;

}



/* Body / paragraph text */

p,

.hero-tagline,

.luxury-item-desc,

.manifesto-text p,

.ed-split__content p,

.featured-desc,

.featured-desc p,

.footer-tagline,

.footer-contact-item,

.footer-address,

.copyright {

  font-family: 'Barlow', sans-serif !important;

  font-size: 0.68rem !important;

  letter-spacing: 0.1em !important;

  line-height: 1.9 !important;

  font-weight: 400 !important;

}



/* Labels / eyebrows */

.label,

.hero-eyebrow,

.scroll-label,

.pgb-caption,

.craft-number {

  font-family: 'Barlow', sans-serif !important;

  letter-spacing: 0.18em !important;

  font-size: 0.6rem !important;

}



/* Buttons & CTAs */

.btn, .btn-outline-white, .btn-dark, .btn-lg,

.collection-card__cta,

.manifesto-link,

.ed-split__cta,

.text-link,

.luxury-item-cta {

  font-family: 'Barlow', sans-serif !important;

  letter-spacing: 0.14em !important;

  font-size: 0.62rem !important;

}



/* Top nav links */

.nav-link,

.nav-link span,

.nav-menu a {

  font-family: 'Barlow', sans-serif !important;

  font-size: 0.58rem !important;

  letter-spacing: 0.14em !important;

}



/* Footer */

.footer-heading {

  font-family: 'Barlow', sans-serif !important;

  font-size: 0.62rem !important;

  letter-spacing: 0.16em !important;

}

.footer-nav a {

  font-family: 'Barlow', sans-serif !important;

  font-size: 0.6rem !important;

  letter-spacing: 0.1em !important;

}



/* Product cards */

.luxury-item-name,

.luxury-item-name a,

.luxury-item-cat,

.luxury-item-price {

  font-family: 'Barlow', sans-serif !important;

}

.luxury-item-name,

.luxury-item-name a {

  font-size: 0.8rem !important;

  letter-spacing: 0.06em !important;

}

.luxury-item-cat,

.luxury-item-price {

  font-size: 0.58rem !important;

  letter-spacing: 0.12em !important;

}



/* Hamburger fullscreen menu */

.mobile-nav .fullscreen-menu > li > a,

.mobile-nav .fullscreen-menu > li > button.kolekcje-toggle {

  font-family: 'Barlow', sans-serif !important;

  letter-spacing: 0.06em !important;

}

.mobile-nav .fullscreen-menu .sub-menu li a {

  font-family: 'Barlow', sans-serif !important;

  font-size: 0.58rem !important;

  letter-spacing: 0.18em !important;

}

.mobile-nav__footer a {

  font-family: 'Barlow', sans-serif !important;

  font-size: 0.58rem !important;

  letter-spacing: 0.14em !important;

}



/* WooCommerce text */

.woocommerce-Price-amount,

.price,

.woocommerce-loop-product__title,

.cart-contents,

.woocommerce-message,

.woocommerce-info {

  font-family: 'Barlow', sans-serif !important;

}


/* ── Akira Expanded Force Fix - high specificity ── */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-family: 'Barlow', sans-serif !important;
  letter-spacing: 0.04em !important;
}
html body [class] h1, html body [class] h2, html body [class] h3,
html body [class] h4, html body [class] h5, html body [class] h6 {
  font-family: 'Barlow', sans-serif !important;
  letter-spacing: 0.04em !important;
}
html body [class] [class] h1, html body [class] [class] h2,
html body [class] [class] h3, html body [class] [class] h4,
html body [class] [class] h5, html body [class] [class] h6 {
  font-family: 'Barlow', sans-serif !important;
  letter-spacing: 0.04em !important;
}
html body [class] [class] [class] h1, html body [class] [class] [class] h2,
html body [class] [class] [class] h3, html body [class] [class] [class] h4,
html body [class] [class] [class] h5, html body [class] [class] [class] h6 {
  font-family: 'Barlow', sans-serif !important;
  letter-spacing: 0.04em !important;
}
/* Hamburger footer links */
.mobile-nav__footer, .mobile-nav__footer a, .mobile-nav__footer span,
.mobile-nav__footer > * {
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.55rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
}

/* ── Barlow weight assignments ── */
h1, h2, h3, h4, h5, h6,
.hero-title, .hero-title--split,
.section-heading, .featured-heading, .cta-heading,
.collection-card__title, .manifesto-text h2, .ed-split__content h2,
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body [class] h1, html body [class] h2, html body [class] h3,
html body [class] [class] h1, html body [class] [class] h2,
html body [class] [class] [class] h1, html body [class] [class] [class] h2 {
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
}
.hero-cycling-word {
  font-weight: 900 !important;
  font-style: italic !important;
}
.hero-tagline, .manifesto-body, .ed-split__body {
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  font-size: 0.72rem !important;
}
.btn, .btn-outline-white, .btn-dark, .btn-lg,
.collection-card__cta, button[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button {
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}
.nav-link, .nav-link span, .nav-menu a, .primary-nav a {
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}
.footer-heading, .footer-nav a, footer a, footer p, footer span {
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
}
.mobile-nav .fullscreen-menu > li > a,
.mobile-nav .fullscreen-menu > li > button.kolekcje-toggle,
.mobile-nav .fullscreen-menu .sub-menu li a {
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}
.mobile-nav__footer a, .mobile-nav__footer span {
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  font-size: 0.55rem !important;
  text-transform: uppercase !important;
}
.label, .hero-eyebrow, .scroll-label,
.woocommerce-Price-amount, .price,
.woocommerce-loop-product__title,
.luxury-item-name, .luxury-item-cat, .luxury-item-price {
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}
p { font-weight: 600 !important; }

/* ── Barlow on ALL pages: body text, WooCommerce, subpages ── */
body,
p, span, li, td, th, label, dt, dd, blockquote, figcaption,
input, textarea, select, button,
.entry-content, .entry-content *,
.entry-summary, .entry-summary *,
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description *,
.woocommerce-tabs .panel, .woocommerce-tabs .panel *,
.woocommerce-loop-product__title,
.woocommerce-Price-amount,
.product_meta, .product_meta *,
.cart_totals, .cart_totals *,
.woocommerce-checkout *, .woocommerce-cart *,
.woocommerce-account *,
.woocommerce-info, .woocommerce-error, .woocommerce-message,
.widget *, .sidebar *,
.yith-wcwl-add-to-wishlist, .yith-wcwl-add-to-wishlist *,
.quantity input,
.variations *, .woocommerce-variation-description *,
.single_add_to_cart_button,
footer, footer *,
.site-footer, .site-footer *,
.error404 *, .page-not-found *,
body.page *:not([class*="icon"]):not([class*="dashicon"]),
body.single-product *:not([class*="icon"]):not([class*="dashicon"]),
body.woocommerce *:not([class*="icon"]):not([class*="dashicon"]),
body.post-type-archive-product *:not([class*="icon"]):not([class*="dashicon"]) {
  font-family: 'Barlow', sans-serif !important;
}
/* Description paragraphs - normal weight */
.woocommerce-product-details__short-description p,
.entry-content p,
.woocommerce-tabs .panel p,
.product_meta span,
.product_meta a {
  font-weight: 500 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  line-height: 1.7 !important;
}
/* Product title on subpages */
.entry-title,
h1.product_title,
.page-title,
.woocommerce-products-header__title {
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
}
/* WC buttons */
.single_add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout a {
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}
/* 404 number - force Barlow even on the big number */
.error-404 h1, .error-404 .page-title,
.not-found h1, body.error404 h1.page-title,
body.error404 .page-title {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 900 !important;
}


/* ── Manifesto / Ed-Split section: smaller, more elegant ── */
.ed-split,
.section-manifesto,
.manifesto-section,
[class*="manifesto"],
[class*="ed-split"] {
  min-height: auto !important;
  padding: 80px 0 !important;
}
.ed-split__content,
.manifesto-text,
[class*="manifesto"] .content,
[class*="ed-split"] .content {
  padding: 40px 60px !important;
}
/* Shrink the big heading */
.ed-split__content h1,
.ed-split__content h2,
.ed-split__content h3,
.manifesto-text h1,
.manifesto-text h2,
.manifesto-text h3,
[class*="manifesto"] h1,
[class*="manifesto"] h2,
[class*="ed-split"] h1,
[class*="ed-split"] h2 {
  font-size: clamp(1.8rem, 3.5vw, 3.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  margin-bottom: 1.2rem !important;
}
/* Body text: a bit larger, more breathing */
.ed-split__content p,
.manifesto-text p,
.manifesto-body,
[class*="manifesto"] p,
[class*="ed-split"] p {
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.9 !important;
  opacity: 0.75 !important;
  max-width: 38ch !important;
  margin-bottom: 1.6rem !important;
}
/* PROJEKT label */
.ed-split__content .label,
.manifesto-text .label,
[class*="manifesto"] .label,
[class*="ed-split"] .label,
.pgb-caption {
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  opacity: 0.5 !important;
  margin-bottom: 1rem !important;
}
/* KOLEKCJA link */
.ed-split__content a,
.manifesto-text a,
[class*="manifesto"] a,
[class*="ed-split"] a {
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
}


/* ── Manifesto: smaller, lighter, more elegant ── */
.section-manifesto {
  padding: 60px 0 !important;
  min-height: auto !important;
}
/* h2 at equal specificity to old rule but LAST = wins */
html body .section-manifesto .manifesto-inner .manifesto-text h2 {
  font-size: clamp(1.4rem, 2.5vw, 2.4rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  margin-bottom: 1.4rem !important;
}
/* body text */
html body .section-manifesto .manifesto-inner .manifesto-text p {
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.07em !important;
  line-height: 1.95 !important;
  opacity: 0.65 !important;
  max-width: 36ch !important;
  font-style: normal !important;
}
/* PROJEKT label */
html body .section-manifesto .manifesto-inner .manifesto-text .label,
html body .section-manifesto .manifesto-inner .manifesto-text [class*="label"],
html body .section-manifesto .manifesto-inner .manifesto-text .pgb-caption {
  font-size: 0.56rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.25em !important;
  opacity: 0.45 !important;
  margin-bottom: 1.2rem !important;
  display: block !important;
}
/* KOLEKCJA link */
html body .section-manifesto .manifesto-inner .manifesto-text a {
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
}


/* ── Manifesto: compact height, cover image ── */
.section-manifesto {
  padding: 0 !important;
}
.manifesto-inner {
  min-height: 0 !important;
  max-height: 520px !important;
  align-items: stretch !important;
}
.manifesto-image-wrap {
  max-height: 520px !important;
  overflow: hidden !important;
}
.manifesto-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-height: 520px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
.manifesto-text {
  padding: 60px 70px !important;
  justify-content: center !important;
}


/* ── Manifesto fix: remove max-height clamp, bg image ── */
.manifesto-inner {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  align-items: stretch !important;
  overflow: visible !important;
}
.section-manifesto {
  padding: 0 !important;
  overflow: visible !important;
}
.manifesto-image-wrap {
  min-height: 500px !important;
  max-height: none !important;
  overflow: hidden !important;
  background-image: url(https://images.unsplash.com/photo-1493809842364-78817add7ffb?w=1200&q=85&auto=format&fit=crop&crop=center) !important;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
}
.manifesto-image-wrap img {
  display: none !important;
}
.manifesto-text {
  padding: 70px 70px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: visible !important;
}


/* ── Manifesto fix: remove max-height clamp, bg image ── */
.manifesto-inner {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  align-items: stretch !important;
  overflow: visible !important;
}
.section-manifesto {
  padding: 0 !important;
  overflow: visible !important;
}
.manifesto-image-wrap {
  min-height: 500px !important;
  max-height: none !important;
  overflow: hidden !important;
  background-image: url(https://images.unsplash.com/photo-1493809842364-78817add7ffb?w=1200&q=85&auto=format&fit=crop&crop=center) !important;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
}
.manifesto-image-wrap img {
  display: none !important;
}
.manifesto-text {
  padding: 70px 70px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: visible !important;
}


/* ── Header: dark green + sawtooth bottom ── */
.site-header,
#site-header {
  background-color: #1e2b24 !important;
  position: fixed !important;
  overflow: visible !important;
}
/* sawtooth pointing downward */
.site-header::after,
#site-header::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: -16px !important;
  left: 0 !important;
  width: 100% !important;
  height: 16px !important;
  background:
    linear-gradient(135deg, #1e2b24 25%, transparent 25%) -8px 0,
    linear-gradient(225deg, #1e2b24 25%, transparent 25%) -8px 0,
    linear-gradient(315deg, #1e2b24 25%, transparent 25%),
    linear-gradient( 45deg, #1e2b24 25%, transparent 25%) !important;
  background-size: 16px 16px !important;
  background-repeat: repeat-x !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}


/* ── Header: replace zigzag with rectangular comb teeth ── */
.site-header::after,
#site-header::after {
  background:
    repeating-linear-gradient(
      to right,
      #1e2b24 0px,
      #1e2b24 5px,
      transparent 5px,
      transparent 9px
    ) !important;
  background-size: 9px 100% !important;
  background-repeat: repeat-x !important;
  bottom: -12px !important;
  height: 12px !important;
}


/* ── Header comb: remove pseudo-element approach ── */
.site-header::after,
#site-header::after {
  display: none !important;
}


/* ── Header comb teeth v2: larger, clearer ── */
.site-header::after,
#site-header::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: -28px !important;
  left: 0 !important;
  width: 100% !important;
  height: 28px !important;
  background: repeating-linear-gradient(
    to right,
    #1e2b24 0px,
    #1e2b24 8px,
    transparent 8px,
    transparent 14px
  ) !important;
  background-size: auto 100% !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}


/* ── Header comb teeth v3: big, prominent ── */
.site-header::after,
#site-header::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: -40px !important;
  left: 0 !important;
  width: 100% !important;
  height: 40px !important;
  background: repeating-linear-gradient(
    to right,
    #1e2b24 0px,
    #1e2b24 18px,
    transparent 18px,
    transparent 28px
  ) !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}


/* ── Nav: larger text + more spacing ── */
.site-header .nav-link,
#site-header .nav-link {
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}
.site-header .nav-item,
#site-header .nav-item {
  margin: 0 14px !important;
}


/* ── Header: darker color ── */
.site-header,
#site-header {
  background-color: #1a2019 !important;
}


/* ── Header: transparent → black on scroll ── */
.site-header,
#site-header {
  background-color: transparent !important;
  transition: background-color 0.35s ease !important;
}
.site-header.is-scrolled,
#site-header.is-scrolled {
  background-color: #000 !important;
}


/* ── Nav: very large font ── */
.site-header .nav-link,
#site-header .nav-link {
  font-size: 22px !important;
  letter-spacing: 0.08em !important;
}


/* ── Nav: XL font + taller header ── */
.site-header .nav-link,
#site-header .nav-link {
  font-size: 34px !important;
  letter-spacing: 0.06em !important;
}
.site-header,
#site-header {
  min-height: 110px !important;
}
.site-header .header-inner,
#site-header .header-inner {
  min-height: 110px !important;
}


/* ── Nav: XXL font ── */
.site-header .nav-link,
#site-header .nav-link {
  font-size: 52px !important;
  letter-spacing: 0.04em !important;
}
.site-header,
#site-header {
  min-height: 140px !important;
}
.site-header .header-inner,
#site-header .header-inner {
  min-height: 140px !important;
}


/* ── Nav: prevent wrap so flex sizes to content ── */
.site-header .nav-link,
#site-header .nav-link {
  white-space: nowrap !important;
  display: inline-block !important;
}
.site-header .nav-item,
#site-header .nav-item {
  flex-shrink: 0 !important;
}


/* ── Nav span: the actual text node ── */
.site-header .nav-link span,
#site-header .nav-link span {
  font-size: 52px !important;
  white-space: nowrap !important;
  letter-spacing: 0.05em !important;
}


/* ── Custom logo: size + invert for dark header ── */
.site-header .custom-logo-link img.custom-logo,
#site-header .custom-logo-link img.custom-logo,
.site-header img.custom-logo,
#site-header img.custom-logo {
  height: 80px !important;
  width: auto !important;
  max-width: none !important;
  filter: invert(1) !important;
  mix-blend-mode: screen !important;
}
/* Remove old text/SVG site-logo if present */
.site-header .site-logo a:not(.custom-logo-link) {
  display: none !important;
}


/* ── Photo grid: larger gaps ── */
.photo-grid-baxter {
  gap: 24px !important;
}
.section-photo-grid .photo-grid-baxter > * {
  gap: 24px !important;
}


/* ── Page background: match gray sections ── */
html, body {
  background-color: #3a3a3a !important;
}


/* ── Unified page background #3a3a3a ── */
:root {
  --clr-bg: #3a3a3a;
  --clr-bg-alt: #424240;
}
html, body {
  background-color: #3a3a3a !important;
}
.site-main, main, #content, .content-area,
.woocommerce, .woocommerce-page,
.entry-content, .page-content {
  background-color: #3a3a3a !important;
}


/* ── Override dark green sections to #3a3a3a ── */
:root {
  --clr-dark: #3a3a3a;
  --clr-dark-2: #444442;
}


/* ── Footer: restore original dark green ── */
.site-footer {
  background: #1B211D !important;
}


/* ── Hide hamburger menu ── */
.menu-toggle {
  display: none !important;
}


/* ── Lang picker: larger text ── */
#lang-btn {
  font-size: 16px !important;
  letter-spacing: 0.1em !important;
  padding: 4px 8px !important;
}


/* ── Hero eyebrow: bigger ── */
.hero-eyebrow {
  font-size: 1rem !important;
  letter-spacing: 0.18em !important;
}


/* ── Hide hero tagline ── */
.hero-tagline {
  display: none !important;
}


/* ── Hide hero CTA button ── */
.hero-content .btn,
.hero-content a.btn {
  display: none !important;
}


/* ── Tondu font ── */
@font-face {
  font-family: "Tondu";
  src: url("../fonts/Tondu-Beta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --ff-display: "Tondu", var(--ff-serif);
  --ff-sans: "Tondu", sans-serif;
}
body, html {
  font-family: "Tondu", sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.hero-title, .hero-eyebrow,
.nav-link, .nav-link span,
.section-heading, .arrivals-header h2,
.collections-header h2, .featured-heading,
.btn, .footer-heading {
  font-family: "Tondu", sans-serif !important;
}


/* ── Nav font smaller ── */
.site-header .nav-link span {
  font-size: 40px !important;
}


/* ── Nav font smaller ── */
.site-header .nav-link span {
  font-size: 26px !important;
}


/* ── Nav font smaller ── */
.site-header .nav-link span {
  font-size: 18px !important;
}


/* ── Remove italic from cycling word ── */
.hero-cycling-word,
#hero-cycling-word {
  font-style: normal !important;
}


/* ── Tondu: universal override ── */
:root {
  --ff-serif:   "Tondu", sans-serif;
  --ff-display: "Tondu", sans-serif;
  --ff-sans:    "Tondu", sans-serif;
  --ff-akira:   "Tondu", sans-serif;
}
body, html {
  font-family: "Tondu", sans-serif !important;
}
/* Hardcoded Cormorant Garamond selectors */
.collection-card__title,
.manifesto-text h2,
.ed-split__content h2,
.pgb-label-block h2 {
  font-family: "Tondu", sans-serif !important;
}
/* Hardcoded Inter selectors */
.label, .hero-eyebrow, .scroll-label, .pgb-caption,
.nav-link, .nav-link span {
  font-family: "Tondu", sans-serif !important;
}
/* Catch-all for remaining elements */
h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th, label, input, textarea, select, button {
  font-family: "Tondu", sans-serif !important;
}