/*
Theme Name: Elvera by Laiba — Luxury Hair
Description: Editorial luxury WooCommerce hair-care storefront for Elvera by Laiba.
Version: 2.0
*/
:root{--espresso:#392319;--coffee:#5b3828;--cream:#fbf4eb;--ivory:#fffaf3;--beige:#ead6c1;--sand:#d7b99e;--ink:#2c211c;--muted:#75675e;--line:#d9c5b0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{width:min(1240px,92%);margin:auto}
.topbar{background:var(--espresso);color:#fff9f1;text-transform:uppercase;letter-spacing:.16em;font-size:10px;padding:9px 0}.topbar .container{display:flex;justify-content:space-between}
.header{background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:17px 0 8px}.search{color:#806e61}.search i{font-size:22px;margin-right:8px;font-style:normal}.logo{text-align:center}.logo-main{font:48px/35px Georgia,serif;color:var(--espresso);letter-spacing:-3px}.logo-sub{display:block;font-size:9px;letter-spacing:5px;margin-top:7px;color:var(--coffee)}.icons{display:flex;justify-content:flex-end;gap:19px;font-size:18px}.nav{display:flex;justify-content:center;gap:34px;padding:9px 0 16px;font-size:11px}.nav a:hover{color:var(--coffee);text-decoration:underline;text-underline-offset:6px}
.hero{min-height:545px;position:relative;overflow:hidden;background:linear-gradient(90deg,#e6d0bb,#f2e1d0 48%,#d6bca4)}.hero-art{position:absolute;right:0;top:0;width:59%;height:100%;overflow:hidden}.hero-art:before{content:"";position:absolute;width:560px;height:560px;right:5%;top:-70px;border-radius:50%;background:radial-gradient(ellipse,#5b3324 0 18%,#7a4930 19% 24%,transparent 25%),radial-gradient(ellipse at 48% 58%,#2f1b13 0 20%,transparent 21%),radial-gradient(ellipse at 58% 58%,#8a573a 0 24%,transparent 25%);filter:blur(1px);transform:rotate(-14deg)}.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.45),transparent 23%),linear-gradient(110deg,transparent 25%,rgba(83,43,29,.22) 26% 28%,transparent 29% 38%,rgba(83,43,29,.15) 39% 41%,transparent 42%)}.hero-content{min-height:545px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:48%;padding:40px 0}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:10px;color:var(--coffee);margin-bottom:14px}.hero h1{font:400 65px/.95 Georgia,serif;color:var(--espresso);margin:0 0 20px}.hero h1 em{font-style:italic}.hero p{max-width:475px;line-height:1.75;color:#5e4e43}.btn{display:inline-block;background:var(--espresso);color:#fff;padding:14px 25px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;border:1px solid var(--espresso);margin-top:10px}.btn:hover{background:transparent;color:var(--espresso)}.script{position:absolute;right:8%;bottom:75px;z-index:3;font:italic 32px cursive;transform:rotate(-7deg);color:var(--espresso)}
.usps{background:#f4eadf;border-bottom:1px solid var(--line)}.usp-grid{display:grid;grid-template-columns:repeat(5,1fr)}.usp{padding:24px 10px;text-align:center;border-right:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.16em}.usp:last-child{border:0}.usp b{font:25px Georgia,serif;display:block;margin-bottom:6px;font-weight:400}
.intro{background:var(--cream);padding:76px 0}.intro-grid{display:grid;grid-template-columns:36% 64%;align-items:center}.intro-copy h2,.difference h2{font:400 44px/1.05 Georgia,serif;color:var(--espresso);margin:0 0 18px}.intro-copy p{max-width:400px;line-height:1.7;color:var(--muted)}
.shelf{min-height:350px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:15px;padding:0 25px 30px}.shelf:after{content:"";position:absolute;left:5%;right:5%;bottom:18px;height:24px;background:#c6a486;box-shadow:0 7px 12px #6d493322}.bottle,.jar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--coffee);font-family:Georgia,serif;background:linear-gradient(90deg,#dfc1a3,#fff3e4 47%,#d6b18d);box-shadow:0 13px 20px #4b2d201a;border:1px solid #cba98a}.bottle{width:105px;height:205px;border-radius:10px 10px 17px 17px}.bottle:before{content:"";position:absolute;top:-29px;width:54px;height:30px;border-radius:5px 5px 2px 2px;background:#9b6848}.jar{width:138px;height:105px;border-radius:13px}.label{font-size:18px}.label small{font:7px Arial,sans-serif;display:block;letter-spacing:2px;margin-top:7px}
.concerns{padding:25px 0 75px;background:var(--cream)}.section-head{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:25px}.section-head:before,.section-head:after{content:"";height:1px;background:var(--line);flex:1}.section-head span{font-size:10px;letter-spacing:.27em;text-transform:uppercase}.concern-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.concern{height:150px;display:flex;align-items:flex-end;padding:15px;background:linear-gradient(145deg,#b88968,#ead2bd);position:relative;overflow:hidden;color:white}.concern:nth-child(2){background:linear-gradient(145deg,#8e6049,#e5c9b3)}.concern:nth-child(3){background:linear-gradient(145deg,#5e3828,#c99c7b)}.concern:nth-child(4){background:linear-gradient(145deg,#ad8066,#ecd6c2)}.concern:nth-child(5){background:linear-gradient(145deg,#7e5039,#d9b9a0)}.concern:nth-child(6){background:linear-gradient(145deg,#4c2c20,#b78669)}.concern:before{content:"";position:absolute;inset:-20% 35% 5% 20%;border-radius:50%;background:rgba(255,255,255,.12);transform:rotate(-20deg)}.concern span{position:relative;font-size:9px;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 4px #321b13}
.difference{display:grid;grid-template-columns:1fr 1fr;background:var(--beige)}.oil-art{min-height:410px;position:relative;background:radial-gradient(circle at 33% 55%,#c58b4e 0 5%,transparent 5.7%),radial-gradient(circle at 43% 48%,#a96f37 0 6%,transparent 6.7%),radial-gradient(circle at 53% 57%,#d2a265 0 5%,transparent 5.8%),linear-gradient(140deg,#d5b296,#f0ddca)}.oil-art:after{content:"";position:absolute;left:18%;right:18%;bottom:18%;height:34%;border-radius:50%;background:rgba(108,70,42,.13);filter:blur(12px)}.difference-copy{padding:70px 9%}.difference-copy p{color:#625247;line-height:1.7}.ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.ingredient{display:grid;grid-template-columns:35px 1fr;gap:10px;font-size:11px}.ingredient b{display:block;font:17px Georgia,serif;margin-bottom:2px}
.bestsellers{padding:70px 0;background:#fffaf4}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card{position:relative}.product-image{height:240px;background:linear-gradient(145deg,#f2e5d8,#ead1bc);display:flex;align-items:center;justify-content:center;margin-bottom:14px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.mock-product{width:80px;height:145px;background:linear-gradient(90deg,#dec0a2,#fff2df 50%,#d1ab86);border:1px solid #caa886;border-radius:8px 8px 13px 13px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--coffee);font:16px Georgia,serif}.product-card h3{font:16px Georgia,serif;margin:0 0 5px}.price{color:var(--coffee);font-weight:bold}.quick{position:absolute;right:9px;bottom:57px;background:var(--espresso);color:#fff;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}
.story{padding:72px 0;background:#ead7c5;text-align:center}.story blockquote{max-width:700px;margin:10px auto 16px;font:22px/1.5 Georgia,serif}.stars{letter-spacing:5px;color:var(--coffee)}
.footer{background:var(--espresso);color:#f3e4d5;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:40px}.footer h3{font:16px Georgia,serif;color:white}.footer a{display:block;font-size:11px;margin:8px 0;color:#e6d3c3}.footer p{font-size:11px;line-height:1.7;color:#dbc7b7}.footer .logo-main{color:white}.footer .logo-sub{color:#d9c3b1}.subscribe{display:flex}.subscribe input{min-width:0;flex:1;border:0;padding:12px;background:#fffaf4}.subscribe button{border:0;padding:0 16px;background:#bd9672;color:white}.copyright{border-top:1px solid #ffffff22;margin-top:35px;padding-top:17px;text-align:right;font-size:9px;color:#cdb9a9}
.woocommerce-page .page-content{padding:60px 0}.woocommerce a.button,.woocommerce button.button{background:var(--espresso);color:white;border-radius:0}.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--coffee);color:white}
@media(max-width:900px){.header-row{grid-template-columns:1fr auto}.search{display:none}.logo{grid-column:1;grid-row:1}.icons{grid-column:2}.nav{overflow:auto;justify-content:flex-start;padding-left:4%}.hero-copy{width:62%}.hero h1{font-size:49px}.usp-grid{grid-template-columns:repeat(2,1fr)}.usp{border-bottom:1px solid var(--line)}.intro-grid,.difference{grid-template-columns:1fr}.intro-copy{padding-bottom:30px}.concern-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar .container span:nth-child(2){display:none}.topbar .container{justify-content:center}.logo-main{font-size:39px}.hero{min-height:560px}.hero-content{min-height:560px}.hero-copy{width:100%;padding-top:30px;align-self:flex-start}.hero h1{font-size:43px}.hero-art{width:100%;opacity:.43;top:160px}.script{display:none}.usp-grid{grid-template-columns:1fr 1fr}.intro{padding:50px 0}.intro-copy h2,.difference h2{font-size:36px}.shelf{min-height:300px;gap:6px;padding-left:0;padding-right:0}.bottle{width:70px;height:150px}.jar{width:90px;height:75px}.concern-grid{grid-template-columns:1fr 1fr}.concern{height:135px}.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:190px}.footer-grid{grid-template-columns:1fr}}