:root{--so-bg:#faf8f4;--so-card:#ffffff;--so-ink:#16202e;--so-mute:#5d6673;--so-line:#e4e0d8;--so-soft:#efeae0;--so-red:#c8202f;--so-redtxt:#ffffff;--so-ok:#1b7a4b}.so,.so *{box-sizing:border-box}.so{font-family:inherit;color:var(--so-ink);line-height:1.5}.so a{color:inherit;text-decoration:none}.so button{font:inherit;cursor:pointer}.so :focus-visible{outline:3px solid var(--so-red);outline-offset:2px}.so-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.so-btn{display:inline-block;border-radius:10px;padding:14px 24px;font-weight:600;border:1.5px solid var(--so-ink);background:transparent;color:var(--so-ink)}.so-btn--p{background:var(--so-red);border-color:var(--so-red);color:var(--so-redtxt)}.so-title{font-size:clamp(24px,3.2vw,36px);letter-spacing:-.03em;margin:0 0 20px;font-weight:800;line-height:1.1}.so-sec{padding:28px 0}.so-card{background:var(--so-card);border:1.5px solid var(--so-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;height:100%}.so-card__img{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;background:var(--so-soft);overflow:hidden}.so-card__img img{width:100%;height:100%;object-fit:contain;display:block}.so-badge{position:absolute;top:8px;left:8px;background:var(--so-red);color:var(--so-redtxt);font-size:13px;font-weight:800;padding:3px 9px;border-radius:99px}.so-card small{color:var(--so-mute);font-size:13px}.so-card__t{font-size:15px;line-height:1.3;margin:0;font-weight:600;flex:1}.so-price{font-size:20px;font-weight:800}.so-price s{font-size:14px;color:var(--so-mute);font-weight:400;margin-left:6px}.so-ship{font-size:13px;color:var(--so-ok);font-weight:600}.so-ship--no{color:var(--so-mute)}.so-add{display:block;width:100%;border:0;background:var(--so-ink);color:var(--so-bg);border-radius:9px;padding:11px;font-weight:600;margin-top:4px}.so-add:hover{background:var(--so-red);color:var(--so-redtxt)}.so-add[disabled]{background:var(--so-line);color:var(--so-mute);cursor:not-allowed}.so-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.so-rowwrap{position:relative}.so-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:6px}.so-row>*{flex:0 0 220px;scroll-snap-align:start}.so-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:56px;border:1.5px solid var(--so-line);background:var(--so-card);color:var(--so-ink);font-size:24px;border-radius:8px;z-index:2}.so-arrow--l{left:-10px}.so-arrow--r{right:-10px}.so-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,120px);background:var(--so-ink);color:var(--so-bg);padding:12px 20px;border-radius:10px;z-index:9999;transition:transform .25s;font-weight:600}.so-toast.on{transform:translate(-50%)}@media(max-width:960px){.so-grid{grid-template-columns:repeat(2,1fr)}.so-arrow{display:none}}@media(max-width:480px){.so-grid{gap:10px}.so-card{padding:10px}.so-row>*{flex-basis:70%}}@media(prefers-reduced-motion:reduce){.so *{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/salon-base.css.map */