/* Apron Stitch Homepage – no framework, no JS. Brand tokens use the shared --as- prefix. */
.as-hp{--as-brown:#3B2418;--as-tan:#A8743F;--as-cream:#F6F0E7;--as-charcoal:#1E1E1E;--as-white:#fff;--as-line:#e6dccd;--as-radius:10px;--as-font-head:'Playfair Display',Georgia,'Times New Roman',serif;--as-font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--as-max:1240px;font-family:var(--as-font-body);color:var(--as-charcoal);line-height:1.6;font-size:16px}
.as-hp *,.as-hp *::before,.as-hp *::after{box-sizing:border-box}
.as-hp img{max-width:100%;height:auto;display:block}
.as-hp a{color:var(--as-brown)}
.as-hp ul,.as-hp ol{list-style:none;margin:0;padding:0}
.as-hp{width:100%;max-width:none}
.as-hp-container{width:100%;max-width:var(--as-max);margin:0 auto;padding:0 20px}
.as-hp-section{padding:56px 0}
.as-hp-section:nth-of-type(even){background:var(--as-cream)}
.as-hp-head{margin:0 0 28px}
.as-hp-h2,.as-hp h1,.as-hp-hero__title{font-family:var(--as-font-head);color:var(--as-brown);line-height:1.15;margin:0 0 12px;font-weight:700}
.as-hp-h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem)}
.as-hp-h3{font-family:var(--as-font-head);font-size:1.2rem;line-height:1.3;margin:0 0 6px;color:var(--as-brown)}
.as-hp-intro{margin:0;color:#4a3d34;font-size:1.05rem;max-width:70ch}
.as-hp-center{text-align:center;margin:28px 0 0}
.as-hp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.as-hp a:focus-visible,.as-hp summary:focus-visible,.as-hp-table-wrap:focus-visible{outline:3px solid var(--as-tan);outline-offset:3px}

/* Buttons */
.as-hp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid var(--as-brown);background:var(--as-brown);color:var(--as-cream)!important;transition:background .2s,color .2s,border-color .2s;line-height:1.2}
.as-hp-btn:hover{background:var(--as-tan);border-color:var(--as-tan)}
.as-hp-btn--secondary{background:transparent;color:var(--as-brown)!important}
.as-hp-btn--secondary:hover{background:var(--as-brown);color:var(--as-cream)!important;border-color:var(--as-brown)}
.as-hp-btn--link{min-height:0;padding:0;border:0;background:none;color:var(--as-brown)!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--as-tan)}
.as-hp-btn--link::after{content:" \2192"}
.as-hp-btn--link:hover{background:none;color:var(--as-tan)!important}
.as-hp-btn--small{min-height:40px;padding:8px 18px;font-size:.9rem;margin-top:auto}
.as-hp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}

