@font-face{font-family:SPThai;src:url('/assets/fonts/NotoSansThai-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
#sp-clear-store{--sp-accent:#ff5c35;--sp-ink:#202225;--sp-muted:#64676d;--sp-line:#e9e9e6;--sp-peach:#f8e6dc;--sp-radius:18px;color-scheme:light;box-sizing:border-box;width:100%;background:#f6f5f2;color:var(--sp-ink);font:15px/1.65 SPThai,Arial,sans-serif;padding:20px}
#sp-clear-store *{box-sizing:border-box}
#sp-clear-store button,#sp-clear-store input,#sp-clear-store select{font:inherit}
#sp-clear-store button{color:inherit;border:0;background:none;touch-action:manipulation}
#sp-clear-store button:focus-visible,#sp-clear-store input:focus-visible,#sp-clear-store select:focus-visible,#sp-clear-store summary:focus-visible{outline:3px solid #a63114;outline-offset:4px}
#sp-clear-store button:disabled{opacity:.45;cursor:not-allowed}
#sp-clear-store h1,#sp-clear-store h2,#sp-clear-store h3,#sp-clear-store p{margin:0}
#sp-clear-store h1{font-size:clamp(30px,4.1vw,51px);line-height:1.2;letter-spacing:-1.7px;font-weight:800}
#sp-clear-store h2{font-size:27px;line-height:1.35;letter-spacing:-.7px;font-weight:750}
#sp-clear-store h3{font-size:18px;line-height:1.45;font-weight:700}
#sp-clear-store img{display:block}
#sp-clear-store i{display:inline-block;width:20px;height:20px;flex-shrink:0}
#sp-clear-store .sp-store{max-width:1180px;margin:auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 5px 25px #20222506}
#sp-clear-store .sp-header{padding:22px 28px;display:flex;align-items:center;gap:24px}
#sp-clear-store .sp-brand{font:800 29px/1 Arial,sans-serif;letter-spacing:-1.4px;white-space:nowrap;padding:8px 0}
#sp-clear-store .sp-brand span,#sp-clear-store .sp-footer-brand>span{color:var(--sp-accent);font-size:1.3em}
#sp-clear-store .sp-nav{display:flex;gap:18px;white-space:nowrap}
#sp-clear-store .sp-link{font-size:14px;min-height:44px;padding:8px 0}
#sp-clear-store .sp-link:hover{text-decoration:underline;text-underline-offset:5px}
#sp-clear-store .sp-search{display:flex;align-items:center;gap:8px;background:#f3f3f2;border-radius:100px;padding:2px 8px 2px 16px;margin-left:auto;min-width:120px;flex:1;max-width:360px}
#sp-clear-store .sp-search input{background:transparent;border:0;width:100%;min-width:0;height:42px;font-size:16px;color:var(--sp-ink)}
#sp-clear-store .sp-search input::placeholder{color:#72757b}
#sp-clear-store .sp-search button{font-size:12px;min-height:40px;padding:6px;white-space:nowrap}
#sp-clear-store .sp-cart-button{display:flex;gap:8px;align-items:center;white-space:nowrap;min-height:44px;padding:8px 0;font-size:14px}
#sp-clear-store .sp-cart-button b{color:#bf3718;min-width:14px}
#sp-clear-store #sp-main{padding:0 20px 28px;min-height:420px}
#sp-clear-store .sp-hero{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;background:var(--sp-peach);border-radius:var(--sp-radius);overflow:hidden;min-height:295px}
#sp-clear-store .sp-hero-copy{padding:32px 0 32px 34px;position:relative;z-index:1}
#sp-clear-store .sp-hero-copy p{margin:13px 0 20px;font-size:16px}
#sp-clear-store .sp-primary,#sp-clear-store .sp-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:12px 22px;min-height:46px;font-weight:700;font-size:14px;text-align:center}
#sp-clear-store .sp-primary{background:var(--sp-accent);color:#181a1d}
#sp-clear-store .sp-primary:hover{filter:brightness(.96)}
#sp-clear-store .sp-secondary{background:#fff;border:1px solid #bfc0c1}
#sp-clear-store .sp-secondary:hover{background:#f8f8f6}
#sp-clear-store .sp-full{width:100%}
#sp-clear-store .sp-hero-art{width:100%;padding:0;overflow:hidden}
#sp-clear-store .sp-photo{width:100%;position:relative;overflow:hidden;background:#f1f1ef;isolation:isolate;aspect-ratio:313/206}
#sp-clear-store .sp-photo img{position:absolute;height:auto;max-width:none;pointer-events:none;user-select:none}
#sp-clear-store .sp-photo-air img{width:490.735%;left:-18.85%;top:-263.592%}
#sp-clear-store .sp-photo-phone img{width:490.735%;left:-122.684%;top:-263.592%}
#sp-clear-store .sp-photo-ipad img{width:490.735%;left:-227.476%;top:-263.592%}
#sp-clear-store .sp-photo-hero{aspect-ratio:647/300;background:var(--sp-peach)}
#sp-clear-store .sp-photo-hero img{width:237.404%;left:-58.733%;top:-43.333%}
#sp-clear-store .sp-catalog{padding:28px 6px 0}
#sp-clear-store .sp-heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
#sp-clear-store .sp-count,#sp-clear-store .sp-muted{color:var(--sp-muted);font-size:13px}
#sp-clear-store .sp-categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
#sp-clear-store .sp-category{border-radius:11px;background:#f2f2f1;padding:9px 20px;min-height:44px;font-size:14px}
#sp-clear-store .sp-category[aria-pressed="true"]{background:var(--sp-ink);color:#fff}
#sp-clear-store .sp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#sp-clear-store .sp-product{border:1px solid #efefec;border-radius:var(--sp-radius);overflow:hidden;background:#f8f8f6}
#sp-clear-store .sp-card-photo{display:block;width:100%;padding:0}
#sp-clear-store .sp-card-photo:hover .sp-photo img{filter:brightness(1.03)}
#sp-clear-store .sp-product-body{padding:14px 16px 16px}
#sp-clear-store .sp-product h3{font-size:17px;letter-spacing:-.4px;margin:6px 0 2px}
#sp-clear-store .sp-badge{display:inline-block;font-size:11px;border-radius:100px;background:#eaeae7;padding:3px 10px;line-height:1.6}
#sp-clear-store .sp-good{background:#e7eee6;color:#36503a}
#sp-clear-store .sp-card-bottom{display:flex;gap:8px;align-items:flex-end;justify-content:space-between;margin-top:12px;flex-wrap:wrap}
#sp-clear-store .sp-price{font:750 22px/1.4 Arial,SPThai,sans-serif;letter-spacing:-.7px}
#sp-clear-store .sp-card-bottom .sp-primary{padding:10px 15px;font-size:13px;min-height:44px}
#sp-clear-store .sp-stock{font-size:11px;color:#536351;margin-top:2px}
#sp-clear-store .sp-stock:empty{display:none}
#sp-clear-store .sp-select{background:#fff;border:1px solid var(--sp-line);border-radius:9px;padding:8px;min-height:42px;font-size:13px;max-width:180px}
#sp-clear-store .sp-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 28px;border-top:1px solid #f2f2ef}
#sp-clear-store .sp-footer-brand{font:800 15px Arial,sans-serif;letter-spacing:-.4px}
#sp-clear-store .sp-footer-brand small{font:12px SPThai,sans-serif;color:var(--sp-muted);margin-left:10px}
#sp-clear-store .sp-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;max-width:1180px;margin:10px auto 0;font-size:11px;color:#66686d}
#sp-clear-store .sp-demo-footer button{padding:8px 10px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#sp-clear-store .sp-back{padding:12px 0;margin:4px 0 14px;min-height:44px;font-size:14px;color:var(--sp-muted)}
#sp-clear-store .sp-detail{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;padding:0 8px 12px}
#sp-clear-store .sp-detail-visual,#sp-clear-store .sp-detail-info{min-width:0}
#sp-clear-store .sp-detail-options{margin-top:20px;padding:20px 24px;background:#f8f8f6;border:1px solid #efefec;border-radius:var(--sp-radius)}
#sp-clear-store .sp-detail-options h3{margin:0 0 18px;font-size:17px}
#sp-clear-store .sp-detail-options .sp-variant-group:last-child{margin-bottom:0}
#sp-clear-store .sp-detail-photo{border-radius:var(--sp-radius);overflow:hidden;background:#f2f2f0;padding:40px 0}
#sp-clear-store .sp-caption{margin-top:12px;font-size:12px;color:var(--sp-muted);text-align:center}
#sp-clear-store .sp-detail-info h2{margin:12px 0 4px}
#sp-clear-store .sp-detail-copy>.sp-price{font-size:32px;margin:14px 0 18px}
#sp-clear-store .sp-detail-copy>p{color:#55595e;font-size:14px;margin:10px 0 20px}
#sp-clear-store .sp-accordion{border-top:1px solid var(--sp-line)}
#sp-clear-store .sp-accordion details{border-bottom:1px solid var(--sp-line)}
#sp-clear-store .sp-accordion summary{padding:15px 0;min-height:48px;font-size:14px}
#sp-clear-store .sp-accordion p{padding:0 0 16px;color:var(--sp-muted);font-size:13px}
#sp-clear-store .sp-flex{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#sp-clear-store .sp-between{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#sp-clear-store .sp-quantity{display:inline-flex;align-items:center;border:1px solid var(--sp-line);border-radius:100px;background:#fff;white-space:nowrap;overflow:hidden}
#sp-clear-store .sp-quantity button{width:42px;min-height:42px;padding:3px;font-size:20px}
#sp-clear-store .sp-quantity span{min-width:26px;text-align:center;font:15px Arial,sans-serif}
#sp-clear-store .sp-detail-qty{margin:20px 0}
#sp-clear-store .sp-detail-actions{display:grid;gap:10px}
#sp-clear-store .sp-page-heading{margin:20px 8px 24px}
#sp-clear-store .sp-page-heading p{margin-top:7px;color:var(--sp-muted);font-size:14px}
#sp-clear-store .sp-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding:0 8px}
#sp-clear-store .sp-cart-row{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--sp-line)}
#sp-clear-store .sp-cart-row:first-child{padding-top:0}
#sp-clear-store .sp-cart-row .sp-photo{border-radius:12px}
#sp-clear-store .sp-cart-row .sp-price{font-size:18px;margin-top:7px}
#sp-clear-store .sp-remove{display:block;margin:8px auto 0;color:#934328;text-decoration:underline;min-height:36px;font-size:12px}
#sp-clear-store .sp-summary{align-self:start;background:#f7f7f4;border-radius:var(--sp-radius);padding:24px}
#sp-clear-store .sp-summary h3{margin-bottom:16px}
#sp-clear-store .sp-summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:12px 0;font-size:14px}
#sp-clear-store .sp-total{border-top:1px solid #d9dad6;padding-top:16px;margin-top:18px;font-size:19px;font-weight:700}
#sp-clear-store .sp-summary button{margin-top:12px}
#sp-clear-store .sp-small-note{font-size:12px;color:var(--sp-muted);margin-top:12px}
#sp-clear-store .sp-empty{text-align:center;padding:75px 20px;grid-column:1/-1}
#sp-clear-store .sp-empty h2{margin:8px 0}
#sp-clear-store .sp-empty p{color:var(--sp-muted);margin:12px 0 24px}
#sp-clear-store .sp-empty-mark{font-size:40px;color:#b34729}
#sp-clear-store .sp-form-section{margin-bottom:26px;border-bottom:1px solid var(--sp-line);padding-bottom:24px}
#sp-clear-store .sp-form-section h3{margin-bottom:14px}
#sp-clear-store .sp-address{background:#f7f7f4;padding:18px;border-radius:12px;font-size:14px}
#sp-clear-store .sp-address small{display:block;color:var(--sp-muted);margin-top:6px;font-size:12px}
#sp-clear-store .sp-radio{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border:1px solid var(--sp-line);border-radius:12px;margin-top:10px;font-size:14px}
#sp-clear-store .sp-radio:has(input:checked){border-color:#f37a58;background:#fff5ef}
#sp-clear-store .sp-radio input{accent-color:#be3614;margin:5px 0 0;width:17px;height:17px;flex-shrink:0}
#sp-clear-store .sp-radio small{display:block;color:var(--sp-muted);font-size:12px}
#sp-clear-store .sp-toast{margin:20px 8px 0;border:1px solid #bed4ba;border-radius:12px;background:#eef5ea;padding:12px 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:14px;flex-wrap:wrap}
#sp-clear-store .sp-error{background:#fff1ed;border-color:#e6baad}
#sp-clear-store .sp-success{display:flex;align-items:center;gap:16px;background:#eef5ea;color:#355130;border-radius:14px;padding:22px;margin:12px 8px 24px}
#sp-clear-store .sp-success>span{font-size:28px}
#sp-clear-store .sp-success small{display:block;margin-top:3px;font-size:12px}
#sp-clear-store .sp-order{padding:24px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);margin:18px 8px}
#sp-clear-store .sp-tracking{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}
#sp-clear-store .sp-track{border-top:3px solid #e8e8e5;padding-top:10px;font-size:12px;color:var(--sp-muted)}
#sp-clear-store .sp-track.is-done{border-color:#70876a;color:#375332}
#sp-clear-store .sp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 8px}
#sp-clear-store .sp-metric{background:#f7f7f4;padding:20px;border-radius:14px}
#sp-clear-store .sp-metric small{display:block;color:var(--sp-muted);font-size:12px}
#sp-clear-store .sp-metric strong{font:700 28px/1.5 Arial,sans-serif}
#sp-clear-store .sp-admin-stock{padding:8px}
#sp-clear-store .sp-admin-row{display:grid;grid-template-columns:1fr 140px 120px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--sp-line);font-size:14px}
#sp-clear-store .sp-admin-row .sp-quantity{justify-self:end}
#sp-clear-store .sp-info{font-size:13px;color:var(--sp-muted);background:#f7f7f4;padding:20px;border-radius:14px;margin:20px 8px}
#sp-clear-store .sp-help{max-width:740px;margin:20px auto;padding:0 12px}
#sp-clear-store .sp-help-step{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--sp-line)}
#sp-clear-store .sp-help-step>b{border-radius:50%;width:40px;height:40px;text-align:center;background:#ffe4d8;color:#843319;padding:5px;font-size:19px}
#sp-clear-store .sp-help-step p{font-size:14px;color:var(--sp-muted);margin-top:6px}
#sp-clear-store .sp-help>.sp-primary{margin-top:26px}
@media(min-width:1280px){#sp-clear-store h1{font-size:51px}}
@media(max-width:900px){#sp-clear-store .sp-header{gap:16px;padding:20px}#sp-clear-store .sp-nav{gap:12px}#sp-clear-store .sp-nav .sp-link{font-size:12px}#sp-clear-store .sp-search{max-width:280px}#sp-clear-store .sp-brand{font-size:25px}#sp-clear-store .sp-hero-copy{padding-left:26px}#sp-clear-store .sp-columns{grid-template-columns:minmax(0,1fr) 270px;gap:20px}#sp-clear-store .sp-cart-row{grid-template-columns:90px 1fr;gap:12px}#sp-clear-store .sp-cart-row>div:last-child{grid-column:2}#sp-clear-store .sp-remove{display:inline-block;margin-left:10px}#sp-clear-store .sp-detail{gap:22px}}
@media(max-width:720px){#sp-clear-store{padding:10px}#sp-clear-store .sp-store{border-radius:18px}#sp-clear-store .sp-header{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px}#sp-clear-store .sp-nav{grid-row:2;grid-column:1/-1;gap:24px}#sp-clear-store .sp-nav .sp-link{font-size:14px;min-height:36px}#sp-clear-store .sp-search{grid-row:3;grid-column:1/-1;max-width:none;width:100%;margin:0}#sp-clear-store .sp-cart-button{grid-row:1;grid-column:2}#sp-clear-store #sp-main{padding:0 14px 24px}#sp-clear-store .sp-hero{grid-template-columns:1fr;min-height:0}#sp-clear-store .sp-hero-copy{padding:28px 26px 10px}#sp-clear-store h1{font-size:36px;line-height:1.25}#sp-clear-store .sp-hero-art{max-width:600px;justify-self:center}#sp-clear-store .sp-hero-copy p{margin:12px 0 16px;font-size:14px}#sp-clear-store .sp-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#sp-clear-store .sp-product-body{padding:12px}#sp-clear-store .sp-card-bottom .sp-primary{width:100%}#sp-clear-store h2{font-size:24px}#sp-clear-store .sp-category{padding:8px 16px}#sp-clear-store .sp-detail,#sp-clear-store .sp-columns{grid-template-columns:1fr;gap:24px;padding:0}#sp-clear-store .sp-detail-photo{padding:12px 0}#sp-clear-store .sp-detail-info>.sp-price{font-size:30px}#sp-clear-store .sp-cart-row{grid-template-columns:100px minmax(0,1fr) auto}#sp-clear-store .sp-cart-row>div:last-child{grid-column:auto}#sp-clear-store .sp-footer{padding:14px 20px}#sp-clear-store .sp-footer-brand small{display:none}#sp-clear-store .sp-order{padding:18px;margin:16px 0}#sp-clear-store .sp-tracking{grid-template-columns:repeat(2,1fr);row-gap:18px}#sp-clear-store .sp-admin-row{grid-template-columns:1fr 110px}#sp-clear-store .sp-admin-row>span{grid-column:1;grid-row:auto;font-size:12px;color:var(--sp-muted)}#sp-clear-store .sp-admin-row>.sp-quantity{grid-column:2;grid-row:span 2}#sp-clear-store .sp-admin-row:first-child{display:none}#sp-clear-store .sp-metrics{gap:8px;margin:18px 0}#sp-clear-store .sp-metric{padding:14px 10px}#sp-clear-store .sp-metric small{font-size:11px}#sp-clear-store .sp-metric strong{font-size:24px}}
@media(max-width:440px){#sp-clear-store .sp-cart-row{grid-template-columns:85px minmax(0,1fr)}#sp-clear-store .sp-cart-row>div:last-child{grid-column:2}#sp-clear-store .sp-hero-copy{padding-left:20px}#sp-clear-store h1{font-size:32px}#sp-clear-store .sp-heading-row{gap:10px}#sp-clear-store .sp-heading-row .sp-count{display:none}#sp-clear-store .sp-categories{gap:6px}#sp-clear-store .sp-category{padding:8px 12px;font-size:13px}#sp-clear-store .sp-product h3{font-size:15px}#sp-clear-store .sp-product .sp-price{font-size:20px}}
@media(max-width:380px){#sp-clear-store{padding:6px}#sp-clear-store .sp-products{grid-template-columns:1fr}#sp-clear-store .sp-card-bottom .sp-primary{width:auto}#sp-clear-store .sp-product h3{font-size:18px}#sp-clear-store .sp-demo-footer{font-size:11px}#sp-clear-store .sp-category{padding:8px 10px}}
@media(prefers-reduced-motion:no-preference){#sp-clear-store .sp-primary,#sp-clear-store .sp-secondary,#sp-clear-store .sp-category{transition:background-color .12s,filter .12s}}
body{margin:0;background:#f6f5f2}
#sp-clear-store a{color:inherit;text-decoration:none}
#sp-clear-store button,#sp-clear-store summary{cursor:pointer}
#sp-clear-store textarea{font:inherit;resize:vertical}
#sp-clear-store .sp-real-photo{aspect-ratio:1.35;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px}
#sp-clear-store .sp-real-photo img{width:100%;height:100%;object-fit:contain;max-height:520px}
#sp-clear-store .sp-real-photo.sp-sold-out-photo{position:relative}
#sp-clear-store .sp-real-photo.sp-sold-out-photo img{filter:none;opacity:1}
#sp-clear-store .sp-real-photo span{color:#737773;font-size:13px;padding:20px;text-align:center}
#sp-clear-store .sp-real-photo .sp-sold-out-badge{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;padding:7px 13px;border:1px solid #eec6b8;border-radius:100px;background:#fbe7df;color:#a13d29;font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:0 2px 8px #a13d2914;pointer-events:none}
#sp-clear-store .sp-variant-group{border:0;padding:0;margin:18px 0}
#sp-clear-store .sp-variant-group legend{font-size:14px;font-weight:700;margin-bottom:8px}
#sp-clear-store .sp-variant-options{display:flex;gap:8px;flex-wrap:wrap}
#sp-clear-store .sp-choice{border:1px solid #deded9;border-radius:10px;padding:9px 16px;min-height:44px;background:#fff;font-size:14px}
#sp-clear-store .sp-choice[aria-pressed=true]{border-color:#d44a26;background:#fff0e7;box-shadow:0 0 0 1px #d44a26}
#sp-clear-store .sp-choice.sp-choice-unavailable{background:#e9e9e7;color:#777a78;border-color:#d4d6d2;opacity:1}
#sp-clear-store .sp-choice.sp-choice-unavailable[aria-pressed=true]{border-color:#777a78;box-shadow:0 0 0 1px #777a78}
#sp-clear-store .sp-choice.sp-choice-unavailable small{font-size:11px;font-weight:400}
#sp-clear-store .sp-choice-hint{flex-basis:100%;margin:0 0 3px;color:#737773;font-size:13px}
#sp-clear-store .sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
#sp-clear-store .sp-field{display:grid;gap:7px;font-size:14px;margin-bottom:16px}
#sp-clear-store .sp-field input,#sp-clear-store .sp-field textarea,#sp-clear-store .sp-field select{width:100%;min-width:0;border:1px solid #d9dcd5;border-radius:10px;padding:11px 12px;min-height:44px;font:16px SPThai,sans-serif;background:#fff;color:#202225}
#sp-clear-store .sp-form-grid .sp-field{margin:0}
#sp-clear-store .sp-col-full{grid-column:1/-1}
#sp-clear-store .sp-login{max-width:420px;margin:40px auto;padding:20px}
#sp-clear-store .sp-login h2{margin-bottom:24px}
#sp-clear-store .sp-admin-nav{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto;font-size:13px}
#sp-clear-store .sp-admin-nav button{min-height:44px}
#sp-clear-store .sp-admin-card{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #ebede8;flex-wrap:wrap}
#sp-clear-store .sp-admin-card .sp-real-photo{width:96px;height:78px;flex-shrink:0}
#sp-clear-store .sp-admin-card .sp-admin-description{flex:1;min-width:140px}
#sp-clear-store .sp-admin-actions{display:flex;gap:10px;flex-wrap:wrap}
#sp-clear-store .sp-option-editor{padding:16px;background:#f8f8f5;border-radius:14px;margin:12px 0}
#sp-clear-store .sp-variant-table{display:grid;gap:12px;margin:18px 0}
#sp-clear-store .sp-variant-row{display:grid;grid-template-columns:1.5fr 1fr .7fr 1fr;gap:12px;align-items:center;border-bottom:1px solid #e6e8e1;padding:14px 0}
#sp-clear-store .sp-variant-row .sp-field{margin:0;font-size:12px}
#sp-clear-store .sp-variant-row>strong{font-size:14px}
#sp-clear-store .sp-editor-actions{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0}
#sp-clear-store .sp-ai-panel{padding:20px;background:#fff4ec;border-radius:16px;margin:20px 0}
#sp-clear-store .sp-ai-panel p{font-size:13px;color:#615c57;margin:8px 0 14px}
#sp-clear-store .sp-image-preview{max-width:360px;margin:16px 0}
#sp-clear-store .sp-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#5c6059;margin:20px 0}
#sp-clear-store .sp-consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px}
#sp-clear-store #sp-status:not(:empty){padding:12px 24px;background:#fff1e8;color:#76351f;font-size:14px}
#sp-clear-store .sp-card-photo.sp-real-photo{border-radius:0}
#sp-clear-store .sp-product .sp-real-photo{border-radius:0}
#sp-clear-store .sp-order-status{display:inline-block;background:#eef2e8;color:#455538;border-radius:50px;padding:5px 13px;font-size:12px}
#sp-clear-store .sp-order-address{background:#f8f8f5;padding:16px;border-radius:12px;margin:16px 0;font-size:14px;white-space:pre-line}
#sp-clear-store .sp-admin-section{padding:20px 10px}
#sp-clear-store .sp-check-label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}
#sp-clear-store .sp-check-label input{width:18px;height:18px}
@media(max-width:720px){#sp-clear-store .sp-admin-nav{grid-column:1/-1;grid-row:auto;margin:0}#sp-clear-store .sp-form-grid{grid-template-columns:1fr}#sp-clear-store .sp-variant-row{grid-template-columns:1fr 1fr}#sp-clear-store .sp-variant-row>strong{grid-column:1/-1}#sp-clear-store .sp-choice{padding:8px 13px}#sp-clear-store .sp-admin-section{padding:10px 0}}
#sp-clear-store [hidden] { display: none !important; }

#sp-clear-store .sp-variant-image-editor{grid-column:1/-1;display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:start}
#sp-clear-store .sp-variant-image-editor .sp-real-photo{height:90px;aspect-ratio:auto}
#sp-clear-store .sp-variant-image-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
#sp-clear-store .sp-variant-image-actions .sp-secondary{font-size:12px;padding:8px 10px}
#sp-clear-store .sp-variant-image-actions .sp-check-label{margin:0}

#sp-clear-store .sp-shipping-breakdown{border-top:1px solid var(--sp-line);margin-top:8px;padding-top:8px}#sp-clear-store .sp-shipping-breakdown .sp-summary-line{font-size:13px;gap:16px;align-items:flex-start}#sp-clear-store .sp-shipping-breakdown .sp-summary-line>span:last-child{white-space:nowrap}

@media(max-width:720px){
  #sp-clear-store .sp-detail-visual,#sp-clear-store .sp-detail-info{display:contents}
  #sp-clear-store .sp-detail-visual>.sp-real-photo{order:1}
  #sp-clear-store .sp-detail-copy{order:2}
  #sp-clear-store .sp-detail-copy>.sp-price{font-size:30px}
  #sp-clear-store .sp-detail-options{order:3;margin-top:0;padding:18px}
  #sp-clear-store .sp-detail-purchase{order:4}
}

#sp-clear-store .sp-account-preview{max-width:460px;margin:10px auto 36px;padding:30px;background:#f8f8f6;border:1px solid #e9ece5;border-radius:18px}
#sp-clear-store .sp-account-preview h2{margin:14px 0 8px}
#sp-clear-store .sp-account-note{font-size:13px;color:#657060;margin-bottom:24px}
#sp-clear-store .sp-account-preview input[readonly]{background:#fff;color:#556052;cursor:default}
#sp-clear-store .sp-account-submit{min-height:48px;padding:12px 18px;border-radius:11px;background:#e3edb9;color:#203326;font-weight:700;opacity:1;cursor:default}
#sp-clear-store .sp-account-switch{font-size:14px;text-align:center;margin-top:20px;color:#64676d}
#sp-clear-store .sp-account-switch a{color:#2e4d36;text-decoration:underline;text-underline-offset:4px;font-weight:700}

/* Incoming products stay browsable in full color until the shop opens sales. */
#sp-clear-store .sp-coming-soon-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 5px;border:1px solid #d8c5f0;border-radius:100px;background:#f0e8fc;color:#512a7c;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
#sp-clear-store .sp-coming-soon-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#69409a;color:#fff;font:20px/1 Arial,sans-serif}
#sp-clear-store .sp-product-coming-soon{border-color:#cdb6e8;box-shadow:0 0 0 1px #e9dcf7}
#sp-clear-store .sp-product-sold-out{border-color:#dfac99;box-shadow:0 0 0 1px #f4ded4}
#sp-clear-store .sp-product-coming-soon .sp-card-photo{position:relative}
#sp-clear-store .sp-product-coming-soon .sp-card-photo>.sp-coming-soon-badge{position:absolute;top:12px;left:12px;z-index:1;box-shadow:0 3px 12px #43216312}
#sp-clear-store .sp-product-coming-soon .sp-stock{color:#69409a}
#sp-clear-store .sp-product-coming-soon .sp-primary{background:#69409a;color:#fff}
#sp-clear-store .sp-product-coming-soon .sp-primary:hover{background:#542e80}
#sp-clear-store .sp-detail-availability{margin:0 0 14px}
#sp-clear-store .sp-coming-soon-info{padding:18px 20px;border:1px solid #dfcff3;border-radius:15px;background:#f3edf9;color:#512a7c}
#sp-clear-store .sp-coming-soon-info strong{font-size:16px}
#sp-clear-store .sp-coming-soon-info p{margin:8px 0 0;font-size:13px;line-height:1.7;color:#655176}
#sp-clear-store .sp-soon-disabled:disabled{min-height:48px;margin-top:14px;padding:12px 16px;border:1px solid #ded6e9;border-radius:11px;background:#ede8f3;color:#756780;font-weight:700;opacity:1;cursor:not-allowed}
#sp-clear-store .sp-cart-coming-soon{margin-top:10px}
#sp-clear-store .sp-cart-coming-soon p{color:#69409a;font-size:12px;margin:6px 0 0}
#sp-clear-store .sp-account-switch a:focus-visible{outline:3px solid #2e4d36;outline-offset:4px}
@media(max-width:720px){#sp-clear-store .sp-account-preview{padding:22px;margin-top:0}#sp-clear-store .sp-header{grid-template-columns:1fr}}

#sp-clear-store .sp-account-submit:not(:disabled){cursor:pointer}
#sp-clear-store .sp-account-submit:not(:disabled):hover{background:#d4e49b}

#sp-utility-bar{--utility-green:#202b26;--utility-lime:#e3edb9;position:sticky;top:0;z-index:100;background:var(--utility-green);color:#fff;font:14px/1.5 SPThai,Arial,sans-serif;box-shadow:0 3px 16px #17251d14}
#sp-utility-bar *{box-sizing:border-box}
#sp-utility-bar .sp-utility-inner{max-width:1220px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#sp-utility-bar a{color:inherit;text-decoration:none}
#sp-utility-bar .sp-utility-brand{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
#sp-utility-bar .sp-utility-brand strong{font:750 21px/1.1 Arial,sans-serif;letter-spacing:-.5px}
#sp-utility-bar .sp-utility-brand span{color:var(--utility-lime);font-size:12px}
#sp-utility-bar nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#sp-utility-bar nav a,#sp-utility-bar nav button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid #ffffff38;border-radius:11px;background:#ffffff08;white-space:nowrap;font-weight:600}
#sp-utility-bar nav button:hover,#sp-utility-bar nav a:hover,#sp-utility-bar nav a[aria-current="page"]{background:#ffffff16;border-color:#ffffff80}
#sp-utility-bar nav .sp-utility-signup{background:var(--utility-lime);color:#203326;border-color:var(--utility-lime)}
#sp-utility-bar nav .sp-utility-signup:hover,#sp-utility-bar nav .sp-utility-signup[aria-current="page"]{background:#f0f5d8;border-color:#f0f5d8}
#sp-utility-bar nav .sp-utility-promo{justify-content:flex-start;gap:11px;padding:7px 14px;border:1px solid #e3edb980;background:linear-gradient(135deg,#e8f2c7,#dce9a8);color:#203326;box-shadow:inset 0 1px #ffffffc0,0 5px 15px #111f181e}
#sp-utility-bar nav .sp-utility-promo:hover,#sp-utility-bar nav .sp-utility-promo[aria-current="page"]{background:linear-gradient(135deg,#f3f8df,#e4efb9);border-color:#f8ffe2;transform:translateY(-1px)}
#sp-utility-bar .sp-utility-promo-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#26402f;color:#f2f8dc;font:23px/1 Arial,sans-serif}
#sp-utility-bar .sp-utility-promo-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
#sp-utility-bar .sp-utility-promo-copy strong{font-size:14px}
#sp-utility-bar .sp-utility-promo-copy small{font-size:11px;color:#526a45;font-weight:500;margin-top:3px}
#sp-utility-bar a:focus-visible,#sp-utility-bar button:focus-visible{outline:3px solid var(--utility-lime);outline-offset:4px}
#sp-utility-bar #sp-cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:var(--utility-lime);color:#203326;font:700 12px Arial,sans-serif}
@media(max-width:720px){
  #sp-utility-bar .sp-utility-inner{padding:12px 18px;gap:12px;align-items:stretch;flex-direction:column}
  #sp-utility-bar .sp-utility-brand{flex-direction:row;justify-content:space-between;align-items:center}
  #sp-utility-bar .sp-utility-brand strong{font-size:18px}
  #sp-utility-bar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #sp-utility-bar nav a,#sp-utility-bar nav button{font-size:13px;padding:8px 10px}
}

#sp-utility-account{display:contents}
#sp-utility-bar nav button{font:inherit;color:inherit;cursor:pointer}
@media(max-width:720px){#sp-utility-bar nav button{grid-column:1/-1}}

/* Selected logo: option 09, DM Sans 800. Storefront branding. */
@font-face{font-family:"SP Shop DM Sans";src:url("/assets/fonts/sp-shop-dm-sans-800-v19.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
#sp-clear-store .sp-brand,#sp-clear-store .sp-footer-brand,#sp-utility-bar .sp-utility-brand strong{font-family:"SP Shop DM Sans",Arial,sans-serif;font-weight:800;letter-spacing:-.045em;font-synthesis:none}
#sp-clear-store .sp-logo-dot,#sp-utility-bar .sp-logo-dot{display:inline-block;width:.118em;height:.118em;background:#ff6b16;border-radius:.012em;margin-left:.057em;position:relative;bottom:.008em;vertical-align:baseline}

/* Single-use discount codes, checkout and owner history. */
#sp-clear-store .sp-coupon-panel{margin:22px 0 16px;padding:18px;border:1px solid #cbd6b8;border-radius:18px;background:#f3f6ea}
#sp-clear-store .sp-coupon-panel h3{font-size:18px;margin:0 0 12px}
#sp-clear-store .sp-coupon-panel .sp-field{font-size:14px;margin-bottom:8px}
#sp-clear-store .sp-coupon-entry{display:flex;gap:8px;align-items:stretch}
#sp-clear-store .sp-coupon-entry input{min-width:0;width:100%;padding:12px;border:1px solid #bdc8af;border-radius:10px;background:white;font:inherit;text-transform:uppercase}
#sp-clear-store .sp-coupon-entry button{white-space:nowrap;padding:10px 15px;flex-shrink:0}
#sp-clear-store .sp-coupon-message{font-size:14px;line-height:1.5;color:#385136;margin:10px 0 0;overflow-wrap:anywhere}
#sp-clear-store .sp-coupon-applied{display:flex;align-items:center;justify-content:space-between;gap:12px}
#sp-clear-store .sp-coupon-applied strong,#sp-clear-store .sp-coupon-applied span{display:block}
#sp-clear-store .sp-coupon-applied strong{font-size:19px;letter-spacing:.06em;overflow-wrap:anywhere}
#sp-clear-store .sp-coupon-applied span{color:#3d643b;margin-top:4px}
#sp-clear-store .sp-discount{color:#386135;gap:12px}
#sp-clear-store .sp-discount span{min-width:0;overflow-wrap:anywhere}
#sp-clear-store .sp-coupon-stats{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
#sp-clear-store .sp-coupon-stats span{background:#eef3e4;border:1px solid #dce5ce;padding:14px 20px;border-radius:16px}
#sp-clear-store .sp-coupon-stats strong{font-size:24px;margin-right:8px;color:#355331}
#sp-clear-store .sp-coupon-admin-form{padding:24px;margin-bottom:30px;border:1px solid #d8e0ca;border-radius:20px;background:#f6f8f0}
#sp-clear-store .sp-coupon-admin-form h3{margin:0 0 18px}
#sp-clear-store .sp-coupon-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#sp-clear-store .sp-coupon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 30px}
#sp-clear-store .sp-coupon-card,#sp-clear-store .sp-coupon-history{min-width:0;padding:22px;border:1px solid #e4e4db;border-radius:18px;background:#fff}
#sp-clear-store .sp-coupon-card{display:flex;align-items:center;justify-content:space-between;gap:14px}
#sp-clear-store .sp-coupon-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#sp-clear-store .sp-coupon-delete{border-color:#e3b9ad;color:#a43d2b;background:#fff7f4}
#sp-clear-store .sp-coupon-delete:hover{background:#fce9e3}
#sp-clear-store .sp-coupon-history .sp-coupon-delete{margin-top:14px}
#sp-clear-store .sp-coupon-code{font-size:20px;letter-spacing:.06em;overflow-wrap:anywhere}
#sp-clear-store .sp-coupon-history h4{font-size:19px;margin:20px 0 4px;overflow-wrap:anywhere}
#sp-clear-store .sp-coupon-history p{margin:0;color:#666}
#sp-clear-store .sp-coupon-history dl{margin:20px 0 0;font-size:14px}
#sp-clear-store .sp-coupon-history dl>div{display:flex;justify-content:space-between;gap:14px;margin:10px 0}
#sp-clear-store .sp-coupon-history dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}
#sp-clear-store .sp-coupon-history dt{flex-shrink:0;color:#666}
#sp-clear-store .sp-coupon-return-form{display:grid;gap:11px;margin-top:18px;padding:15px;border:1px solid #d8c8a7;border-radius:14px;background:#fffaf0}
#sp-clear-store .sp-coupon-return-form .sp-check-label{display:flex;align-items:flex-start;gap:9px;line-height:1.45;font-weight:650;color:#553d25}
#sp-clear-store .sp-coupon-return-form input{flex:none;margin-top:3px;accent-color:#a75e29}
#sp-clear-store .sp-coupon-return-form button{justify-self:start;border-color:#b97a48;color:#6a391b;background:#fff}
#sp-clear-store .sp-coupon-history .sp-coupon-return-form .sp-small-note{font-size:12px;color:#765d42;line-height:1.5}
#sp-clear-store .sp-coupon-returned-badge{background:#f9ead9;color:#7a471d;border:1px solid #ddb990}
#sp-clear-store .sp-coupon-history .sp-coupon-returned-note{margin-top:17px;padding:12px 14px;border-radius:11px;background:#f9ead9;color:#70441f;line-height:1.5}
#sp-clear-store .sp-order>.sp-coupon-returned-note{margin-top:18px;padding:13px 16px;border:1px solid #ddb990;border-radius:11px;background:#f9ead9;color:#70441f;line-height:1.5}
#sp-clear-store .sp-admin-nav{flex-wrap:wrap}
@media(max-width:680px){#sp-clear-store .sp-coupon-list{grid-template-columns:1fr}#sp-clear-store .sp-coupon-admin-form{padding:18px}#sp-clear-store .sp-coupon-code{font-size:17px}#sp-clear-store .sp-coupon-history dl>div{display:block}#sp-clear-store .sp-coupon-history dd{text-align:left;margin-top:3px}#sp-clear-store .sp-coupon-panel{padding:14px}}
#sp-coupon-amount-field[hidden]{display:none!important}
#sp-coupon-customer-fields[hidden]{display:none!important}
#sp-utility-bar .sp-utility-inner>.sp-cart-shortcut{order:3;position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #ffffff38;border-radius:14px;background:#ffffff0d;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#sp-utility-bar .sp-utility-inner>.sp-cart-shortcut:hover,#sp-utility-bar .sp-utility-inner>.sp-cart-shortcut[aria-current="page"]{background:#ffffff1c;border-color:var(--utility-lime);transform:translateY(-1px)}
#sp-utility-bar .sp-utility-inner>.sp-cart-shortcut:focus-visible{outline:3px solid var(--utility-lime);outline-offset:3px}
#sp-utility-bar .sp-utility-inner>nav{order:2}
#sp-utility-bar .sp-cart-shortcut svg{display:block;width:25px;height:25px}
#sp-utility-bar .sp-cart-shortcut #sp-cart-count{position:absolute;top:1px;right:0;min-width:17px;height:17px;border-radius:50%;font-size:10px;padding:0 3px}
@media(max-width:720px){
  #sp-utility-bar .sp-utility-inner{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px 12px;align-items:center}
  #sp-utility-bar .sp-utility-inner>.sp-utility-brand{grid-column:1;min-width:0}
  #sp-utility-bar .sp-utility-inner>.sp-cart-shortcut{grid-column:2;grid-row:1;justify-self:end}
  #sp-utility-bar .sp-utility-inner>nav{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}
  #sp-utility-bar nav .sp-utility-promo{grid-column:1/-1}
}
