/*
Theme Name: H.ER Hair Systems
Theme URI: https://hershop.local
Author: H.ER
Description: Lightweight custom Gutenberg and WooCommerce theme for H.ER Hair Systems.
Version: 1.0.0
Text Domain: her-shop
*/
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans.woff2?v=2") format("woff2");font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-italic.woff2?v=2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("assets/fonts/eb-garamond.woff2?v=2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("assets/fonts/eb-garamond-italic.woff2?v=2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant";src:url("assets/fonts/cormorant-medium.woff2?v=2") format("woff2");font-style:normal;font-weight:500;font-display:swap}

:root{--her-cream:#e2ddd2;--her-olive:#5e644c;--her-brown:#685345;--her-earth:#998172;--her-ink:#000;--her-copy:rgba(0,0,0,.52);--her-eyebrow:rgba(84,66,54,.55);--her-container:min(1312px,calc(100% - 200px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--her-cream);color:var(--her-ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300}
body .site-main{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.her-container{width:var(--her-container);margin-inline:auto}
.her-eyebrow{display:block;font:400 12px/1.5 "DM Sans",sans-serif;letter-spacing:7px;text-transform:uppercase;color:var(--her-eyebrow)}
.her-drop{width:44px;height:47px;display:grid;place-items:center;font:400 44px/.5 "EB Garamond",serif;color:var(--her-earth);transform:rotate(0);margin-bottom:15px}
.her-section-heading h2,.her-footer h2{margin:13px 0 0;font:400 62px/.95 "EB Garamond",Georgia,serif;letter-spacing:1px}
.her-section-heading h2 em,.her-footer h2 em{display:block;font-style:italic}
.her-section-heading>p{max-width:600px;margin:23px 0 0;font-size:18px;line-height:1.6;color:var(--her-copy)}
.her-section-heading--center{text-align:center;display:flex;flex-direction:column;align-items:center}
.her-section-heading--center>p{max-width:580px}
.her-button{min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 38px;border-radius:40px;border:1px solid transparent;background:var(--her-olive);color:var(--her-cream);font-size:16px;font-weight:500;line-height:1.6;transition:background .18s,color .18s,transform .18s}
.her-button:hover{background:#4b503c;transform:translateY(-2px)}
.her-button__arrow{font-size:18px;line-height:1}
.her-button--ghost{border-color:var(--her-cream);background:transparent}
.her-button--ghost:hover{background:var(--her-cream);color:var(--her-brown)}
.her-button--light{background:var(--her-cream);color:var(--her-brown)}
.her-button--light:hover{background:#fff}
.her-text-link{display:inline-flex;justify-content:space-between;align-items:flex-start;gap:13px;font-size:18px;line-height:1.6;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.her-text-link b{font-size:18px;text-decoration:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero */
.her-hero{height:1202px;position:relative;background:var(--her-cream)}
.her-hero__media{position:absolute;inset:191px 0 auto;width:100%;height:789px;overflow:hidden}
.her-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.03),rgba(0,0,0,.12))}
.her-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.her-header{height:150px;position:relative;z-index:2;padding-top:80px;display:flex;align-items:flex-start}
.her-logo{position:absolute;left:50%;top:72px;transform:translateX(-50%);font:500 23px/1 "Cormorant",serif;letter-spacing:5px}
.her-navigation{display:flex;align-items:center;gap:56px;font:500 17px/1.5 "Cormorant",serif;text-transform:uppercase;letter-spacing:3.5px}
.her-navigation a{transition:opacity .25s ease,transform .25s ease}
.her-navigation a.is-current{opacity:.55}
.her-navigation a:hover{opacity:1;transform:translateY(-1px)}
.her-menu-toggle{display:none}
.her-navigation a:nth-child(4){margin-left:auto}
.her-header__actions{margin-left:auto;display:flex;gap:25px;font:400 22px/1 "EB Garamond",serif}
.her-header__actions a{width:20px;height:20px;display:grid;place-items:center}
.her-hero__content{position:relative;z-index:1;margin-top:256px;margin-left:calc(50% + 34px);width:min(522px,calc(50% - 120px));color:var(--her-cream)}
.her-hero__content h1{margin:0;font:400 76px/.94 "EB Garamond",Georgia,serif;letter-spacing:-1.5px}
.her-hero__content h1 em,.her-hero__content h1 span{display:block}
.her-hero__content h1 em{font-style:italic}
.her-hero__content p{max-width:350px;margin:35px 0 0;font-size:17px;line-height:1.6}
.her-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:35px}
.her-trust{position:absolute;z-index:2;bottom:76px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(1111px,calc(100% - 350px))}
.her-trust p{display:flex;flex-direction:column;margin:0;font:400 20px/1.4 "EB Garamond",serif;letter-spacing:1.5px}
.her-trust em{font-style:italic}
.her-trust i{display:block;width:51px;height:1px;background:rgba(0,0,0,.35);transform:rotate(90deg)}

/* Explainer */
.her-explainer{padding:58px 0 150px;background:var(--her-cream)}
.her-explainer__intro{display:grid;grid-template-columns:1fr 1.06fr;gap:9%;align-items:center;padding-top:72px}
.her-explainer__intro h2{max-width:460px}
.her-explainer__image{height:440px;position:relative;overflow:hidden;border-radius:2px}
.her-explainer__image:after{content:"";position:absolute;inset:0;background:rgba(94,100,76,.15)}
.her-explainer__image img{width:100%;height:100%;object-fit:cover;object-position:center}
.her-play{position:absolute;z-index:1;top:50%;left:50%;width:76px;height:76px;transform:translate(-50%,-50%);border:1px solid var(--her-cream);border-radius:50%;background:rgba(0,0,0,.08);color:var(--her-cream);font-size:20px;text-indent:3px;cursor:pointer}
.her-explainer__statement{margin-top:166px;text-align:center;display:flex;flex-direction:column;align-items:center}
.her-explainer__statement .her-drop{margin-bottom:10px}
.her-explainer__statement h2{margin:10px 0 0;font:400 62px/.95 "EB Garamond",serif;letter-spacing:1px}
.her-explainer__quote{margin:16px 0 0;font:400 28px/1.25 "EB Garamond",serif}
.her-explainer__copy{max-width:600px;margin:24px 0 0;font-size:18px;line-height:1.6;color:var(--her-copy)}

/* Path selector */
.her-paths{position:relative;min-height:1045px;padding:115px 0 130px;overflow:hidden;background:var(--her-olive);color:var(--her-cream)}
.her-paths__backdrop{position:absolute;inset:0;opacity:.52;mix-blend-mode:multiply}
.her-paths__backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}
.her-paths .her-section-heading{position:relative;z-index:1}
.her-paths .her-eyebrow{color:rgba(255,255,255,.55)}
.her-paths .her-section-heading h2{max-width:600px}
.her-paths .her-section-heading>p{color:var(--her-cream)}
.her-paths__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:31px;margin-top:82px}
.her-path-card{display:flex;min-height:407px;flex-direction:column;justify-content:flex-end;padding:48px 57px;border-radius:20px;background:rgba(94,100,76,.48);border:1px solid rgba(226,221,210,.1);transition:background .18s,transform .18s}
.her-path-card:hover{background:rgba(94,100,76,.76);transform:translateY(-4px)}
.her-path-card .her-eyebrow{color:rgba(255,255,255,.55)}
.her-path-card h3{margin:13px 0 0;font:400 52px/.98 "EB Garamond",serif;letter-spacing:1px}
.her-path-card p{max-width:290px;margin:15px 0 28px;font:400 28px/1.15 "EB Garamond",serif;font-style:italic}
.her-path-card .her-text-link{font-size:16px;text-decoration:none;font-weight: 300;}

