/* Webáruház aloldal */
.ws-hero { position: relative; overflow: hidden; padding: clamp(36px, 5vw, 64px) 0 clamp(36px, 5vw, 60px); background: var(--cream-2); }
.ws-hero .container { position: relative; z-index: 1; }
.ws-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: center; }
.ws-hero h1 { font-size: clamp(2rem, 4.2vw, 3.1rem); }
.ws-float-cart { font-size: 1.35rem; line-height: 1; }
.ws-vat { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; padding: 7px 14px; border-radius: 999px; background: rgba(46, 156, 99, .12); color: #1f6e45; font-size: .9rem; font-weight: 600; }

/* Prémium tájékoztató */
.ws-notice-pro {
    position: relative; display: flex; gap: 26px; align-items: flex-start; margin-top: 22px; padding: 30px 34px; overflow: hidden;
    border-radius: 22px; color: #f3ebe2;
    background: linear-gradient(135deg, #142722 0%, #203a33 60%, #2a4a40 100%);
    box-shadow: 0 34px 60px -34px rgba(20, 39, 34, .7);
}
.ws-notice-pro::before {
    content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; pointer-events: none;
    background: linear-gradient(135deg, #f3c6a7, rgba(243, 198, 167, .12) 45%, #c45b3d);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.ws-notice-pro::after {
    content: ""; position: absolute; top: -40%; right: -8%; width: 340px; height: 340px; border-radius: 50%; pointer-events: none;
    background: radial-gradient(closest-side, rgba(243, 198, 167, .28), transparent);
}
.ws-notice-badge {
    position: relative; z-index: 1; flex: none; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%;
    color: var(--dark); background: linear-gradient(135deg, #f7dcc2, #d99a74); box-shadow: 0 12px 26px -10px rgba(243, 198, 167, .7);
}
.ws-notice-body { position: relative; z-index: 1; }
.ws-notice-kicker { display: inline-block; margin-bottom: 6px; color: var(--gold-light); font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ws-notice-pro h2 { margin-bottom: 8px; color: #fff; font-size: clamp(1.3rem, 2.2vw, 1.7rem); }
.ws-notice-pro p { max-width: 78ch; color: #d9cdc0; font-size: .96rem; }
.ws-notice-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ws-notice-points li { padding: 8px 14px; border: 1px solid rgba(243, 198, 167, .35); border-radius: 999px; background: rgba(255, 255, 255, .06); color: #e6dacd; font-size: .85rem; }
.ws-notice-points strong { color: var(--gold-light); }

/* Csomagkártyák: egységes magasság, a lenyitás nem nyújtja a szomszédokat */
.ws-pricing { align-items: start; }
@media (min-width: 961px) {
    .ws-pricing .price-card { min-height: 610px; }
    #karbantartas .ws-pricing .price-card { min-height: 440px; }
}

/* Fontos tudnivalók */
.ws-assure { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: stretch; }
.ws-guarantee, .ws-legal { display: flex; gap: 24px; align-items: center; padding: 30px; border-radius: 22px; }
.ws-guarantee { color: var(--dark); background: linear-gradient(135deg, #f7dcc2, #dba580); box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .55); }
.ws-guarantee-num {
    flex: none; display: grid; place-content: center; width: 118px; height: 118px; border-radius: 50%; text-align: center;
    color: var(--gold-light); background: #2c221c; box-shadow: 0 0 0 7px rgba(44, 34, 28, .16);
}
.ws-guarantee-num strong { font: 700 3rem/1 var(--font-display); }
.ws-guarantee-num span { font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ws-assure-kicker { display: inline-block; margin-bottom: 6px; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
.ws-guarantee h3 { margin-bottom: 8px; font-size: 1.5rem; }
.ws-guarantee p { font-size: .98rem; }
.ws-legal { color: #f3ebe2; background: rgba(255, 244, 226, .08); border: 1px solid rgba(240, 214, 168, .35); backdrop-filter: blur(10px); }
.ws-legal .ws-assure-kicker { color: var(--gold-light); }
.ws-legal-icon { flex: none; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; color: var(--gold-light); border: 1.5px solid rgba(240, 214, 168, .5); background: rgba(240, 214, 168, .1); }
.ws-legal h3 { margin-bottom: 8px; color: #fff; font-size: 1.25rem; }
.ws-legal p { color: #d6c7b4; font-size: .94rem; }

/* Folyamat */
.ws-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; counter-reset: none; }
.ws-flow li { position: relative; padding: 22px 18px; background: #fff; border: 1px solid rgba(197, 155, 103, .28); border-radius: var(--radius); }
.ws-flow li:not(:last-child)::after { content: "\2192"; position: absolute; top: 34px; right: -19px; z-index: 1; color: var(--gold-deep); font-size: 1.3rem; font-weight: 700; }
.ws-flow-no { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #d9a17a, var(--gold-deep)); font: 700 1.1rem var(--font-display); }
.ws-flow h3 { margin-bottom: 6px; font-size: 1.08rem; }
.ws-flow p { color: var(--ink-soft); font-size: .88rem; }
.ws-cta { margin-top: 32px; text-align: center; }

@media (max-width: 1100px) {
    .ws-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ws-flow li:nth-child(3)::after { display: none; }
}
@media (max-width: 960px) {
    .ws-hero-grid { grid-template-columns: 1fr; }
    .ws-assure { grid-template-columns: 1fr; }
    .ws-pricing .price-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .ws-notice-pro { flex-direction: column; gap: 16px; padding: 22px 20px; }
    .ws-guarantee, .ws-legal { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
    .ws-flow { grid-template-columns: 1fr; }
    .ws-flow li::after { display: none; }
    .ws-pricing .price-card:last-child { grid-column: auto; }
}