/* Wellella — main styles. Colors and type follow the Shopify design. */
:root{
	--w-bg:#fafaf9;--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:185px;--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:.04em}
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:34px 27px 30px 32px;background:var(--w-side);color:#50504c;overflow-y:auto;display:flex;flex-direction:column;font:13px/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:45px;font-family:var(--w-serif)}
.w-brand img{max-width:120px;height:auto;display:block}
.w-wordmark{font:21px/1 var(--w-serif);letter-spacing:4px;color:#3b3b37}
.w-nav ul{list-style:none;margin:0;padding:0}
.w-group{margin-bottom:25px}
.w-group+.w-group::before{content:"";display:block;width:16px;border-top:1px solid #cececa;margin-bottom:25px}
.w-group>ul>li>a{display:block;font-size:15px;margin-bottom:7px}
.w-group .sub-menu{border-left:1px solid var(--w-line);padding-left:13px;margin-bottom:10px}
.w-group .sub-menu a{display:block;padding:3px 0;line-height:1.4;color:#777772}
.w-pages>ul>li>a{font-size:13px;margin:0;padding:3px 0;line-height:1.4}
.w-sidebar .current-menu-item>a,.w-sidebar [aria-current=page]{color:#242421;background:#eeeee9}
.w-tagline{font:italic 14px/1.5 var(--w-serif);margin:auto 0 0;padding-top:80px;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:17px/1.8 var(--w-body);color:#3c3c38;letter-spacing:.01em}
.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{margin-top:40px;padding:26px var(--w-gutter) 30px;border-top:1px solid var(--w-line);display:grid;grid-template-columns:200px 1fr;gap:20px 40px;font:12px/1.6 var(--w-sans);color:var(--w-muted);letter-spacing:0}
.w-footer-brand p{font:italic 13px/1.5 var(--w-serif);margin:8px 0 0}
.w-footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.w-footer-nav a{text-decoration:none}
.w-copyright{grid-column:1/-1;margin:10px 0 0;font-size:11px}

/* ---------- 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{grid-template-columns:1fr}
	.w-prose{font-size:16px}
}
