:root{--ssph-cream:#faf7ef;--ssph-cream-2:#f2eee2;--ssph-green:#263f30;--ssph-olive:#65724b;--ssph-gold:#945e25;--ssph-ink:#223128;--ssph-muted:#686e61;--ssph-line:#dce0d3;--ssph-white:#fffdf8;--ssph-danger:#a34237;--ssph-shadow:0 18px 55px rgba(30,49,36,.15)}
html{background:var(--ssph-cream);scroll-behavior:smooth}
body.ssph-app-page{margin:0;overflow-x:hidden;background:var(--ssph-cream);color:var(--ssph-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.ssph-sheet-open{overflow:hidden}
.ssph-app,.ssph-app *{box-sizing:border-box}
.ssph-app{min-height:100svh;background:var(--ssph-cream);color:var(--ssph-ink);padding-bottom:150px}
.ssph-app button,.ssph-app input,.ssph-app textarea{font:inherit}
.ssph-app button{color:inherit}
.ssph-app img{display:block;max-width:100%}
.ssph-app button,.ssph-app a,.ssph-app input,.ssph-app textarea{border-radius:0}
.ssph-app :focus-visible{outline:3px solid #dfad62;outline-offset:3px}
.ssph-app [hidden]{display:none!important}
.ssph-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:30;background:rgba(250,247,239,.92);border-bottom:1px solid rgba(38,63,48,.09);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.ssph-brand{display:flex;align-items:center;gap:11px;min-width:0}.ssph-brand>img{width:42px;height:42px;object-fit:contain}.ssph-brand__mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ssph-green);color:#f6ebd2;font:600 16px Georgia,"Times New Roman",serif}.ssph-brand strong{display:block;font:600 20px/1.1 Georgia,"Times New Roman",serif}.ssph-brand small{display:block;font-size:12px;letter-spacing:2.6px;margin-top:4px;color:var(--ssph-olive)}
.ssph-icon-button{border:1px solid var(--ssph-line);background:var(--ssph-white);width:43px;height:43px;border-radius:50%!important;display:grid;place-items:center;font-size:22px;cursor:pointer;box-shadow:0 5px 16px rgba(38,63,48,.05)}
.ssph-main{width:min(1180px,calc(100% - 34px));margin:auto}.ssph-intro{padding:46px 2px 26px}.ssph-kicker{font-size:12px!important;line-height:1.5!important;letter-spacing:1.8px;font-weight:700;color:var(--ssph-olive);margin:0 0 13px!important}.ssph-intro h1,.ssph-sheet h2{font:500 clamp(40px,10vw,68px)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0}.ssph-intro h1 em{font-weight:500;color:var(--ssph-olive)}.ssph-intro>p:last-child{max-width:490px;margin:18px 0 0;color:var(--ssph-muted);font-size:14px}
.ssph-store-note,.ssph-closed{padding:13px 16px;border-radius:14px;background:#eef0e4;border:1px solid #dce1d0;font-size:13px;margin-bottom:14px}.ssph-closed{display:flex;flex-direction:column;background:#f3e9dc;border-color:#e7d1b7}.ssph-closed span{color:#665b4f;font-size:12px;margin-top:2px}
.ssph-search-wrap{position:sticky;top:78px;z-index:20;background:linear-gradient(var(--ssph-cream) 80%,transparent);padding:5px 0 13px}.ssph-search{height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--ssph-line);background:var(--ssph-white);border-radius:17px!important;box-shadow:0 7px 26px rgba(38,63,48,.055)}.ssph-search>span{font-size:25px;line-height:1}.ssph-search input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;height:100%;min-width:0;outline:0;color:var(--ssph-ink);font-size:14px}.ssph-search input::placeholder{color:var(--ssph-muted)}
.ssph-categories{display:flex;gap:8px;overflow:auto;padding:4px 1px 16px;scrollbar-width:none}.ssph-categories::-webkit-scrollbar{display:none}.ssph-categories button{border:1px solid var(--ssph-line);background:transparent;padding:9px 15px;border-radius:99px!important;white-space:nowrap;font-size:12px;cursor:pointer;transition:.2s}.ssph-categories button.is-active{background:var(--ssph-green);border-color:var(--ssph-green);color:white}.ssph-categories button:hover{transform:translateY(-1px)}
.ssph-menu-section{margin:14px 0 37px}.ssph-section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ssph-line);padding:0 2px 11px;margin-bottom:14px}.ssph-section-title span{font:600 25px Georgia,"Times New Roman",serif}.ssph-section-title small{font-size:12px;color:var(--ssph-muted)}
.ssph-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ssph-product-card{border:1px solid var(--ssph-line);background:var(--ssph-white);padding:0;border-radius:17px!important;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(38,63,48,.04);transition:transform .25s,box-shadow .25s}.ssph-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(38,63,48,.11)}.ssph-product-card__visual{display:block;aspect-ratio:1.23;background:linear-gradient(145deg,#e6e9d9,#f3ecdc);position:relative;overflow:hidden}.ssph-product-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ssph-product-card:hover img{transform:scale(1.04)}.ssph-product-card__visual i{position:absolute;right:10px;bottom:10px;background:var(--ssph-green);color:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px;box-shadow:0 3px 12px #0002}.ssph-product-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#536143;font:600 clamp(32px,10vw,58px) Georgia,"Times New Roman",serif;background-image:radial-gradient(circle at 28% 25%,rgba(255,255,255,.65),transparent 30%)}.ssph-product-card__copy{padding:13px 13px 15px;display:flex;flex-direction:column;min-height:111px}.ssph-product-card__copy strong{font-size:14px;line-height:1.3}.ssph-product-card__copy small{font-size:12px;color:var(--ssph-muted);line-height:1.35;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ssph-product-card__copy b{font-size:12px;color:var(--ssph-gold);margin-top:auto;padding-top:8px}
.ssph-cart-dock{position:fixed;z-index:35;left:50%;bottom:77px;transform:translateX(-50%);width:min(600px,calc(100% - 28px));height:58px;border:0;border-radius:18px!important;background:var(--ssph-gold);color:white!important;display:flex;justify-content:space-between;align-items:center;padding:0 19px;box-shadow:0 14px 35px rgba(72,46,14,.3);cursor:pointer}.ssph-cart-dock>span{font-size:12px}.ssph-cart-dock>span b{display:inline-grid;place-items:center;background:#ffffff2b;border-radius:50%;width:25px;height:25px;margin-right:3px}.ssph-cart-dock>strong{font-size:14px}
.ssph-bottom-nav{position:fixed;z-index:34;left:0;right:0;bottom:0;height:69px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,253,248,.96);border-top:1px solid var(--ssph-line);display:flex;justify-content:center;box-shadow:0 -8px 30px rgba(38,63,48,.06);backdrop-filter:blur(14px)}.ssph-bottom-nav button{position:relative;width:min(31%,150px);border:0;background:transparent;color:#62695f;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.ssph-bottom-nav button>span{font-size:20px;line-height:1}.ssph-bottom-nav button.is-active{color:var(--ssph-green);font-weight:700}.ssph-bottom-nav b{position:absolute;top:9px;left:calc(50% + 9px);width:8px;height:8px;border-radius:50%;background:#c64d3e;border:2px solid white}
.ssph-backdrop{position:fixed;inset:0;z-index:50;background:rgba(22,35,27,.45);opacity:0;transition:opacity .22s;backdrop-filter:blur(2px)}.ssph-backdrop.is-open{opacity:1}.ssph-sheet{position:fixed;z-index:51;left:0;right:0;bottom:0;background:var(--ssph-cream);max-height:min(91svh,900px);overflow:auto;border-radius:25px 25px 0 0!important;box-shadow:var(--ssph-shadow);transform:translateY(105%);transition:transform .24s ease-out;padding-bottom:max(24px,env(safe-area-inset-bottom))}.ssph-sheet.is-open{transform:translateY(0)}.ssph-sheet-body{width:min(650px,100%);margin:auto;padding:25px 20px 10px}.ssph-sheet h2{font-size:38px;margin-bottom:19px}.ssph-sheet-close{position:absolute;z-index:3;right:15px;top:14px;border:1px solid var(--ssph-line);background:rgba(255,253,248,.9);width:42px;height:42px;border-radius:50%!important;font-size:25px;line-height:1;cursor:pointer}.ssph-sheet-back{position:absolute;z-index:3;left:18px;top:21px;border:0;background:transparent;font-size:13px;cursor:pointer}.ssph-sheet-handle{width:45px;height:4px;background:#cdd1c7;border-radius:5px;margin:9px auto 0}.ssph-product-hero{height:190px;background:#e7e9dc;overflow:hidden}.ssph-product-hero img{width:100%;height:100%;object-fit:cover}.ssph-sheet-placeholder{display:grid;place-items:center;width:100%;height:100%;font:600 78px Georgia,"Times New Roman",serif;color:var(--ssph-olive)}.ssph-product-description{color:var(--ssph-muted);font-size:14px;margin:-9px 0 21px}.ssph-sheet fieldset{border:0;margin:21px 0;padding:0}.ssph-sheet legend,.ssph-field>span{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.ssph-field>span small{font-weight:400;color:var(--ssph-muted)}
.ssph-choice{display:block;margin-bottom:8px;cursor:pointer}.ssph-choice>input{position:absolute;opacity:0;pointer-events:none}.ssph-choice>span{min-height:55px;border:1px solid var(--ssph-line);border-radius:13px!important;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:var(--ssph-white);gap:15px;transition:.18s}.ssph-choice>span b{font-size:13px}.ssph-choice>span small{font-size:12px;color:var(--ssph-muted);text-align:right}.ssph-choice>input:checked+span{border-color:var(--ssph-green);box-shadow:inset 0 0 0 1px var(--ssph-green);background:#edf0e5}.ssph-choice>input:focus-visible+span{outline:3px solid #dfad62;outline-offset:2px}.ssph-field{display:block;margin:18px 0}.ssph-field input,.ssph-field textarea{display:block;width:100%;border:1px solid var(--ssph-line);border-radius:13px!important;background:var(--ssph-white);padding:13px 14px;color:var(--ssph-ink);outline:0;box-shadow:none}.ssph-field textarea{resize:vertical}.ssph-field input:focus,.ssph-field textarea:focus{border-color:var(--ssph-olive);box-shadow:0 0 0 3px rgba(101,114,75,.12)}
.ssph-add-row{position:sticky;bottom:0;background:linear-gradient(transparent,var(--ssph-cream) 16%);padding-top:24px;display:grid;grid-template-columns:auto 1fr;gap:12px}.ssph-primary,.ssph-secondary{min-height:53px;border:0;border-radius:14px!important;background:var(--ssph-green);color:white!important;padding:12px 19px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,background .2s}.ssph-primary:hover{background:#385542;transform:translateY(-1px)}.ssph-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ssph-secondary{min-height:42px;background:#e7eadc;color:var(--ssph-green)!important}.ssph-wide{width:100%}.ssph-quantity{display:flex;align-items:center;border:1px solid var(--ssph-line);background:var(--ssph-white);border-radius:14px!important;overflow:hidden}.ssph-quantity button{width:39px;height:51px;border:0;background:transparent;font-size:20px;cursor:pointer}.ssph-quantity output{min-width:28px;text-align:center;font-weight:700}
.ssph-cart-list{margin-top:18px}.ssph-cart-item{display:grid;grid-template-columns:1fr auto;gap:16px;border-bottom:1px solid var(--ssph-line);padding:16px 0}.ssph-cart-item strong{display:block;font-size:14px}.ssph-cart-item span,.ssph-cart-item small,.ssph-cart-item em{display:block;font-size:12px;color:var(--ssph-muted);font-style:normal;margin-top:2px}.ssph-cart-item__side{text-align:right}.ssph-cart-item__side>b{font-size:13px}.ssph-mini-qty{display:flex;align-items:center;justify-content:end;margin-top:7px}.ssph-mini-qty button{border:1px solid var(--ssph-line);background:var(--ssph-white);border-radius:50%!important;width:27px;height:27px;cursor:pointer}.ssph-mini-qty span{width:29px;text-align:center;color:var(--ssph-ink);margin:0}.ssph-remove{border:0;background:transparent;color:var(--ssph-danger)!important;font-size:12px;margin-top:4px;cursor:pointer}.ssph-total-row,.ssph-checkout-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0 10px;font-size:15px}.ssph-total-row strong,.ssph-checkout-total strong{font:600 25px Georgia,"Times New Roman",serif}.ssph-price-check,.ssph-form-help,.ssph-privacy-note{font-size:12px;color:var(--ssph-muted);margin:0 0 16px}.ssph-form-help{text-align:center;margin:10px 0}.ssph-privacy-note{padding:0 1px 3px}.ssph-honeypot{position:absolute!important;left:-9999px!important}.ssph-agree{display:flex;gap:10px;font-size:12px;color:var(--ssph-muted);margin:20px 0 8px}.ssph-agree input{width:19px;height:19px;accent-color:var(--ssph-green);flex:0 0 auto}
.ssph-order-created{display:inline-block;background:#e2eadb;color:#48613a;padding:6px 11px;border-radius:30px;font-size:12px;font-weight:700;margin-bottom:13px}.ssph-payment-note{font-size:13px;color:var(--ssph-muted);margin:-7px 0 18px}.ssph-qr{text-align:center;background:white;border:1px solid var(--ssph-line);border-radius:18px;padding:13px}.ssph-qr img{width:min(330px,100%);aspect-ratio:1;object-fit:contain;margin:auto}.ssph-qr a{display:inline-block;color:var(--ssph-green);font-weight:700;font-size:12px;margin-top:9px}.ssph-account-name{text-align:center;font-size:12px}.ssph-same-phone,.ssph-payment-warning{border:1px solid #e3d5b8;background:#f5ecda;padding:13px 15px;border-radius:13px;margin:16px 0;display:flex;flex-direction:column;font-size:12px}.ssph-same-phone span,.ssph-payment-warning span{font-size:12px;color:#665b4f;margin-top:2px}.ssph-upload{display:block;border:1px dashed #aeb5a2;border-radius:14px!important;padding:17px;background:#f5f4eb;margin:16px 0;cursor:pointer}.ssph-upload input{display:block;width:100%;font-size:12px;margin-bottom:8px}.ssph-upload b,.ssph-upload small{display:block;font-size:12px}.ssph-upload small{font-size:12px;color:var(--ssph-muted)}.ssph-text-button{display:block;border:0;border-bottom:1px solid var(--ssph-green);background:transparent;margin:20px auto 0;padding:5px;font-size:12px;cursor:pointer}.ssph-security-note{font-size:12px;color:var(--ssph-muted);padding:15px 0 5px}
.ssph-orders-loading{text-align:center;padding:55px 0;color:var(--ssph-muted);font-size:13px}.ssph-orders-list{display:grid;gap:13px}.ssph-order-card{border:1px solid var(--ssph-line);background:var(--ssph-white);border-radius:16px;padding:15px}.ssph-order-card__top,.ssph-order-card__bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.ssph-order-card__top span{font-size:12px;font-weight:700;letter-spacing:.5px}.ssph-order-card__top time{font-size:12px;color:var(--ssph-muted)}.ssph-order-status{display:flex;gap:10px;align-items:start;background:#eef0e7;border-radius:12px;padding:12px;margin:12px 0}.ssph-order-status i{width:9px;height:9px;border-radius:50%;background:var(--ssph-gold);margin-top:5px;box-shadow:0 0 0 4px rgba(182,121,45,.14)}.ssph-order-status strong,.ssph-order-status small{display:block;font-size:12px}.ssph-order-status small{font-size:12px;color:var(--ssph-muted);margin-top:2px}.ssph-status--ready i{background:#4c8c41}.ssph-status--cancelled i{background:var(--ssph-danger)}.ssph-order-items{font-size:12px;color:#555e51;padding:2px 0 14px}.ssph-order-items small{color:#686e61}.ssph-order-card__bottom{border-top:1px solid var(--ssph-line);padding-top:12px}.ssph-order-card__bottom>strong{font-size:14px}
.ssph-empty{text-align:center;padding:55px 15px;color:var(--ssph-muted)}.ssph-empty>span{font-size:35px}.ssph-empty h2,.ssph-empty h3{font:600 24px Georgia,"Times New Roman",serif;color:var(--ssph-ink);margin:10px 0 4px}.ssph-empty p{font-size:12px}.ssph-toast{position:fixed;z-index:80;left:50%;bottom:93px;transform:translateX(-50%);width:min(420px,calc(100% - 30px));background:var(--ssph-green);color:white;padding:13px 17px;border-radius:13px!important;text-align:center;font-size:12px;box-shadow:var(--ssph-shadow)}.ssph-toast.is-error{background:var(--ssph-danger)}.ssph-offline{position:fixed;z-index:90;left:0;right:0;top:0;background:#9b4338;color:white;text-align:center;padding:8px;font-size:12px}.ssph-boot{min-height:100svh;display:grid;place-content:center;text-align:center}.ssph-boot__mark{width:70px;height:70px;margin:auto;border-radius:50%;background:var(--ssph-green);color:white;display:grid;place-items:center;font:600 24px Georgia,"Times New Roman",serif}.ssph-boot h1{font:600 30px Georgia,"Times New Roman",serif;margin:15px 0 0}.ssph-boot p,.ssph-noscript{font-size:13px;color:var(--ssph-muted)}
@media(min-width:700px){.ssph-main{width:min(1180px,calc(100% - 70px))}.ssph-intro{padding-top:65px}.ssph-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.ssph-product-card__copy{padding:17px;min-height:120px}.ssph-product-card__copy strong{font-size:16px}.ssph-sheet{left:50%;right:auto;width:min(690px,calc(100% - 40px));bottom:20px;border-radius:25px!important;max-height:calc(100svh - 40px);transform:translate(-50%,110%)}.ssph-sheet.is-open{transform:translate(-50%,0)}.ssph-product-hero{height:255px}.ssph-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:500px;border:1px solid var(--ssph-line);border-bottom:0;border-radius:20px 20px 0 0}.ssph-cart-dock{bottom:80px}.ssph-toast{bottom:105px}}
@media(min-width:1050px){.ssph-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ssph-product-card__visual{aspect-ratio:1.3}.ssph-intro h1{font-size:68px}.ssph-menu-section{margin-bottom:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ssph-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}