/* Online vásárlás (vasarlas.php) – 2026-11-06. A gombok a weboldal egységes stílusát követik: fehér, hoverre zöld. */
.os-page .btn,.os-page .btn-ghost{background:#FFFFFF;color:#2D3429;border:1.5px solid #4E5B51;box-shadow:0 2px 8px rgba(45,52,41,.14);font-weight:600}
.os-page .btn:hover,.os-page .btn:focus-visible,.os-page .btn-ghost:hover{background:#587260;border-color:#4F6756;color:#FFFFFF;box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.os-page .btn:active{background:#4F6756;border-color:#4F6756;color:#FFFFFF}
.os-page .btn[disabled]{opacity:.6;cursor:wait}
.os-page .panel{margin-bottom:var(--sp-4,20px)}
.os-head .os-nav{margin:.6em 0 0;font-weight:600}
.os-head .os-nav a{color:var(--primary-dark,#2D3429)}
.os-promo{border-left:4px solid var(--primary,#4E5B51);padding-left:12px}
.os-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.os-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px;border:1px solid var(--line,rgba(45,52,41,.13));border-radius:14px;background:var(--surface,#fff)}
.os-card-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 260px}
.os-card-t small{color:var(--muted,#5b625c)}
.os-card-a{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.os-card-p{font-weight:600;white-space:nowrap}
.os-badge{align-self:flex-start;margin-top:4px;padding:2px 10px;border-radius:999px;background:var(--soft,#F4E9E8);color:var(--primary-dark,#2D3429);font-size:.85rem;font-weight:600;line-height:1.5}
.os-sum{padding:12px 16px;border-radius:12px;background:var(--soft,#F4E9E8);margin-bottom:14px}
.os-sum small{color:var(--muted,#5b625c)}
.os-price{margin:.4em 0 0}
.os-code{display:inline-block;margin:6px 0;padding:12px 18px;border-radius:12px;background:var(--soft,#F4E9E8);border-left:4px solid var(--primary,#4E5B51);font:600 1.35rem/1.3 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;user-select:all}
.os-form .fsec{margin-top:14px}
.os-form .fsec-h{font-size:1rem;margin:0 0 8px}
@media (max-width:520px){.os-card-a{width:100%;justify-content:space-between}.os-card-a .btn{flex:1 1 auto}}