/* Steps */
.her-steps{padding:150px 0 140px;background:var(--her-cream)}
.her-steps .her-section-heading h2 em{display:block}
.her-steps__list{margin-top:86px;margin-left:calc(50% - 10px);width:calc(min(1312px,calc(100% - 200px))/2 + 10px)}
.her-step{display:grid;grid-template-columns:72px 1fr 230px;gap:20px;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid rgba(84,66,54,.42)}
.her-step:last-child{border:0;margin-bottom:0}
.her-step__number{padding-top:7px;font:400 34px/1.25 "EB Garamond",serif;color:rgba(84,66,54,.55)}
.her-step h3{margin:0;font:400 42px/1.09 "EB Garamond",serif;letter-spacing:-.5px}
.her-step p{margin:4px 0 16px;font-size:18px;line-height:1.6;color:var(--her-copy)}

/* Products */
.her-systems{padding:140px 0 140px;background:var(--her-cream)}
.her-systems .her-section-heading .her-drop{margin-bottom:6px}
.her-systems__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:112px;margin-top:125px}
.her-system-card{position:relative;min-height:650px;overflow:hidden}
.her-system-card--right{margin-top:220px}
.her-system-card__watermark{position:absolute;z-index:2;bottom:42px;left:-8px;color:rgba(153,129,114,.2);font:400 160px/.78 "EB Garamond",serif;white-space:nowrap;letter-spacing:-4px}
.her-system-card__image{position:absolute;z-index:1;right:0;top:0;width:56%;height:420px;overflow:hidden}
.her-system-card--right .her-system-card__image{right:auto;left:0}
.her-system-card__image img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius: 20px;}
.her-system-card__content{position:absolute;z-index:2;left:0;bottom:0;width:56%}
.her-system-card--right .her-system-card__content{left:auto;right:0}
.her-system-card__content .her-eyebrow{font-size:12px}
.her-system-card__content h3{margin:11px 0 24px;font:400 82px/.78 "EB Garamond",serif;letter-spacing:1px}
.her-system-card__content h3::first-letter{font-style:normal}
.her-system-card__content p{min-height:116px;margin:0;font-size:16px;line-height:1.5;color:var(--her-copy)}
.her-price{display:block;margin-top:28px;font:400 34px/1.25 "EB Garamond",serif;letter-spacing:-.3px}
.her-system-card__actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:20px}
.her-system-card__actions .her-button{min-height:52px;padding:10px 25px;font-size:14px}

