.commerce-wrap{max-width:1220px;margin:30px auto;padding:0 20px 64px}.commerce-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:#8a6676;font-weight:600}.commerce-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.commerce-top h1{font-size:clamp(26px,3.5vw,38px);font-weight:650;letter-spacing:-.035em;margin:7px 0 5px}.commerce-lead{color:var(--muted,#747b83);font-size:14px;line-height:1.6;max-width:760px}.commerce-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #d9dde6;border-radius:12px;padding:10px 15px;background:var(--card,#fff);color:inherit;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;min-height:39px;transition:transform .12s,box-shadow .12s}.commerce-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #7771}.commerce-btn-primary{color:#fff;background:#892747;border-color:#892747}.commerce-btn-primary:hover{color:#fff}.commerce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.commerce-card{border-radius:18px;border:1px solid #e5e6e9;background:var(--card,#fff);overflow:hidden;box-shadow:0 4px 20px #1823320a}.commerce-pic{aspect-ratio:4/3;background:#f1f4f4}.commerce-pic img{width:100%;height:100%;object-fit:cover}.commerce-card-body{padding:16px}.commerce-card h3{margin:5px 0;font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.35}.commerce-card small{font-size:12px;color:#7a8390}.commerce-card strong{font-size:16px;font-weight:650;display:block;margin:10px 0}.commerce-card form{display:flex;gap:6px;align-items:center}.commerce-card input[type=number]{width:58px;min-width:0;padding:10px 5px;text-align:center;border:1px solid #e3e5e9;border-radius:9px;background:var(--card,#fff);color:inherit}.commerce-card button{flex:1}.commerce-panel{border:1px solid #e5e6e9;background:var(--card,#fff);border-radius:18px;padding:20px;margin:14px 0}.commerce-table{width:100%;border-collapse:collapse;font-size:14px}.commerce-table th,.commerce-table td{padding:13px 9px;text-align:left;border-bottom:1px solid #e8eaec;vertical-align:middle}.commerce-table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#7c8390}.commerce-table input,.commerce-panel input,.commerce-panel select,.commerce-panel textarea{border:1px solid #d8dce3;border-radius:9px;background:var(--card,#fff);color:inherit;padding:10px 11px;font:inherit;max-width:100%;box-sizing:border-box}.commerce-panel label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500}.commerce-panel .c-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.commerce-panel textarea{width:100%;min-height:80px}.commerce-panel input:not([type=checkbox]):not([type=radio]),.commerce-panel select{width:100%}.commerce-note{border:1px solid #e3d3a2;background:#fffbec;color:#72591f;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.6;margin:16px 0}.commerce-good{border:1px solid #bcdac5;background:#f0fbf4;color:#206b3d;padding:14px 16px;border-radius:12px;font-size:13px}.commerce-error{border:1px solid #e3b5be;background:#fff0f2;color:#96223c;padding:12px 14px;border-radius:10px;font-size:13px}.commerce-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.commerce-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.commerce-dim{color:#777f8b}.commerce-tag{font-size:11px;font-weight:600;background:#eceff3;border-radius:100px;padding:4px 10px;color:#49535e}.commerce-currency{font-variant-numeric:tabular-nums}.commerce-preview{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.commerce-preview span{background:#f1f4f7;border-radius:100px;padding:5px 8px;font-size:11px;color:#4d5361}.commerce-stack{display:grid;grid-template-columns:1fr 340px;gap:20px}.commerce-checkout-summary{align-self:start}.commerce-list li{margin:7px 0}.commerce-pagination{display:flex;gap:10px;justify-content:center;margin:28px auto}.commerce-muted{font-size:13px;color:#7f8793}.commerce-empty{text-align:center;padding:50px 20px}.commerce-empty h2{font-size:22px;font-weight:600}.commerce-qty-form{display:flex;align-items:center;gap:8px}.commerce-qty-form input[type=number]{width:64px!important}.commerce-check{display:flex!important;flex-direction:row!important;align-items:start;gap:10px!important}.commerce-check input{margin-top:3px}html[data-theme=dark] .commerce-card,html[data-theme=dark] .commerce-panel{border-color:#363e4b;background:#1d2430}html[data-theme=dark] .commerce-note{background:#30291b;color:#f2d494;border-color:#67552c}html[data-theme=dark] .commerce-good{background:#1d3626;color:#b3e9c3;border-color:#3d7850}html[data-theme=dark] .commerce-preview span,html[data-theme=dark] .commerce-tag{background:#333c47;color:#e2e5ea}html[data-theme=dark] .commerce-table th,html[data-theme=dark] .commerce-table td{border-color:#343c47}html[data-theme=dark] .commerce-card input,html[data-theme=dark] .commerce-panel input,html[data-theme=dark] .commerce-panel select,html[data-theme=dark] .commerce-panel textarea{border-color:#50596b;background:#202835;color:#f1f4f6}@media(max-width:950px){.commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-stack{grid-template-columns:1fr}}@media(max-width:670px){.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-card-body{padding:12px}.commerce-card h3{font-size:14px}.commerce-panel{padding:15px;overflow-x:auto}.commerce-table{min-width:580px}.commerce-panel .c-fields{grid-template-columns:1fr}}@media(max-width:390px){.commerce-grid{grid-template-columns:1fr}}
