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

:root{
  --black:#020202;
  --soft:#f4efe8;
  --muted:#a7a39c;
  --line:rgba(255,255,255,.13);
  --gold:#b49a5a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--soft);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.no-scroll { overflow: hidden; } 
a{color:inherit;text-decoration:none}

/* PRELOADER */
#loader { position: fixed; inset: 0; background: var(--black); z-index: 100; display: flex; align-items: center; justify-content: center; transition: opacity 0.8s ease, visibility 0.8s; }
.loader-content { text-align: center; }
.loader-logo { font-family: 'Cormorant Garamond', serif; font-size: 40px; letter-spacing: 15px; margin-bottom: 20px; animation: pulse 2s infinite ease-in-out; font-weight: 400; }
.loader-bar-wrap { width: 140px; height: 1px; background: var(--line); margin: 0 auto; position: relative; overflow: hidden; }
.loader-bar { position: absolute; width: 50%; height: 100%; background: var(--gold); animation: loading 1.5s infinite ease-in-out; }
@keyframes pulse { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
@keyframes loading { 0% { left: -50%; } 100% { left: 100%; } }
body.loaded #loader { opacity: 0; visibility: hidden; }

/* NAV & INTERACTIVE BUTTONS */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 20; height: 86px;
  background: transparent; border-bottom: 1px solid transparent; 
  display: flex; align-items: center; justify-content: space-between; padding: 0 34px;
  transform: translateY(-100%); opacity: 0;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease, background 0.4s ease, border-color 0.4s ease, backdrop-filter 0.4s ease;
}

.nav.nav-visible { transform: translateY(0) !important; opacity: 1 !important; }
.nav.scrolled { background: rgba(0,0,0,0.9); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }

.brand{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:700;letter-spacing:9px;line-height:1}
.nav-links{display:flex;gap:34px;letter-spacing:1.8px;font-size:13px;color:#c9c4bc}.nav-links a,.nav-actions a{opacity:.88;transition:.25s}.nav-links a:hover,.nav-actions a:hover{opacity:1;color:#fff}
.nav-actions{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:1.5px;color:#c9c4bc}
.icon-btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: transparent; color: var(--soft); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease; }
.icon-btn:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.4); }
.icon-btn svg { width: 18px; height: 18px; }

