/*
Theme Name: L'AROMA Lux
Theme URI: https://laromaofficial.com
Author: L'AROMA
Description: Luxury perfume e-commerce theme for WooCommerce. White background with green and gold only. Cash on Delivery ready, app-style mobile layout, 3-slide hero, scent quiz, wishlist, quick view and a full Customizer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: laroma
*/

/* =========================================================
   TOKENS — only white, green, gold (+ tints of those two)
   ========================================================= */
:root{
  --green:#0F4D3A; --gold:#B8923A;
  --white:#fff;
  --ink:color-mix(in srgb,var(--green) 78%,#000);
  --muted:color-mix(in srgb,var(--green) 62%,#fff);
  --line:color-mix(in srgb,var(--gold) 30%,#fff);
  --tint:color-mix(in srgb,var(--gold) 7%,#fff);
  --tint-g:color-mix(in srgb,var(--green) 6%,#fff);
  --gold-d:color-mix(in srgb,var(--gold) 82%,#000);
  --green-d:color-mix(in srgb,var(--green) 80%,#000);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --wrap:1280px; --r:2px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --hdr:84px; --bnav:64px;
  --safe-b:env(safe-area-inset-bottom,0px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,picture,iframe{max-width:100%;display:block}
img{height:auto}
a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
a:hover{color:var(--gold)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0 0 .5em;color:var(--green);letter-spacing:.01em}
p{margin:0 0 1.1em}
::selection{background:var(--gold);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:0;background:var(--green);color:#fff;padding:10px 16px;z-index:9999}
.skip-link:focus{left:10px;top:10px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.ico{flex:none;stroke:currentColor}
.center{text-align:center}
.muted{color:var(--muted)}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 28px}
.sec{padding:96px 0}
.sec-tight{padding-top:20px}
.hp{position:absolute;left:-9999px}

/* section heads */
.eyebrow{display:inline-block;font:500 11.5px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.eyebrow.on-dark{color:var(--gold)}
.sec-head{text-align:center;max-width:680px;margin:0 auto 56px}
.sec-head h2{font-size:clamp(34px,4.4vw,54px)}
.sec-head p{color:var(--muted);font-size:17px}
.orn{display:block;width:84px;height:12px;margin:14px auto 20px;position:relative}
.orn::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.orn::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--white);border:1px solid var(--gold);transform:translate(-50%,-50%) rotate(45deg)}
.orn.left{margin-left:0}
.orn.left::before{background:linear-gradient(90deg,var(--gold),transparent)}
.orn.left::after{left:0;transform:translate(0,-50%) rotate(45deg)}

/* buttons */
.btn,.button,button.button,.woocommerce a.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 34px;border:1px solid var(--green);background:var(--green);color:#fff;font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;border-radius:var(--r);cursor:pointer;transition:all .35s var(--ease);position:relative;overflow:hidden;white-space:nowrap}
.btn:hover,.button:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.btn-primary{background:var(--green);border-color:var(--green)}
.btn-outline,.btn.btn-outline{background:transparent;color:var(--green);border-color:var(--green)}
.btn-outline:hover{background:var(--green);border-color:var(--green);color:#fff}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn-gold:hover{background:var(--white);color:var(--green);border-color:var(--white)}
.btn-block{display:flex;width:100%}
.btn-sm{min-height:44px;padding:0 22px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}

/* =========================================================
   ANNOUNCEMENT BAR
   ========================================================= */
.lx-topbar{background:var(--green);color:#fff;text-align:center;font:400 11.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;height:38px;position:relative;overflow:hidden}
.tb-inner{height:100%;position:relative}
.tb-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;opacity:0;transform:translateY(8px);transition:all .6s var(--ease);color:#fff}
.tb-msg.is-on{opacity:1;transform:none}
.tb-msg::before,.tb-msg::after{content:"◆";color:var(--gold);font-size:7px;margin:0 14px}

/* =========================================================
   HEADER
   ========================================================= */
.lx-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.lx-header.is-scrolled{border-color:var(--line);box-shadow:0 10px 30px -22px var(--green)}
.hd-inner{max-width:1480px;margin:0 auto;height:var(--hdr);padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.hd-left{display:flex;align-items:center}
.hd-right{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.hd-btn{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--green);transition:color .25s,transform .25s}
.hd-btn:hover{color:var(--gold)}
.hd-burger{display:none}
.cnt{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:#fff;font:500 10.5px/18px var(--sans);text-align:center;font-style:normal;transform:scale(1);transition:transform .3s}
.cnt[data-count="0"]{display:none}
.cnt.pop{animation:pop .45s var(--ease)}
@keyframes pop{50%{transform:scale(1.35)}}

/* logo — sizes come from Customizer through CSS variables */
.lx-logo{display:inline-flex;align-items:center}
.lx-logo-img{display:block;height:auto;object-fit:contain}
.lx-logo-header .lx-logo-img{width:var(--hlogo-d);max-width:100%}
.lx-logo-header .lx-logo-m{display:none}
.lx-logo-footer .lx-logo-img{width:var(--flogo-d)}
.lx-logo-img.is-invert{filter:brightness(0) invert(1)}
.lx-wordmark{font:600 28px/1 var(--serif);letter-spacing:.22em;color:var(--green);text-transform:uppercase}
.lx-footer .lx-wordmark{color:#fff}

/* nav */
.lx-menu{display:flex;gap:6px}
.lx-menu>li{position:relative}
.lx-menu>li>a{display:block;padding:30px 14px;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green);position:relative}
.lx-menu>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:24px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.lx-menu>li:hover>a::after,.lx-menu>li.current-menu-item>a::after{transform:scaleX(1)}
.lx-menu .sub-menu{position:absolute;left:0;top:100%;min-width:250px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:12px 0;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s var(--ease);box-shadow:0 30px 50px -30px var(--green)}
.lx-menu li:hover>.sub-menu,.lx-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.lx-menu .sub-menu a{display:block;padding:11px 26px;font:400 13px/1.3 var(--sans);letter-spacing:.08em;color:var(--green)}
.lx-menu .sub-menu a:hover{color:var(--gold);padding-left:32px}

/* =========================================================
   HERO
   ========================================================= */
.lx-hero{position:relative;background:var(--white);overflow:hidden}
.hero-track{position:relative;min-height:clamp(540px,78vh,760px)}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s var(--ease),visibility .9s}
.hero-slide.is-on{opacity:1;visibility:visible;z-index:2}
.hs-bg{position:absolute;inset:0}
.hs-bg img{width:100%;height:100%;object-fit:cover}
.hero-slide.layout-full::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.7) 42%,rgba(255,255,255,0) 75%)}
.hs-inner{position:relative;z-index:3;width:100%;max-width:var(--wrap);margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.layout-full .hs-inner{grid-template-columns:minmax(0,640px)}
.hs-title{font-size:clamp(40px,5.6vw,78px);margin-bottom:22px;font-weight:500}
.hs-text{font-size:18px;color:var(--muted);max-width:520px;margin-bottom:36px}
.hs-btns{display:flex;gap:14px;flex-wrap:wrap}
.hs-art{position:relative;display:flex;justify-content:center}
.hs-art img{max-height:640px;width:auto;object-fit:contain;filter:drop-shadow(0 40px 40px rgba(15,77,58,.18))}
.is-on .hs-copy>*{animation:rise .9s var(--ease) both}
.is-on .hs-copy>*:nth-child(2){animation-delay:.12s}
.is-on .hs-copy>*:nth-child(3){animation-delay:.24s}
.is-on .hs-copy>*:nth-child(4){animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* default artwork when no image is uploaded */
.art-default{position:relative;width:min(440px,80vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin:0 auto}
.art-default .ring{position:absolute;border-radius:50%;border:1px solid var(--gold)}
.art-default .r1{inset:0;animation:spin 40s linear infinite;border-style:dashed}
.art-default .r2{inset:12%;border-color:var(--green);opacity:.5}
.art-default .mono{width:62%;aspect-ratio:1;border-radius:50%;background:var(--green);color:var(--gold);display:flex;align-items:center;justify-content:center;font:italic 500 clamp(54px,9vw,96px)/1 var(--serif);box-shadow:0 30px 60px -30px var(--green)}
@keyframes spin{to{transform:rotate(360deg)}}

.hero-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:54px;height:54px;border:1px solid var(--gold);color:var(--green);background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;transition:all .3s}
.hero-arrow:hover{background:var(--gold);color:#fff}
.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}
.hero-dots{position:absolute;left:0;right:0;bottom:26px;z-index:5;display:flex;justify-content:center;gap:10px}
.hero-dots button{width:34px;height:3px;background:var(--line);transition:all .4s}
.hero-dots button.is-on{background:var(--gold);width:56px}

/* gold strip */
.lx-marquee{background:var(--gold);color:#fff;overflow:hidden;white-space:nowrap;padding:15px 0}
.mq-track{display:inline-flex;animation:mq 42s linear infinite}
.mq-set{display:inline-flex;align-items:center}
.mq-set span{font:500 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;padding:0 26px}
.mq-set i{display:inline-flex;color:#fff;opacity:.85}
@keyframes mq{to{transform:translateX(-50%)}}

/* =========================================================
   HOME SECTIONS
   ========================================================= */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cat-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--tint-g);border:1px solid var(--line)}
.ct-media,.ct-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ct-media img{transition:transform 1.2s var(--ease)}
.cat-tile:hover .ct-media img{transform:scale(1.07)}
.ct-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--tint) 0,var(--tint-g) 70%)}
.ct-art b{font:italic 500 clamp(70px,9vw,120px)/1 var(--serif);color:var(--gold);opacity:.8}
.ct-label{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.95);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:2px solid var(--gold);transition:transform .5s var(--ease)}
.ct-label strong{font:500 24px/1.1 var(--serif);color:var(--green)}
.ct-label em{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:var(--gold)}
.cat-tile:hover .ct-label{transform:translateY(-6px)}

.sec-products{background:var(--tint)}
.sec-products .center{margin-top:56px}

.sig-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.sig-media{position:relative;background:var(--tint);padding:40px;border:1px solid var(--line)}
.sig-media::before{content:"";position:absolute;inset:14px;border:1px solid var(--gold);opacity:.55;pointer-events:none}
.sig-media img{width:100%;height:auto;position:relative}
.sig-copy h2{font-size:clamp(36px,4.6vw,60px)}
.sig-copy p{font-size:18px;color:var(--muted);max-width:520px}
.sig-price{font:500 26px/1 var(--serif);color:var(--gold);margin:6px 0 30px}

.sec-scent{background:var(--green);color:#fff}
.sec-scent h2{color:#fff}
.sec-scent .sec-head p{color:rgba(255,255,255,.78)}
.sec-scent .orn::after{background:var(--green)}
.fam-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:48px}
.fam{display:flex;flex-direction:column;align-items:center;gap:14px;width:160px;padding:28px 14px;border:1px solid rgba(184,146,58,.5);font:500 12px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;text-align:center;transition:all .4s var(--ease)}
.fam .fam-ico{color:var(--gold);transition:transform .5s var(--ease)}
.fam:hover{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateY(-6px)}
.fam:hover .fam-ico{color:#fff;transform:scale(1.15)}

.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.story-copy h2{font-size:clamp(36px,4.6vw,58px)}
.story-copy p{color:var(--muted);font-size:17px}
.story-media{position:relative}
.story-media img{width:100%;border:1px solid var(--line)}

.sec-feats{padding:0 0 96px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);background:#fff}
.feat{padding:44px 30px;text-align:center;border-right:1px solid var(--line)}
.feat:last-child{border-right:0}
.feat .ico{margin:0 auto 18px;color:var(--gold)}
.feat h4{font-size:24px;margin-bottom:10px}
.feat p{font-size:15px;color:var(--muted);margin:0}
.entry .feat-grid{margin:48px 0 0}

.sec-reviews{background:var(--tint)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rev{margin:0;background:#fff;border:1px solid var(--line);padding:40px 34px;text-align:center}
.rev .stars{color:var(--gold);letter-spacing:6px;font-size:15px}
.rev blockquote{margin:18px 0;font:italic 500 22px/1.5 var(--serif);color:var(--green)}
.rev figcaption{font:500 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.sec-insta{padding:72px 0;border-top:1px solid var(--line)}
.sec-insta .ico{margin:0 auto 12px;color:var(--gold)}
.sec-insta h3{font-size:32px}

/* =========================================================
   PAGE HERO (shop, category, pages)
   ========================================================= */
.page-hero{text-align:center;padding:64px 0 52px;background:linear-gradient(180deg,var(--tint),#fff)}
.page-hero h1{font-size:clamp(38px,5vw,64px);margin-bottom:6px}
.page-hero p{color:var(--muted);max-width:620px;margin:0 auto 6px;font-size:17px}
.page-hero .eyebrow{margin-bottom:14px}
.nf404{padding:120px 0}
.lx-breadcrumb{font:400 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
.lx-breadcrumb a{color:var(--muted)}.lx-breadcrumb a:hover{color:var(--gold)}
.lx-breadcrumb .sep{margin:0 10px;color:var(--gold)}
.lx-single .lx-breadcrumb{margin:26px 0 0}

/* =========================================================
   PRODUCT GRID + CARD
   ========================================================= */
.lx-grid,ul.products{display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}
.lx-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.lx-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.lx-card{position:relative;background:#fff;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s;display:flex;flex-direction:column}
.lx-card:hover{transform:translateY(-6px);box-shadow:0 34px 50px -34px var(--green);border-color:var(--gold)}
.pc-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--tint-g)}
.pc-link{display:block;height:100%}
.pc-img{width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
.pc-img-hover{position:absolute;inset:0;opacity:0}
.lx-card:hover .pc-img-hover{opacity:1}
.lx-card:hover .pc-img:not(.pc-img-hover){transform:scale(1.05)}
.pc-badge{position:absolute;left:14px;top:14px;background:var(--green);color:#fff;font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:8px 12px}
.pc-wish{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -10px var(--green);transition:all .3s}
.pc-wish:hover{color:var(--gold);transform:scale(1.08)}
.pc-wish.is-on{background:var(--gold);color:#fff}
.pc-wish.is-on svg{fill:currentColor}
.pc-quick{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;background:rgba(255,255,255,.96);color:var(--green);font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transform:translateY(101%);transition:transform .45s var(--ease)}
.lx-card:hover .pc-quick{transform:none}
.pc-quick:hover{background:var(--green);color:#fff}
.pc-info{padding:22px 20px 24px;text-align:center;display:flex;flex-direction:column;flex:1}
.pc-cat{font:500 10.5px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.pc-title{font-size:23px;margin:0 0 10px}
.pc-title a{color:var(--green)}
.pc-price{margin-top:auto;margin-bottom:16px}
.pc-btn{min-height:46px;padding:0 20px;font-size:11px;width:100%;margin-top:auto}

/* prices — "From" is small & muted until a variation is chosen */
.price,.woocommerce-Price-amount{font-family:var(--serif)}
.price{font-size:21px;font-weight:600;color:var(--gold-d);display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap}
.price .from{font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.price del{opacity:.5;font-size:.8em}
.price ins{text-decoration:none}
.lx-single .summary .price{justify-content:flex-start;font-size:32px}

/* toolbar */
.lx-toolbar{margin-bottom:40px;border-bottom:1px solid var(--line);padding-bottom:22px}
.tb-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.tb-label{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding:0 6px}
.tb-chip{padding:11px 22px;border:1px solid var(--line);font:500 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--green);transition:all .3s}
.tb-chip:hover{border-color:var(--gold);color:var(--gold)}
.tb-chip.is-on{background:var(--green);border-color:var(--green);color:#fff}
.tb-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
.woocommerce-result-count{margin:0;font-size:14px;color:var(--muted)}
.woocommerce-ordering select,.lx-form input,.lx-form textarea,.woocommerce form .input-text,.woocommerce form select,.woocommerce-page form .input-text,#lx-gift-msg,.quantity input.qty,.select2-container--default .select2-selection--single{width:100%;border:1px solid var(--line);background:#fff;color:var(--green);font:400 15px/1.4 var(--sans);padding:14px 16px;border-radius:var(--r);outline:0;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none;appearance:none}
.woocommerce-ordering select{width:auto;min-width:210px;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23B8923A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
.woocommerce form select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23B8923A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:38px}
.lx-form input:focus,.lx-form textarea:focus,.woocommerce form .input-text:focus,.woocommerce form select:focus,#lx-gift-msg:focus,.woocommerce-ordering select:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}

.lx-pagination,.woocommerce-pagination{margin-top:56px;text-align:center}
.page-numbers{display:inline-flex;gap:8px;justify-content:center;flex-wrap:wrap}
.page-numbers li{display:inline-block}
.page-numbers a,.page-numbers span,.nav-links a,.nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;border:1px solid var(--line);color:var(--green);font:500 14px/1 var(--sans);padding:0 12px}
.page-numbers .current,.page-numbers a:hover{background:var(--green);border-color:var(--green);color:#fff}

/* =========================================================
   SINGLE PRODUCT
   ========================================================= */
.lx-single div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start;position:relative}
.lx-single div.product>*{min-width:0}
.lx-single .woocommerce-product-gallery{position:sticky;top:calc(var(--hdr) + 24px);background:var(--tint-g);border:1px solid var(--line);margin:0;width:100%!important;float:none!important}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery img{width:100%;height:auto}
.flex-control-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;margin:0;list-style:none}
.flex-control-thumbs img{opacity:.55;cursor:pointer;border:1px solid transparent;transition:all .3s}
.flex-control-thumbs img.flex-active,.flex-control-thumbs img:hover{opacity:1;border-color:var(--gold)}
.woocommerce-product-gallery__trigger{position:absolute;right:14px;top:14px;z-index:5;width:42px;height:42px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;box-shadow:0 8px 20px -10px var(--green)}
.woocommerce-product-gallery__trigger::before{content:"";width:14px;height:14px;border:2px solid var(--green);border-radius:50%;margin-right:3px}
.lx-single .summary{width:100%!important;float:none!important}
.sp-cat{display:inline-block;font:500 11.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.product_title{font-size:clamp(34px,4.2vw,54px);margin-bottom:12px}
.woocommerce-product-details__short-description{color:var(--muted);font-size:16px;margin:18px 0 22px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.woocommerce-product-details__short-description p:last-child{margin:0}
.woocommerce-product-rating{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.star-rating{position:relative;display:inline-block;width:5.4em;height:1em;font-size:14px;line-height:1;letter-spacing:.1em;overflow:hidden;color:var(--gold)}
.star-rating::before{content:"★★★★★";position:absolute;left:0;top:0;color:var(--line)}
.star-rating span{position:absolute;left:0;top:0;overflow:hidden;padding-top:1.5em;height:0}
.star-rating span::before{content:"★★★★★";position:absolute;left:0;top:0;color:var(--gold)}

/* variations — Type + Size as luxury swatches (JS builds them over the real selects) */
table.variations{width:100%;border:0;margin:0 0 6px;border-collapse:collapse}
table.variations tr{display:block;margin-bottom:20px}
table.variations th,table.variations td{display:block;padding:0;text-align:left}
table.variations label{font:500 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:12px}
.lx-swatches{display:flex;flex-wrap:wrap;gap:10px}
.lx-swatch{min-height:48px;padding:0 22px;border:1px solid var(--line);background:#fff;font:500 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--green);transition:all .3s var(--ease)}
.lx-swatch:hover{border-color:var(--gold)}
.lx-swatch.is-on{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 12px 24px -14px var(--green)}
.lx-swatch.is-off{opacity:.35;text-decoration:line-through;pointer-events:none}
.has-swatches select{position:absolute;opacity:0;pointer-events:none;height:0;width:0}
.reset_variations{display:inline-block;margin-top:10px;font:400 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:underline}
.single_variation_wrap .woocommerce-variation-price{margin:4px 0 16px}
.single_variation_wrap .woocommerce-variation-price .price{font-size:34px;justify-content:flex-start}
.woocommerce-variation-description p{color:var(--muted)}
.woocommerce-variation-availability p{font-size:13px;color:var(--gold-d);margin:0 0 8px}
.lx-single.has-variation .summary>.price{display:none}

.woocommerce-variation-add-to-cart,form.cart:not(.variations_form){display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;margin:8px 0 0}
.quantity{display:inline-flex;align-items:center;border:1px solid var(--line);height:56px}
.quantity input.qty{width:62px;height:54px;border:0;text-align:center;padding:0;-moz-appearance:textfield;font-size:17px}
.quantity input.qty::-webkit-outer-spin-button,.quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none}
.q-btn{width:46px;height:54px;display:flex;align-items:center;justify-content:center;color:var(--green)}
.q-btn:hover{color:var(--gold)}
.single_add_to_cart_button{flex:1;min-height:56px;min-width:200px}
.single_add_to_cart_button.disabled,.single_add_to_cart_button:disabled{opacity:.45;cursor:not-allowed}
.single_add_to_cart_button.loading{opacity:.7;pointer-events:none}
.single_add_to_cart_button.added::after{content:"✓";margin-left:8px}

.sp-traits{margin:26px 0 0;padding:22px;background:var(--tint);border:1px solid var(--line)}
.meters{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:14px}
.meter{display:flex;flex-direction:column;gap:8px}
.m-label{font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--green)}
.m-dots{display:flex;gap:6px}
.m-dots i{flex:1;height:5px;background:var(--line);border-radius:3px}
.m-dots i.on{background:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;padding:7px 14px;border:1px solid var(--line);background:#fff;font:400 12.5px/1.2 var(--sans);letter-spacing:.06em;color:var(--green);border-radius:20px}
.chip-link:hover{border-color:var(--gold);color:var(--gold)}

.sp-gift{margin-top:22px}
.gift-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;color:var(--green)}
.gift-toggle input{width:18px;height:18px;accent-color:var(--gold)}
.gift-toggle span{display:inline-flex;align-items:center;gap:10px}
.gift-toggle .ico{color:var(--gold)}
#lx-gift-msg{display:none;margin-top:12px;resize:vertical}
#lx-gift:checked~#lx-gift-msg,.sp-gift.is-on #lx-gift-msg{display:block}

.sp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.sp-trust span{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px 8px;border:1px solid var(--line);font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.sp-trust .ico{color:var(--gold)}
.sp-note{margin:14px 0 0;font-size:14px;color:var(--muted);text-align:center}
.product_meta{display:none}

/* tabs */
.woocommerce-tabs{grid-column:1/-1;margin-top:40px}
.wc-tabs{display:flex;justify-content:center;gap:6px;border-bottom:1px solid var(--line);margin:0 0 36px;padding:0;list-style:none;flex-wrap:wrap}
.wc-tabs li a{display:block;padding:18px 28px;font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.wc-tabs li.active a,.wc-tabs li a:hover{color:var(--green);border-color:var(--gold)}
.woocommerce-Tabs-panel{max-width:860px;margin:0 auto;color:var(--muted);font-size:17px}
.woocommerce-Tabs-panel h2{font-size:30px}
table.shop_attributes{width:100%;border-collapse:collapse}
table.shop_attributes th,table.shop_attributes td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;font-style:normal}
table.shop_attributes th{width:30%;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
table.shop_attributes p{margin:0}

/* notes pyramid */
.notes{grid-column:1/-1;padding:72px 0 8px}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:#fff}
.note{padding:40px 30px;text-align:center;border-right:1px solid var(--line)}
.note:last-child{border-right:0}
.n-ico{display:inline-flex;width:62px;height:62px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);align-items:center;justify-content:center;margin-bottom:16px}
.note h4{font-size:26px;margin-bottom:4px}
.note small{display:block;font:400 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.note .chips{justify-content:center}

/* related */
.related.products,.up-sells,.recent{grid-column:1/-1;padding-top:72px}
.related.products>h2,.up-sells>h2{text-align:center;font-size:clamp(30px,3.6vw,44px);margin-bottom:40px}
.recent .sec-head{margin-bottom:36px}

/* sticky add-to-cart (mobile) */
.lx-sticky-atc{display:none}

/* review form */
#reviews #comments ol{list-style:none;padding:0}
#review_form .comment-form-rating select{display:none}
p.stars a{color:var(--gold);font-size:22px;letter-spacing:4px}
.comment-form label{display:block;font:500 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{width:100%;border:1px solid var(--line);padding:14px 16px;font:inherit;color:var(--green);border-radius:var(--r)}

/* =========================================================
   NOTICES
   ========================================================= */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.lx-msg{list-style:none;margin:0 0 28px;padding:18px 22px;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--tint);color:var(--green);font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.woocommerce-error{border-left-color:var(--green)}
.woocommerce-message .button{min-height:40px;padding:0 20px;font-size:11px}

/* =========================================================
   CART PAGE
   ========================================================= */
.fs-bar{padding:14px 18px;margin:0 0 22px;background:var(--tint);border:1px solid var(--line);font-size:14px;color:var(--green)}
.fs-bar p{margin:0 0 10px;display:flex;align-items:center;gap:8px}
.fs-bar .ico{color:var(--gold)}
.fs-track{display:block;height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.fs-track i{display:block;height:100%;background:var(--gold);transition:width .6s var(--ease)}

.woocommerce-cart-form table.shop_table{width:100%;border-collapse:collapse}
.shop_table th{font:500 11.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--green);text-align:left;padding:0 12px 18px;border-bottom:1px solid var(--green)}
.shop_table td{padding:24px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.shop_table .product-thumbnail img{width:92px;border:1px solid var(--line)}
.shop_table .product-name a{font:500 22px/1.2 var(--serif);color:var(--green)}
.shop_table dl.variation{margin:8px 0 0;font-size:13px;color:var(--muted)}
.shop_table dl.variation dt,.shop_table dl.variation dd{display:inline;margin:0}
.shop_table dl.variation dd p{display:inline;margin:0}
.shop_table dl.variation dt{font-weight:500;margin-right:4px}
.shop_table dl.variation dd{margin-right:12px}
a.remove{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--green)!important;font-size:20px;line-height:1}
a.remove:hover{background:var(--gold);border-color:var(--gold);color:#fff!important}
.actions{padding-top:26px!important}
.coupon{display:flex;gap:10px;float:left}
.coupon input{width:200px!important}
.coupon .button,button[name=update_cart]{min-height:52px}
button[name=update_cart]{float:right}
button[name=update_cart][disabled]{opacity:.4}
.cart-collaterals{margin-top:48px;display:flex;justify-content:flex-end}
.cart_totals{width:100%;max-width:460px;border:1px solid var(--line);padding:32px;background:var(--tint)}
.cart_totals h2{font-size:30px}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals th,.cart_totals td{padding:14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cart_totals td{text-align:right}
.cart_totals th{font:500 11.5px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.cart_totals .order-total .amount{font:600 28px/1 var(--serif);color:var(--gold-d)}
.wc-proceed-to-checkout .button{width:100%;margin-top:22px;min-height:58px}
ul#shipping_method{list-style:none;padding:0;margin:0}
ul#shipping_method li{margin-bottom:8px;display:flex;gap:8px;align-items:center;justify-content:flex-end}
input[type=radio],input[type=checkbox]{accent-color:var(--gold)}
.cart-empty{text-align:center;font:italic 500 28px/1.3 var(--serif);color:var(--green);padding:40px 0 10px}
.return-to-shop{text-align:center;margin-bottom:60px}

/* =========================================================
   CHECKOUT
   ========================================================= */
.lx-cod-note{display:flex;align-items:center;gap:16px;padding:20px 24px;margin-bottom:34px;background:var(--green);color:#fff;border-left:4px solid var(--gold)}
.lx-cod-note .ico{color:var(--gold);width:30px;height:30px}
.lx-cod-note strong{display:block;font:500 22px/1.2 var(--serif);letter-spacing:.02em}
.lx-cod-note span{font-size:14px;opacity:.85}
form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start}
form.checkout #customer_details{grid-column:1;grid-row:1/span 3}
form.checkout .col-1,form.checkout .col-2{float:none;width:100%}
form.checkout #order_review_heading,form.checkout #order_review{grid-column:2}
#order_review_heading{font-size:30px;margin:0 0 -34px;position:relative;z-index:2;padding:30px 32px 0;background:var(--tint);border:1px solid var(--line);border-bottom:0}
#order_review{background:var(--tint);border:1px solid var(--line);padding:56px 32px 32px;position:sticky;top:calc(var(--hdr) + 20px)}
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-size:30px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:24px}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:0 18px}
.form-row{width:100%;margin:0 0 20px;position:relative}
.form-row-first,.form-row-last{width:calc(50% - 9px)}
.form-row label{display:block;font:500 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:9px}
.form-row .required{color:var(--gold);border:0;text-decoration:none}
.select2-container--default .select2-selection--single{height:auto;padding:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.4;padding:14px 38px 14px 16px;color:var(--green)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:10px}
.select2-dropdown{border:1px solid var(--gold);border-radius:0}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--green)}
table.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px}
.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table tfoot td{text-align:right}
.woocommerce-checkout-review-order-table thead th{font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.woocommerce-checkout-review-order-table .order-total .amount{font:600 28px/1 var(--serif);color:var(--gold-d)}
.woocommerce-checkout-review-order-table .product-quantity{color:var(--gold-d);font-weight:500}
#payment{margin-top:26px}
ul.wc_payment_methods{list-style:none;padding:0;margin:0 0 22px}
.wc_payment_method{border:1px solid var(--line);background:#fff;padding:16px 18px;margin-bottom:10px}
.wc_payment_method>label{display:inline;font:500 14px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-left:8px}
.wc_payment_method input:checked+label{color:var(--gold-d)}
.payment_box{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:14px;color:var(--muted)}
.payment_box p:last-child{margin:0}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--muted)}
#place_order{width:100%;min-height:62px;font-size:13px;background:var(--gold);border-color:var(--gold)}
#place_order:hover{background:var(--green);border-color:var(--green)}
.woocommerce-checkout .blockUI.blockOverlay{background:rgba(255,255,255,.7)!important}
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{margin-bottom:20px}
form.checkout_coupon,form.woocommerce-form-login{border:1px solid var(--line);padding:24px;margin-bottom:28px;background:var(--tint)}

/* thank you */
.woocommerce-order-received .woocommerce-notice--success{font:italic 500 28px/1.3 var(--serif);color:var(--green);background:none;border:0;padding:0;text-align:center;display:block}
ul.order_details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;list-style:none;padding:0;border:1px solid var(--line);margin:34px 0}
ul.order_details li{padding:22px;border-right:1px solid var(--line);font:500 11px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
ul.order_details li:last-child{border:0}
ul.order_details li strong{display:block;margin-top:8px;font:600 20px/1.2 var(--serif);letter-spacing:0;text-transform:none;color:var(--green)}

/* =========================================================
   MY ACCOUNT
   ========================================================= */
.woocommerce-MyAccount-navigation{float:left;width:260px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line)}
.woocommerce-MyAccount-navigation li a{display:block;padding:16px 22px;border-bottom:1px solid var(--line);font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.woocommerce-MyAccount-navigation li:last-child a{border:0}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--green);color:#fff}
.woocommerce-MyAccount-content{margin-left:310px}
.u-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.u-columns .col-1,.u-columns .col-2{float:none;width:100%}
.u-columns h2{font-size:34px}
form.login,form.register{border:1px solid var(--line);padding:34px;background:var(--tint)}

/* =========================================================
   CONTACT, FORMS, MISC PAGES
   ========================================================= */
.entry{max-width:900px;margin:0 auto;font-size:17px;color:var(--muted)}
.wc-body .entry,.page-body .entry:has(.contact-grid),.page-body .entry:has(.wishlist-wrap){max-width:none}
.entry h2,.entry h3{margin-top:1.4em}
.entry a:not(.btn):not(.button){color:var(--gold-d);text-decoration:underline;text-underline-offset:3px}
.entry img{margin:24px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c-card{border:1px solid var(--line);padding:30px 24px;background:#fff;transition:all .4s var(--ease)}
.c-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 26px 40px -30px var(--green)}
.c-card .ico{color:var(--gold);margin-bottom:14px}
.c-card h4{font-size:24px;margin-bottom:8px}
.c-card p{margin:0;font-size:15px}
.contact-form-wrap{border:1px solid var(--line);padding:42px;background:var(--tint)}
.contact-form-wrap h3{font-size:34px;margin-bottom:22px}
.lx-form label{display:block;font:500 11.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.lx-form label input,.lx-form label textarea{margin-top:9px;text-transform:none;letter-spacing:0;font-weight:400}
.lx-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.contact-map{margin-top:56px;border:1px solid var(--line);padding:10px;background:#fff}
.contact-map iframe{width:100%;height:420px;border:0;filter:grayscale(.3) sepia(.15)}
.wishlist-wrap .wish-empty{text-align:center;padding:60px 0;color:var(--gold)}
.wish-empty h3{font-size:34px;margin-top:14px}
.wish-empty p{color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.post-card h2{font-size:26px;margin:16px 0 8px}
.post-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.nf{padding:60px 0}

/* =========================================================
   FOOTER — dark green, gold details
   ========================================================= */
.lx-footer{background:var(--green);color:rgba(255,255,255,.8);position:relative;overflow:hidden;margin-top:0}
.lx-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 85% 0,rgba(184,146,58,.18),transparent 70%),radial-gradient(40% 40% at 0 100%,rgba(184,146,58,.1),transparent 70%);pointer-events:none}
.lx-footer a{color:rgba(255,255,255,.8)}
.lx-footer a:hover{color:var(--gold)}
.lx-footer h3,.lx-footer h4{color:#fff}
.ft-news{position:relative;border-bottom:1px solid rgba(184,146,58,.35)}
.ft-news-in{max-width:var(--wrap);margin:0 auto;padding:72px 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ft-news h3{font-size:clamp(32px,3.8vw,46px);margin-bottom:8px}
.ft-news p{margin:0;color:rgba(255,255,255,.7)}
.news-row{display:flex;border:1px solid var(--gold)}
.news-row input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:0 22px;height:60px;font:400 15px var(--sans);outline:0}
.news-row input::placeholder{color:rgba(255,255,255,.55)}
.news-row .btn{height:60px;min-height:60px;border-radius:0}
.news-msg{margin:12px 0 0!important;min-height:20px;font-size:14px;color:var(--gold)!important}
.ft-main{position:relative;max-width:var(--wrap);margin:0 auto;padding:80px 28px 56px;display:grid;grid-template-columns:1.4fr .8fr .8fr 1.3fr;gap:56px}
.ft-brand p{margin:22px 0 26px;max-width:340px;font-size:15px}
.ft-col h4{font:500 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:26px;position:relative;padding-bottom:16px}
.ft-col h4::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:1px;background:var(--gold)}
.ft-list li{margin-bottom:13px;font-size:15px}
.ft-list a{position:relative;display:inline-block;transition:padding .3s var(--ease),color .3s}
.ft-list a:hover{padding-left:8px}
.ft-info li{display:flex;gap:14px;align-items:flex-start;line-height:1.55}
.ft-info .ico{color:var(--gold);margin-top:3px}
.ft-contact .btn{margin-top:10px}
.lx-social{display:flex;gap:10px;flex-wrap:wrap}
.lx-social a{width:44px;height:44px;border:1px solid rgba(184,146,58,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:all .35s var(--ease)}
.lx-social a:hover{background:var(--gold);color:#fff;transform:translateY(-3px)}
.ft-pay{position:relative;max-width:var(--wrap);margin:0 auto;padding:26px 28px;border-top:1px solid rgba(184,146,58,.25);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pay-label{font:500 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-right:10px}
.pay-chip{padding:10px 18px;border:1px solid rgba(184,146,58,.55);font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.ft-big{position:relative;font:italic 500 clamp(70px,17vw,260px)/.8 var(--serif);text-align:center;color:transparent;-webkit-text-stroke:1px rgba(184,146,58,.4);white-space:nowrap;overflow:hidden;padding:30px 0 10px;user-select:none;letter-spacing:.04em}
.ft-bottom{position:relative;border-top:1px solid rgba(184,146,58,.25);padding:26px 28px calc(26px + var(--safe-b));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:var(--wrap);margin:0 auto;font-size:13px}
.ft-bottom p{margin:0}

/* =========================================================
   PANELS: drawers, search, modals
   ========================================================= */
.lx-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--green) 55%,transparent);backdrop-filter:blur(3px);z-index:1900;opacity:0;visibility:hidden;transition:all .4s var(--ease)}
.lx-overlay.is-on{opacity:1;visibility:visible}
.lx-panel{visibility:hidden}
.lx-panel.is-open{visibility:visible}
.lx-drawer{position:fixed;top:0;bottom:0;width:min(440px,92vw);background:#fff;z-index:2000;display:flex;flex-direction:column;transition:transform .5s var(--ease),visibility .5s}
.lx-drawer-right{right:0;transform:translateX(102%);border-left:2px solid var(--gold)}
.lx-drawer-left{left:0;transform:translateX(-102%);border-right:2px solid var(--gold)}
.lx-drawer.is-open{transform:none}
.dr-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}
.dr-head h3{margin:0;font-size:30px}
.dr-x{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--green)}
.dr-x:hover{color:var(--gold);transform:rotate(90deg);transition:all .3s}
.dr-body{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
.laroma-drawer-cart{display:flex;flex-direction:column;flex:1;min-height:0}
.dc-empty{margin:auto;text-align:center;padding:40px 30px;color:var(--gold)}
.dc-empty h4{font-size:30px;margin:14px 0 6px}
.dc-empty p{color:var(--muted)}
.laroma-drawer-cart .fs-bar{margin:18px 26px 0}
.dc-items{flex:1;overflow-y:auto;padding:6px 26px}
.dc-item{display:grid;grid-template-columns:84px 1fr 28px;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.dc-img img{width:84px;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line)}
.dc-name{font:500 20px/1.15 var(--serif);color:var(--green);display:block;margin-bottom:4px}
.dc-meta dl.variation{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.dc-meta dl.variation dt,.dc-meta dl.variation dd{display:inline;margin:0}
.dc-meta dl.variation dd{margin-right:8px}
.dc-meta dl.variation p{display:inline;margin:0}
.dc-row{display:flex;align-items:center;justify-content:space-between}
.dc-qty{display:inline-flex;align-items:center;border:1px solid var(--line)}
.dc-qty button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--green)}
.dc-qty button:hover{color:var(--gold)}
.dc-qty span{min-width:30px;text-align:center;font-size:14px}
.dc-price{font:600 19px/1 var(--serif);color:var(--gold-d)}
.dc-remove{color:var(--muted);align-self:start}
.dc-remove:hover{color:var(--gold)}
.dc-foot{padding:22px 26px calc(22px + var(--safe-b));border-top:1px solid var(--line);background:var(--tint)}
.dc-sub{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.dc-sub strong{font:600 26px/1 var(--serif);color:var(--gold-d);letter-spacing:0}
.dc-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:16px}
.dc-note .ico{color:var(--gold)}
.dc-foot .btn{margin-bottom:10px}

/* mobile menu drawer */
.mm-nav{padding:10px 26px}
.lx-menu-mobile{display:block}
.lx-menu-mobile>li>a{padding:18px 0;border-bottom:1px solid var(--line);font:500 15px/1 var(--serif);font-size:26px;letter-spacing:.02em;text-transform:none}
.lx-menu-mobile>li>a::after{display:none}
.lx-menu-mobile .sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:4px 0 8px 14px;min-width:0}
.lx-menu-mobile .sub-menu a{font-size:15px;padding:9px 0}
.mm-links{padding:6px 26px}
.mm-links li a,.mm-links li button{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);width:100%;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.mm-links .ico{color:var(--gold)}
.mm-contact{padding:14px 26px;display:grid;gap:10px}
.mm-contact a{display:flex;gap:12px;align-items:center;font-size:15px;color:var(--green)}
.mm-contact .ico{color:var(--gold)}
.lx-drawer .lx-social{padding:8px 26px 30px}
.lx-drawer .lx-social a{color:var(--green);border-color:var(--gold)}

/* search overlay */
.lx-search{position:fixed;inset:0;z-index:2100;background:#fff;opacity:0;transform:translateY(-24px);transition:all .45s var(--ease);overflow-y:auto}
.lx-search.is-open{opacity:1;transform:none}
.search-x{position:absolute;right:22px;top:22px}
.search-in{max-width:820px;margin:0 auto;padding:110px 24px 60px;text-align:center}
.search-form{display:flex;align-items:center;border-bottom:2px solid var(--green);margin:10px 0 30px}
.search-form input{flex:1;border:0;outline:0;background:none;font:500 clamp(26px,5vw,44px)/1.2 var(--serif);color:var(--green);padding:14px 0;min-width:0}
.search-form input::placeholder{color:var(--line)}
.search-form button{color:var(--gold)}
.sr-list{text-align:left}
.sr-list a{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.sr-img img{width:68px;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line)}
.sr-t{display:flex;flex-direction:column;gap:4px}
.sr-t strong{font:500 22px/1.2 var(--serif);color:var(--green)}
.sr-t .price{font-size:17px;justify-content:flex-start}
.sr-all{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d)}
.sr-none{color:var(--muted)}

/* modals */
.lx-modal{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .4s var(--ease),visibility .4s;background:color-mix(in srgb,var(--green) 55%,transparent);backdrop-filter:blur(3px)}
.lx-modal.is-open{opacity:1}
.md-box{position:relative;background:#fff;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-top:3px solid var(--gold);padding:48px 40px;transform:translateY(24px) scale(.98);transition:transform .5s var(--ease)}
.lx-modal.is-open .md-box{transform:none}
.md-wide{max-width:900px;padding:0}
.md-close{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--green);background:#fff;border-radius:50%}
.md-close:hover{color:var(--gold)}
.qv{display:grid;grid-template-columns:1fr 1fr}
.qv-img img{width:100%;height:100%;object-fit:cover}
.qv-info{padding:48px 36px}
.qv-info h3{font-size:36px}
.qv-info .price{justify-content:flex-start;font-size:26px;margin-bottom:14px}
.qv-desc{color:var(--muted);font-size:15px}
.qv-info .chips{margin:0 0 22px}
.qv-loading{padding:80px;text-align:center;color:var(--gold)}

/* quiz */
.quiz-box{text-align:center}
.quiz-bar{position:absolute;left:0;right:0;top:0;height:3px;background:var(--line)}
.quiz-bar i{display:block;height:100%;width:33%;background:var(--green);transition:width .5s var(--ease)}
.q-step{display:none}
.q-step.is-on{display:block;animation:rise .6s var(--ease)}
.q-step h3{font-size:36px;margin-bottom:26px}
.q-opts{display:grid;gap:12px}
.q-opts button{min-height:58px;border:1px solid var(--line);font:500 12.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--green);transition:all .3s}
.q-opts button:hover{background:var(--green);border-color:var(--green);color:#fff}
.q-alt{display:block;margin-top:18px;font-size:14px;color:var(--muted);text-decoration:underline}
.q-restart{display:block;margin:14px auto 0;font-size:13px;color:var(--gold-d);text-decoration:underline}

/* floating bits */
.lx-wa{position:fixed;right:22px;bottom:24px;z-index:800;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 34px -14px var(--green);transition:transform .3s var(--ease)}
.lx-wa:hover{background:var(--gold);color:#fff;transform:scale(1.08)}
.lx-wa::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--gold);animation:ping 2.4s ease-out infinite}
@keyframes ping{from{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}
.lx-top{position:fixed;left:22px;bottom:24px;z-index:800;width:46px;height:46px;border:1px solid var(--gold);background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:rotate(180deg) translateY(10px);transition:all .4s var(--ease)}
.lx-top.is-on{opacity:1;visibility:visible;transform:rotate(180deg)}
.lx-top:hover{background:var(--green);color:#fff}
.lx-toast{position:fixed;left:50%;bottom:90px;z-index:2300;transform:translate(-50%,30px);background:var(--green);color:#fff;border-left:3px solid var(--gold);padding:15px 26px;font:500 13px/1.3 var(--sans);letter-spacing:.08em;opacity:0;visibility:hidden;transition:all .45s var(--ease);max-width:90vw;text-align:center}
.lx-toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* bottom app navigation (mobile only) */
nav.lx-bnav{display:none}

/* reveal on scroll */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .lx-grid.cols-4,.lx-grid,ul.products{grid-template-columns:repeat(3,1fr)}
  .ft-main{grid-template-columns:1fr 1fr;gap:44px}
  .hs-inner{gap:20px}
  .lx-single div.product{gap:40px}
  .hd-inner{padding:0 20px}
}

@media (max-width:991px){
  :root{--hdr:66px}
  .hd-burger{display:inline-flex}
  .hd-nav,.hd-account,.hd-wish{display:none}
  .hd-inner{grid-template-columns:1fr auto 1fr;padding:0 10px}
  .lx-logo-header .lx-logo-img{width:var(--hlogo-m)}
  .lx-logo-header .lx-logo-d{display:none}
  .lx-logo-header .lx-logo-m{display:block}
  .lx-drawer .lx-logo-header .lx-logo-img{width:var(--hlogo-m)}
  .lx-logo-footer .lx-logo-img{width:var(--flogo-m)}
  .lx-wordmark{font-size:21px}
  .sec{padding:68px 0}
  .sig-grid,.story-grid,.contact-grid,.ft-news-in{grid-template-columns:1fr;gap:40px}
  .feat-grid{grid-template-columns:1fr 1fr}
  .feat:nth-child(2){border-right:0}
  .feat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .rev-grid,.post-grid{grid-template-columns:1fr}
  .lx-single div.product{grid-template-columns:1fr}
  .lx-single .woocommerce-product-gallery{position:relative;top:0}
  form.checkout{grid-template-columns:1fr;gap:34px}
  form.checkout #customer_details,form.checkout #order_review_heading,form.checkout #order_review{grid-column:1;grid-row:auto}
  #order_review{position:static}
  .woocommerce-MyAccount-navigation{float:none;width:100%;margin-bottom:26px}
  .woocommerce-MyAccount-content{margin-left:0}
  .u-columns{grid-template-columns:1fr}
}

@media (max-width:767px){
  body{font-size:15.5px;padding-bottom:calc(var(--bnav) + var(--safe-b))}
  body.lx-no-bnav{padding-bottom:0}
  .wrap{padding:0 18px}
  .sec{padding:54px 0}
  .sec-head{margin-bottom:34px}
  .lx-topbar{font-size:10px;letter-spacing:.14em;height:34px}
  .tb-msg::before,.tb-msg::after{margin:0 8px}

  /* hero becomes an app banner */
  .hero-track{min-height:0;height:min(88vw + 250px,640px)}
  .hs-inner{grid-template-columns:1fr;gap:0;padding:26px 20px 56px;align-content:start;text-align:center}
  .hs-art{order:-1;margin-bottom:20px}
  .hs-art img{max-height:280px}
  .art-default{width:200px}
  .hs-title{font-size:34px;margin-bottom:12px}
  .hs-text{font-size:15px;margin:0 auto 22px}
  .hs-btns{justify-content:center}
  .hs-btns .btn{min-height:48px;padding:0 24px;font-size:11px}
  .hero-slide.layout-full::after{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.93) 55%)}
  .layout-full .hs-inner{align-content:end;padding-bottom:60px}
  .hero-arrow{display:none}
  .hero-dots{bottom:16px}

  .cat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .cat-tile{aspect-ratio:3/4}
  .cat-tile:first-child{grid-column:1/-1;aspect-ratio:16/10}
  .ct-label{left:8px;right:8px;bottom:8px;padding:12px 14px;flex-direction:column;align-items:flex-start;gap:4px}
  .ct-label strong{font-size:18px}
  .ct-label em{font-size:9.5px}

  .lx-grid.cols-4,.lx-grid,.lx-grid.cols-3,ul.products{grid-template-columns:1fr 1fr;gap:12px}
  .pc-info{padding:14px 10px 16px}
  .pc-title{font-size:18px}
  .pc-cat{font-size:9px;letter-spacing:.18em}
  .price{font-size:17px}
  .price .from{font-size:9.5px;letter-spacing:.14em}
  .pc-btn{min-height:42px;font-size:10px;letter-spacing:.14em;padding:0 8px}
  .pc-quick{display:none}
  .pc-wish{width:34px;height:34px;right:8px;top:8px}
  .pc-badge{left:8px;top:8px;font-size:9px;padding:6px 9px}
  .lx-card:hover{transform:none}

  .fam-row{gap:10px}
  .fam{width:calc(50% - 5px);padding:20px 8px}
  .sig-media{padding:20px}
  .feat-grid{grid-template-columns:1fr 1fr}
  .feat{padding:30px 16px}
  .feat h4{font-size:20px}
  .feat p{font-size:13.5px}

  .lx-toolbar{margin-bottom:24px}
  .tb-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:0 -18px 12px;padding:2px 18px;scrollbar-width:none}
  .tb-chips::-webkit-scrollbar{display:none}
  .tb-chip{white-space:nowrap;padding:11px 16px;font-size:10.5px}
  .tb-row{margin-top:8px}
  .woocommerce-ordering select{min-width:0;font-size:13px;padding:11px 32px 11px 12px}
  .page-hero{padding:40px 0 34px}

  /* product page */
  .lx-single .summary .price{font-size:28px}
  .meters{grid-template-columns:1fr 1fr}
  .sp-trust{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .sp-trust span{padding:12px 4px;font-size:9px;letter-spacing:.08em}
  .woocommerce-variation-add-to-cart,form.cart:not(.variations_form){flex-wrap:nowrap}
  .single_add_to_cart_button{min-width:0;padding:0 16px;font-size:11px;letter-spacing:.14em}
  .notes-grid{grid-template-columns:1fr}
  .note{border-right:0;border-bottom:1px solid var(--line);padding:30px 20px}
  .note:last-child{border-bottom:0}
  .wc-tabs li a{padding:14px 14px;font-size:10.5px}
  .lx-sticky-atc{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:850;background:#fff;border-top:2px solid var(--gold);padding:10px 14px calc(10px + var(--safe-b));align-items:center;gap:12px;transform:translateY(110%);transition:transform .4s var(--ease);box-shadow:0 -14px 30px -20px var(--green)}
  .lx-sticky-atc.is-on{transform:none}
  .sa-info{flex:1;min-width:0;display:flex;flex-direction:column}
  .sa-title{font:500 17px/1.2 var(--serif);color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sa-price.price{justify-content:flex-start;font-size:15px}
  .sa-btn{min-height:46px;padding:0 20px;font-size:11px}

  /* cart table becomes cards */
  .woocommerce-cart-form table.shop_table thead{display:none}
  .woocommerce-cart-form table.shop_table tr.cart_item{display:grid;grid-template-columns:84px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1px solid var(--line);position:relative}
  .woocommerce-cart-form table.shop_table td{border:0;padding:0}
  .shop_table .product-thumbnail{grid-row:1/span 4}
  .shop_table .product-thumbnail img{width:84px}
  .shop_table .product-remove{position:absolute;right:0;top:14px}
  .shop_table td::before{content:attr(data-title) ": ";font:500 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d)}
  .shop_table .product-thumbnail::before,.shop_table .product-remove::before,.shop_table .product-name::before{display:none}
  .shop_table .product-name a{font-size:19px}
  .coupon{float:none;flex-direction:column;width:100%;margin-bottom:12px}
  .coupon input{width:100%!important}
  .coupon .button,button[name=update_cart]{width:100%;float:none}
  .cart_totals{padding:22px}
  .cart-collaterals{display:block}

  /* checkout */
  .form-row-first,.form-row-last{width:100%}
  .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:block}
  #order_review{padding:50px 18px 22px}
  #order_review_heading{padding:24px 18px 0}
  #place_order{min-height:60px;position:sticky;bottom:calc(10px + var(--safe-b));z-index:20;box-shadow:0 18px 30px -14px var(--green)}
  .lx-cod-note{padding:16px}
  .lx-cod-note strong{font-size:19px}

  .contact-cards{grid-template-columns:1fr}
  .contact-form-wrap{padding:26px 20px}
  .lx-form .row2{grid-template-columns:1fr}
  .contact-map iframe{height:300px}

  /* footer */
  .ft-news-in{padding:50px 20px;gap:26px;text-align:center}
  .news-row{flex-direction:column;border:0;gap:10px}
  .news-row input{border:1px solid var(--gold);height:54px;text-align:center}
  .news-row .btn{height:54px;min-height:54px}
  .ft-main{grid-template-columns:1fr 1fr;padding:54px 20px 34px;gap:36px 20px}
  .ft-brand,.ft-contact{grid-column:1/-1}
  .ft-brand{text-align:center}
  .ft-brand p{margin-left:auto;margin-right:auto}
  .lx-footer .lx-social,.ft-brand .lx-social{justify-content:center}
  .lx-logo-footer{justify-content:center;display:flex}
  .ft-pay{padding:22px 20px;justify-content:center}
  .ft-bottom{padding:22px 20px calc(22px + var(--bnav) + var(--safe-b));justify-content:center;text-align:center}
  .lx-no-bnav .ft-bottom{padding-bottom:calc(22px + var(--safe-b))}

  /* drawers as bottom-sheet style */
  .lx-drawer{width:100vw}
  .md-box{padding:44px 22px}
  .qv{grid-template-columns:1fr}
  .qv-info{padding:28px 22px}
  .lx-modal{align-items:flex-end;padding:0}
  .lx-modal .md-box{max-height:90vh;border-radius:18px 18px 0 0;transform:translateY(100%)}
  .lx-modal.is-open .md-box{transform:none}

  .lx-wa{bottom:calc(var(--bnav) + 14px + var(--safe-b));right:14px;width:50px;height:50px}
  .lx-top{display:none}
  .lx-no-bnav .lx-wa{bottom:calc(76px + var(--safe-b))}
  .lx-toast{bottom:calc(var(--bnav) + 24px + var(--safe-b))}

  /* app-style bottom navigation */
  nav.lx-bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:840;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + var(--safe-b));height:calc(var(--bnav) + var(--safe-b))}
  body.lx-no-bnav nav.lx-bnav{display:none}
  nav.lx-bnav a,nav.lx-bnav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);font:500 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:color .25s}
  nav.lx-bnav .is-active{color:var(--green)}
  nav.lx-bnav .is-active::before{content:"";position:absolute;top:-7px;left:30%;right:30%;height:2px;background:var(--gold)}
  nav.lx-bnav .is-active .ico{color:var(--gold)}
  nav.lx-bnav .cnt{top:0;right:calc(50% - 22px);min-width:16px;height:16px;line-height:16px;font-size:9.5px}
}

@media (max-width:420px){
  .hs-title{font-size:30px}
  .ft-main{grid-template-columns:1fr}
  .contact-cards .c-card{padding:22px 18px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
}