/* Benefits */
.her-benefits{padding:140px 0 130px;background:var(--her-olive);color:var(--her-cream)}
.her-benefits .her-eyebrow{color:rgba(255,255,255,.56)}
.her-benefits .her-section-heading>p{color:var(--her-cream)}
.her-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:62px 78px;margin-top:82px}
.her-benefit{display:flex;align-items:flex-start;gap:27px}
.her-benefit img{width:51px;max-height:53px;object-fit:contain;filter:brightness(0) invert(1)}
.her-benefit p{max-width:250px;margin:0;font:400 20px/1.4 "EB Garamond",serif;letter-spacing:1.5px}
.her-benefits__action{display:flex;justify-content:center;margin-top:90px}

/* Partners */
.her-partners{position:relative;min-height:740px;display:flex;align-items:center;background:var(--her-cream);overflow:hidden}
.her-partners__map{position:absolute;inset:0;opacity:.62}
.her-partners__map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--her-cream) 0%,rgba(226,221,210,.7) 35%,rgba(226,221,210,.1) 100%)}
.her-partners__map > img{width:100%;height:100%;object-fit:cover}
.her-partners__content{position:relative;z-index:1;width:100%}
.her-partners__content h2{max-width:500px;margin:14px 0 0;font:400 62px/.95 "EB Garamond",serif;letter-spacing:1px}
.her-partners__content h2 em{display:block;font-style:italic}
.her-partners__content p{max-width:390px;margin:26px 0 33px;font-size:18px;line-height:1.6;color:var(--her-copy)}

/* Testimonial */
.her-story{position:relative;min-height:876px;display:flex;align-items:center;justify-content:center;background:var(--her-olive);color:var(--her-cream);overflow:hidden}
.her-story__media,.her-story__overlay{position:absolute;inset:0}
.her-story__media img{width:100%;height:100%;object-fit:cover}
.her-story__overlay{background:rgba(34,40,25,.53);mix-blend-mode:multiply}
.her-story__content{position:relative;z-index:1;display:flex;max-width:820px;flex-direction:column;align-items:center;text-align:center}
.her-story .her-drop{color:var(--her-cream)}
.her-story .her-eyebrow{color:rgba(255,255,255,.56)}
.her-story h2{max-width:720px;margin:16px 0 0;font:400 62px/.95 "EB Garamond",serif;letter-spacing:1px}
.her-story h2 em{font-style:italic}
.her-story__content>p{max-width:510px;margin:26px 0 34px;font-size:16px;line-height:1.5}
.her-story blockquote{max-width:720px;margin:0;font:italic 42px/1.2 "EB Garamond",serif;letter-spacing:-.5px}
.her-story cite{margin-top:27px;font:400 20px/1.4 "EB Garamond",serif;letter-spacing:1.5px;font-style:normal}

