/* Minimal styles for static export (offline) - matches live light theme */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#ffffff;color:#111111;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;background:#353C3D;color:#fff;border-bottom:1px solid #2a2a2a}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:128px}
.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center}
.hero-bg{position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.08),rgba(0,0,0,.08))}
/* Neutral subtle overlay (no burgundy tint) to keep readability on images while preserving light feel */
.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.12),rgba(0,0,0,.12))}
.hero-content{position:relative;text-align:center;padding:40px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none}
.btn-primary{background:#8b1830;color:#fff}
/* Outline button for light sections */
.btn-outline{background:transparent;border-color:#8b1830;color:#8b1830}
.btn-outline:hover{background:rgba(139,24,48,.06)}
.btn-secondary{background:transparent;border-color:#111;color:#111}
  .btn-ozon{background:#1677ff;color:#fff;border-color:#1677ff}
  .btn-ozon:hover{background:#0f67e6}
.section{padding:64px 0}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1fr;}
@media(min-width:1024px){.grid-2{grid-template-columns:1fr 1fr}}
.card{background:rgba(0,0,0,.03);border:1px solid #e5e7eb;border-radius:16px;padding:24px}
img{max-width:100%;height:auto;border-radius:14px}
footer{background:#353C3D;padding:48px 0;border-top:1px solid #2a2a2a;color:#fff}
small, .muted{color:#6b7280}
ul{padding-left:18px}
/* Simple modal styles for offline wholesale form */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}
.modal.open{display:flex}
.modal-card{background:#fff;border-radius:16px;max-width:560px;width:100%;padding:24px;border:1px solid #e5e7eb}
.modal-card h3{margin:0 0 8px 0}
.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}
.input, .textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}
.textarea{min-height:100px}
/* Advantages styling to match live */
#advantages .grid{gap:24px;grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:768px){#advantages .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){#advantages .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#advantages .card{background:rgba(0,0,0,.03);border:1px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center}
#advantages .card strong{display:block;margin-bottom:8px}
#advantages .card .muted{color:#6b7280}