/* OVERLAYS & SIDEBARS */
.search-overlay { position: fixed; inset: 0; background: rgba(2, 2, 2, 0.95); backdrop-filter: blur(20px); z-index: 1000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.4s ease; }
.search-overlay.active { opacity: 1; visibility: visible; }
.search-container { width: 80%; max-width: 800px; transform: translateY(20px); transition: 0.4s ease; transition-delay: 0.1s; }
.search-overlay.active .search-container { transform: translateY(0); }
.search-input { width: 100%; background: transparent; border: none; border-bottom: 2px solid var(--line); padding: 20px 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(40px, 6vw, 70px); color: var(--soft); outline: none; transition: 0.3s; }
.search-input:focus { border-bottom-color: var(--gold); }
.search-input::placeholder { color: #444; }
.search-suggestions { margin-top: 40px; }
.search-suggestions p { font-size: 11px; letter-spacing: 3px; color: var(--gold); margin-bottom: 20px; }
.search-suggestions a { display: block; font-size: 20px; color: #888; margin-bottom: 15px; transition: 0.3s; }
.search-suggestions a:hover { color: var(--soft); transform: translateX(10px); }

.cart-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 998; opacity: 0; visibility: hidden; transition: 0.4s ease; }
.cart-backdrop.active { opacity: 1; visibility: visible; }
.cart-sidebar { position: fixed; top: 0; right: -450px; width: 100%; max-width: 450px; height: 100vh; background: #0a0a0a; border-left: 1px solid var(--line); z-index: 999; display: flex; flex-direction: column; transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.cart-sidebar.active { right: 0; }
.cart-header { display: flex; align-items: center; justify-content: space-between; padding: 30px; border-bottom: 1px solid var(--line); }
.cart-header h3 { margin: 0; font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; }
.cart-content { padding: 40px 30px; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.empty-cart-msg { color: #888; margin-bottom: 30px; font-size: 16px; }
.close-btn { position: absolute; top: 35px; right: 35px; background: transparent; border: none; color: var(--soft); font-size: 20px; cursor: pointer; transition: 0.3s; }
.close-btn:hover { color: var(--gold); transform: rotate(90deg); }

.checkout-container { background: #0a0a0a; width: 90%; max-width: 1000px; max-height: 90vh; overflow-y: auto; border: 1px solid var(--line); border-radius: 16px; padding: 50px; transform: translateY(50px); transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.search-overlay.active .checkout-container { transform: translateY(0); }
.checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-top: 30px; }
.payment-options { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
.payment-method { border: 1px solid var(--line); padding: 18px 20px; border-radius: 8px; cursor: pointer; transition: 0.3s; display: flex; align-items: center; font-size: 14px; }
.payment-method:hover { border-color: rgba(255,255,255,0.4); }
.payment-method.active { border-color: var(--gold); background: rgba(180, 154, 90, 0.05); color: var(--gold); }

/* Unified Input & Select Box styling for Checkout Form */
.contact-form input, .contact-form textarea, .contact-form select { background: transparent; border: none; border-bottom: 1px solid var(--line); padding: 15px 0; color: var(--soft); font-family: inherit; font-size: 14px; letter-spacing: 1px; outline: none; transition: border-color 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.contact-form select option { background: #0a0a0a; color: var(--soft); }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: var(--gold); }
.contact-form .btn { align-self: flex-start; margin-top: 20px; }

.pay-input { width: 100%; background: transparent; border: 1px solid var(--line); padding: 15px 20px; border-radius: 8px; color: var(--soft); font-family: inherit; font-size: 14px; outline: none; transition: 0.3s; }
.pay-input:focus { border-color: var(--gold); }
.payment-details { display: none; }
.payment-details.active-details { display: block; animation: fadeIn 0.4s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* --- MODERN PAYMENT STATES --- */
.modern-spinner {
  width: 44px; height: 44px;
  border: 2px solid rgba(180, 154, 90, 0.15);
  border-top-color: var(--gold);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.success-checkmark svg {
  width: 64px; height: 64px;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: drawCheck 0.8s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  animation-delay: 0.2s;
}
@keyframes drawCheck { to { stroke-dashoffset: 0; } }

/* HERO SECTION */
.panel{position:relative;min-height:100vh;padding:120px 6vw;display:flex;align-items:center;overflow:hidden}
.hero{padding-top:0;} 
.hero-video { position: absolute; inset: 0; width: 100vw; height: 100vh; object-fit: cover; object-position: center center; opacity: 1; }
.minimal-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 25%); }

.hero-minimal-content { position: absolute; bottom: 12vh; left: 0; width: 100%; z-index: 10; text-align: center; }
.hero-minimal-eyebrow { font-size: 11px; letter-spacing: 3px; color: #fff; margin: 0 0 10px; text-transform: uppercase; }
.hero-minimal-title { font-family: 'Inter', sans-serif; font-size: 28px; font-weight: 500; color: #fff; margin: 0 0 20px; letter-spacing: 1px; }
.hero-minimal-link { font-size: 13px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; padding-bottom: 3px; transition: 0.3s; }
.hero-minimal-link:hover { color: var(--gold); border-bottom-color: var(--gold); }

/* STICKY SCROLL */
.film { display: block; height: 400vh; background: #030303; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); position: relative; }
.sticky-content { position: sticky; top: 0; height: 100vh; display: grid; grid-template-columns: .86fr 1.14fr; gap: 6vw; padding: 0 6vw; align-items: center; overflow: hidden; }
.film-copy{position:relative;z-index:3;align-self:center}.film h2,.trending h2,.drop h2,.contact-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(50px,6.7vw,104px);line-height:.95;margin:0 0 28px; font-weight: 400;}.film p:not(.eyebrow),.section-head p,.drop p{color:#bfbab1;line-height:1.75;font-size:18px;max-width:560px}.film-video-wrap{height:78vh;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#070707;box-shadow:0 0 70px rgba(255,255,255,.05)}.scroll-video{width:100%;height:100%;object-fit:contain;background:#050505;display:block}

/* GRIDS & PRODUCTS */
.trending{display:block;padding-top:130px;background:linear-gradient(#050505,#0a0a0a)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head h2{margin:0}.products{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}

.product-card {
  position: relative; 
  min-height: 620px;
  background: #0d0d0d;
  border: 1px solid var(--line);
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateY(30px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease, border-color 0.5s ease, opacity 0.8s ease;
}

.product-card.show { transform: translateY(0); opacity: 1; }
.product-card.show:hover { transform: translateY(-12px) scale(1.02); border-color: rgba(255,255,255,0.4); box-shadow: 0 25px 50px rgba(0,0,0,0.8); z-index: 5; }
.product-bottom a::after { content: ''; position: absolute; inset: 0; z-index: 10; }

.product-media{height:420px;background:#050505;overflow:hidden}.product-media video{width:100%;height:100%;object-fit:cover;display:block}
.texture-card{background-size:cover;background-position:center}
.product-info{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}.product-kicker{font-size:11px;letter-spacing:3px;color:var(--gold);margin:0}.product-info h3{font-family:'Cormorant Garamond',serif;font-size:38px;margin:0;line-height:1; font-weight: 400;}.product-info p:not(.product-kicker){color:#bbb;line-height:1.6;margin:0}.product-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px}.product-bottom span{font-weight:700}.product-bottom a{font-size:12px;letter-spacing:2px;color:var(--gold)}
.sale-wrapper { display: flex; align-items: center; gap: 8px; }
.old-price { text-decoration: line-through; color: #555; font-weight: 400 !important; font-size: 14px; }
.sale-price { color: var(--gold); }

/* PRODUCT DETAIL PAGE (PDP) */
.pdp-main { padding: 120px 4vw 60px; max-width: 1600px; margin: 0 auto; }
.breadcrumbs { font-size: 12px; color: #888; margin-bottom: 30px; letter-spacing: 1px; }
.breadcrumbs a { color: var(--soft); opacity: 0.7; transition: 0.3s; }
.breadcrumbs a:hover { opacity: 1; }
.product-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; }
.view-toggles { display: flex; gap: 10px; margin-bottom: 20px; }
.view-toggles button { background: transparent; border: 1px solid var(--line); color: #888; padding: 8px 16px; border-radius: 20px; font-size: 11px; letter-spacing: 1px; cursor: pointer; transition: 0.3s; }
.view-toggles button.active, .view-toggles button:hover { background: var(--soft); color: var(--black); border-color: var(--soft); }
.gallery-grid { display: flex; gap: 20px; height: 700px; }
.thumbnails { display: flex; flex-direction: column; gap: 15px; width: 80px; transition: 0.3s;}
.thumb { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 8px; cursor: pointer; opacity: 0.5; border: 1px solid transparent; transition: 0.3s; }
.thumb.active, .thumb:hover { opacity: 1; border-color: var(--gold); }
.main-image-wrapper { flex: 1; background: #080808; border-radius: 16px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); }
.view-mode { display: none; width: 100%; height: 100%; align-items: center; justify-content: center; position: relative; }
.view-mode.active-view { display: flex; }
#view-gallery { cursor: crosshair; }
#main-product-image { width: 100%; height: 100%; object-fit: contain; transition: transform 0.1s ease-out; transform-origin: center center; }
#view-360 { cursor: grab; }
#view-360:active { cursor: grabbing; }
#image-360 { width: 100%; height: 100%; object-fit: contain; user-select: none; }
#view-3d { cursor: ew-resize; } 
#interactive-3d-video { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.drag-hint { position: absolute; bottom: 30px; color: #fff; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); padding: 8px 16px; border-radius: 20px; font-size: 12px; pointer-events: none; border: 1px solid var(--line); }
.gallery-pagination { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 15px; background: rgba(0,0,0,0.6); backdrop-filter: blur(10px); padding: 8px 16px; border-radius: 30px; border: 1px solid var(--line); font-size: 12px; }
.gallery-pagination button { background: none; border: none; color: white; cursor: pointer; font-size: 16px; }
.product-details { padding-top: 40px; }
.pdp-title { font-family: 'Inter', sans-serif; font-size: 38px; font-weight: 600; margin: 0 0 8px; }
.pdp-subtitle { color: #888; font-size: 16px; margin: 0 0 20px; }
.pdp-price { font-size: 24px; font-weight: 500; margin: 0 0 15px; }
.tax-info { font-size: 12px; color: #666; margin-left: 10px; font-weight: 400; }
.reviews { font-size: 13px; color: #aaa; margin-bottom: 40px; }
.stars { color: var(--gold); letter-spacing: 2px; }
.color-selector p, .size-header p { font-size: 14px; font-weight: 500; margin-bottom: 12px; }
.color-swatch { width: 60px; height: 60px; border-radius: 8px; border: 1px solid var(--gold); padding: 2px; cursor: pointer; margin-bottom: 40px; }
.color-swatch img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.size-header { display: flex; justify-content: space-between; align-items: baseline; }
.size-guide { font-size: 12px; color: #888; text-decoration: underline; }
.size-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 40px; }
.size-grid button { background: transparent; border: 1px solid var(--line); color: var(--soft); padding: 15px; border-radius: 8px; font-size: 14px; cursor: pointer; transition: 0.2s; }
.size-grid button:hover { border-color: var(--soft); }
.size-grid button:disabled { opacity: 0.2; cursor: not-allowed; border-color: var(--line); }
.size-grid button.selected { background: var(--soft); color: var(--black); border-color: var(--soft); font-weight: 600; }
.pdp-actions { display: flex; flex-direction: column; gap: 15px; margin-top: 10px; }
.full-width { width: 100%; padding: 20px; font-size: 15px; border-radius: 40px; }
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:17px 30px;font-size:13px;font-weight:800;letter-spacing:1.7px;cursor:pointer;border:none;transition: 0.3s;}
.btn.primary{background:var(--soft);color:#080808}.btn.primary:hover{background:var(--gold);color:white;}

/* Highlighted Secondary Button for Favourite */
.btn.secondary{border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,.05)}
.btn.secondary:hover { border-color: var(--gold); color: var(--gold); }
.fav-btn { border-radius: 40px; }

/* CONTACT & FOOTER */
.contact-section { background: var(--black); border-top: 1px solid var(--line); }
.contact-container { max-width: 800px; margin: 0 auto; width: 100%; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.footer{border-top:1px solid var(--line);padding:52px 6vw 70px;background:#050505;display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;color:#c5c0b7}.footer h4{letter-spacing:3px;margin:0 0 16px; font-weight: 400;}.footer p{color:#8f8b85}.footer a{display:block;margin:10px 0;color:#8f8b85}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:translateY(0)}

/* FIXED ASSET LINKS */
.silent-card { background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.58)), url('../assets/jeans-poster.jpg?v=3') !important; background-size: cover; background-position: center; }
.wave-card { background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.58)), url('../assets/wave-jeans-front.jpg?v=3') !important; background-size: cover; background-position: center; }
.distressed-wave-card { background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.58)), url('../assets/distressed-wave-front.jpg?v=3') !important; background-size: cover; background-position: center; }
.briefcase-card { background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.58)), url('../assets/briefcase-poster.jpg?v=3') !important; background-size: cover; background-position: center; }

@media(min-width:901px){ .all-products-grid { grid-template-columns: repeat(4, 1fr) !important; } }

/* LUXURY SHOP GRID */
.shop-main { padding-top: 86px; min-height: 100vh; background: var(--black); }
.shop-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 4vw; border-bottom: 1px solid var(--line); font-size: 13px; letter-spacing: 1px; }

.shop-dropdown-container { position: relative; }
.shop-dropdown { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--soft); transition: color 0.3s; }
.shop-dropdown:hover { color: #fff; }
.shop-category-menu { position: absolute; top: 100%; left: 0; margin-top: 20px; background: #0a0a0a; border: 1px solid var(--line); border-radius: 12px; padding: 10px 0; width: 240px; z-index: 50; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 15px 40px rgba(0,0,0,0.5); }
.shop-category-menu.active { opacity: 1; visibility: visible; transform: translateY(0); }
.shop-category-menu a { display: block; padding: 12px 24px; color: #888; transition: 0.2s; font-size: 13px; }
.shop-category-menu a:hover, .shop-category-menu a.active { color: var(--soft); background: rgba(255,255,255,0.03); }
.shop-toolbar .shop-filter-btn { display: flex; align-items: center; gap: 8px; cursor: pointer; border: 1px solid var(--line); padding: 8px 16px; border-radius: 20px; transition: 0.3s; color: var(--soft); }
.shop-toolbar .shop-filter-btn:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.4); }

.lv-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.lv-card { position: relative; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #050505; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-radius 0.4s ease, border-color 0.4s ease, background 0.4s ease, opacity 0.3s ease; overflow: hidden; }
.lv-card:hover { background: #0a0a0a; transform: translateY(-10px) scale(1.02); box-shadow: 0 30px 60px rgba(0,0,0,0.95); border-color: rgba(255,255,255,0.2); border-radius: 16px; z-index: 10; }
.lv-card:nth-child(4n) { border-right: none; }
.lv-card a::after { content: ''; position: absolute; inset: 0; z-index: 10; }

.lv-fav { position: absolute; top: 20px; right: 20px; background: none; border: none; color: #888; font-size: 20px; cursor: pointer; z-index: 20; transition: 0.3s; }
.lv-fav:hover, .lv-fav.active { color: var(--gold); }
.lv-img-container { aspect-ratio: 4/5; padding: 40px; display: flex; align-items: center; justify-content: center; }
.lv-img-container img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.5s ease; }
.lv-card:hover .lv-img-container img { transform: scale(1.05); }
.lv-info { padding: 0 30px 40px; }
.lv-info h4 { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; margin: 0 0 8px; color: var(--soft); }
.lv-info p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px; margin: 0; color: #888; }

.filter-content { padding: 40px 30px; text-align: left; overflow-y: auto; height: calc(100vh - 90px); display: flex; flex-direction: column; }
.filter-group { margin-bottom: 40px; }
.filter-group h4 { font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 2px; color: var(--gold); margin-bottom: 20px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.filter-group label { display: flex; align-items: center; gap: 12px; color: #aaa; margin-bottom: 15px; cursor: pointer; transition: 0.3s; font-size: 14px; }
.filter-group label:hover { color: var(--soft); }
.filter-group input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--soft); cursor: pointer; background: transparent; border: 1px solid var(--line); }
.filter-actions { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); }

@media(max-width: 1200px) {
  .lv-grid { grid-template-columns: repeat(3, 1fr); }
  .lv-card:nth-child(4n) { border-right: 1px solid var(--line); }
  .lv-card:nth-child(3n) { border-right: none; }
}

@media(max-width:900px){
  .nav{height:auto;padding:20px;gap:18px;align-items:flex-start; background:rgba(0,0,0,0.9) !important;}
  .brand{font-size:28px}
  .nav-links{display:none}
  .nav-actions{margin-left:auto}
  .panel{padding:110px 22px}
  .form-row { grid-template-columns: 1fr; }
  .sticky-content { grid-template-columns: 1fr; padding: 110px 22px; }
  .film-video-wrap { height: 55vh; }
  .products{grid-template-columns:1fr}
  .product-card{min-height:auto}
  .footer{grid-template-columns:1fr}
  .product-layout { grid-template-columns: 1fr; gap: 30px; }
  .gallery-grid { flex-direction: column-reverse; height: auto; }
  .thumbnails { flex-direction: row; width: 100%; overflow-x: auto; }
  .thumb { width: 60px; height: 80px; flex-shrink: 0; }
  .main-image-wrapper { height: 500px; }
  .pdp-title { font-size: 28px; }
  .checkout-container { padding: 30px 20px; width: 95%; }
  .checkout-grid { grid-template-columns: 1fr; gap: 40px; }
  
  .lv-grid { grid-template-columns: repeat(2, 1fr); }
  .lv-card:nth-child(3n) { border-right: 1px solid var(--line); }
  .lv-card:nth-child(2n) { border-right: none; }
  .lv-img-container { padding: 20px; }
  .lv-info { padding: 0 20px 30px; }
}

@media(max-width: 500px) {
  .lv-grid { grid-template-columns: 1fr; }
  .lv-card { border-right: none !important; }
}


/* HEADER FAVOURITES */
#favs-trigger.active,
.lv-fav.active,
#fav-btn.favourited {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}



/* FORCE PDP FAVOURITE BUTTON VISIBILITY */
.pdp-actions .fav-btn,
#fav-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: var(--soft) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  background: rgba(255,255,255,0.06) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.7px !important;
  text-transform: uppercase !important;
  pointer-events: auto !important;
}

.pdp-actions .fav-btn:hover,
#fav-btn:hover {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
  background: rgba(180,154,90,0.08) !important;
}

.pdp-actions .fav-btn.favourited,
#fav-btn.favourited {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
  background: rgba(180,154,90,0.08) !important;
}



/* PAYMENT SUCCESS BUTTON FIX */
#checkout-success,
.checkout-success,
.success-state {
  z-index: 999999 !important;
}

#checkout-success .btn,
#checkout-success button,
#continue-shopping-btn {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 240px !important;
  height: 52px !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 999999 !important;
}

#checkout-success .btn:hover,
#checkout-success button:hover,
#continue-shopping-btn:hover {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
  background: rgba(180,154,90,0.08) !important;
}



/* PREMIUM BAGGY JEANS SIZE GUIDE MODAL */
.size-guide-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
}

.size-guide-overlay.active {
  opacity: 1;
  visibility: visible;
}

.size-guide-modal {
  width: min(1050px, 96vw);
  max-height: 88vh;
  overflow-y: auto;
  background: #080808;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  box-shadow: 0 35px 120px rgba(0,0,0,.78);
  padding: 42px;
  transform: translateY(24px) scale(.98);
  transition: transform .35s cubic-bezier(.16,1,.3,1);
}

.size-guide-overlay.active .size-guide-modal {
  transform: translateY(0) scale(1);
}

.size-guide-close {
  position: sticky;
  top: 0;
  float: right;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.04);
  color: var(--soft);
  cursor: pointer;
  font-size: 18px;
  z-index: 2;
}

.size-guide-close:hover {
  color: var(--gold);
  border-color: var(--gold);
}

.size-guide-modal h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(38px, 5vw, 72px);
  font-weight: 400;
  line-height: .95;
  margin: 10px 0 18px;
}

.size-guide-note {
  color: #bfbab1;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 0 30px;
}

.size-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 16px;
}

.size-guide-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  color: var(--soft);
}

.size-guide-table th,
.size-guide-table td {
  padding: 18px 16px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}

.size-guide-table th {
  color: var(--gold);
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-size: 11px;
  background: rgba(255,255,255,.03);
}

.size-guide-table tr:last-child td {
  border-bottom: none;
}

.size-guide-tips {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 24px;
}

.size-guide-tips div {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  background: rgba(255,255,255,.025);
}

.size-guide-tips h4 {
  margin: 0 0 8px;
  color: var(--gold);
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-size: 12px;
}

.size-guide-tips p {
  margin: 0;
  color: #aaa;
  line-height: 1.6;
  font-size: 13px;
}

@media(max-width:700px) {
  .size-guide-modal { padding: 28px 18px; }
  .size-guide-tips { grid-template-columns: 1fr; }
}



/* SUGGESTED PRODUCTS SECTION ON PDP */
.suggested-products-section {
  padding: 80px 4vw 110px;
  max-width: 1600px;
  margin: 0 auto;
  border-top: 1px solid var(--line);
}

.suggested-head {
  display: grid;
  grid-template-columns: .7fr 1.2fr 1fr;
  gap: 28px;
  align-items: end;
  margin-bottom: 34px;
}

.suggested-head h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(42px, 5.5vw, 82px);
  font-weight: 400;
  line-height: .95;
  margin: 0;
}

.suggested-head p:last-child {
  color: #aaa;
  line-height: 1.7;
  margin: 0;
  max-width: 440px;
}

.suggested-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.suggested-card {
  position: relative;
  background: #070707;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  transition: transform .45s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease;
}

.suggested-card:hover {
  transform: translateY(-10px);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 28px 70px rgba(0,0,0,.75);
}

.suggested-card a {
  display: grid;
  grid-template-columns: 44% 56%;
  min-height: 360px;
}

.suggested-img {
  background: #050505;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
}

.suggested-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .45s ease;
}

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

.suggested-info {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.suggested-info p {
  color: var(--gold);
  letter-spacing: 2.8px;
  font-size: 11px;
  margin: 0 0 16px;
}

.suggested-info h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.4vw, 52px);
  font-weight: 400;
  line-height: 1;
  margin: 0 0 22px;
}

.suggested-info span {
  color: var(--soft);
  font-size: 18px;
  font-weight: 700;
}

@media(max-width:900px) {
  .suggested-head {
    grid-template-columns: 1fr;
    gap: 14px;
  }

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

  .suggested-card a {
    grid-template-columns: 1fr;
  }

  .suggested-img {
    height: 330px;
  }
}



/* VELÁZUR ACCOUNT LOGIN MODAL */
.account-overlay {
  position: fixed;
  inset: 0;
  z-index: 2600;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
}

.account-overlay.active {
  opacity: 1;
  visibility: visible;
}

.account-panel {
  position: relative;
  width: min(1180px, 96vw);
  min-height: 680px;
  max-height: 90vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: 48% 52%;
  background: #f5f1ea;
  color: #080808;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 40px 120px rgba(0,0,0,.82);
  border-radius: 18px;
  transform: translateY(24px) scale(.985);
  transition: transform .35s cubic-bezier(.16,1,.3,1);
}

.account-overlay.active .account-panel {
  transform: translateY(0) scale(1);
}

.account-close {
  color: #111 !important;
  z-index: 6;
}

.account-login-side {
  padding: 58px 58px 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #f5f1ea;
  overflow-y: auto;
}

.account-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(58px, 8vw, 112px);
  letter-spacing: 4px;
  line-height: .8;
  margin: 0 0 74px;
  color: #050505;
}

.account-kicker,
.account-social p {
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: 2.2px;
  color: #333;
  text-transform: uppercase;
}

.account-login-side h2 {
  margin: 0 0 28px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.account-form label {
  display: block;
  font-size: 11px;
  color: #777;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.account-form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #bdb8b0;
  background: transparent;
  padding: 12px 0;
  outline: none;
  font-size: 14px;
  margin-bottom: 20px;
  color: #080808;
}

.account-form input:focus {
  border-bottom-color: #080808;
}

.account-main-btn,
.account-outline-btn {
  width: 100%;
  height: 40px;
  border: 1px solid #222;
  background: transparent;
  color: #111;
  font-size: 12px;
  letter-spacing: .7px;
  cursor: pointer;
  transition: .25s ease;
  margin-bottom: 12px;
}

.account-main-btn {
  background: #111;
  color: #f5f1ea;
}

.account-main-btn:hover,
.account-outline-btn:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #fff;
}

.account-social {
  margin-top: 62px;
}

