/*
Theme Name: HatFoundry Sales
Theme URI: https://hatfoundry.com/
Author: HatFoundry
Description: A responsive, conversion-focused WooCommerce theme for HatFoundry Custom Hat Builder.
Version: 1.0.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: hatfoundry-sales
*/
:root{--ink:#111111;--deep:#050505;--muted:#666666;--teal:#f3f3f3;--lime:#c8a646;--cream:#f7f7f7;--line:#d9d9d9;--white:#fff;--orange:#c8a646;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}.container{width:min(1170px,calc(100% - 40px));margin-inline:auto}.announcement{background:#050505;color:#d4af37;text-align:center;padding:8px 14px;font-size:12px;letter-spacing:.08em;font-weight:700}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;backdrop-filter:blur(18px)}.nav{min-height:78px;display:flex;gap:24px;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-.06em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--deep);color:var(--lime);border-radius:12px;letter-spacing:-.05em;font-size:16px}.site-header nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:750}.site-header nav a:not(.btn):hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lime);border:1px solid #b7922f;color:#050505;font-weight:850;padding:13px 22px;border-radius:100px;line-height:1.3;transition:transform .2s,background .2s;cursor:pointer;text-align:center}.btn:hover{transform:translateY(-2px);background:#b7922f}.btn.dark{background:var(--deep);color:#fff;border-color:var(--deep)}.btn.dark:hover{background:#222}.btn.outline{background:transparent;color:var(--ink);border-color:#c9c9c9}.btn.white{background:white;color:var(--deep);border-color:#cfcfcf}.btn.small{padding:11px 18px;font-size:12px}.mobile-menu{display:none;background:none;border:0;font-size:25px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.19em;color:#8a6d1f;margin-bottom:14px}.eyebrow.light{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07;letter-spacing:-.055em}h1{font-size:clamp(48px,6.3vw,89px);margin-bottom:24px}h2{font-size:clamp(37px,4.5vw,61px);margin-bottom:17px}h3{font-size:24px;letter-spacing:-.04em}p{color:#666666}.hero{background:var(--deep);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:-40% -35% auto auto;width:800px;height:800px;background:radial-gradient(circle,rgba(212,175,55,.14),transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:58px;padding-block:105px 110px;position:relative;z-index:1}.hero h1 span{color:var(--lime)}.hero p{color:#cccccc;font-size:18px;max-width:515px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.hero-proof{display:flex;gap:25px;flex-wrap:wrap;color:#c6c6c6;font-size:12px;margin-top:34px}.hero-proof b{color:#d4af37}.preview{background:linear-gradient(140deg,#fafafa,#efefef);border-radius:26px;min-height:475px;padding:22px;box-shadow:0 35px 75px rgba(0,0,0,.24);transform:rotate(1.4deg);position:relative}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;color:#666666;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.preview-dots{display:flex;gap:5px}.preview-dots i{width:7px;height:7px;background:#adadad;border-radius:50%}.cap-stage{height:295px;display:grid;place-items:center}.cap-stage img{width:min(100%,435px);filter:drop-shadow(0 25px 20px rgba(0,0,0,.18))}.preview-footer{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:15px;padding:15px 18px;color:var(--deep);gap:8px}.preview-footer strong{font-size:14px}.preview-footer small{display:block;color:#777777;font-size:11px}.swatches{display:flex;gap:5px}.swatches i{display:block;width:17px;height:17px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d0d0d0}.floating{position:absolute;background:#fff;border-radius:11px;padding:10px 14px;color:#111111;box-shadow:0 12px 35px rgba(0,0,0,.12);font-weight:800;font-size:11px}.floating.left{left:-34px;bottom:92px}.floating.right{right:-22px;top:100px}.trust{border-bottom:1px solid var(--line);background:#f0f0f0}.trust-inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:34px;padding:19px 0;font-size:12px;font-weight:800;color:#555555}.trust-inner strong{color:#050505}.section{padding:105px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 45px}.section-head p{font-size:16px}.section-alt{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step,.feature{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:#fff}.step .num{display:inline-grid;place-items:center;background:#f3ead0;border-radius:12px;width:45px;height:45px;font-size:14px;font-weight:900;margin-bottom:30px}.step h3{margin-bottom:9px}.step p{font-size:14px;margin:0}.pricing{background:#f2f2f2}.plans{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.plan{border:1px solid #dddddd;border-radius:25px;background:#fff;padding:36px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 45px rgba(0,0,0,.06)}.plan.featured{background:var(--deep);color:white;border-color:var(--deep);box-shadow:0 24px 60px rgba(0,0,0,.35)}.plan-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8a6d1f}.featured .plan-kicker{color:#d4af37}.plan h3{font-size:29px;margin:12px 0 15px}.price{font-weight:900;font-size:62px;letter-spacing:-.07em;line-height:1.1;margin-top:10px}.price span{font-size:17px;letter-spacing:0;color:#777777}.featured .price span{color:#d0d0d0}.plan .sub{min-height:50px;font-size:14px;margin:13px 0 22px}.featured .sub{color:#c9c9c9}.plan ul{padding:0;list-style:none;margin:0 0 32px}.plan li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #ededed;font-size:14px}.plan li:before{content:'✓';color:var(--lime);font-weight:900}.featured li{border-color:#2a2a2a}.featured li:before{color:var(--lime)}.plan .btn{margin-top:auto;width:100%;padding:17px}.tag{display:inline-flex;background:#d4af37;color:#050505;border-radius:100px;padding:7px 12px;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.plan .tag{position:absolute;top:-15px;right:28px}.microcopy{font-size:12px!important;margin:14px 0 0;text-align:center}.featured .microcopy{color:#c9c9c9}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.detail-graphic{border-radius:25px;min-height:385px;background:radial-gradient(circle at 55% 38%,#ffffff,#ececec);display:grid;place-items:center;position:relative;overflow:hidden}.detail-graphic img{width:85%;filter:drop-shadow(0 27px 21px rgba(0,0,0,.14))}.feature-list{display:grid;gap:19px;margin-top:27px}.feature-list div{display:flex;gap:14px;align-items:flex-start;font-size:14px;font-weight:650}.feature-list b{color:var(--lime)}.faq-wrap{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid #dddddd;padding:5px 0}.faq-item summary{cursor:pointer;font-size:17px;font-weight:800;list-style:none;display:flex;justify-content:space-between;padding:21px 3px}.faq-item summary:after{content:'+';font-size:23px;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 3px 13px;font-size:14px}.closing{background:#050505;color:#fff;text-align:center;padding:90px 20px}.closing p{color:#c7c7c7;font-size:17px}.closing .btn{margin-top:15px}.footer{background:#0a0a0a;color:#e5e5e5;padding:50px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}.footer p{font-size:13px;color:#b0b0b0}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.copyright{margin-top:42px;padding-top:18px;border-top:1px solid #2e2e2e;font-size:12px;color:#9a9a9a}.page-main{min-height:55vh;padding:65px 0}.page-main .entry-content{max-width:860px}.page-main h1{font-size:clamp(35px,5vw,56px)}.woocommerce .button,.woocommerce button.button,.woocommerce a.button{background:var(--lime);color:#050505;border-radius:99px;padding:14px 23px;font-weight:800}.woocommerce .button:hover{background:#b7922f;color:#050505}.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}.skip-link:focus{width:auto;height:auto;clip:auto;margin:0;padding:12px;z-index:1000;background:white}.alignwide{max-width:1170px}.wp-block-image img{height:auto}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:45px;padding-block:70px}.hero .preview{width:min(590px,100%);margin:auto}.split{gap:35px}.site-header nav{gap:15px}.site-header nav a:not(.btn){display:none}}@media(max-width:650px){.container{width:min(100% - 28px,1170px)}.nav{min-height:67px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#ffffff;padding:20px;box-shadow:0 20px 25px #0002}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a:not(.btn){display:block}.mobile-menu{display:block}.hero-grid{padding-block:60px 70px}.hero h1{font-size:clamp(46px,12vw,70px)}.hero p{font-size:16px}.preview{min-height:340px;padding:16px;transform:none}.cap-stage{height:235px}.floating{display:none}.preview-footer{padding:11px}.section{padding:70px 0}.steps,.plans,.split{grid-template-columns:1fr}.plan{padding:26px}.plan .sub{min-height:0}.price{font-size:54px}.detail-graphic{min-height:300px}.split .detail-graphic{order:-1}.footer-grid{flex-direction:column}.trust-inner{gap:12px 22px;font-size:11px}.closing{padding:70px 20px}}

/* HatFoundry 1.1 compact layout + larger type */
body{font-size:17px}
.site-header nav{font-size:14px}
.announcement{font-size:13px}
.hero-grid{padding-block:58px 62px;gap:42px}
.hero p{font-size:20px;line-height:1.6}
.hero-proof{font-size:13px}
.section{padding:20px 0}
.section-head{margin-bottom:20px}
.section-head p{font-size:18px}
.step p{font-size:16px}
.plan .sub{font-size:16px}
.plan li{font-size:16px}
.microcopy{font-size:13px!important}
.feature-list div{font-size:16px}
.faq-item summary{font-size:19px}
.faq-item p{font-size:16px}
.closing{padding:42px 20px}
.closing p{font-size:18px}
.footer p,.footer-links,.copyright{font-size:14px}
.site-logo{display:block;max-height:52px;width:auto;max-width:240px}
.site-logo-footer{max-height:48px}
.brand-logo{letter-spacing:normal}
@media(max-width:900px){.hero-grid{padding-block:42px;gap:28px}.section{padding:20px 0}}
@media(max-width:650px){body{font-size:16px}.hero-grid{padding-block:34px 38px}.hero p{font-size:18px}.section{padding:18px 0}.section-head{margin-bottom:18px}.section-head p{font-size:17px}.step p,.plan .sub,.plan li,.feature-list div,.faq-item p{font-size:15px}.faq-item summary{font-size:18px}.closing{padding:34px 20px}.site-logo{max-height:44px;max-width:200px}}

.coming-soon{cursor:default;pointer-events:none}.coming-soon:hover{transform:none;background:var(--lime)}.approval-note{font-weight:800;letter-spacing:.03em;color:#d4af37!important}

/* Simplified hero image */
.hero-image{display:grid;place-items:center;min-height:430px;position:relative}.hero-image img{display:block;width:min(100%,560px);max-height:520px;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.22))}.hero .preview,.hero .preview-toolbar,.hero .preview-footer,.hero .floating,.hero .preview-dots{display:none!important}@media(max-width:650px){.hero-image{min-height:300px}.hero-image img{width:min(100%,460px);max-height:380px}}