/*
Theme Name: Majik Products
Theme URI: https://majikproducts.com
Author: Majik Products
Description: Custom WooCommerce-ready theme for Majik Beard and Majik Hair.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: majik-products
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--navy:#07172a;--navy2:#0d2844;--wine:#3d061f;--gold:#e9b949;--cream:#fff2d2;--paper:#faf7f0;--ink:#131923;--muted:#646872}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,90%);margin:auto}.announcement{padding:10px 20px;background:var(--gold);text-align:center;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.site-header{background:var(--navy);color:white;border-bottom:1px solid #ffffff1f}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font:600 28px 'Cormorant Garamond';letter-spacing:.09em}.brand:before{content:'✦';color:var(--gold);font-size:17px;margin-right:10px}.brand small{display:block;margin-left:29px;font:600 8px 'DM Sans';letter-spacing:.42em}.custom-logo{max-height:58px;width:auto}.main-nav ul{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.main-nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #ffffff44;padding:9px 12px}.cart-link{border-bottom:1px solid var(--gold);padding:8px 0;font-size:11px}.hero{min-height:690px;background:var(--navy);color:white;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:105px max(6vw,30px)}.eyebrow{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.27em;margin:0 0 25px}.hero h1,.section-title{font:500 clamp(58px,7vw,104px)/.83 'Cormorant Garamond';letter-spacing:-.05em;margin:0}.hero h1 em,.section-title em{color:var(--gold);font-weight:500}.lead{max-width:560px;color:#bdc5cd;font-size:17px;line-height:1.8;margin:38px 0}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.btn{display:inline-block;padding:16px 24px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.btn.outline{background:transparent;color:white;border:1px solid var(--gold)}.proof{display:flex;gap:25px;flex-wrap:wrap;margin-top:65px;color:#9da7b1;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.hero-art{position:relative;min-height:650px;background:radial-gradient(circle at 50% 48%,#173957 0,#0c223a 38%,#07172a 72%);border-left:1px solid #ffffff18}.orbit{position:absolute;inset:12% 7%;border:1px solid #e9b9494d;border-radius:50%;transform:rotate(-14deg)}.moon{position:absolute;top:10%;right:13%;color:var(--gold);font:90px serif;opacity:.7}.collection-seal{position:absolute;width:42%;aspect-ratio:1;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 25px 60px #0009;border:8px solid white}.collection-seal b{font:600 35px 'Cormorant Garamond';color:var(--navy);line-height:.85}.collection-seal span{font-size:8px;color:var(--navy);letter-spacing:.2em;margin-top:14px}.seal-beard{left:10%;top:26%;transform:rotate(-6deg)}.seal-hair{right:10%;bottom:14%;transform:rotate(5deg);background:var(--wine);border-color:#fff}.seal-hair b,.seal-hair span{color:var(--gold)}.ribbon{padding:16px;background:var(--wine);color:var(--cream);text-align:center;font:500 17px 'Cormorant Garamond';letter-spacing:.11em}.ribbon i{color:var(--gold);padding:0 25px}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-title{font-size:clamp(45px,5vw,75px);line-height:.94}.section-head>p{max-width:390px;color:var(--muted);line-height:1.8}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.collection-card{min-height:510px;padding:55px;display:flex;flex-direction:column;justify-content:flex-end;color:white;position:relative;overflow:hidden}.collection-card:before{content:'✦';position:absolute;right:40px;top:30px;font-size:90px;color:#e9b94922}.collection-card.beard{background:var(--navy)}.collection-card.hair{background:var(--wine)}.collection-card .number{font-size:9px;color:var(--gold);letter-spacing:.2em}.collection-card h3{font:500 60px/.88 'Cormorant Garamond';margin:22px 0}.collection-card p{max-width:390px;color:#ffffffb5;font-size:13px;line-height:1.8}.collection-card a{align-self:flex-start;border-bottom:1px solid var(--gold);padding:10px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.products-section{background:white}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:var(--paper);padding:18px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 24px 'Cormorant Garamond';color:var(--ink)}.woocommerce ul.products li.product .price{color:#996714}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--gold);color:var(--navy);border-radius:0;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.product-placeholder{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.placeholder{background:var(--paper);padding-bottom:22px}.bottle-stage{height:300px;background:#efe0c0;display:flex;align-items:center;justify-content:center}.placeholder:nth-child(2) .bottle-stage{background:#ead9e2}.placeholder:nth-child(3) .bottle-stage{background:#e7d8bd}.placeholder:nth-child(4) .bottle-stage{background:#e4d5dc}.bottle{width:105px;height:190px;border-radius:38px 38px 14px 14px;background:linear-gradient(135deg,#163450,#061321);border:2px solid #c9922c;display:flex;align-items:center;justify-content:center;color:var(--gold);font:600 25px 'Cormorant Garamond'}.placeholder h3{font:600 23px 'Cormorant Garamond';margin:20px 18px 6px}.placeholder p{font-size:11px;color:var(--muted);margin:0 18px}.story{background:var(--navy);color:white}.story-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:7vw;align-items:center}.story-symbol{height:340px;border:1px solid #e9b94955;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:80px}.story-copy p:not(.eyebrow){color:#adb7c0;font-size:13px;line-height:1.9}.quote{font:italic 36px/1.1 'Cormorant Garamond';color:var(--cream);border-left:1px solid var(--gold);padding-left:28px}.values{background:var(--gold);padding:45px 0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.value-grid h3{font:600 25px 'Cormorant Garamond';margin:0}.value-grid p{font-size:11px}.newsletter{background:var(--wine);color:white;padding:80px 0}.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.newsletter h2{font:500 64px/.9 'Cormorant Garamond';margin:0}.newsletter h2 em{color:var(--gold)}.newsletter-form{display:flex;border-bottom:1px solid #ffffff77}.newsletter-form input{flex:1;background:transparent;border:0;color:white;padding:16px 0;outline:0}.newsletter-form button{background:transparent;border:0;color:var(--gold);font-weight:600}.site-footer{background:#050d17;color:white;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:50px}.site-footer h4{color:var(--gold);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.site-footer a{display:block;color:#aeb5bd;font-size:11px;margin:10px 0}.footer-tagline{text-align:right;font:35px/1 'Cormorant Garamond'}.footer-tagline em{color:var(--gold)}.copyright{text-align:center;color:#737e88;font-size:9px;margin-top:45px}.page-main{padding:70px 0;min-height:60vh}.page-main h1{font:600 60px 'Cormorant Garamond'}.woocommerce .quantity .qty{padding:8px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#9b6810}.woocommerce-message{border-top-color:var(--gold)}
@media(max-width:900px){.main-nav{display:none}.main-nav.open{display:block;position:absolute;top:121px;left:0;right:0;background:var(--navy);padding:25px 5%;z-index:30}.main-nav.open ul{flex-direction:column}.menu-toggle{display:block}.cart-link{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:540px}.collection-grid,.newsletter-grid{grid-template-columns:1fr}.product-placeholder{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr 1.5fr}.quote{grid-column:1/3}.footer-grid{grid-template-columns:1fr 1fr}.footer-tagline{text-align:left}.value-grid{grid-template-columns:1fr}}
@media(max-width:600px){.header-inner{min-height:72px}.hero-copy{padding:70px 6%}.hero h1{font-size:58px}.hero-art{min-height:420px}.proof{flex-direction:column}.section{padding:75px 0}.section-head{display:block}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:440px;padding:35px}.collection-card h3{font-size:50px}.product-placeholder{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.quote{grid-column:auto}.newsletter-grid{grid-template-columns:1fr;gap:35px}.newsletter h2{font-size:50px}.footer-grid{grid-template-columns:1fr 1fr}.footer-tagline{grid-column:1/3}.value-grid{gap:25px}}

/* Version 1.1 embedded Majik brand assets */
.header-inner{min-height:98px}.brand-image:before{display:none}.brand-image img{display:block;width:88px;height:88px;object-fit:contain}.custom-logo{max-height:82px;width:auto}
.hero-art{background-color:var(--wine);background-image:linear-gradient(90deg,rgba(7,23,42,.20),rgba(7,23,42,0)),url('assets/images/majik-hair-feature.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.collection-card{min-height:590px;padding:40px 55px 50px}.collection-logo{width:190px;height:190px;object-fit:contain;margin-bottom:25px;background:#fff;padding:8px;box-shadow:0 18px 38px #0005;position:relative;z-index:1}.collection-card h3{font-size:52px}.footer-logo{width:150px;height:150px;object-fit:contain}
@media(max-width:900px){.main-nav.open{top:133px}}
@media(max-width:600px){.brand-image img{width:68px;height:68px}.hero-art{background-position:62% center}.collection-logo{width:150px;height:150px}}