.sp-page{max-width:1120px;margin:0 auto;padding:18px 16px 64px}.sp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.sp-head__title{color:var(--tx-0);letter-spacing:.5px;margin:0;font-size:22px;font-weight:700}.sp-head__sub{color:var(--tx-3);margin:4px 0 0;font-size:13px}.sp-head__right{align-items:center;gap:10px;display:flex}.sp-cats{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sp-cat{border:1px solid var(--bdr-med);background:var(--bg-1);color:var(--tx-2);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:13px;transition:all .15s}.sp-cat:hover{border-color:var(--ac-bdr);color:var(--tx-1)}.sp-cat--on{background:var(--ac);border-color:var(--ac);color:#fff;font-weight:600}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;display:grid}.sp-card{border:1px solid var(--bdr);background:var(--bg-0);border-radius:12px;flex-direction:column;transition:box-shadow .16s,transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.sp-card:hover{border-color:var(--ac-bdr);transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.sp-card__img{aspect-ratio:4/3;background:var(--bg-2);display:block;position:relative;overflow:hidden}.sp-card__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.sp-card__noimg{height:100%;color:var(--tx-3);justify-content:center;align-items:center;font-size:13px;display:flex}.sp-card__fav{border:1px solid var(--bdr-med);width:30px;height:30px;color:var(--tx-2);cursor:pointer;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.sp-card__fav:hover{color:var(--ac);border-color:var(--ac-bdr)}.sp-card__fav--on{color:#c0392b;border-color:#c0392b59}.sp-card__body{flex-direction:column;flex:1;gap:7px;padding:12px 13px 13px;display:flex}.sp-card__name{color:var(--tx-0);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sp-card__sum{color:var(--tx-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:19px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.sp-card__foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.sp-price{color:var(--ac-dim);font-size:18px;font-weight:700}.sp-price small{color:var(--tx-3);margin-left:3px;font-size:12px;font-weight:400}.sp-badge{background:var(--ac-bg);border:1px solid var(--ac-bdr);color:var(--ac-dim);border-radius:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.sp-kind{background:var(--bg-2);color:var(--tx-3);border-radius:4px;padding:1px 7px;font-size:11px;display:inline-block}.sp-btn{border:1px solid var(--bdr-med);background:var(--bg-1);color:var(--tx-1);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 15px;font-size:13px;transition:all .15s}.sp-btn:hover:not(:disabled){border-color:var(--ac-bdr);color:var(--ac-dim)}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn--primary{background:var(--ac);border-color:var(--ac);color:#fff;font-weight:600}.sp-btn--primary:hover:not(:disabled){background:var(--ac-dim);border-color:var(--ac-dim);color:#fff}.sp-btn--ghost{background:0 0}.sp-btn--sm{padding:4px 11px;font-size:12.5px}.sp-btn--danger{color:#a83228;border-color:#a832284d}.sp-empty{text-align:center;color:var(--tx-3);border:1px dashed var(--bdr-med);background:var(--bg-1);border-radius:12px;padding:60px 20px}.sp-empty p{margin:0 0 4px}.sp-tip{background:var(--ac-bg);border:1px solid var(--ac-bdr);color:var(--ac-dim);border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px}.sp-err{color:#a83228;background:#a832280f;border:1px solid #a8322840;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px}.sp-detail{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:860px){.sp-detail{grid-template-columns:1fr;gap:18px}}.sp-gallery{border:1px solid var(--bdr);background:var(--bg-1);border-radius:12px;overflow:hidden}.sp-gallery__main{aspect-ratio:1;background:var(--bg-2);justify-content:center;align-items:center;display:flex}.sp-gallery__main img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.sp-gallery__thumbs{gap:6px;padding:8px;display:flex;overflow-x:auto}.sp-gallery__thumb{border:1px solid var(--bdr-med);cursor:pointer;background:var(--bg-2);border-radius:6px;flex:none;width:56px;height:56px;padding:0;overflow:hidden}.sp-gallery__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.sp-gallery__thumb--on{border-color:var(--ac);border-width:2px}.sp-info__name{color:var(--tx-0);margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.35}.sp-info__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sp-info__sum{color:var(--tx-2);margin:0 0 14px;font-size:14px;line-height:1.7}.sp-pricebox{background:var(--bg-1);border:1px solid var(--bdr);border-radius:10px;margin-bottom:16px;padding:14px 16px}.sp-pricebox__row{align-items:baseline;gap:10px;display:flex}.sp-pricebox__big{color:var(--ac-dim);font-size:28px;font-weight:700}.sp-pricebox__note{color:var(--tx-3);font-size:12.5px}.sp-qty{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sp-qty__label{color:var(--tx-2);font-size:13px}.sp-stepper{border:1px solid var(--bdr-med);border-radius:8px;align-items:center;display:flex;overflow:hidden}.sp-stepper button{background:var(--bg-1);width:32px;height:32px;color:var(--tx-1);cursor:pointer;border:0;font-size:16px}.sp-stepper button:hover{background:var(--bg-2)}.sp-stepper span{text-align:center;min-width:44px;color:var(--tx-0);font-size:14px}.sp-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.sp-actions .sp-btn{padding:10px 22px;font-size:14px}.sp-detail__html{border-top:1px solid var(--bdr);margin-top:26px;padding-top:20px}.sp-cart{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}@media (max-width:860px){.sp-cart{grid-template-columns:1fr}}.sp-row{border:1px solid var(--bdr);background:var(--bg-0);border-radius:10px;grid-template-columns:80px minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:grid}.sp-row--off{opacity:.55}.sp-row__img{background:var(--bg-2);width:80px;height:80px;color:var(--tx-3);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.sp-row__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sp-row__name{color:var(--tx-0);margin-bottom:4px;font-size:14.5px;font-weight:600}.sp-row__price{color:var(--tx-3);font-size:13px}.sp-row__sub{color:var(--ac-dim);text-align:right;min-width:76px;font-size:15px;font-weight:700}.sp-row__del{color:var(--tx-3);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:13px}.sp-row__del:hover{color:#a83228}.sp-panel{border:1px solid var(--bdr);background:var(--bg-1);border-radius:12px;padding:16px}.sp-panel__title{color:var(--tx-0);margin:0 0 12px;font-size:15px;font-weight:700}.sp-sumrow{color:var(--tx-2);justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.sp-sumrow--total{border-top:1px solid var(--bdr-med);color:var(--tx-0);margin-top:4px;padding-top:10px;font-size:15px;font-weight:700}.sp-sumrow--total b{color:var(--ac-dim);font-size:20px}.sp-panel .sp-btn{width:100%;margin-top:12px;padding:11px;font-size:15px}.sp-checkout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}@media (max-width:860px){.sp-checkout{grid-template-columns:1fr}}.sp-block{border:1px solid var(--bdr);background:var(--bg-0);border-radius:12px;margin-bottom:14px;padding:16px}.sp-block__title{color:var(--tx-0);margin:0 0 12px;font-size:15px;font-weight:700}.sp-field{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sp-field label{color:var(--tx-2);min-width:68px;font-size:13px}.sp-input,.sp-select{border:1px solid var(--bdr-med);background:var(--bg-0);color:var(--tx-0);border-radius:8px;flex:1;min-width:160px;padding:7px 10px;font-size:13.5px}.sp-textarea{border:1px solid var(--bdr-med);background:var(--bg-0);width:100%;min-height:68px;color:var(--tx-0);resize:vertical;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.sp-pay{flex-wrap:wrap;gap:10px;display:flex}.sp-pay__opt{border:1px solid var(--bdr-med);background:var(--bg-0);cursor:pointer;text-align:left;min-width:130px;color:var(--tx-1);border-radius:10px;flex:1;padding:12px;font-size:13.5px}.sp-pay__opt--on{border-color:var(--ac);background:var(--ac-bg);font-weight:600}.sp-pay__opt small{color:var(--tx-3);margin-top:3px;font-size:12px;font-weight:400;display:block}