.commerce-page{max-width:1220px;margin:0 auto;padding:32px 24px 70px}.commerce-page h1{letter-spacing:-.04em;font-size:clamp(32px,5vw,60px);line-height:1.03}.commerce-split{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:32px;display:grid}.gift-art{color:#fff;background:#062e2b;border-radius:24px;flex-direction:column;gap:22px;min-height:320px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #005b4720}.gift-art:after{content:"";pointer-events:none;border:2px solid #ff8c49;border-radius:50%;width:340px;height:360px;position:absolute;bottom:-160px;right:-80px;box-shadow:0 0 0 20px #ff8c4920,0 0 0 42px #ff8c4910}.gift-art strong{letter-spacing:-.04em;font-size:clamp(32px,5vw,68px)}.gift-art h2{max-width:380px;font-size:clamp(25px,4vw,40px);line-height:1.12}.gift-art p{z-index:1;overflow-wrap:anywhere}.commerce-form{gap:18px;display:grid}.commerce-form label{gap:8px;font-size:14px;font-weight:600;display:grid}.commerce-form input,.commerce-form textarea,.commerce-form select{color:#122b26;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d6dedb;border-radius:10px;padding:13px}.commerce-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.commerce-row>*{min-width:0}.commerce-amounts{flex-wrap:wrap;gap:8px;display:flex}.commerce-amounts button{color:inherit;cursor:pointer;background:0 0;border:1px solid #c6d8d1;border-radius:30px;padding:10px 14px}.commerce-amounts button[aria-pressed=true]{color:#102621;background:#ff8b45;border-color:#ff8b45}.commerce-note{color:var(--muted,#778480);font-size:13px;line-height:1.55}.commerce-error{color:#b63523;background:#fff0eb;border-radius:12px;padding:14px}.commerce-card{background:var(--surface,#fff);border:1px solid var(--border,#dce3de);border-radius:16px;min-width:0;margin-bottom:20px;padding:22px}.commerce-card h3{margin:0 0 16px}.commerce-list{gap:10px;display:grid}.commerce-list>a,.commerce-list>button{color:inherit;background:var(--surface,#fff);border:1px solid var(--border,#dce3de);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:18px;text-decoration:none;display:flex}.commerce-list small{color:var(--muted,#70817a);margin-top:5px;display:block}.commerce-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.commerce-toolbar input{width:100%;max-width:440px}.commerce-timeline{padding:0;list-style:none}.commerce-timeline li{border-bottom:1px solid var(--border,#dce3de);grid-template-columns:100px 1fr;gap:18px;padding:16px 0;display:grid}.commerce-timeline time{color:var(--muted,#70817a);font-size:12px}.commerce-timeline small{margin-top:6px;display:block}.commerce-version-lines{overflow-x:auto}.commerce-version-lines table{border-collapse:collapse;width:100%}.commerce-version-lines td,.commerce-version-lines th{text-align:left;border-bottom:1px solid var(--border,#dce3de);padding:12px 8px}.commerce-code{letter-spacing:.06em;overflow-wrap:anywhere;color:#123c32;background:#f0f5f2;border-radius:10px;padding:16px;font-size:20px}.benefit-fields{gap:14px;margin:16px 0;display:grid}.benefit-fields label{gap:6px;display:grid}.benefit-fields input{color:#102b24;background:#fff;border:1px solid #cdd8d2;border-radius:8px;flex:1;min-width:0;padding:12px}.benefit-fields button{color:inherit;cursor:pointer;background:0 0;border:0;padding:10px;text-decoration:underline}.order-line-price{width:100px!important}.order-edit-manual{margin:16px 0}.commerce-sticky{top:var(--admin-header-height,70px);z-index:5;background:var(--surface,#fff);border:1px solid var(--border,#dce3de);border-radius:12px;justify-content:space-between;gap:12px;margin-bottom:22px;padding:16px;display:flex;position:sticky}.commerce-choice{border:1px solid var(--border,#dce3de);border-radius:8px;padding:12px}.commerce-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.commerce-form .commerce-check{align-items:center;gap:10px;display:flex}.commerce-check input{width:18px}.commerce-empty{text-align:center;color:var(--muted,#70817a);padding:40px}@media (max-width:720px){.commerce-split,.commerce-detail-grid{grid-template-columns:1fr}.commerce-page{padding:20px 16px 90px}.gift-art{min-height:280px;padding:26px}.commerce-toolbar{flex-direction:column;align-items:stretch}.commerce-sticky{flex-wrap:wrap;top:0}.commerce-list>a{gap:8px;padding:14px}.commerce-timeline li{grid-template-columns:70px 1fr}.commerce-card{padding:16px}.commerce-version-lines table{min-width:450px}}.commerce-form input.commerce-switch{appearance:none;cursor:pointer;background:#a8b7b0;border:0;border-radius:20px;flex-shrink:0;width:42px;height:24px;padding:3px;transition:background .2s}.commerce-switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block}.commerce-switch:checked{background:#087962!important}.commerce-switch:checked:before{transform:translate(18px)}.commerce-switch:focus-visible{outline-offset:3px;outline:3px solid #ff9a5c}.commerce-diff{gap:10px;margin:20px 0;display:grid}.commerce-diff>div{background:var(--soft,#f4f6f3);overflow-wrap:anywhere;border-radius:10px;padding:12px}.commerce-diff small{margin-top:5px;display:block}.commerce-list small,.commerce-timeline small{overflow-wrap:anywhere}
