/* Wellella — main styles. Colors and type follow the Shopify design. */
:root{
	--w-bg:#ffffff;--w-side:#f7f7f5;--w-panel:#f0efeb;--w-panel-2:#f4f3f1;--w-placeholder:#eeede8;
	--w-ink:#292927;--w-ink-strong:#121212;--w-text:#53534e;--w-muted:#83837c;--w-soft:#93938b;
	--w-line:#deded9;--w-line-2:#e5e4df;--w-dash:#aaa9a2;--w-accent:#876a49;
	--w-serif:Georgia,"Times New Roman",serif;
	--w-body:"New York","Iowan Old Style","Apple Garamond",Baskerville,"Times New Roman","Source Serif Pro",serif;
	--w-sans:Arial,"Helvetica Neue",Helvetica,sans-serif;
	--w-sidebar:160px;--w-gutter:28px;--w-max:1600px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--w-bg);color:var(--w-ink);font:16px/1.8 var(--w-body);letter-spacing:.6px}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:3px}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid #74746c;outline-offset:3px}
h1,h2,h3,h4,h5,h6{font-family:var(--w-serif);font-weight:400;color:var(--w-ink-strong);letter-spacing:.02em;line-height:1.25}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.w-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;padding:8px 12px}
.w-skip:focus{left:8px}
.w-dash{display:block;width:17px;border-top:1px solid var(--w-dash);margin:20px 0}
.w-eyebrow{font:11px/1.6 var(--w-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--w-text);margin:0 0 10px}
.w-eyebrow a{text-decoration:none}
.w-small{font:10px/1.8 var(--w-serif);text-transform:uppercase;letter-spacing:1px;margin:0}

