/* Webshop-irányítóoldal (/webshop/, 2026-10-02) — page-webshop.php. Az alap-arculat a hw-fr.css-ből (fr-), itt csak a ws- blokkok. */
.hw-main--ws .fr-hero{min-height:min(86svh,820px)}
.hw-main--ws .fr-hero__img{object-position:65% 50%}

/* Kategória-bento */
.ws-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(270px,auto);gap:16px}
.ws-card{position:relative;isolation:isolate;display:flex;min-height:270px;border-radius:26px;overflow:hidden;background:var(--fr-night);color:#fff;
 box-shadow:0 30px 60px -42px rgba(6,26,18,.85);transition:transform .55s var(--fr-ease),box-shadow .55s}
.ws-card--xl{grid-column:span 2;grid-row:span 2;min-height:556px}
.ws-card--l{grid-column:span 2}
.ws-card__ph{position:absolute;inset:0;margin:0;z-index:-2}
.ws-card__ph img{width:100%;height:100%!important;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--fr-ease)}
.ws-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgba(6,26,18,.08) 0%,rgba(6,26,18,.38) 42%,rgba(6,26,18,.94) 100%),radial-gradient(120% 70% at 0% 100%,rgba(0,100,60,.35),transparent 60%)}
.ws-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .45s}
.ws-card:hover{transform:translateY(-6px);box-shadow:0 44px 70px -42px rgba(0,100,60,.75)}
.ws-card:hover::after{box-shadow:inset 0 0 0 1.5px rgba(230,203,126,.55)}
.ws-card:hover .ws-card__ph img{transform:scale(1.08)}
.ws-card__a{position:absolute;inset:0;z-index:1;border-radius:inherit}
.ws-card__a:focus-visible{outline:3px solid var(--fr-gold);outline-offset:-3px}
.ws-card__tx{position:relative;z-index:2;margin-top:auto;width:100%;padding:22px 24px 24px;pointer-events:none}
.ws-card__n{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;
 background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ws-card__n b{font-family:'Oswald',var(--h),sans-serif;font-size:15px;font-weight:600;color:var(--fr-gold)}
.ws-card h3{margin:12px 0 0;font-family:var(--h,'Alata',sans-serif);font-weight:400;font-size:clamp(24px,2.2vw,32px);line-height:1.06;letter-spacing:-.01em}
.ws-card--xl h3{font-size:clamp(34px,3.8vw,56px)}
.ws-card p{margin:8px 0 0;max-width:540px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.8)}
.ws-card--m p{font-size:13.6px}
.ws-card__subs{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ws-card__subs a{pointer-events:auto;position:relative;z-index:3;display:inline-block;padding:6px 11px;border-radius:999px;font-size:12px;line-height:1.2;color:#fff;text-decoration:none;
 background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,color .25s,box-shadow .25s}
.ws-card__subs a:hover,.ws-card__subs a:focus-visible{background:var(--fr-gold);color:#1b2413;box-shadow:none}
.ws-card__go{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;font-weight:600;color:var(--fr-gold)}
.ws-card__go svg{width:16px;height:16px;transition:transform .35s var(--fr-ease)}
.ws-card:hover .ws-card__go svg{transform:translateX(5px)}

/* Gyors út */
.ws-quick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ws-quick a{position:relative;display:flex;flex-direction:column;gap:6px;min-height:96px;padding:18px 44px 16px 18px;border-radius:18px;background:#fff;color:var(--fr-ink);text-decoration:none;
 box-shadow:inset 0 0 0 1px var(--fr-line),0 18px 36px -30px rgba(23,35,27,.5);transition:transform .35s var(--fr-ease),box-shadow .35s}
.ws-quick a span{font-family:var(--h,'Alata',sans-serif);font-size:17px;line-height:1.15}
.ws-quick a em{margin-top:auto;font-style:normal;font-size:12px;color:var(--fr-mut)}
.ws-quick a svg{position:absolute;top:18px;right:16px;width:16px;height:16px;color:var(--fr-green);transition:transform .35s var(--fr-ease)}
.ws-quick a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--fr-green),0 24px 40px -28px rgba(0,100,60,.6)}
.ws-quick a:hover svg{transform:translateX(4px)}

/* Előnyök */
.ws-ben{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ws-ben li{display:flex;flex-direction:column;gap:12px;padding:26px 24px 24px;transition:transform .45s var(--fr-ease),box-shadow .45s}
.ws-ben li:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(0,100,60,.45),inset 0 0 0 1px rgba(0,100,60,.25)}
.ws-ben h3{margin:2px 0 0;font-family:var(--h,'Alata',sans-serif);font-weight:400;font-size:19px;line-height:1.2;color:var(--fr-ink)}
.ws-ben p{margin:0;font-size:14.5px;line-height:1.6;color:var(--fr-mut)}
.ws-ben a{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--fr-green);text-decoration:none}
.ws-ben a svg{width:15px;height:15px;transition:transform .3s var(--fr-ease)}
.ws-ben a:hover svg{transform:translateX(3px)}

/* Ajánló-sáv */
.ws-cta{background:radial-gradient(90% 120% at 100% 0%,rgba(0,100,60,.35),transparent 60%),var(--fr-deep);color:#fff}
.ws-cta__g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ws-cta__c{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:clamp(26px,3vw,40px);border-radius:26px;
 background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ws-cta__c::after{content:'';position:absolute;right:-70px;top:-70px;z-index:-1;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(230,203,126,.3),transparent)}
.ws-cta__c h3{margin:0;font-family:var(--h,'Alata',sans-serif);font-weight:400;font-size:clamp(24px,2.4vw,34px);line-height:1.1}
.ws-cta__c p{margin:0;max-width:460px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.76)}
.ws-cta__c .fr-btn{align-self:flex-start;margin-top:10px}

@media (max-width:1100px){
 .ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ws-card--xl{grid-row:span 1;min-height:440px}
 .ws-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ws-ben{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
 .ws-grid{grid-template-columns:1fr}
 .ws-card--xl,.ws-card--l{grid-column:auto}
 .ws-card,.ws-card--xl{min-height:330px}
 .ws-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ws-ben,.ws-cta__g{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
 .ws-card,.ws-card__ph img,.ws-quick a,.ws-ben li{transition:none}
 .ws-card:hover,.ws-quick a:hover,.ws-ben li:hover{transform:none}
 .ws-card:hover .ws-card__ph img{transform:scale(1.02)}
}