/* Hero */
.as-hp-hero{background:radial-gradient(120% 120% at 100% 0,#5a3826 0,var(--as-brown) 55%,#2a190f 100%);color:var(--as-cream);padding:64px 0}
.as-hp-hero__grid{display:grid;gap:36px;align-items:center}
.as-hp .as-hp-hero__title{color:var(--as-cream);font-size:clamp(2.1rem,1.4rem + 3vw,3.6rem);max-width:16ch}
.as-hp-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:var(--as-tan);margin:0 0 12px}
.as-hp-hero__text{font-size:1.15rem;max-width:56ch;margin:0;color:#eadfce}
.as-hp-hero__trust{font-size:.9rem;color:#d9c7ad;margin:0;border-top:1px dashed rgba(168,116,63,.6);padding-top:14px;max-width:56ch}
.as-hp-hero .as-hp-btn{background:var(--as-tan);border-color:var(--as-tan);color:var(--as-white)!important}
.as-hp-hero .as-hp-btn:hover{background:var(--as-cream);border-color:var(--as-cream);color:var(--as-brown)!important}
.as-hp-hero .as-hp-btn--secondary{background:transparent;border-color:var(--as-cream);color:var(--as-cream)!important}
.as-hp-hero__media img{border-radius:var(--as-radius);aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.35)}

/* USP */
.as-hp-usp{background:var(--as-cream);border-bottom:1px solid var(--as-line);padding:22px 0}
.as-hp-usp__list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.as-hp-usp__item{display:flex;gap:12px;align-items:flex-start}
.as-hp-usp__icon{flex:0 0 28px;color:var(--as-tan)}
.as-hp-usp__item p{margin:0;font-size:.9rem;line-height:1.4}
.as-hp-usp__item strong{display:block;color:var(--as-brown);font-size:.98rem}
.as-hp-usp__item span{color:#5b4c40}

/* Categories */
.as-hp-cats,.as-hp-products,.as-hp-uses,.as-hp-reviews,.as-hp-guides{--cols:2;--gap:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.as-hp-cats>li,.as-hp-products>li,.as-hp-uses>li,.as-hp-reviews>li,.as-hp-guides>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}
.as-hp-cat a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:var(--as-white);border:1px solid var(--as-line);border-radius:var(--as-radius);overflow:hidden;transition:transform .2s,box-shadow .2s}
.as-hp-cat a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(59,36,24,.12)}
.as-hp-cat__media{aspect-ratio:1;overflow:hidden;background:#efe5d6}
.as-hp-cat__media img{width:100%;height:100%;object-fit:cover}
.as-hp-cat__name{font-family:var(--as-font-head);font-size:1.05rem;margin:12px 14px 2px;color:var(--as-brown);line-height:1.25}
.as-hp-cat__count{font-size:.82rem;color:#7a6656;margin:0 14px 14px}
.as-hp-styles{margin-top:32px;text-align:center}
.as-hp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.as-hp-chip{display:inline-block;padding:8px 18px;border:1px dashed var(--as-tan);border-radius:999px;text-decoration:none;font-weight:500;background:var(--as-white)}
.as-hp-chip:hover{background:var(--as-brown);color:var(--as-cream)!important;border-style:solid}

/* Products */

.as-hp-product{display:flex;flex-direction:column;background:var(--as-white);border:1px solid var(--as-line);border-radius:var(--as-radius);padding:12px;position:relative}
.as-hp-product__media{display:block;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#efe5d6;margin-bottom:10px}
.as-hp-product__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.as-hp-product:hover .as-hp-product__media img{transform:scale(1.04)}
.as-hp-product__title{font-family:var(--as-font-head);font-size:1.02rem;line-height:1.3;margin:0 0 6px}
.as-hp-product__title a{text-decoration:none}
.as-hp-price{margin:4px 0 12px;font-weight:600;color:var(--as-charcoal)}
.as-hp-price del{color:#8b7b6e;font-weight:400;margin-right:6px}
.as-hp-price ins{text-decoration:none}
.as-hp-badge{position:absolute;top:20px;left:20px;z-index:1;background:var(--as-tan);color:#fff;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px}
.as-hp-rating{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:.82rem;color:#6b5a4c}
.as-hp-stars{--as-rating:100%;display:inline-block;width:5.2em;height:1em;background:linear-gradient(90deg,var(--as-tan) var(--as-rating),#d8cbb8 var(--as-rating));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cg%3E%3Cpath id='s' d='M10 1l2.6 6 6.4.6-4.9 4.3 1.5 6.3L10 15l-5.6 3.2 1.5-6.3L1 7.6l6.4-.6z'/%3E%3Cuse href='%23s' x='20'/%3E%3Cuse href='%23s' x='40'/%3E%3Cuse href='%23s' x='60'/%3E%3Cuse href='%23s' x='80'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cg%3E%3Cpath id='s' d='M10 1l2.6 6 6.4.6-4.9 4.3 1.5 6.3L10 15l-5.6 3.2 1.5-6.3L1 7.6l6.4-.6z'/%3E%3Cuse href='%23s' x='20'/%3E%3Cuse href='%23s' x='40'/%3E%3Cuse href='%23s' x='60'/%3E%3Cuse href='%23s' x='80'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat}

/* Leather table */
.as-hp-table-wrap{overflow-x:auto;border:1px solid var(--as-line);border-radius:var(--as-radius);background:var(--as-white);margin-bottom:18px}
.as-hp-table{width:100%;border-collapse:collapse;min-width:640px;font-size:.95rem}
.as-hp-table th,.as-hp-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--as-line);vertical-align:top}
.as-hp-table thead th{background:var(--as-brown);color:var(--as-cream);font-weight:600;font-size:.85rem;letter-spacing:.03em}
.as-hp-table tbody th{font-family:var(--as-font-head);color:var(--as-brown)}
.as-hp-table tbody tr:first-child{background:#fbf6ee}
.as-hp-table tbody tr:last-child th,.as-hp-table tbody tr:last-child td{border-bottom:0}

/* Story */
.as-hp-story__grid{display:grid;gap:36px;align-items:center}
.as-hp-story__media img{border-radius:var(--as-radius);aspect-ratio:4/5;object-fit:cover;width:100%}
.as-hp-prose p{margin:0 0 1em}
.as-hp-prose h3{font-family:var(--as-font-head);color:var(--as-brown);font-size:1.3rem;margin:1.6em 0 .5em}
.as-hp-prose a{text-decoration-color:var(--as-tan);text-underline-offset:3px}
.as-hp-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}
.as-hp-steps li{position:relative;padding:16px;border:1px dashed var(--as-tan);border-radius:var(--as-radius);background:var(--as-white)}
.as-hp-steps p{margin:0;font-size:.9rem;color:#5b4c40}
.as-hp-step__n{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--as-brown);color:var(--as-cream);align-items:center;justify-content:center;font-weight:600;font-size:.85rem;margin-bottom:8px}

/* Use cases */
.as-hp-uses{--cols:1;--gap:12px}
.as-hp-use>a,.as-hp-use:not(.is-link){display:block;height:100%;padding:18px 44px 18px 18px;border:1px solid var(--as-line);border-radius:var(--as-radius);background:var(--as-white);text-decoration:none;position:relative}
.as-hp-use p{margin:0;font-size:.92rem;color:#5b4c40}
.as-hp-use>a:hover{border-color:var(--as-tan)}
.as-hp-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--as-tan);font-size:1.3rem;transition:right .2s}
.as-hp-use>a:hover .as-hp-arrow{right:12px}

/* Dark CTA band */
.as-hp-section.as-hp-dark{background:var(--as-brown);color:var(--as-cream)}
.as-hp-dark .as-hp-h2{color:var(--as-cream)}
.as-hp-ctas{display:flex;flex-direction:column;gap:18px}
.as-hp-cta{flex:1 1 0}
.as-hp-cta{padding:28px;border:1px dashed rgba(246,240,231,.45);border-radius:var(--as-radius);background:rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.as-hp-cta .as-hp-h3{color:var(--as-cream);font-size:1.4rem}
.as-hp-cta p{margin:0 0 14px;color:#e6d8c3}
.as-hp-dark .as-hp-btn{background:var(--as-tan);border-color:var(--as-tan);color:#fff!important}
.as-hp-dark .as-hp-btn:hover{background:var(--as-cream);border-color:var(--as-cream);color:var(--as-brown)!important}

/* Reviews */
.as-hp-reviews{--cols:1}
.as-hp-review figure{margin:0;height:100%;padding:22px;background:var(--as-white);border:1px solid var(--as-line);border-radius:var(--as-radius);display:flex;flex-direction:column}
.as-hp-review blockquote{margin:8px 0 14px;padding:0;border:0;font-size:1rem;flex:1}
.as-hp-review blockquote p{margin:0}
.as-hp-review figcaption{font-size:.88rem;color:#6b5a4c}
.as-hp-review figcaption strong{color:var(--as-brown)}
.as-hp-review figcaption a{display:block;margin-top:2px}

/* Guides */
.as-hp-guides{--cols:1;--gap:20px}
.as-hp-guide{background:var(--as-white);border:1px solid var(--as-line);border-radius:var(--as-radius);overflow:hidden;padding-bottom:18px}
.as-hp-guide__media img{aspect-ratio:16/9;object-fit:cover;width:100%}
.as-hp-guide .as-hp-h3,.as-hp-guide p,.as-hp-guide time{margin-left:18px;margin-right:18px}
.as-hp-guide .as-hp-h3{margin-top:16px}
.as-hp-guide .as-hp-h3 a{text-decoration:none}
.as-hp-guide p{font-size:.92rem;color:#5b4c40;margin-top:0}
.as-hp-guide time{font-size:.8rem;color:#8b7b6e;display:block}

/* FAQ */
.as-hp-faq{min-width:0}
.as-hp-split{display:grid;gap:28px}
.as-hp-faq__side .as-hp-intro{margin-bottom:20px}
.as-hp-faq__contact{margin:0}
.as-hp-faq__item:first-child{border-top:1px solid var(--as-line)}
.as-hp-faq__item{border-bottom:1px solid var(--as-line)}
.as-hp-faq__item summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative}
.as-hp-faq__item summary::-webkit-details-marker{display:none}
.as-hp-faq__item summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--as-tan);line-height:1}
.as-hp-faq__item[open] summary::after{content:"\2212"}
.as-hp-faq__q{display:inline;font-family:var(--as-font-head);font-size:1.12rem;color:var(--as-brown);margin:0;font-weight:700}
.as-hp-faq__a{padding:0 0 18px;color:#3d332b}
.as-hp-faq__a p{margin:0 0 .8em}

/* SEO block */
.as-hp-seo__grid{display:grid;gap:32px;align-items:start}
.as-hp-seo__body{min-width:0;font-size:1.02rem}
.as-hp-seo__body.is-wide{columns:1}
.as-hp-seo__body>*:first-child{margin-top:0}
.as-hp-seo__aside{display:grid;gap:18px}
.as-hp-aside__title{font-family:var(--as-font-head);font-weight:700;color:var(--as-brown);font-size:1.1rem;margin:0 0 10px}
.as-hp-toc,.as-hp-trustbox{background:var(--as-white);border:1px solid var(--as-line);border-radius:var(--as-radius);padding:22px}
.as-hp-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.as-hp-toc li{counter-increment:toc;padding:8px 0;border-top:1px dashed var(--as-line);font-size:.95rem}
.as-hp-toc li:first-child{border-top:0}
.as-hp-toc li::before{content:counter(toc,decimal-leading-zero);color:var(--as-tan);font-weight:600;margin-right:10px;font-size:.85rem}
.as-hp-toc a{text-decoration:none}
.as-hp-toc a:hover{text-decoration:underline;text-decoration-color:var(--as-tan)}
.as-hp-trustbox{background:var(--as-brown);border-color:var(--as-brown);color:var(--as-cream)}
.as-hp-trustbox .as-hp-aside__title{color:var(--as-cream)}
.as-hp-trustbox ul{margin:0 0 18px;display:grid;gap:12px}
.as-hp-trustbox li{display:flex;gap:10px;font-size:.9rem;line-height:1.4;color:#e6d8c3}
.as-hp-trustbox li strong{color:var(--as-cream)}
.as-hp-trustbox .as-hp-usp__icon{flex:0 0 22px;width:22px;height:22px}
.as-hp-trustbox .as-hp-btn{width:100%;background:var(--as-tan);border-color:var(--as-tan);color:#fff!important}
.as-hp-trustbox .as-hp-btn:hover{background:var(--as-cream);border-color:var(--as-cream);color:var(--as-brown)!important}
.as-hp-prose h3[id]{scroll-margin-top:100px}
.as-hp-hero__emblem{display:none}
.as-hp-story__steps .as-hp-steps{margin:0}

@media (min-width:640px){
	.as-hp-cats{--cols:3}
	.as-hp-products{--cols:3}
	.as-hp-uses{--cols:2}
	.as-hp-reviews,.as-hp-guides{--cols:2}
	.as-hp-ctas{flex-direction:row}
}
@media (min-width:960px){
	.as-hp-section{padding:80px 0}
	.as-hp-hero{padding:96px 0}
	.as-hp-hero__grid,.as-hp-hero.has-image .as-hp-hero__grid{grid-template-columns:1.1fr .9fr}
	.as-hp-hero__emblem{display:flex;justify-content:center;align-items:center;aspect-ratio:1;max-width:440px;width:100%;justify-self:end;border:2px dashed rgba(168,116,63,.55);border-radius:50%;background:radial-gradient(circle,rgba(168,116,63,.16) 0,rgba(168,116,63,0) 70%)}
	.as-hp-hero__emblem svg{width:58%;height:auto}
	.as-hp-usp__list{grid-template-columns:repeat(4,1fr)}
	.as-hp-cats{--cols:4;--gap:20px}
	.as-hp-products{--cols:4;--gap:20px}
	.as-hp-uses{--cols:3}
	.as-hp-reviews,.as-hp-guides{--cols:3}
	.as-hp-story__grid.has-image,.as-hp-story__grid.has-steps{grid-template-columns:1fr 1fr}
	.as-hp-story__grid.has-image .as-hp-steps{grid-template-columns:repeat(2,1fr)}
	.as-hp-story__grid.has-steps .as-hp-steps{grid-template-columns:repeat(2,1fr)}
	.as-hp-story__grid:not(.has-image):not(.has-steps) .as-hp-steps{grid-template-columns:repeat(4,1fr)}
	.as-hp-split{grid-template-columns:minmax(260px,1fr) 2fr;gap:56px;align-items:start}
	.as-hp-faq__side{position:sticky;top:110px}
	.as-hp-seo__grid{grid-template-columns:minmax(0,1fr) 340px;gap:56px}
	.as-hp-seo__aside{position:sticky;top:110px}
	.as-hp-seo__body.is-wide{columns:2;column-gap:56px}
	.as-hp-seo__body.is-wide h3{break-after:avoid}
}
@media (min-width:1200px){.as-hp-cats{--cols:5}}
@media (prefers-reduced-motion:reduce){.as-hp *{transition:none!important}}

/* Full-bleed when used as a block inside constrained content */
.wp-block-apronstitch-homepage.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}
.apronstitch-homepage .as-hp-main{display:block}