/* ---------- Sidebar ---------- */
.w-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--w-sidebar);padding:32px 18px 30px 29px;background:#f7f7f6;color:#333;overflow-y:auto;display:flex;flex-direction:column;font:11px/1.6 var(--w-sans);letter-spacing:0}
.w-sidebar a{text-decoration:none}
.w-sidebar a:hover{text-decoration:underline;text-underline-offset:4px}
.w-brand{display:block;margin-bottom:38px;font-family:var(--w-serif)}
.w-brand img{max-width:120px;height:auto;display:block}
.w-wordmark{font:400 24px/1.25 var(--w-serif);letter-spacing:0;color:#333}
.w-nav ul{list-style:none;margin:0;padding:0}
.w-group{margin-bottom:27px}
.w-group+.w-group::before{content:"";display:block;width:34px;border-top:1px solid #e8e6e1;margin-bottom:22px}
.w-group>ul>li>a{display:block;font:14px/1.5 var(--w-serif);color:#333;margin-bottom:7px}
.w-group>ul>li+li{margin-top:14px}
.w-group .sub-menu{border:0;padding-left:12px;margin-bottom:0}
.w-group .sub-menu a{position:relative;display:block;padding:3px 0;font:11px/1.4 var(--w-sans);color:#6d6d69}
.w-pages>ul>li+li{margin-top:0}
.w-pages>ul>li>a{font:14px/1.5 var(--w-serif);color:#333;margin:0;padding:3px 0}
.w-sidebar .current-menu-item>a,.w-sidebar [aria-current=page]{color:#242421;background:none}
.w-group .sub-menu .current-menu-item>a::before{content:"";position:absolute;left:-20px;top:3px;bottom:3px;border-left:1px solid #92928c}
.w-tagline{font:italic 12px/1.5 var(--w-serif);margin:125px 0 0;padding-top:0;color:#777772}
.w-mobile-nav{display:none}

/* ---------- Layout ---------- */
.w-site{margin-left:var(--w-sidebar);min-height:100vh;display:flex;flex-direction:column}
.w-utilities{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding:10px var(--w-gutter);font:12px var(--w-sans);color:var(--w-text);letter-spacing:0}
.w-utilities a{text-decoration:none}
.w-search{display:flex;align-items:center;border-bottom:1px solid transparent}
.w-search:focus-within{border-color:var(--w-line)}
.w-search input{border:0;background:transparent;font:12px var(--w-sans);width:90px;padding:4px 0;color:var(--w-text);text-align:right}
.w-search input:focus{outline:none;width:160px;text-align:left}
.w-search button{border:0;background:none;cursor:pointer;color:var(--w-text);font-size:15px;padding:0 0 0 6px}
.w-main{flex:1}
.w-container{max-width:var(--w-max);margin:0 auto;padding:24px var(--w-gutter) 60px}

/* ---------- Page headers ---------- */
.w-page-header{margin:12px 0 34px}
.w-page-title{font:clamp(30px,3.4vw,44px)/1.15 var(--w-serif);margin:0 0 14px;color:var(--w-ink-strong)}
.w-intro{max-width:560px;font:15px/1.7 var(--w-body);color:var(--w-text)}
.w-intro p{margin:0 0 10px}

/* ---------- Home ---------- */
.w-home{max-width:var(--w-max);margin:0 auto;padding:4px var(--w-gutter) 36px;color:var(--w-text);font:13px/1.45 var(--w-sans);letter-spacing:0}
.w-home a{text-decoration:none}
.w-home a:hover{text-decoration:underline}
.w-home h1,.w-home h2,.w-home h3,.w-home p{margin:0;letter-spacing:0}
.w-hero{position:relative;margin-bottom:26px;overflow:hidden;background:var(--w-placeholder);aspect-ratio:1074/297}
.w-hero-photo,.w-hero-photo img{width:100%;height:100%;display:block;object-fit:cover}
.w-hero-copy{position:absolute;inset:0 auto 0 0;width:30%;padding:7% 3%;background:linear-gradient(90deg,#f5f5f3 15%,rgba(245,245,243,.96) 68%,rgba(245,245,243,0));display:flex;flex-direction:column;justify-content:center}
.w-hero h1{font:italic clamp(20px,2vw,30px)/1.25 var(--w-serif);color:#353530}
.w-hero-copy p{font:10px/1.8 var(--w-serif);text-transform:uppercase;letter-spacing:1.2px}
.w-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}
.w-heading h2{font:19px/1.4 var(--w-serif);letter-spacing:1px;color:var(--w-ink-strong)}
.w-heading>a{font-size:12px}
.w-new{margin-bottom:35px}
.w-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.w-product-image{display:block;aspect-ratio:1/1;background:#f1f0eb;overflow:hidden}
.w-product-image img{width:100%;height:100%;object-fit:cover;display:block}
.w-product h3{font:13px/1.35 var(--w-sans);margin:9px 0 2px;color:var(--w-text)}
.w-type{color:var(--w-muted);font:11px/1.4 var(--w-sans);margin:0;letter-spacing:0}
.w-price{font-size:12px;margin-top:4px!important}
.w-price del{color:var(--w-soft)}
.w-price ins{text-decoration:none}
.w-mood{display:grid;grid-template-columns:1.38fr 1fr 1fr 1.35fr;gap:5px;margin-bottom:30px}
.w-crop{position:relative;overflow:hidden;background:var(--w-placeholder);min-height:190px}
.w-crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.w-mood blockquote{background:var(--w-panel);margin:0;padding:25px 20%;display:flex;flex-direction:column;justify-content:center;min-height:190px}
.w-mood blockquote>span:first-child{font:21px var(--w-serif)}
.w-mood blockquote p{font:italic 19px/1.35 var(--w-serif);margin-top:6px}
.w-mood .w-dash{margin:17px 0 0}
.w-journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.38fr;gap:15px;align-items:start}
.w-newsletter{background:var(--w-panel-2);min-height:195px;padding:28px 25px}
.w-newsletter h3{font:italic 14px var(--w-serif);margin-bottom:10px;color:var(--w-text)}
@media(min-width:990px){.w-mood{aspect-ratio:5.15}.w-mood blockquote{min-height:0}}

/* ---------- Journal cards ---------- */
.w-story{font:13px/1.45 var(--w-sans);letter-spacing:0;color:var(--w-text)}
.w-story-link{display:block;text-decoration:none!important}
.w-story-image{aspect-ratio:4/3;background:var(--w-placeholder);overflow:hidden}
.w-story-image img{width:100%;height:100%;object-fit:cover;display:block}
.w-meta{display:block;font:10px/1.5 var(--w-sans);color:var(--w-soft);margin:8px 0 0}
.w-story-title{font:12px/1.4 var(--w-sans);margin:3px 0 0;color:var(--w-text);letter-spacing:0}
.w-story-link:hover .w-story-title{text-decoration:underline}
.w-story .w-dash{margin:12px 0 0}
.w-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.w-story-grid .w-story-title{font:16px/1.35 var(--w-serif);margin-top:6px;color:var(--w-ink-strong)}
.w-filter{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-14px 0 30px;font:12px var(--w-sans);letter-spacing:.04em}
.w-filter a{text-decoration:none;color:var(--w-muted);padding-bottom:2px;border-bottom:1px solid transparent}
.w-filter a[aria-current]{color:var(--w-ink);border-color:var(--w-ink)}
.nav-links{display:flex;gap:20px;justify-content:center;margin:46px 0 0;font:13px var(--w-sans)}
.nav-links a,.nav-links span{text-decoration:none;padding:4px 6px}
.nav-links .current{border-bottom:1px solid var(--w-ink)}

/* ---------- Article / page prose ---------- */
.w-article{max-width:760px;margin:0 auto;padding:30px var(--w-gutter) 70px}
.w-article-header{margin-bottom:28px}
.w-article-hero{margin:0 0 30px}
.w-article-hero img{width:100%;display:block}
.w-prose{font:16px/1.8 var(--w-body);color:var(--w-ink);letter-spacing:.6px}
.w-prose>*:first-child{margin-top:0}
.w-prose h2{font-size:28px;margin:1.8em 0 .6em}
.w-prose h3{font-size:22px;margin:1.6em 0 .5em}
.w-prose h4{font-size:18px;margin:1.4em 0 .4em}
.w-prose img{display:block;margin:1.4em auto}
.w-prose figure{margin:1.6em 0}
.w-prose figcaption{font:12px/1.5 var(--w-sans);color:var(--w-muted);text-align:center;margin-top:6px}
.w-prose blockquote{border-left:2px solid #b0a58c;margin:1.6em 0;padding:4px 0 4px 20px;font-style:italic}
.w-prose a{color:var(--w-ink-strong);text-decoration:underline;text-decoration-color:#bdb8ad}
.w-prose ul,.w-prose ol{padding-left:1.3em}
.w-prose table{border-collapse:collapse;width:100%;font:14px/1.5 var(--w-sans)}
.w-prose td,.w-prose th{border:1px solid var(--w-line);padding:8px}
.w-page .w-prose{max-width:760px}
.w-article-footer{margin-top:50px;padding-top:24px;border-top:1px solid var(--w-line);font:13px var(--w-sans)}
.w-post-nav{display:flex;justify-content:space-between;gap:20px}
.w-tags a{display:inline-block;margin:0 8px 8px 0;color:var(--w-muted)}

/* ---------- Comments & forms ---------- */
.w-comments{margin-top:50px;font:14px/1.6 var(--w-sans)}
.w-comment-list{list-style:none;padding:0}
.w-comment-list .comment-body{border-bottom:1px solid var(--w-line);padding:16px 0}
input[type=text],input[type=email],input[type=search],input[type=password],input[type=tel],input[type=number],input[type=url],select,textarea{font:14px var(--w-sans);color:var(--w-ink);background:#fff;border:1px solid #c9c8c1;border-radius:0;padding:10px 12px;max-width:100%}
button,.button,input[type=submit]{font:14px/1.2 var(--w-body);letter-spacing:1px;background:var(--w-ink-strong);color:#fff;border:1px solid var(--w-ink-strong);border-radius:0;padding:12px 24px;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.button:hover,input[type=submit]:hover{background:#333;text-decoration:none}
.w-searchform{display:flex;gap:8px;max-width:480px;margin-top:20px}
.w-searchform label{flex:1}
.w-searchform input{width:100%}
.w-empty{font:15px var(--w-body);color:var(--w-text)}

/* ---------- Newsletter form (plugin output) ---------- */
.w-email,.w-newsletter form{display:flex;background:#fff;border:1px solid var(--w-line-2);margin:0}
.w-newsletter input[type=email]{width:100%;min-width:0;border:0;padding:9px 10px;font:12px var(--w-sans);background:transparent}
.w-newsletter button{border:0;background:transparent;color:#555;padding:4px 10px;font-size:20px;letter-spacing:0}

/* ---------- Footer ---------- */
.w-footer{width:calc(100% - 72px);max-width:1100px;margin:80px auto 0;padding:30px 0 36px;border-top:1px solid rgba(40,40,35,.12);color:#333;font:14px/1.5 var(--w-serif);letter-spacing:0}
.w-footer a{color:inherit;text-decoration:none}
.w-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.w-footer a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.w-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.w-footer-name{font-size:21px;line-height:1.2}
.w-footer-brand p{margin:5px 0 0}
.w-footer-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;width:100%}
.w-footer .w-footer-main{justify-content:flex-start;gap:10px 24px}
.w-footer-social{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:32px}
.w-footer-social svg{width:19px;height:19px;display:block}
.w-footer .w-footer-legal{justify-content:flex-start;gap:10px 16px}
.w-footer-legal a{font-size:11px;line-height:1.6;color:#70706c;text-transform:lowercase}

/* ---------- Responsive ---------- */
@media(max-width:1099px){
	.w-products{grid-template-columns:repeat(3,minmax(0,1fr))}
	.w-journal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
	.w-newsletter{grid-column:1/-1;min-height:0}
	.w-hero-copy{width:36%;padding:3%}
	.w-mood blockquote{padding:20px}
	.w-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:989px){
	.w-sidebar{position:relative;width:100%;padding:18px 24px;inset:auto}
	.w-site{margin-left:0;min-height:0}
	.w-brand{margin-bottom:8px}
	.w-desktop-nav,.w-tagline{display:none}
	.w-mobile-nav{display:block}
	.w-mobile-nav summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:8px 0}
	.w-mobile-nav summary::-webkit-details-marker{display:none}
	.w-mobile-nav[open] summary{margin-bottom:20px}
	.w-mobile-nav[open] summary span{transform:rotate(45deg)}
	.w-utilities{padding:8px 24px;border-bottom:1px solid var(--w-line)}
}
@media(max-width:749px){
	:root{--w-gutter:20px}
	.w-hero{aspect-ratio:auto}
	.w-hero-photo{aspect-ratio:850/297}
	.w-hero-copy{position:relative;width:100%;padding:22px;background:#f5f5f3}
	.w-hero h1{font-size:21px}
	.w-hero .w-dash{margin:12px 0}
	.w-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
	.w-mood{grid-template-columns:1fr 1fr;gap:6px}
	.w-crop{aspect-ratio:1.2;min-height:0}
	.w-mood blockquote{min-height:150px;padding:22px}
	.w-journal-grid,.w-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
	.w-newsletter{padding:26px}
	.w-footer{width:calc(100% - 44px);margin:56px auto 0;padding:25px 0 30px}
	.w-footer-row{align-items:flex-start;flex-direction:column;gap:22px}
	.w-footer .w-footer-main,.w-footer .w-footer-legal{flex-direction:row;gap:14px 22px}
	.w-prose{font-size:16px}
}

/* ---------- Shopify parity (global rules copied from the Shopify theme's custom CSS) ---------- */
/* Shared storefront frame: 1200px max with 50px gutters (24px on phones). */
:root{--w-gutter:50px;--w-max:1200px}
@media(max-width:749px){:root{--w-gutter:24px}}
/* Body copy matches the About page; component headings and controls keep their own styles. */
.w-main p:not(.w-price,.w-type,.w-small,.w-meta,.w-vendor,.price,.woocommerce-result-count,.w-article-crumb,.w-comment-notes,.logged-in-as,.w-comment-reply,.w-comment-pending):not(.w-hero-copy p,blockquote p,.wl-library p,.mj-intro p,.w-comments p,.w-newsletter p,.w-footer p),
.w-main .entry-content :is(li,td,dd),.w-main .md-faq-answer{font-family:var(--w-body)!important;font-size:16px!important;line-height:1.8!important;letter-spacing:.6px!important;color:#292927!important}
.w-main :is(.entry-content p,.entry-content li,.md-faq-answer) :is(span,a,strong,b,em,i){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
/* Product and journal card titles are serif, like Shopify's cards. */
.w-product h3,.w-story-title,.w-story-grid .w-story-title{font-family:var(--w-serif);color:#121212;letter-spacing:.6px}
/* Standard pages: 52px title, full-width text. */
.w-page .w-page-title{font:400 52px/1.3 var(--w-serif);letter-spacing:.6px}
.w-page .w-prose{max-width:none}
/* Policy pages: narrow centered column like Shopify's policy template. */
.w-policy .w-page-header,.w-policy .w-prose{max-width:538px;margin-left:auto;margin-right:auto}
.w-policy .w-page-title{font-size:40px}
.w-policy .w-prose h2{font-size:24px;margin:1.2em 0 .5em}
.w-policy .w-prose h3{font-size:18px;margin:1.6em 0 .4em}
@media(max-width:749px){.w-page .w-page-title{font-size:34px}.w-policy .w-page-title{font-size:30px}}
/* Top utility bar: "search" + "cart (0)" like Shopify. */
.w-utilities{height:50px;box-sizing:border-box;max-width:none;padding:0 var(--w-gutter);gap:42px;font:15px/1.4 var(--w-serif);letter-spacing:0;color:#747471;border:0}
.w-utilities a{display:inline-flex;align-items:center;gap:6px;color:#747471}
@media(max-width:989px){.w-utilities{height:auto;padding:8px 24px;border-bottom:1px solid var(--w-line)}}
