#view-shopping{max-width:1180px;margin:0 auto}
.shop-heading{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin:12px 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.shop-heading h1{font-family:var(--serif);font-size:clamp(30px,5vw,54px);font-weight:500;line-height:1.08;margin:5px 0 12px}.shop-heading p{max-width:700px;color:var(--muted);line-height:1.8}.shop-eyebrow{font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--green)!important;margin:0!important}
.shop-provider{display:flex;gap:10px;align-items:center;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55);min-width:260px}.shop-provider strong,.shop-provider small{display:block}.shop-provider small{color:var(--muted);margin-top:3px}.shop-dot{width:10px;height:10px;border-radius:50%;background:#4a8f75;box-shadow:0 0 0 5px rgba(74,143,117,.12)}
.shop-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 8px 30px rgba(44,50,48,.04)}.shop-panel h2,.shop-panel h3{font-family:var(--serif);font-weight:600}.shop-panel h2{font-size:26px;margin:4px 0}.shop-panel h3{font-size:19px;margin:5px 0}.shop-panel p{color:var(--muted);line-height:1.65}
.shop-alert,.shop-status{border-radius:12px;padding:12px 15px;margin:0 0 15px}.shop-alert{background:#fff1ed;color:#9e4035}.shop-status{background:#edf6f2;color:#356f5c}
.shop-search{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.shop-search label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.shop-composer{display:flex;gap:8px}.shop-composer input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;font:inherit}.shop-composer button,.shop-offer button,.shop-actions button,.shop-section-head>button,.shop-orders button{border:1px solid #263b37;border-radius:999px;padding:10px 15px;background:transparent;color:#263b37;cursor:pointer}.shop-composer button,.shop-offer button,.shop-actions .primary{background:#263b37;color:#fff}.shop-panel button:disabled{opacity:.42;cursor:not-allowed}
.shop-primary{border:1px solid #263b37;border-radius:999px;padding:10px 16px;background:#263b37;color:#fff;cursor:pointer}.shop-official{border-color:#8eb7a7;background:linear-gradient(135deg,rgba(237,246,242,.92),rgba(255,255,255,.8))}.shop-connect{display:flex;align-items:center;gap:9px}.shop-connect button{border:0;background:transparent;color:#8a4b42;text-decoration:underline;cursor:pointer}.shop-auth{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid #b9d3c9;border-radius:13px;background:#fff}.shop-auth a,.shop-pay a{display:inline-flex;border-radius:999px;padding:10px 15px;background:#263b37;color:#fff;text-decoration:none}.shop-auth button{border:1px solid #263b37;border-radius:999px;padding:10px 15px;background:transparent;cursor:pointer}.shop-auth small{width:100%;color:var(--muted)}
.shop-real-form{display:grid;gap:14px}.shop-real-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.shop-real-form textarea,.shop-real-form input,.shop-real-form select{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;font:inherit}.shop-real-form textarea{min-height:92px;resize:vertical}.shop-form-row{display:grid;grid-template-columns:.55fr 1.45fr;gap:12px}.shop-note{font-size:12px;margin:0}.shop-high{border-color:#d69b91;background:#fff4f1}.shop-order-actions{display:flex;gap:8px;flex-wrap:wrap}.shop-pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px dashed var(--line)}.shop-pay strong{width:100%;font-size:12px;color:#8a4b42}.shop-real-orders article{background:rgba(237,246,242,.45)}
.shop-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.shop-section-head>span{font-size:12px;color:var(--muted);text-align:right}.shop-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-offer{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.45)}.shop-offer.over{opacity:.66}.shop-offer-art{width:76px;height:96px;border-radius:38px 38px 12px 12px;background:linear-gradient(180deg,#b8d5cb,#f0cfad);display:grid;place-items:center;font-family:var(--serif);font-size:28px;color:#354a45}.shop-offer:nth-child(even) .shop-offer-art{background:linear-gradient(180deg,#c9d7ef,#f0e8bd)}.shop-offer small{color:var(--muted)}.shop-offer p{margin:5px 0 12px}.shop-offer dl{display:flex;gap:14px;margin:0;font-size:11px}.shop-offer dl div{display:flex;gap:4px}.shop-offer dt{color:var(--muted)}.shop-offer dd{margin:0}.shop-offer footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:15px}.shop-offer footer span,.shop-offer footer small{display:block}.shop-offer footer strong{font-size:21px;font-family:var(--serif)}
.shop-checkout{border-color:#7ca796}.shop-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shop-summary{margin:18px 0;display:grid;gap:8px}.shop-summary div{display:flex;justify-content:space-between;gap:18px;padding-bottom:8px;border-bottom:1px dashed var(--line)}.shop-summary dd{margin:0;text-align:right}.shop-badge{display:inline-flex;border:1px solid #8eb7a7;border-radius:999px;padding:5px 9px;color:#356f5c;font-size:11px}.shop-badge.blocked{border-color:#d69b91;color:#9e4035}.shop-checks{list-style:none;padding:0;margin:0;display:grid;gap:8px}.shop-checks li{display:flex;gap:10px;padding:9px 10px;border-radius:10px;background:#f2f6f4}.shop-checks li.bad{background:#fff0ed}.shop-checks b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#d9ebe3;color:#356f5c}.shop-checks .bad b{background:#f2c9c1;color:#9e4035}.shop-checks strong,.shop-checks small{display:block}.shop-checks small{color:var(--muted);margin-top:2px}.shop-confirm{display:flex;gap:9px;align-items:flex-start;margin:20px 0;padding:13px;border:1px solid var(--line);border-radius:12px}.shop-confirm input{margin-top:3px}.shop-actions{display:flex;justify-content:flex-end;gap:9px}
.shop-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-orders article{padding:16px;border:1px solid var(--line);border-radius:14px}.shop-orders article>div:first-child{display:flex;justify-content:space-between;gap:8px}.shop-orders article>div:first-child small{color:var(--muted)}.shop-orders ol{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}.shop-orders li{display:flex;justify-content:space-between;gap:10px;font-size:12px}.shop-orders li small{color:var(--muted)}.shop-empty{grid-column:1/-1;text-align:center;padding:25px}
@media(max-width:800px){.shop-heading,.shop-search,.shop-checkout-grid,.shop-form-row{grid-template-columns:1fr}.shop-provider{min-width:0}.shop-offers,.shop-orders{grid-template-columns:1fr}.shop-composer{flex-direction:column}.shop-offer{grid-template-columns:58px 1fr}.shop-offer-art{width:58px;height:74px}.shop-offer footer{align-items:flex-start;flex-direction:column}.shop-offer footer button{width:100%}}