:root{--dark:#171717;--ink:#181818;--muted:#6d6a66;--paper:#f3f0ea;--orange:#f58220;--line:#dedbd5;--shadow:0 12px 34px rgba(0,0,0,.13);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#dedad3 0,#f5f2ec 220px);min-height:100vh}button,input,textarea{font:inherit}.app-shell{width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:var(--paper);position:relative;padding-bottom:88px;box-shadow:0 0 70px rgba(0,0,0,.1)}
.topbar{height:72px;padding:11px 18px;display:flex;align-items:center;gap:12px;background:rgba(24,24,24,.97);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand{border:0;background:none;padding:0;display:flex;align-items:center;cursor:pointer;flex:1}.brand-logo{display:block;width:min(220px,65vw);height:46px;object-fit:contain;object-position:left center}.icon-button{width:42px;height:42px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;background:#292929;color:#fff;text-decoration:none;font-size:18px;cursor:pointer}.back-button{flex:0 0 42px}.hidden{display:none!important}
.screen{padding:18px 18px 30px;animation:rise .28s ease}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.intro-card{background:linear-gradient(90deg,rgba(12,12,12,.97) 0%,rgba(12,12,12,.79) 61%,rgba(12,12,12,.16) 100%),var(--hero-image) center/cover;color:#fff;border-radius:28px;padding:30px 24px;box-shadow:var(--shadow);min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:750;color:#c75c08}.intro-card .eyebrow{color:#ffad6d}h1,h2,p{margin-top:0}.intro-card h1{font-family:Georgia,serif;font-size:34px;line-height:1.04;margin:12px 0 13px;max-width:400px}.intro-card p{color:#e2e0dc;line-height:1.5;font-size:14px;max-width:370px;margin-bottom:22px}.primary,.secondary,.text-button{border:0;border-radius:15px;padding:15px 17px;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--orange);color:#fff}.primary span{margin-left:auto}.secondary{background:#fff;color:var(--dark);border:1px solid #cdd0ce}.text-button{background:transparent;color:var(--dark)}.wide{width:100%}
.section-heading{margin:28px 2px 14px;display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-family:Georgia,serif;font-size:26px;margin:5px 0 0}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-card{border:1px solid #e1dfd7;background:#fff;border-radius:19px;padding:16px;text-align:left;min-height:122px;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.05);color:var(--ink);position:relative;overflow:hidden}.category-card.has-image{min-height:170px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background-position:center;background-size:cover}.category-card.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 4%,rgba(0,0,0,.22) 44%,rgba(0,0,0,.9) 100%)}.category-card.has-image>*{position:relative}.category-card:first-child{grid-column:span 2;min-height:210px}.category-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#efede8;color:var(--dark);font-size:20px;margin-bottom:16px}.category-card.has-image .category-icon{background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.16)}.category-card b{display:block;font-size:15px;line-height:1.22}.category-card small{color:var(--muted);display:block;margin-top:5px;line-height:1.25}.category-card.has-image small{color:#e5e3df}.estimate-banner{margin-top:12px;width:100%;border:0;border-radius:19px;background:#252525;padding:16px;display:flex;align-items:center;gap:12px;color:#fff;text-align:left;cursor:pointer}.estimate-icon{width:40px;height:40px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;font-weight:850}.estimate-banner span:nth-child(2){flex:1}.estimate-banner b,.estimate-banner small{display:block}.estimate-banner small{margin-top:4px;color:#cfcac4}.trust-row{display:flex;gap:12px;justify-content:space-around;color:var(--muted);font-size:11px;margin:20px 0 0}
.page-title{font-family:Georgia,serif;font-size:36px;line-height:1.05;margin:8px 0 10px}.lead{color:var(--muted);line-height:1.5;font-size:14px;margin-bottom:20px}.catalog-list,.product-list{display:grid;gap:11px}.catalog-row,.product-row{width:100%;border:1px solid #e0ded6;background:#fff;border-radius:20px;padding:12px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;color:var(--ink);overflow:hidden}.catalog-row{padding:12px}.catalog-row .category-icon,.product-row .category-icon{margin:0;flex:0 0 64px;width:64px;height:64px}.catalog-row .category-icon{flex-basis:72px;width:72px;height:72px}.catalog-row-image{width:92px;height:78px;flex:0 0 92px;border-radius:14px;object-fit:cover;background:#ece9e3}.product-row-image{width:82px;height:72px;flex:0 0 82px;border-radius:13px;object-fit:cover;background:#ece9e3}.catalog-row>span:nth-child(2),.product-row>span:nth-child(2){flex:1;min-width:0}.catalog-row b,.product-row b{display:block}.catalog-row small,.product-row small{display:block;color:var(--muted);margin-top:4px;line-height:1.3}.product-list+.secondary{margin-top:14px}.category-hero{height:154px;border-radius:22px;background-position:center;background-size:cover;margin:0 0 20px}
.progress-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}.progress{height:5px;border-radius:10px;background:#d9d7d2;overflow:hidden;margin-bottom:28px}.progress i{height:100%;display:block;background:var(--orange);transition:width .25s}.question-title{font-family:Georgia,serif;font-size:31px;line-height:1.1;margin:9px 0}.option-list{display:grid;gap:10px}.option-button{border:1px solid #deddd7;border-radius:17px;background:#fff;padding:17px;text-align:left;cursor:pointer;color:var(--ink);font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px}.option-label{min-width:0;line-height:1.35}.option-button:after{content:"→";color:var(--orange);margin-left:auto}.option-button.multi:after{content:"+"}.option-button.catalog-option{padding:9px 12px 9px 9px}.product-option-image{width:72px;height:72px;flex:0 0 72px;border-radius:12px;object-fit:cover;background:#eeeae4}.option-button.selected{border-color:var(--orange);box-shadow:0 0 0 2px rgba(245,130,32,.14);background:#fff5ef}.option-button.selected:after{content:"✓"}.multi-next{margin-top:12px}.free-input{margin-top:10px}.free-input label,.form-card>label{display:grid;gap:7px;font-size:13px;font-weight:700}.free-input input,.form-card input,.form-card textarea{border:1px solid #d6d7d2;border-radius:13px;background:#fff;padding:14px;color:var(--ink);outline:none;width:100%}.free-input input:focus,.form-card input:focus,.form-card textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,130,32,.11)}.free-input .primary{margin-top:12px}
.form-card{display:grid;gap:17px;background:#fff;border:1px solid #e0ded7;border-radius:22px;padding:18px}.form-card fieldset{border:0;padding:0;margin:0}.form-card legend{font-size:13px;font-weight:700;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#edebe7;border-radius:13px;padding:4px;gap:4px}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;padding:11px;text-align:center;border-radius:10px;font-weight:700;font-size:13px}.segmented input:checked+span{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.upload-box{display:flex!important;align-items:center;gap:12px;border:1px dashed #aaa49d;border-radius:15px;padding:15px;color:var(--orange);font-size:20px!important;cursor:pointer}.upload-box input{display:none}.upload-box span{display:block;font-size:13px;color:var(--ink)}.upload-box b,.upload-box small{display:block}.upload-box small{font-weight:400;color:var(--muted);margin-top:3px}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:9px!important;color:var(--muted);font-weight:400!important;line-height:1.35}.consent input{width:18px;margin-top:1px}
.summary-card,.price-card,.contact-card{background:#fff;border:1px solid #dfddd5;border-radius:22px;padding:18px;margin-bottom:12px}.summary-section{padding:13px 0;border-bottom:1px solid #eceae4}.summary-section:first-child{padding-top:0}.summary-section:last-child{border:0;padding-bottom:0}.summary-section span{font-size:11px;color:var(--muted);display:block;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.summary-section b{line-height:1.45;font-size:14px}.price-card{background:#282828;color:#fff;border:0}.price-card span{display:block;font-size:12px;color:#ff9b5c}.price-card strong{display:block;font-family:Georgia,serif;font-size:22px;margin:5px 0}.price-card p{margin:0;color:#ccc7c2;font-size:12px;line-height:1.4}.success-screen{text-align:center;padding-top:52px}.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:var(--orange);font-size:36px;margin:0 auto 18px}.success-screen h1{font-family:Georgia,serif;font-size:36px;line-height:1.05;margin:9px 0 14px}.success-screen p{color:var(--muted);line-height:1.55;max-width:390px;margin:0 auto 22px}.request-number{border-radius:15px;background:#fff;padding:14px;margin-bottom:18px;font-size:13px}.contact-card h2{font-family:Georgia,serif;font-size:25px;margin-bottom:5px}.contact-card>p{color:var(--muted);font-size:13px}.contact-card a{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #eceae4;text-decoration:none;color:var(--ink);font-size:13px}.contact-card a span{color:var(--muted)}.contact-card a b{color:var(--dark);text-align:right}
.cart-list,.order-list{display:grid;gap:10px;margin-bottom:14px}.cart-item,.order-card{background:#fff;border:1px solid #dfddd5;border-radius:19px;padding:16px}.cart-head,.order-head{display:flex;gap:12px;align-items:flex-start}.cart-number{width:32px;height:32px;border-radius:10px;background:#fff0e6;color:var(--orange);font-weight:850;display:grid;place-items:center;flex:0 0 32px}.cart-head>div,.order-head>div{flex:1}.cart-head b,.order-head b{display:block;line-height:1.3}.cart-head small,.order-head small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.remove-button{border:0;background:#f2efea;color:#776f68;border-radius:10px;width:32px;height:32px;cursor:pointer}.cart-details{margin:12px 0 0 44px;color:var(--muted);font-size:12px;line-height:1.45;white-space:pre-line}.cart-actions{display:grid;gap:10px}.empty-card{background:#fff;border:1px dashed #c9c4bc;border-radius:20px;padding:26px;text-align:center;color:var(--muted);line-height:1.5}.empty-card b{display:block;color:var(--ink);margin-bottom:5px}.profile-card{background:#252525;color:#fff;border-radius:22px;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-card small{display:block;color:#bbb6b0;font-size:11px;margin-bottom:5px}.profile-card strong{font-family:Georgia,serif;font-size:24px}.discount-chip{background:var(--orange);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.account-mode{font-size:13px;line-height:1.45;color:var(--muted);background:#f4f1e8;border-radius:14px;padding:11px 13px;margin:-4px 0 14px}.account-mode.connected{color:#23654f;background:#e7f4ed}.referral-card{background:#fff3e9;border:1px solid #f0c29e;border-radius:22px;padding:18px}.referral-card h2{font-family:Georgia,serif;font-size:23px;margin:7px 0 8px}.referral-card p{color:#6c4c35;font-size:13px;line-height:1.45}.referral-code{display:flex;background:#fff;border:1px solid #e5c1a3;border-radius:13px;overflow:hidden}.referral-code b{flex:1;padding:12px;letter-spacing:.13em}.referral-code button{border:0;border-left:1px solid #e5c1a3;background:#fff;color:var(--orange);font-weight:750;padding:0 12px;cursor:pointer}.section-heading.compact{margin-top:22px}.order-head{align-items:center}.status-chip{padding:6px 8px;border-radius:999px;background:#e9f3ed;color:#27633d;font-size:11px;font-weight:800;white-space:nowrap}.order-card-details{white-space:pre-line;background:#f5f2ec;border-radius:13px;padding:12px;margin-top:12px;color:#5f5b56;font-size:12px;line-height:1.5}.order-total{display:flex;justify-content:space-between;border-top:1px solid #eceae4;margin-top:12px;padding-top:12px;font-size:13px}.order-total span{color:var(--muted)}.order-total b{color:var(--orange)}
.estimate-summary{background:#282828;color:#fff;border-radius:22px;padding:18px;margin-bottom:12px}.estimate-summary span{display:block;color:#ff9b5c;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.estimate-summary strong{display:block;font-family:Georgia,serif;font-size:22px;margin-top:6px}.parts-list{display:grid;gap:8px;margin-bottom:12px}.part-row{background:#fff;border:1px solid #dfddd5;border-radius:16px;padding:13px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start}.part-index{width:30px;height:30px;border-radius:10px;background:#f1eee8;display:grid;place-items:center;color:var(--orange);font-weight:800}.part-row b{font-size:14px;line-height:1.35}.part-row small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.qty-control{display:grid;grid-template-columns:32px minmax(48px,auto) 32px;align-items:center;text-align:center;border:1px solid #dedbd5;border-radius:11px;overflow:hidden;background:#f7f5f1}.qty-control button{border:0;background:#fff;min-height:34px;font-size:20px;cursor:pointer;color:var(--orange)}.qty-control b{font-size:13px;white-space:nowrap;padding:0 5px}.warning-list{display:grid;gap:8px;margin:14px 0}.estimate-warning{border-radius:15px;background:#fff3e8;border:1px solid #f1bf99;padding:13px 14px;color:#70401f;font-size:13px;line-height:1.45}.question-notice{background:#2b211b;color:#fff4ec;border-left:5px solid var(--orange);border-radius:16px;padding:16px;margin:2px 0 14px;line-height:1.5}.question-notice b{color:#ff9b5c;display:block;margin-bottom:6px}@media(max-width:420px){.part-row{grid-template-columns:30px minmax(0,1fr)}.qty-control{grid-column:2;width:max-content;margin-top:6px}}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:100%;max-width:560px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #dfded8}.bottom-nav button{border:0;background:transparent;color:#7b7874;font-size:10px;display:grid;place-items:center;gap:2px;cursor:pointer;position:relative}.bottom-nav button span{font-size:22px;line-height:1}.bottom-nav button.active{color:var(--orange);font-weight:750}.nav-badge{position:absolute;top:0;right:20%;font-style:normal;background:var(--orange);color:#fff;border:2px solid #fff;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px;font-weight:850}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);background:#171717;color:#fff;padding:12px 16px;border-radius:13px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:50;width:max-content;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){body{padding:20px 0}.app-shell{border-radius:28px;overflow:hidden;min-height:calc(100vh - 40px)}.bottom-nav{bottom:20px;border-radius:0 0 28px 28px}.topbar{border-radius:28px 28px 0 0}}@media(max-width:360px){.intro-card h1{font-size:30px}.category-card{padding:13px}.question-title{font-size:28px}.brand-logo{width:180px}}