.account-social span {
  display: block;
  color: #555;
  line-height: 1.55;
  font-size: 12px;
  max-width: 420px;
  margin-bottom: 26px;
}

.account-help-btn {
  margin-top: auto;
  align-self: flex-start;
  border: none;
  background: transparent;
  color: #333;
  cursor: pointer;
  padding: 0;
  letter-spacing: .8px;
}

.account-visual-side {
  position: relative;
  min-height: 680px;
  background: #090909;
  overflow: hidden;
}

.account-visual-img {
  position: absolute;
  inset: 0;
  background-image: url('../assets/briefcase-poster.jpg?v=3');
  background-size: cover;
  background-position: center;
  opacity: .88;
  filter: saturate(.85) contrast(1.04);
}

.account-visual-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.32), rgba(0,0,0,.05)), linear-gradient(to top, rgba(0,0,0,.55), transparent 55%);
}

.account-visual-copy {
  position: absolute;
  left: 42px;
  bottom: 42px;
  color: #fff;
  max-width: 420px;
}

.account-visual-copy p {
  color: var(--gold);
  letter-spacing: 2.4px;
  font-size: 11px;
  margin: 0 0 10px;
}

.account-visual-copy h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 52px;
  font-weight: 400;
  line-height: .95;
  margin: 0;
}

.account-success {
  position: absolute;
  inset: 0;
  background: rgba(245,241,234,.98);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  z-index: 5;
  padding: 40px;
}

.account-success h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 64px;
  font-weight: 400;
  margin: 0 0 14px;
}

.account-success p {
  color: #555;
  margin: 0 0 32px;
}

#account-trigger.logged-in {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}

@media(max-width:850px) {
  .account-panel {
    grid-template-columns: 1fr;
    overflow-y: auto;
  }

  .account-visual-side {
    min-height: 300px;
    order: -1;
  }

  .account-login-side {
    padding: 34px 24px;
  }

  .account-logo {
    font-size: 58px;
    margin-bottom: 34px;
  }
}


/* LOGIN PANEL REFINEMENT */
.account-login-side{
    align-items:center;
    text-align:left;
}

.account-logo{
    width:100%;
    text-align:center;
    margin-bottom:60px !important;
}

.account-kicker,
.account-login-side h2,
.account-form,
.account-social,
.account-help-btn{
    width:100%;
    max-width:410px;
}

#account-qr-btn{
    display:none !important;
}



/* PERFECT LOGIN LOGO ALIGNMENT */
.account-login-side {
  align-items: center !important;
  overflow-x: hidden !important;
}

.account-logo {
  width: 100% !important;
  max-width: 410px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(54px, 6.2vw, 88px) !important;
  letter-spacing: 6px !important;
  line-height: 0.9 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  transform: none !important;
}

@media(max-width:850px) {
  .account-logo {
    font-size: 52px !important;
    letter-spacing: 4px !important;
  }
}



/* PREMIUM LOGIN VISUAL TEXT */
.account-visual-copy {
  left: 54px !important;
  bottom: 54px !important;
  max-width: 360px !important;
}

.account-visual-copy h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 42px !important;
  line-height: 0.96 !important;
  letter-spacing: -0.6px !important;
  font-weight: 300 !important;
  color: rgba(255,255,255,0.96) !important;
  text-rendering: geometricPrecision;
}

.account-visual-copy p {
  font-size: 10px !important;
  letter-spacing: 3px !important;
  opacity: 0.88;
  margin-bottom: 16px !important;
}

@media(max-width:850px){
  .account-visual-copy h3{
    font-size: 34px !important;
  }

  .account-visual-copy{
    left: 28px !important;
    bottom: 28px !important;
  }
}



/* HELP MODAL */
.help-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  z-index:3000;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:.35s ease;
}

.help-overlay.active{
  opacity:1;
  visibility:visible;
}

.help-modal{
  position:relative;
  width:min(760px,92vw);
  background:#0b0b0b;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:54px;
  color:#fff;
  box-shadow:0 40px 120px rgba(0,0,0,.75);
  transform:translateY(24px) scale(.98);
  transition:.35s cubic-bezier(.16,1,.3,1);
}

.help-overlay.active .help-modal{
  transform:translateY(0) scale(1);
}

.help-kicker{
  font-size:11px;
  letter-spacing:3px;
  color:var(--gold);
  margin-bottom:14px;
}

.help-modal h2{
  font-family:'Cormorant Garamond', serif;
  font-size:56px;
  font-weight:300;
  line-height:.95;
  margin:0 0 34px;
}

.help-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:34px;
}

.help-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  padding:24px;
}

.help-card h3{
  margin:0 0 10px;
  font-size:17px;
  font-weight:500;
}

.help-card p{
  margin:0;
  color:#b5b5b5;
  line-height:1.6;
  font-size:14px;
}

.help-main-btn{
  width:100%;
  height:52px;
  border-radius:999px;
  border:1px solid var(--gold);
  background:var(--gold);
  color:#111;
  font-size:12px;
  letter-spacing:2px;
  cursor:pointer;
  transition:.25s ease;
}

.help-main-btn:hover{
  background:#fff;
  border-color:#fff;
}

@media(max-width:700px){
  .help-grid{
    grid-template-columns:1fr;
  }

  .help-modal{
    padding:32px 22px;
  }

  .help-modal h2{
    font-size:42px;
  }
}



/* WORKING HELP OPTIONS */
.help-card {
  text-align: left;
  cursor: pointer;
  color: inherit;
  font-family: inherit;
}

.help-card:hover {
  border-color: var(--gold);
  background: rgba(180,154,90,.08);
  transform: translateY(-3px);
}

.help-detail-panel {
  display: none;
  margin: 4px 0 28px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 26px;
  background: rgba(255,255,255,.035);
}

.help-detail-panel.active {
  display: block;
}

.help-detail-back {
  border: none;
  background: transparent;
  color: var(--gold);
  font-size: 11px;
  letter-spacing: 2px;
  cursor: pointer;
  padding: 0;
  margin-bottom: 18px;
}

.help-detail-panel h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  font-weight: 400;
  margin: 0 0 12px;
}

.help-detail-panel p {
  color: #bdbdbd;
  line-height: 1.7;
  margin: 0 0 20px;
  font-size: 14px;
}

.help-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  height: 42px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  color: #111;
  background: var(--gold);
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 1.8px;
  font-weight: 800;
}

.help-action-btn:hover {
  background: #fff;
  border-color: #fff;
}

.help-copy-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  height: 42px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  color: #111;
  background: var(--gold);
  font-size: 11px;
  letter-spacing: 1.8px;
  font-weight: 800;
  cursor: pointer;
}


/* =========================================================
   VELAZUR PREMIUM WHITE THEME + BLACK SHOP PRODUCT CARDS
   Added for white site conversion while keeping product tiles black.
   ========================================================= */