/* FAQ */
.her-faq{padding:150px 0 175px;background:var(--her-cream)}
.her-faq__grid{display:grid;grid-template-columns:39% 1fr;gap:6%}
.her-faq .her-section-heading h2{max-width:390px}
.her-accordion__item{border-bottom:1px solid rgba(84,66,54,.55)}
.her-accordion__item:first-child{padding-top:32px}
.her-accordion__item button{display:flex;width:100%;padding:25px 0;border:0;background:transparent;color:var(--her-ink);align-items:center;justify-content:space-between;gap:25px;text-align:left;cursor:pointer;font:400 28px/1.25 "EB Garamond",serif;letter-spacing:-.3px}
.her-accordion__item button b{font:300 31px/1 "DM Sans",sans-serif;transition:transform .18s}
.her-accordion__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.her-accordion__answer p{overflow:hidden;margin:0;color:#666;font-size:16px;line-height:1.5}
.her-accordion__item.is-open .her-accordion__answer{grid-template-rows:1fr}
.her-accordion__item.is-open .her-accordion__answer p{padding-bottom:25px}
.her-accordion__item.is-open button b{transform:rotate(45deg)}

/* Footer */
.her-footer{position:relative;min-height:756px;padding:110px 0 42px;background:var(--her-brown);color:var(--her-cream);overflow:hidden}
.her-footer__media,.her-footer__overlay{position:absolute;inset:0}
.her-footer__media{background:var(--her-footer-bg) #5E4B3E center / cover no-repeat;opacity:.5;mix-blend-mode:multiply}
.her-footer__media img{display:none}
.her-footer__overlay{background:transparent}
.her-footer__top,.her-footer__bottom{position:relative;z-index:1}
.her-footer__top{display:grid;grid-template-columns:32% 1fr;gap:8%}
.her-footer .her-eyebrow{color:rgba(255,255,255,.55)}
.her-footer h2{margin-top:15px;font-size:62px}
.her-footer__newsletter>p{margin:15px 0 24px;font-size:16px;line-height:1.5;white-space:nowrap}
.her-newsletter{display:flex;height:64px;width:100%;border:1px solid var(--her-earth);border-radius:40px;background:rgba(255,255,255,.24);overflow:hidden}
.her-newsletter input{min-width:0;flex:1;padding:0 28px;border:0;background:transparent;color:var(--her-cream);outline:0;font-size:16px}
.her-newsletter input::placeholder{color:rgba(255,255,255,.64)}
.her-newsletter button{padding:0 35px;border:0;background:var(--her-cream);color:#5e4b3e;font-size:16px;font-weight:500;cursor:pointer}
.her-footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 55px;padding-top:110px}
.her-footer__links h3,.her-footer__bottom h3{margin:0 0 15px;font:400 20px/1.4 "EB Garamond",serif;letter-spacing:1.5px}
.her-footer__links a{display:block;margin:0;font-size:14px;line-height:1.5;color:var(--her-cream);transition:opacity .18s}
.her-footer__links a:hover,.her-footer address a:hover{opacity:.65}
.her-footer__bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:65px}
.her-footer__bottom>div>p{max-width:220px;margin:0 0 20px;font:400 22px/1.25 "EB Garamond",serif;letter-spacing:-.3px}
.her-footer address{font-size:16px;line-height:1.5;font-style:normal}
.her-socials{display:flex;gap:20px;margin-top:24px!important;align-items:center}
.her-socials a{font:400 17px/1 "DM Sans",sans-serif}
.her-socials a img{display:block;width:auto;height:auto;max-width:none}
.her-socials a svg{display:block;width:auto;height:auto;max-width:none}
.her-footer__copyright{margin:0;font-size:12px;letter-spacing:.2px}

@media (max-width:1100px){
:root{--her-container:min(100% - 100px,1312px)}
.her-navigation{gap:28px;font-size:15px;letter-spacing:2.5px}
.her-hero__content{margin-left:calc(50% + 5px);width:calc(50% - 55px)}
.her-trust{width:calc(100% - 180px)}
.her-trust i{width:32px}
.her-systems__grid{column-gap:40px}
.her-system-card__watermark{font-size:122px}
.her-system-card__content h3{font-size:65px}
.her-footer__top{grid-template-columns:39% 1fr}
.her-footer__links{gap:30px}
}

/* The Premium Virgin watermark uses the two-line lockup from the design. */
.her-system-card__watermark--premium{display:flex;flex-direction:column;align-items:flex-end;text-align:right;white-space:normal;line-height:.72!important;left:-5px!important;right:auto!important;bottom:auto!important}
.her-system-card__watermark--premium em{font-style:italic}
.her-system-card__watermark--premium span{display:block}
.her-system-card__image--premium{overflow:visible}
@media (min-width:801px) and (max-width:1100px){
.her-system-card__image--premium .her-system-card__watermark--premium{top:10px!important}
}
@media (max-width:800px){
:root{--her-container:calc(100% - 64px)}
.her-section-heading h2,.her-footer h2,.her-story h2,.her-partners__content h2,.her-explainer__statement h2{font-size:52px}
.her-hero{height:auto;min-height:920px;padding-bottom:105px}
.her-header{padding-top:36px;height:95px;align-items:center}
.her-logo{position:relative;left:auto;top:auto;transform:none;order:-1;margin-right:auto}
.her-navigation{display:none}
.her-header__actions{margin-left:0}
.her-hero__media{inset:110px 0 auto;height:680px}
.her-hero__content{margin:285px auto 0;width:var(--her-container);padding-left:35%}
.her-hero__content h1{font-size:61px}
.her-trust{position:relative;bottom:auto;left:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:25px;width:var(--her-container);margin:270px auto 0}
.her-trust i{display:none}
.her-explainer__intro{grid-template-columns:1fr;gap:45px}
.her-explainer__image{height:380px}
.her-paths{min-height:auto}
.her-paths__grid{grid-template-columns:1fr}
.her-path-card{min-height:320px}
.her-steps__list{margin-left:auto;width:var(--her-container)}
.her-step{grid-template-columns:55px 1fr}
.her-step>div{grid-column:2}
.her-systems__grid{grid-template-columns:1fr;gap:75px}
.her-system-card--right{margin-top:0}
.her-system-card{min-height:590px}
.her-system-card__content,.her-system-card--right .her-system-card__content{left:0;right:auto;width:55%}
.her-system-card--right .her-system-card__image{left:auto;right:0}
.her-benefits__grid{grid-template-columns:1fr 1fr;gap:45px}
.her-faq__grid{grid-template-columns:1fr;gap:32px}
.her-footer__top{grid-template-columns:1fr}
.her-footer__links{padding-top:20px;grid-template-columns:repeat(3,1fr)}
.her-footer__bottom{align-items:flex-start;gap:35px;flex-direction:column}
}
@media (max-width:540px){
:root{--her-container:calc(100% - 40px)}
.her-eyebrow{font-size:10px;letter-spacing:4px}
.her-section-heading h2,.her-footer h2,.her-story h2,.her-partners__content h2,.her-explainer__statement h2{font-size:43px;letter-spacing:.5px}
.her-section-heading>p,.her-partners__content p{font-size:16px}
.her-hero{min-height:770px}
.her-header{padding-top:25px}
.her-logo{font-size:19px}
.her-header__actions{gap:15px;font-size:19px}
.her-hero__media{top:85px;height:495px}
.her-hero__content{margin-top:230px;padding-left:12%;width:var(--her-container)}
.her-hero__content h1{font-size:50px}
.her-hero__content p{font-size:15px}
.her-actions{gap:12px;margin-top:25px}
.her-button{min-height:52px;padding:10px 23px;font-size:14px}
.her-trust{margin-top:205px;gap:18px}
.her-trust p{font-size:17px}
.her-explainer{padding-top:55px;padding-bottom:90px}
.her-explainer__intro{padding-top:15px}
.her-explainer__image{height:260px}
.her-explainer__statement{margin-top:95px}
.her-explainer__quote{font-size:24px}
.her-paths{padding:80px 0}
.her-paths__grid{margin-top:55px;gap:18px}
.her-path-card{min-height:280px;padding:34px}
.her-path-card h3{font-size:42px}
.her-path-card p{font-size:23px}
.her-steps{padding:90px 0}
.her-steps__list{margin-top:50px}
.her-step{grid-template-columns:39px 1fr;gap:13px;padding-bottom:30px;margin-bottom:30px}
.her-step__number{font-size:25px}
.her-step h3{font-size:32px}
.her-step p{font-size:15px}
.her-text-link{font-size:15px}
.her-systems{padding:90px 0}
.her-systems__grid{margin-top:70px;gap:55px}
.her-system-card{min-height:535px}
.her-system-card__watermark{top:10px;font-size:98px}
.her-system-card__image{width:62%;height:310px}
.her-system-card__content,.her-system-card--right .her-system-card__content{width:68%}
.her-system-card__content h3{font-size:57px}
.her-system-card__content p{min-height:0;font-size:14px}
.her-price{margin-top:16px;font-size:28px}
.her-system-card__actions{gap:14px;margin-top:13px}
.her-system-card__actions .her-button{padding:8px 15px;font-size:12px}
.her-benefits{padding:90px 0}
.her-benefits__grid{grid-template-columns:1fr;gap:30px;margin-top:55px}
.her-partners{min-height:620px}
.her-partners__map:after{background:rgba(226,221,210,.75)}
.her-story{min-height:720px}
.her-story blockquote{font-size:31px}
.her-faq{padding:90px 0}
.her-accordion__item button{padding:21px 0;font-size:24px}
.her-footer{padding-top:80px}
.her-footer__newsletter>p{white-space:normal;font-size:14px}
.her-newsletter{height:56px}
.her-newsletter input{padding:0 18px;font-size:14px}
.her-newsletter button{padding:0 20px;font-size:14px}
.her-footer__links{grid-template-columns:1fr 1fr;gap:30px}
.her-footer__bottom{margin-top:45px}
}

/* Homepage composition follows the 1512px Figma frame. */
@media (min-width:1101px){
.her-header{width:calc(100% - 200px);max-width:1312px;padding-top:86px}
.her-logo{top:69px;width:131px;height:61px}
.her-logo img{width:131px;height:61px;max-width:none}
.her-navigation{width:100%;gap:0;font-size:16px;letter-spacing:4px}
.her-navigation a{white-space:nowrap}
.her-navigation a:first-child{margin-right:64px;display:flex;align-items:center;gap:12px}
.her-navigation a:nth-child(2){margin-right:65px}
.her-navigation a:nth-child(3){margin-right:auto}
.her-navigation a:nth-child(4){margin-left:0;margin-right:66px}
.her-navigation a:nth-child(5){margin-right:140px}
.her-header__actions{position:absolute;right:0;top:84px;gap:28px}
.her-hero__content{margin-top:256px;margin-left:calc(50% + 134px);width:460px}
.her-hero__content h1{font-size:74px;line-height:.96}
.her-hero__content p{margin-top:32px;font-size:17px}
.her-actions{gap:24px;margin-top:32px;flex-wrap:nowrap}
.her-actions .her-button{white-space:nowrap;min-height:64px;padding-inline:30px}
.her-trust{bottom:67px;width:1111px}
.her-trust p{font-size:20px}

.her-explainer{height:1578px;padding:0;position:relative;z-index:2}
.her-explainer__statement{position:absolute;top:64px;left:50%;transform:translateX(-50%);margin:0;width:850px}
.her-mark{width:44px;height:47px;object-fit:contain}
.her-explainer__statement .her-eyebrow{margin-top:14px}
.her-explainer__statement h2{margin-top:18px;font-size:62px}
.her-explainer__quote{margin-top:13px}
.her-explainer__points{position:absolute;top:382px;left:50%;transform:translateX(-50%);height:240px;display:grid;grid-template-columns:repeat(6,1fr);column-gap:26px;row-gap:52px;align-items:start}
.her-explainer__point{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:24px;min-width:0}
.her-explainer__point:nth-child(4){grid-column:2/span 2}
.her-explainer__point:nth-child(5){grid-column:4/span 2}
.her-explainer__point img{width:52px;height:52px;object-fit:contain;flex:none}
.her-explainer__point p{max-width:240px;margin:0;font:400 20px/1.25 "EB Garamond",serif;letter-spacing:.5px}
.her-explainer__result{position:absolute;top:765px;left:50%;transform:translateX(-50%);text-align:center}
.her-explainer__result h2{margin:20px 0 0;font:400 62px/.95 "EB Garamond",serif}
.her-explainer__result h2 em{font-style:italic}
.her-explainer__image{position:absolute;z-index:3;top:1030px;left:50%;transform:translateX(-50%);width:1011px;height:674px;border-radius:20px}
.her-explainer__image:after{display:none}

.her-paths{height:1052px;min-height:0;padding:0;overflow:visible}
.her-paths__backdrop{opacity:.54}
.her-paths__backdrop:after{content:"";position:absolute;inset:0;background:rgba(33,39,24,.35)}
.her-paths .her-section-heading{position:absolute;top:206px;left:50%;transform:translateX(-50%);width:900px}
.her-paths .her-section-heading .her-mark{margin-bottom:13px}
.her-paths .her-section-heading h2{max-width:none;margin-top:18px}
.her-paths .her-section-heading h2 em{display:inline}
.her-paths .her-section-heading>p{max-width:690px;margin-top:20px;font:400 28px/1.15 "EB Garamond",serif}
.her-paths__grid{position:absolute;top:525px;left:50%;transform:translateX(-50%);margin:0;gap:71px}
.her-path-card{height:407px;min-height:0;padding:50px 96px 42px;background:rgba(21,27,16,.45);border:0}
.her-path-card>img{width:68px;height:68px;object-fit:contain;margin-bottom:28px}
.her-path-card h3{font-size:52px;white-space:nowrap}
.her-path-card h3 em{font-style:italic}
.her-path-card__lower{display:grid;grid-template-columns:44% 1fr;gap:20px;margin-top:25px}
.her-path-card p{font:400 17px/1.5 "DM Sans",sans-serif;max-width:170px;margin:0}
.her-path-card__lower>div{display:flex;flex-direction:column;gap:20px}
.her-path-card .her-text-link{font-size:18px;line-height:1.35;text-decoration:underline}

.her-steps{height:886px;padding:0;position:relative}
.her-steps>.her-section-heading{position:absolute;top:126px;left:50%;transform:translateX(-50%)}
.her-steps .her-section-heading h2{margin-top:24px}
.her-steps__list{position:absolute;top:177px;left:50%;width:755px;margin:0}
.her-step{height:223px;margin:0;padding:0 0 20px;grid-template-columns:60px 280px 1fr;gap:22px}
.her-step__number{font-size:34px}
.her-step h3{font-size:48px;line-height:.95}
.her-step p{font-size:17px;margin:0 0 18px}
.her-step .her-text-link{font-size:16px}

.her-systems{height:4036px;padding:0;position:relative}
.her-systems>.her-section-heading{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.her-systems .her-section-heading .her-mark{margin-bottom:14px}
.her-systems .her-section-heading h2{margin-top:18px}
.her-systems .her-section-heading>p{max-width:850px;font:400 25px/1.3 "EB Garamond",serif;color:#000}
.her-systems__grid{position:relative;top:0;margin:0 auto;height:100%;display:block}
.her-system-card{position:absolute;left:0;width:100%;height:600px;min-height:0;overflow:visible}
.her-system-card:nth-child(1){top:354px}.her-system-card:nth-child(2){top:1029px}.her-system-card:nth-child(3){top:1703px}.her-system-card:nth-child(4){top:2478px}.her-system-card:nth-child(5){top:3263px}
.her-system-card--right{margin:0}
.her-system-card__image,.her-system-card--right .her-system-card__image{top:0;left:96px;right:auto;width:524px;height:524px}
.her-system-card--right .her-system-card__image{left:694px}
.her-system-card__image img{object-position:center}
.her-system-card__content,.her-system-card--right .her-system-card__content{position:absolute;top:160px;bottom:auto;left:790px;right:auto;width:400px}
.her-system-card--right .her-system-card__content{left:196px}
.her-system-card__watermark{bottom:30px;left:-0px;font-size:185px;color:rgba(153, 129, 114, 0.295)}
.her-system-card--right .her-system-card__watermark{left:0}
.her-system-card__content h3{font-size:78px;margin:10px 0 24px;line-height:.9}
.her-system-card__content p{min-height:0;font-size:16px;line-height:1.5}
.her-price{margin-top:24px}
.her-system-card__actions{margin-top:18px}

.her-benefits{height:319px;padding:0;background:var(--her-cream);color:#000}
.her-benefits .her-section-heading{padding-top:0}
.her-benefits .her-eyebrow{color:var(--her-eyebrow)}
.her-benefits .her-section-heading h2{margin-top:17px;font-size:62px}
.her-benefits .her-section-heading h2 em{display:inline}
.her-benefits .her-text-link{margin-top:34px}
.her-story{height:876px;min-height:0}
.her-story__overlay{background:rgba(53,61,42,.56);mix-blend-mode:multiply}
.her-story__content{margin-top:0}
.her-story h2{margin-top:19px}
.her-story__content>p{margin-top:28px;margin-bottom:32px}
.her-story blockquote{font-size:42px}
.her-story__link{margin-top:40px;text-decoration:underline;font-size:16px}

.her-partners{height:1032px;min-height:0;margin-top:106px;display:block;overflow:visible}
.her-partners__content{position:absolute;top:0;left:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.her-partners__content h2{max-width:700px;font-size:62px;margin-top:17px}
.her-partners__content h2 em{display:inline}
.her-partners__content p{font:400 17px/1.4 "DM Sans",sans-serif;max-width:none;margin:18px 0 25px}
.her-partner-search{display:flex;align-items:center;height:64px;border-radius:40px;overflow:hidden;box-shadow:0 9px 28px rgba(0,0,0,.14)}
.her-partner-search input{height:100%;width:144px;padding:0 24px;border:0;outline:0;background:#fff;color:#333;font-size:16px}
.her-partner-search button{height:100%;padding:0 30px;border:0;background:var(--her-olive);color:#fff;font-size:16px;cursor:pointer}
.her-partners__map{top:318px;bottom:0;opacity:1}
.her-partners__map:after{display:none}

.her-blog{height:1088px;margin-top:163px;position:relative}
.her-blog>.her-section-heading{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.her-blog .her-section-heading h2{margin-top:17px}
.her-blog__grid{position:absolute;top:180px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:71px}
.her-blog-card__image{height:359px;border-radius:18px;overflow:hidden;margin-bottom:48px}
.her-blog-card__image img{width:100%;height:100%;object-fit:cover}
.her-blog-card h3{max-width:490px;margin:18px 0 22px;font:400 38px/1.05 "EB Garamond",serif}
.her-blog-card p{max-width:440px;margin:0 0 38px;color:var(--her-copy);font-size:16px;line-height:1.5}
.her-blog-card .her-text-link{font-size:16px}
.her-blog__more{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:16px}

.her-faq{height:945px;margin-top:150px;padding:0}
.her-faq__grid{grid-template-columns:520px 1fr;gap:120px}
.her-faq .her-section-heading h2{margin-top:22px;max-width:420px}
.her-faq .her-section-heading>p{margin-top:30px;font-size:16px}
.her-faq .her-section-heading address{margin-top:65px;font:400 24px/1.35 "EB Garamond",serif;font-style:normal;text-decoration:underline}
.her-accordion__item:first-child{padding-top:0}
.her-accordion__item button{padding:20px 0;font-size:24px}
.her-accordion__answer p{font-size:14px;line-height:1.5}

.her-footer{height:756px;min-height:0;margin-top:123px;padding:110px 0 0}
.her-footer__top{display:grid;grid-template-columns:1fr 1fr;gap:71px;align-items:center}
.her-footer__newsletter{padding-left:96px}
.her-footer h2{font-size:62px}
.her-footer h2 em{display:inline}
.her-footer__newsletter>p{margin-top:15px}
.her-newsletter{width:524px;height:64px}
.her-footer__bottom{display:grid;grid-template-columns:1fr 1fr;gap:71px;align-items:start;margin-top:80px}
.her-footer__brand{position:relative;padding-left:96px}
.her-footer__brand>img{position:absolute;left:0;top:0}
.her-footer__brand h3{margin:0 0 10px;font:400 27px/1.1 "EB Garamond",serif}
.her-footer__brand>p{font:400 18px/1.25 "EB Garamond",serif;max-width:230px;margin:0 0 14px}
.her-footer__brand address{font-size:13px}
.her-footer__links{padding:0;grid-template-columns:repeat(3,1fr);gap:32px 40px}
.her-footer__links h3{margin-bottom:12px;font-size:20px}
.her-footer__links a{font-size:12px}
.her-footer__copyright{position:relative;z-index:1;margin:55px auto 0;font-size:11px}
}
@media (max-width:1100px){
.her-explainer{padding:65px 0 120px}
.her-explainer__statement{margin-top:0}
.her-explainer__points{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:70px}
.her-explainer__point{display:flex;align-items:center;gap:15px;width:280px}
.her-explainer__point img{width:44px;height:44px;flex:none}
.her-explainer__point p{margin:0;font:400 18px/1.25 "EB Garamond",serif}
.her-explainer__result{text-align:center;margin-top:100px}
.her-explainer__result h2{font:400 52px/1 "EB Garamond",serif;margin:18px 0 45px}
.her-explainer__image{width:min(85%,1011px);height:auto;aspect-ratio:1011/674;margin:auto;border-radius:18px}
.her-paths{padding-top:140px}
.her-path-card{justify-content:center}
.her-path-card>img{width:56px;height:56px;object-fit:contain}
.her-path-card__lower{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.her-path-card__lower>div{display:flex;flex-direction:column;gap:12px}
.her-path-card p{font:400 17px/1.45 "DM Sans",sans-serif;margin:0}
.her-partner-search{display:flex;border-radius:40px;overflow:hidden;width:max-content;max-width:100%;height:58px;margin:0 auto;box-shadow:0 8px 20px #0002}
.her-partner-search input{min-width:0;width:115px;border:0;padding:0 18px;background:#fff}
.her-partner-search button{border:0;padding:0 20px;background:var(--her-olive);color:#fff}
.her-blog{padding:90px 0}
.her-blog__grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:65px}
.her-blog-card__image{height:260px;overflow:hidden;border-radius:16px}
.her-blog-card__image img{width:100%;height:100%;object-fit:cover}
.her-blog-card h3{font:400 35px/1.05 "EB Garamond",serif;margin:15px 0}
.her-blog-card p{font-size:15px;color:var(--her-copy)}
.her-blog__more{display:block;width:max-content;margin:55px auto 0}
.her-footer__top{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.her-footer__bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:70px}
.her-footer__brand>img{width:36px;height:39px;margin-bottom:15px}
.her-footer__links{grid-template-columns:repeat(3,1fr);padding:0;gap:25px}
.her-footer__copyright{position:relative;z-index:1;margin:50px auto 0;font-size:11px}
}
@media (max-width:800px){
.her-explainer__points{gap:24px;margin-top:55px}
.her-explainer__result{margin-top:80px}
.her-paths__grid{gap:20px}
.her-partners{display:block;min-height:650px;padding-top:55px;text-align:center}
.her-partners__content{width:var(--her-container);margin:auto}
.her-partners__content h2{max-width:none}
.her-partners__map{inset:auto 0 0;height:320px;opacity:1}
.her-partners__map:after{display:none}
.her-story__link{margin-top:25px;text-decoration:underline}
.her-faq .her-section-heading address{font-style:normal;margin-top:25px}
.her-footer__top,.her-footer__bottom{grid-template-columns:1fr}
.her-footer__bottom{margin-top:55px}
.her-footer__links{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:540px){
.her-explainer__points{justify-content:flex-start;margin-top:50px}
.her-explainer__point{width:100%}
.her-explainer__result h2{font-size:40px}
.her-explainer__image{width:100%;border-radius:0}
.her-path-card__lower{grid-template-columns:1fr;margin-top:20px}
.her-path-card{min-height:340px}
.her-blog{padding:70px 0}
.her-blog__grid{grid-template-columns:1fr;gap:55px}
.her-blog-card__image{height:240px}
.her-partners{min-height:600px}
.her-partners__map{height:270px}
.her-footer__links{grid-template-columns:1fr 1fr}
.her-footer__newsletter>p{white-space:normal}
.her-footer__copyright{margin-top:45px}
}

    .her-barber-form {
        margin-top: -292px;
        z-index: 99;
    }

@media (max-width: 767px) {
    .her-contact-page .her-partners__content {
    display: flex !important;
        flex-direction: column !important;
        padding: 80px 0 55px !important;
     
    }

     .her-barber-form {
        margin-top: 0px;
        z-index: 99;
    }
}

.her-system-mega-menu__item span {
    font: 500 17px / 0.5 "Cormorant", Georgia, serif !important;
}


@media (min-width: 1101px) {
    .her-system-card__content, .her-system-card--right .her-system-card__content {
       
        top: 30px;
    
    }
}

.her-mini-cart__item-meta .variation {
   align-items: center;
}

/* Footer credits: keep the implementation and design signatures aligned to the right. */
body.wp-theme-her-shop .her-footer__copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

body.wp-theme-her-shop .her-footer__credits {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 24px;
    margin-left: auto;
    color: rgba(226, 221, 210, .82);
    font: 400 11px/1.45 "DM Sans", sans-serif;
    text-align: right;
}

body.wp-theme-her-shop .her-footer__credits span {
    white-space: nowrap;
}

body.wp-theme-her-shop .her-footer__credits a {
    color: var(--her-cream);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: opacity .18s ease;
}

body.wp-theme-her-shop .her-footer__credits a:hover,
body.wp-theme-her-shop .her-footer__credits a:focus-visible {
    opacity: .68;
}

@media (max-width: 800px) {
    body.wp-theme-her-shop .her-footer__copyright {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    body.wp-theme-her-shop .her-footer__credits {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
        margin-left: 0;
        text-align: left;
    }

    body.wp-theme-her-shop .her-footer__credits span {
        white-space: normal;
    }
}