:root{--bg:#f7f3ec;--paper:#fffdf9;--text:#1f1d1a;--muted:#746f67;--line:#ded6ca;--gold:#b99a63;--dark:#1c1b19;--white:#fff;--max:1440px;}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:"Manrope",sans-serif;color:var(--text);background:var(--paper);line-height:1.6;}img{width:100%;display:block;object-fit:cover;}a{color:inherit;text-decoration:none;}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#777067;margin-bottom:18px;}h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:600;line-height:1.02;}h1{font-size:clamp(54px,6vw,96px);max-width:760px;letter-spacing:-.025em;}.btn-dark{background:var(--dark);color:#fff;}.btn-light{background:#fff;color:var(--text);}.section{max-width:var(--max);margin:auto;padding:110px 36px;}.section-heading{text-align:center;margin-bottom:48px;}.section-heading h2{font-size:clamp(42px,5vw,68px);}.heading-row{display:flex;align-items:end;justify-content:space-between;text-align:left;}.text-link{font-size:12px;border-bottom:1px solid var(--text);}.category-grid,.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.product-image-wrap{position:relative;overflow:hidden;background:var(--bg);aspect-ratio:.78;}.product-image-wrap img{height:100%;transition:transform .45s;}.product-card:hover img{transform:scale(1.03);}.badge{position:absolute;z-index:2;left:12px;top:12px;background:#f3eadf;padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;}.badge.dark{background:var(--dark);color:#fff;}.quick-add{position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;text-align:center!important;background:rgba(255,255,255,.95)!important;color:var(--text)!important;border:0!important;padding:12px!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.1em!important;}.product-info{padding:15px 2px 8px;}.product-type{font-size:9px;letter-spacing:.12em;color:#8c857b;}.product-type a{color:inherit;}.product-info h3{font-size:24px;}.price{margin-top:8px;font-size:13px;}.editorial-copy p:not(.eyebrow){color:var(--muted);margin:25px 0 30px;}.mobile-menu li{list-style:none;}.reveal-section,.reveal-item{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease;}.is-visible{opacity:1!important;transform:none!important;}.woo-shell,.content-shell{max-width:var(--max);margin:auto;padding:70px 36px;}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{margin-bottom:40px;}.woocommerce ul.products li.product .button{background:var(--dark);color:#fff;border-radius:0;}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--dark);}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0;background:var(--dark);color:#fff;}.woocommerce-message{border-top-color:var(--gold);}.woocommerce-message::before{color:var(--gold);} /* ====================================================== LUMEVIA DARK LUXURY HERO ====================================================== */ .lv-dark-hero{ position:relative; width:100%; min-height:780px; height:calc(100vh - 34px); max-height:980px; display:flex; align-items:center; overflow:hidden; isolation:isolate; } /* ====================================================== HERO IMAGE ====================================================== */ .lv-dark-hero-image{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; /* Model ko right side par rakhta hai. Is value ko 55% - 80% tak adjust kar sakte hain. */ object-position:67% center; z-index:-3; transform:scale(1.025); opacity:0; animation: lvHeroImageEnter 1.5s cubic-bezier(.18,.78,.22,1) forwards; will-change:transform; } /* ====================================================== DARK CINEMATIC OVERLAY ====================================================== */ .lv-dark-hero-overlay{ z-index:-2; } /* ====================================================== HERO INNER ====================================================== */ .lv-dark-hero-inner{ width:100%; max-width:1500px; margin:0 auto; padding: 150px 6.5vw 90px; } /* ====================================================== CONTENT ====================================================== */ .lv-dark-hero-content{ width:min(650px,47vw); color:#fff; position:relative; z-index:3; } /* SMALL GOLD HEADING */ .lv-dark-eyebrow{ margin: 0 0 27px; font-family: "Manrope", sans-serif; font-size:11px; letter-spacing:.19em; text-transform:uppercase; } /* ====================================================== BIG TITLE ====================================================== */ .lv-dark-title{ margin:0; font-family: "Cormorant Garamond", "Times New Roman", serif; font-size: clamp( 64px, 5.8vw, 96px ); font-weight:500; line-height:.88; letter-spacing:-.025em; color:#fff; } .lv-title-mask{ display:block; overflow:hidden; padding-bottom:.08em; } .lv-title-mask > span{ display:inline-block; opacity:.01; transform: translateY(115%); animation: lvHeroTitleReveal .9s cubic-bezier(.16,.82,.22,1) forwards; } /* TITLE DELAYS */ .lv-title-mask:nth-child(1) > span{ animation-delay:.38s; } .lv-title-mask:nth-child(2) > span{ animation-delay:.54s; } .lv-title-mask:nth-child(3) > span{ animation-delay:.70s; } /* GOLD GLOW */ .lv-glow-word{ padding-right:10px; } /* ====================================================== DESCRIPTION ====================================================== */ .lv-dark-description{ max-width:450px; margin: 28px 0 0; font-family: "Manrope", sans-serif; font-size:15px; line-height:1.8; color: rgba(255,255,255,.82); } /* ====================================================== BUTTONS ====================================================== */ .lv-dark-buttons{ display:flex; flex-wrap:wrap; gap:17px; margin-top:34px; } .lv-dark-btn{ min-height:57px; padding: 0 29px; display:inline-flex; align-items:center; justify-content:center; gap:24px; font-family: "Manrope", sans-serif; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; border: 1px solid transparent; transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease; text-decoration:none; } /* WHITE BUTTON */ .lv-dark-btn-primary{ background:#faf7f1; color:#17120f; } .lv-dark-btn-primary:hover{ background:#fff; color:#17120f; transform: translateY(-3px); box-shadow: 0 13px 32px rgba(0,0,0,.20); } .lv-dark-btn-primary span{ transition: transform .3s ease; } .lv-dark-btn-primary:hover span{ transform: translateX(6px); } /* OUTLINE BUTTON */ .lv-dark-btn-outline{ background: rgba(255,255,255,.015); color:#fff; border-color: rgba(255,255,255,.40); backdrop-filter: blur(4px); } .lv-dark-btn-outline:hover{ background: rgba(255,255,255,.08); color:#fff; border-color: rgba(255,255,255,.75); transform: translateY(-3px); } /* ====================================================== CUSTOMER REVIEWS ====================================================== */ .lv-dark-proof{ margin-top:44px; display:flex; align-items:center; gap:17px; } .lv-review-avatars{ display:flex; align-items:center; } .lv-review-avatars img{ width:40px; height:40px; object-fit:cover; object-position:center; border-radius:50%; border:2px solid rgba(255,255,255,.88); margin-left:-9px; box-shadow: 0 5px 15px rgba(0,0,0,.18); } .lv-review-avatars img:first-child{ margin-left:0; } .lv-review-avatars img:hover{ position:relative; z-index:3; transform:translateY(-2px); } .lv-review-copy strong{ display:block; margin-bottom:4px; font-family: "Manrope", sans-serif; font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:#fff; } .lv-review-stars{ color:#caa568; font-size:14px; letter-spacing:3px; } /* ====================================================== FADE-IN ELEMENTS ====================================================== */ .lv-hero-reveal{ opacity:0; transform: translateY(22px); animation: lvHeroFadeUp .8s cubic-bezier(.18,.78,.22,1) forwards; } .lv-dark-eyebrow{ animation-delay:.20s; } .lv-dark-description{ animation-delay:.86s; } .lv-dark-buttons{ animation-delay:1s; } .lv-dark-proof{ animation-delay:1.14s; } /* ====================================================== HEADER — HOME PAGE DARK OVERLAY STYLE ====================================================== */ /* Aapka existing header hero ke upar transparent ho jayega. Sirf homepage par effect hoga. */ body.home .site-header .brand, body.home .site-header .desktop-nav a, body.home .site-header .header-actions, body.home .site-header .header-actions a, body.home .site-header .icon-btn{ color:#fff; } body.home .site-header .cart-button{ border-color: rgba(255,255,255,.30); color:#fff; } body.home .site-header .menu-btn span{ background:#fff; } /* announcement bar like reference */ body.home .announcement{ position:relative; z-index:70; background:#faf7f1; color:#34302b; min-height:34px; } /* ====================================================== ANIMATION KEYFRAMES ====================================================== */ @keyframes lvHeroImageEnter{ from{ opacity:0; transform: scale(1.06); } to{ opacity:1; transform: scale(1.025); } } @keyframes lvHeroTitleReveal{ from{ opacity:0; transform: translateY(115%); } to{ opacity:1; transform: translateY(0); } } @keyframes lvHeroFadeUp{ from{ opacity:0; transform: translateY(22px); } to{ opacity:1; transform: translateY(0); } } /* ====================================================== TABLET ====================================================== */ @media(max-width:1100px){ .lv-dark-hero{ min-height:720px; } .lv-dark-hero-inner{ padding: 140px 38px 75px; } .lv-dark-hero-content{ width:min(620px,60vw); } .lv-dark-title{ font-size: clamp( 58px, 7vw, 82px ); } } /* ====================================================== MOBILE ====================================================== */ @media(max-width:760px){ body.home .site-header{ top:34px; } .lv-dark-hero{ min-height:740px; height:calc(100vh - 34px); max-height:none; align-items:flex-end; } .lv-dark-hero-image{ /* Model right side maintain rahe. */ object-position: 67% center; transform: scale(1.02); } .lv-dark-hero-overlay{ background: linear-gradient( 90deg, rgba(13,8,5,.92) 0%, rgba(13,8,5,.74) 47%, rgba(13,8,5,.38) 73%, rgba(13,8,5,.18) 100% ), linear-gradient( 0deg, rgba(0,0,0,.48), rgba(0,0,0,.04) 56% ); } .lv-dark-hero-inner{ padding: 155px 22px 58px; align-items:flex-end; } .lv-dark-hero-content{ width:100%; max-width:560px; } .lv-dark-title{ font-size: clamp( 50px, 13.5vw, 68px ); line-height:.90; } .lv-dark-description{ font-size:13px; max-width:380px; margin-top:20px; } .lv-dark-buttons{ flex-direction:column; align-items:flex-start; gap:10px; max-width:330px; margin-top:25px; } .lv-dark-btn{ width:100%; } .lv-dark-proof{ margin-top:27px; } } /* ====================================================== REDUCED MOTION ====================================================== */ @media(prefers-reduced-motion:reduce){ .lv-dark-hero *, .lv-dark-hero *::before, .lv-dark-hero *::after{ animation:none!important; transition:none!important; } .lv-dark-hero-image, .lv-title-mask > span, .lv-hero-reveal{ opacity:1!important; transform:none!important; } } /* ================================================== LUMEVIA FINAL HEADER / NAVIGATION ================================================== */ /* ========================= ANNOUNCEMENT ========================= */ .announcement{ position:relative; z-index:110; width:100%; min-height:38px; display:flex; align-items:center; justify-content:center; gap:14px; padding:8px 20px; background:#faf7f2; color:#5b554e; font-family:"Manrope",sans-serif; font-size:10px; font-weight:600; letter-spacing:.10em; text-transform:uppercase; text-align:center; } .announcement-dot{ color:#b99a63; } /* ========================= HEADER ========================= */ .site-header{ position:relative; z-index:100; width:100%; background:#fffdf9; border-bottom: 1px solid rgba(31,29,26,.06); transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease; } /* ========================= HEADER INNER ========================= */ .header-inner{ width:100%; max-width:none; min-height:96px; margin:0; padding: 0 48px; display:grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:34px; } /* ========================= LEFT NAVIGATION ========================= */ .desktop-nav{ grid-column:1; grid-row:1; display:flex; align-items:center; justify-content:flex-start; gap:24px; min-width:0; white-space:nowrap; } .desktop-nav a{ position:relative; display:inline-block; font-family: "Manrope", sans-serif; font-size:10px; font-weight:600; line-height:1; letter-spacing:.075em; text-decoration:none; color:#27241f; transition: opacity .25s ease; } .desktop-nav a:hover{ opacity:.62; } .desktop-nav a::after{ content:""; position:absolute; left:0; bottom:-8px; width:0; height:1px; background:currentColor; transition: width .3s ease; } .desktop-nav a:hover::after{ width:100%; } /* ========================= LUMEVIA LOGO ========================= */ .brand{ grid-column:2; grid-row:1; justify-self:center; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; line-height:1; text-decoration:none; color:#1e1b18; } .brand-main{ display:block; font-family: "Cormorant Garamond", "Times New Roman", serif; font-size:38px; font-weight:600; line-height:.9; letter-spacing:.24em; padding-left:.24em; } .brand-sub{ display:block; margin-top:8px; font-family: "Manrope", sans-serif; font-size:7px; line-height:1; letter-spacing:.42em; padding-left:.42em; } /* ========================= RIGHT SIDE ========================= */ .header-actions{ grid-column:3; grid-row:1; justify-self:end; display:flex; align-items:center; justify-content:flex-end; gap:24px; min-width:0; white-space:nowrap; } .header-actions a{ font-family: "Manrope", sans-serif; font-size:10px; font-weight:600; letter-spacing:.07em; color:#27241f; text-decoration:none; } .cart-button{ display:inline-flex; align-items:center; min-height:42px; padding: 0 13px; border: 1px solid #ddd6ca; background:transparent; } /* ========================= HOMEPAGE TRANSPARENT HEADER ========================= */ body.home .site-header{ /* announcement bar is 38px high */ border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter:none; } /* WHITE TEXT ON HERO */ body.home .desktop-nav a, body.home .brand, body.home .header-actions a{ color:#fff; } body.home .cart-button{ color:#fff; border-color: rgba(255,255,255,.33); background: rgba(255,255,255,.02); } /* ========================= HERO MUST START UNDER ANNOUNCEMENT ========================= */ body.home .lv-dark-hero{ margin-top:0; } /* ========================= MENU BUTTON ========================= */ .menu-btn{ display:none; grid-column:1; grid-row:1; justify-self:start; width:36px; padding:5px; border:0; background:none; cursor:pointer; } .menu-btn span{ display:block; width:22px; height:1px; margin:5px 0; background:#282521; } body.home .menu-btn span{ background:#fff; } /* ================================================== ADMIN BAR FIX Jab WordPress login ho to header neeche rahe. ================================================== */ /* WordPress already gives page a top margin for admin bar, so extra 32px normally add karne ki zarurat nahi. */ /* ================================================== LAPTOP ================================================== */ @media(max-width:1350px){ .header-inner{ padding: 0 28px; gap:24px; } .desktop-nav{ gap:16px; } .desktop-nav a{ font-size:9px; letter-spacing:.055em; } .header-actions{ gap:15px; } .brand-main{ font-size:34px; } } /* ================================================== TABLET ================================================== */ @media(max-width:1100px){ .desktop-nav{ display:none; } .menu-btn{ display:block; } .header-inner{ min-height:78px; padding: 0 20px; grid-template-columns: 1fr auto 1fr; } .brand{ grid-column:2; } .header-actions{ grid-column:3; } .header-search{ display:none; } .brand-main{ font-size:30px; } } /* ================================================== MOBILE ================================================== */ @media(max-width:700px){ .announcement{ min-height:32px; padding: 7px 12px; font-size:8px; letter-spacing:.07em; } .announcement-dot, .announcement span:last-child{ display:none; } body.home .site-header{ top:32px; } .header-inner{ min-height:68px; padding: 0 15px; } .brand-main{ font-size:25px; } .brand-sub{ margin-top:5px; font-size:6px; } .header-account{ display:none; } .header-actions{ gap:8px; } .cart-button{ min-height:36px; padding: 0 8px; font-size:8px!important; } } /* ================================================== MOBILE SIDE MENU ================================================== */ .mobile-menu{ position:fixed; z-index:220; left:-100%; top:0; bottom:0; width:min(87vw,390px); padding: 25px 27px; display:flex; flex-direction:column; background:#fffdf9; transition: left .35s cubic-bezier(.18,.78,.22,1); } .mobile-menu.active{ left:0; } .mobile-menu-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; padding-bottom:18px; border-bottom: 1px solid #ded6ca; font-family:"Manrope",sans-serif; font-size:10px; letter-spacing:.15em; } .mobile-menu a{ display:block; padding: 13px 0; border-bottom: 1px solid #ded6ca; font-family: "Cormorant Garamond", serif; font-size:28px; color:#1f1d1a; } .overlay{ position:fixed; inset:0; z-index:210; background: rgba(0,0,0,.43); opacity:0; visibility:hidden; transition: opacity .3s ease, visibility .3s ease; } .overlay.active{ opacity:1; visibility:visible; } /* ========================================= LUMEVIA STICKY NAVIGATION ON SCROLL ========================================= */ /* Homepage top state */ body.home .site-header{ position:absolute; left:0; right:0; width:100%; z-index:100; background:transparent; transition: background .35s ease, backdrop-filter .35s ease, box-shadow .35s ease, transform .35s ease; } /* After page scroll */ body.home .site-header.scrolled{ position:fixed !important; top:0 !important; left:0; right:0; background:rgba(24,16,11,.92); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid rgba(255,255,255,.10); box-shadow: 0 10px 30px rgba(0,0,0,.12); } /* Make scroll navbar slightly compact */ body.home .site-header.scrolled .header-inner{ min-height:76px; } /* Logo stays white */ body.home .site-header.scrolled .brand{ color:#fff; } /* Navigation white */ body.home .site-header.scrolled .desktop-nav a, body.home .site-header.scrolled .header-actions a{ color:#fff; } /* Bag border */ body.home .site-header.scrolled .cart-button{ border-color:rgba(255,255,255,.28); } /* Mobile hamburger */ body.home .site-header.scrolled .menu-btn span{ background:#fff; } /* ========================================= WORDPRESS ADMIN BAR FIX ========================================= */ body.admin-bar.home .site-header.scrolled{ top:32px !important; } /* WordPress admin bar mobile */ @media(max-width:782px){ body.admin-bar.home .site-header.scrolled{ top:46px !important; } } /* Mobile */ @media(max-width:700px){ body.home .site-header{ top:32px; } body.home .site-header.scrolled .header-inner{ min-height:66px; } } /* ========================================================== LUMEVIA PREMIUM SHOP BY CATEGORY ========================================================== */ .lv-category-section{ position:relative; overflow:hidden; } /* Decorative soft luxury background */ .lv-category-section::before{ content:""; position:absolute; width:650px; height:650px; right:-260px; top:-260px; border-radius:50%; border: 1px solid rgba(185,154,99,.12); box-shadow: 0 0 0 70px rgba(185,154,99,.025), 0 0 0 140px rgba(185,154,99,.018); pointer-events:none; } .lv-category-section::after{ content:""; position:absolute; width:500px; height:500px; left:-300px; bottom:-300px; border-radius:50%; border: 1px solid rgba(185,154,99,.10); pointer-events:none; } /* ========================================================== HEADING ========================================================== */ .lv-category-heading{ position:relative; z-index:2; text-align:center; } .lv-category-eyebrow{ display:flex; justify-content:center; align-items:center; gap:12px; } .lv-category-eyebrow span{ width:48px; height:1px; background: linear-gradient( 90deg, transparent, #c6a05f ); } .lv-category-eyebrow span:last-child{ background: linear-gradient( 90deg, #c6a05f, transparent ); } .lv-category-eyebrow p{ margin:0; font-family:"Manrope",sans-serif; font-weight:700; color:#5e5851; } .lv-category-eyebrow b{ color:#c49a55; font-size:10px; font-weight:400; } .lv-category-heading h2{ margin:0; font-family: "Cormorant Garamond", serif; font-weight:500; letter-spacing:-.02em; } .lv-heading-decoration{ display:flex; justify-content:center; align-items:center; gap:10px; } .lv-heading-decoration span{ width:75px; height:1px; background: linear-gradient( 90deg, transparent, #c89d55 ); } .lv-heading-decoration span:last-child{ background: linear-gradient( 90deg, #c89d55, transparent ); } .lv-heading-decoration b{ color:#c89d55; font-size:15px; font-weight:400; } /* ========================================================== CATEGORY TOP TABS ========================================================== */ .lv-category-tabs a{ position:relative; font-family: "Manrope", sans-serif; font-weight:600; transition: color .3s ease, transform .3s ease; } .lv-category-tabs a:not(:last-child)::after{ content:""; position:absolute; right:0; width:1px; height:42px; background: rgba(110,93,69,.12); } .lv-category-tabs a:hover{ transform: translateY(-2px); } /* ========================================================== PREMIUM CATEGORY TAB ICONS ========================================================== */ .lv-category-tabs{ position:relative; z-index:2; align-items:center; border-radius:999px; backdrop-filter:blur(14px); } .lv-tab-item{ min-height:54px; display:flex; align-items:center; justify-content:center; gap:14px; position:relative; color:#29241d; font-family:"Manrope",sans-serif; font-size:12px; font-weight:600; letter-spacing:.13em; transition: color .3s ease, transform .3s ease, opacity .3s ease; } .lv-tab-item:not(:last-child)::after{ content:""; position:absolute; right:0; width:1px; height:40px; background:rgba(110,93,69,.12); } .lv-tab-item:hover{ color:#b78b48; transform:translateY(-2px); } .lv-tab-item::before{ content:""; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:linear-gradient(90deg,#d5b071,#b98b43); border-radius:20px; transform:translateX(-50%); transition:width .35s ease; } .lv-tab-item:hover::before{ width:76px; } /* ICON WRAPPER */ .lv-tab-icon{ display:flex; align-items:center; justify-content:center; color:#b58a48; transition: transform .35s ease, color .35s ease, filter .35s ease; } .lv-tab-item:hover .lv-tab-icon{ transform:translateY(-1px) scale(1.06); color:#c79b56; filter:drop-shadow(0 4px 10px rgba(186,145,79,.18)); } /* SVG STYLE */ .lv-tab-icon svg{ display:block; } /* TEXT */ .lv-tab-item span{ display:block; line-height:1; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1050px){ .lv-category-tabs{ grid-template-columns:repeat(2,1fr); border-radius:24px; padding:12px; gap:0; } .lv-tab-item{ min-height:58px; } .lv-tab-item:not(:last-child)::after{ display:none; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:650px){ .lv-category-tabs{ grid-template-columns:repeat(2,1fr); border-radius:18px; padding:10px; margin-bottom:20px; } .lv-tab-item{ gap:8px; min-height:54px; font-size:9px; letter-spacing:.10em; } .lv-tab-icon{ width:28px; height:28px; } .lv-tab-icon svg{ width:24px; height:24px; } .lv-tab-item:hover::before{ width:54px; } } /* ========================================================== CARDS GRID ========================================================== */ .lv-category-grid{ position:relative; z-index:2; margin:auto; display:grid; grid-template-columns: repeat(4,1fr); } /* CARD */ .lv-category-card{ position:relative; overflow:hidden; background:#2a221a; box-shadow: 0 15px 36px rgba(45,32,20,.09); isolation:isolate; transition: transform .45s cubic-bezier(.18,.78,.22,1), box-shadow .45s ease; } .lv-category-card:hover{ transform: translateY(-7px); box-shadow: 0 25px 55px rgba(45,32,20,.17); } /* IMAGE */ .lv-category-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.01); transition: transform .8s cubic-bezier(.18,.78,.22,1); } .lv-category-card:hover img{ transform: scale(1.075); } /* DARK GRADIENT */ .lv-card-overlay{ position:absolute; inset:0; z-index:1; background: linear-gradient( 180deg, rgba(15,11,8,.03) 30%, rgba(15,11,8,.18) 54%, rgba(15,11,8,.88) 100% ); } /* subtle gold edge */ .lv-category-card::after{ content:""; position:absolute; inset:0; z-index:4; border-radius:17px; border: 1px solid rgba(206,172,108,.22); pointer-events:none; transition: border-color .35s ease; } .lv-category-card:hover::after{ border-color: rgba(214,176,105,.55); } /* ========================================================== CARD TEXT ========================================================== */ .lv-card-content{ position:absolute; z-index:3; color:#fff; } .lv-card-star{ display:flex; align-items:center; gap:8px; margin-bottom:8px; color:#caa15e; font-size:12px; } .lv-card-star span{ width:25px; height:1px; background:#caa15e; } .lv-card-content h3{ margin:0; font-family: "Cormorant Garamond", serif; font-size:36px; font-weight:500; line-height:1; color:#fff; } .lv-card-content p{ margin: 10px 0 0; font-family: "Manrope", sans-serif; font-size:12px; line-height:1.55; color: rgba(255,255,255,.78); } /* ========================================================== ROUND GOLD ARROW ========================================================== */ .lv-card-arrow{ position:absolute; z-index:4; right:22px; bottom:25px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background: linear-gradient( 135deg, #caa15e, #9c7137 ); color:#fff; font-size:22px; box-shadow: 0 8px 20px rgba(0,0,0,.20); transition: transform .35s ease, background .35s ease; } .lv-category-card:hover .lv-card-arrow{ transform: translateX(4px); background: linear-gradient( 135deg, #d8b36e, #aa7e41 ); } /* ========================================================== STAGGER EFFECT ========================================================== */ .lv-category-grid .lv-category-card:nth-child(1){ transition-delay:0s; } .lv-category-grid .lv-category-card:nth-child(2){ transition-delay:.03s; } .lv-category-grid .lv-category-card:nth-child(3){ transition-delay:.06s; } .lv-category-grid .lv-category-card:nth-child(4){ transition-delay:.09s; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1050px){ .lv-category-section{ padding: 75px 25px 85px; } .lv-category-tabs{ border-radius:22px; grid-template-columns: repeat(2,1fr); padding: 12px; } .lv-category-tabs a{ min-height:55px; } .lv-category-tabs a::after{ display:none; } .lv-category-grid{ grid-template-columns: repeat(2,1fr); } .lv-category-card{ height:470px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:650px){ .lv-category-section{ padding: 60px 15px 70px; } .lv-category-heading{ margin-bottom:30px; } .lv-category-heading h2{ font-size: 48px; } .lv-category-eyebrow span{ width:25px; } .lv-category-eyebrow p{ font-size:9px; } .lv-category-tabs{ display:grid; grid-template-columns: repeat(2,1fr); gap:0; margin-bottom:20px; border-radius:18px; } .lv-category-tabs a{ gap:8px; font-size:9px; } .lv-tab-icon{ font-size:21px; } .lv-category-grid{ grid-template-columns:1fr; gap:13px; } .lv-category-card{ height:430px; } .lv-card-content{ left:22px; bottom:24px; } .lv-card-content h3{ font-size:34px; } .lv-card-arrow{ width:45px; height:45px; } } /* ========================================================== LUMEVIA — THE SIGNATURE EDIT ========================================================== */ .lv-signature-section{ --signature-gold:#c59a56; --signature-dark:#1d1a16; --signature-muted:#746e66; --signature-paper:#fbf8f2; --signature-line:#dcc8a6; width: min( 1500px, calc(100% - 70px) ); margin: 100px auto; overflow:hidden; border-radius:18px; border: 1px solid rgba(177,145,96,.20); box-shadow: 0 22px 60px rgba(55,39,20,.06); } /* ========================================================== MAIN GRID ========================================================== */ .lv-signature-main{ min-height:690px; display:grid; grid-template-columns: 50% 50%; } /* ========================================================== LEFT VISUAL ========================================================== */ .lv-signature-visual{ position:relative; min-height:690px; overflow:visible; background:#b99571; isolation:isolate; } .lv-signature-model{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transition: transform 1.2s cubic-bezier(.18,.78,.22,1); } .lv-signature-section:hover .lv-signature-model{ transform:scale(1.025); } /* ========================================================== DECORATIVE GOLD CURVE ========================================================== */ .lv-signature-curve{ position:absolute; z-index:2; width:540px; height:540px; left:55px; top:60px; border: 1px solid rgba(215,174,101,.80); border-right-color: transparent; border-radius:50%; pointer-events:none; } /* ========================================== FLOATING PRODUCT CARD - FIXED ========================================== */ .lv-signature-product{ position:absolute; z-index:6; top:50%; right:-78px; transform:translateY(-50%); width:245px; overflow:hidden; border-radius:16px; background:#fffaf5; border:1px solid rgba(202,157,86,.42); box-shadow:0 20px 50px rgba(42,29,16,.16); color:var(--signature-dark); transition:transform .4s ease, box-shadow .4s ease; } .lv-signature-product:hover{ transform:translateY(-53%); box-shadow:0 28px 65px rgba(42,29,16,.22); } .lv-signature-product-image{ position:relative; height:250px; overflow:hidden; background:#f5eee4; display:flex; align-items:center; justify-content:center; padding:18px; } .lv-signature-product-image img{ width:100%; height:100%; object-fit:contain; object-position:center; transition:transform .45s ease; } .lv-signature-product:hover .lv-signature-product-image img{ transform:scale(1.03); } .lv-signature-product:hover .lv-signature-product-image img{ transform: scale(1.05); } /* HEART */ .lv-signature-heart{ position:absolute; right:13px; top:11px; color:#fff; font-size:22px; text-shadow: 0 2px 8px rgba(0,0,0,.20); } .lv-signature-product-info{ padding:18px 18px 20px; } .lv-product-brand{ display:block; margin-bottom:6px; font-family:"Manrope",sans-serif; font-size:10px; font-weight:700; letter-spacing:.20em; color:#595249; } .lv-signature-product-info h3{ margin:0; font-family:"Cormorant Garamond",serif; font-size:18px; font-weight:600; line-height:1.18; color:#201c18; } .lv-signature-product-info p{ margin:7px 0 12px; font-family:"Manrope",sans-serif; font-size:12px; line-height:1.55; color:#81786d; } .lv-signature-product-info strong{ font-family:"Manrope",sans-serif; font-size:11px; font-weight:700; color:#25211d; } /* ========================================================== RIGHT SIDE ========================================================== */ .lv-signature-content{ position:relative; min-height:690px; padding: 95px 85px 80px 125px; display:flex; align-items:center; } /* ========================================================== THIN GOLD BORDER DECORATION ========================================================== */ .lv-signature-border{ position:absolute; top:48px; left:90px; right:42px; bottom:42px; border-top: 1px solid rgba(197,154,86,.58); border-right: 1px solid rgba(197,154,86,.58); border-bottom: 1px solid rgba(197,154,86,.58); border-radius: 0 42px 42px 0; pointer-events:none; } .lv-signature-border::before{ content:"✦"; position:absolute; top:-11px; left:26px; padding: 0 8px; background:#fdf9f3; color: var(--signature-gold); font-size:13px; } /* ========================================================== COPY ========================================================== */ .lv-signature-copy{ position:relative; z-index:3; width:100%; max-width:560px; } .lv-signature-kicker{ margin: 0 0 22px; font-family: "Manrope", sans-serif; font-size:10px; font-weight:700; letter-spacing:.23em; color:#49443e; } .lv-signature-copy h2{ margin:0; font-family: "Cormorant Garamond", serif; font-size: clamp( 58px, 5vw, 82px ); font-weight:500; line-height:.93; letter-spacing:-.02em; color: var(--signature-dark); } /* ========================================================== GOLD DIVIDER ========================================================== */ .lv-signature-divider{ margin: 28px 0 29px; display:flex; align-items:center; gap:13px; } .lv-signature-divider span{ width:135px; height:1px; background: linear-gradient( 90deg, var(--signature-gold), rgba(197,154,86,.20) ); } .lv-signature-divider span:last-child{ background: linear-gradient( 90deg, rgba(197,154,86,.20), var(--signature-gold) ); } .lv-signature-divider b{ color: var(--signature-gold); font-size:14px; font-weight:400; } /* ========================================================== SCRIPT ========================================================== */ .lv-signature-script{ margin: 0 0 20px; font-family: "Cormorant Garamond", serif; font-size:29px; line-height:1.3; font-style:italic; color:#716960; } /* DESCRIPTION */ .lv-signature-description{ max-width:470px; margin: 0 0 31px; font-family: "Manrope", sans-serif; font-size:14px; line-height:1.8; } /* ========================================================== ACTIONS ========================================================== */ .lv-signature-actions{ display:flex; flex-direction:column; align-items:flex-start; gap:19px; } /* MAIN BLACK BUTTON */ .lv-signature-primary{ min-width:290px; min-height:57px; padding: 0 25px; display:inline-flex; align-items:center; justify-content:space-between; gap:30px; font-family: "Manrope", sans-serif; font-size:11px; font-weight:600; letter-spacing:.17em; transition: transform .3s ease, background .3s ease, box-shadow .3s ease; } .lv-signature-primary:hover{ transform: translateY(-3px); box-shadow: 0 14px 30px rgba(24,19,13,.16); } .lv-signature-primary span{ font-size:18px; transition: transform .3s ease; } .lv-signature-primary:hover span{ transform: translateX(5px); } /* SECONDARY LINK */ .lv-signature-secondary{ padding-bottom:5px; border-bottom: 1px solid #81766a; font-family: "Manrope", sans-serif; font-size:11px; font-weight:600; letter-spacing:.12em; color:#2d2925; transition: color .3s ease, border-color .3s ease; } .lv-signature-secondary:hover{ color: var(--signature-gold); border-color: var(--signature-gold); } /* ========================================== BOTTOM BENEFITS - BIGGER / READABLE ========================================== */ .lv-signature-benefits{ min-height:150px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; padding:28px 6%; background:linear-gradient(90deg,#faf6ee,#f3ebdf,#faf6ee); border-top:1px solid rgba(185,154,99,.18); } .lv-signature-benefit{ min-height:92px; display:flex; align-items:center; justify-content:flex-start; gap:20px; padding:0 28px; } .lv-signature-benefit:not(:last-child){ border-right:1px solid rgba(166,131,78,.28); } .lv-benefit-icon{ flex:0 0 50px; width:50px; height:50px; color:var(--signature-gold); } .lv-benefit-icon svg{ width:100%; height:100%; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } .lv-signature-benefit strong{ display:block; margin-bottom:7px; font-family:"Manrope",sans-serif; font-size:12px; font-weight:700; letter-spacing:.14em; color:#423c35; } .lv-signature-benefit p{ margin:0; max-width:260px; font-family:"Manrope",sans-serif; font-size:14px; line-height:1.65; color:#81786f; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1100px){ .lv-signature-section{ width: calc(100% - 40px); margin: 75px auto; } .lv-signature-main{ min-height:620px; grid-template-columns: 48% 52%; } .lv-signature-visual, .lv-signature-content{ min-height:620px; } .lv-signature-content{ padding: 70px 45px 70px 85px; } .lv-signature-product{ width:185px; right:-60px; } .lv-signature-product-image{ height:195px; } .lv-signature-curve{ width:400px; height:400px; } .lv-signature-benefits{ padding: 20px 3%; } .lv-signature-benefit{ padding: 0 16px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:760px){ .lv-signature-section{ width: calc(100% - 24px); margin: 60px auto; border-radius:14px; } .lv-signature-main{ display:block; } /* MODEL */ .lv-signature-visual{ min-height:570px; overflow:hidden; } .lv-signature-model{ object-position: 53% center; } .lv-signature-curve{ width:390px; height:390px; left:-80px; top:65px; } /* FLOAT CARD */ .lv-signature-product{ top:auto; right:17px; bottom:20px; width:170px; transform:none; } .lv-signature-product:hover{ transform: translateY(-4px); } .lv-signature-product-image{ height:165px; } .lv-signature-product-info{ padding: 13px 14px; } .lv-signature-product-info h3{ font-size:20px; } /* CONTENT */ .lv-signature-content{ min-height:auto; padding: 65px 25px 60px; text-align:left; } .lv-signature-border{ top:25px; left:16px; right:16px; bottom:25px; border-left:0; } .lv-signature-copy h2{ font-size: 51px; } .lv-signature-script{ font-size:24px; } .lv-signature-description{ font-size:13px; } .lv-signature-primary{ min-width:100%; width:100%; } /* BENEFITS */ .lv-signature-benefits{ grid-template-columns:1fr; padding: 18px 25px; } .lv-signature-benefit{ justify-content:flex-start; min-height:100px; padding: 16px 0; } .lv-signature-benefit:not(:last-child){ border-right:0; border-bottom: 1px solid rgba(166,131,78,.22); } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:480px){ .lv-signature-visual{ min-height:500px; } .lv-signature-product{ width:150px; } .lv-signature-product-image{ height:145px; } .lv-signature-copy h2{ font-size:44px; } .lv-signature-divider span{ width:85px; } } /* ========================================= OLD USP STRIP - RESPONSIVE FIX ========================================= */ .usp-strip{ width:min(1400px, calc(100% - 40px)); max-width:1400px; margin:70px auto 0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e4ddd2; border-radius:16px; overflow:hidden; background:#fffaf4; box-sizing:border-box; } .usp{ min-width:0; padding:30px 24px; text-align:center; border-right:1px solid #e4ddd2; } .usp:last-child{ border-right:0; } .usp strong{ display:block; margin-bottom:8px; font-family:"Cormorant Garamond",serif; font-size:24px; line-height:1.1; color:#241f1a; } .usp span{ display:block; max-width:220px; margin:auto; font-family:"Manrope",sans-serif; font-size:13px; line-height:1.6; color:#7a7269; } /* TABLET */ @media(max-width:900px){ .usp-strip{ grid-template-columns:repeat(2,1fr); } .usp:nth-child(2){ border-right:0; } .usp:nth-child(1), .usp:nth-child(2){ border-bottom:1px solid #e4ddd2; } } /* MOBILE */ @media(max-width:600px){ .usp-strip{ width:calc(100% - 24px); grid-template-columns:1fr; margin:45px auto 0; border-radius:14px; } .usp{ width:100%; padding:24px 20px; border-right:0 !important; border-bottom:1px solid #e4ddd2; } .usp:last-child{ border-bottom:0; } .usp strong{ font-size:24px; } .usp span{ font-size:13px; max-width:280px; } } /* ========================================================== LUMEVIA PREMIUM OUR STORY ========================================================== */ .lv-story-section{ --lv-story-bg:#fbf8f2; --lv-story-paper:#fffdf9; --lv-story-dark:#201c18; --lv-story-muted:#706960; --lv-story-gold:#c79c58; --lv-story-gold-soft:#e0c99e; width:min( 1500px, calc(100% - 70px) ); margin: 110px auto; border-radius:22px; border: 1px solid rgba(184,149,96,.22); box-shadow: 0 24px 70px rgba(52,37,19,.07); } /* ========================================================== MAIN GRID ========================================================== */ .lv-story-inner{ min-height:700px; display:grid; grid-template-columns: 47% 53%; } /* ========================================================== LEFT SIDE ========================================================== */ .lv-story-content{ position:relative; min-height:700px; display:flex; align-items:center; padding: 85px 76px 70px 84px; z-index:3; } /* ========================================================== CONTENT ========================================================== */ .lv-story-copy{ width:100%; max-width:570px; position:relative; } /* ========================================================== EYEBROW ========================================================== */ .lv-story-eyebrow{ margin-bottom:27px; display:flex; align-items:center; gap:13px; color: var(--lv-story-gold); } .lv-story-eyebrow b{ font-size:14px; font-weight:400; } .lv-story-eyebrow span{ font-family: "Manrope", sans-serif; font-size:12px; font-weight:700; letter-spacing:.15em; color:#ad8248; } .lv-story-eyebrow i{ display:block; width:70px; height:1px; background: linear-gradient( 90deg, var(--lv-story-gold), transparent ); } /* ========================================================== TITLE ========================================================== */ .lv-story-copy h2{ margin:0; font-family: "Cormorant Garamond", "Times New Roman", serif; font-size: clamp( 61px, 5.2vw, 85px ); line-height:.91; letter-spacing:-.025em; font-weight:500; color: var(--lv-story-dark); } .lv-story-copy h2 span{ display:block; } /* ========================================================== GOLD DIVIDER ========================================================== */ .lv-story-divider{ margin: 26px 0 27px; display:flex; align-items:center; gap:8px; } .lv-story-divider span{ height:1px; background: var(--lv-story-gold); } .lv-story-divider span:first-child{ width:55px; } .lv-story-divider span:last-child{ width:28px; } .lv-story-divider b{ color: var(--lv-story-gold); font-size:12px; font-weight:400; } /* ========================================================== DESCRIPTION ========================================================== */ .lv-story-description{ max-width:510px; margin:0; font-family: "Manrope", sans-serif; font-size:15px; line-height:1.9; color: var(--lv-story-muted); } .lv-story-description span{ display:block; } /* ========================================================== BUTTON ========================================================== */ .lv-story-button{ width:295px; min-height:61px; margin-top:31px; padding: 0 26px; display:flex; align-items:center; justify-content:space-between; background: linear-gradient( 135deg, #201d19, #2b251f ); color:#edd2a3; border: 1px solid rgba(199,156,88,.55); box-shadow: 0 10px 26px rgba(33,25,17,.15); font-family: "Manrope", sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em; transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } .lv-story-button:hover{ transform: translateY(-4px); background: linear-gradient( 135deg, #2b251f, #191714 ); box-shadow: 0 18px 38px rgba(33,25,17,.20); } .lv-story-button b{ font-size:19px; font-weight:400; transition: transform .3s ease; } .lv-story-button:hover b{ transform: translateX(6px); } /* ========================================================== VALUES ========================================================== */ .lv-story-values{ margin-top:42px; display:flex; align-items:center; flex-wrap:wrap; gap:13px; font-family: "Manrope", sans-serif; font-size:9px; font-weight:700; letter-spacing:.09em; color:#76604a; } .lv-story-values b{ color: var(--lv-story-gold); font-size:8px; } /* ========================================================== CURVED GOLD DIVIDER ========================================================== */ .lv-story-curve{ position:absolute; top:-11%; right:-85px; width:220px; height:122%; border-right: 1px solid rgba(199,156,88,.85); border-radius: 0 50% 50% 0; pointer-events:none; } .lv-story-curve::after{ content:"✦"; position:absolute; right:-10px; top:60%; color: var(--lv-story-gold); background:#fbf8f2; padding: 6px 1px; font-size:18px; } /* ========================================================== DECORATIVE BOTTOM LEAVES ========================================================== */ .lv-story-floral{ position:absolute; left:23px; bottom:16px; width:100px; height:110px; opacity:.32; pointer-events:none; } .lv-story-floral span{ position:absolute; left:30px; bottom:0; width:1px; height:95px; background: var(--lv-story-gold); transform-origin:bottom; } .lv-story-floral span:nth-child(1){ transform: rotate(-30deg); } .lv-story-floral span:nth-child(2){ transform: rotate(-7deg); } .lv-story-floral span:nth-child(3){ transform: rotate(21deg); } /* ========================================================== RIGHT VISUAL ========================================================== */ .lv-story-visual{ position:relative; min-height:700px; overflow:hidden; background:#b48a67; } .lv-story-image{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: center center; transform: scale(1.015); transition: transform 1.3s cubic-bezier(.18,.78,.22,1); will-change:transform; } .lv-story-section:hover .lv-story-image{ transform: scale(1.045); } /* subtle photo tone */ .lv-story-image-overlay{ position:absolute; inset:0; pointer-events:none; background: linear-gradient( 90deg, rgba(184,130,82,.10), transparent 30% ), linear-gradient( 0deg, rgba(65,39,19,.05), transparent 45% ); } /* ========================================================== REVEAL ANIMATION ========================================================== */ .lv-story-section.is-visible .lv-story-eyebrow{ animation: lvStoryFadeUp .7s ease .12s both; } .lv-story-section.is-visible .lv-story-copy h2{ animation: lvStoryFadeUp .85s cubic-bezier(.18,.78,.22,1) .20s both; } .lv-story-section.is-visible .lv-story-divider{ animation: lvStoryFadeUp .7s ease .35s both; } .lv-story-section.is-visible .lv-story-description{ animation: lvStoryFadeUp .7s ease .45s both; } .lv-story-section.is-visible .lv-story-button{ animation: lvStoryFadeUp .7s ease .56s both; } .lv-story-section.is-visible .lv-story-values{ animation: lvStoryFadeUp .7s ease .67s both; } @keyframes lvStoryFadeUp{ from{ opacity:0; transform: translateY(26px); } to{ opacity:1; transform: translateY(0); } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1100px){ .lv-story-section{ width: calc(100% - 36px); margin: 80px auto; } .lv-story-inner{ grid-template-columns: 48% 52%; min-height:630px; } .lv-story-content, .lv-story-visual{ min-height:630px; } .lv-story-content{ padding: 65px 50px 60px; } .lv-story-copy h2{ font-size: clamp( 53px, 6vw, 68px ); } .lv-story-description{ font-size:13px; } .lv-story-values{ gap:8px; font-size:8px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:760px){ .lv-story-section{ width: calc(100% - 20px); margin: 60px auto; border-radius:16px; } .lv-story-inner{ display:flex; flex-direction:column; min-height:auto; } /* image first on mobile */ .lv-story-visual{ order:1; width:100%; min-height:520px; } .lv-story-image{ object-position: 58% center; } .lv-story-content{ order:2; width:100%; min-height:auto; padding: 55px 25px 50px; overflow:hidden; } /* Remove desktop giant curve */ .lv-story-curve{ width:300px; height:300px; top:-145px; right:-160px; border: 1px solid rgba(199,156,88,.32); border-radius:50%; } .lv-story-curve::after{ display:none; } .lv-story-copy{ max-width:100%; } .lv-story-eyebrow{ margin-bottom:20px; } .lv-story-copy h2{ font-size: clamp( 48px, 13vw, 61px ); line-height:.93; } .lv-story-description{ max-width:100%; font-size:13px; line-height:1.75; } .lv-story-button{ width:100%; max-width:310px; } .lv-story-values{ margin-top:32px; line-height:1.8; } .lv-story-floral{ display:none; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:480px){ .lv-story-section{ width: calc(100% - 14px); } .lv-story-visual{ min-height:455px; } .lv-story-content{ padding: 45px 20px 42px; } .lv-story-copy h2{ font-size:46px; } .lv-story-divider{ margin: 20px 0; } .lv-story-button{ min-height:56px; font-size:10px; } .lv-story-values{ display:grid; grid-template-columns:auto 10px auto; justify-content:flex-start; } .lv-story-values span:last-child{ grid-column:1 / -1; } } /* ========================================================== ACCESSIBILITY ========================================================== */ @media(prefers-reduced-motion:reduce){ .lv-story-section *, .lv-story-section *::before, .lv-story-section *::after{ animation:none!important; transition:none!important; } } /* ============================================== STORY / FOOTER OVERLAP FIX ============================================== */ .lv-story-section{ position:relative; overflow:hidden !important; isolation:isolate; } .lv-story-content{ overflow:hidden; } .lv-story-curve{ z-index:1 !important; } .lv-story-copy{ z-index:3; } .footer{ position:relative; z-index:10; clear:both; } /* ========================================================== LUMEVIA PREMIUM FOOTER ========================================================== */ .lv-footer{ --footer-black:#141310; --footer-black-soft:#1a1815; --footer-gold:#c49a58; --footer-gold-soft:#e4c997; --footer-text:#f4eee5; --footer-muted:#beb4a7; --footer-line:rgba(215,185,135,.20); width:calc(100% - 24px); max-width:none; margin:48px auto 18px; border-radius:20px; color:var(--footer-text); } /* ========================================================== NEWSLETTER ========================================================== */ .lv-footer-newsletter{ min-height:168px; padding:34px 54px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; border-bottom:1px solid var(--footer-line); background: radial-gradient( circle at 15% 50%, rgba(197,154,88,.055), transparent 38% ); } .lv-footer-eyebrow{ margin:0 0 10px; font-family:"Manrope",sans-serif; font-size:11px; line-height:1.2; font-weight:700; letter-spacing:.19em; color:var(--footer-gold); } .lv-newsletter-left h2{ margin:0; max-width:560px; font-family:"Cormorant Garamond",serif; font-size:clamp(44px,3.7vw,58px); font-weight:500; line-height:.94; } .lv-newsletter-left h2 em{ font-weight:400; } .lv-newsletter-right{ width:100%; max-width:560px; } .lv-newsletter-right > p{ margin:0 0 14px; font-family:"Manrope",sans-serif; font-size:14px; line-height:1.65; } .lv-newsletter-form{ width:100%; min-height:48px; display:flex; align-items:center; border-bottom:1px solid rgba(222,194,146,.52); } .lv-newsletter-form input{ flex:1; min-width:0; padding:0 10px; border:0; outline:0; background:transparent; font-family:"Manrope",sans-serif; font-size:13px; } .lv-newsletter-form input::placeholder{ opacity:1; } .lv-newsletter-form button{ border:0; background:transparent; padding:0 3px 0 14px; font-family:"Manrope",sans-serif; font-size:11px; font-weight:700; letter-spacing:.14em; cursor:pointer; } .lv-newsletter-form button span{ display:inline-block; margin-left:9px; font-size:15px; transition:transform .3s ease; } .lv-newsletter-form button:hover span{ transform:translateX(5px); } /* ========================================================== MAIN FOOTER GRID ========================================================== */ .lv-footer-main{ padding:44px 54px 46px; display:grid; grid-template-columns:1.7fr 1fr 1.15fr 1fr; gap:52px; } /* ========================================================== BRAND ========================================================== */ .lv-footer-brand-column{ min-width:0; } .lv-footer-logo{ display:inline-flex; flex-direction:column; align-items:flex-start; line-height:1; color:#fff; } .lv-footer-logo span{ font-family:"Cormorant Garamond",serif; font-size:42px; font-weight:600; letter-spacing:.23em; padding-left:.23em; } .lv-footer-logo small{ margin-top:7px; margin-left:4px; font-family:"Manrope",sans-serif; font-size:8px; font-weight:700; letter-spacing:.36em; } .lv-footer-brand-copy{ max-width:390px; margin:20px 0 22px; font-family:"Manrope",sans-serif; font-size:13.5px; line-height:1.72; } /* ========================================================== SOCIAL CIRCLES ========================================================== */ .lv-footer-social{ flex-wrap:wrap; } .lv-footer-social a{ font-family:"Manrope",sans-serif; font-size:9.5px; font-weight:700; } /* ========================================================== COLUMNS ========================================================== */ .lv-footer-column{ display:flex; flex-direction:column; align-items:flex-start; min-width:0; } .lv-footer-heading{ position:relative; margin:0 0 17px; padding-bottom:9px; font-family:"Manrope",sans-serif; font-size:11px; line-height:1.2; font-weight:700; letter-spacing:.15em; } .lv-footer-heading::after{ content:""; position:absolute; left:0; bottom:0; width:29px; height:1px; } .lv-footer-column a{ position:relative; margin:5px 0; font-family:"Manrope",sans-serif; font-size:13.5px; line-height:1.45; transition: color .25s ease, transform .25s ease; } /* ========================================================== TRUST STRIP ========================================================== */ .lv-footer-trust{ min-height:94px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; padding:14px 54px; border-top:1px solid var(--footer-line); border-bottom:1px solid var(--footer-line); } .lv-footer-trust-item{ min-height:62px; display:flex; align-items:center; justify-content:center; gap:14px; padding:0 24px; } .lv-footer-trust-item:not(:last-child){ border-right:1px solid var(--footer-line); } .lv-footer-trust-icon{ flex:0 0 36px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; font-size:22px; } .lv-footer-trust-item strong{ display:block; margin-bottom:4px; font-family:"Manrope",sans-serif; font-size:10.5px; line-height:1.25; font-weight:700; letter-spacing:.10em; } .lv-footer-trust-item span{ display:block; font-family:"Manrope",sans-serif; font-size:11.5px; line-height:1.45; } /* ========================================================== BOTTOM ========================================================== */ .lv-footer-bottom{ min-height:58px; padding:0 54px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; font-family:"Manrope",sans-serif; font-size:10.5px; line-height:1.4; } .lv-footer-bottom > span:last-child{ justify-self:end; } .lv-footer-bottom-links{ display:flex; gap:22px; } .lv-footer-bottom-links a{ transition:color .25s ease; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1050px){ .lv-footer{ width:calc(100% - 20px); margin-top:42px; } .lv-footer-newsletter{ padding:32px 38px; gap:36px; } .lv-newsletter-left h2{ font-size:clamp(40px,5vw,52px); } .lv-footer-main{ grid-template-columns:1.45fr 1fr 1fr; gap:38px; padding:40px 38px; } .lv-footer-main .lv-footer-column:last-child{ display:none; } .lv-footer-trust{ padding:12px 28px; } .lv-footer-trust-item{ padding:0 16px; } .lv-footer-bottom{ padding:0 38px; } } /* ========================================================== SMALL TABLET ========================================================== */ @media(max-width:820px){ .lv-footer-newsletter{ grid-template-columns:1fr; gap:22px; } .lv-newsletter-right{ max-width:none; } .lv-footer-main{ grid-template-columns:1fr 1fr; gap:34px 28px; } .lv-footer-brand-column{ grid-column:1 / -1; } .lv-footer-trust{ grid-template-columns:1fr; padding:8px 30px; } .lv-footer-trust-item{ justify-content:flex-start; padding:16px 0; } .lv-footer-trust-item:not(:last-child){ border-right:0; border-bottom:1px solid var(--footer-line); } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:700px){ .lv-footer{ width:calc(100% - 14px); margin:42px auto 10px; border-radius:15px; } .lv-footer-newsletter{ min-height:auto; padding:30px 20px 28px; } .lv-footer-eyebrow{ font-size:10px; } .lv-newsletter-left h2{ font-size:42px; } .lv-newsletter-right > p{ font-size:13.5px; } .lv-newsletter-form input{ font-size:13px; } .lv-footer-main{ grid-template-columns:1fr 1fr; gap:32px 20px; padding:34px 20px 36px; } .lv-footer-brand-column{ grid-column:1 / -1; } .lv-footer-main .lv-footer-column:last-child{ display:none; } .lv-footer-logo span{ font-size:38px; } .lv-footer-brand-copy{ font-size:13px; } .lv-footer-heading{ font-size:10.5px; } .lv-footer-column a{ font-size:13px; } .lv-footer-trust{ grid-template-columns:1fr; padding:8px 20px; } .lv-footer-trust-item{ justify-content:flex-start; min-height:auto; padding:16px 0; } .lv-footer-trust-item:not(:last-child){ border-right:0; border-bottom:1px solid var(--footer-line); } .lv-footer-trust-item strong{ font-size:10.5px; } .lv-footer-trust-item span{ font-size:11.5px; } .lv-footer-bottom{ min-height:auto; padding:22px 20px; grid-template-columns:1fr; gap:10px; font-size:10.5px; } .lv-footer-bottom > span:last-child{ justify-self:start; } .lv-footer-bottom-links{ order:3; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:480px){ .lv-footer-main{ grid-template-columns:1fr; } .lv-footer-brand-column{ grid-column:auto; } .lv-footer-column{ padding-bottom:4px; } .lv-newsletter-left h2{ font-size:39px; } .lv-footer-column a{ font-size:13.5px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media(prefers-reduced-motion:reduce){ .lv-footer *, .lv-footer *::before, .lv-footer *::after{ transition:none!important; animation:none!important; } } /* ========================================================== LUMEVIA PREMIUM CONTACT PAGE Paste at the BOTTOM of assets/css/theme.css ========================================================== */ .lv-contact-page{ --cp-paper:#fffdf9; --cp-dark:#181612; --cp-text:#211d19; --cp-muted:#756d64; --cp-gold:#c49a58; --cp-gold-soft:#e0c28e; --cp-line:rgba(184,149,96,.23); overflow:hidden; } .lv-contact-hero{ width:min(1440px,calc(100% - 48px)); margin:0 auto; padding:74px 30px 62px; text-align:center; } .lv-contact-hero-inner{max-width:880px;margin:auto;} .lv-contact-kicker{ display:flex;align-items:center;justify-content:center; gap:13px;margin-bottom:18px; } .lv-contact-kicker span{ width:54px;height:1px; background:linear-gradient(90deg,transparent,var(--cp-gold)); } .lv-contact-kicker span:last-child{ background:linear-gradient(90deg,var(--cp-gold),transparent); } .lv-contact-kicker b{ color:var(--cp-gold);font-size:11px;font-weight:400; } .lv-contact-kicker p{ margin:0;font-family:"Manrope",sans-serif; font-size:10px;font-weight:700;letter-spacing:.22em;color:#9b7440; } .lv-contact-hero h1{ margin:0;font-family:"Cormorant Garamond",serif; font-size:clamp(58px,6vw,90px);font-weight:500; line-height:.92;letter-spacing:-.03em;color:var(--cp-text); } .lv-contact-hero h1 em{color:#ad8146;font-weight:400;} .lv-contact-intro{ max-width:700px;margin:24px auto 0; font-family:"Manrope",sans-serif;font-size:15px; line-height:1.8;color:var(--cp-muted); } .lv-contact-hero-line{ width:190px;margin:24px auto 0; display:flex;align-items:center;gap:11px; } .lv-contact-hero-line span{flex:1;height:1px;background:var(--cp-line);} .lv-contact-hero-line b{color:var(--cp-gold);font-weight:400;font-size:12px;} /* MAIN PANEL */ .lv-contact-shell{ width:min(1420px,calc(100% - 48px)); margin:0 auto 70px; display:grid;grid-template-columns:40% 60%; overflow:hidden;border:1px solid var(--cp-line); border-radius:22px;background:var(--cp-paper); box-shadow:0 26px 70px rgba(55,39,20,.07); } /* LEFT INFO */ .lv-contact-info{ position:relative;min-height:640px;overflow:hidden; padding:62px 54px;color:#fff; background: radial-gradient(circle at 15% 15%,rgba(196,154,88,.10),transparent 32%), linear-gradient(145deg,#211d18,#141310); } .lv-contact-info-content{position:relative;z-index:3;max-width:450px;} .lv-contact-small-title{ margin:0 0 14px;font-family:"Manrope",sans-serif; font-size:10px;font-weight:700;letter-spacing:.19em;color:var(--cp-gold); } .lv-contact-info h2{ margin:0;font-family:"Cormorant Garamond",serif; font-size:clamp(46px,4vw,62px);font-weight:500; line-height:.94;color:#fff; } .lv-contact-info h2 em{ display:block;margin-top:4px;color:var(--cp-gold-soft);font-weight:400; } .lv-contact-info-copy{ margin:22px 0 30px;max-width:390px; font-family:"Manrope",sans-serif;font-size:13.5px; line-height:1.8;color:#aaa095; } .lv-contact-details{display:flex;flex-direction:column;gap:7px;} .lv-contact-detail{ min-height:66px;display:flex;align-items:center; gap:15px;padding:9px 0;color:inherit; } .lv-contact-detail-icon{ flex:0 0 38px;width:38px;height:38px; display:flex;align-items:center;justify-content:center; border:1px solid rgba(212,175,115,.33); border-radius:50%;color:var(--cp-gold-soft);font-size:15px; } .lv-contact-detail small{ display:block;margin-bottom:4px;font-family:"Manrope",sans-serif; font-size:9px;font-weight:700;letter-spacing:.15em;color:#d7bd91; } .lv-contact-detail strong{ display:block;font-family:"Manrope",sans-serif; font-size:12px;line-height:1.5;font-weight:500;color:#d9d0c5; } .lv-contact-info-divider{ height:1px;margin:27px 0 23px;background:rgba(220,191,141,.16); } .lv-contact-mini-links{display:flex;flex-wrap:wrap;gap:22px;} .lv-contact-mini-links a{ padding-bottom:5px;border-bottom:1px solid rgba(215,185,135,.45); font-family:"Manrope",sans-serif;font-size:9px;font-weight:700; letter-spacing:.13em;color:#d9be90; transition:.3s ease; } .lv-contact-mini-links a:hover{ color:#fff;border-color:#fff;transform:translateY(-2px); } .lv-contact-orbit{ position:absolute;width:480px;height:480px; right:-280px;bottom:-155px; border:1px solid rgba(196,154,88,.32); border-radius:50%;pointer-events:none; } .lv-contact-orbit::after{ content:"✦";position:absolute;left:-7px;top:44%; color:var(--cp-gold);background:#181612;padding:6px 0;font-size:15px; } /* FORM */ .lv-contact-form-panel{ min-height:640px;padding:58px 64px; background: radial-gradient(circle at 100% 10%,rgba(196,154,88,.055),transparent 30%), #fffdf9; } .lv-contact-form-head{margin-bottom:28px;} .lv-contact-form-head h2{ margin:0;font-family:"Cormorant Garamond",serif; font-size:clamp(44px,4vw,60px);font-weight:500; line-height:.96;color:var(--cp-text); } .lv-contact-form-head>p:last-child{ margin:12px 0 0;font-family:"Manrope",sans-serif; font-size:13px;line-height:1.7;color:var(--cp-muted); } .lv-contact-field-grid{ display:grid;grid-template-columns:1fr 1fr; gap:22px;margin-bottom:20px; } .lv-contact-field{display:flex;flex-direction:column;gap:9px;} .lv-contact-field>span{ font-family:"Manrope",sans-serif;font-size:9px; font-weight:700;letter-spacing:.14em;color:#7c6a53; } .lv-contact-field input, .lv-contact-field select, .lv-contact-field textarea{ width:100%;border:0;border-bottom:1px solid #d9ccba; outline:0;border-radius:0;background:transparent;color:#26211d; font-family:"Manrope",sans-serif;font-size:13px; transition:border-color .3s ease; } .lv-contact-field input,.lv-contact-field select{height:44px;} .lv-contact-field textarea{ min-height:118px;padding:12px 0;resize:vertical; } .lv-contact-field input:focus, .lv-contact-field select:focus, .lv-contact-field textarea:focus{border-color:var(--cp-gold);} .lv-contact-message{margin-top:3px;} .lv-contact-submit-row{ margin-top:26px;display:flex;align-items:center;gap:20px; } .lv-contact-submit{ min-width:225px;min-height:54px;padding:0 23px; display:inline-flex;align-items:center;justify-content:space-between; gap:30px;border:1px solid rgba(196,154,88,.50); background:linear-gradient(135deg,#201c18,#151310); color:#e7c894;font-family:"Manrope",sans-serif; font-size:10px;font-weight:700;letter-spacing:.15em; cursor:pointer;box-shadow:0 12px 26px rgba(30,23,16,.13); transition:.3s ease; } .lv-contact-submit:hover{ transform:translateY(-3px); box-shadow:0 18px 34px rgba(30,23,16,.18); } .lv-contact-submit span{font-size:17px;transition:transform .3s ease;} .lv-contact-submit:hover span{transform:translateX(5px);} .lv-contact-submit-row small{ max-width:250px;font-family:"Manrope",sans-serif; font-size:10px;line-height:1.5;color:#998f84; } /* TRUST */ .lv-contact-trust{ width:min(1420px,calc(100% - 48px)); margin:0 auto 82px; display:grid;grid-template-columns:repeat(3,1fr); overflow:hidden;border:1px solid var(--cp-line); border-radius:16px;background:#faf5ed; } .lv-contact-trust-item{ min-height:102px;display:flex;align-items:center; justify-content:center;gap:16px;padding:22px 32px; } .lv-contact-trust-item:not(:last-child){border-right:1px solid var(--cp-line);} .lv-contact-trust-item>b{ color:var(--cp-gold);font-size:23px;font-weight:400; } .lv-contact-trust-item strong{ display:block;margin-bottom:5px;font-family:"Manrope",sans-serif; font-size:10px;font-weight:700;letter-spacing:.13em;color:#554739; } .lv-contact-trust-item span{ display:block;font-family:"Manrope",sans-serif; font-size:12px;line-height:1.5;color:#8c8175; } /* FAQ */ .lv-contact-faq{ width:min(1200px,calc(100% - 48px)); margin:0 auto 95px; display:grid;grid-template-columns:38% 62%;gap:70px; } .lv-contact-faq-heading{position:sticky;top:130px;align-self:start;} .lv-contact-faq-heading h2{ margin:0;font-family:"Cormorant Garamond",serif; font-size:clamp(46px,4.5vw,64px);line-height:.94; font-weight:500;color:var(--cp-text); } .lv-contact-faq-heading h2 em{ display:block;color:#ac8249;font-weight:400; } .lv-contact-faq-list details{border-bottom:1px solid #ded2c3;} .lv-contact-faq-list summary{ min-height:72px;display:flex;align-items:center; justify-content:space-between;gap:25px;list-style:none;cursor:pointer; font-family:"Cormorant Garamond",serif;font-size:23px; font-weight:600;color:#2b2520; } .lv-contact-faq-list summary::-webkit-details-marker{display:none;} .lv-contact-faq-list summary span{ color:var(--cp-gold);font-family:"Manrope",sans-serif; font-size:19px;font-weight:300;transition:transform .3s ease; } .lv-contact-faq-list details[open] summary span{transform:rotate(45deg);} .lv-contact-faq-list details p{ margin:-1px 0 23px;max-width:650px; font-family:"Manrope",sans-serif;font-size:13px; line-height:1.75;color:var(--cp-muted); } /* SUBTLE ENTRANCE */ .lv-contact-hero-inner, .lv-contact-shell, .lv-contact-trust, .lv-contact-faq{ animation:lvContactUp .75s cubic-bezier(.18,.78,.22,1) both; } .lv-contact-shell{animation-delay:.08s;} .lv-contact-trust{animation-delay:.14s;} .lv-contact-faq{animation-delay:.18s;} @keyframes lvContactUp{ from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} } /* TABLET */ @media(max-width:1050px){ .lv-contact-hero{width:calc(100% - 30px);padding:62px 20px 52px;} .lv-contact-shell{ width:calc(100% - 30px); grid-template-columns:43% 57%; } .lv-contact-info{padding:52px 34px;} .lv-contact-form-panel{padding:52px 36px;} .lv-contact-field-grid{gap:16px;} .lv-contact-trust{width:calc(100% - 30px);} .lv-contact-faq{ width:calc(100% - 40px); grid-template-columns:34% 66%;gap:45px; } } /* MOBILE */ @media(max-width:760px){ .lv-contact-hero{ width:calc(100% - 18px); padding:50px 18px 42px; } .lv-contact-hero h1{font-size:53px;} .lv-contact-intro{font-size:13.5px;} .lv-contact-shell{ width:calc(100% - 18px); display:flex;flex-direction:column; margin-bottom:48px;border-radius:16px; } .lv-contact-info{ min-height:auto;padding:46px 24px; } .lv-contact-info h2{font-size:47px;} .lv-contact-form-panel{ min-height:auto;padding:43px 24px 46px; } .lv-contact-form-head h2{font-size:45px;} .lv-contact-field-grid{ grid-template-columns:1fr;gap:18px;margin-bottom:18px; } .lv-contact-submit-row{ flex-direction:column;align-items:flex-start; } .lv-contact-submit{width:100%;} .lv-contact-trust{ width:calc(100% - 18px); margin-bottom:60px;grid-template-columns:1fr; } .lv-contact-trust-item{ justify-content:flex-start;min-height:88px;padding:20px 24px; } .lv-contact-trust-item:not(:last-child){ border-right:0;border-bottom:1px solid var(--cp-line); } .lv-contact-faq{ width:calc(100% - 28px); margin-bottom:68px;grid-template-columns:1fr;gap:25px; } .lv-contact-faq-heading{position:static;} .lv-contact-faq-heading h2{font-size:47px;} .lv-contact-faq-list summary{min-height:66px;font-size:20px;} } @media(max-width:480px){ .lv-contact-kicker span{width:28px;} .lv-contact-hero h1{font-size:47px;} .lv-contact-info{padding:40px 20px;} .lv-contact-form-panel{padding:38px 20px 42px;} .lv-contact-mini-links{ flex-direction:column;align-items:flex-start; } } @media(prefers-reduced-motion:reduce){ .lv-contact-page *, .lv-contact-page *::before, .lv-contact-page *::after{ animation:none!important; transition:none!important; } } /* ========================================================== LUMEVIA — PREMIUM SHIPPING & RETURNS PAGE Paste at the BOTTOM of assets/css/theme.css ========================================================== */ .lv-policy-page{ overflow:hidden; background: radial-gradient( circle at 12% 7%, rgba(196,154,88,.06), transparent 26% ), #fffdf9; } /* ========================================================== HERO ========================================================== */ .lv-policy-hero{ width:min(1440px,calc(100% - 48px)); margin:0 auto; text-align:center; } .lv-policy-hero-inner{ max-width:900px; } .lv-policy-kicker{ display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:19px; } .lv-policy-kicker span{ width:55px; height:1px; background: linear-gradient( 90deg, transparent, var(--lp-gold) ); } .lv-policy-kicker span:last-child{ background: linear-gradient( 90deg, var(--lp-gold), transparent ); } .lv-policy-kicker b{ color:var(--lp-gold); font-size:11px; font-weight:400; } .lv-policy-kicker p, .lv-policy-label{ margin:0; font-family:"Manrope",sans-serif; font-size:10px; font-weight:700; letter-spacing:.19em; color:#9d7542; } .lv-policy-hero h1 em{ display:block; color:#ad8146; font-weight:400; } .lv-policy-hero-line{ width:190px; margin:25px auto 0; display:flex; align-items:center; gap:11px; } .lv-policy-hero-line span{ flex:1; height:1px; background:var(--lp-line); } .lv-policy-hero-line b{ color:var(--lp-gold); font-weight:400; font-size:12px; } /* ========================================================== SERVICE CARDS ========================================================== */ .lv-policy-services{ width:min(1380px,calc(100% - 48px)); margin:0 auto 92px; display:grid; grid-template-columns: repeat(3,1fr); gap:16px; } .lv-policy-service-card{ min-height:290px; padding:43px 38px; position:relative; overflow:hidden; border: 1px solid var(--lp-line); border-radius:17px; background: linear-gradient( 145deg, #fffdfa, #faf5ed ); box-shadow: 0 14px 35px rgba(57,40,21,.045); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } .lv-policy-service-card:hover{ transform:translateY(-7px); border-color: rgba(196,154,88,.50); box-shadow: 0 24px 48px rgba(57,40,21,.095); } .lv-policy-service-icon{ width:49px; height:49px; margin-bottom:25px; display:flex; align-items:center; justify-content:center; border: 1px solid rgba(196,154,88,.40); border-radius:50%; color:var(--lp-gold); font-size:24px; } .lv-policy-service-card h2{ margin: 12px 0 13px; font-family:"Cormorant Garamond",serif; font-size:34px; line-height:1; font-weight:600; color:#29231e; } .lv-policy-service-card > p:last-child{ margin:0; max-width:350px; font-family:"Manrope",sans-serif; font-size:13px; line-height:1.75; color:var(--lp-muted); } /* ========================================================== SHIPPING INFORMATION ========================================================== */ .lv-policy-editorial{ width:min(1420px,calc(100% - 48px)); margin: 0 auto 95px; display:grid; grid-template-columns: 37% 63%; gap:70px; padding: 70px; border-radius:22px; background: linear-gradient( 135deg, #1f1b17, #141310 ); color:#fff; box-shadow: 0 25px 65px rgba(30,22,14,.12); } .lv-policy-editorial-heading{ align-self:center; } .lv-policy-editorial-heading .lv-policy-label{ color:var(--lp-gold); } .lv-policy-editorial-heading h2{ margin: 16px 0 22px; font-family:"Cormorant Garamond",serif; font-size: clamp( 48px, 4.3vw, 66px ); line-height:.94; font-weight:500; color:#fff; } .lv-policy-editorial-heading h2 em{ display:block; color:var(--lp-gold-soft); font-weight:400; } .lv-policy-editorial-heading > p:last-child{ margin:0; max-width:390px; font-family:"Manrope",sans-serif; font-size:13.5px; line-height:1.8; color:#aaa095; } .lv-policy-info-grid{ display:grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(218,184,126,.20); border-left: 1px solid rgba(218,184,126,.20); } .lv-policy-info-card{ min-height:245px; padding:31px; border-right: 1px solid rgba(218,184,126,.20); border-bottom: 1px solid rgba(218,184,126,.20); } .lv-policy-info-card h3{ margin: 0 0 12px; font-family:"Cormorant Garamond",serif; font-size:28px; font-weight:600; color:#fff; } .lv-policy-info-card p{ margin:0; font-family:"Manrope",sans-serif; font-size:12.5px; line-height:1.75; color:#aaa095; } /* ========================================================== RETURNS ========================================================== */ .lv-policy-returns{ width:min(1320px,calc(100% - 48px)); margin: 0 auto 95px; display:grid; grid-template-columns: 43% 57%; gap:85px; align-items:start; } .lv-policy-returns-copy{ position:sticky; top:125px; padding: 20px 0; } .lv-policy-returns-copy h2{ margin: 16px 0 22px; font-family:"Cormorant Garamond",serif; font-size: clamp( 48px, 4.5vw, 68px ); font-weight:500; line-height:.93; color:var(--lp-text); } .lv-policy-returns-copy h2 em{ display:block; color:#ad8146; font-weight:400; } .lv-policy-returns-intro{ max-width:470px; margin:0; font-family:"Manrope",sans-serif; font-size:13.5px; line-height:1.85; color:var(--lp-muted); } .lv-policy-cta{ width:250px; min-height:55px; margin-top:29px; padding: 0 24px; display:inline-flex; align-items:center; justify-content:space-between; border: 1px solid rgba(196,154,88,.50); background: linear-gradient( 135deg, #201c18, #151310 ); color:#e5c38c; font-family:"Manrope",sans-serif; font-size:10px; font-weight:700; letter-spacing:.14em; box-shadow: 0 12px 27px rgba(30,23,16,.12); transition: transform .3s ease, box-shadow .3s ease; } .lv-policy-cta:hover{ transform: translateY(-3px); box-shadow: 0 18px 36px rgba(30,23,16,.18); } .lv-policy-cta span{ font-size:17px; transition: transform .3s ease; } .lv-policy-cta:hover span{ transform: translateX(5px); } .lv-policy-return-list{ border-top: 1px solid #ddd0bf; } .lv-policy-return-list article{ min-height:145px; display:grid; grid-template-columns: 70px 1fr; gap:23px; align-items:center; padding: 26px 5px; border-bottom: 1px solid #ddd0bf; } .lv-policy-return-list article > span{ font-family:"Cormorant Garamond",serif; font-size:23px; color:var(--lp-gold); } .lv-policy-return-list h3{ margin: 0 0 7px; font-family:"Cormorant Garamond",serif; font-size:28px; font-weight:600; color:#2d2722; } .lv-policy-return-list p{ margin:0; max-width:600px; font-family:"Manrope",sans-serif; font-size:13px; line-height:1.7; color:var(--lp-muted); } /* ========================================================== ASSISTANCE CTA ========================================================== */ .lv-policy-help{ width:min(1320px,calc(100% - 48px)); margin: 0 auto 92px; min-height:170px; padding: 32px 45px; display:grid; grid-template-columns: auto 1fr auto; align-items:center; gap:27px; border: 1px solid var(--lp-line); border-radius:18px; background: linear-gradient( 100deg, #fbf6ee, #fffdf9 ); } .lv-policy-help-icon{ width:55px; height:55px; display:flex; align-items:center; justify-content:center; border: 1px solid rgba(196,154,88,.37); border-radius:50%; color:var(--lp-gold); font-size:20px; } .lv-policy-help h2{ margin: 8px 0 6px; font-family:"Cormorant Garamond",serif; font-size:35px; font-weight:600; color:#2a241f; } .lv-policy-help p:not(.lv-policy-label){ margin:0; max-width:650px; font-family:"Manrope",sans-serif; font-size:13px; line-height:1.65; color:var(--lp-muted); } .lv-policy-help-link{ padding-bottom:5px; border-bottom: 1px solid var(--lp-gold); font-family:"Manrope",sans-serif; font-size:10px; font-weight:700; letter-spacing:.13em; color:#765630; } /* ========================================================== FAQ ========================================================== */ .lv-policy-faq{ width:min(1200px,calc(100% - 48px)); margin: 0 auto 95px; display:grid; grid-template-columns: 36% 64%; gap:75px; } .lv-policy-faq-heading{ position:sticky; top:125px; align-self:start; } .lv-policy-faq-heading h2{ margin: 15px 0 0; font-family:"Cormorant Garamond",serif; font-size: clamp( 46px, 4.4vw, 64px ); font-weight:500; line-height:.94; color:var(--lp-text); } .lv-policy-faq-heading h2 em{ display:block; color:#ad8146; font-weight:400; } .lv-policy-faq-list details{ border-bottom: 1px solid #ddd0bf; } .lv-policy-faq-list summary{ min-height:73px; display:flex; align-items:center; justify-content:space-between; gap:25px; list-style:none; cursor:pointer; font-family:"Cormorant Garamond",serif; font-size:23px; font-weight:600; color:#2b2520; } .lv-policy-faq-list summary::-webkit-details-marker{ display:none; } .lv-policy-faq-list summary span{ color:var(--lp-gold); font-family:"Manrope",sans-serif; font-size:19px; font-weight:300; transition: transform .3s ease; } .lv-policy-faq-list details[open] summary span{ transform: rotate(45deg); } .lv-policy-faq-list details p{ max-width:650px; margin: -1px 0 24px; font-family:"Manrope",sans-serif; font-size:13px; line-height:1.75; color:var(--lp-muted); } /* ========================================================== FINAL CTA ========================================================== */ .lv-policy-final-cta{ width:min(1120px,calc(100% - 48px)); margin: 0 auto 90px; padding: 55px 35px; text-align:center; border: 1px solid var(--lp-line); border-radius:20px; background: radial-gradient( circle at 50% 100%, rgba(196,154,88,.10), transparent 45% ), #faf6ef; } .lv-policy-final-cta h2{ margin: 13px 0 25px; font-family:"Cormorant Garamond",serif; font-size: clamp( 42px, 4.3vw, 60px ); font-weight:500; color:#2a241f; } .lv-policy-final-cta a{ min-width:190px; min-height:50px; padding: 0 20px; display:inline-flex; align-items:center; justify-content:center; gap:25px; background:#1a1814; color:#e4c38d; font-family:"Manrope",sans-serif; font-size:10px; font-weight:700; letter-spacing:.14em; transition: transform .3s ease, box-shadow .3s ease; } .lv-policy-final-cta a:hover{ transform: translateY(-3px); box-shadow: 0 14px 30px rgba(30,23,16,.15); } .lv-policy-final-cta a span{ font-size:17px; } /* ========================================================== ENTRANCE ========================================================== */ .lv-policy-hero-inner, .lv-policy-services, .lv-policy-editorial, .lv-policy-returns, .lv-policy-help, .lv-policy-faq, .lv-policy-final-cta{ animation: lvPolicyUp .75s cubic-bezier(.18,.78,.22,1) both; } .lv-policy-services{ animation-delay:.06s; } .lv-policy-editorial{ animation-delay:.10s; } .lv-policy-returns{ animation-delay:.14s; } @keyframes lvPolicyUp{ from{ opacity:0; transform: translateY(22px); } to{ opacity:1; transform: translateY(0); } } /* ========================================================== TABLET ========================================================== */ @media(max-width:1050px){ .lv-policy-services, .lv-policy-editorial, .lv-policy-returns, .lv-policy-help{ width: calc(100% - 30px); } .lv-policy-editorial{ grid-template-columns: 1fr; gap:45px; padding: 55px 45px; } .lv-policy-editorial-heading > p:last-child{ max-width:600px; } .lv-policy-returns{ grid-template-columns: 40% 60%; gap:50px; } .lv-policy-faq{ width: calc(100% - 40px); gap:45px; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:760px){ .lv-policy-hero{ width: calc(100% - 18px); padding: 52px 18px 43px; } .lv-policy-hero h1{ font-size:52px; } .lv-policy-intro{ font-size:13.5px; } .lv-policy-services{ width: calc(100% - 18px); margin-bottom:58px; grid-template-columns:1fr; } .lv-policy-service-card{ min-height:auto; padding: 33px 27px; } .lv-policy-editorial{ width: calc(100% - 18px); margin-bottom:62px; padding: 43px 24px; border-radius:16px; } .lv-policy-info-grid{ grid-template-columns:1fr; } .lv-policy-info-card{ min-height:auto; padding: 26px 20px; } .lv-policy-number{ margin-bottom:15px; } .lv-policy-returns{ width: calc(100% - 28px); margin-bottom:62px; grid-template-columns:1fr; gap:33px; } .lv-policy-returns-copy{ position:static; } .lv-policy-returns-copy h2{ font-size:49px; } .lv-policy-return-list article{ grid-template-columns: 46px 1fr; gap:14px; } .lv-policy-help{ width: calc(100% - 18px); margin-bottom:62px; padding: 30px 24px; grid-template-columns: auto 1fr; gap:18px; border-radius:15px; } .lv-policy-help-link{ grid-column: 1 / -1; justify-self:start; } .lv-policy-faq{ width: calc(100% - 28px); margin-bottom:65px; grid-template-columns:1fr; gap:25px; } .lv-policy-faq-heading{ position:static; } .lv-policy-faq-heading h2{ font-size:48px; } .lv-policy-faq-list summary{ min-height:68px; font-size:20px; } .lv-policy-final-cta{ width: calc(100% - 18px); margin-bottom:65px; padding: 42px 22px; } } /* ========================================================== SMALL MOBILE ========================================================== */ @media(max-width:480px){ .lv-policy-kicker span{ width:28px; } .lv-policy-hero h1{ font-size:47px; } .lv-policy-editorial-heading h2, .lv-policy-returns-copy h2, .lv-policy-faq-heading h2{ font-size:44px; } } /* ========================================================== REDUCED MOTION ========================================================== */ @media(prefers-reduced-motion:reduce){ .lv-policy-page *, .lv-policy-page *::before, .lv-policy-page *::after{ animation:none!important; transition:none!important; } } /* ========================================================== LUMEVIA — PREMIUM WOOCOMMERCE MY ACCOUNT Paste at the BOTTOM of: wp-content/themes/lumevia-woocommerce-theme/assets/css/theme.css ========================================================== */ /* ---------------------------------------------------------- PAGE WRAPPER ---------------------------------------------------------- */ body.woocommerce-account{ background:#fffdf9; } body.woocommerce-account main, body.woocommerce-account .site-main, body.woocommerce-account .entry-content{ overflow:visible; } body.woocommerce-account .woocommerce{ width:min(1320px,calc(100% - 48px)); margin:0 auto 90px; padding:0; font-family:"Manrope",sans-serif; color:#231f1b; } /* If your default page template outputs the title */ body.woocommerce-account .entry-title{ width:min(1320px,calc(100% - 48px)); margin:72px auto 40px; font-family:"Cormorant Garamond",serif; font-size:clamp(58px,6vw,88px); line-height:.92; font-weight:500; letter-spacing:-.035em; color:#211d19; } /* ---------------------------------------------------------- LOGGED-IN ACCOUNT LAYOUT ---------------------------------------------------------- */ body.woocommerce-account.logged-in .woocommerce{ display:grid; grid-template-columns:285px minmax(0,1fr); gap:30px; align-items:start; } /* ---------------------------------------------------------- LEFT NAVIGATION ---------------------------------------------------------- */ body.woocommerce-account .woocommerce-MyAccount-navigation{ position:sticky; top:115px; width:100%; float:none; padding:20px; border:1px solid rgba(185,154,99,.24); border-radius:18px; background: linear-gradient(145deg,#211d18,#151310); box-shadow:0 20px 45px rgba(35,27,18,.10); } body.woocommerce-account .woocommerce-MyAccount-navigation::before{ content:"MY LUMEVIA"; display:block; margin:4px 8px 18px; padding-bottom:17px; border-bottom:1px solid rgba(222,193,140,.18); font-family:"Manrope",sans-serif; font-size:10px; line-height:1; font-weight:700; letter-spacing:.20em; color:#cba76e; } body.woocommerce-account .woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; } body.woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0 0 5px; padding:0; list-style:none; } body.woocommerce-account .woocommerce-MyAccount-navigation li::marker{ content:""; } body.woocommerce-account .woocommerce-MyAccount-navigation a{ min-height:48px; padding:0 14px; display:flex; align-items:center; border-radius:10px; font-family:"Manrope",sans-serif; font-size:11px; font-weight:600; letter-spacing:.075em; text-transform:uppercase; color:#d9d0c5; transition: background .28s ease, color .28s ease, padding-left .28s ease; } body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{ padding-left:18px; background:rgba(255,255,255,.055); color:#f0d09c; } body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{ background:linear-gradient(135deg,#c49a58,#a97d3f); color:#181510; box-shadow:0 8px 22px rgba(196,154,88,.18); } /* ---------------------------------------------------------- ACCOUNT CONTENT ---------------------------------------------------------- */ body.woocommerce-account .woocommerce-MyAccount-content{ width:100%; float:none; min-width:0; min-height:410px; padding:42px 44px; border:1px solid rgba(185,154,99,.20); border-radius:18px; background: radial-gradient(circle at 100% 0%,rgba(196,154,88,.07),transparent 28%), #fffdfa; box-shadow:0 20px 45px rgba(45,34,22,.055); } body.woocommerce-account .woocommerce-MyAccount-content::before{ content:"ACCOUNT"; display:block; margin-bottom:13px; font-family:"Manrope",sans-serif; font-size:9px; font-weight:700; letter-spacing:.20em; color:#a97e43; } body.woocommerce-account .woocommerce-MyAccount-content p{ margin:0 0 15px; font-size:13.5px; line-height:1.8; color:#6f675f; } body.woocommerce-account .woocommerce-MyAccount-content p:first-of-type{ max-width:760px; font-size:15px; color:#302a25; } body.woocommerce-account .woocommerce-MyAccount-content strong{ color:#211d19; font-weight:700; } body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){ color:#9b713b; text-decoration:none; border-bottom:1px solid rgba(155,113,59,.30); transition:color .25s ease,border-color .25s ease; } body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover{ color:#6f4d23; border-color:#9b713b; } /* ---------------------------------------------------------- HEADINGS ---------------------------------------------------------- */ body.woocommerce-account .woocommerce h2, body.woocommerce-account .woocommerce h3, body.woocommerce-account .woocommerce-MyAccount-content h2, body.woocommerce-account .woocommerce-MyAccount-content h3{ font-family:"Cormorant Garamond",serif; font-weight:600; color:#211d19; } body.woocommerce-account .woocommerce-MyAccount-content h2{ margin:0 0 24px; font-size:42px; line-height:1; } body.woocommerce-account .woocommerce-MyAccount-content h3{ margin:26px 0 15px; font-size:29px; line-height:1.05; } /* ---------------------------------------------------------- BUTTONS ---------------------------------------------------------- */ body.woocommerce-account .woocommerce a.button, body.woocommerce-account .woocommerce button.button, body.woocommerce-account .woocommerce input.button, body.woocommerce-account .woocommerce .button{ min-height:48px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #1b1814; border-radius:0; background:#1b1814; color:#e8c991; font-family:"Manrope",sans-serif; font-size:10px; line-height:1; font-weight:700; letter-spacing:.13em; text-transform:uppercase; box-shadow:none; transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease; } body.woocommerce-account .woocommerce a.button:hover, body.woocommerce-account .woocommerce button.button:hover, body.woocommerce-account .woocommerce input.button:hover, body.woocommerce-account .woocommerce .button:hover{ transform:translateY(-2px); background:#c49a58; border-color:#c49a58; color:#17130f; box-shadow:0 12px 26px rgba(47,34,20,.13); } /* ---------------------------------------------------------- ORDER TABLES ---------------------------------------------------------- */ body.woocommerce-account .woocommerce table.shop_table{ width:100%; margin:20px 0 0; border:1px solid #e2d7c7; border-collapse:separate; border-spacing:0; border-radius:14px; overflow:hidden; background:#fff; } body.woocommerce-account .woocommerce table.shop_table th{ padding:16px 18px; border:0; border-bottom:1px solid #e2d7c7; background:#f7f1e8; font-family:"Manrope",sans-serif; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:#88643a; } body.woocommerce-account .woocommerce table.shop_table td{ padding:17px 18px; border:0; border-bottom:1px solid #eee6dc; font-size:12.5px; color:#554e47; } body.woocommerce-account .woocommerce table.shop_table tr:last-child td{ border-bottom:0; } body.woocommerce-account .woocommerce-orders-table__cell-order-number a{ color:#211d19 !important; font-weight:700; } /* ---------------------------------------------------------- ADDRESSES ---------------------------------------------------------- */ body.woocommerce-account .woocommerce-Addresses{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px; } body.woocommerce-account .woocommerce-Address{ width:100% !important; float:none !important; padding:27px; border:1px solid #e2d7c7; border-radius:14px; background:#fbf7f0; } body.woocommerce-account .woocommerce-Address-title{ position:relative; } body.woocommerce-account .woocommerce-Address-title h2, body.woocommerce-account .woocommerce-Address-title h3{ margin:0 0 18px; font-size:28px; } body.woocommerce-account .woocommerce-Address-title a.edit{ position:absolute; top:4px; right:0; float:none; font-family:"Manrope",sans-serif; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } body.woocommerce-account address{ font-style:normal; font-size:13px; line-height:1.8; color:#6f675f; } /* ---------------------------------------------------------- FORMS — ACCOUNT DETAILS / ADDRESS EDIT ---------------------------------------------------------- */ body.woocommerce-account .woocommerce form .form-row{ margin:0 0 18px; padding:0; } body.woocommerce-account .woocommerce form .form-row label{ display:block; margin:0 0 8px; font-family:"Manrope",sans-serif; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#6c5944; } body.woocommerce-account .woocommerce form .input-text, body.woocommerce-account .woocommerce form input[type="text"], body.woocommerce-account .woocommerce form input[type="email"], body.woocommerce-account .woocommerce form input[type="password"], body.woocommerce-account .woocommerce form input[type="tel"], body.woocommerce-account .woocommerce form select, body.woocommerce-account .woocommerce form textarea{ width:100%; min-height:50px; padding:12px 14px; border:1px solid #dbd0c1; border-radius:9px; outline:none; background:#fffdfa; color:#211d19; font-family:"Manrope",sans-serif; font-size:13px; box-shadow:none; transition:border-color .25s ease,box-shadow .25s ease,background .25s ease; } body.woocommerce-account .woocommerce form textarea{ min-height:120px; resize:vertical; } body.woocommerce-account .woocommerce form .input-text:focus, body.woocommerce-account .woocommerce form input:focus, body.woocommerce-account .woocommerce form select:focus, body.woocommerce-account .woocommerce form textarea:focus{ border-color:#c49a58; background:#fff; box-shadow:0 0 0 3px rgba(196,154,88,.08); } body.woocommerce-account .woocommerce fieldset{ margin:30px 0 25px; padding:25px; border:1px solid #e2d7c7; border-radius:12px; background:#faf6ef; } body.woocommerce-account .woocommerce fieldset legend{ padding:0 10px; font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:600; color:#2a241f; } /* ---------------------------------------------------------- WOOCOMMERCE NOTICES ---------------------------------------------------------- */ body.woocommerce-account .woocommerce-message, body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-error{ margin:0 0 24px; padding:17px 20px 17px 46px; border:1px solid #e0d3c1; border-top:0; border-left:3px solid #c49a58; border-radius:10px; background:#fbf7f0; color:#504840; font-size:12.5px; line-height:1.6; } body.woocommerce-account .woocommerce-message::before, body.woocommerce-account .woocommerce-info::before{ color:#b78c4c; } /* ---------------------------------------------------------- LOGIN / REGISTER SCREEN ---------------------------------------------------------- */ body.woocommerce-account:not(.logged-in) .woocommerce{ max-width:1120px; } body.woocommerce-account:not(.logged-in) .woocommerce::before{ content:"WELCOME TO LUMEVIA"; display:block; margin:0 0 10px; text-align:center; font-family:"Manrope",sans-serif; font-size:10px; font-weight:800; letter-spacing:.20em; color:#a97e43; } body.woocommerce-account:not(.logged-in) .woocommerce::after{ content:"Access your orders, addresses and account details."; display:block; margin:14px 0 38px; text-align:center; font-family:"Manrope",sans-serif; font-size:13px; color:#776e65; } body.woocommerce-account #customer_login{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0; } body.woocommerce-account #customer_login .u-column1, body.woocommerce-account #customer_login .u-column2{ width:100%; float:none; padding:38px; border:1px solid rgba(185,154,99,.23); border-radius:18px; background: radial-gradient(circle at 100% 0%,rgba(196,154,88,.08),transparent 30%), #fffdfa; box-shadow:0 18px 42px rgba(45,34,22,.055); } body.woocommerce-account #customer_login h2{ margin:0 0 25px; font-size:42px; line-height:1; } body.woocommerce-account #customer_login form.login, body.woocommerce-account #customer_login form.register{ margin:0; padding:0; border:0; } body.woocommerce-account .woocommerce-form-login__rememberme{ display:flex !important; align-items:center; gap:7px; margin:2px 0 17px !important; font-size:12px !important; letter-spacing:0 !important; text-transform:none !important; } /* ---------------------------------------------------------- DOWNLOADS EMPTY / GENERIC EMPTY STATES ---------------------------------------------------------- */ body.woocommerce-account .woocommerce-Message--info{ min-height:90px; display:flex; align-items:center; flex-wrap:wrap; gap:14px; } /* ---------------------------------------------------------- MOBILE / TABLET ---------------------------------------------------------- */ @media(max-width:980px){ body.woocommerce-account.logged-in .woocommerce{ grid-template-columns:230px minmax(0,1fr); gap:20px; } body.woocommerce-account .woocommerce-MyAccount-content{ padding:32px; } body.woocommerce-account .woocommerce-Addresses{ grid-template-columns:1fr; } } @media(max-width:760px){ body.woocommerce-account .entry-title{ width:calc(100% - 28px); margin:48px auto 28px; font-size:53px; } body.woocommerce-account .woocommerce{ width:calc(100% - 28px); margin-bottom:60px; } body.woocommerce-account.logged-in .woocommerce{ display:block; } body.woocommerce-account .woocommerce-MyAccount-navigation{ position:static; margin:0 0 16px; padding:13px; border-radius:14px; } body.woocommerce-account .woocommerce-MyAccount-navigation::before{ margin:5px 7px 12px; padding-bottom:12px; } body.woocommerce-account .woocommerce-MyAccount-navigation ul{ display:flex; gap:7px; overflow-x:auto; padding-bottom:3px; scrollbar-width:none; } body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display:none; } body.woocommerce-account .woocommerce-MyAccount-navigation li{ flex:0 0 auto; margin:0; } body.woocommerce-account .woocommerce-MyAccount-navigation a{ min-height:40px; padding:0 13px; white-space:nowrap; font-size:9px; } body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{ padding-left:13px; } body.woocommerce-account .woocommerce-MyAccount-content{ min-height:340px; padding:27px 21px; border-radius:14px; } body.woocommerce-account .woocommerce-MyAccount-content h2{ font-size:35px; } body.woocommerce-account #customer_login{ grid-template-columns:1fr; } body.woocommerce-account #customer_login .u-column1, body.woocommerce-account #customer_login .u-column2{ padding:28px 22px; border-radius:14px; } body.woocommerce-account #customer_login h2{ font-size:36px; } body.woocommerce-account .woocommerce table.shop_table{ display:block; overflow-x:auto; white-space:nowrap; } body.woocommerce-account .woocommerce table.shop_table th, body.woocommerce-account .woocommerce table.shop_table td{ padding:14px; } } @media(max-width:480px){ body.woocommerce-account .entry-title{ font-size:47px; } body.woocommerce-account .woocommerce{ width:calc(100% - 18px); } body.woocommerce-account .woocommerce-MyAccount-content{ padding:23px 17px; } body.woocommerce-account .woocommerce-Address{ padding:22px 18px; } body.woocommerce-account .woocommerce fieldset{ padding:20px 16px; } } /* ---------------------------------------------------------- REDUCED MOTION ---------------------------------------------------------- */ @media(prefers-reduced-motion:reduce){ body.woocommerce-account *, body.woocommerce-account *::before, body.woocommerce-account *::after{ scroll-behavior:auto !important; transition:none !important; } } /* ========================================================== LUMEVIA PREMIUM INTRO ========================================================== */ .lv-intro{ position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; background: radial-gradient( circle at center, #29221b 0%, #171410 55%, #100e0c 100% ); opacity:1; visibility:visible; transition: opacity .65s ease, visibility .65s ease; } .lv-intro-inner{ text-align:center; transform:translateY(-5px); } .lv-intro-logo{ font-family:"Cormorant Garamond",serif; font-size:clamp(52px,7vw,92px); font-weight:500; letter-spacing:.20em; color:#fffaf1; opacity:0; transform: translateY(16px) scale(.98); animation: lvLogoReveal .9s cubic-bezier(.19,.75,.25,1) forwards; } .lv-intro-co{ margin-top:5px; font-family:"Manrope",sans-serif; font-size:8px; font-weight:700; letter-spacing:.36em; color:#c9a36a; opacity:0; animation: lvCoReveal .6s ease .45s forwards; } .lv-intro-line{ width:145px; height:1px; margin: 22px auto 0; overflow:hidden; background: rgba(201,163,106,.16); } .lv-intro-line span{ display:block; width:100%; height:100%; background: linear-gradient( 90deg, transparent, #c9a36a, transparent ); transform: translateX(-100%); animation: lvLineReveal .9s ease .55s forwards; } .lv-intro.lv-intro-hide{ opacity:0; visibility:hidden; pointer-events:none; } /* animations */ @keyframes lvLogoReveal{ to{ opacity:1; transform: translateY(0) scale(1); } } @keyframes lvCoReveal{ to{ opacity:1; } } @keyframes lvLineReveal{ to{ transform: translateX(100%); } } /* prevent scroll while intro is visible */ body.lv-intro-active{ overflow:hidden; } /* mobile */ @media(max-width:600px){ .lv-intro-logo{ font-size:48px; letter-spacing:.16em; } .lv-intro-line{ width:115px; } } /* accessibility */ @media(prefers-reduced-motion:reduce){ .lv-intro{ display:none; } } /* ========================================================== LUMEVIA HERO — FINAL DESKTOP + MOBILE FIX ========================================================== */ /* ========================= DESKTOP / LAPTOP ========================= */ @media (min-width: 761px) { .lv-dark-hero { min-height: 650px !important; height: clamp( 650px, calc(100vh - 150px), 820px ) !important; max-height: 820px !important; background: #16100b !important; } /* Prevent portrait image from getting heavily cropped */ .lv-dark-hero-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: right center !important; transform: none !important; } /* VERY LIGHT BLACK OVERLAY — LEFT SIDE ONLY */ .lv-dark-hero-overlay { background: linear-gradient( 90deg, rgba(15, 9, 5, 0.34) 0%, rgba(15, 9, 5, 0.24) 22%, rgba(15, 9, 5, 0.12) 40%, rgba(15, 9, 5, 0.04) 56%, rgba(15, 9, 5, 0.00) 72% ) !important; } } /* ========================= MOBILE ========================= */ @media (max-width: 760px) { /* Keep the mobile image crop because it already looks good */ .lv-dark-hero-image { object-fit: cover !important; object-position: 67% center !important; transform: scale(1.02) !important; } /* LIGHT OVERLAY ON LEFT — CLEAR IMAGE ON RIGHT */ .lv-dark-hero-overlay { background: linear-gradient( 90deg, rgba(15, 9, 5, 0.34) 0%, rgba(15, 9, 5, 0.20) 35%, rgba(15, 9, 5, 0.08) 60%, rgba(15, 9, 5, 0.00) 100% ) !important; } } /* ========================================================== LUMEVIA HERO OVERLAY — FINAL SMOOTH FIX ========================================================== */ /* ========================================================== LUMEVIA HERO OVERLAY — FINAL SMOOTH FIX ========================================================== */ .lv-dark-hero-overlay{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; left:0 !important; right:0 !important; background:linear-gradient( 90deg, rgba(16,10,6,.34) 0%, rgba(16,10,6,.26) 20%, rgba(16,10,6,.16) 38%, rgba(16,10,6,.08) 55%, rgba(16,10,6,.02) 72%, rgba(16,10,6,0) 88% ) !important; clip-path:none !important; opacity:1 !important; pointer-events:none; } @media (min-width:761px){ .lv-dark-hero-image{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center center !important; transform:none !important; } } /* ========================================================== LUMEVIA BEST SELLERS ========================================================== */ .best-sellers-section{ padding-top:72px !important; padding-bottom:82px !important; } .best-sellers-section .section-heading{ margin-bottom:38px !important; } .best-sellers-section .eyebrow{ margin-bottom:10px; font-size:10px; letter-spacing:.22em; color:#a17c48; } .best-sellers-section .section-heading h2{ margin:0; font-family:"Cormorant Garamond",serif; font-size:clamp(50px,4.5vw,68px); line-height:.95; font-weight:500; letter-spacing:-.02em; color:#211d19; } .best-sellers-section .text-link{ margin-bottom:7px; padding-bottom:5px; border-bottom:1px solid #b58b4d; font-size:11px; font-weight:600; letter-spacing:.06em; } /* Small separation before New Arrivals */ .best-sellers-section + .product-section{ border-top:1px solid rgba(181,139,77,.12); } /* MOBILE */ @media(max-width:760px){ .best-sellers-section{ padding-top:52px !important; padding-bottom:58px !important; } .best-sellers-section .section-heading{ margin-bottom:28px !important; } } /* ========================================= BEST SELLERS EMPTY STATE FIX ========================================= */ .best-sellers-section.is-empty{ padding-top:65px !important; padding-bottom:45px !important; min-height:0 !important; } .best-sellers-section.is-empty .section-heading{ margin-bottom:0 !important; } /* normal spacing once products are added */ .best-sellers-section:not(.is-empty){ padding-top:70px !important; padding-bottom:80px !important; } @media(max-width:760px){ .best-sellers-section.is-empty{ padding-top:48px !important; padding-bottom:35px !important; } } /* ========================================================== LUMEVIA — PREMIUM PRIVACY POLICY ========================================================== */ .lv-privacy-page{ background:#f8f5ef; color:#211d19; } /* HERO */ .lv-policy-hero{ padding: clamp(90px,10vw,145px) 24px clamp(70px,8vw,105px); background: linear-gradient( 135deg, #f4eee5 0%, #fbf9f5 52%, #eee5d8 100% ); border-bottom:1px solid rgba(185,154,99,.20); } .lv-policy-hero-inner{ width:min(1220px,100%); margin:auto; } .lv-policy-kicker{ margin:0 0 22px; color:#ad8550; font-family:"Manrope",sans-serif; font-size:10px; font-weight:700; letter-spacing:.23em; } .lv-policy-hero h1{ max-width:850px; margin:0; font-family:"Cormorant Garamond",serif; font-size:clamp(68px,8vw,122px); font-weight:500; line-height:.84; letter-spacing:-.045em; color:#201c18; } .lv-policy-intro{ max-width:690px; margin:38px 0 0; color:#696057; font-family:"Manrope",sans-serif; font-size:15px; line-height:1.8; } .lv-policy-meta{ display:flex; gap:12px; margin-top:31px; color:#958777; font-family:"Manrope",sans-serif; font-size:9px; letter-spacing:.11em; text-transform:uppercase; } /* SUMMARY CARDS */ .lv-policy-summary{ width:min(1220px,calc(100% - 48px)); margin:-35px auto 0; position:relative; z-index:3; display:grid; grid-template-columns:repeat(3,1fr); background:#201d19; box-shadow: 0 25px 60px rgba(44,34,24,.10); } .lv-policy-summary article{ min-height:190px; padding:34px; border-right: 1px solid rgba(255,255,255,.10); } .lv-policy-summary article:last-child{ border-right:0; } .lv-policy-summary span{ color:#c7a16b; font-family:"Manrope",sans-serif; font-size:9px; letter-spacing:.15em; } .lv-policy-summary h3{ margin:22px 0 11px; color:#fffaf3; font-family:"Cormorant Garamond",serif; font-size:27px; font-weight:500; } .lv-policy-summary p{ max-width:300px; margin:0; color:rgba(255,255,255,.60); font-family:"Manrope",sans-serif; font-size:11px; line-height:1.75; } /* MAIN LAYOUT */ .lv-policy-layout{ width:min(1220px,calc(100% - 48px)); margin:auto; display:grid; grid-template-columns:240px minmax(0,1fr); gap:95px; padding: 105px 0 125px; } /* LEFT NAVIGATION */ .lv-policy-nav{ position:sticky; top:115px; align-self:start; display:flex; flex-direction:column; } .lv-policy-nav p{ margin:0 0 21px; color:#ae8653; font-family:"Manrope",sans-serif; font-size:9px; font-weight:700; letter-spacing:.17em; } .lv-policy-nav a{ padding:12px 0; border-bottom: 1px solid rgba(31,29,26,.09); color:#736a61; font-family:"Manrope",sans-serif; font-size:10px; text-decoration:none; transition: color .25s ease, padding-left .25s ease; } .lv-policy-nav a:hover{ color:#ad8550; padding-left:5px; } /* CONTENT */ .lv-policy-content{ max-width:780px; } .lv-policy-block{ position:relative; padding: 0 0 70px; margin-bottom:70px; border-bottom: 1px solid rgba(31,29,26,.10); } .lv-policy-number{ display:block; margin-bottom:16px; color:#b78f59; font-family:"Manrope",sans-serif; font-size:9px; font-weight:700; letter-spacing:.16em; } .lv-policy-block h2{ margin: 0 0 27px; font-family:"Cormorant Garamond",serif; font-size:clamp(38px,4vw,53px); font-weight:500; line-height:1; letter-spacing:-.025em; color:#211d19; } .lv-policy-block p, .lv-policy-block li{ color:#68615a; font-family:"Manrope",sans-serif; font-size:13px; line-height:1.9; } .lv-policy-block p{ margin: 0 0 20px; } .lv-policy-block ul{ margin: 27px 0; padding:0; list-style:none; } .lv-policy-block li{ position:relative; padding: 10px 0 10px 25px; border-bottom: 1px solid rgba(31,29,26,.06); } .lv-policy-block li::before{ content:"✦"; position:absolute; left:0; color:#b88d53; font-size:8px; } /* NOTE */ .lv-policy-note{ margin-top:32px; padding:27px 30px; background:#eee6da; border-left:2px solid #b99159; } .lv-policy-note strong{ display:block; margin-bottom:8px; color:#3c332a; font-family:"Cormorant Garamond",serif; font-size:22px; font-weight:500; } .lv-policy-note p{ margin:0; } /* CONTACT BLOCK */ .lv-policy-contact{ padding:45px; border:1px solid rgba(185,154,99,.27); background:#fffdf9; } .lv-policy-small-title{ color:#ad8550 !important; font-size:9px !important; font-weight:700; letter-spacing:.18em; } .lv-policy-contact a{ display:flex; align-items:center; justify-content:space-between; margin-top:30px; padding: 18px 0; border-top:1px solid #c5a06b; border-bottom:1px solid #c5a06b; color:#211d19; font-family:"Manrope",sans-serif; font-size:11px; font-weight:700; letter-spacing:.07em; text-decoration:none; } .lv-policy-contact a span{ color:#b48750; font-size:18px; transition:transform .25s ease; } .lv-policy-contact a:hover span{ transform:translateX(5px); } /* TABLET */ @media(max-width:900px){ .lv-policy-summary{ grid-template-columns:1fr; } .lv-policy-summary article{ min-height:0; border-right:0; border-bottom: 1px solid rgba(255,255,255,.10); } .lv-policy-layout{ grid-template-columns:1fr; gap:45px; } .lv-policy-nav{ position:static; display:grid; grid-template-columns:repeat(3,1fr); gap:0 18px; } .lv-policy-nav p{ grid-column:1/-1; } } /* MOBILE */ @media(max-width:650px){ .lv-policy-hero{ padding: 75px 18px 70px; } .lv-policy-hero h1{ font-size:68px; } .lv-policy-intro{ font-size:13px; } .lv-policy-meta{ flex-wrap:wrap; } .lv-policy-summary{ width:calc(100% - 24px); margin-top:-25px; } .lv-policy-summary article{ padding:27px 23px; } .lv-policy-layout{ width:calc(100% - 36px); padding: 72px 0 90px; } .lv-policy-nav{ display:none; } .lv-policy-block{ padding-bottom:50px; margin-bottom:50px; } .lv-policy-block h2{ font-size:39px; } .lv-policy-block p, .lv-policy-block li{ font-size:12px; } .lv-policy-contact{ padding:28px 22px; } } /* ========================================================== LUMEVIA SHOP BY CATEGORY — COMPACT PREMIUM VERSION ========================================================== */ /* Whole category section slightly compact */ /* Heading area */ /* Decorative line under heading */ /* Category pill/navigation bar */ .lv-category-tabs{ max-width:1060px !important; } /* CATEGORY CARDS */ .lv-category-grid{ max-width:1320px !important; gap:16px !important; } .lv-category-card{ height:390px !important; border-radius:15px !important; } /* Content inside cards slightly tighter */ .lv-card-content{ left:24px !important; right:68px !important; bottom:24px !important; } /* ========================= TABLET ========================= */ @media(max-width:1050px){ .lv-category-section{ padding: 52px 24px 65px !important; } .lv-category-heading h2{ font-size:52px !important; } .lv-category-card{ height:350px !important; } } /* ========================= MOBILE ========================= */ @media(max-width:650px){ .lv-category-section{ padding: 42px 14px 52px !important; } .lv-category-heading{ margin-bottom:24px !important; } .lv-category-heading h2{ font-size:42px !important; } .lv-category-eyebrow{ margin-bottom:8px !important; } .lv-category-tabs{ min-height:auto !important; margin-bottom:18px !important; } .lv-category-card{ height:315px !important; } } /* ========================================================== LUMEVIA — PREMIUM SOCIAL ICONS ========================================================== */ .lv-footer-social{ display:flex; align-items:center; gap:11px; } .lv-footer-social a{ width:42px !important; height:42px !important; display:flex !important; align-items:center; justify-content:center; border-radius:50%; text-decoration:none; transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease; } .lv-footer-social a i{ font-size:17px; line-height:1; color:inherit; } /* Hover */ /* ========================================================== LUMEVIA — FINAL NAV-MATCH PINK THEME SAME PINK AS HEADER + BROWN FOOTER ========================================================== */ :root{ --lv-pink:#F4E3E3; --lv-pink-light:#FAEEEE; --lv-pink-card:#F8E9E9; --lv-brown:#2B1E1A; --lv-brown-soft:#392720; --lv-gold:#C6A15B; --lv-gold-soft:#D8BA80; --lv-text:#2B211E; --lv-muted:#806D68; } /* ========================================================== MAIN WEBSITE BACKGROUND ========================================================== */ html, body{ background:#F4E3E3 !important; color:var(--lv-text); } main{ background:#F4E3E3 !important; } /* Generic sections */ .section, .site-main, .page-content, .entry-content{ background-color:#F4E3E3; } /* ========================================================== HEADER — EXACT SAME PINK ========================================================== */ .site-header, body.home .site-header, body.home .site-header.scrolled{ background:#F4E3E3 !important; border-bottom: 1px solid rgba(43,30,26,.10) !important; box-shadow: 0 5px 20px rgba(43,30,26,.04); } /* HEADER TEXT */ .site-header .brand, .site-header .desktop-nav a, .site-header .header-actions a, body.home .site-header .brand, body.home .site-header .desktop-nav a, body.home .site-header .header-actions a, body.home .site-header.scrolled .brand, body.home .site-header.scrolled .desktop-nav a, body.home .site-header.scrolled .header-actions a{ color:#2B1E1A !important; } /* HOVER */ .site-header .desktop-nav a:hover, .site-header .header-actions a:hover{ color:#A67D42 !important; } /* BAG */ .site-header .cart-button, body.home .site-header.scrolled .cart-button{ color:#2B1E1A !important; border-color: rgba(43,30,26,.18) !important; background: rgba(255,255,255,.16) !important; } /* ========================================================== IMPORTANT: KEEP HOMEPAGE HERO DARK ========================================================== */ .lv-dark-hero{ background:#17110E !important; } /* Do NOT apply pink over the hero image */ /* ========================================================== SHOP BY CATEGORY ========================================================== */ .lv-category-section{ background:#F4E3E3 !important; } /* remove old beige gradient decorations */ .lv-category-section::before, .lv-category-section::after{ opacity:.35; } /* heading */ .lv-category-eyebrow p, .lv-category-eyebrow b, .lv-heading-decoration b{ color:#B0864B !important; } /* category navigation pill */ .lv-category-tabs{ background:#FAEEEE !important; border: 1px solid rgba(43,30,26,.09) !important; box-shadow: 0 10px 30px rgba(43,30,26,.035) !important; } .lv-category-tabs a{ color:#2B1E1A !important; } .lv-category-tabs a:hover{ color:#A67D42 !important; } /* ========================================================== NEW ARRIVALS / BEST SELLERS ========================================================== */ .product-section, .section.product-section{ background:#F4E3E3 !important; } .product-section h2, .product-section .section-heading h2{ color:#2B1E1A !important; } .product-section .eyebrow{ color:#A67D42 !important; } .product-section .text-link{ color:#2B1E1A !important; border-color:#C6A15B !important; } .product-section .text-link:hover{ color:#A67D42 !important; } /* PRODUCT CARDS */ .product-card, .woocommerce ul.products li.product{ background:#FAEEEE !important; border: 1px solid rgba(43,30,26,.07) !important; box-shadow: 0 8px 25px rgba(43,30,26,.035); } /* ========================================================== SIGNATURE EDIT ========================================================== */ .lv-signature-section{ background:#F4E3E3 !important; } .lv-signature-content{ background:#F8E9E9 !important; } .lv-signature-copy h2, .lv-signature-script{ color:#2B1E1A !important; } .lv-signature-description{ color:#806D68 !important; } .lv-signature-kicker, .lv-signature-divider b{ color:#B0864B !important; } .lv-signature-primary{ background:#2B1E1A !important; color:#FFF7F2 !important; } .lv-signature-primary:hover{ background:#392720 !important; } /* ========================================================== OUR STORY ========================================================== */ .lv-story-section{ background:#F4E3E3 !important; } .lv-story-content{ background:#F4E3E3 !important; } .lv-story-content h2, .lv-story-copy h2{ color:#2B1E1A !important; } .lv-story-eyebrow, .lv-story-eyebrow b, .lv-story-eyebrow span{ color:#B0864B !important; } /* ========================================================== CONTACT PAGE ========================================================== */ .lv-contact-page{ background:#F4E3E3 !important; } .lv-contact-page h1, .lv-contact-page h2{ color:#2B1E1A !important; } /* ========================================================== PRIVACY + SHIPPING & RETURNS ========================================================== */ .lv-policy-page, .lv-privacy-page{ background:#F4E3E3 !important; } .lv-policy-page{ --lp-paper:#FAEEEE; --lp-paper-soft:#F4E3E3; --lp-dark:#2B1E1A; --lp-text:#2B1E1A; --lp-muted:#806D68; --lp-gold:#C6A15B; --lp-gold-soft:#D8BA80; --lp-line: rgba(43,30,26,.10); } .lv-policy-page h1, .lv-policy-page h2, .lv-privacy-page h1, .lv-privacy-page h2{ color:#2B1E1A !important; } /* ========================================================== WOOCommerce SHOP / ACCOUNT / CART ========================================================== */ .woocommerce, .woocommerce-page{ background:#F4E3E3 !important; } .woocommerce-account .woocommerce, .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce{ background:#F4E3E3 !important; } /* Buttons */ .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit{ background:#2B1E1A !important; color:#FFF7F2 !important; } .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce input.button:hover{ background:#392720 !important; } /* ========================================================== LUMEVIA FOOTER — ROSE CHAMPAGNE LUXURY SHINE ========================================================== */ .lv-footer{ --lv-footer-pink-1:#F7E8E8; --lv-footer-pink-2:#F1DADA; --lv-footer-pink-3:#EACFCF; --lv-footer-brown:#2B1E1A; --lv-footer-muted:#78635F; --lv-footer-gold:#C79A55; --lv-footer-gold-light:#E0C18A; position:relative; overflow:hidden; background: radial-gradient( circle at 12% 10%, rgba(255,255,255,.80), transparent 25% ), radial-gradient( circle at 88% 75%, rgba(199,154,85,.12), transparent 30% ), linear-gradient( 135deg, var(--lv-footer-pink-1) 0%, var(--lv-footer-pink-2) 52%, var(--lv-footer-pink-3) 100% ) !important; border: 1px solid rgba(199,154,85,.32) !important; box-shadow: 0 22px 60px rgba(85,54,48,.10), inset 0 1px 0 rgba(255,255,255,.65); isolation:isolate; } /* ========================================================== PEARL / SHIMMER LIGHT ========================================================== */ .lv-footer::before{ content:""; position:absolute; inset:-60% -25%; z-index:0; background: linear-gradient( 115deg, transparent 36%, rgba(255,255,255,0) 42%, rgba(255,255,255,.32) 48%, rgba(255,255,255,.12) 51%, rgba(255,255,255,0) 57%, transparent 64% ); transform:translateX(-38%); animation: lumeviaFooterShine 10s ease-in-out infinite; pointer-events:none; } @keyframes lumeviaFooterShine{ 0%, 35%{ transform: translateX(-42%); } 65%, 100%{ transform: translateX(42%); } } /* Soft gold glow */ .lv-footer::after{ content:""; position:absolute; width:430px; height:430px; right:-180px; top:-210px; border-radius:50%; background: radial-gradient( circle, rgba(224,193,138,.18), rgba(224,193,138,.04) 42%, transparent 70% ); z-index:0; pointer-events:none; } /* Keep content above shine */ .lv-footer > *{ position:relative; z-index:1; } /* ========================================================== FOOTER SECTIONS ========================================================== */ .lv-footer-newsletter, .lv-footer-main, .lv-footer-trust, .lv-footer-bottom{ background: transparent !important; border-color: rgba(105,73,66,.12) !important; } /* ========================================================== NEWSLETTER ========================================================== */ .lv-newsletter-left > p{ color: #9A6D3E !important; } .lv-newsletter-left h2{ color: var(--lv-footer-brown) !important; } .lv-newsletter-left h2 em{ color: var(--lv-footer-gold) !important; } .lv-newsletter-right > p{ color: var(--lv-footer-muted) !important; } .lv-newsletter-form input{ color: var(--lv-footer-brown) !important; border-color: rgba(92,61,54,.20) !important; } .lv-newsletter-form input::placeholder{ color: #967E78 !important; } .lv-newsletter-form button{ color: #9C7137 !important; } /* ========================================================== BRAND ========================================================== */ .lv-footer-logo, .lv-footer-logo span{ color: var(--lv-footer-brown) !important; } .lv-footer-logo small{ color: var(--lv-footer-gold) !important; } .lv-footer-brand-copy{ color: var(--lv-footer-muted) !important; } /* ========================================================== FOOTER HEADINGS ========================================================== */ .lv-footer-heading{ color: #95682F !important; } .lv-footer-heading::after{ background: linear-gradient( 90deg, var(--lv-footer-gold), var(--lv-footer-gold-light) ) !important; } /* ========================================================== FOOTER LINKS ========================================================== */ .lv-footer-column a{ color: #695652 !important; } .lv-footer-column a:hover{ color: var(--lv-footer-brown) !important; transform: translateX(4px); } /* ========================================================== SOCIAL ICONS — PREMIUM GOLD GLASS ========================================================== */ .lv-footer-social a{ color: #9B713A !important; background: rgba(255,255,255,.28) !important; border: 1px solid rgba(177,129,67,.38) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 5px 15px rgba(93,59,52,.05); backdrop-filter: blur(5px); } .lv-footer-social a:hover{ background: linear-gradient( 135deg, #D8B370, #B98945 ) !important; border-color: #C79A55 !important; color: #2B1E1A !important; transform: translateY(-4px); box-shadow: 0 9px 24px rgba(167,116,58,.20); } /* ========================================================== TRUST STRIP ========================================================== */ .lv-footer-trust{ background: rgba(255,255,255,.10) !important; } .lv-footer-trust-icon{ color: var(--lv-footer-gold) !important; } .lv-footer-trust-item strong{ color: var(--lv-footer-brown) !important; } .lv-footer-trust-item span{ color: var(--lv-footer-muted) !important; } /* ========================================================== BOTTOM ========================================================== */ .lv-footer-bottom{ color: #806B65 !important; } .lv-footer-bottom-links a{ color: #806B65 !important; } .lv-footer-bottom-links a:hover{ color: #9B713A !important; } /* ========================================================== MOBILE ========================================================== */ @media(max-width:700px){ .lv-footer::before{ animation-duration: 13s; } } /* Accessibility */ @media(prefers-reduced-motion:reduce){ .lv-footer::before{ animation:none; } } /* ========================================================== LUMEVIA — COMPACT TOP BAR + HERO TEXT ========================================================== */ /* ========================= TOP ANNOUNCEMENT BAR ========================= */ .announcement, body.home .announcement{ min-height:28px !important; padding: 5px 18px !important; background: #F4E3E3 !important; color: #5F4B46 !important; font-size: 9px !important; border-bottom: 1px solid rgba(43,30,26,.08); } /* Header starts immediately after thinner bar */ body.home .site-header{ top:28px !important; } /* Logged-in WordPress admin */ body.admin-bar.home .site-header{ top:28px !important; } /* ========================= HERO LEFT CONTENT ========================= */ @media(min-width:761px){ .lv-dark-hero-inner{ padding: 125px 6.5vw 68px !important; } .lv-dark-hero-content{ width: min(590px,44vw) !important; } /* Small heading */ .lv-dark-eyebrow{ font-size: 10px !important; margin-bottom: 18px !important; } /* Main heading */ .lv-dark-title{ font-size: clamp( 56px, 4.9vw, 78px ) !important; line-height: .91 !important; } /* Description */ .lv-dark-description{ max-width: 410px !important; margin-top: 22px !important; font-size: 13.5px !important; line-height: 1.7 !important; } /* Buttons area */ .lv-dark-buttons{ margin-top: 27px !important; gap: 13px !important; } .lv-dark-btn{ min-height: 51px !important; padding: 0 24px !important; font-size: 9.5px !important; } /* Reviews */ .lv-dark-proof{ margin-top: 31px !important; } } /* ========================= MOBILE TOP BAR ========================= */ @media(max-width:700px){ .announcement, body.home .announcement{ min-height: 26px !important; padding: 5px 10px !important; } body.home .site-header{ top: 26px !important; } } /* ========================================================== LUMEVIA HERO — GOLD TEXT VISIBILITY FIX ========================================================== */ /* THE NEW JEWELRY EDIT */ .lv-dark-eyebrow{ color:#95662F !important; font-weight:700 !important; text-shadow: 0 1px 8px rgba(255,255,255,.18); opacity:1 !important; } /* GLOW */ .lv-glow-word{ color:#B7833E !important; font-style:italic; text-shadow: 0 2px 12px rgba(97,59,28,.10); opacity:1 !important; } /* ========================= LUMEVIA CATEGORY PAGE Premium Pink Archive Style ========================= */ body.tax-product_cat { background: #f8eef1; color: #2f2326; } /* Main shop content width */ body.tax-product_cat .site-main, body.tax-product_cat .woocommerce-products-header, body.tax-product_cat .woocommerce-notices-wrapper, body.tax-product_cat .woocommerce-result-count, body.tax-product_cat .woocommerce-ordering, body.tax-product_cat ul.products { max-width: 1240px; margin-left: auto; margin-right: auto; } /* Category header area */ body.tax-product_cat .woocommerce-products-header { margin-top: 34px; margin-bottom: 18px; } /* Result count + sorting */ body.tax-product_cat .woocommerce-result-count { margin-top: 8px; padding: 0 10px; } body.tax-product_cat .woocommerce-ordering { margin-bottom: 26px; padding: 0 10px; text-align: right; } body.tax-product_cat .woocommerce-ordering select { outline: none; } /* Product grid */ /* Product card */ body.tax-product_cat ul.products li.product { position: relative; } /* Product image */ /* Sale badge */ /* Product title */ /* Price */ /* Add to cart button */ body.tax-product_cat ul.products li.product .button:hover, body.tax-product_cat ul.products li.product .add_to_cart_button:hover { opacity: 0.95; } /* Make single product card not stuck awkwardly */ body.tax-product_cat ul.products.columns-4, body.tax-product_cat ul.products.columns-3, body.tax-product_cat ul.products.columns-2 { justify-content: start; } /* Space below product title area */ body.tax-product_cat .products.columns-4::after, body.tax-product_cat .products.columns-3::after, body.tax-product_cat .products.columns-2::after { content: ""; display: block; } /* Mobile */ @media (max-width: 768px) { body.tax-product_cat .woocommerce-products-header { padding: 30px 22px; border-radius: 20px; margin-top: 20px; } body.tax-product_cat .woocommerce-products-header__title.page-title { font-size: 42px; } body.tax-product_cat .woocommerce-ordering { text-align: left; } body.tax-product_cat .woocommerce-ordering select { width: 100%; } body.tax-product_cat ul.products { grid-template-columns: 1fr; gap: 22px; } body.tax-product_cat ul.products li.product a img { height: 320px; } } /* ========================================= LUMEVIA CATEGORY PAGE OVERRIDE Compact cards + premium archive heading ========================================= */ /* 1) Top category header ko premium banao */ body.tax-product_cat .woocommerce-products-header { max-width: 1180px; margin: 28px auto 18px; padding: 34px 42px 24px; border-radius: 26px; background: linear-gradient(135deg, #faeef1 0%, #f6e7eb 100%); border: 1px solid rgba(160, 122, 133, 0.12); box-shadow: 0 14px 36px rgba(94, 63, 73, 0.07); position: relative; overflow: hidden; } /* decorative soft glow */ body.tax-product_cat .woocommerce-products-header::before { content: ""; position: absolute; top: -40px; right: -40px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 70%); pointer-events: none; } /* Earrings heading */ body.tax-product_cat .woocommerce-products-header__title.page-title { font-size: clamp(44px, 5vw, 68px); line-height: 0.95; letter-spacing: -0.03em; text-transform: capitalize; color: #24181d; margin: 10px 0 10px; position: relative; } /* heading ke upar premium small text */ body.tax-product_cat .woocommerce-products-header__title.page-title::before { content: "LUMEVIA COLLECTION"; display: block; font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase; color: #c79d58; margin-bottom: 14px; font-family: inherit; } /* heading ke neeche decorative line */ body.tax-product_cat .woocommerce-products-header__title.page-title::after { content: ""; display: block; width: 88px; height: 2px; margin-top: 16px; background: linear-gradient(to right, #d8b06a, #f0d7a8); border-radius: 99px; } /* Agar category description add karo to yeh styling lagegi */ body.tax-product_cat .term-description, body.tax-product_cat .archive-description { font-size: 15px; line-height: 1.8; color: #6e5961; max-width: 620px; margin-top: 12px; } /* Result count + sorting thora clean */ body.tax-product_cat .woocommerce-result-count, body.tax-product_cat .woocommerce-ordering { max-width: 1180px; margin-left: auto; margin-right: auto; padding: 0 8px; } body.tax-product_cat .woocommerce-result-count { color: #7a666d; font-size: 14px; margin-bottom: 18px; } body.tax-product_cat .woocommerce-ordering select { min-width: 220px; background: #fffafb; color: #3d2b30; border: 1px solid rgba(109, 77, 88, 0.16); border-radius: 12px; padding: 11px 14px; box-shadow: 0 8px 20px rgba(72, 44, 53, 0.05); } /* 2) Product grid ko thora compact karo */ body.tax-product_cat ul.products { max-width: 1180px; margin: 0 auto; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(230px, 270px)); justify-content: start; gap: 22px; padding: 0 8px 60px !important; list-style: none; } /* Product card */ body.tax-product_cat ul.products li.product { width: 100% !important; float: none !important; margin: 0 !important; background: rgba(255, 251, 252, 0.96); border: 1px solid rgba(141, 108, 118, 0.10); border-radius: 20px; padding: 14px 14px 18px; box-shadow: 0 12px 30px rgba(77, 50, 59, 0.07); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; overflow: hidden; } body.tax-product_cat ul.products li.product:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(77, 50, 59, 0.12); border-color: rgba(188, 150, 161, 0.28); } /* Product image thori choti */ body.tax-product_cat ul.products li.product a img { width: 100%; height: 300px; object-fit: cover; border-radius: 16px; margin-bottom: 14px; background: #f4ecef; } /* Sale badge */ body.tax-product_cat ul.products li.product .onsale { top: 16px !important; left: 16px !important; right: auto !important; min-width: auto; min-height: auto; padding: 8px 13px; border-radius: 999px; background: linear-gradient(135deg, #dcb46f 0%, #b8893b 100%); color: #fff !important; font-size: 11px; font-weight: 600; line-height: 1; box-shadow: 0 8px 18px rgba(184, 137, 59, 0.22); } /* Title */ body.tax-product_cat ul.products li.product .woocommerce-loop-product__title { font-size: 19px; line-height: 1.35; color: #24181d; margin: 6px 0 8px; padding: 0; } /* Price */ body.tax-product_cat ul.products li.product .price { display: block; font-size: 17px; font-weight: 600; color: #b88748 !important; margin-bottom: 14px; } body.tax-product_cat ul.products li.product .price del { color: #9d8a8f; opacity: 0.7; margin-right: 6px; } body.tax-product_cat ul.products li.product .price ins { text-decoration: none; color: #b88748; } /* Button */ body.tax-product_cat ul.products li.product .button, body.tax-product_cat ul.products li.product .add_to_cart_button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; border-radius: 12px; background: linear-gradient(135deg, #d4aa62 0%, #b98438 100%); color: #fff !important; font-weight: 600; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; border: none; box-shadow: 0 12px 25px rgba(183, 133, 57, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } body.tax-product_cat ul.products li.product .button:hover, body.tax-product_cat ul.products li.product .add_to_cart_button:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(183, 133, 57, 0.24); } /* Mobile */ @media (max-width: 768px) { body.tax-product_cat .woocommerce-products-header { padding: 26px 20px 20px; border-radius: 20px; margin-top: 20px; } body.tax-product_cat .woocommerce-products-header__title.page-title { font-size: 40px; } body.tax-product_cat ul.products { grid-template-columns: 1fr; gap: 18px; } body.tax-product_cat ul.products li.product a img { height: 280px; } } /* ========================================================== LUMEVIA — COMPACT 5 CATEGORY SECTION ========================================================== */ /* SECTION */ .lv-category-section{ padding: 52px 5vw 62px !important; } /* ========================================================== HEADING — COMPACT ========================================================== */ .lv-category-heading{ max-width:760px !important; margin: 0 auto 26px !important; } .lv-category-eyebrow{ margin-bottom: 7px !important; } .lv-category-eyebrow p{ font-size: 9px !important; letter-spacing: .20em !important; } .lv-category-heading h2{ font-size: clamp( 42px, 4vw, 58px ) !important; line-height: .95 !important; color: #2B1E1A !important; } .lv-heading-decoration{ margin-top: 15px !important; } /* ========================================================== TOP CATEGORY TAB BAR — 5 ITEMS ========================================================== */ .lv-category-tabs{ width: min( 1100px, 100% ) !important; min-height: 60px !important; margin: 0 auto 20px !important; padding: 0 10px !important; display:grid !important; grid-template-columns: repeat( 5, minmax(0,1fr) ) !important; } .lv-category-tabs a{ min-height: 58px !important; padding: 0 10px !important; display:flex; justify-content:center; align-items:center; gap: 8px !important; font-size: 9.5px !important; letter-spacing: .13em !important; border-right: 1px solid rgba( 43, 30, 26, .08 ); } .lv-category-tabs a:last-child{ border-right: 0; } .lv-tab-icon{ width: 20px !important; height: 20px !important; } .lv-tab-icon svg{ width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================== 5 CATEGORY CARDS ========================================================== */ .lv-category-grid-five{ width: min( 1420px, 100% ); margin: 0 auto; display:grid !important; grid-template-columns: repeat( 5, minmax(0,1fr) ) !important; gap: 14px !important; } /* CARD */ .lv-category-grid-five .lv-category-card{ height: 355px !important; min-height: 355px !important; border-radius: 16px !important; } /* IMAGE */ .lv-category-grid-five .lv-category-card img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } /* CONTENT */ .lv-category-grid-five .lv-card-content{ left: 19px !important; right: 56px !important; bottom: 20px !important; } /* CARD TITLE */ .lv-category-grid-five .lv-card-content h3{ font-size: 27px !important; line-height: 1 !important; margin: 8px 0 7px !important; } /* DESCRIPTION */ .lv-category-grid-five .lv-card-content p{ max-width: 155px; font-size: 10.5px !important; line-height: 1.5 !important; } /* ARROW */ .lv-category-grid-five .lv-card-arrow{ width: 43px !important; height: 43px !important; right: 16px !important; bottom: 18px !important; font-size: 18px !important; } /* ========================================================== TABLET ========================================================== */ @media(max-width:1100px){ .lv-category-grid-five{ grid-template-columns: repeat( 3, minmax(0,1fr) ) !important; } .lv-category-tabs{ grid-template-columns: repeat( 5, minmax( 145px, 1fr ) ) !important; overflow-x: auto; } .lv-category-grid-five .lv-category-card{ height: 340px !important; min-height: 340px !important; } } /* ========================================================== SMALL TABLET ========================================================== */ @media(max-width:800px){ .lv-category-section{ padding: 42px 18px 52px !important; } .lv-category-grid-five{ grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 12px !important; } .lv-category-grid-five .lv-category-card{ height: 320px !important; min-height: 320px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:560px){ .lv-category-heading h2{ font-size: 40px !important; } .lv-category-tabs{ display:flex !important; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; } .lv-category-tabs::-webkit-scrollbar{ display:none; } .lv-category-tabs a{ min-width: 135px; flex: 0 0 auto; } .lv-category-grid-five{ grid-template-columns: 1fr !important; } .lv-category-grid-five .lv-category-card{ height: 340px !important; min-height: 340px !important; } } .lv-new-arrivals { --lv-ink: #26191b; --lv-muted: #806d70; --lv-gold: #a97539; --lv-gold-light: #d5ae7b; --lv-blush: #f7e9ea; --lv-paper: #fffaf8; position: relative; overflow: hidden; padding: clamp(48px, 5vw, 72px) 24px; background: radial-gradient(circle at 9% 15%, rgba(255, 255, 255, .76), transparent 27%), linear-gradient(135deg, #f9eeee 0%, var(--lv-blush) 48%, #f3e0e2 100%); color: var(--lv-ink); isolation: isolate; } .lv-new-arrivals__glow { position: absolute; z-index: -1; width: 320px; height: 320px; border-radius: 50%; background: rgba(255, 255, 255, .25); filter: blur(2px); pointer-events: none; } .lv-new-arrivals__glow--one { top: -240px; right: 5%; } .lv-new-arrivals__glow--two { bottom: -310px; left: -120px; } .lv-new-arrivals__inner { width: min(100%, 1320px); margin-inline: auto; } .lv-new-arrivals__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: clamp(28px, 3vw, 42px); } .lv-new-arrivals__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; color: var(--lv-gold); font: 600 10px/1.2 Arial, sans-serif; letter-spacing: .28em; text-transform: uppercase; } .lv-new-arrivals__eyebrow span { display: inline-block; width: 32px; height: 1px; background: currentColor; } .lv-new-arrivals h2 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(40px, 4.2vw, 62px); font-weight: 400; line-height: 1; letter-spacing: -.045em; } .lv-new-arrivals__intro { max-width: 520px; margin: 14px 0 0; color: var(--lv-muted); font: 400 13px/1.65 Arial, sans-serif; letter-spacing: .015em; } .lv-new-arrivals__view-all { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; padding: 10px 0 8px; border-bottom: 1px solid var(--lv-gold-light); color: var(--lv-ink); font: 600 10px/1 Arial, sans-serif; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; transition: color .25s ease, border-color .25s ease; } .lv-new-arrivals__view-all svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; transition: transform .25s ease; } .lv-new-arrivals__view-all:hover { color: var(--lv-gold); border-color: var(--lv-gold); } .lv-new-arrivals__view-all:hover svg { transform: translateX(4px); } .lv-new-arrivals__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 280px)); justify-content: center; gap: clamp(18px, 2vw, 28px); } .lv-new-arrivals__grid--1 { grid-template-columns: minmax(240px, 280px); justify-content: center; } .lv-new-arrivals__grid--2 { grid-template-columns: repeat(2, minmax(240px, 280px)); justify-content: center; } .lv-new-arrivals__grid--3 { grid-template-columns: repeat(3, minmax(240px, 280px)); justify-content: center; } .lv-product-card { min-width: 0; margin: 0; background: transparent; } .lv-product-card__media { position: relative; overflow: hidden; aspect-ratio: 4 / 4.9; background: #ead9d7; box-shadow: 0 12px 28px rgba(63, 33, 37, .065); } .lv-product-card__image-link { display: block; width: 100%; height: 100%; } .lv-product-card__image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; transition: opacity .55s ease, transform .75s cubic-bezier(.2,.65,.3,1); } .lv-product-card__image--hover { opacity: 0; } .lv-product-card:hover .lv-product-card__image--main { transform: scale(1.045); } .lv-product-card:hover .lv-product-card__image--hover { opacity: 1; transform: scale(1.045); } .lv-product-card__badge { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 8px 10px 7px; background: rgba(255, 250, 248, .94); box-shadow: 0 7px 22px rgba(40, 20, 24, .08); color: var(--lv-ink); font: 600 9px/1 Arial, sans-serif; letter-spacing: .2em; text-transform: uppercase; } .lv-product-card__quick-add { position: absolute; z-index: 3; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, .65); background: rgba(255, 250, 248, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: var(--lv-ink); font: 600 10px/1 Arial, sans-serif; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; opacity: 0; transform: translateY(10px); transition: background .28s ease, color .28s ease, opacity .28s ease, transform .28s ease; } .lv-product-card__quick-add svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; } .lv-product-card:hover .lv-product-card__quick-add, .lv-product-card__quick-add:focus-visible { opacity: 1; transform: translateY(0); } .lv-product-card__quick-add:hover { background: var(--lv-ink); border-color: var(--lv-ink); color: #fff; } .lv-product-card__details { padding: 14px 1px 1px; } .lv-product-card__category { margin: 0 0 6px; color: var(--lv-gold); font: 600 8.5px/1.3 Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; } .lv-product-card__title { margin: 0 0 6px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(16px, 1.15vw, 19px); font-weight: 400; line-height: 1.25; letter-spacing: -.015em; } .lv-product-card__title a { color: inherit; text-decoration: none; transition: color .2s ease; } .lv-product-card__title a:hover { color: var(--lv-gold); } .lv-product-card__price { display: flex; align-items: center; gap: 9px; color: var(--lv-ink); font: 500 13px/1.5 Arial, sans-serif; letter-spacing: .03em; } .lv-product-card__price del { color: #a59396; opacity: 1; } .lv-product-card__price ins, .lv-product-card__price ins .woocommerce-Price-amount, .lv-product-card__price ins .woocommerce-Price-currencySymbol { color: var(--lv-gold) !important; font-weight: 600; text-decoration: none; } .lv-new-arrivals__empty { margin: 0; padding: 44px 24px; border: 1px solid rgba(169, 117, 57, .22); background: rgba(255, 250, 248, .45); color: var(--lv-muted); font: 400 16px/1.6 Georgia, serif; text-align: center; } @media (max-width: 1024px) { .lv-new-arrivals__grid, .lv-new-arrivals__grid--3 { grid-template-columns: repeat(2, minmax(0, 280px)); justify-content: center; } } @media (max-width: 680px) { .lv-new-arrivals { padding: 44px 12px 48px; } .lv-new-arrivals__header { align-items: flex-start; gap: 16px; margin-bottom: 26px; } .lv-new-arrivals__intro { display: none; } .lv-new-arrivals h2 { font-size: clamp(34px, 11vw, 46px); } .lv-new-arrivals__view-all { margin-top: 25px; font-size: 8px; } .lv-new-arrivals__grid, .lv-new-arrivals__grid--1, .lv-new-arrivals__grid--2, .lv-new-arrivals__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 10px; } .lv-product-card__media { aspect-ratio: 4 / 5; } .lv-product-card__badge { top: 9px; left: 9px; padding: 7px 8px 6px; font-size: 8px; } .lv-product-card__quick-add { left: 8px; right: 8px; bottom: 8px; min-height: 42px; padding: 9px; font-size: 8px; opacity: 1; transform: none; } .lv-product-card__quick-add svg { display: none; } .lv-product-card__details { padding-top: 11px; } .lv-product-card__category { margin-bottom: 6px; font-size: 8px; } .lv-product-card__title { margin-bottom: 5px; font-size: 14px; } .lv-product-card__price { flex-wrap: wrap; gap: 5px; font-size: 10.5px; } } @media (prefers-reduced-motion: reduce) { .lv-new-arrivals *, .lv-new-arrivals *::before, .lv-new-arrivals *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } } /* * Lumevia — Premium WooCommerce Single Product Page * Paste this entire file at the END of your child theme's style.css. * Clear all cache and press Ctrl + F5 after saving. */ body.single-product { --lv-product-ink: #291b1d; --lv-product-muted: #7e6b6e; --lv-product-gold: #ad7b3b; --lv-product-gold-light: #d6b27d; --lv-product-paper: #fffaf8; --lv-product-blush: #f7e9ea; --lv-product-line: rgba(118, 79, 61, .15); background: radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .72), transparent 26%), linear-gradient(145deg, #fbf1f1 0%, var(--lv-product-blush) 52%, #f3dfe2 100%); color: var(--lv-product-ink); } /* Main premium two-column product composition */ body.single-product div.product.type-product { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(390px, .82fr); column-gap: clamp(40px, 5vw, 72px); align-items: start; width: min(calc(100% - 48px), 1280px); max-width: 1280px; margin: clamp(44px, 5vw, 72px) auto clamp(64px, 7vw, 100px); padding: 0; } body.single-product div.product.type-product::before, body.single-product div.product.type-product::after { display: none; content: none; } /* Product gallery */ body.single-product div.product.type-product div.images.woocommerce-product-gallery { grid-column: 1; float: none !important; width: 100% !important; margin: 0 !important; } body.single-product .woocommerce-product-gallery__wrapper { overflow: hidden; margin: 0; border: 1px solid rgba(173, 123, 59, .16); background: #ead8d5; box-shadow: 0 22px 55px rgba(63, 34, 38, .095); } body.single-product .woocommerce-product-gallery__image { background: #ead8d5; } body.single-product .woocommerce-product-gallery__image a { display: block; width: 100%; height: 100%; } body.single-product .woocommerce-product-gallery__image img { display: block; width: 100% !important; height: auto !important; max-height: 690px; margin: 0; object-fit: cover; object-position: center; transition: transform .75s cubic-bezier(.2, .65, .3, 1); } body.single-product .woocommerce-product-gallery__image:hover img { transform: scale(1.018); } /* Premium thumbnail rail */ body.single-product .woocommerce-product-gallery .flex-control-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0 !important; padding: 0; list-style: none; } body.single-product .woocommerce-product-gallery .flex-control-thumbs li { float: none !important; width: 100% !important; margin: 0 !important; } body.single-product .woocommerce-product-gallery .flex-control-thumbs img { display: block; width: 100%; aspect-ratio: 1 / 1; border: 1px solid transparent; background: #f1dfe0; object-fit: cover; opacity: .58; cursor: pointer; transition: opacity .25s ease, border-color .25s ease, transform .25s ease; } body.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover, body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active { border-color: var(--lv-product-gold); opacity: 1; transform: translateY(-2px); } /* Replace the default green sale circle */ body.single-product div.product.type-product span.onsale { top: 18px !important; left: 18px !important; z-index: 7; min-width: 0; min-height: 0; margin: 0; padding: 10px 15px 9px; border: 1px solid rgba(255, 255, 255, .38); border-radius: 0; background: var(--lv-product-gold); box-shadow: 0 10px 25px rgba(47, 26, 20, .14); color: #fffaf7; font: 600 9px/1 Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; } body.single-product div.product.type-product .woocommerce-product-gallery__trigger { top: 18px; right: 18px; width: 42px; height: 42px; border: 1px solid rgba(173, 123, 59, .22); border-radius: 50%; background: rgba(255, 250, 248, .94); box-shadow: 0 8px 22px rgba(44, 22, 26, .09); } /* Premium purchase panel */ body.single-product div.product.type-product .summary.entry-summary { grid-column: 2; position: sticky; top: 138px; float: none !important; width: 100% !important; margin: 0 !important; padding: clamp(32px, 3.5vw, 48px); border: 1px solid var(--lv-product-line); background: linear-gradient(135deg, rgba(255, 255, 255, .5), transparent 48%), rgba(255, 250, 248, .78); box-shadow: 0 22px 60px rgba(63, 34, 38, .075); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } body.single-product div.product.type-product .summary.entry-summary::before { display: block; width: 44px; height: 1px; margin: 0 0 20px; background: var(--lv-product-gold); content: ""; } body.single-product div.product.type-product .product_title { margin: 0 0 20px; color: var(--lv-product-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(40px, 4.15vw, 62px); font-weight: 400; line-height: 1.02; letter-spacing: -.045em; } body.single-product div.product.type-product .summary .price { display: flex; align-items: baseline; gap: 10px; margin: 0 0 22px; color: var(--lv-product-gold); font: 600 20px/1.3 Arial, sans-serif; letter-spacing: .015em; } body.single-product div.product.type-product .summary .price del, body.single-product div.product.type-product .summary .price del .woocommerce-Price-amount, body.single-product div.product.type-product .summary .price del .woocommerce-Price-currencySymbol { color: #a89799 !important; font-size: 14px; font-weight: 400; opacity: 1; } body.single-product div.product.type-product .summary .price ins, body.single-product div.product.type-product .summary .price ins .woocommerce-Price-amount, body.single-product div.product.type-product .summary .price ins .woocommerce-Price-currencySymbol { color: var(--lv-product-gold) !important; font-weight: 600; text-decoration: none; } body.single-product div.product.type-product .woocommerce-product-details__short-description { margin: 0 0 26px; color: var(--lv-product-muted); font: 400 14px/1.8 Arial, sans-serif; letter-spacing: .01em; } body.single-product div.product.type-product .woocommerce-product-details__short-description p { margin: 0; } /* Quantity and luxury add-to-cart action */ body.single-product div.product.type-product form.cart { display: flex; align-items: stretch; gap: 10px; margin: 0 0 26px !important; padding: 22px 0 26px; border-top: 1px solid var(--lv-product-line); border-bottom: 1px solid var(--lv-product-line); } body.single-product div.product.type-product form.cart::before, body.single-product div.product.type-product form.cart::after { display: none; content: none; } body.single-product div.product.type-product form.cart .quantity { float: none; margin: 0 !important; } body.single-product div.product.type-product form.cart .qty { width: 58px; height: 54px; padding: 0 8px; border: 1px solid rgba(41, 27, 29, .22); border-radius: 0; background: rgba(255, 255, 255, .6); color: var(--lv-product-ink); font: 600 13px/1 Arial, sans-serif; text-align: center; outline: none; } body.single-product div.product.type-product form.cart .qty:focus { border-color: var(--lv-product-gold); box-shadow: 0 0 0 3px rgba(173, 123, 59, .1); } body.single-product div.product.type-product .single_add_to_cart_button.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 54px; margin: 0; padding: 15px 28px; border: 1px solid var(--lv-product-ink); border-radius: 0; background: var(--lv-product-ink); box-shadow: none; color: #fffaf8; font: 600 10px/1 Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease; } body.single-product div.product.type-product .single_add_to_cart_button.button::after { font-size: 16px; font-weight: 400; content: "\2192"; transition: transform .25s ease; } body.single-product div.product.type-product .single_add_to_cart_button.button:hover { border-color: var(--lv-product-gold); background: var(--lv-product-gold); color: #fff; transform: translateY(-1px); } body.single-product div.product.type-product .single_add_to_cart_button.button:hover::after { transform: translateX(4px); } /* Product metadata */ body.single-product div.product.type-product .product_meta { display: grid; gap: 9px; margin: 0; color: var(--lv-product-muted); font: 400 11px/1.65 Arial, sans-serif; letter-spacing: .03em; } body.single-product div.product.type-product .product_meta > span { display: block; } body.single-product div.product.type-product .product_meta a { color: var(--lv-product-ink); text-decoration: none; transition: color .2s ease; } body.single-product div.product.type-product .product_meta a:hover { color: var(--lv-product-gold); } /* Premium description and review tabs */ body.single-product div.product.type-product .woocommerce-tabs.wc-tabs-wrapper { grid-column: 1 / -1; width: 100%; margin: clamp(52px, 6vw, 82px) 0 0; padding: clamp(28px, 4vw, 46px); border: 1px solid var(--lv-product-line); background: rgba(255, 250, 248, .64); box-shadow: 0 18px 46px rgba(63, 34, 38, .055); } body.single-product div.product.type-product .woocommerce-tabs ul.tabs { display: flex; gap: 30px; margin: 0 0 30px !important; padding: 0 0 15px !important; border-bottom: 1px solid var(--lv-product-line); } body.single-product div.product.type-product .woocommerce-tabs ul.tabs::before, body.single-product div.product.type-product .woocommerce-tabs ul.tabs::after { display: none !important; content: none !important; } body.single-product div.product.type-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } body.single-product div.product.type-product .woocommerce-tabs ul.tabs li::before, body.single-product div.product.type-product .woocommerce-tabs ul.tabs li::after { display: none !important; } body.single-product div.product.type-product .woocommerce-tabs ul.tabs li a { padding: 0 0 8px !important; border-bottom: 1px solid transparent; color: var(--lv-product-muted) !important; font: 600 10px/1.3 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; } body.single-product div.product.type-product .woocommerce-tabs ul.tabs li.active a { border-color: var(--lv-product-gold); color: var(--lv-product-ink) !important; } body.single-product div.product.type-product .woocommerce-tabs .panel { margin: 0; color: var(--lv-product-muted); font: 400 14px/1.8 Arial, sans-serif; } body.single-product div.product.type-product .woocommerce-tabs .panel h2 { margin: 0 0 14px; color: var(--lv-product-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(25px, 2.4vw, 34px); font-weight: 400; line-height: 1.15; } /* Related and upsell products remain full width */ body.single-product div.product.type-product > .related, body.single-product div.product.type-product > .upsells { grid-column: 1 / -1; width: 100%; margin-top: clamp(58px, 7vw, 92px); } /* Tablet */ @media (max-width: 960px) { body.single-product div.product.type-product { grid-template-columns: minmax(0, 1fr); width: min(calc(100% - 36px), 720px); margin-top: 38px; } body.single-product div.product.type-product div.images.woocommerce-product-gallery, body.single-product div.product.type-product .summary.entry-summary { grid-column: 1; } body.single-product div.product.type-product .summary.entry-summary { position: static; margin-top: 26px !important; } body.single-product div.product.type-product .woocommerce-tabs.wc-tabs-wrapper, body.single-product div.product.type-product > .related, body.single-product div.product.type-product > .upsells { grid-column: 1; } } /* Mobile */ @media (max-width: 560px) { body.single-product div.product.type-product { width: calc(100% - 24px); margin: 24px auto 56px; } body.single-product .woocommerce-product-gallery__image img { max-height: none; } body.single-product .woocommerce-product-gallery .flex-control-thumbs { gap: 7px; margin-top: 8px !important; } body.single-product div.product.type-product .summary.entry-summary { margin-top: 18px !important; padding: 26px 22px 28px; } body.single-product div.product.type-product .summary.entry-summary::before { margin-bottom: 15px; } body.single-product div.product.type-product .product_title { margin-bottom: 15px; font-size: clamp(34px, 11vw, 46px); } body.single-product div.product.type-product .summary .price { margin-bottom: 17px; font-size: 18px; } body.single-product div.product.type-product form.cart { flex-wrap: wrap; padding: 18px 0 22px; } body.single-product div.product.type-product .single_add_to_cart_button.button { flex: 1; min-width: calc(100% - 70px); padding-inline: 16px; } body.single-product div.product.type-product .woocommerce-tabs.wc-tabs-wrapper { margin-top: 36px; padding: 24px 20px; } body.single-product div.product.type-product .woocommerce-tabs ul.tabs { gap: 20px; overflow-x: auto; } } @media (prefers-reduced-motion: reduce) { body.single-product *, body.single-product *::before, body.single-product *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } } /* ========================================= LUMEVIA OPENING LOGO — SIZE FIX ========================================= */ .lv-intro{ position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#17120f !important; z-index:999999 !important; overflow:hidden !important; } .lv-intro-inner{ width:100% !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; padding:30px !important; } /* LOGO WRAPPER */ .lv-intro-logo{ width:auto !important; height:auto !important; margin:0 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; } /* ACTUAL LOGO IMAGE */ .lv-intro-logo img{ width:min(390px, 62vw) !important; max-width:390px !important; height:auto !important; max-height:55vh !important; object-fit:contain !important; object-position:center !important; display:block !important; opacity:0; transform: translateY(12px) scale(.96); animation: lvLogoImageReveal 1.1s cubic-bezier(.22,.75,.25,1) forwards; } /* PREMIUM GOLD LINE */ .lv-intro-line{ width:115px !important; height:1px !important; margin:24px auto 0 !important; overflow:hidden; background:rgba(201,163,106,.15); } .lv-intro-line span{ display:block; width:100%; height:100%; background:linear-gradient( 90deg, transparent, #c9a36a, transparent ); animation: lvIntroLine 1.1s ease .35s both; } @keyframes lvLogoImageReveal{ to{ opacity:1; transform: translateY(0) scale(1); } } @keyframes lvIntroLine{ from{ transform:translateX(-100%); } to{ transform:translateX(100%); } } /* MOBILE */ @media(max-width:600px){ .lv-intro-logo img{ width:min(300px, 78vw) !important; max-height:48vh !important; } .lv-intro-line{ width:90px !important; margin-top:18px !important; } } /* * Lumevia — Premium WooCommerce Cart Page * Add this complete CSS at the END of your child theme's style.css. * It supports the current WooCommerce Cart Block and includes a classic-cart fallback. */ body.woocommerce-cart { --lv-cart-ink: #2b1e20; --lv-cart-muted: #7b686b; --lv-cart-gold: #b17d3e; --lv-cart-gold-light: #ddbd89; --lv-cart-paper: #fffaf8; --lv-cart-blush: #f5e5e6; --lv-cart-line: rgba(104, 67, 60, .14); background: radial-gradient(circle at 91% 8%, rgba(255, 255, 255, .72), transparent 27%), linear-gradient(145deg, #fbf1f1 0%, var(--lv-cart-blush) 56%, #f2dcdf 100%); color: var(--lv-cart-ink); } body.woocommerce-cart .woo-shell, body.woocommerce-cart .content-shell, body.woocommerce-cart main, body.woocommerce-cart .site-main { min-height: 0 !important; } body.woocommerce-cart .woo-shell, body.woocommerce-cart .content-shell { width: min(100%, 1380px); max-width: 1380px; margin-inline: auto; padding: clamp(44px, 5vw, 72px) 32px clamp(58px, 6vw, 84px); } /* Page title */ body.woocommerce-cart .entry-title, body.woocommerce-cart .wp-block-post-title, body.woocommerce-cart main h1:first-child { width: min(100%, 1320px); margin: 0 auto clamp(30px, 3vw, 42px); color: var(--lv-cart-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(52px, 5.2vw, 74px); font-weight: 400; line-height: .98; letter-spacing: -.05em; } /* Current WooCommerce Cart Block */ body.woocommerce-cart .wp-block-woocommerce-cart, body.woocommerce-cart .wc-block-cart { width: min(100%, 1320px); max-width: 1320px; margin-inline: auto; } body.woocommerce-cart .wc-block-cart { display: grid !important; grid-template-columns: minmax(0, 1.42fr) minmax(360px, .78fr) !important; column-gap: clamp(28px, 3vw, 44px) !important; align-items: start; margin-bottom: 0 !important; padding: 0 !important; } body.woocommerce-cart .wc-block-cart__main, body.woocommerce-cart .wc-block-cart__sidebar { float: none !important; width: 100% !important; margin: 0 !important; } body.woocommerce-cart .wc-block-cart__main { padding: 0 !important; } /* Hide the plain table header; the product cards explain themselves */ body.woocommerce-cart .wc-block-cart-items__header { display: none !important; } body.woocommerce-cart table.wc-block-cart-items, body.woocommerce-cart .wc-block-cart-items { width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 14px !important; background: transparent !important; } /* Premium line-item card */ body.woocommerce-cart .wc-block-cart-items__row { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) 128px !important; column-gap: 20px; align-items: center; margin: 0 0 14px !important; padding: 20px !important; border: 1px solid var(--lv-cart-line) !important; background: linear-gradient(135deg, rgba(255, 255, 255, .48), transparent 52%), rgba(255, 250, 248, .78) !important; box-shadow: 0 18px 46px rgba(61, 32, 36, .065); } body.woocommerce-cart .wc-block-cart-items__row > td { border: 0 !important; background: transparent !important; } body.woocommerce-cart .wc-block-cart-item__image { grid-column: 1; width: 112px !important; padding: 0 !important; } body.woocommerce-cart .wc-block-cart-item__image a { display: block; overflow: hidden; border: 1px solid rgba(177, 125, 62, .16); background: #ead7d4; } body.woocommerce-cart .wc-block-cart-item__image img { display: block; width: 100% !important; height: 132px !important; margin: 0 !important; object-fit: cover; transition: transform .5s ease; } body.woocommerce-cart .wc-block-cart-item__image:hover img { transform: scale(1.035); } body.woocommerce-cart .wc-block-cart-item__product { grid-column: 2; min-width: 0; padding: 0 !important; vertical-align: middle !important; } body.woocommerce-cart .wc-block-components-product-name { display: inline-block; margin: 0 0 10px !important; color: var(--lv-cart-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(18px, 1.45vw, 22px) !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: -.018em; text-decoration: none !important; transition: color .2s ease; } body.woocommerce-cart .wc-block-components-product-name:hover { color: var(--lv-cart-gold) !important; } /* Remove the long description from the cart; keep variations/metadata */ body.woocommerce-cart .wc-block-components-product-metadata__description { display: none !important; } body.woocommerce-cart .wc-block-components-product-metadata, body.woocommerce-cart .wc-block-components-product-details { margin: 0 0 10px !important; color: var(--lv-cart-muted) !important; font: 400 11px/1.55 Arial, sans-serif !important; } /* Regular price muted, discounted price gold */ body.woocommerce-cart .wc-block-cart-item__prices { margin: 0 0 14px !important; } body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price, body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price__value { color: var(--lv-cart-gold) !important; font: 600 14px/1.4 Arial, sans-serif !important; } body.woocommerce-cart .wc-block-components-product-price__regular, body.woocommerce-cart .wc-block-components-product-price del, body.woocommerce-cart .wc-block-components-product-price del .woocommerce-Price-amount { color: #a79396 !important; font-size: 12px !important; font-weight: 400 !important; opacity: 1 !important; } body.woocommerce-cart .wc-block-components-product-price__value.is-discounted, body.woocommerce-cart .wc-block-components-product-price ins, body.woocommerce-cart .wc-block-components-product-price ins .woocommerce-Price-amount, body.woocommerce-cart .wc-block-components-product-price ins .woocommerce-Price-currencySymbol { color: var(--lv-cart-gold) !important; font-weight: 600 !important; text-decoration: none !important; } /* Quantity selector */ body.woocommerce-cart .wc-block-cart-item__quantity { display: flex !important; align-items: center; gap: 8px; margin-top: 12px !important; } body.woocommerce-cart .wc-block-components-quantity-selector { display: inline-flex !important; align-items: center; width: 116px !important; height: 38px !important; margin: 0 !important; border: 1px solid rgba(43, 30, 32, .18) !important; border-radius: 0 !important; background: rgba(255, 255, 255, .58) !important; box-shadow: none !important; } body.woocommerce-cart .wc-block-components-quantity-selector::after { display: none !important; } body.woocommerce-cart .wc-block-components-quantity-selector__button { width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--lv-cart-ink) !important; font-size: 16px !important; transition: color .2s ease, background .2s ease; } body.woocommerce-cart .wc-block-components-quantity-selector__button:hover { background: rgba(177, 125, 62, .09) !important; color: var(--lv-cart-gold) !important; } body.woocommerce-cart .wc-block-components-quantity-selector__input { width: 42px !important; min-width: 42px !important; height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--lv-cart-ink) !important; font: 600 12px/1 Arial, sans-serif !important; text-align: center !important; } body.woocommerce-cart .wc-block-cart-item__remove-link { display: inline-flex !important; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; margin: 0 0 0 8px !important; padding: 0 10px !important; border: 1px solid rgba(43, 30, 32, .14) !important; border-radius: 0 !important; background: transparent !important; color: var(--lv-cart-muted) !important; font: 600 9px/1 Arial, sans-serif !important; letter-spacing: .08em; text-decoration: none !important; text-transform: uppercase; transition: color .2s ease, border-color .2s ease, background .2s ease; } body.woocommerce-cart .wc-block-cart-item__remove-link:hover { border-color: var(--lv-cart-gold) !important; background: rgba(177, 125, 62, .07) !important; color: var(--lv-cart-gold) !important; } /* Item total and saving badge */ body.woocommerce-cart .wc-block-cart-item__total { grid-column: 3; padding: 0 !important; color: var(--lv-cart-ink); text-align: right; vertical-align: middle !important; } body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper { display: flex !important; flex-direction: column; align-items: flex-end; gap: 9px; } body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price, body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value { color: var(--lv-cart-ink) !important; font: 600 17px/1.25 Arial, sans-serif !important; } body.woocommerce-cart .wc-block-components-sale-badge { padding: 7px 10px 6px !important; border: 1px solid rgba(177, 125, 62, .24) !important; border-radius: 0 !important; background: rgba(177, 125, 62, .1) !important; color: var(--lv-cart-gold) !important; font: 600 9px/1 Arial, sans-serif !important; letter-spacing: .07em; text-transform: uppercase; } /* Premium sticky totals panel */ body.woocommerce-cart .wc-block-cart__sidebar { position: sticky; top: 132px; padding: clamp(26px, 3vw, 36px) !important; border: 1px solid var(--lv-cart-line); background: linear-gradient(135deg, rgba(255, 255, 255, .5), transparent 54%), rgba(255, 250, 248, .8) !important; box-shadow: 0 22px 58px rgba(61, 32, 36, .075); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } body.woocommerce-cart .wc-block-cart__totals-title { margin: 0 0 20px !important; padding: 0 0 17px !important; border-bottom: 1px solid var(--lv-cart-line); color: var(--lv-cart-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 29px !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: -.025em !important; text-align: left !important; text-transform: none !important; } body.woocommerce-cart .wc-block-components-totals-wrapper { padding: 17px 0 !important; border-color: var(--lv-cart-line) !important; } body.woocommerce-cart .wc-block-components-totals-item { padding: 0 !important; color: var(--lv-cart-muted); font: 400 13px/1.5 Arial, sans-serif; } body.woocommerce-cart .wc-block-components-totals-item__label { color: var(--lv-cart-muted) !important; } body.woocommerce-cart .wc-block-components-totals-item__value { color: var(--lv-cart-ink) !important; font-weight: 600 !important; } body.woocommerce-cart .wc-block-components-totals-coupon__button, body.woocommerce-cart .wc-block-components-panel__button { color: var(--lv-cart-ink) !important; font: 500 12px/1.4 Arial, sans-serif !important; } body.woocommerce-cart .wc-block-components-totals-coupon__button:hover, body.woocommerce-cart .wc-block-components-panel__button:hover { color: var(--lv-cart-gold) !important; } body.woocommerce-cart .wc-block-components-totals-footer-item { margin-top: 3px; padding: 22px 0 !important; border-top: 1px solid var(--lv-cart-line); border-bottom: 1px solid var(--lv-cart-line); } body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--lv-cart-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 21px !important; font-weight: 400 !important; } /* Checkout CTA */ body.woocommerce-cart .wc-block-cart__submit { margin: 22px 0 0 !important; padding: 0 !important; } body.woocommerce-cart .wc-block-cart__submit-container { position: relative; } body.woocommerce-cart .wc-block-cart__submit-button, body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button { display: flex !important; align-items: center; justify-content: center; gap: 14px; width: 100% !important; min-height: 58px; padding: 16px 22px !important; border: 1px solid var(--lv-cart-ink) !important; border-radius: 0 !important; background: var(--lv-cart-ink) !important; box-shadow: none !important; color: #fffaf8 !important; font: 600 10px/1 Arial, sans-serif !important; letter-spacing: .17em !important; text-decoration: none !important; text-transform: uppercase; transition: transform .25s ease, background .25s ease, border-color .25s ease !important; } body.woocommerce-cart .wc-block-cart__submit-button::after { font-size: 16px; font-weight: 400; content: "\2192"; transition: transform .25s ease; } body.woocommerce-cart .wc-block-cart__submit-button:hover { border-color: var(--lv-cart-gold) !important; background: var(--lv-cart-gold) !important; transform: translateY(-1px); } body.woocommerce-cart .wc-block-cart__submit-button:hover::after { transform: translateX(4px); } body.woocommerce-cart .wc-block-cart__submit-container::after { display: block; margin-top: 13px; color: var(--lv-cart-muted); font: 500 9px/1.5 Arial, sans-serif; letter-spacing: .12em; text-align: center; text-transform: uppercase; content: "Nationwide delivery across Pakistan"; } /* Coupon form */ body.woocommerce-cart .wc-block-components-totals-coupon__content { padding-top: 14px; } body.woocommerce-cart .wc-block-components-text-input input { min-height: 48px !important; border: 1px solid rgba(43, 30, 32, .18) !important; border-radius: 0 !important; background: rgba(255, 255, 255, .66) !important; color: var(--lv-cart-ink) !important; } body.woocommerce-cart .wc-block-components-totals-coupon__content button { min-height: 48px; border-radius: 0 !important; background: var(--lv-cart-ink) !important; color: #fff !important; } /* Classic WooCommerce cart fallback */ body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .cart-collaterals .cart_totals { border: 1px solid var(--lv-cart-line); background: rgba(255, 250, 248, .78); box-shadow: 0 18px 46px rgba(61, 32, 36, .065); } body.woocommerce-cart .woocommerce-cart-form { padding: 24px; } body.woocommerce-cart .woocommerce table.shop_table { margin: 0; border: 0; border-radius: 0; } body.woocommerce-cart .woocommerce table.shop_table th, body.woocommerce-cart .woocommerce table.shop_table td { border-color: var(--lv-cart-line); } body.woocommerce-cart .woocommerce table.shop_table .product-thumbnail img { width: 96px; height: 112px; object-fit: cover; } body.woocommerce-cart .cart-collaterals .cart_totals { padding: 30px; } body.woocommerce-cart .cart-collaterals .cart_totals h2 { font-family: Georgia, "Times New Roman", serif; font-size: 29px; font-weight: 400; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { min-height: 58px; border-radius: 0 !important; background: var(--lv-cart-ink) !important; font: 600 10px/1 Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--lv-cart-gold) !important; } /* Tablet */ @media (max-width: 980px) { body.woocommerce-cart .wc-block-cart { grid-template-columns: minmax(0, 1fr) !important; row-gap: 28px; } body.woocommerce-cart .wc-block-cart__sidebar { position: static; } } /* Mobile */ @media (max-width: 680px) { body.woocommerce-cart .woo-shell, body.woocommerce-cart .content-shell { padding: 34px 12px 52px; } body.woocommerce-cart .entry-title, body.woocommerce-cart .wp-block-post-title, body.woocommerce-cart main h1:first-child { margin-bottom: 24px; font-size: clamp(44px, 15vw, 58px); } body.woocommerce-cart .wc-block-cart-items__row { grid-template-columns: 82px minmax(0, 1fr) !important; column-gap: 14px; padding: 15px !important; } body.woocommerce-cart .wc-block-cart-item__image { grid-column: 1; grid-row: 1 / span 2; width: 82px !important; align-self: start; } body.woocommerce-cart .wc-block-cart-item__image img { height: 102px !important; } body.woocommerce-cart .wc-block-cart-item__product { grid-column: 2; } body.woocommerce-cart .wc-block-components-product-name { font-size: 17px !important; } body.woocommerce-cart .wc-block-cart-item__total { grid-column: 2; margin-top: 14px; text-align: left; } body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: flex-start; } body.woocommerce-cart .wc-block-cart__sidebar { padding: 25px 21px !important; } body.woocommerce-cart .wc-block-cart__totals-title { font-size: 26px !important; } } @media (prefers-reduced-motion: reduce) { body.woocommerce-cart *, body.woocommerce-cart *::before, body.woocommerce-cart *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } } /* ========================================================== LUMEVIA PREMIUM REVIEW PAGE ========================================================== */ body.page-id-31{ background:#F4E3E3; } /* Main page container */ body.page-id-31 .content-shell, body.page-id-31 main{ max-width:980px; margin:0 auto; padding:78px 28px 100px; } /* Main title */ body.page-id-31 h1{ max-width:720px; margin:0 auto 46px; text-align:center; font-family:"Cormorant Garamond",serif; font-size:clamp(52px,6vw,78px); font-weight:500; line-height:.95; color:#2B1E1A; } /* Premium form card */ body.page-id-31 .glsr-form{ max-width:760px; margin:0 auto 70px; padding:42px 44px 46px; background:#FFF9F6; border: 1px solid rgba(177,136,77,.22); border-radius:20px; box-shadow: 0 22px 60px rgba(76,48,35,.08); } /* Labels */ body.page-id-31 .glsr-form label{ font-family:"Manrope",sans-serif; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#4B362E; } /* Fields */ body.page-id-31 .glsr-form input[type="text"], body.page-id-31 .glsr-form input[type="email"], body.page-id-31 .glsr-form textarea{ width:100%; border: 1px solid rgba(75,54,46,.18); border-radius:10px; background:#FFFFFF; color:#2B1E1A; font-family:"Manrope",sans-serif; font-size:14px; padding:14px 16px; transition: border-color .25s ease, box-shadow .25s ease, background .25s ease; } body.page-id-31 .glsr-form textarea{ min-height:150px; resize:vertical; } body.page-id-31 .glsr-form input:focus, body.page-id-31 .glsr-form textarea:focus{ outline:none; border-color:#C6A15B; box-shadow: 0 0 0 3px rgba(198,161,91,.10); background:#FFFCFA; } /* Star rating */ body.page-id-31 .glsr-star-rating{ margin-top:8px; margin-bottom:8px; } body.page-id-31 .glsr-star-rating--stars{ gap:5px; } body.page-id-31 .glsr-star-rating--stars > span{ filter: drop-shadow( 0 3px 7px rgba(185,139,72,.16) ); } /* Checkbox / genuine opinion row */ body.page-id-31 .glsr-form .glsr-field-toggle{ margin-top:20px; font-family:"Manrope",sans-serif; font-size:12px; line-height:1.55; color:#6E625C; } /* Submit button */ body.page-id-31 .glsr-button{ min-width:210px; min-height:54px; margin-top:10px; padding:0 28px; border:0 !important; border-radius:999px !important; background: linear-gradient( 135deg, #4A342D, #2C201C ) !important; color:#fff !important; font-family:"Manrope",sans-serif !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.13em !important; text-transform:uppercase; box-shadow: 0 14px 30px rgba(63,43,34,.18); transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } body.page-id-31 .glsr-button:hover{ transform:translateY(-2px); box-shadow: 0 18px 38px rgba(63,43,34,.24); background: linear-gradient( 135deg, #5A3E34, #31221D ) !important; } /* Loved by You heading */ body.page-id-31 h2{ margin:0 auto 28px; text-align:center; font-family:"Cormorant Garamond",serif; font-size:clamp(38px,4vw,52px); font-weight:500; color:#2B1E1A; } /* Review list */ body.page-id-31 .glsr-reviews{ max-width:900px; margin:0 auto; } body.page-id-31 .glsr-review{ padding:28px 30px !important; margin-bottom:18px !important; background:#FFF9F6; border: 1px solid rgba(177,136,77,.18); border-radius:16px; box-shadow: 0 12px 32px rgba(75,52,42,.05); } /* Empty review message */ body.page-id-31 .glsr-no-margins{ text-align:center; color:#766A64; } /* Mobile */ @media(max-width:700px){ body.page-id-31 .content-shell, body.page-id-31 main{ padding: 50px 16px 70px; } body.page-id-31 h1{ font-size:50px; margin-bottom:30px; } body.page-id-31 .glsr-form{ padding: 28px 20px 32px; border-radius:16px; } body.page-id-31 .glsr-button{ width:100%; } body.page-id-31 .glsr-review{ padding: 22px 20px !important; } } /* Lumevia Checkout — Name & Country spacing fix */ body.woocommerce-checkout .wc-block-components-address-form__country { margin-top: 16px !important; } /* * Lumevia — Premium WooCommerce Order Received / Thank You Page * Paste at the END of: * public_html/wp-content/themes/lumevia-woocommerce-theme/assets/css/theme.css * * Scoped to the order-received page only. */ body.woocommerce-order-received { --lv-thankyou-bg: #f7e7e9; --lv-thankyou-surface: #fffaf8; --lv-thankyou-surface-soft: #fdf2f2; --lv-thankyou-ink: #261b1d; --lv-thankyou-muted: #746568; --lv-thankyou-gold: #b88743; --lv-thankyou-gold-dark: #94672d; --lv-thankyou-line: rgba(84, 52, 58, 0.14); --lv-thankyou-shadow: 0 20px 55px rgba(75, 43, 49, 0.09); background: radial-gradient(circle at 8% 4%, rgba(255, 255, 255, 0.72), transparent 25rem), var(--lv-thankyou-bg); color: var(--lv-thankyou-ink); } /* Page frame */ body.woocommerce-order-received .site-main, body.woocommerce-order-received main { overflow: visible; } body.woocommerce-order-received .entry-header, body.woocommerce-order-received .page-header { max-width: 1180px; margin: 0 auto; padding: 72px 24px 18px; text-align: center; } body.woocommerce-order-received h1.entry-title, body.woocommerce-order-received .page-title { margin: 0; color: var(--lv-thankyou-ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(3.25rem, 7vw, 5.4rem); font-weight: 500; letter-spacing: -0.035em; line-height: 0.98; } body.woocommerce-order-received .woocommerce { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } body.woocommerce-order-received .woocommerce-order { width: 100%; margin: 0 auto 80px; } /* Confirmation hero */ body.woocommerce-order-received .woocommerce-thankyou-order-received { position: relative; width: 100%; margin: 0 0 24px !important; padding: 84px 28px 28px !important; overflow: hidden; border: 1px solid rgba(184, 135, 67, 0.3); border-radius: 24px; background: radial-gradient(circle at 50% -30%, rgba(184, 135, 67, 0.13), transparent 48%), var(--lv-thankyou-surface); box-shadow: var(--lv-thankyou-shadow); color: var(--lv-thankyou-ink); font-size: 1.1rem; font-weight: 500; line-height: 1.6; text-align: center; } body.woocommerce-order-received .woocommerce-thankyou-order-received::before { content: "\2713"; position: absolute; top: 24px; left: 50%; display: grid; width: 46px; height: 46px; transform: translateX(-50%); place-items: center; border: 1px solid rgba(184, 135, 67, 0.55); border-radius: 50%; background: #fff; box-shadow: 0 8px 22px rgba(148, 103, 45, 0.15); color: var(--lv-thankyou-gold-dark); font-family: Arial, sans-serif; font-size: 1.2rem; font-weight: 700; } /* Order overview tiles */ body.woocommerce-order-received ul.woocommerce-order-overview { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; width: 100%; margin: 0 0 28px !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--lv-thankyou-line); border-radius: 20px; background: var(--lv-thankyou-surface); box-shadow: 0 12px 32px rgba(75, 43, 49, 0.06); list-style: none; } body.woocommerce-order-received ul.woocommerce-order-overview li { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 23px 22px !important; border: 0 !important; border-right: 1px solid var(--lv-thankyou-line) !important; color: var(--lv-thankyou-muted); font-size: 0.69rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.35; text-transform: uppercase; } body.woocommerce-order-received ul.woocommerce-order-overview li:last-child { border-right: 0 !important; } body.woocommerce-order-received ul.woocommerce-order-overview li strong { display: block; margin-top: 8px; overflow-wrap: anywhere; color: var(--lv-thankyou-ink); font-size: 1rem; font-weight: 650; letter-spacing: 0; line-height: 1.35; text-transform: none; } /* Payment instructions */ body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received) { margin: 0 0 18px; padding: 18px 22px; border: 1px solid rgba(184, 135, 67, 0.27); border-radius: 14px; background: rgba(255, 250, 248, 0.72); color: #5e4c50; font-size: 0.98rem; line-height: 1.7; } /* Bank / advance-payment details */ body.woocommerce-order-received .woocommerce-bacs-bank-details { position: relative; margin: 0 0 30px; padding: 28px; overflow: hidden; border: 1px solid rgba(184, 135, 67, 0.34); border-radius: 20px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.83), rgba(255, 247, 241, 0.68)), var(--lv-thankyou-surface); box-shadow: 0 14px 38px rgba(75, 43, 49, 0.065); } body.woocommerce-order-received .woocommerce-bacs-bank-details::after { content: ""; position: absolute; top: 0; right: 0; width: 120px; height: 120px; border-radius: 0 0 0 120px; background: linear-gradient(135deg, transparent, rgba(184, 135, 67, 0.09)); pointer-events: none; } body.woocommerce-order-received .woocommerce-bacs-bank-details h2, body.woocommerce-order-received .woocommerce-bacs-bank-details h3 { position: relative; z-index: 1; margin: 0 0 10px; color: var(--lv-thankyou-ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(1.65rem, 3vw, 2.15rem); font-weight: 600; line-height: 1.15; } body.woocommerce-order-received .woocommerce-bacs-bank-details h3 { margin-top: 4px; color: var(--lv-thankyou-gold-dark); font-size: 1rem; font-family: inherit; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } body.woocommerce-order-received ul.wc-bacs-bank-details { position: relative; z-index: 1; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0 !important; padding: 0 !important; list-style: none; } body.woocommerce-order-received ul.wc-bacs-bank-details li { float: none !important; min-width: 0; margin: 0 !important; padding: 16px 18px !important; border: 1px solid var(--lv-thankyou-line) !important; border-radius: 12px; background: rgba(255, 255, 255, 0.72); color: var(--lv-thankyou-muted); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; } body.woocommerce-order-received ul.wc-bacs-bank-details li strong { display: block; margin-top: 7px; overflow-wrap: anywhere; color: var(--lv-thankyou-ink); font-size: 0.98rem; font-weight: 650; letter-spacing: 0; line-height: 1.4; text-transform: none; } /* Shared premium content cards */ body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details { margin: 0 0 28px; padding: 28px; border: 1px solid var(--lv-thankyou-line); border-radius: 20px; background: var(--lv-thankyou-surface); box-shadow: 0 14px 38px rgba(75, 43, 49, 0.06); } body.woocommerce-order-received .woocommerce-order-details > h2, body.woocommerce-order-received .woocommerce-customer-details > h2, body.woocommerce-order-received .woocommerce-column__title { margin: 0 0 18px; color: var(--lv-thankyou-ink); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 600; line-height: 1.15; } /* Order table */ body.woocommerce-order-received table.woocommerce-table--order-details { width: 100%; margin: 0; overflow: hidden; border: 1px solid var(--lv-thankyou-line) !important; border-collapse: separate; border-spacing: 0; border-radius: 14px; background: transparent; } body.woocommerce-order-received table.woocommerce-table--order-details th, body.woocommerce-order-received table.woocommerce-table--order-details td { padding: 16px 18px !important; border: 0 !important; border-bottom: 1px solid var(--lv-thankyou-line) !important; background: transparent; color: var(--lv-thankyou-ink); vertical-align: middle; } body.woocommerce-order-received table.woocommerce-table--order-details thead th { background: var(--lv-thankyou-surface-soft); color: var(--lv-thankyou-muted); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; } body.woocommerce-order-received table.woocommerce-table--order-details tr:last-child th, body.woocommerce-order-received table.woocommerce-table--order-details tr:last-child td { border-bottom: 0 !important; } body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th, body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td { background: rgba(184, 135, 67, 0.08); color: var(--lv-thankyou-gold-dark); font-size: 1.05rem; font-weight: 750; } body.woocommerce-order-received table.woocommerce-table--order-details a { color: var(--lv-thankyou-ink); text-decoration-color: rgba(184, 135, 67, 0.55); text-underline-offset: 4px; } /* Billing and shipping cards */ body.woocommerce-order-received .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } body.woocommerce-order-received .woocommerce-columns--addresses::before, body.woocommerce-order-received .woocommerce-columns--addresses::after { display: none !important; } body.woocommerce-order-received .woocommerce-columns--addresses .woocommerce-column { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; } body.woocommerce-order-received .woocommerce-customer-details address { min-height: 100%; margin: 0; padding: 20px 22px; border: 1px solid var(--lv-thankyou-line) !important; border-radius: 14px; background: var(--lv-thankyou-surface-soft); color: #4f4144; font-style: normal; line-height: 1.75; } body.woocommerce-order-received .woocommerce-customer-details address p { margin: 9px 0 0; } /* Existing action buttons, if added later */ body.woocommerce-order-received .button, body.woocommerce-order-received a.button { min-height: 48px; padding: 14px 24px !important; border: 1px solid var(--lv-thankyou-ink) !important; border-radius: 999px !important; background: var(--lv-thankyou-ink) !important; box-shadow: 0 10px 24px rgba(38, 27, 29, 0.14); color: #fff !important; font-size: 0.76rem !important; font-weight: 750 !important; letter-spacing: 0.1em; text-transform: uppercase; transition: transform 180ms ease, background 180ms ease, border-color 180ms ease; } body.woocommerce-order-received .button:hover, body.woocommerce-order-received a.button:hover { border-color: var(--lv-thankyou-gold-dark) !important; background: var(--lv-thankyou-gold-dark) !important; transform: translateY(-2px); } /* Tablet */ @media (max-width: 960px) { body.woocommerce-order-received ul.woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.woocommerce-order-received ul.woocommerce-order-overview li, body.woocommerce-order-received ul.woocommerce-order-overview li:last-child { border-right: 1px solid var(--lv-thankyou-line) !important; border-bottom: 1px solid var(--lv-thankyou-line) !important; } body.woocommerce-order-received ul.woocommerce-order-overview li:nth-child(2n) { border-right: 0 !important; } body.woocommerce-order-received ul.woocommerce-order-overview li:last-child { grid-column: 1 / -1; border-right: 0 !important; border-bottom: 0 !important; } body.woocommerce-order-received ul.wc-bacs-bank-details { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Mobile */ @media (max-width: 640px) { body.woocommerce-order-received .entry-header, body.woocommerce-order-received .page-header { padding: 46px 18px 16px; } body.woocommerce-order-received h1.entry-title, body.woocommerce-order-received .page-title { font-size: clamp(2.65rem, 14vw, 3.7rem); } body.woocommerce-order-received .woocommerce { width: min(100% - 24px, 1180px); } body.woocommerce-order-received .woocommerce-thankyou-order-received { padding: 80px 20px 24px !important; border-radius: 18px; } body.woocommerce-order-received ul.woocommerce-order-overview { grid-template-columns: 1fr; border-radius: 16px; } body.woocommerce-order-received ul.woocommerce-order-overview li, body.woocommerce-order-received ul.woocommerce-order-overview li:nth-child(2n), body.woocommerce-order-received ul.woocommerce-order-overview li:last-child { grid-column: auto; border-right: 0 !important; border-bottom: 1px solid var(--lv-thankyou-line) !important; } body.woocommerce-order-received ul.woocommerce-order-overview li:last-child { border-bottom: 0 !important; } body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details { padding: 20px; border-radius: 16px; } body.woocommerce-order-received ul.wc-bacs-bank-details, body.woocommerce-order-received .woocommerce-columns--addresses { grid-template-columns: 1fr; } body.woocommerce-order-received table.woocommerce-table--order-details th, body.woocommerce-order-received table.woocommerce-table--order-details td { padding: 13px 12px !important; font-size: 0.9rem; } } /* Respect reduced-motion preferences */ @media (prefers-reduced-motion: reduce) { body.woocommerce-order-received .button, body.woocommerce-order-received a.button { transition: none; } } /* Lumevia Order Received — Empty grid space fix */ body.woocommerce-order-received ul.woocommerce-order-overview::before, body.woocommerce-order-received ul.woocommerce-order-overview::after, body.woocommerce-order-received ul.wc-bacs-bank-details::before, body.woocommerce-order-received ul.wc-bacs-bank-details::after { content: none !important; display: none !important; } body.woocommerce-order-received ul.woocommerce-order-overview > li, body.woocommerce-order-received ul.wc-bacs-bank-details > li { grid-column: auto !important; grid-row: auto !important; } /* ========================================================= LUMEVIA CO. — CLEAN PREMIUM SINGLE PRODUCT PAGE (V2) Paste this block once at the END of theme.css. ========================================================= */ body.single-product { --lv-sp-bg: #f5e5e5; --lv-sp-paper: #fffaf8; --lv-sp-ink: #2d2021; --lv-sp-muted: #78696a; --lv-sp-gold: #ad7837; --lv-sp-line: rgba(81, 53, 51, 0.15); --lv-sp-shadow: 0 20px 55px rgba(65, 34, 37, 0.08); background: var(--lv-sp-bg) !important; } /* Keep the product close to the header; remove the old empty gap. */ body.single-product main.woo-shell, body.single-product .woo-shell, body.single-product main.site-main, body.single-product .site-main { min-height: 0 !important; margin-top: 0 !important; padding-top: 30px !important; } /* Two-column product area. */ body.single-product .woocommerce div.product.type-product { display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.92fr) !important; align-items: start !important; gap: 42px !important; width: min(100%, 1320px) !important; max-width: 1320px !important; margin: 0 auto 80px !important; padding: 0 !important; } body.single-product .woocommerce div.product.type-product::before, body.single-product .woocommerce div.product.type-product::after { display: none !important; } body.single-product .woocommerce div.product.type-product div.images, body.single-product .woocommerce div.product.type-product div.summary { float: none !important; width: 100% !important; margin: 0 !important; } /* Product gallery. */ body.single-product .woocommerce div.product.type-product .woocommerce-product-gallery { grid-column: 1 !important; min-width: 0; } body.single-product .woocommerce-product-gallery__wrapper { margin: 0 !important; overflow: hidden; border: 1px solid rgba(173, 120, 55, 0.16); border-radius: 16px; background: #f8ece8; box-shadow: var(--lv-sp-shadow); } body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image a { display: block; width: 100%; overflow: hidden; background: #f8ece8; } body.single-product .woocommerce-product-gallery__image a { aspect-ratio: 1 / 1; } body.single-product .woocommerce-product-gallery__image img { display: block; width: 100% !important; height: 100% !important; max-height: none !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; transition: transform 550ms cubic-bezier(.2, .65, .3, 1); } body.single-product .woocommerce-product-gallery__image:hover img { transform: scale(1.018); } body.single-product .woocommerce-product-gallery .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; margin: 14px 0 0 !important; padding: 0 !important; list-style: none !important; } body.single-product .woocommerce-product-gallery .flex-control-thumbs li { float: none !important; width: 100% !important; margin: 0 !important; } body.single-product .woocommerce-product-gallery .flex-control-thumbs img { display: block; width: 100% !important; aspect-ratio: 1 / 1; object-fit: cover !important; border: 1px solid transparent; border-radius: 10px; opacity: 0.7 !important; transition: opacity 180ms ease, border-color 180ms ease; } body.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover, body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active { border-color: var(--lv-sp-gold) !important; opacity: 1 !important; transform: none !important; } body.single-product .woocommerce-product-gallery__trigger { top: 18px !important; right: 18px !important; width: 44px !important; height: 44px !important; border: 1px solid var(--lv-sp-line) !important; border-radius: 50% !important; background: rgba(255, 250, 248, 0.94) !important; box-shadow: 0 8px 22px rgba(45, 27, 29, 0.10) !important; } /* Clean purchase card — deliberately NOT sticky. */ body.single-product .woocommerce div.product.type-product .summary.entry-summary { grid-column: 2 !important; position: static !important; top: auto !important; align-self: start !important; padding: 42px !important; border: 1px solid rgba(173, 120, 55, 0.18) !important; border-radius: 16px !important; background: rgba(255, 250, 248, 0.90) !important; box-shadow: var(--lv-sp-shadow) !important; backdrop-filter: none !important; } body.single-product .woocommerce div.product.type-product .summary.entry-summary::before { content: "" !important; display: block !important; width: 52px !important; height: 1px !important; margin: 0 0 22px !important; background: var(--lv-sp-gold) !important; } body.single-product .woocommerce div.product.type-product .product_title { max-width: none !important; margin: 0 0 18px !important; color: var(--lv-sp-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(38px, 3.15vw, 50px) !important; font-weight: 400 !important; line-height: 1.05 !important; letter-spacing: -0.035em !important; text-wrap: balance; } body.single-product .woocommerce div.product.type-product .summary .price { display: flex !important; align-items: baseline !important; gap: 10px !important; margin: 0 0 22px !important; color: var(--lv-sp-gold) !important; font: 700 25px/1.3 Arial, sans-serif !important; letter-spacing: 0 !important; } body.single-product .woocommerce div.product.type-product .summary .price del { color: #aa9697 !important; font-size: 14px !important; font-weight: 400 !important; } body.single-product .woocommerce div.product.type-product .summary .price ins { color: var(--lv-sp-gold) !important; font-weight: 700 !important; text-decoration: none !important; } body.single-product .woocommerce-product-details__short-description { margin: 0 0 24px !important; color: var(--lv-sp-muted) !important; font: 400 15px/1.75 Arial, sans-serif !important; } body.single-product .woocommerce-product-details__short-description p { margin: 0 !important; } /* Colour selector. */ body.single-product form.variations_form.cart { display: block !important; width: 100% !important; margin: 0 0 22px !important; padding: 22px 0 !important; border-top: 1px solid var(--lv-sp-line) !important; border-bottom: 1px solid var(--lv-sp-line) !important; } body.single-product table.variations, body.single-product table.variations tbody, body.single-product table.variations tr, body.single-product table.variations th, body.single-product table.variations td { display: block !important; width: 100% !important; } body.single-product table.variations { margin: 0 !important; border: 0 !important; } body.single-product table.variations th.label { padding: 0 0 9px !important; color: var(--lv-sp-ink) !important; font: 700 11px/1.2 Arial, sans-serif !important; letter-spacing: 0.16em !important; text-align: left !important; text-transform: uppercase !important; } body.single-product table.variations td.value { padding: 0 !important; } body.single-product table.variations select { width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 46px 0 16px !important; color: var(--lv-sp-ink) !important; border: 1px solid rgba(81, 53, 51, 0.24) !important; border-radius: 8px !important; background-color: #fffdfb !important; box-shadow: none !important; font: 400 15px/1 Arial, sans-serif !important; } body.single-product table.variations select:focus { border-color: var(--lv-sp-gold) !important; outline: 2px solid rgba(173, 120, 55, 0.12) !important; outline-offset: 1px !important; } body.single-product a.reset_variations { display: inline-block !important; margin: 9px 0 0 !important; color: var(--lv-sp-gold) !important; font: 600 10px/1.3 Arial, sans-serif !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } body.single-product .single_variation_wrap, body.single-product .single_variation { display: block !important; width: 100% !important; } body.single-product .single_variation_wrap { margin-top: 16px !important; } body.single-product .woocommerce-variation-price { margin: 0 0 8px !important; color: var(--lv-sp-gold) !important; font: 700 20px/1.35 Arial, sans-serif !important; } body.single-product .woocommerce-variation-availability { display: block !important; margin: 0 0 14px !important; color: #587255 !important; font: 500 12px/1.4 Arial, sans-serif !important; } body.single-product .woocommerce-variation-availability p { margin: 0 !important; } /* Quantity and Add to cart stay on one balanced row. */ body.single-product .woocommerce-variation-add-to-cart, body.single-product form.cart:not(.variations_form) { display: grid !important; grid-template-columns: 76px minmax(0, 1fr) !important; align-items: stretch !important; gap: 12px !important; width: 100% !important; } body.single-product form.cart .quantity { float: none !important; width: 76px !important; margin: 0 !important; } body.single-product form.cart .quantity .qty { width: 100% !important; height: 56px !important; margin: 0 !important; padding: 0 8px !important; color: var(--lv-sp-ink) !important; border: 1px solid rgba(81, 53, 51, 0.24) !important; border-radius: 8px !important; background: #fffdfb !important; box-shadow: none !important; font: 600 15px/1 Arial, sans-serif !important; text-align: center !important; } body.single-product form.cart .single_add_to_cart_button.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 100% !important; min-width: 0 !important; min-height: 56px !important; margin: 0 !important; padding: 14px 22px !important; color: #fffaf8 !important; border: 1px solid var(--lv-sp-ink) !important; border-radius: 8px !important; background: var(--lv-sp-ink) !important; box-shadow: none !important; font: 700 11px/1.2 Arial, sans-serif !important; letter-spacing: 0.16em !important; text-align: center !important; text-transform: uppercase !important; white-space: nowrap !important; transition: background 180ms ease, border-color 180ms ease, transform 180ms ease; } body.single-product form.cart .single_add_to_cart_button.button:hover { border-color: var(--lv-sp-gold) !important; background: var(--lv-sp-gold) !important; transform: translateY(-1px); } body.single-product form.cart .single_add_to_cart_button.button.disabled { cursor: not-allowed !important; border-color: #9d8e8d !important; background: #9d8e8d !important; opacity: 1 !important; } /* Product meta: keep only the useful category. */ body.single-product .product_meta { display: block !important; margin: 0 !important; padding-top: 18px !important; color: var(--lv-sp-muted) !important; border-top: 1px solid var(--lv-sp-line) !important; font: 400 11px/1.7 Arial, sans-serif !important; } body.single-product .product_meta > span { display: block !important; } body.single-product .product_meta .sku_wrapper, body.single-product .product_meta .tagged_as { display: none !important; } body.single-product .product_meta a { color: var(--lv-sp-ink) !important; } /* Full-width content below both columns. */ body.single-product .woocommerce div.product.type-product .woocommerce-tabs.wc-tabs-wrapper { grid-column: 1 / -1 !important; position: relative !important; z-index: 1 !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 38px 0 0 !important; padding: 38px 44px !important; overflow: visible !important; border: 1px solid rgba(173, 120, 55, 0.16) !important; border-radius: 16px !important; background: rgba(255, 250, 248, 0.86) !important; box-shadow: 0 16px 45px rgba(65, 34, 37, 0.06) !important; } body.single-product .woocommerce-tabs ul.tabs { display: flex !important; flex-wrap: wrap !important; gap: 28px !important; margin: 0 0 28px !important; padding: 0 0 14px !important; overflow: visible !important; border-bottom: 1px solid var(--lv-sp-line) !important; } body.single-product .woocommerce-tabs ul.tabs::before, body.single-product .woocommerce-tabs ul.tabs::after, body.single-product .woocommerce-tabs ul.tabs li::before, body.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; } body.single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } body.single-product .woocommerce-tabs ul.tabs li a { padding: 0 0 8px !important; color: var(--lv-sp-muted) !important; border-bottom: 2px solid transparent !important; font: 700 10px/1.3 Arial, sans-serif !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; } body.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--lv-sp-ink) !important; border-bottom-color: var(--lv-sp-gold) !important; } body.single-product .woocommerce-tabs .panel, body.single-product .woocommerce-Tabs-panel, body.single-product .woocommerce-Tabs-panel--description, body.single-product #tab-description { width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: var(--lv-sp-muted) !important; background: transparent !important; font: 400 15px/1.85 Arial, sans-serif !important; } body.single-product .woocommerce-tabs .panel h2 { margin: 0 0 18px !important; color: var(--lv-sp-ink) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(28px, 2.6vw, 38px) !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: -0.025em !important; } body.single-product .woocommerce-tabs .panel h3, body.single-product .woocommerce-tabs .panel h4 { margin: 28px 0 10px !important; color: var(--lv-sp-ink) !important; font: 700 13px/1.4 Arial, sans-serif !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; } body.single-product .woocommerce-tabs .panel p, body.single-product .woocommerce-tabs .panel ul { max-width: 1040px !important; } body.single-product .woocommerce-tabs .panel p { margin: 0 0 16px !important; } body.single-product .woocommerce-tabs .panel ul { margin: 0 0 18px !important; padding-left: 20px !important; } body.single-product .woocommerce div.product.type-product > .related, body.single-product .woocommerce div.product.type-product > .upsells { grid-column: 1 / -1 !important; width: 100% !important; margin-top: 58px !important; } /* Tablet. */ @media (max-width: 1100px) { body.single-product .woocommerce div.product.type-product { grid-template-columns: minmax(0, 1fr) minmax(370px, 0.9fr) !important; gap: 30px !important; } body.single-product .woocommerce div.product.type-product .summary.entry-summary { padding: 32px !important; } body.single-product .woocommerce div.product.type-product .product_title { font-size: clamp(36px, 4.2vw, 44px) !important; } } /* Mobile and narrow tablets: one clean column. */ @media (max-width: 900px) { body.single-product main.woo-shell, body.single-product .woo-shell, body.single-product main.site-main, body.single-product .site-main { padding: 22px 20px 56px !important; } body.single-product .woocommerce div.product.type-product { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; width: 100% !important; margin-bottom: 54px !important; } body.single-product .woocommerce div.product.type-product .woocommerce-product-gallery, body.single-product .woocommerce div.product.type-product .summary.entry-summary, body.single-product .woocommerce div.product.type-product .woocommerce-tabs.wc-tabs-wrapper { grid-column: 1 !important; } body.single-product .woocommerce div.product.type-product .summary.entry-summary { padding: 30px !important; } body.single-product .woocommerce div.product.type-product .woocommerce-tabs.wc-tabs-wrapper { margin-top: 8px !important; padding: 30px !important; } } @media (max-width: 560px) { body.single-product main.woo-shell, body.single-product .woo-shell, body.single-product main.site-main, body.single-product .site-main { padding: 16px 14px 44px !important; } body.single-product .woocommerce div.product.type-product .summary.entry-summary { padding: 24px 20px !important; border-radius: 12px !important; } body.single-product .woocommerce div.product.type-product .product_title { font-size: 34px !important; line-height: 1.06 !important; } body.single-product .woocommerce-product-gallery__wrapper { border-radius: 12px !important; } body.single-product .woocommerce-product-gallery .flex-control-thumbs { gap: 7px !important; margin-top: 8px !important; } body.single-product .woocommerce-product-gallery .flex-control-thumbs img { border-radius: 7px !important; } body.single-product .woocommerce-variation-add-to-cart, body.single-product form.cart:not(.variations_form) { grid-template-columns: 66px minmax(0, 1fr) !important; gap: 9px !important; } body.single-product form.cart .quantity { width: 66px !important; } body.single-product form.cart .single_add_to_cart_button.button { padding-inline: 14px !important; letter-spacing: 0.12em !important; } body.single-product .woocommerce div.product.type-product .woocommerce-tabs.wc-tabs-wrapper { padding: 24px 20px !important; border-radius: 12px !important; } body.single-product .woocommerce-tabs ul.tabs { gap: 16px !important; } } /* ========================================================= LUMEVIA PRODUCT CATEGORY — 5 PRODUCTS PER ROW ========================================================= */ body.tax-product_cat .woocommerce ul.products{ display:grid !important; grid-template-columns:repeat(5, minmax(0, 1fr)) !important; gap:24px !important; width:min(1500px, calc(100% - 60px)) !important; max-width:none !important; margin:35px auto 80px !important; } /* Remove WooCommerce old column widths/floats */ body.tax-product_cat .woocommerce ul.products li.product{ width:auto !important; max-width:none !important; margin:0 !important; float:none !important; clear:none !important; } /* Product card slightly more compact */ body.tax-product_cat .woocommerce ul.products li.product{ padding:14px !important; border-radius:20px !important; } /* Image */ body.tax-product_cat .woocommerce ul.products li.product img{ width:100% !important; aspect-ratio:1 / 1.18; object-fit:cover; border-radius:15px !important; } /* Product name */ body.tax-product_cat .woocommerce ul.products li.product h2, body.tax-product_cat .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:20px !important; line-height:1.15 !important; } /* Add to cart button */ body.tax-product_cat .woocommerce ul.products li.product .button{ width:100% !important; } /* TABLET */ @media(max-width:1100px){ body.tax-product_cat .woocommerce ul.products{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; width:calc(100% - 40px) !important; gap:20px !important; } } /* MOBILE */ @media(max-width:700px){ body.tax-product_cat .woocommerce ul.products{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; width:calc(100% - 24px) !important; gap:12px !important; } body.tax-product_cat .woocommerce ul.products li.product{ padding:9px !important; } body.tax-product_cat .woocommerce ul.products li.product h2, body.tax-product_cat .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:16px !important; } } /* ===== FINAL FORCE: 5 PRODUCTS PER ROW ===== */ html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"]{ display:grid !important; grid-template-columns:repeat(5, minmax(0,1fr)) !important; gap:18px !important; width:calc(100% - 80px) !important; max-width:1500px !important; margin-left:auto !important; margin-right:auto !important; } html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"] > li.product{ width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; float:none !important; clear:none !important; } html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"]::before, html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"]::after{ display:none !important; content:none !important; } @media(max-width:1100px){ html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"]{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:calc(100% - 40px) !important; } } @media(max-width:700px){ html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"]{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; width:calc(100% - 24px) !important; } } /* Lumevia — Product summary card layout fix */ body.single-product div.product .summary.entry-summary { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; align-self: start !important; width: 100% !important; height: auto !important; max-height: none !important; padding: 40px 44px !important; margin: 0 !important; z-index: 1 !important; } /* Product title ko controlled size dein */ body.single-product div.product .summary .product_title { font-size: clamp(42px, 4vw, 64px) !important; line-height: 1 !important; margin-bottom: 24px !important; } /* Description aur related products ko full width rakhein */ body.single-product div.product .woocommerce-tabs.wc-tabs-wrapper, body.single-product div.product .related.products, body.single-product div.product .upsells.products { grid-column: 1 / -1 !important; width: 100% !important; clear: both !important; position: relative !important; z-index: 2 !important; } body.single-product div.product .woocommerce-tabs.wc-tabs-wrapper { margin-top: 60px !important; } /* Mobile layout */ @media (max-width: 900px) { body.single-product div.product { display: block !important; } body.single-product div.product .summary.entry-summary { margin-top: 28px !important; padding: 28px 22px !important; } body.single-product div.product .summary .product_title { font-size: clamp(36px, 11vw, 52px) !important; } } /* Lumevia — Premium Related Products Cards */ body.single-product .related.products { margin-top: 70px !important; } body.single-product .related.products > h2 { font-size: clamp(32px, 3vw, 44px) !important; line-height: 1.1 !important; margin: 0 0 28px !important; color: #2e1c1c !important; } /* Equal four-column cards */ body.single-product .related.products ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 30px !important; margin: 0 !important; } /* Complete product card */ body.single-product .related.products ul.products li.product { position: relative !important; display: flex !important; flex-direction: column !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fffaf8 !important; border: 1px solid rgba(76, 42, 39, 0.1) !important; box-shadow: 0 18px 45px rgba(83, 46, 43, 0.08) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; } body.single-product .related.products ul.products li.product:hover { transform: translateY(-7px) !important; box-shadow: 0 25px 60px rgba(83, 46, 43, 0.14) !important; } /* Product link */ body.single-product .related.products li.product a.woocommerce-LoopProduct-link { display: flex !important; flex: 1 !important; flex-direction: column !important; } /* Image without upper gap */ body.single-product .related.products li.product img { display: block !important; width: 100% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border-radius: 0 !important; } /* Small premium SALE badge */ body.single-product .related.products li.product .onsale { position: absolute !important; top: 15px !important; left: 15px !important; right: auto !important; bottom: auto !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 9px 14px !important; background: #b68238 !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; border-radius: 50px !important; box-shadow: 0 8px 20px rgba(70, 38, 24, 0.18) !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; z-index: 5 !important; } /* Product title */ body.single-product .related.products .woocommerce-loop-product__title { min-height: 62px !important; margin: 0 !important; padding: 20px 18px 8px !important; color: #342121 !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.3 !important; } /* Price */ body.single-product .related.products li.product .price { margin: auto 0 0 !important; padding: 8px 18px 0 !important; color: #aa792b !important; font-size: 17px !important; font-weight: 700 !important; } body.single-product .related.products .price del { margin-right: 7px !important; color: #8d807c !important; opacity: 0.6 !important; font-weight: 400 !important; } body.single-product .related.products .price ins { color: #a87526 !important; text-decoration: none !important; } /* Equal premium Add to Cart buttons */ body.single-product .related.products li.product .button { display: flex !important; align-items: center !important; justify-content: center !important; width: calc(100% - 36px) !important; min-height: 50px !important; margin: 18px !important; padding: 12px 18px !important; background: #301d1d !important; color: #ffffff !important; border: 1px solid #301d1d !important; border-radius: 2px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } body.single-product .related.products li.product .button:hover { background: #b68238 !important; border-color: #b68238 !important; color: #ffffff !important; } /* Tablet */ @media (max-width: 1100px) { body.single-product .related.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; } } /* Mobile */ @media (max-width: 600px) { body.single-product .related.products { margin-top: 45px !important; } body.single-product .related.products ul.products { grid-template-columns: 1fr !important; } body.single-product .related.products .woocommerce-loop-product__title { min-height: auto !important; } } /* Lumevia — Five related products per row */ body.single-product .related.products ul.products { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 22px !important; } body.single-product .related.products ul.products li.product { float: none !important; clear: none !important; width: 100% !important; margin: 0 !important; } /* Five cards mein text size balanced rakhein */ body.single-product .related.products .woocommerce-loop-product__title { min-height: 68px !important; padding: 18px 15px 8px !important; font-size: 16px !important; line-height: 1.35 !important; } body.single-product .related.products li.product .price { padding-left: 15px !important; padding-right: 15px !important; font-size: 16px !important; } body.single-product .related.products li.product .button { width: calc(100% - 30px) !important; margin: 16px 15px !important; padding: 12px 8px !important; font-size: 12px !important; white-space: nowrap !important; } /* Smaller desktop and tablet */ @media (min-width: 769px) and (max-width: 1200px) { body.single-product .related.products ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* Mobile */ @media (min-width: 521px) and (max-width: 768px) { body.single-product .related.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 520px) { body.single-product .related.products ul.products { grid-template-columns: 1fr !important; } } /* Remove WooCommerce invisible grid items */ body.single-product .related.products ul.products::before, body.single-product .related.products ul.products::after { content: none !important; display: none !important; } /* Force exactly 5 products in first row */ body.single-product .related.products ul.products { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 22px !important; } body.single-product .related.products ul.products li.product, body.single-product .related.products ul.products li.product.first, body.single-product .related.products ul.products li.product.last { width: 100% !important; margin: 0 !important; float: none !important; clear: none !important; } /* ===== LUMEVIA HERO — LARGE FULL SCREEN ===== */ .lv-dark-hero{ width:100% !important; min-height:780px !important; height:calc(100vh - 110px) !important; max-height:none !important; margin:0 !important; } .lv-dark-hero-image{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; } /* Logged-in admin view */ body.admin-bar .lv-dark-hero{ min-height:780px !important; height:calc(100vh - 110px) !important; } /* Mobile */ @media(max-width:700px){ .lv-dark-hero, body.admin-bar .lv-dark-hero{ min-height:720px !important; height:auto !important; } } /* ========================================================= LUMEVIA — FINAL PREMIUM CATEGORY PRODUCT CARDS Flush image / no white corner overlap / tight 5-column grid ========================================================= */ @media (min-width: 701px){ /* ---------- PRODUCT GRID ---------- */ html body.tax-product_cat.woocommerce-page .woocommerce ul.products, html body.tax-product_cat.woocommerce-page ul.products[class*="columns-"]{ display:grid !important; grid-template-columns:repeat(5, minmax(0,1fr)) !important; column-gap:10px !important; row-gap:14px !important; width:calc(100% - 50px) !important; max-width:1420px !important; margin:28px auto 70px !important; padding:0 !important; } /* Remove WooCommerce invisible clearfix */ html body.tax-product_cat.woocommerce-page ul.products::before, html body.tax-product_cat.woocommerce-page ul.products::after{ content:none !important; display:none !important; } /* ---------- CARD ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:none !important; min-width:0 !important; float:none !important; clear:none !important; margin:0 !important; padding:0 !important; background:#fffaf7 !important; border:1px solid rgba(170,125,93,.12) !important; border-radius:10px !important; overflow:hidden !important; box-shadow: 0 5px 16px rgba(70,38,30,.055) !important; transition: transform .28s ease, box-shadow .28s ease !important; } /* Premium subtle hover */ html body.tax-product_cat.woocommerce-page ul.products li.product:hover{ transform:translateY(-3px) !important; box-shadow: 0 10px 26px rgba(70,38,30,.09) !important; } /* ---------- PRODUCT LINK ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link{ display:flex !important; flex-direction:column !important; width:100% !important; flex:1 1 auto !important; margin:0 !important; padding:0 !important; background:transparent !important; } /* ---------- IMAGE — FLUSH TO EDGES ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product img, html body.tax-product_cat.woocommerce-page ul.products li.product .woocommerce-loop-product__link img{ display:block !important; width:100% !important; max-width:100% !important; aspect-ratio:1 / 1 !important; height:auto !important; object-fit:cover !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } /* ---------- SALE BADGE ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product .onsale{ position:absolute !important; top:10px !important; left:10px !important; right:auto !important; min-width:auto !important; min-height:auto !important; margin:0 !important; padding:7px 12px !important; border-radius:999px !important; line-height:1 !important; font-size:12px !important; z-index:10 !important; } /* ---------- TITLE ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product .woocommerce-loop-product__title{ min-height:54px !important; margin:0 !important; padding:16px 14px 6px !important; font-size:18px !important; line-height:1.28 !important; color:#2d1d19 !important; } /* ---------- PRICE ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product .price{ display:block !important; min-height:32px !important; margin:0 !important; padding:4px 14px 12px !important; font-size:18px !important; line-height:1.2 !important; } html body.tax-product_cat.woocommerce-page ul.products li.product .price del{ font-size:15px !important; opacity:.55 !important; } html body.tax-product_cat.woocommerce-page ul.products li.product .price ins{ font-size:18px !important; font-weight:700 !important; } /* ---------- BUTTON ---------- */ html body.tax-product_cat.woocommerce-page ul.products li.product .button{ display:flex !important; align-items:center !important; justify-content:center !important; width:calc(100% - 24px) !important; min-height:50px !important; margin:auto 12px 12px !important; padding:12px 7px !important; border-radius:8px !important; font-size:12px !important; font-weight:700 !important; white-space:nowrap !important; } } /* ================================================== MOST LOVED — MOBILE 2 x 3 RESPONSIVE PRODUCT GRID ================================================== */ @media (max-width: 767px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden !important; } #best-sellers { width: 100%; max-width: 100%; padding-left: 16px !important; padding-right: 16px !important; overflow: hidden; } #best-sellers .product-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 10px !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } #best-sellers .product-card { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: hidden; } #best-sellers .product-image-wrap { width: 100% !important; aspect-ratio: 1 / 1.2; overflow: hidden; } #best-sellers .product-image-wrap img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; } #best-sellers .quick-add { left: 8px !important; right: 8px !important; width: auto !important; min-width: 0 !important; padding: 12px 4px !important; font-size: 11px !important; letter-spacing: 0.5px; white-space: nowrap; } #best-sellers .badge { padding: 7px 9px !important; font-size: 10px !important; } #best-sellers .product-info { padding: 12px 8px 16px !important; min-width: 0; } #best-sellers .product-info h3 { margin: 0 0 8px !important; font-size: 18px !important; line-height: 1.08 !important; overflow-wrap: anywhere; } #best-sellers .product-info .price { font-size: 15px !important; } /* Sirf pehle 6 products */ #best-sellers .product-card:nth-child(n+7) { display: none !important; } /* Card par raw text remove karega */ #best-sellers .product-type { display: none !important; } } /* Hide ugly category HTML on every screen */ body #best-sellers .product-card .product-info .product-type { display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* JEWELLERY SETS — COMPACT SIX CARD LAYOUT */ @media (min-width: 1101px) { .lv-category-tabs { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; max-width: 1180px !important; } .lv-category-grid-five { width: min(1420px, 100%) !important; max-width: 1420px !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; } .lv-category-grid-five .lv-category-card { height: 355px !important; min-height: 355px !important; } } @media (min-width: 561px) and (max-width: 1100px) { .lv-category-tabs { grid-template-columns: repeat(6, minmax(145px, 1fr)) !important; } } /* MOBILE RESPONSIVE CATEGORY TABS */ @media (max-width: 650px) { .lv-category-tabs { width: 100% !important; max-width: 100% !important; min-height: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; padding: 8px !important; margin: 0 auto 20px !important; border-radius: 20px !important; overflow: hidden !important; } .lv-category-tabs a { width: 100% !important; min-width: 0 !important; min-height: 52px !important; padding: 8px 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; flex: none !important; font-size: 8.5px !important; letter-spacing: 0.08em !important; white-space: nowrap !important; border-right: 1px solid rgba(43, 30, 26, 0.10) !important; border-bottom: 1px solid rgba(43, 30, 26, 0.10) !important; } /* Right-side tabs */ .lv-category-tabs a:nth-child(2n) { border-right: 0 !important; } /* Last row */ .lv-category-tabs a:nth-last-child(-n + 2) { border-bottom: 0 !important; } .lv-category-tabs a::after { display: none !important; } .lv-category-tabs .lv-tab-icon { width: 17px !important; min-width: 17px !important; height: 17px !important; } .lv-category-tabs .lv-tab-icon svg { width: 17px !important; height: 17px !important; } } /* ===================================================== LUMEVIA — PREMIUM DARK CURVE ANIMATION Homepage only ===================================================== */ body.home::after{ content:""; position:fixed; inset:0; pointer-events:none; z-index:9998; opacity:.23; background-image:url("data:image/svg+xml,%3Csvg width='1100' height='420' viewBox='0 0 1100 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-100 250 C120 80 270 390 500 210 S850 70 1200 230' fill='none' stroke='%237A4C48' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M-120 310 C150 150 330 430 590 270 S900 120 1210 300' fill='none' stroke='%23A87965' stroke-width='1.4' stroke-opacity='.65' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:repeat-y; background-size:1100px 420px; background-position:center 0; animation:lumeviaLuxuryCurve 18s ease-in-out infinite alternate; } /* ===================================================== LUMEVIA — CURVES BEHIND WEBSITE CONTENT ===================================================== */ body.home{ position:relative; isolation:isolate; background:#f5e2e3 !important; } /* Animated curves — BACKGROUND ONLY */ body.home::before{ content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.26; background-image:url("data:image/svg+xml,%3Csvg width='1200' height='500' viewBox='0 0 1200 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-100 270 C160 70 330 430 590 220 S940 80 1300 260' fill='none' stroke='%23845B58' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M-100 360 C180 190 390 470 680 300 S1000 170 1300 350' fill='none' stroke='%23B48776' stroke-width='1.5' stroke-opacity='.65' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:repeat-y; background-size:1200px 500px; background-position:center top; animation:lumeviaBgCurve 22s ease-in-out infinite alternate; } /* Entire website stays ABOVE curves */ body.home #page, body.home .site, body.home header, body.home main, body.home footer{ position:relative !important; z-index:1 !important; } /* Keep main pink sections transparent enough so background curves remain visible */ body.home main, body.home .site-main{ background:transparent !important; } /* Product cards/images remain clean */ body.home .product-card, body.home li.product, body.home .signature-card, body.home .category-card{ position:relative !important; z-index:2 !important; } /* Slow luxury movement */ @keyframes lumeviaBgCurve{ from{ background-position:center 0; } to{ background-position:center 160px; } } /* Mobile */ @media(max-width:700px){ body.home::before{ opacity:.18; background-size:800px 340px; } } /* ===================================================== LUMEVIA — FINAL CURVE AS TRUE BACKGROUND Never overlays products, text or images ===================================================== */ /* Disable all previous homepage curve overlays */ body.home::before, body.home::after{ content:none !important; display:none !important; background:none !important; animation:none !important; } /* Put curves directly INTO main background */ body.home main, body.home .site-main{ background-color:#f5e2e3 !important; background-image:url("data:image/svg+xml,%3Csvg width='1200' height='500' viewBox='0 0 1200 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-100 270 C160 70 330 430 590 220 S940 80 1300 260' fill='none' stroke='%23936A66' stroke-width='2.2' stroke-opacity='.42' stroke-linecap='round'/%3E%3Cpath d='M-100 360 C180 190 390 470 680 300 S1000 170 1300 350' fill='none' stroke='%23B88B7D' stroke-width='1.4' stroke-opacity='.30' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat:repeat-y !important; background-size:1200px 500px !important; background-position:center 0 !important; animation:lumeviaTrueBgMove 24s ease-in-out infinite alternate; } /* Smooth background movement */ @keyframes lumeviaTrueBgMove{ from{ background-position:center 0; } to{ background-position:center 140px; } } /* Product cards/images always stay clean */ body.home img, body.home .product-card, body.home li.product, body.home .category-card{ position:relative; } /* Mobile */ @media(max-width:700px){ body.home main, body.home .site-main{ background-size:800px 340px !important; } } /* ===== FINAL STICKY HEADER FIX ===== */ body .site-header, body header.site-header{ position:sticky !important; top:0 !important; z-index:99999 !important; } body.admin-bar .site-header, body.admin-bar header.site-header{ top:32px !important; } @media(max-width:782px){ body.admin-bar .site-header, body.admin-bar header.site-header{ top:46px !important; } } /* ===================================================== LUMEVIA — EDITORIAL IMAGE HEIGHT FIX Our Story + Signature Edit ===================================================== */ @media (min-width: 901px){ /* OUR STORY IMAGE */ body.home img[src*="lumevia-story"]{ width:100% !important; height:580px !important; max-height:580px !important; object-fit:cover !important; object-position:center !important; } /* SIGNATURE EDIT MAIN MODEL IMAGE */ body.home img[src*="signature-model"]{ width:100% !important; height:580px !important; max-height:580px !important; object-fit:cover !important; object-position:center !important; } } /* ===== REDUCE GAP BEFORE MOST LOVED ===== */ body.home .most-loved-section{ margin-top:0 !important; padding-top:20px !important; } /* Previous product section ka bottom gap bhi kam */ body.home .product-section{ margin-bottom:0 !important; } body.home .new-arrivals-section{ padding-bottom:30px !important; margin-bottom:0 !important; } /* ===== OUR STORY IMAGE + CONTAINER FIX ===== */ @media (min-width:901px){ /* Image ka immediate container */ body.home *:has(> img[src*="lumevia-story"]){ height:580px !important; min-height:580px !important; max-height:580px !important; overflow:hidden !important; background:transparent !important; } /* Image fills complete container */ body.home img[src*="lumevia-story"]{ display:block !important; width:100% !important; height:100% !important; max-height:none !important; object-fit:cover !important; object-position:center !important; margin:0 !important; } } /* ===== MOST LOVED PRICE STYLE ===== */ body.home #best-sellers .price{ font-size:16px !important; font-weight:700 !important; color:#A56F2C !important; line-height:1.4 !important; margin-top:8px !important; } /* Sale ke baad current price */ body.home #best-sellers .price ins{ color:#A56F2C !important; font-size:16px !important; font-weight:700 !important; text-decoration:none !important; } /* Old crossed price */ body.home #best-sellers .price del{ color:#9B8D88 !important; font-size:14px !important; font-weight:400 !important; opacity:.75 !important; margin-right:6px !important; } /* ===================================================== LUMEVIA — PREMIUM WATCHES SECTION ===================================================== */ body.home .lv-watches-section{ padding:85px 5vw 95px !important; background:#f5e2e3 !important; } body.home .lv-watches-heading{ max-width:1400px; margin:0 auto 38px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; } body.home .lv-watches-heading .eyebrow{ margin:0 0 10px; color:#a9783e; font-size:11px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; } body.home .lv-watches-heading h2{ margin:0; font-family:"Cormorant Garamond",serif; font-size:clamp(54px,5vw,78px); line-height:.95; font-weight:500; color:#2d1d19; } body.home .lv-watches-subtitle{ margin:16px 0 0; max-width:520px; font-size:15px; line-height:1.7; color:#806f69; } body.home .lv-watches-heading .text-link{ color:#2d1d19; font-size:13px; text-decoration:none; border-bottom:1px solid #b78a50; padding-bottom:6px; } /* Product grid */ body.home .lv-watches-grid{ max-width:1400px !important; margin:0 auto !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; } /* Watch cards */ body.home .lv-watches-section .product-card{ background:#fff9f6 !important; border:1px solid rgba(153,106,68,.12) !important; box-shadow: 0 10px 30px rgba(63,35,28,.055) !important; transition: transform .35s ease, box-shadow .35s ease !important; } body.home .lv-watches-section .product-card:hover{ transform:translateY(-6px) !important; box-shadow: 0 20px 45px rgba(63,35,28,.10) !important; } /* Image */ body.home .lv-watches-section .product-image-wrap{ aspect-ratio:1 / 1 !important; overflow:hidden !important; } body.home .lv-watches-section .product-image-wrap img{ width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .6s ease !important; } body.home .lv-watches-section .product-card:hover img{ transform:scale(1.025) !important; } /* Price */ body.home .lv-watches-section .price, body.home .lv-watches-section .price ins{ color:#a56f2c !important; font-size:16px !important; font-weight:700 !important; text-decoration:none !important; } body.home .lv-watches-section .price del{ color:#9c8d88 !important; font-size:14px !important; font-weight:400 !important; margin-right:6px !important; } /* Tablet */ @media(max-width:1000px){ body.home .lv-watches-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* Mobile */ @media(max-width:700px){ body.home .lv-watches-section{ padding:55px 12px 65px !important; } body.home .lv-watches-heading{ align-items:flex-start; flex-direction:column; gap:15px; margin-bottom:25px; } body.home .lv-watches-heading h2{ font-size:48px; } body.home .lv-watches-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; } } /* ===================================================== LUMEVIA — FINAL MOBILE CATEGORY PRODUCT GRID FIX Bracelets / Rings / Earrings / Necklaces / Watches ===================================================== */ @media (max-width: 700px){ /* Main category page width */ body.tax-product_cat .woocommerce, body.tax-product_cat main, body.tax-product_cat .site-main{ width:100% !important; max-width:100% !important; margin:0 !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; } /* Category heading */ body.tax-product_cat .woocommerce-products-header{ width:100% !important; margin:0 !important; padding:38px 4px 20px !important; } body.tax-product_cat .woocommerce-products-header h1, body.tax-product_cat .page-title{ font-size:56px !important; line-height:.95 !important; margin:0 0 18px !important; } /* Result count */ body.tax-product_cat .woocommerce-result-count{ float:none !important; margin:0 0 20px !important; font-size:15px !important; } /* Sorting */ body.tax-product_cat .woocommerce-ordering{ float:none !important; width:100% !important; margin:0 0 28px !important; } body.tax-product_cat .woocommerce-ordering select{ width:100% !important; min-height:52px !important; padding:0 18px !important; border-radius:16px !important; } /* =========================== 2 PREMIUM CARDS PER ROW =========================== */ body.tax-product_cat .woocommerce ul.products, body.tax-product_cat ul.products{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; width:100% !important; max-width:none !important; gap:12px !important; margin:0 !important; padding:0 !important; list-style:none !important; } /* Remove old WooCommerce widths/floats */ body.tax-product_cat .woocommerce ul.products li.product, body.tax-product_cat ul.products li.product, body.tax-product_cat ul.products li.product.first, body.tax-product_cat ul.products li.product.last{ width:auto !important; min-width:0 !important; max-width:none !important; float:none !important; clear:none !important; margin:0 !important; padding:7px 7px 14px !important; background:#fff9f6 !important; border:1px solid rgba(115,72,59,.10) !important; border-radius:16px !important; box-shadow:0 7px 22px rgba(69,38,31,.07) !important; overflow:hidden !important; box-sizing:border-box !important; } /* Product image */ body.tax-product_cat ul.products li.product a img, body.tax-product_cat .woocommerce ul.products li.product a img{ display:block !important; width:100% !important; height:auto !important; aspect-ratio:1 / 1 !important; object-fit:cover !important; object-position:center !important; margin:0 0 13px !important; border-radius:11px !important; } /* Product title */ body.tax-product_cat ul.products li.product h2, body.tax-product_cat ul.products li.product .woocommerce-loop-product__title{ font-family:"Cormorant Garamond", serif !important; font-size:18px !important; line-height:1.08 !important; font-weight:500 !important; color:#2d1c18 !important; margin:0 5px 9px !important; padding:0 !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; } /* Prices */ body.tax-product_cat ul.products li.product .price{ display:block !important; margin:0 5px 12px !important; font-size:15px !important; line-height:1.3 !important; color:#a56f2c !important; font-weight:700 !important; } body.tax-product_cat ul.products li.product .price ins{ color:#a56f2c !important; font-weight:700 !important; text-decoration:none !important; } body.tax-product_cat ul.products li.product .price del{ color:#9b8c87 !important; font-size:12px !important; font-weight:400 !important; opacity:.7 !important; } /* Add to cart / choose colour */ body.tax-product_cat ul.products li.product .button{ display:flex !important; align-items:center !important; justify-content:center !important; width:calc(100% - 10px) !important; min-height:42px !important; margin:8px 5px 0 !important; padding:9px 5px !important; background:#321f1a !important; color:#fff !important; border-radius:999px !important; font-size:9px !important; line-height:1.1 !important; font-weight:700 !important; text-align:center !important; white-space:normal !important; } /* Sale badge */ body.tax-product_cat ul.products li.product .onsale{ top:14px !important; left:14px !important; right:auto !important; min-width:0 !important; min-height:0 !important; padding:6px 9px !important; font-size:10px !important; line-height:1 !important; border-radius:999px !important; } } /* ================================================== Lumevia Premium Product Image Hover ================================================== */ .lv-product-card__media { position: relative; overflow: hidden; background: #f7e8e7; isolation: isolate; } .lv-product-card__image-link { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: #f7e8e7; } .lv-product-card__image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; backface-visibility: hidden; will-change: opacity, transform; transition: opacity 0.5s ease, transform 0.8s cubic-bezier(0.2, 0.65, 0.3, 1); } .lv-product-card__image--main { z-index: 1; opacity: 1; transform: scale(1); } .lv-product-card__image--hover { z-index: 2; opacity: 0; transform: scale(1.025); } /* Apply image swap only on computers with a mouse */ @media (hover: hover) and (pointer: fine) { .lv-product-card.has-hover-image:hover .lv-product-card__image--main, .lv-product-card.has-hover-image:focus-within .lv-product-card__image--main { opacity: 0; transform: scale(1.035); } .lv-product-card.has-hover-image:hover .lv-product-card__image--hover, .lv-product-card.has-hover-image:focus-within .lv-product-card__image--hover { opacity: 1; transform: scale(1); } } /* Keep mobile behavior clean and stable */ @media (hover: none), (pointer: coarse) { .lv-product-card__image--hover { display: none; } .lv-product-card__image--main { position: absolute; opacity: 1; transform: none; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .lv-product-card__image { transition: none; } } /* FIX: Prevent blank/white product image on hover */ .lv-product-card__image--main { opacity: 1 !important; z-index: 1; } .lv-product-card__image--hover { opacity: 0 !important; z-index: 2; background: transparent !important; pointer-events: none; } @media (hover: hover) and (pointer: fine) { .lv-product-card.has-hover-image:hover .lv-product-card__image--main { opacity: 1 !important; transform: scale(1.02); } .lv-product-card.has-hover-image:hover .lv-product-card__image--hover { opacity: 1 !important; transform: scale(1); } } /* LUMEVIA FINAL PRODUCT HOVER FIX */ .lv-product-card__image-link { position: relative !important; display: block !important; overflow: hidden !important; } .lv-product-card__image--main { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 1 !important; } .lv-product-card__image--hover { display: block !important; visibility: hidden !important; position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; opacity: 0 !important; z-index: 5 !important; transform: scale(1.04); transition: opacity 0.45s ease, transform 0.7s ease !important; } @media (hover: hover) and (pointer: fine) { .lv-product-card.has-hover-image:hover .lv-product-card__image--hover { visibility: visible !important; opacity: 1 !important; transform: scale(1); } }