:root{
  --black:#000000;
  --soft:#111111;
  --muted:#666666;
  --line:rgba(0,0,0,.12);
  --gold:#9b7a38;
}
html{background:#ffffff !important;}
body{background:#ffffff !important;color:#111111 !important;}
body.loaded{background:#ffffff !important;}
a{color:inherit;}

/* Loader */
#loader{background:#ffffff !important;color:#000000 !important;}
.loader-bar-wrap{background:#e5e5e5 !important;}
.loader-logo{color:#000000 !important;}

/* Navigation */
.nav,
.nav.nav-visible,
.nav.scrolled{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #e5e5e5 !important;
  color:#000000 !important;
  backdrop-filter:blur(18px);
}
.brand,.nav-links,.nav-actions,.nav-links a,.nav-actions a,.icon-btn{color:#000000 !important;}
.icon-btn{border-color:#d0d0d0 !important;background:transparent !important;}
.icon-btn:hover{background:#f3f3f3 !important;border-color:#000000 !important;}

/* Main sections */
.panel,.trending,.drop,.contact-section,.pdp-main,.shop-main{background:#ffffff !important;color:#111111 !important;}
.trending{background:#ffffff !important;}
.film{background:#ffffff !important;border-top:1px solid #e5e5e5 !important;border-bottom:1px solid #e5e5e5 !important;}
.sticky-content,.film-copy{color:#111111 !important;}
.film h2,.trending h2,.drop h2,.contact-section h2,.section-head h2{color:#111111 !important;}
.film p:not(.eyebrow),.section-head p,.drop p,.product-info p:not(.product-kicker){color:#555555 !important;}
.film-video-wrap,.scroll-video{background:#f7f7f7 !important;border-color:#e5e5e5 !important;}
.eyebrow,.product-kicker{color:#806120 !important;}

/* Homepage product cards: white theme */
.product-card{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #dcdcdc !important;
  box-shadow:none !important;
}
.product-card.show:hover{border-color:#000000 !important;box-shadow:0 20px 40px rgba(0,0,0,.10) !important;}
.product-media,.texture-card{background:#f4f4f4 !important;}
.product-info h3,.product-bottom span{color:#111111 !important;}
.product-bottom{border-top:1px solid #e3e3e3 !important;}
.product-bottom a{color:#111111 !important;}

/* SHOP PAGE: keep whole product rectangles black */
.shop-toolbar{
  background:#ffffff !important;
  color:#000000 !important;
  border-bottom:1px solid #dcdcdc !important;
}
.shop-dropdown,.shop-filter-btn{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#dcdcdc !important;
}
.shop-category-menu{
  background:#ffffff !important;
  color:#000000 !important;
  border:1px solid #dcdcdc !important;
}
.shop-category-menu a{color:#000000 !important;}
.shop-category-menu a:hover,.shop-category-menu a.active{background:#f2f2f2 !important;color:#000000 !important;}
.lv-grid{background:#ffffff !important;}
.lv-card{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid #000000 !important;
}
.lv-card a,.lv-card h4,.lv-card p,.lv-info h4,.lv-info p{
  color:#ffffff !important;
}
.lv-img-container{background:#000000 !important;}
.lv-fav{color:#ffffff !important;background:rgba(0,0,0,.25) !important;border-color:rgba(255,255,255,.25) !important;}
.lv-card:hover{box-shadow:0 18px 34px rgba(0,0,0,.18) !important;}

/* Product detail pages */
.breadcrumbs,.breadcrumbs a{color:#555555 !important;}
.product-layout,.product-details,.product-gallery{background:#ffffff !important;color:#111111 !important;}
.main-image-wrapper{background:#f5f5f5 !important;border:1px solid #e0e0e0 !important;}
.view-toggles button{color:#111111 !important;border-color:#d0d0d0 !important;background:#ffffff !important;}
.view-toggles button.active,.view-toggles button:hover{background:#000000 !important;color:#ffffff !important;border-color:#000000 !important;}
.pdp-title,.pdp-subtitle,.pdp-price,.reviews,.color-selector p,.size-header p{color:#111111 !important;}
.tax-info,.breadcrumbs span{color:#666666 !important;}
.size-btn{background:#ffffff !important;color:#000000 !important;border-color:#d0d0d0 !important;}
.size-btn:hover,.size-btn.selected,.size-btn.active{background:#000000 !important;color:#ffffff !important;border-color:#000000 !important;}
.btn.primary,.account-main-btn{background:#000000 !important;color:#ffffff !important;border-color:#000000 !important;}
.btn.secondary,.account-outline-btn{background:#ffffff !important;color:#000000 !important;border-color:#000000 !important;}
.suggested-products-section{background:#ffffff !important;color:#111111 !important;border-top:1px solid #e5e5e5 !important;}
.suggested-head h2,.suggested-info h3,.suggested-info span{color:#111111 !important;}
.suggested-head p,.suggested-info p{color:#555555 !important;}
.suggested-card{background:#ffffff !important;border:1px solid #e0e0e0 !important;}
.suggested-img{background:#f5f5f5 !important;}

/* Overlays, cart, search, login, filter */
.search-overlay{background:rgba(255,255,255,.96) !important;color:#000000 !important;}
.search-input{color:#000000 !important;border-bottom-color:#d0d0d0 !important;}
.search-input::placeholder{color:#999999 !important;}
.search-suggestions p{color:#806120 !important;}
.search-suggestions a{color:#333333 !important;}
.search-suggestions a:hover{color:#000000 !important;}
.close-btn{color:#000000 !important;}
.cart-backdrop{background:rgba(0,0,0,.35) !important;}
.cart-sidebar,#filter-sidebar{background:#ffffff !important;color:#000000 !important;border-left:1px solid #dcdcdc !important;}
.cart-header{border-bottom:1px solid #e5e5e5 !important;}
.cart-header h3,.filter-group h4,.filter-group label,.empty-cart-msg{color:#000000 !important;}
.account-panel,.checkout-container{background:#ffffff !important;color:#000000 !important;border:1px solid #dcdcdc !important;}
.account-login-side,.account-success{background:#ffffff !important;color:#000000 !important;}
.account-logo,.account-login-side h2,.account-success h2{color:#000000 !important;}
.account-kicker,.account-social p{color:#806120 !important;}
.account-form label,.account-social span,.account-help-btn{color:#555555 !important;}
.account-form input,.contact-form input,.contact-form textarea,.contact-form select,.pay-input{
  background:#ffffff !important;color:#000000 !important;border-color:#d0d0d0 !important;
}
.contact-form input::placeholder,.contact-form textarea::placeholder,.pay-input::placeholder{color:#777777 !important;}

/* Footer */
.footer{background:#ffffff !important;color:#111111 !important;border-top:1px solid #e5e5e5 !important;}
.footer h4,.footer a,.footer p{color:#111111 !important;}

@media(max-width:900px){
  .nav{background:#ffffff !important;color:#000000 !important;}
  .lv-card{background:#000000 !important;color:#ffffff !important;}
}

/* FINAL SHOP CARD SEPARATION: black rectangles with visible luxury border */
.lv-grid{
  background:#ffffff !important;
  gap:18px !important;
  padding:18px !important;
}
.lv-card{
  background:#000000 !important;
  color:#ffffff !important;
  border:1.5px solid #2a2a2a !important;
  outline:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.14) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
.lv-card:hover{
  border-color:#5a5a5a !important;
  outline-color:rgba(255,255,255,.16) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.24) !important;
}
.lv-card:nth-child(4n),
.lv-card:nth-child(3n),
.lv-card:nth-child(2n){
  border-right:1.5px solid #2a2a2a !important;
}
.lv-card a,
.lv-card h4,
.lv-card p,
.lv-info h4,
.lv-info p{
  color:#ffffff !important;
}
.lv-img-container{
  background:#000000 !important;
}
.lv-fav{
  color:#ffffff !important;
  background:rgba(0,0,0,.45) !important;
  border:1px solid rgba(255,255,255,.35) !important;
}

/* FIX: Restore homepage third-slide product visuals after white-theme override */
.product-media.texture-card{
  background-color:#000000 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.distressed-wave-card{
  background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.28)), url('../assets/distressed-wave-front.jpg?v=3') !important;
}
.wave-card{
  background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.28)), url('../assets/wave-jeans-front.jpg?v=3') !important;
}
.silent-card{
  background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.28)), url('../assets/jeans-poster.jpg?v=3') !important;
}
.briefcase-card{
  background-image:linear-gradient(rgba(0,0,0,.04),rgba(0,0,0,.28)), url('../assets/briefcase-poster.jpg?v=3') !important;
}

/* =========================================================
   HERO HEADER UPDATE: LV-style first slide + transparent hero nav
   ========================================================= */
body.home-at-hero .nav{
  background:transparent !important;
  border-bottom:1px solid transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  color:#ffffff !important;
}

/* First-slide default: transparent header with white text/icons */
body.home-at-hero .brand,
body.home-at-hero .nav-links,
body.home-at-hero .nav-actions,
body.home-at-hero .nav-links a,
body.home-at-hero .nav-actions a,
body.home-at-hero .icon-btn{
  color:#ffffff !important;
}
body.home-at-hero .icon-btn{
  border-color:rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.06) !important;
}

/* First-slide hover/touch: white header with black text/icons */
body.home-at-hero .nav:hover,
body.home-at-hero .nav.header-hover,
body.home-at-hero .nav:focus-within{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #e5e5e5 !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  color:#000000 !important;
}
body.home-at-hero .nav:hover .brand,
body.home-at-hero .nav:hover .nav-links,
body.home-at-hero .nav:hover .nav-actions,
body.home-at-hero .nav:hover .nav-links a,
body.home-at-hero .nav:hover .nav-actions a,
body.home-at-hero .nav:hover .icon-btn,
body.home-at-hero .nav.header-hover .brand,
body.home-at-hero .nav.header-hover .nav-links,
body.home-at-hero .nav.header-hover .nav-actions,
body.home-at-hero .nav.header-hover .nav-links a,
body.home-at-hero .nav.header-hover .nav-actions a,
body.home-at-hero .nav.header-hover .icon-btn,
body.home-at-hero .nav:focus-within .brand,
body.home-at-hero .nav:focus-within .nav-links,
body.home-at-hero .nav:focus-within .nav-actions,
body.home-at-hero .nav:focus-within .nav-links a,
body.home-at-hero .nav:focus-within .nav-actions a,
body.home-at-hero .nav:focus-within .icon-btn{
  color:#000000 !important;
}
body.home-at-hero .nav:hover .icon-btn,
body.home-at-hero .nav.header-hover .icon-btn,
body.home-at-hero .nav:focus-within .icon-btn{
  border-color:#d0d0d0 !important;
  background:transparent !important;
}

/* First slide full-screen campaign-video treatment */
.hero.panel{
  min-height:100vh !important;
  height:100vh !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
}
.hero-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  display:block !important;
}
.minimal-shade{
  background:linear-gradient(to top, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 34%) !important;
}
.hero-minimal-content{
  bottom:8vh !important;
  text-align:center !important;
}
.hero-minimal-eyebrow,
.hero-minimal-title,
.hero-minimal-link{
  color:#ffffff !important;
}
.hero-minimal-link{
  border-bottom-color:#ffffff !important;
}

/* On all slides after hero, header must be white with black text */
body:not(.home-at-hero) .nav,
.nav.scrolled{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #e5e5e5 !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  color:#000000 !important;
}
body:not(.home-at-hero) .brand,
body:not(.home-at-hero) .nav-links,
body:not(.home-at-hero) .nav-actions,
body:not(.home-at-hero) .nav-links a,
body:not(.home-at-hero) .nav-actions a,
body:not(.home-at-hero) .icon-btn,
.nav.scrolled .brand,
.nav.scrolled .nav-links,
.nav.scrolled .nav-actions,
.nav.scrolled .nav-links a,
.nav.scrolled .nav-actions a,
.nav.scrolled .icon-btn{
  color:#000000 !important;
}


/* HERO IMAGE REPLACEMENT - denim yacht campaign */
.hero-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 43% !important;
  opacity:1 !important;
  display:block !important;
}
.hero-video{
  display:none !important;
}
.hero.panel{
  min-height:100vh !important;
  height:100vh !important;
  padding:0 !important;
  overflow:hidden !important;
}
/* Keep bottom call-to-action slightly above the fold so the image has breathing room */
.hero-minimal-content{
  bottom:10vh !important;
}

/* FINAL HERO ENHANCED IMAGE UPDATE */
.hero-image{
  content:url('../assets/hero-enhanced.png') !important;
  object-fit:cover !important;
  object-position:center 50% !important;
}
/* The enhanced hero already includes campaign-style typography, so keep native CTA minimal. */
.hero-minimal-content{
  display:none !important;
}


/* =========================================================
   FINAL HERO PHOTO + WORKABLE FIRST DROP CTA
   ========================================================= */
.hero-image{
  content:normal !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 48% !important;
  display:block !important;
  opacity:1 !important;
}
.hero-minimal-content{
  display:block !important;
  position:absolute !important;
  left:6vw !important;
  bottom:13vh !important;
  width:auto !important;
  max-width:560px !important;
  text-align:left !important;
  z-index:11 !important;
  opacity:1 !important;
  transform:none !important;
}
.hero-minimal-eyebrow{
  color:#ffffff !important;
  font-size:13px !important;
  letter-spacing:4px !important;
  margin:0 0 18px !important;
  text-transform:uppercase !important;
  font-family:Inter, Arial, sans-serif !important;
}
.hero-minimal-title{
  color:#ffffff !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(48px, 6vw, 88px) !important;
  line-height:.9 !important;
  font-weight:400 !important;
  letter-spacing:.5px !important;
  margin:0 0 34px !important;
}
.hero-minimal-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:250px !important;
  height:58px !important;
  padding:0 28px !important;
  border:1px solid rgba(255,255,255,.9) !important;
  color:#ffffff !important;
  background:rgba(0,0,0,.10) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  letter-spacing:2px !important;
  font-weight:600 !important;
  transition:all .28s ease !important;
}
.hero-minimal-link::after{
  content:'›';
  margin-left:16px;
  font-size:22px;
  line-height:1;
}
.hero-minimal-link:hover{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
}
@media (max-width: 768px){
  .hero-minimal-content{
    left:24px !important;
    right:24px !important;
    bottom:10vh !important;
    max-width:none !important;
  }
  .hero-minimal-title{font-size:48px !important;}
  .hero-minimal-link{min-width:220px !important;height:54px !important;}
}


/* =========================================================
   FINAL FIRST SLIDE IMAGE + CLICKABLE DISCOVER BUTTON AREA
   ========================================================= */
.hero.panel{
  min-height:92vh !important;
  height:92vh !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
}
.hero-image{
  content:normal !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 47% !important;
  display:block !important;
  opacity:1 !important;
}
/* The selected hero image already includes the Menswear / First Drop / button typography. */
.hero-minimal-content{
  display:none !important;
}
.hero-collection-hitbox{
  position:absolute !important;
  left:4.5vw !important;
  top:64.4% !important;
  width:255px !important;
  height:58px !important;
  z-index:30 !important;
  display:block !important;
  background:transparent !important;
  cursor:pointer !important;
}
.hero-collection-hitbox:focus-visible{
  outline:2px solid #ffffff !important;
  outline-offset:3px !important;
}
@media (max-width: 900px){
  .hero.panel{min-height:90vh !important;height:90vh !important;}
  .hero-image{object-position:center center !important;}
  .hero-collection-hitbox{
    left:5vw !important;
    top:66% !important;
    width:220px !important;
    height:54px !important;
  }
}


/* =========================================================
   VELÁZUR FINAL CLEAN HERO: website-rendered sharp text + tactile CTA
   ========================================================= */
.hero.panel{
  min-height:92vh !important;
  height:92vh !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
}
.hero-image{
  content:normal !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 48% !important;
  display:block !important;
  opacity:1 !important;
}
.minimal-shade{
  background:linear-gradient(90deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.26) 26%, rgba(0,0,0,.05) 55%, rgba(0,0,0,.08) 100%) !important;
  pointer-events:none !important;
}
.hero-minimal-content{
  display:block !important;
  position:absolute !important;
  left:4.5vw !important;
  top:38.5% !important;
  bottom:auto !important;
  width:auto !important;
  max-width:620px !important;
  text-align:left !important;
  z-index:12 !important;
  opacity:1 !important;
  transform:none !important;
}
.hero-minimal-eyebrow{
  color:#ffffff !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:15px !important;
  letter-spacing:3px !important;
  font-weight:500 !important;
  margin:0 0 18px !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 14px rgba(0,0,0,.45) !important;
}
.hero-minimal-title{
  color:#ffffff !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(52px, 5.4vw, 82px) !important;
  line-height:.94 !important;
  font-weight:400 !important;
  letter-spacing:.2px !important;
  margin:0 0 24px !important;
  text-shadow:0 3px 18px rgba(0,0,0,.48) !important;
}
.hero-minimal-subtitle{
  color:#ffffff !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:19px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  letter-spacing:.2px !important;
  margin:0 0 26px !important;
  text-shadow:0 2px 14px rgba(0,0,0,.48) !important;
}
.hero-minimal-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:255px !important;
  height:58px !important;
  padding:0 28px !important;
  border:1.25px solid rgba(255,255,255,.92) !important;
  color:#ffffff !important;
  background:rgba(255,255,255,.03) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  letter-spacing:1.8px !important;
  font-weight:700 !important;
  box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
  transition:transform .22s cubic-bezier(.16,1,.3,1), background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
  will-change:transform !important;
}
.hero-minimal-link::after{
  content:'›' !important;
  margin-left:16px !important;
  font-size:24px !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  transition:transform .22s ease !important;
}
.hero-minimal-link:hover,
.hero-minimal-link:focus-visible{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
  transform:translateY(-4px) scale(1.035) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.30) !important;
}
.hero-minimal-link:hover::after,
.hero-minimal-link:focus-visible::after{
  transform:translate(6px,-1px) !important;
}
.hero-minimal-link:active{
  transform:translateY(-1px) scale(.99) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}
@media (max-width: 900px){
  .hero.panel{min-height:90vh !important;height:90vh !important;}
  .hero-image{object-position:62% center !important;}
  .hero-minimal-content{left:24px !important;right:24px !important;top:40% !important;max-width:none !important;}
  .hero-minimal-title{font-size:45px !important;}
  .hero-minimal-subtitle{font-size:16px !important;}
  .hero-minimal-link{min-width:230px !important;height:54px !important;}
}


/* =========================================================
   VELÁZUR CONSOLIDATED FINAL BUILD OVERRIDES
   - Hero clean image + sharp HTML text
   - Product collection moved visually as slide 2
   - Final denim motion section in black with giant VELÁZUR wordmark
   ========================================================= */
html, body{ background:#ffffff !important; }

.nav-links a[href="#denim-film"]{ cursor:pointer; }

.hero.panel{
  min-height:92vh !important;
  height:92vh !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
}
.hero-image{
  content:normal !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 48% !important;
  display:block !important;
  opacity:1 !important;
}
.minimal-shade{
  background:linear-gradient(90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.28) 26%, rgba(0,0,0,.06) 56%, rgba(0,0,0,.08) 100%) !important;
  pointer-events:none !important;
}
.hero-minimal-content{
  display:block !important;
  position:absolute !important;
  left:4.5vw !important;
  top:38.5% !important;
  bottom:auto !important;
  width:auto !important;
  max-width:650px !important;
  text-align:left !important;
  z-index:12 !important;
  opacity:1 !important;
  transform:none !important;
}
.hero-minimal-eyebrow{
  color:#ffffff !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:15px !important;
  letter-spacing:3px !important;
  font-weight:600 !important;
  margin:0 0 18px !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 16px rgba(0,0,0,.55) !important;
}
.hero-minimal-title{
  color:#ffffff !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(54px, 5.5vw, 86px) !important;
  line-height:.92 !important;
  font-weight:400 !important;
  letter-spacing:.1px !important;
  margin:0 0 24px !important;
  text-shadow:0 4px 22px rgba(0,0,0,.62) !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}
.hero-minimal-subtitle{
  color:#ffffff !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:19px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  letter-spacing:.1px !important;
  margin:0 0 28px !important;
  text-shadow:0 3px 18px rgba(0,0,0,.60) !important;
}
.hero-minimal-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:270px !important;
  height:60px !important;
  padding:0 30px !important;
  border:1.3px solid rgba(255,255,255,.96) !important;
  color:#ffffff !important;
  background:rgba(255,255,255,.03) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  letter-spacing:1.8px !important;
  font-weight:800 !important;
  box-shadow:0 12px 34px rgba(0,0,0,.14) !important;
  transition:transform .22s cubic-bezier(.16,1,.3,1), background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
  will-change:transform !important;
}
.hero-minimal-link::after{
  content:'›' !important;
  margin-left:18px !important;
  font-size:25px !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  transition:transform .22s ease !important;
}
.hero-minimal-link:hover,
.hero-minimal-link:focus-visible{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
  transform:translateY(-5px) scale(1.04) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.34) !important;
}
.hero-minimal-link:hover::after,
.hero-minimal-link:focus-visible::after{ transform:translate(7px,-1px) !important; }
.hero-minimal-link:active{ transform:translateY(-1px) scale(.99) !important; }

/* Slide 2: collection immediately after hero */
#men.trending{
  display:block !important;
  background:#ffffff !important;
  color:#111111 !important;
  padding-top:110px !important;
  padding-bottom:110px !important;
}
#men .section-head h2,
#men .section-head p{ color:#111111 !important; }
#men .section-head p:not(.eyebrow){ color:#555555 !important; }
#men .products{ grid-template-columns:repeat(4,1fr) !important; gap:18px !important; }
#men .product-card{
  background:#000000 !important;
  color:#ffffff !important;
  border:1.4px solid #222222 !important;
  border-radius:22px !important;
  box-shadow:none !important;
}
#men .product-card:hover{
  transform:translateY(-10px) scale(1.018) !important;
  border-color:#555555 !important;
  box-shadow:0 24px 60px rgba(0,0,0,.22) !important;
}
#men .product-info h3,
#men .product-info p,
#men .product-bottom span{ color:#ffffff !important; }
#men .product-info p:not(.product-kicker){ color:#d9d9d9 !important; }
#men .product-bottom{ border-top:1px solid rgba(255,255,255,.14) !important; }
#men .product-bottom a{ color:#ffffff !important; }
#men .product-media{ background:#050505 !important; }

/* Last slide: black denim motion story */
#denim-film.film{
  display:block !important;
  position:relative !important;
  height:260vh !important;
  min-height:1600px !important;
  background:#000000 !important;
  color:#ffffff !important;
  border-top:1px solid #111111 !important;
  border-bottom:none !important;
  overflow:hidden !important;
}
#denim-film .sticky-content{
  color:#ffffff !important;
  background:#000000 !important;
}
#denim-film .film-copy,
#denim-film h2,
#denim-film .eyebrow{ color:#ffffff !important; }
#denim-film .film-copy p:not(.eyebrow){ color:#bdbdbd !important; }
#denim-film .film-video-wrap{
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 0 90px rgba(255,255,255,.08) !important;
}
#denim-film .scroll-video{ background:#050505 !important; }
.velazur-final-wordmark{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:5vh !important;
  width:100% !important;
  text-align:center !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(72px, 16vw, 260px) !important;
  line-height:.8 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  color:rgba(255,255,255,.94) !important;
  pointer-events:none !important;
  user-select:none !important;
  z-index:2 !important;
  padding-left:.16em !important;
}
.footer{ background:#000000 !important; color:#ffffff !important; border-top:1px solid rgba(255,255,255,.12) !important; }
.footer a,.footer p{ color:#bdbdbd !important; }
.footer h4{ color:#ffffff !important; }

@media(max-width:1200px){
  #men .products{ grid-template-columns:repeat(2,1fr) !important; }
}
@media(max-width:900px){
  .hero.panel{min-height:90vh !important;height:90vh !important;}
  .hero-image{object-position:62% center !important;}
  .hero-minimal-content{left:24px !important;right:24px !important;top:38% !important;max-width:none !important;}
  .hero-minimal-title{font-size:45px !important;}
  .hero-minimal-subtitle{font-size:16px !important;}
  .hero-minimal-link{min-width:235px !important;height:54px !important;}
  #men .products{ grid-template-columns:1fr !important; }
  #denim-film.film{ height:auto !important; min-height:1100px !important; padding-bottom:220px !important; }
  #denim-film .sticky-content{ position:relative !important; height:auto !important; min-height:820px !important; grid-template-columns:1fr !important; padding:110px 22px 40px !important; }
  .velazur-final-wordmark{ bottom:55px !important; font-size:clamp(54px, 18vw, 120px) !important; letter-spacing:.12em !important; }
}


/* =========================================================
   UPDATE: REMOVE THIRD SLIDE + RESTORE VISIBLE CONTACT SECTION
   ========================================================= */
.nav-links a[href="#denim-film"]{display:none !important;}
.final-contact-section{
  display:flex !important;
  position:relative !important;
  min-height:92vh !important;
  padding:130px 6vw 170px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffffff !important;
  color:#111111 !important;
  border-top:1px solid #e5e5e5 !important;
  overflow:hidden !important;
}
.final-contact-section .contact-container{
  max-width:820px !important;
  width:100% !important;
  margin:0 auto !important;
  opacity:1 !important;
  transform:none !important;
  position:relative !important;
  z-index:2 !important;
}
.final-contact-section .eyebrow{
  color:#8b6f2e !important;
  font-size:12px !important;
  letter-spacing:3px !important;
  font-weight:700 !important;
}
.final-contact-section h2{
  color:#111111 !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(64px, 8vw, 128px) !important;
  line-height:.9 !important;
  font-weight:400 !important;
  margin:0 0 26px !important;
}
.final-contact-section .contact-lead{
  color:#555555 !important;
  font-size:18px !important;
  line-height:1.75 !important;
  max-width:640px !important;
  margin:0 0 34px !important;
}
.final-contact-section .contact-form{
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
}
.final-contact-section .form-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:24px !important;
}
.final-contact-section input,
.final-contact-section textarea{
  color:#111111 !important;
  border-bottom:1px solid #111111 !important;
  background:transparent !important;
}
.final-contact-section input::placeholder,
.final-contact-section textarea::placeholder{
  color:#777777 !important;
}
.final-contact-section .btn.primary{
  background:#111111 !important;
  color:#ffffff !important;
  border:1px solid #111111 !important;
  align-self:flex-start !important;
  padding:16px 34px !important;
  transition:transform .22s ease, background .22s ease, color .22s ease !important;
}
.final-contact-section .btn.primary:hover{
  background:#ffffff !important;
  color:#111111 !important;
  transform:translateY(-4px) scale(1.03) !important;
}
.contact-wordmark{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:16px !important;
  text-align:center !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(56px, 15vw, 220px) !important;
  letter-spacing:.16em !important;
  font-weight:400 !important;
  line-height:.8 !important;
  color:rgba(0,0,0,.045) !important;
  padding-left:.16em !important;
  pointer-events:none !important;
  user-select:none !important;
}
.footer{
  background:#ffffff !important;
  color:#111111 !important;
  border-top:1px solid #e5e5e5 !important;
}
.footer h4{color:#111111 !important;}
.footer a,.footer p{color:#555555 !important;}
@media(max-width:900px){
  .final-contact-section{padding:110px 24px 145px !important; min-height:auto !important;}
  .final-contact-section .form-row{grid-template-columns:1fr !important;}
}

/* =========================================================
   FINAL OVERRIDE: BLACK LAST SLIDE + WHITE CONTACT/FOOTER TEXT
   ========================================================= */
.final-contact-section{
  background:#000000 !important;
  color:#ffffff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
.final-contact-section .contact-container,
.final-contact-section .contact-container *,
.final-contact-section h2,
.final-contact-section p,
.final-contact-section label,
.final-contact-section .eyebrow{
  color:#ffffff !important;
}
.final-contact-section .contact-lead{
  color:#e4e4e4 !important;
}
.final-contact-section input,
.final-contact-section textarea{
  color:#ffffff !important;
  border-bottom:1px solid rgba(255,255,255,.82) !important;
  background:transparent !important;
}
.final-contact-section input::placeholder,
.final-contact-section textarea::placeholder{
  color:rgba(255,255,255,.72) !important;
}
.final-contact-section .btn.primary{
  background:#ffffff !important;
  color:#000000 !important;
  border:1px solid #ffffff !important;
}
.final-contact-section .btn.primary:hover,
.final-contact-section .btn.primary:focus-visible{
  background:#000000 !important;
  color:#ffffff !important;
  border-color:#ffffff !important;
  transform:translateY(-4px) scale(1.03) !important;
}
.contact-wordmark{
  color:rgba(255,255,255,.12) !important;
}
.footer{
  background:#000000 !important;
  color:#ffffff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
.footer h4,
.footer a,
.footer p,
.footer *{
  color:#ffffff !important;
}
.footer a:hover{
  color:#d8c28b !important;
}


/* === LV-STYLE SECOND SLIDE COLLECTION GRID === */
.lv-collection-section{
  background:#fff !important;
  color:#111 !important;
  display:block !important;
  min-height:auto !important;
  padding:88px 8vw 86px !important;
  border-top:1px solid #e8e8e8 !important;
}
.lv-collection-header{
  text-align:center !important;
  margin:0 0 28px !important;
  color:#111 !important;
}
.lv-collection-header .eyebrow{
  color:#8b6a2d !important;
  letter-spacing:3px !important;
  font-size:11px !important;
  margin:0 0 8px !important;
}
.lv-collection-header h2{
  font-family:Inter, Arial, sans-serif !important;
  font-size:28px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  margin:0 !important;
  color:#111 !important;
}
.lv-category-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:30px 22px !important;
  max-width:1420px !important;
  margin:0 auto !important;
}
.lv-category-card{
  display:block !important;
  color:#111 !important;
  text-align:center !important;
  text-decoration:none !important;
}
.lv-category-image{
  aspect-ratio: 4 / 5 !important;
  background:#f3f3f3 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
}
.lv-category-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  transition:transform .55s cubic-bezier(.16,1,.3,1), filter .55s ease !important;
}
.lv-category-card:hover .lv-category-image img{
  transform:scale(1.035) !important;
  filter:contrast(1.03) saturate(1.02) !important;
}
.lv-category-card p{
  margin:16px 0 0 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  color:#111 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
@media (max-width: 980px){
  .lv-collection-section{padding:70px 5vw !important;}
  .lv-category-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:28px 14px !important;}
}
@media (max-width: 560px){
  .lv-category-grid{grid-template-columns:1fr !important;}
  .lv-category-card p{font-size:14px !important;}
}


/* === HIM / HER EDIT SPLIT SLIDE === */
.gender-edit-section{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  min-height:92vh !important;
  width:100% !important;
  background:#000 !important;
  overflow:hidden !important;
  border-top:1px solid #e8e8e8 !important;
}
.gender-panel{
  position:relative !important;
  min-height:92vh !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  color:#fff !important;
}
.gender-panel img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transform:scale(1.02) !important;
  transition:transform .85s cubic-bezier(.16,1,.3,1), filter .85s ease !important;
}
.gender-panel-him img{ object-position:center 42% !important; filter:brightness(.74) contrast(1.05) saturate(.95) !important; }
.gender-panel-her img{ object-position:center center !important; filter:brightness(.70) contrast(1.03) saturate(.95) !important; }
.gender-overlay{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(to top, rgba(0,0,0,.70) 0%, rgba(0,0,0,.24) 45%, rgba(0,0,0,.08) 100%) !important;
  z-index:1 !important;
}
.gender-copy{
  position:relative !important;
  z-index:2 !important;
  padding:0 5vw 9vh !important;
  max-width:520px !important;
  color:#fff !important;
}
.gender-copy p{
  margin:0 0 14px !important;
  color:#fff !important;
  font-size:12px !important;
  letter-spacing:3px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}
.gender-copy h2{
  margin:0 0 12px !important;
  color:#fff !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(74px, 10vw, 156px) !important;
  line-height:.78 !important;
  font-weight:400 !important;
  letter-spacing:.08em !important;
}
.gender-copy span{
  display:block !important;
  color:rgba(255,255,255,.88) !important;
  font-size:18px !important;
  line-height:1.55 !important;
  margin:0 0 28px !important;
}
.gender-copy a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:178px !important;
  height:50px !important;
  padding:0 24px !important;
  border:1px solid rgba(255,255,255,.88) !important;
  color:#fff !important;
  background:rgba(255,255,255,.02) !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  font-size:12px !important;
  letter-spacing:1.7px !important;
  font-weight:800 !important;
  transition:transform .22s cubic-bezier(.16,1,.3,1), background .22s ease, color .22s ease, box-shadow .22s ease !important;
}
.gender-copy a:hover,
.gender-copy a:focus-visible{
  background:#fff !important;
  color:#000 !important;
  transform:translateY(-5px) scale(1.035) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.36) !important;
}
.gender-panel:hover img{
  transform:scale(1.08) !important;
  filter:brightness(.82) contrast(1.08) saturate(1.02) !important;
}
.gender-panel + .gender-panel{ border-left:1px solid rgba(255,255,255,.16) !important; }
@media(max-width:900px){
  .gender-edit-section{grid-template-columns:1fr !important;}
  .gender-panel{min-height:70vh !important;}
  .gender-copy{padding:0 26px 64px !important;}
  .gender-copy h2{font-size:88px !important;}
}

/* =========================================================
   VELAZUR HIM / HER SLIDE REFINEMENT
   - taller third slide
   - smaller premium HIM / HER category type
   ========================================================= */
.gender-edit-section{
  min-height:112vh !important;
  height:112vh !important;
}
.gender-panel{
  min-height:112vh !important;
  height:112vh !important;
}
.gender-copy{
  padding:0 5vw 11vh !important;
  max-width:460px !important;
}
.gender-copy h2{
  font-size:clamp(46px, 5.8vw, 86px) !important;
  line-height:.92 !important;
  letter-spacing:.18em !important;
  font-family:Inter, Arial, sans-serif !important;
  font-weight:500 !important;
}
.gender-copy p{
  font-size:11px !important;
  letter-spacing:3.5px !important;
}
.gender-copy span{
  font-size:16px !important;
  max-width:360px !important;
}
.gender-copy a{
  min-width:164px !important;
  height:48px !important;
  font-size:11px !important;
}
@media(max-width:900px){
  .gender-edit-section{
    height:auto !important;
    min-height:auto !important;
  }
  .gender-panel{
    min-height:82vh !important;
    height:82vh !important;
  }
  .gender-copy h2{
    font-size:54px !important;
    letter-spacing:.16em !important;
  }
}


/* =========================================================
   FINAL UPDATE: EDITORIAL HIM / HER BACKGROUND SLIDE
   ========================================================= */
.gender-edit-section.velazur-edit-background-slide{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:112vh !important;
  height:112vh !important;
  width:100% !important;
  overflow:hidden !important;
  background:#000 !important;
  border-top:1px solid #e8e8e8 !important;
  color:#fff !important;
}
.velazur-edit-background-slide .gender-bg-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  filter:brightness(.76) contrast(1.08) saturate(.96) !important;
  transform:scale(1.015) !important;
}
.velazur-edit-background-slide .gender-bg-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.20) 36%, rgba(0,0,0,.16) 60%, rgba(0,0,0,.52) 100%),
    linear-gradient(to top, rgba(0,0,0,.76) 0%, rgba(0,0,0,.20) 48%, rgba(0,0,0,.12) 100%) !important;
}
.velazur-edit-background-slide .gender-bg-content{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1420px !important;
  min-height:112vh !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:16vh 6vw 11vh !important;
  color:#fff !important;
}
.velazur-edit-background-slide .gender-bg-head{
  max-width:560px !important;
  color:#fff !important;
}
.velazur-edit-background-slide .gender-bg-head p{
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:3.8px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}
.velazur-edit-background-slide .gender-bg-head h2{
  margin:0 0 18px !important;
  color:#fff !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(48px, 6.4vw, 108px) !important;
  line-height:.9 !important;
  font-weight:400 !important;
  letter-spacing:.02em !important;
}
.velazur-edit-background-slide .gender-bg-head span{
  display:block !important;
  max-width:470px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:17px !important;
  line-height:1.65 !important;
}
.velazur-edit-background-slide .gender-choice-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:22px !important;
  width:100% !important;
}
.velazur-edit-background-slide .gender-choice-card{
  min-height:190px !important;
  padding:30px 34px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.045) !important;
  color:#fff !important;
  text-decoration:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  transition:transform .24s cubic-bezier(.16,1,.3,1), background .24s ease, color .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}
.velazur-edit-background-slide .gender-choice-card p{
  margin:0 0 12px !important;
  color:rgba(255,255,255,.82) !important;
  font-size:10px !important;
  letter-spacing:3px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}
.velazur-edit-background-slide .gender-choice-card h3{
  margin:0 0 12px !important;
  color:#fff !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:clamp(36px, 4.2vw, 68px) !important;
  line-height:.95 !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
}
.velazur-edit-background-slide .gender-choice-card span{
  color:#fff !important;
  font-size:12px !important;
  letter-spacing:1.8px !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
}
.velazur-edit-background-slide .gender-choice-card:hover,
.velazur-edit-background-slide .gender-choice-card:focus-visible{
  background:#fff !important;
  color:#000 !important;
  border-color:#fff !important;
  transform:translateY(-8px) scale(1.018) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.42) !important;
}
.velazur-edit-background-slide .gender-choice-card:hover p,
.velazur-edit-background-slide .gender-choice-card:hover h3,
.velazur-edit-background-slide .gender-choice-card:hover span,
.velazur-edit-background-slide .gender-choice-card:focus-visible p,
.velazur-edit-background-slide .gender-choice-card:focus-visible h3,
.velazur-edit-background-slide .gender-choice-card:focus-visible span{
  color:#000 !important;
}
@media(max-width:900px){
  .gender-edit-section.velazur-edit-background-slide{
    min-height:96vh !important;
    height:auto !important;
  }
  .velazur-edit-background-slide .gender-bg-image{
    object-position:center center !important;
  }
  .velazur-edit-background-slide .gender-bg-content{
    min-height:96vh !important;
    padding:120px 24px 58px !important;
  }
  .velazur-edit-background-slide .gender-bg-head h2{
    font-size:50px !important;
  }
  .velazur-edit-background-slide .gender-choice-row{
    grid-template-columns:1fr !important;
  }
  .velazur-edit-background-slide .gender-choice-card{
    min-height:145px !important;
    padding:24px !important;
  }
}


/* VELAZUR UPDATE: remove 3rd slide intro text, keep only HIM/HER choices */
.velazur-edit-background-slide .gender-bg-head{display:none !important;}
.velazur-edit-background-slide .gender-bg-content{justify-content:flex-end !important; padding-top:0 !important;}
.velazur-edit-background-slide .gender-choice-row{margin-top:auto !important;}


/* =========================================================
   FINAL UPDATE: BLACK LUXURY PRODUCT PAGES
   Applies to every PDP page marked .product-page
   ========================================================= */
body.product-page,
body.product-page.loaded{
  background:#000000 !important;
  color:#ffffff !important;
}
body.product-page .nav,
body.product-page .nav.nav-visible,
body.product-page .nav.scrolled{
  background:rgba(0,0,0,.96) !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  backdrop-filter:blur(18px) !important;
}
body.product-page .brand,
body.product-page .nav-links,
body.product-page .nav-actions,
body.product-page .nav-links a,
body.product-page .nav-actions a,
body.product-page .icon-btn{
  color:#ffffff !important;
}
body.product-page .icon-btn{
  border-color:rgba(255,255,255,.28) !important;
  background:transparent !important;
}
body.product-page .icon-btn:hover{
  background:rgba(255,255,255,.10) !important;
  border-color:#ffffff !important;
}
body.product-page .pdp-main,
body.product-page .product-layout,
body.product-page .product-gallery,
body.product-page .product-details{
  background:#000000 !important;
  color:#ffffff !important;
}
body.product-page .breadcrumbs,
body.product-page .breadcrumbs a,
body.product-page .breadcrumbs span{
  color:rgba(255,255,255,.70) !important;
}
body.product-page .product-layout{
  border-top:1px solid rgba(255,255,255,.10) !important;
  padding-top:28px !important;
}
body.product-page .main-image-wrapper,
body.product-page .gallery-grid,
body.product-page .view-mode{
  background:#0b0b0b !important;
}
body.product-page .main-image-wrapper{
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.55) !important;
}
body.product-page .thumb{
  background:#111111 !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
body.product-page .thumb.active,
body.product-page .thumb:hover{
  border-color:#ffffff !important;
  opacity:1 !important;
}
body.product-page .view-toggles button{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.32) !important;
}
body.product-page .view-toggles button.active,
body.product-page .view-toggles button:hover{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
}
body.product-page .pdp-title,
body.product-page .pdp-price,
body.product-page .reviews,
body.product-page .stars,
body.product-page .color-selector p,
body.product-page .size-header p,
body.product-page .size-guide{
  color:#ffffff !important;
}
body.product-page .pdp-subtitle,
body.product-page .tax-info{
  color:rgba(255,255,255,.68) !important;
}
body.product-page .product-details{
  border-left:1px solid rgba(255,255,255,.10) !important;
  padding-left:42px !important;
}
body.product-page .color-swatch,
body.product-page .color-swatch.active{
  background:#111111 !important;
  border:1px solid rgba(255,255,255,.35) !important;
}
body.product-page .size-btn{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.35) !important;
}
body.product-page .size-btn:hover,
body.product-page .size-btn.selected,
body.product-page .size-btn.active{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
  transform:translateY(-2px) !important;
}
body.product-page .pdp-actions .btn.primary,
body.product-page #add-to-bag-btn{
  background:#ffffff !important;
  color:#000000 !important;
  border:1px solid #ffffff !important;
}
body.product-page .pdp-actions .btn.primary:hover,
body.product-page #add-to-bag-btn:hover{
  transform:translateY(-3px) scale(1.015) !important;
  box-shadow:0 14px 36px rgba(255,255,255,.16) !important;
}
body.product-page .pdp-actions .fav-btn,
body.product-page .btn.secondary.fav-btn{
  background:#000000 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.40) !important;
}
body.product-page .pdp-actions .fav-btn:hover,
body.product-page .btn.secondary.fav-btn:hover{
  background:#111111 !important;
  border-color:#ffffff !important;
  color:#d8c28b !important;
  transform:translateY(-3px) scale(1.015) !important;
}
body.product-page .suggested-products-section{
  background:#000000 !important;
  color:#ffffff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
body.product-page .suggested-head h2,
body.product-page .suggested-info h3,
body.product-page .suggested-info span{
  color:#ffffff !important;
}
body.product-page .suggested-head p,
body.product-page .suggested-info p{
  color:rgba(255,255,255,.72) !important;
}
body.product-page .suggested-card{
  background:#0b0b0b !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
body.product-page .suggested-card:hover{
  border-color:#ffffff !important;
  box-shadow:0 20px 48px rgba(0,0,0,.7) !important;
}
body.product-page .suggested-img{
  background:#111111 !important;
}
body.product-page .footer{
  background:#000000 !important;
  color:#ffffff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
body.product-page .footer *,
body.product-page .footer h4,
body.product-page .footer a,
body.product-page .footer p{
  color:#ffffff !important;
}
@media(max-width:900px){
  body.product-page .product-details{
    border-left:none !important;
    padding-left:0 !important;
  }
}

/* === VELAZUR FIX: Favourite / Wishlist button visible everywhere === */
/* Product detail pages */
body.product-page #fav-btn,
body.product-page .fav-btn,
body.product-page .pdp-actions .fav-btn,
body.product-page .btn.secondary.fav-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  visibility:visible !important;
  background:#000000 !important;
  color:#ffffff !important;
  border:1.5px solid rgba(255,255,255,.72) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset !important;
  text-shadow:none !important;
  z-index:5 !important;
}
body.product-page #fav-btn:hover,
body.product-page .fav-btn:hover,
body.product-page .pdp-actions .fav-btn:hover,
body.product-page .btn.secondary.fav-btn:hover,
body.product-page #fav-btn.favourited,
body.product-page .fav-btn.favourited{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
  transform:translateY(-3px) scale(1.015) !important;
  box-shadow:0 14px 34px rgba(255,255,255,.16) !important;
}

/* Shop / collection product cards */
.lv-fav,
.lv-card .lv-fav,
button.lv-fav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#ffffff !important;
  background:rgba(0,0,0,.64) !important;
  border:1.5px solid rgba(255,255,255,.78) !important;
  font-size:22px !important;
  line-height:1 !important;
  z-index:30 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.32) !important;
}
.lv-fav:hover,
.lv-fav.active,
.lv-card .lv-fav:hover,
.lv-card .lv-fav.active{
  background:#ffffff !important;
  color:#000000 !important;
  border-color:#ffffff !important;
  transform:translateY(-2px) scale(1.08) !important;
}

/* Header favourite icon */
#favs-trigger,
#favs-trigger svg{
  opacity:1 !important;
  visibility:visible !important;
}
body.product-page #favs-trigger,
body.product-page #favs-trigger svg{
  color:#ffffff !important;
  stroke:#ffffff !important;
}
body.product-page #favs-trigger:hover,
body.product-page #favs-trigger:hover svg,
#favs-trigger.active,
#favs-trigger.active svg{
  color:#d8c28b !important;
  stroke:#d8c28b !important;
}


/* VELÁZUR update: remove suggested products text block, keep cards clean */
.suggested-products-section .suggested-head{display:none !important;}
.suggested-products-section{padding-top:72px !important;}


/* VELÁZUR update: independent HIM / HER category routes */
.velazur-edit-background-slide .gender-choice-card{
  min-width: clamp(180px, 22vw, 300px) !important;
  padding: 28px 28px 26px !important;
}
.velazur-edit-background-slide .gender-choice-card h3{
  font-size: clamp(32px, 5vw, 74px) !important;
  letter-spacing: .18em !important;
}
.velazur-edit-background-slide .gender-choice-card span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top: 14px !important;
  padding: 11px 18px !important;
  border:1px solid rgba(255,255,255,.82) !important;
  color:#fff !important;
  background:rgba(0,0,0,.18) !important;
  transition: transform .28s ease, background .28s ease, color .28s ease, border-color .28s ease !important;
}
.velazur-edit-background-slide .gender-choice-card:hover span{
  transform: translateY(-2px) scale(1.04) !important;
  background:#fff !important;
  color:#000 !important;
  border-color:#fff !important;
}
body.loaded .shop-main::before{
  content:"VELÁZUR COLLECTION";
  display:block;
  margin: 0 0 24px;
  text-align:center;
  font-family:'Cormorant Garamond', serif;
  font-size: clamp(34px, 5vw, 72px);
  letter-spacing:.08em;
  color:inherit;
}


/* =========================================================
   VELAZUR FIX: WORKING HIM/WOMEN LINKS + SHOP FILTERS + NO WOMEN IMAGES
   ========================================================= */
.velazur-edit-background-slide .gender-choice-card{
  position:relative !important;
  z-index:5 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  align-items:center !important;
  text-align:center !important;
  justify-content:center !important;
  min-height:160px !important;
}
.velazur-edit-background-slide .gender-choice-card h3{
  margin:0 !important;
  font-size:clamp(24px, 2.8vw, 44px) !important;
  letter-spacing:.20em !important;
  line-height:1.05 !important;
}
.velazur-edit-background-slide .gender-choice-card p,
.velazur-edit-background-slide .gender-choice-card span{
  display:none !important;
}
.shop-dropdown,
.shop-filter-btn,
#shop-category-trigger,
#shop-filter-trigger,
#apply-filters-btn,
#clear-filters-btn,
#close-filter{
  pointer-events:auto !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:60 !important;
}
.shop-category-menu.active{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
  z-index:999 !important;
}
.women-shop-page .lv-img-container,
.women-shop-page .women-empty-media{
  display:none !important;
}
.women-shop-page .lv-card{
  min-height:260px !important;
  display:flex !important;
  align-items:flex-end !important;
}
.women-shop-page .lv-card > a{
  width:100% !important;
}
.women-shop-page .lv-info{
  padding:42px 30px !important;
}
.women-shop-page .lv-info h4{
  font-family:'Cormorant Garamond', serif !important;
  font-size:clamp(28px,3.2vw,48px) !important;
  line-height:1 !important;
  font-weight:400 !important;
}
.women-shop-page .lv-info p{
  color:#ffffff !important;
}


/* VELAZUR FINAL FIX: MEN/WOMEN dropdown cleanup + empty womenswear page */
.hidden-filter-btn{display:none !important;}
.women-coming-soon{
  min-height:70vh;
  padding:180px 6vw 100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#fff;
  color:#000;
}
.women-coming-soon .coming-kicker{
  margin:0 0 18px;
  font-size:12px;
  letter-spacing:.35em;
  text-transform:uppercase;
  color:#777;
}
.women-coming-soon h1{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(56px,8vw,118px);
  line-height:.95;
  font-weight:400;
}
.women-coming-soon p{
  margin:24px 0 0;
  max-width:520px;
  color:#555;
  font-size:16px;
  line-height:1.8;
}
.women-coming-soon .coming-link{
  margin-top:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:16px 24px;
  border:1px solid #000;
  color:#000;
  letter-spacing:.18em;
  font-size:12px;
  text-transform:uppercase;
  transition:transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.women-coming-soon .coming-link:hover{
  background:#000;
  color:#fff;
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.shop-category-menu a[data-navigate]{cursor:pointer;}

/* VELAZUR REAL FIX: make HIM/HER cards clickable on first load */
.velazur-edit-background-slide .gender-bg-content,
.velazur-edit-background-slide .gender-choice-row{
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}
.velazur-edit-background-slide .gender-choice-card,
.gender-men-link,
.gender-women-link{
  pointer-events: auto !important;
  cursor: pointer !important;
}
.velazur-edit-background-slide .gender-bg-image,
.velazur-edit-background-slide .gender-bg-shade{
  pointer-events: none !important;
}

/* --- VELAZUR DROPDOWN CLICK REPAIR v2 --- */
.shop-dropdown-container{position:relative !important; z-index:2000 !important; pointer-events:auto !important;}
#shop-category-trigger{position:relative !important; z-index:2100 !important; pointer-events:auto !important; cursor:pointer !important;}
#shop-category-trigger *{pointer-events:none !important;}
.shop-category-menu{z-index:2500 !important; pointer-events:auto !important;}
.shop-category-menu.active{display:block !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important;}
.shop-category-menu a{pointer-events:auto !important; cursor:pointer !important;}

/* VELAZUR FIX: resize 3rd slide MEN WEAR / WOMEN WEAR buttons */
.velazur-edit-background-slide .gender-choice-row{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:26px !important;
  width:100% !important;
  margin-top:auto !important;
  margin-bottom:38px !important;
}
.velazur-edit-background-slide .gender-choice-card,
.velazur-edit-background-slide .gender-men-link,
.velazur-edit-background-slide .gender-women-link{
  width:280px !important;
  max-width:280px !important;
  min-height:74px !important;
  height:74px !important;
  padding:0 28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 280px !important;
  background:rgba(0,0,0,.18) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}
.velazur-edit-background-slide .gender-choice-card h3{
  margin:0 !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:19px !important;
  line-height:1 !important;
  letter-spacing:.32em !important;
  font-weight:700 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.velazur-edit-background-slide .gender-choice-card p,
.velazur-edit-background-slide .gender-choice-card span{
  display:none !important;
}
.velazur-edit-background-slide .gender-choice-card:hover,
.velazur-edit-background-slide .gender-choice-card:focus-visible{
  transform:translateY(-4px) scale(1.035) !important;
  background:#fff !important;
  border-color:#fff !important;
  box-shadow:0 20px 46px rgba(0,0,0,.35) !important;
}
.velazur-edit-background-slide .gender-choice-card:hover h3,
.velazur-edit-background-slide .gender-choice-card:focus-visible h3{
  color:#000 !important;
}
@media(max-width:760px){
  .velazur-edit-background-slide .gender-choice-row{
    flex-direction:column !important;
    gap:14px !important;
    margin-bottom:28px !important;
    padding:0 22px !important;
  }
  .velazur-edit-background-slide .gender-choice-card,
  .velazur-edit-background-slide .gender-men-link,
  .velazur-edit-background-slide .gender-women-link{
    width:100% !important;
    max-width:300px !important;
    flex:0 0 auto !important;
    height:64px !important;
    min-height:64px !important;
  }
  .velazur-edit-background-slide .gender-choice-card h3{
    font-size:16px !important;
    letter-spacing:.28em !important;
  }
}


/* =========================================================
   VELÁZUR FINAL: 3RD SLIDE HIM / HER LARGE EDITORIAL CARDS
   Replaces small MEN WEAR / WOMEN WEAR buttons with premium cards.
   ========================================================= */
.velazur-edit-background-slide .gender-bg-content{
  justify-content:flex-end !important;
  padding:0 4.5vw 8vh !important;
}
.velazur-edit-background-slide .gender-choice-row,
.velazur-edit-background-slide .gender-choice-row.velazur-direction-cards{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:34px !important;
  width:min(1770px, 92vw) !important;
  max-width:1770px !important;
  margin:0 auto !important;
  padding:0 !important;
  align-items:stretch !important;
}
.velazur-edit-background-slide .gender-choice-card,
.velazur-edit-background-slide .gender-men-link,
.velazur-edit-background-slide .gender-women-link{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:315px !important;
  height:315px !important;
  flex:initial !important;
  padding:46px 52px 42px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
  color:#fff !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.62) !important;
  background:rgba(0,0,0,.34) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.30) !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transition:transform .28s cubic-bezier(.16,1,.3,1), background .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
.velazur-edit-background-slide .gender-choice-card p{
  display:block !important;
  margin:0 0 26px !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:.45em !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.92) !important;
  text-transform:uppercase !important;
}
.velazur-edit-background-slide .gender-choice-card h3{
  display:block !important;
  margin:0 !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:clamp(72px, 7vw, 132px) !important;
  line-height:.85 !important;
  letter-spacing:.28em !important;
  font-weight:500 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.velazur-edit-background-slide .gender-choice-card span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:58px !important;
  margin-top:auto !important;
  padding:0 24px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:rgba(0,0,0,.12) !important;
  color:#fff !important;
  font-family:Inter, Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.22em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  transition:transform .26s ease, background .26s ease, color .26s ease, border-color .26s ease !important;
}
.velazur-edit-background-slide .gender-choice-card:hover,
.velazur-edit-background-slide .gender-choice-card:focus-visible{
  transform:translateY(-7px) scale(1.012) !important;
  background:rgba(255,255,255,.13) !important;
  border-color:#fff !important;
  box-shadow:0 34px 90px rgba(0,0,0,.48) !important;
}
.velazur-edit-background-slide .gender-choice-card:hover p,
.velazur-edit-background-slide .gender-choice-card:hover h3,
.velazur-edit-background-slide .gender-choice-card:focus-visible p,
.velazur-edit-background-slide .gender-choice-card:focus-visible h3{
  color:#fff !important;
}
.velazur-edit-background-slide .gender-choice-card:hover span,
.velazur-edit-background-slide .gender-choice-card:focus-visible span{
  background:#fff !important;
  color:#000 !important;
  border-color:#fff !important;
  transform:translateY(-2px) !important;
}
@media(max-width:900px){
  .velazur-edit-background-slide .gender-bg-content{
    padding:0 22px 44px !important;
  }
  .velazur-edit-background-slide .gender-choice-row,
  .velazur-edit-background-slide .gender-choice-row.velazur-direction-cards{
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:18px !important;
  }
  .velazur-edit-background-slide .gender-choice-card,
  .velazur-edit-background-slide .gender-men-link,
  .velazur-edit-background-slide .gender-women-link{
    height:auto !important;
    min-height:220px !important;
    padding:30px 26px 28px !important;
  }
  .velazur-edit-background-slide .gender-choice-card h3{
    font-size:clamp(54px, 15vw, 82px) !important;
  }
  .velazur-edit-background-slide .gender-choice-card span{
    min-height:52px !important;
    font-size:12px !important;
  }
}

/* =========================================================
   VELÁZUR FIX: Reduce 3rd slide HIM / HER editorial cards
   Requested: make the two large cards about half their current size.
   ========================================================= */
.velazur-edit-background-slide .gender-bg-content{
  justify-content:flex-end !important;
  padding:0 4vw 7vh !important;
}
.velazur-edit-background-slide .gender-choice-row,
.velazur-edit-background-slide .gender-choice-row.velazur-direction-cards{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:26px !important;
  width:min(900px, 72vw) !important;
  max-width:900px !important;
  margin:0 auto !important;
  align-items:stretch !important;
}
.velazur-edit-background-slide .gender-choice-card,
.velazur-edit-background-slide .gender-men-link,
.velazur-edit-background-slide .gender-women-link{
  width:100% !important;
  max-width:430px !important;
  min-height:158px !important;
  height:158px !important;
  padding:22px 24px 20px !important;
  border:1px solid rgba(255,255,255,.68) !important;
  background:rgba(0,0,0,.28) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.26) !important;
}
.velazur-edit-background-slide .gender-choice-card p{
  margin:0 0 12px !important;
  font-size:10px !important;
  letter-spacing:.38em !important;
}
.velazur-edit-background-slide .gender-choice-card h3{
  font-size:clamp(38px, 4vw, 66px) !important;
  line-height:.9 !important;
  letter-spacing:.22em !important;
  font-weight:500 !important;
}
.velazur-edit-background-slide .gender-choice-card span{
  min-height:34px !important;
  margin-top:auto !important;
  padding:0 14px !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
}
.velazur-edit-background-slide .gender-choice-card:hover,
.velazur-edit-background-slide .gender-choice-card:focus-visible{
  transform:translateY(-4px) scale(1.015) !important;
}
@media(max-width:900px){
  .velazur-edit-background-slide .gender-choice-row,
  .velazur-edit-background-slide .gender-choice-row.velazur-direction-cards{
    grid-template-columns:1fr !important;
    width:min(360px, 88vw) !important;
    gap:14px !important;
  }
  .velazur-edit-background-slide .gender-choice-card,
  .velazur-edit-background-slide .gender-men-link,
  .velazur-edit-background-slide .gender-women-link{
    max-width:360px !important;
    min-height:130px !important;
    height:130px !important;
    padding:20px 20px 18px !important;
  }
  .velazur-edit-background-slide .gender-choice-card h3{
    font-size:42px !important;
  }
}


/* =========================================================
   VELÁZUR MOBILE RESPONSIVE BUILD — FINAL OVERRIDES
   Desktop remains unchanged. Applies only to tablets/phones.
   ========================================================= */
@media (max-width: 768px){
  html, body{ width:100%; max-width:100%; overflow-x:hidden !important; }
  body{ font-size:14px; }

  /* Header */
  .nav{
    height:68px !important;
    padding:0 14px !important;
    gap:8px !important;
    align-items:center !important;
  }
  .brand{
    font-size:24px !important;
    letter-spacing:4px !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }
  .nav-links{
    display:flex !important;
    gap:12px !important;
    font-size:10px !important;
    letter-spacing:1px !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
    max-width:42vw !important;
  }
  .nav-links::-webkit-scrollbar{ display:none !important; }
  .nav-actions{
    gap:6px !important;
    font-size:10px !important;
    margin-left:auto !important;
  }
  .nav-actions > a{ display:none !important; }
  .icon-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
  .icon-btn svg{ width:15px !important; height:15px !important; }

  /* Hero */
  .panel{ min-height:auto !important; padding:88px 18px 56px !important; }
  .hero{
    min-height:92vh !important;
    height:92vh !important;
    padding:0 !important;
  }
  .hero-image,
  .hero-video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  .hero-minimal-content{
    left:18px !important;
    right:18px !important;
    bottom:8vh !important;
    width:auto !important;
    text-align:left !important;
    max-width:310px !important;
  }
  .hero-minimal-eyebrow{
    font-size:10px !important;
    letter-spacing:2.4px !important;
  }
  .hero-minimal-title{
    font-size:clamp(28px, 10vw, 42px) !important;
    line-height:1.02 !important;
    letter-spacing:.2px !important;
    margin-bottom:12px !important;
  }
  .hero-minimal-subtitle{
    font-size:13px !important;
    line-height:1.5 !important;
    margin:0 0 18px !important;
  }
  .hero-minimal-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 18px !important;
    border:1px solid currentColor !important;
    text-decoration:none !important;
    font-size:10px !important;
    letter-spacing:1.8px !important;
  }

  /* LV style collection */
  .lv-collection-section{
    padding:72px 14px 54px !important;
    min-height:auto !important;
  }
  .lv-collection-header{
    text-align:center !important;
    margin-bottom:24px !important;
  }
  .lv-collection-header h2{
    font-size:34px !important;
    line-height:1 !important;
  }
  .lv-category-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:100% !important;
  }
  .lv-category-card{
    min-width:0 !important;
    padding:10px !important;
  }
  .lv-category-image{
    height:auto !important;
    aspect-ratio:3/4 !important;
  }
  .lv-category-card p{
    font-size:10px !important;
    line-height:1.3 !important;
    margin-top:10px !important;
  }

  /* HIM / HER editorial slide */
  .gender-edit-section.velazur-edit-background-slide{
    min-height:96vh !important;
    height:auto !important;
  }
  .velazur-edit-background-slide .gender-bg-image{
    object-fit:cover !important;
    object-position:center center !important;
  }
  .velazur-edit-background-slide .gender-bg-content{
    min-height:96vh !important;
    padding:0 18px 44px !important;
    justify-content:flex-end !important;
  }
  .velazur-edit-background-slide .gender-choice-row,
  .velazur-edit-background-slide .gender-choice-row.velazur-direction-cards{
    grid-template-columns:1fr !important;
    width:min(280px, 82vw) !important;
    max-width:280px !important;
    gap:12px !important;
  }
  .velazur-edit-background-slide .gender-choice-card,
  .velazur-edit-background-slide .gender-men-link,
  .velazur-edit-background-slide .gender-women-link{
    width:100% !important;
    max-width:280px !important;
    min-height:108px !important;
    height:108px !important;
    padding:16px 18px !important;
  }
  .velazur-edit-background-slide .gender-choice-card p{
    font-size:8px !important;
    letter-spacing:.26em !important;
    margin-bottom:8px !important;
  }
  .velazur-edit-background-slide .gender-choice-card h3{
    font-size:30px !important;
    letter-spacing:.18em !important;
  }
  .velazur-edit-background-slide .gender-choice-card span{
    min-height:28px !important;
    padding:0 10px !important;
    font-size:8px !important;
    letter-spacing:.14em !important;
  }

  /* Shop pages */
  .shop-main{
    padding:86px 12px 50px !important;
  }
  .shop-toolbar{
    flex-direction:row !important;
    gap:10px !important;
    align-items:center !important;
    padding:12px 0 !important;
  }
  .shop-dropdown,
  .shop-filter-btn{
    min-height:42px !important;
    padding:0 12px !important;
    font-size:11px !important;
    letter-spacing:1px !important;
  }
  .shop-category-menu{
    width:100% !important;
    min-width:180px !important;
  }
  .lv-grid,
  #shop-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .lv-card{
    width:100% !important;
  }
  .lv-img-container{
    min-height:auto !important;
    aspect-ratio:3/4 !important;
  }
  .lv-info{ padding:16px !important; }
  .coming-soon-shop{
    min-height:60vh !important;
    padding:70px 20px !important;
    text-align:center !important;
  }
  .coming-soon-shop h1{ font-size:34px !important; }

  /* Product detail pages */
  .pdp-main{
    padding:86px 14px 48px !important;
  }
  .breadcrumbs{ font-size:10px !important; margin-bottom:18px !important; }
  .product-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .gallery-grid{
    height:auto !important;
    flex-direction:column-reverse !important;
    gap:12px !important;
  }
  .thumbnails{
    width:100% !important;
    flex-direction:row !important;
    overflow-x:auto !important;
  }
  .thumb{ width:68px !important; min-width:68px !important; }
  .main-image-wrapper{
    min-height:auto !important;
    height:auto !important;
    aspect-ratio:3/4 !important;
    border-radius:12px !important;
  }
  #main-product-image,
  .view-mode img,
  .view-mode video{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
  .product-details{ padding:0 !important; }
  .pdp-title{ font-size:36px !important; line-height:1 !important; }
  .pdp-price{ font-size:20px !important; }
  .size-grid{
    grid-template-columns:repeat(2, 1fr) !important;
    gap:10px !important;
  }
  .size-btn,
  .btn.full-width,
  .pdp-actions .btn{
    min-height:48px !important;
    font-size:12px !important;
  }
  .suggested-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  /* Cart / overlays */
  .cart-sidebar{
    max-width:none !important;
    width:100vw !important;
    right:-100vw !important;
  }
  .cart-sidebar.active{ right:0 !important; }
  .cart-header{ padding:22px 18px !important; }
  .cart-content{ padding:28px 18px !important; }
  .search-container{ width:88vw !important; }
  .search-input{ font-size:34px !important; }
  .account-panel{
    width:100vw !important;
    height:100vh !important;
    max-height:none !important;
    grid-template-columns:1fr !important;
    overflow:auto !important;
  }
  .account-visual-side{ display:none !important; }
  .account-login-side{ padding:74px 22px 34px !important; }

  /* Final contact */
  .final-contact-section,
  .contact-section{
    padding:78px 18px 90px !important;
    min-height:auto !important;
  }
  .contact-container{ width:100% !important; }
  .contact-section h2{ font-size:44px !important; }
  .form-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .contact-form input,
  .contact-form textarea{
    width:100% !important;
  }
  .contact-wordmark{
    font-size:clamp(46px, 18vw, 82px) !important;
    letter-spacing:.08em !important;
    bottom:10px !important;
  }
  .footer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding:38px 18px !important;
  }
}

@media (max-width: 420px){
  .brand{ font-size:21px !important; letter-spacing:3px !important; }
  .nav-links{ max-width:38vw !important; gap:10px !important; }
  .lv-category-grid{ grid-template-columns:1fr !important; }
  .hero-minimal-title{ font-size:32px !important; }
  .velazur-edit-background-slide .gender-choice-row,
  .velazur-edit-background-slide .gender-choice-row.velazur-direction-cards{
    width:min(250px, 78vw) !important;
    max-width:250px !important;
  }
  .velazur-edit-background-slide .gender-choice-card,
  .velazur-edit-background-slide .gender-men-link,
  .velazur-edit-background-slide .gender-women-link{
    max-width:250px !important;
    height:98px !important;
    min-height:98px !important;
    padding:14px 16px !important;
  }
  .velazur-edit-background-slide .gender-choice-card h3{ font-size:26px !important; }
  .velazur-edit-background-slide .gender-choice-card span{ min-height:26px !important; }
}


/* VELAZUR: 3D / 360 MODE REMOVED FROM ALL PRODUCT PAGES */
.view-toggles{display:none !important;}
#view-3d,#view-360,#interactive-3d-video,#image-360{display:none !important;}
.product-gallery .view-mode.active-view,#view-gallery{display:flex !important;}
.product-gallery .main-image-wrapper{background:#050505;}

/* =========================================================
   VELAZUR FINAL UPDATE: WHITE PRODUCT PAGES + BLACK IMAGE BOX
   User request: product pages white, only the product image square stays black.
   Applies across every product detail page using body.product-page.
   ========================================================= */
body.product-page,
body.product-page.loaded{
  background:#ffffff !important;
  color:#111111 !important;
}

body.product-page .nav,
body.product-page .nav.nav-visible,
body.product-page .nav.scrolled{
  background:rgba(255,255,255,.98) !important;
  border-bottom:1px solid #e6e6e6 !important;
  color:#111111 !important;
  backdrop-filter:blur(18px) !important;
}
body.product-page .brand,
body.product-page .nav-links,
body.product-page .nav-actions,
body.product-page .nav-links a,
body.product-page .nav-actions a,
body.product-page .icon-btn{
  color:#111111 !important;
}
body.product-page .icon-btn{
  border-color:#d9d9d9 !important;
  background:#ffffff !important;
}
body.product-page .icon-btn:hover{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}

body.product-page .pdp-main,
body.product-page .product-layout,
body.product-page .product-gallery,
body.product-page .product-details,
body.product-page .suggested-products-section{
  background:#ffffff !important;
  color:#111111 !important;
}

body.product-page .breadcrumbs,
body.product-page .breadcrumbs a,
body.product-page .breadcrumbs span{
  color:#666666 !important;
}
body.product-page .product-layout{
  border-top:1px solid #e6e6e6 !important;
  padding-top:28px !important;
}
body.product-page .product-details{
  border-left:1px solid #e6e6e6 !important;
  padding-left:42px !important;
}

/* Keep only the actual product image square/box black */
body.product-page .main-image-wrapper,
body.product-page .view-mode{
  background:#050505 !important;
  border-color:#1f1f1f !important;
  box-shadow:none !important;
}
body.product-page .gallery-grid{
  background:#ffffff !important;
}
body.product-page .thumbnails,
body.product-page .thumb{
  background:#ffffff !important;
}
body.product-page .thumb{
  border:1px solid #d9d9d9 !important;
}
body.product-page .thumb.active,
body.product-page .thumb:hover{
  border-color:#111111 !important;
}

body.product-page .pdp-title,
body.product-page .pdp-price,
body.product-page .reviews,
body.product-page .stars,
body.product-page .color-selector p,
body.product-page .size-header p,
body.product-page .size-guide,
body.product-page .suggested-head h2,
body.product-page .suggested-info h3,
body.product-page .suggested-info span{
  color:#111111 !important;
}
body.product-page .pdp-subtitle,
body.product-page .tax-info,
body.product-page .suggested-head p,
body.product-page .suggested-info p{
  color:#555555 !important;
}

body.product-page .color-swatch,
body.product-page .color-swatch.active{
  background:#ffffff !important;
  border:1px solid #111111 !important;
}
body.product-page .size-btn{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #d0d0d0 !important;
}
body.product-page .size-btn:hover,
body.product-page .size-btn.selected,
body.product-page .size-btn.active{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
  transform:translateY(-2px) !important;
}

body.product-page .pdp-actions .btn.primary,
body.product-page #add-to-bag-btn{
  background:#111111 !important;
  color:#ffffff !important;
  border:1px solid #111111 !important;
}
body.product-page .pdp-actions .btn.primary:hover,
body.product-page #add-to-bag-btn:hover{
  background:#000000 !important;
  color:#ffffff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
}
body.product-page .pdp-actions .fav-btn,
body.product-page .btn.secondary.fav-btn{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #111111 !important;
}
body.product-page .pdp-actions .fav-btn:hover,
body.product-page .btn.secondary.fav-btn:hover{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}

body.product-page .suggested-products-section{
  border-top:1px solid #e6e6e6 !important;
}
body.product-page .suggested-card{
  background:#ffffff !important;
  border:1px solid #e0e0e0 !important;
  box-shadow:none !important;
}
body.product-page .suggested-card:hover{
  border-color:#111111 !important;
  box-shadow:0 20px 48px rgba(0,0,0,.10) !important;
}
body.product-page .suggested-img{
  background:#f5f5f5 !important;
}
body.product-page .footer{
  background:#ffffff !important;
  color:#111111 !important;
  border-top:1px solid #e6e6e6 !important;
}
body.product-page .footer *,
body.product-page .footer h4,
body.product-page .footer a,
body.product-page .footer p{
  color:#111111 !important;
}

@media(max-width:900px){
  body.product-page .product-details{
    border-left:none !important;
    padding-left:0 !important;
  }
}

/* FINAL FIX: Size Guide readability on white product pages */
body.product-page .size-guide-overlay{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}
body.product-page .size-guide-modal{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #d9d9d9 !important;
  box-shadow:0 35px 120px rgba(0,0,0,.22) !important;
}
body.product-page .size-guide-modal .eyebrow,
body.product-page .size-guide-tips h4,
body.product-page .size-guide-table th{
  color:#9b7628 !important;
}
body.product-page .size-guide-modal h2,
body.product-page .size-guide-note,
body.product-page .size-guide-table,
body.product-page .size-guide-table td,
body.product-page .size-guide-tips p,
body.product-page .size-guide-tips div,
body.product-page .size-guide-modal p,
body.product-page .size-guide-modal td,
body.product-page .size-guide-modal th{
  color:#111111 !important;
  opacity:1 !important;
}
body.product-page .size-guide-note,
body.product-page .size-guide-tips p{
  color:#333333 !important;
}
body.product-page .size-table-wrap{
  border:1px solid #d9d9d9 !important;
  background:#ffffff !important;
}
body.product-page .size-guide-table th{
  background:#f3f3f3 !important;
  border-bottom:1px solid #d9d9d9 !important;
}
body.product-page .size-guide-table td{
  border-bottom:1px solid #eeeeee !important;
}
body.product-page .size-guide-tips div{
  background:#f7f7f7 !important;
  border:1px solid #dddddd !important;
}
body.product-page .size-guide-close{
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid #bdbdbd !important;
}
body.product-page .size-guide-close:hover{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}

/* FINAL FIX: Product-page header icons visible on white header */
body.product-page .nav,
body.product-page .nav.nav-visible,
body.product-page .nav.scrolled{
  background:rgba(255,255,255,.98) !important;
  color:#111111 !important;
  border-bottom:1px solid #e6e6e6 !important;
}
body.product-page .brand,
body.product-page .nav-links,
body.product-page .nav-actions,
body.product-page .nav-links a,
body.product-page .nav-actions a,
body.product-page .icon-btn,
body.product-page #favs-trigger,
body.product-page #favs-trigger svg,
body.product-page #account-trigger svg,
body.product-page #search-trigger svg,
body.product-page #cart-trigger svg{
  color:#111111 !important;
  stroke:#111111 !important;
  opacity:1 !important;
  visibility:visible !important;
}
body.product-page .icon-btn{
  border-color:#cfcfcf !important;
  background:transparent !important;
}
body.product-page .icon-btn:hover,
body.product-page #favs-trigger:hover{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}
body.product-page .icon-btn:hover svg,
body.product-page #favs-trigger:hover svg{
  color:#ffffff !important;
  stroke:#ffffff !important;
}