/*
Theme Name: Audio Włoska Minuta 5.5.8
Theme URI: https://jamesswen.com/
Author: Włoska Minuta
Description: Autorski motyw serwisu Audio Włoska Minuta – czytanki, nagrania i tłumaczenia.
Version: 8.15.4
Text Domain: wma-audio
*/

:root{
  --wma-green:#176B45;
  --wma-green-dark:#08492e;
  --wma-green-soft:#b9e47a;
  --wma-gold:#F0B429;
  --wma-red:#d92e22;
  --wma-cream:#fffdf4;
  --wma-paper:#fffaf0;
  --wma-ink:#103d2b;
  --wma-muted:#647469;
  --wma-shadow:0 24px 70px rgba(24,78,48,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--wma-cream);color:var(--wma-ink);
  font-family:Raleway,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden
}
a{color:inherit}
button,input{font:inherit}
.wma-shell{min-height:100vh}
.wma-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.wma-section{position:relative;padding:96px 0}
.wma-section__head{max-width:720px;margin:0 auto 48px;text-align:center}
.wma-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 13px;
  border:1px solid rgba(23,107,69,.12);border-radius:999px;background:#fff;
  color:var(--wma-green);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 8px 24px rgba(23,107,69,.07)
}
.wma-section h2{
  margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.04em;color:var(--wma-green-dark)
}
.wma-section__head p{margin:0;color:var(--wma-muted);font-size:18px;line-height:1.7}

/* HERO */
.wma-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:820px;
  padding:18px clamp(18px,4vw,64px) 70px;border-radius:0 0 34px 34px;
  transition:background 1.2s ease,filter 1.2s ease,color .7s ease;
}
.wma-hero[data-theme="day"]{
  background:
    radial-gradient(circle at 17% 20%,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(112deg,#176B45 0%,#4c823f 34%,#a29b2f 66%,#F0B429 100%);
}
.wma-hero[data-theme="evening"]{
  background:
    radial-gradient(circle at 15% 18%,rgba(255,230,170,.12),transparent 34%),
    linear-gradient(112deg,#315b48 0%,#8d6d3f 42%,#c8693f 70%,#e79a40 100%);
}
.wma-hero[data-theme="night"]{
  background:
    radial-gradient(circle at 80% 18%,rgba(164,205,255,.10),transparent 30%),
    radial-gradient(circle at 16% 22%,rgba(118,222,190,.08),transparent 28%),
    linear-gradient(112deg,#102c2a 0%,#183f45 40%,#243c67 72%,#402f63 100%);
}
.wma-hero:before{
  content:"";position:absolute;inset:0;z-index:-6;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 91%)
}
.wma-glow{position:absolute;z-index:-4;border-radius:50%;filter:blur(55px);animation:wmaGlow 13s ease-in-out infinite alternate}
.wma-glow--one{width:410px;height:410px;left:-95px;top:120px;background:rgba(234,255,143,.65)}
.wma-glow--two{width:470px;height:470px;right:-140px;bottom:-140px;background:rgba(255,126,89,.42);animation-delay:-6s}
.wma-light-beam{
  position:absolute;z-index:-2;top:-35%;left:-38%;width:26%;height:170%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-19deg);animation:wmaBeam 12s ease-in-out infinite;pointer-events:none
}
.wma-floating-words{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.wma-floating-word{
  position:absolute;color:rgba(255,255,255,.12);font-family:Georgia,serif;font-weight:800;
  letter-spacing:.02em;white-space:nowrap;animation:wmaWord 16s ease-in-out infinite
}
.wma-floating-word:nth-child(1){left:7%;top:19%;font-size:58px}
.wma-floating-word:nth-child(2){left:40%;top:11%;font-size:42px;animation-delay:-3s}
.wma-floating-word:nth-child(3){left:71%;top:21%;font-size:50px;animation-delay:-6s}
.wma-floating-word:nth-child(4){left:17%;top:66%;font-size:46px;animation-delay:-9s}
.wma-floating-word:nth-child(5){left:61%;top:70%;font-size:57px;animation-delay:-12s}
.wma-floating-word:nth-child(6){left:82%;top:57%;font-size:40px;animation-delay:-15s}

/* owoce */
.wma-fruits{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.wma-fruit{
  position:absolute;bottom:-80px;display:block;filter:drop-shadow(0 8px 8px rgba(32,65,34,.16));
  opacity:0;animation:fruitRound linear infinite
}
.wma-fruit--lemon{animation-name:fruitLemon}
.wma-fruit--olive{animation-name:fruitOlive}
.wma-fruit:nth-child(1){left:4%;font-size:38px;animation-duration:17s;animation-delay:-2s}
.wma-fruit:nth-child(2){left:14%;font-size:30px;animation-duration:13s;animation-delay:-8s}
.wma-fruit:nth-child(3){left:27%;font-size:36px;animation-duration:18s;animation-delay:-12s}
.wma-fruit:nth-child(4){left:39%;font-size:28px;animation-duration:12s;animation-delay:-4s}
.wma-fruit:nth-child(5){left:53%;font-size:42px;animation-duration:16s;animation-delay:-10s}
.wma-fruit:nth-child(6){left:66%;font-size:31px;animation-duration:14s;animation-delay:-6s}
.wma-fruit:nth-child(7){left:78%;font-size:38px;animation-duration:19s;animation-delay:-14s}
.wma-fruit:nth-child(8){left:91%;font-size:27px;animation-duration:12s;animation-delay:-1s}
.wma-fruit:nth-child(9){left:33%;font-size:25px;animation-duration:15s;animation-delay:-3s}
.wma-fruit:nth-child(10){left:85%;font-size:36px;animation-duration:16s;animation-delay:-11s}

/* łapki */
.wma-paws{position:absolute;inset:0;z-index:13;pointer-events:none;overflow:hidden}
.wma-paw{
  position:absolute;width:30px;height:30px;opacity:0;transform:rotate(-18deg) scale(.7);
  animation:wmaPaw 10s ease-in-out infinite
}
.wma-paw:before{
  content:"🐾";display:block;font-size:27px;filter:grayscale(1) sepia(.35) hue-rotate(70deg) saturate(2);
  opacity:.34
}
.wma-paw:nth-child(1){left:7%;bottom:13%;animation-delay:1s}
.wma-paw:nth-child(2){left:11%;bottom:18%;animation-delay:1.7s}
.wma-paw:nth-child(3){left:15%;bottom:23%;animation-delay:2.4s}
.wma-paw:nth-child(4){right:12%;bottom:9%;animation-delay:6s}
.wma-paw:nth-child(5){right:16%;bottom:14%;animation-delay:6.7s}
.wma-paw:nth-child(6){right:20%;bottom:19%;animation-delay:7.4s}


/* przełącznik dzień / zachód / noc */
.wma-theme-switcher{
  position:absolute;top:20px;right:24px;z-index:70;display:flex;gap:7px;padding:6px;
  border:1px solid rgba(255,255,255,.18);border-radius:18px;
  background:rgba(255,255,255,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 10px 26px rgba(0,45,28,.13)
}
.wma-theme-btn{
  width:36px;height:36px;border:0;border-radius:12px;background:transparent;cursor:pointer;
  font-size:18px;line-height:36px;text-align:center;opacity:.72;
  transition:transform .22s ease,background .22s ease,opacity .22s ease,box-shadow .22s ease
}
.wma-theme-btn:hover{transform:translateY(-2px);opacity:1}
.wma-theme-btn.is-active{background:rgba(255,255,255,.86);opacity:1;box-shadow:0 5px 14px rgba(0,45,28,.14)}
.wma-hero[data-theme="night"] .wma-copy h1,
.wma-hero[data-theme="night"] .wma-lead,
.wma-hero[data-theme="night"] .wma-nav__links a,
.wma-hero[data-theme="night"] .wma-nav__login{color:#f5f4e8}
.wma-hero[data-theme="night"] .wma-kicker,
.wma-hero[data-theme="night"] .wma-pills span,
.wma-hero[data-theme="night"] .wma-btn--secondary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18)}
.wma-hero[data-theme="night"] .wma-person{filter:drop-shadow(0 12px 15px rgba(0,0,0,.28)) brightness(.94)}
.wma-hero[data-theme="night"] .wma-floating-word{color:rgba(255,255,255,.075)}
.wma-hero[data-theme="night"] .wma-fruit{filter:drop-shadow(0 6px 8px rgba(0,0,0,.24)) brightness(.9)}

/* NAV */
.wma-nav{position:relative;z-index:30;width:min(1450px,100%);margin:0 auto 22px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px}
.wma-nav__brand{display:block;width:195px;height:96px;text-decoration:none;transition:.25s}
.wma-nav__brand:hover{transform:translateY(-2px) rotate(-1deg);filter:drop-shadow(0 7px 10px rgba(23,107,69,.18))}
.wma-nav__brand img{display:block;width:100%;height:100%;object-fit:contain}
.wma-nav__links{display:flex;justify-content:center;gap:clamp(24px,3vw,52px)}
.wma-nav__links a,.wma-nav__login{
  position:relative;color:#073d20;text-decoration:none;font-size:15px;font-weight:850;
  transition:transform .22s,color .22s
}
.wma-nav__links a:after,.wma-nav__login:after{
  content:"";position:absolute;left:50%;bottom:-8px;width:0;height:2px;border-radius:4px;
  background:var(--wma-green);transform:translateX(-50%);transition:width .22s
}
.wma-nav__links a:hover,.wma-nav__login:hover{color:var(--wma-green);transform:translateY(-3px)}
.wma-nav__links a:hover:after,.wma-nav__login:hover:after{width:100%}
.wma-nav__actions{display:flex;align-items:center;gap:22px}
.wma-nav__cta{
  position:relative;overflow:hidden;min-height:48px;display:inline-flex;align-items:center;
  padding:12px 20px;border-radius:13px;background:linear-gradient(135deg,var(--wma-green),#2a965d);
  color:#fff;text-decoration:none;font-size:14px;font-weight:850;
  box-shadow:0 12px 28px rgba(10,85,41,.24);transition:transform .25s,box-shadow .25s
}
.wma-nav__cta:before,.wma-btn--primary:before{
  content:"";position:absolute;top:-55%;left:-65%;width:30%;height:210%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transform:skewX(-18deg);transition:left .65s
}
.wma-nav__cta:hover,.wma-btn--primary:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(10,85,41,.32)}
.wma-nav__cta:hover:before,.wma-btn--primary:hover:before{left:135%}

/* HERO CONTENT */
.wma-hero__grid{position:relative;z-index:5;width:min(1450px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(430px,.88fr) minmax(620px,1.12fr);align-items:center;gap:22px}
.wma-copy{position:relative;z-index:8;padding:26px 0 70px}
.wma-kicker{display:inline-flex;margin-bottom:23px;padding:10px 16px;border:1px solid rgba(7,61,32,.12);border-radius:999px;background:rgba(255,255,255,.63);box-shadow:0 10px 28px rgba(31,75,30,.08);backdrop-filter:blur(12px);color:var(--wma-green);font-size:13px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.wma-copy h1{max-width:700px;margin:0 0 25px;color:#073d20;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,5.4vw,88px);line-height:.94;letter-spacing:-.055em}
.wma-copy h1 span{color:var(--wma-green)}
.wma-lead{max-width:620px;margin:0 0 30px;color:rgba(7,61,32,.84);font-size:clamp(18px,1.6vw,22px);line-height:1.56;font-weight:600}
.wma-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:27px}
.wma-btn{
  position:relative;overflow:hidden;min-height:56px;display:inline-flex;align-items:center;justify-content:center;
  gap:11px;padding:14px 23px;border-radius:17px;text-decoration:none;font-size:16px;font-weight:850;
  transition:transform .24s,box-shadow .24s
}
.wma-btn:hover{transform:translateY(-4px)}
.wma-btn--primary{color:#fff;background:linear-gradient(135deg,var(--wma-green),#2d9a5f);box-shadow:0 15px 31px rgba(11,84,41,.28)}
.wma-btn--secondary{color:var(--wma-green);border:1px solid rgba(7,61,32,.13);background:rgba(255,255,255,.66);box-shadow:0 11px 26px rgba(54,82,34,.08);backdrop-filter:blur(12px)}
.wma-btn--secondary:hover{box-shadow:0 17px 30px rgba(54,82,34,.15)}
.wma-pills{display:flex;flex-wrap:wrap;gap:10px}
.wma-pills span{min-height:39px;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid rgba(7,61,32,.1);border-radius:14px;background:rgba(255,255,255,.56);color:#164d2b;font-size:13px;font-weight:800;backdrop-filter:blur(10px)}
.wma-scene{position:relative;min-height:635px}
.wma-person{position:absolute;display:block;height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0 22px 18px rgba(48,56,27,.12))}
.wma-person--teo{width:295px;left:-2%;bottom:-40px;z-index:3}
.wma-person--giulia{width:268px;right:-1%;bottom:-29px;z-index:2}
.wma-person--leo{width:190px;left:24%;bottom:-25px;z-index:9}
.wma-phone{position:absolute;z-index:8;left:56%;top:49%;width:300px;height:596px;transform:translate(-50%,-50%) rotateY(-5deg);display:block;padding:47px 18px 19px;overflow:hidden;border:11px solid #202628;border-radius:48px;background:radial-gradient(circle at 88% 6%,rgba(205,238,103,.48),transparent 28%),linear-gradient(180deg,#fcfff2 0%,#f7f7e8 55%,#fff2df 100%);color:#153c24;box-shadow:0 38px 75px rgba(20,46,28,.25),0 14px 30px rgba(20,46,28,.17);cursor:pointer;text-align:left;appearance:none;animation:wmaPhone 6.5s ease-in-out infinite}
.wma-phone__island{position:absolute;top:15px;left:50%;width:94px;height:28px;transform:translateX(-50%);border-radius:18px;background:#050607}
.wma-phone__header{display:flex;justify-content:space-between;margin-bottom:15px;color:#52705a;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.wma-cover{position:relative;overflow:hidden;height:190px;display:flex;align-items:flex-end;padding:17px;border-radius:25px;background:linear-gradient(154deg,#dff28a 0%,#add763 41%,#ffc876 72%,#f18768 100%);box-shadow:0 20px 35px rgba(81,92,39,.18)}
.wma-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,63,34,.42),transparent 57%)}
.wma-cover__sun{position:absolute;top:28px;right:30px;width:62px;height:62px;border-radius:50%;background:#fff1ac;box-shadow:0 0 48px rgba(255,239,153,.95)}
.wma-cover__hill{position:absolute;left:-15%;width:135%;border-radius:50% 50% 0 0}
.wma-cover__hill--1{bottom:13%;height:40%;background:#83af51}.wma-cover__hill--2{left:-3%;bottom:1%;height:38%;background:#4d873f}.wma-cover__hill--3{left:25%;bottom:-16%;height:47%;background:#14572f}
.wma-cover strong{position:relative;z-index:3;color:#fff;font-size:22px;line-height:.96;text-shadow:0 3px 12px rgba(0,0,0,.25)}
.wma-track{display:block;margin:17px 0 12px;text-align:center}.wma-track strong,.wma-track small{display:block}.wma-track strong{font-size:17px}.wma-track small{margin-top:4px;color:#748077;font-size:10px}
.wma-progress{display:block;height:5px;overflow:hidden;border-radius:999px;background:#d8ddcf}.wma-progress__fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--wma-green),var(--wma-red))}
.wma-time{display:flex;justify-content:space-between;margin-top:6px;color:#7a847c;font-size:9px;font-weight:750}
.wma-play{width:57px;height:57px;display:grid;place-items:center;margin:12px auto 13px;padding-left:3px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--wma-green),#2d995d);box-shadow:0 13px 25px rgba(24,94,45,.31);font-size:18px}
.wma-phone.is-playing .wma-play{animation:wmaPulse 1.5s ease-in-out infinite}
.wma-preview{display:block;padding:11px 13px;border:1px solid rgba(24,89,42,.09);border-radius:16px;background:rgba(255,255,255,.72)}
.wma-preview span{display:block;font-size:10px;line-height:1.35}.wma-preview span+span{margin-top:6px;padding-top:6px;border-top:1px solid rgba(31,79,40,.08);color:#7b837d}
.wma-phone__hint{display:block;margin-top:8px;color:rgba(21,60,36,.62);font-size:9px;font-weight:750;text-align:center}
.wma-wave{position:absolute;z-index:1;left:-5%;right:-5%;bottom:-78px;height:145px;border-radius:50% 50% 0 0/70% 70% 0 0;background:var(--wma-cream);transform:rotate(-1.2deg)}

/* Jak działa */
.wma-how{background:var(--wma-cream)}
.wma-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wma-card{position:relative;padding:32px;border:1px solid rgba(23,107,69,.1);border-radius:26px;background:#fff;box-shadow:0 15px 50px rgba(28,78,46,.08);transition:.25s}
.wma-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(28,78,46,.13)}
.wma-step__number{position:absolute;top:20px;right:23px;color:rgba(23,107,69,.15);font-size:42px;font-weight:900}
.wma-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;border-radius:18px;background:linear-gradient(145deg,#e9f8c4,#fff1c7);font-size:29px;box-shadow:0 10px 25px rgba(23,107,69,.09)}
.wma-card h3{margin:0 0 10px;color:var(--wma-green-dark);font-size:22px}
.wma-card p{margin:0;color:var(--wma-muted);line-height:1.7}

/* czytanki */
.wma-readings{background:linear-gradient(180deg,#fffdf4,#f3f8e7)}
.wma-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wma-reading{overflow:hidden;padding:0}
.wma-reading__cover{position:relative;height:210px;padding:24px;display:flex;align-items:flex-end;background:linear-gradient(140deg,#d8f28b,#8ecf70 50%,#f3b05d 100%)}
.wma-reading:nth-child(2) .wma-reading__cover{background:linear-gradient(140deg,#ffe599,#ef9d69 50%,#8ab76a 100%)}
.wma-reading:nth-child(3) .wma-reading__cover{background:linear-gradient(140deg,#c7efdc,#7bbca7 48%,#f1bd66 100%)}
.wma-reading__cover:before{content:"";position:absolute;width:105px;height:105px;right:28px;top:24px;border-radius:50%;background:rgba(255,247,182,.85);box-shadow:0 0 45px rgba(255,246,173,.7)}
.wma-reading__cover strong{position:relative;z-index:2;color:#fff;font-family:Georgia,serif;font-size:28px;line-height:1.02;text-shadow:0 4px 13px rgba(23,69,41,.25)}
.wma-reading__body{padding:25px}
.wma-reading__meta{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--wma-green);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.wma-reading h3{font-size:22px}
.wma-reading a{display:inline-flex;margin-top:18px;color:var(--wma-green);font-weight:850;text-decoration:none}

/* warto */
.wma-benefits{background:#fff}
.wma-benefit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.wma-benefit-visual{position:relative;min-height:470px;border-radius:34px;background:linear-gradient(140deg,#176B45,#86c56a 54%,#F0B429);overflow:hidden;box-shadow:var(--wma-shadow)}
.wma-benefit-visual:before{content:"ascolta";position:absolute;left:-20px;top:55px;color:rgba(255,255,255,.15);font:900 85px Georgia}
.wma-benefit-visual:after{content:"impara";position:absolute;right:-10px;bottom:35px;color:rgba(255,255,255,.15);font:900 75px Georgia}
.wma-benefit-phone{position:absolute;left:50%;top:53%;width:240px;height:390px;transform:translate(-50%,-50%) rotate(-5deg);border:8px solid #fff;border-radius:35px;background:#fff9e9;box-shadow:0 25px 60px rgba(4,46,28,.35);padding:35px 20px}
.wma-benefit-phone span{display:block;height:13px;margin-bottom:14px;border-radius:8px;background:#d7e8cb}
.wma-benefit-phone span:nth-child(2){width:73%}.wma-benefit-phone span:nth-child(3){width:88%}.wma-benefit-phone span:nth-child(4){width:61%}
.wma-benefit-phone strong{display:grid;place-items:center;width:76px;height:76px;margin:55px auto;border-radius:50%;background:var(--wma-green);color:#fff;font-size:28px}
.wma-benefit-list{display:grid;gap:18px}
.wma-benefit-item{display:grid;grid-template-columns:47px 1fr;gap:16px;align-items:start}
.wma-check{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#e7f5d5;color:var(--wma-green);font-size:21px;font-weight:900}
.wma-benefit-item h3{margin:2px 0 7px;font-size:20px}.wma-benefit-item p{margin:0;color:var(--wma-muted);line-height:1.65}

/* opinie */
.wma-opinions{background:linear-gradient(140deg,#eff8dc,#fff4d3)}
.wma-opinion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wma-quote{font-family:Georgia,serif;font-size:54px;line-height:.7;color:var(--wma-gold)}
.wma-opinion p{font-size:17px;line-height:1.75;color:#385747}
.wma-opinion small{display:block;margin-top:20px;color:var(--wma-muted);font-weight:750}
.wma-opinion-note{margin-top:24px;text-align:center;color:#748078;font-size:13px}

/* cennik */
.wma-pricing{background:#fff}
.wma-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:25px}
.wma-price{padding:38px}
.wma-price--featured{border:2px solid var(--wma-green);transform:translateY(-10px);background:linear-gradient(180deg,#fff,#f4fae6)}
.wma-price__label{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf5d8;color:var(--wma-green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.wma-price h3{margin:20px 0 5px;font-size:30px}.wma-price__amount{margin-bottom:23px;font-family:Georgia,serif;font-size:42px;color:var(--wma-green-dark)}
.wma-price__amount small{font:600 14px Raleway;color:var(--wma-muted)}
.wma-price ul{display:grid;gap:13px;margin:0 0 28px;padding:0;list-style:none;color:#425f50}
.wma-price li:before{content:"✓";margin-right:10px;color:var(--wma-green);font-weight:900}
.wma-price .wma-btn{width:100%}

/* FAQ */
.wma-faq{background:#f5f8eb}
.wma-faq-list{max-width:850px;margin:auto;display:grid;gap:14px}
.wma-faq details{border:1px solid rgba(23,107,69,.11);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(30,70,45,.06)}
.wma-faq summary{padding:22px 25px;cursor:pointer;font-size:17px;font-weight:850;color:var(--wma-green-dark);list-style:none}
.wma-faq summary::-webkit-details-marker{display:none}
.wma-faq summary:after{content:"＋";float:right;color:var(--wma-green)}
.wma-faq details[open] summary:after{content:"−"}
.wma-faq details p{margin:0;padding:0 25px 24px;color:var(--wma-muted);line-height:1.7}

/* footer */
.wma-footer{
  position:relative;overflow:hidden;padding:75px 0 28px;color:#fff;
  background:linear-gradient(135deg,#08492e,#176B45 58%,#987116)
}
.wma-footer:before{content:"";position:absolute;inset:0;opacity:.09;background-image:radial-gradient(circle at 10% 10%,#fff 0 2px,transparent 3px);background-size:34px 34px}
.wma-footer__grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px}
.wma-footer__brand img{width:190px;max-height:120px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.wma-footer__brand p{max-width:420px;color:rgba(255,255,255,.76);line-height:1.7}
.wma-footer h3{margin:0 0 18px;color:#fff;font-size:17px}
.wma-footer a{display:block;margin:0 0 12px;color:rgba(255,255,255,.78);text-decoration:none}
.wma-footer a:hover{color:#fff}
.wma-footer__bottom{position:relative;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);text-align:center;color:rgba(255,255,255,.62);font-size:13px}

/* animacje */
@keyframes wmaPhone{0%,100%{transform:translate(-50%,-50%) rotateY(-5deg) scale(1)}50%{transform:translate(-50%,-50%) rotateY(-2deg) translateY(-13px) scale(1.008)}}
@keyframes wmaGlow{from{transform:translate3d(-12px,7px,0) scale(.96)}to{transform:translate3d(24px,-19px,0) scale(1.08)}}
@keyframes wmaBeam{0%,14%{left:-38%;opacity:0}25%{opacity:1}42%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@keyframes wmaWord{0%{transform:translate3d(-25vw,0,0) scale(.96);opacity:0}10%{opacity:.55}72%{opacity:.55}100%{transform:translate3d(145vw,-8px,0) scale(1.03);opacity:0}}
@keyframes fruitLemon{0%{transform:translate3d(0,0,0) rotate(-6deg);opacity:0}10%{opacity:.9}50%{transform:translate3d(15px,-420px,0) rotate(110deg)}100%{transform:translate3d(-8px,-900px,0) rotate(230deg);opacity:0}}
@keyframes fruitOlive{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}10%{opacity:.8}25%{transform:translate3d(15px,-210px,0) rotate(180deg)}50%{transform:translate3d(-12px,-440px,0) rotate(360deg)}75%{transform:translate3d(10px,-650px,0) rotate(540deg)}100%{transform:translate3d(-7px,-900px,0) rotate(720deg);opacity:0}}
@keyframes fruitRound{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}10%{opacity:.82}50%{transform:translate3d(10px,-430px,0) rotate(260deg)}100%{transform:translate3d(-5px,-900px,0) rotate(560deg);opacity:0}}
@keyframes wmaPaw{0%,10%{opacity:0;transform:scale(.7) rotate(-18deg)}18%,45%{opacity:.45;transform:scale(1) rotate(-12deg)}60%,100%{opacity:0;transform:scale(1.05) rotate(-7deg)}}
@keyframes wmaPulse{0%,100%{box-shadow:0 13px 25px rgba(24,94,45,.31)}50%{box-shadow:0 15px 31px rgba(24,94,45,.43),0 0 0 10px rgba(38,137,67,.11)}}

/* responsywność */
@media(max-width:1120px){
  .wma-nav{grid-template-columns:1fr auto}.wma-nav__links{display:none}.wma-hero__grid{grid-template-columns:1fr}
  .wma-copy{text-align:center;padding-bottom:10px}.wma-copy h1,.wma-lead{margin-left:auto;margin-right:auto}.wma-actions,.wma-pills{justify-content:center}
  .wma-scene{min-height:680px;max-width:760px;width:100%;margin:0 auto}.wma-benefit-layout{grid-template-columns:1fr}.wma-benefit-visual{max-width:650px;width:100%;margin:auto}
}
@media(max-width:850px){
  .wma-steps,.wma-reading-grid,.wma-opinion-grid{grid-template-columns:1fr 1fr}.wma-opinion-grid .wma-card:last-child{grid-column:1/-1}
  .wma-footer__grid{grid-template-columns:1fr 1fr}.wma-footer__brand{grid-column:1/-1}
}
@media(max-width:700px){
  .wma-container{width:min(100% - 28px,1180px)}.wma-section{padding:70px 0}
  .wma-hero{min-height:auto;padding:12px 15px 42px;border-radius:0}.wma-nav{margin-bottom:5px;grid-template-columns:1fr auto;gap:10px}
  .wma-nav__brand{width:135px;height:76px}.wma-nav__cta{min-height:42px;padding:9px 12px;font-size:11px}
  .wma-copy{padding-top:14px}.wma-kicker{margin-bottom:17px;font-size:11px}.wma-copy h1{margin-bottom:19px;font-size:clamp(49px,15vw,66px)}
  .wma-lead{margin-bottom:24px;font-size:17px;line-height:1.47}.wma-actions{flex-direction:column;gap:11px;margin-bottom:21px}.wma-btn{width:100%;min-height:54px}
  .wma-pills{gap:8px}.wma-pills span{font-size:12px;padding:8px 10px}.wma-scene{min-height:570px;margin-top:-14px;transform:scale(.92);transform-origin:top center}
  .wma-person--teo{width:215px;left:-7%;bottom:-25px}.wma-person--giulia{width:198px;right:-6%;bottom:-18px}.wma-person--leo{width:140px;left:20%;bottom:-11px}
  .wma-phone{width:246px;height:505px;left:58%;padding:43px 15px 15px;border-width:9px;border-radius:42px}.wma-cover{height:155px}.wma-cover strong{font-size:19px}
  .wma-steps,.wma-reading-grid,.wma-opinion-grid,.wma-price-grid{grid-template-columns:1fr}.wma-opinion-grid .wma-card:last-child{grid-column:auto}
  .wma-price--featured{transform:none}.wma-footer__grid{grid-template-columns:1fr}.wma-footer__brand{grid-column:auto}
  .wma-floating-word{font-size:34px!important}.wma-fruit{font-size:27px!important}.wma-paw{display:none}
}
@media(prefers-reduced-motion:reduce){
  .wma-phone,.wma-glow,.wma-light-beam,.wma-floating-word,.wma-fruit,.wma-paw,.wma-phone.is-playing .wma-play{animation:none!important}
}

.wma-floating-word:nth-child(1){animation-duration:22s;animation-delay:-2s}
.wma-floating-word:nth-child(2){animation-duration:27s;animation-delay:-15s}
.wma-floating-word:nth-child(3){animation-duration:24s;animation-delay:-9s}
.wma-floating-word:nth-child(4){animation-duration:30s;animation-delay:-23s}
.wma-floating-word:nth-child(5){animation-duration:33s;animation-delay:-27s}
.wma-floating-word:nth-child(6){animation-duration:29s;animation-delay:-18s}

/* ===== OSTATECZNY UKŁAD MOBILNY ===== */
@media(max-width:700px){
  html{scroll-padding-top:10px}
  .wma-hero{padding:10px 14px 34px;min-height:auto;border-radius:0}
  .wma-theme-switcher{position:fixed;top:auto;right:12px;bottom:15px;z-index:999;padding:5px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(7,50,29,.22)}
  .admin-bar .wma-theme-switcher{bottom:15px}
  .wma-theme-btn{width:34px;height:34px;line-height:34px}
  .wma-nav{grid-template-columns:1fr auto;margin-bottom:0;align-items:center}
  .wma-nav__brand{width:128px;height:70px}
  .wma-nav__actions{gap:8px}
  .wma-nav__cta{font-size:11px;padding:9px 11px}
  .wma-hero__grid{display:flex;flex-direction:column;gap:0}
  .wma-copy{order:1;padding:12px 0 18px;text-align:center}
  .wma-copy h1{font-size:clamp(48px,14vw,65px);line-height:.98;margin:0 auto 18px}
  .wma-lead{font-size:16px;line-height:1.5;margin:0 auto 22px}
  .wma-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .wma-pills{justify-content:center}
  .wma-scene{
    order:2;position:relative;width:100%;height:600px;min-height:600px;margin:0;
    transform:none;overflow:visible
  }
  .wma-phone{
    left:50%;top:275px;width:min(76vw,310px);height:540px;
    transform:translate(-50%,-50%);padding:43px 15px 15px;border-width:9px;border-radius:42px;
    animation:wmaPhoneMobile 6.5s ease-in-out infinite
  }
  .wma-cover{height:165px}
  .wma-person--teo{
    width:145px;left:2%;bottom:-8px;z-index:6
  }
  .wma-person--giulia{
    width:132px;right:1%;bottom:-7px;z-index:6
  }
  .wma-person--leo{
    width:132px;left:50%;bottom:-13px;transform:translateX(-50%);z-index:12
  }
  .wma-wave{bottom:-55px;height:105px}
  .wma-floating-words{opacity:.55}
  .wma-floating-word{font-size:30px!important}
  .wma-fruit{font-size:30px!important}
}
@media(max-width:430px){
  .wma-scene{height:570px;min-height:570px}
  .wma-phone{top:260px;width:min(78vw,300px);height:515px}
  .wma-person--teo{width:132px;left:-1%}
  .wma-person--giulia{width:120px;right:-1%}
  .wma-person--leo{width:122px}
}
@keyframes wmaPhoneMobile{
  0%,100%{transform:translate(-50%,-50%) translateY(0) scale(1)}
  50%{transform:translate(-50%,-50%) translateY(-8px) scale(1.006)}
}

.wma-fruit--grapes{animation-name:fruitGrapes}
@keyframes fruitGrapes{
  0%{transform:translate3d(0,0,0) rotate(-2deg);opacity:0}
  12%{opacity:.72}
  55%{transform:translate3d(-8px,-320px,0) rotate(8deg)}
  100%{transform:translate3d(6px,-620px,0) rotate(18deg);opacity:0}
}

/* V5 — spokojniejszy, lżejszy układ */
.wma-hero:before{display:none!important}

/* niższe hero na komputerze */
@media(min-width:1121px){
  .wma-hero{min-height:700px;padding-bottom:34px}
  .wma-hero__grid{min-height:560px}
  .wma-copy{padding:8px 0 42px}
  .wma-scene{min-height:560px}
  .wma-phone{width:276px;height:548px;top:50%;left:56%;animation:none!important}
  .wma-cover{height:170px}
  .wma-person--teo{width:255px;left:0;bottom:-12px}
  .wma-person--giulia{width:232px;right:0;bottom:-9px}
  .wma-person--leo{width:165px;left:26%;bottom:-8px}
  .wma-wave{bottom:-92px;height:125px}
}

/* mniej obciążających animacji */
.wma-glow{animation-duration:24s!important}
.wma-light-beam{animation-duration:20s!important}
.wma-floating-word{animation-duration:38s!important;opacity:.55}
.wma-fruit{will-change:transform;animation-timing-function:linear}
.wma-phone{will-change:auto}
.wma-person,.wma-phone,.wma-glow,.wma-floating-word,.wma-fruit{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden
}

/* spokojniejszy ruch owoców */
.wma-fruit:nth-child(1),
.wma-fruit:nth-child(2),
.wma-fruit:nth-child(3),
.wma-fruit:nth-child(4),
.wma-fruit:nth-child(5),
.wma-fruit:nth-child(6),
.wma-fruit:nth-child(7),
.wma-fruit:nth-child(8),
.wma-fruit:nth-child(9),
.wma-fruit:nth-child(10){
  animation-duration:28s!important
}

/* OSTATECZNY UKŁAD TELEFONICZNY */
@media(max-width:700px){
  .wma-hero{
    padding:8px 14px 18px;
    min-height:auto!important;
  }

  .wma-copy{
    order:1;
    padding:4px 0 16px!important;
  }

  .wma-copy h1{
    font-size:clamp(44px,13vw,58px)!important;
    line-height:.98!important;
    margin-bottom:16px!important;
  }

  .wma-lead{
    font-size:16px!important;
    line-height:1.45!important;
    margin-bottom:18px!important;
  }

  .wma-scene{
    order:2;
    width:100%;
    height:470px!important;
    min-height:470px!important;
    margin:0!important;
    overflow:visible;
    transform:none!important;
  }

  .wma-phone{
    width:min(64vw,252px)!important;
    height:455px!important;
    left:50%!important;
    top:212px!important;
    padding:39px 13px 13px!important;
    border-width:8px!important;
    border-radius:36px!important;
    animation:none!important;
    transform:translate(-50%,-50%)!important;
  }

  .wma-phone__island{
    width:78px!important;
    height:24px!important;
    top:12px!important;
  }

  .wma-cover{
    height:132px!important;
    border-radius:20px!important;
    padding:14px!important;
  }

  .wma-cover__sun{
    width:48px!important;
    height:48px!important;
    right:22px!important;
    top:20px!important;
  }

  .wma-cover strong{font-size:18px!important}
  .wma-track{margin:13px 0 9px!important}
  .wma-track strong{font-size:15px!important}
  .wma-play{
    width:50px!important;
    height:50px!important;
    margin:9px auto 10px!important;
  }

  .wma-preview{
    padding:9px 10px!important;
  }

  .wma-preview span{
    font-size:9px!important;
  }

  .wma-phone__hint{
    font-size:8px!important;
    margin-top:6px!important;
  }

  /* postacie stoją pod telefonem, nie za nim */
  .wma-person--teo{
    width:104px!important;
    left:7%!important;
    bottom:-2px!important;
    z-index:10!important;
  }

  .wma-person--giulia{
    width:96px!important;
    right:7%!important;
    bottom:-1px!important;
    z-index:10!important;
  }

  .wma-person--leo{
    width:96px!important;
    left:50%!important;
    bottom:-7px!important;
    transform:translateX(-50%)!important;
    z-index:12!important;
  }

  .wma-wave{
    height:72px!important;
    bottom:-38px!important;
  }

  .wma-floating-word{font-size:25px!important;opacity:.32!important}
  .wma-fruit{font-size:24px!important;opacity:.72}
  .wma-paws{display:none!important}

  /* przełącznik pory dnia nie zasłania treści */
  .wma-theme-switcher{
    position:absolute!important;
    top:82px!important;
    right:10px!important;
    bottom:auto!important;
    transform:scale(.9);
    transform-origin:top right;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:445px!important;
    min-height:445px!important;
  }

  .wma-phone{
    width:min(66vw,242px)!important;
    height:438px!important;
    top:204px!important;
  }

  .wma-person--teo{width:96px!important;left:4%!important}
  .wma-person--giulia{width:88px!important;right:4%!important}
  .wma-person--leo{width:90px!important}
}

/* nie animujemy całego hero ani telefonu — to usuwa „szarpanie” */
@media(prefers-reduced-motion:no-preference){
  .wma-phone{animation:none!important}
}

/* =========================================================
   V6 BEST FINAL — niższe hero, łagodna fala, czysty mobile
   ========================================================= */

/* HERO DESKTOP — bardziej zwarte */
@media(min-width:1121px){
  .wma-hero{
    min-height:620px!important;
    padding-top:12px!important;
    padding-bottom:20px!important;
  }

  .wma-nav{
    margin-bottom:8px!important;
  }

  .wma-hero__grid{
    min-height:500px!important;
  }

  .wma-copy{
    padding:0 0 22px!important;
  }

  .wma-kicker{
    margin-bottom:16px!important;
  }

  .wma-copy h1{
    margin-bottom:18px!important;
    font-size:clamp(54px,4.8vw,78px)!important;
  }

  .wma-lead{
    margin-bottom:22px!important;
    font-size:clamp(17px,1.35vw,20px)!important;
  }

  .wma-actions{
    margin-bottom:20px!important;
  }

  .wma-scene{
    min-height:500px!important;
  }

  .wma-phone{
    width:260px!important;
    height:515px!important;
    top:49%!important;
  }

  .wma-cover{
    height:158px!important;
  }

  .wma-person--teo{
    width:238px!important;
    bottom:-4px!important;
  }

  .wma-person--giulia{
    width:216px!important;
    bottom:-3px!important;
  }

  .wma-person--leo{
    width:152px!important;
    bottom:-2px!important;
  }
}

/* FALA — jedna łagodna krzywizna */
.wma-wave{
  left:-8%!important;
  right:-8%!important;
  bottom:-60px!important;
  height:112px!important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0!important;
  transform:none!important;
  background:var(--wma-cream)!important;
}

/* Mobile: usuwamy wszystkie postacie */
@media(max-width:700px){
  .wma-person--teo,
  .wma-person--giulia,
  .wma-person--leo{
    display:none!important;
  }

  .wma-hero{
    min-height:auto!important;
    padding:8px 14px 0!important;
  }

  .wma-nav{
    margin-bottom:0!important;
  }

  .wma-copy{
    padding:0 0 10px!important;
  }

  .wma-copy h1{
    font-size:clamp(42px,12.5vw,56px)!important;
    margin-bottom:13px!important;
  }

  .wma-lead{
    font-size:15px!important;
    line-height:1.42!important;
    margin-bottom:15px!important;
  }

  .wma-actions{
    gap:8px!important;
    margin-bottom:14px!important;
  }

  .wma-pills{
    gap:7px!important;
  }

  .wma-pills span{
    min-height:35px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }

  .wma-scene{
    height:400px!important;
    min-height:400px!important;
    margin-top:0!important;
  }

  .wma-phone{
    width:min(62vw,238px)!important;
    height:420px!important;
    top:194px!important;
  }

  .wma-cover{
    height:124px!important;
  }

  .wma-wave{
    height:62px!important;
    bottom:-30px!important;
  }

  .wma-section{
    padding-top:60px!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:380px!important;
    min-height:380px!important;
  }

  .wma-phone{
    width:min(64vw,232px)!important;
    height:406px!important;
    top:186px!important;
  }

  .wma-cover{
    height:116px!important;
  }
}

/* wolniejsze i łagodniejsze animacje */
.wma-fruit{
  animation-duration:34s!important;
  opacity:.78;
}

.wma-floating-word{
  animation-duration:44s!important;
}

.wma-light-beam{
  animation-duration:26s!important;
}

/* subtelny, ale płynny błysk przycisków */
.wma-nav__cta:before,
.wma-btn--primary:before{
  transition:left .9s ease!important;
}

/* ograniczenie obciążenia GPU */
.wma-glow{
  filter:blur(62px)!important;
  opacity:.72;
}

@media(max-width:700px){
  .wma-glow{
    opacity:.45;
    filter:blur(72px)!important;
  }

  .wma-floating-words{
    opacity:.36!important;
  }

  .wma-fruits{
    opacity:.8!important;
  }
}

/* =========================================================
   V7 — uśmiech zamiast fali + ruch w stylu Apple
   ========================================================= */

/* Usuwamy starą falę całkowicie */
.wma-wave{display:none!important}

/* HERO: środek schodzi niżej, brzegi są wyżej */
.wma-hero{
  border-radius:0 0 50% 50% / 0 0 8% 8%!important;
  margin-bottom:42px!important;
  overflow:hidden!important;
}

/* Telefon bez niebieskiej obwódki i ciężkiego cienia */
.wma-phone{
  outline:none!important;
  box-shadow:
    0 24px 48px rgba(10,45,28,.18),
    0 8px 18px rgba(10,45,28,.10)!important;
  transition:
    transform .28s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s ease!important;
}

.wma-phone:focus{outline:none!important}
.wma-phone:focus-visible{
  outline:3px solid rgba(255,255,255,.72)!important;
  outline-offset:5px!important;
}

/* Parallax — wartości ustawiane przez JS */
.wma-hero{
  --phone-x:0px;
  --phone-y:0px;
  --teo-x:0px;
  --teo-y:0px;
  --leo-x:0px;
  --leo-y:0px;
  --giulia-x:0px;
  --giulia-y:0px;
}

@media(min-width:701px){
  .wma-phone{
    animation:none!important;
    transform:
      translate(
        calc(-50% + var(--phone-x)),
        calc(-50% + var(--phone-y))
      )
      rotateY(-3deg)!important;
  }

  .wma-person--teo{
    transform:translate3d(var(--teo-x),var(--teo-y),0)!important;
    transition:transform .34s cubic-bezier(.22,.61,.36,1)!important;
  }

  .wma-person--leo{
    transform:translate3d(var(--leo-x),var(--leo-y),0)!important;
    transition:transform .30s cubic-bezier(.22,.61,.36,1)!important;
  }

  .wma-person--giulia{
    transform:translate3d(var(--giulia-x),var(--giulia-y),0)!important;
    transition:transform .38s cubic-bezier(.22,.61,.36,1)!important;
  }

  .wma-phone:hover{
    box-shadow:
      0 30px 58px rgba(10,45,28,.21),
      0 10px 22px rgba(10,45,28,.11)!important;
  }
}

/* Hero jeszcze trochę niższe na komputerze */
@media(min-width:1121px){
  .wma-hero{
    min-height:590px!important;
    padding-bottom:12px!important;
  }
  .wma-hero__grid{min-height:470px!important}
  .wma-scene{min-height:470px!important}
  .wma-copy{padding-bottom:12px!important}
  .wma-phone{width:252px!important;height:498px!important}
  .wma-person--teo{width:228px!important}
  .wma-person--giulia{width:208px!important}
  .wma-person--leo{width:148px!important}
}

/* Mobile: tylko telefon, bez postaci; telefon w całości i bez brzydkiej obwódki */
@media(max-width:700px){
  .wma-person--teo,
  .wma-person--giulia,
  .wma-person--leo{
    display:none!important
  }

  .wma-hero{
    border-radius:0 0 50% 50% / 0 0 4.5% 4.5%!important;
    margin-bottom:26px!important;
    padding-bottom:6px!important;
  }

  .wma-scene{
    height:390px!important;
    min-height:390px!important;
  }

  .wma-phone{
    width:min(61vw,232px)!important;
    height:410px!important;
    top:188px!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:
      0 18px 38px rgba(10,45,28,.16),
      0 6px 14px rgba(10,45,28,.08)!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:372px!important;
    min-height:372px!important;
  }
  .wma-phone{
    width:min(63vw,228px)!important;
    height:400px!important;
    top:182px!important;
  }
}

/* Szarpanie: ograniczamy kosztowne elementy */
.wma-glow{
  animation:none!important;
}
.wma-light-beam{
  animation-duration:30s!important;
}
.wma-floating-word{
  animation-duration:48s!important;
}
.wma-fruit{
  animation-duration:38s!important;
  will-change:transform;
}

/* W razie ograniczenia ruchu — pełny spokój */
@media(prefers-reduced-motion:reduce){
  .wma-phone,
  .wma-person,
  .wma-fruit,
  .wma-floating-word,
  .wma-light-beam{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}

/* =========================================================
   V8 — połowa telefonu + lekki mobile bez lagów
   ========================================================= */

/* Telefon zmniejszony o połowę na komputerze */
@media(min-width:701px){
  .wma-phone{
    width:126px!important;
    height:249px!important;
    padding:24px 8px 8px!important;
    border-width:5px!important;
    border-radius:24px!important;
    box-shadow:
      0 12px 24px rgba(10,45,28,.14),
      0 4px 10px rgba(10,45,28,.07)!important;
  }

  .wma-phone__island{
    width:47px!important;
    height:14px!important;
    top:7px!important;
  }

  .wma-phone__header{
    margin-bottom:7px!important;
    font-size:5px!important;
  }

  .wma-cover{
    height:79px!important;
    padding:8px!important;
    border-radius:13px!important;
  }

  .wma-cover__sun{
    width:31px!important;
    height:31px!important;
    right:15px!important;
    top:14px!important;
  }

  .wma-cover strong{
    font-size:11px!important;
  }

  .wma-track{
    margin:8px 0 6px!important;
  }

  .wma-track strong{
    font-size:9px!important;
  }

  .wma-track small{
    font-size:5px!important;
  }

  .wma-progress{
    height:3px!important;
  }

  .wma-time{
    margin-top:3px!important;
    font-size:5px!important;
  }

  .wma-play{
    width:29px!important;
    height:29px!important;
    margin:6px auto!important;
    font-size:9px!important;
  }

  .wma-preview{
    padding:6px!important;
    border-radius:9px!important;
  }

  .wma-preview span{
    font-size:5px!important;
  }

  .wma-phone__hint{
    margin-top:3px!important;
    font-size:4px!important;
  }

  .wma-scene{
    min-height:330px!important;
  }

  .wma-hero__grid{
    min-height:350px!important;
  }

  .wma-hero{
    min-height:500px!important;
  }
}

/* MOBILE — bez animacji i bez nakładania przełącznika na tekst */
@media(max-width:700px){
  .wma-theme-switcher{
    position:static!important;
    display:flex!important;
    width:max-content!important;
    margin:2px auto 12px!important;
    transform:none!important;
    background:rgba(255,255,255,.78)!important;
    z-index:20!important;
  }

  .wma-hero__grid{
    display:flex!important;
    flex-direction:column!important;
  }

  .wma-copy{
    order:1!important;
  }

  .wma-scene{
    order:2!important;
    height:230px!important;
    min-height:230px!important;
  }

  .wma-phone{
    width:116px!important;
    height:205px!important;
    top:102px!important;
    left:50%!important;
    padding:20px 7px 7px!important;
    border-width:4px!important;
    border-radius:21px!important;
    box-shadow:
      0 10px 20px rgba(10,45,28,.12),
      0 3px 8px rgba(10,45,28,.06)!important;
    animation:none!important;
    transition:none!important;
    transform:translate(-50%,-50%)!important;
  }

  .wma-phone__island{
    width:42px!important;
    height:13px!important;
    top:6px!important;
  }

  .wma-phone__header{
    margin-bottom:6px!important;
    font-size:4.5px!important;
  }

  .wma-cover{
    height:66px!important;
    padding:6px!important;
    border-radius:11px!important;
  }

  .wma-cover__sun{
    width:25px!important;
    height:25px!important;
    right:12px!important;
    top:11px!important;
  }

  .wma-cover strong{
    font-size:9px!important;
  }

  .wma-track{
    margin:6px 0 4px!important;
  }

  .wma-track strong{
    font-size:8px!important;
  }

  .wma-track small{
    font-size:4px!important;
  }

  .wma-progress{
    height:2px!important;
  }

  .wma-time{
    margin-top:2px!important;
    font-size:4px!important;
  }

  .wma-play{
    width:25px!important;
    height:25px!important;
    margin:4px auto!important;
    font-size:8px!important;
  }

  .wma-preview{
    padding:5px!important;
    border-radius:8px!important;
  }

  .wma-preview span{
    font-size:4px!important;
  }

  .wma-phone__hint{
    display:none!important;
  }

  /* całkowicie wyłączamy kosztowne animacje na telefonie */
  .wma-fruit,
  .wma-floating-word,
  .wma-light-beam,
  .wma-glow,
  .wma-paw{
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  .wma-floating-words,
  .wma-light-beam,
  .wma-paws{
    display:none!important;
  }

  /* zostają tylko cztery statyczne owoce */
  .wma-fruit{
    display:none!important;
  }

  .wma-fruit:nth-child(1),
  .wma-fruit:nth-child(3),
  .wma-fruit:nth-child(6),
  .wma-fruit:nth-child(8){
    display:block!important;
    position:absolute!important;
    opacity:.52!important;
    font-size:23px!important;
    bottom:auto!important;
    filter:none!important;
    transform:none!important;
  }

  .wma-fruit:nth-child(1){left:7%!important;top:24%!important}
  .wma-fruit:nth-child(3){left:82%!important;top:36%!important}
  .wma-fruit:nth-child(6){left:13%!important;top:73%!important}
  .wma-fruit:nth-child(8){left:87%!important;top:78%!important}

  .wma-hero{
    min-height:auto!important;
    padding-bottom:0!important;
  }

  .wma-copy h1{
    font-size:clamp(39px,11.5vw,52px)!important;
  }

  .wma-actions{
    margin-bottom:12px!important;
  }

  .wma-pills{
    margin-bottom:2px!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:220px!important;
    min-height:220px!important;
  }

  .wma-phone{
    width:112px!important;
    height:198px!important;
    top:98px!important;
  }
}

/* =========================================================
   V9 — MOBILE PERFORMANCE MODE
   Usuwa wszystko, co może powodować przycinanie na telefonie.
   ========================================================= */

@media(max-width:700px){

  /* 1. Statyczne, proste tło — bez radialnych gradientów */
  .wma-hero[data-theme="day"]{
    background:linear-gradient(115deg,#176B45 0%,#7f9638 58%,#F0B429 100%)!important;
  }
  .wma-hero[data-theme="evening"]{
    background:linear-gradient(115deg,#315b48 0%,#a4603e 62%,#e79a40 100%)!important;
  }
  .wma-hero[data-theme="night"]{
    background:linear-gradient(115deg,#102c2a 0%,#203e55 58%,#402f63 100%)!important;
  }

  /* 2. Całkowicie usuwamy warstwy dekoracyjne */
  .wma-glow,
  .wma-light-beam,
  .wma-floating-words,
  .wma-fruits,
  .wma-paws{
    display:none!important;
  }

  /* 3. Bez blurów, filtrów i backdrop-filter */
  .wma-hero *,
  .wma-theme-switcher,
  .wma-kicker,
  .wma-pills span,
  .wma-btn--secondary{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }

  /* 4. Bez kosztownych animacji i przejść */
  .wma-hero *,
  .wma-hero *::before,
  .wma-hero *::after{
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  /* 5. Ograniczamy cienie */
  .wma-phone{
    box-shadow:0 8px 18px rgba(10,45,28,.10)!important;
  }
  .wma-btn,
  .wma-nav__cta,
  .wma-kicker,
  .wma-pills span,
  .wma-theme-switcher{
    box-shadow:none!important;
  }

  /* 6. Prosty przełącznik — nad kickerem, bez nakładania */
  .wma-theme-switcher{
    position:static!important;
    display:flex!important;
    margin:4px auto 12px!important;
    width:max-content!important;
    padding:4px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(23,107,69,.12)!important;
  }
  .wma-theme-btn{
    width:32px!important;
    height:32px!important;
    line-height:32px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  .wma-theme-btn.is-active{
    background:#fff!important;
    box-shadow:none!important;
  }

  /* 7. Krótsze i prostsze hero */
  .wma-hero{
    border-radius:0 0 34px 34px!important;
    margin-bottom:18px!important;
    padding:8px 14px 0!important;
    contain:layout paint;
  }

  .wma-copy{
    padding:0 0 8px!important;
  }

  .wma-copy h1{
    font-size:clamp(38px,11vw,50px)!important;
    line-height:1!important;
    margin-bottom:12px!important;
  }

  .wma-lead{
    font-size:15px!important;
    line-height:1.4!important;
    margin-bottom:14px!important;
  }

  .wma-actions{
    gap:8px!important;
    margin-bottom:10px!important;
  }

  .wma-pills{
    gap:6px!important;
    margin-bottom:0!important;
  }

  .wma-pills span{
    font-size:10px!important;
    min-height:32px!important;
    padding:6px 8px!important;
    background:rgba(255,255,255,.82)!important;
  }

  /* 8. Telefon bardzo mały i bez efektów */
  .wma-scene{
    height:205px!important;
    min-height:205px!important;
  }

  .wma-phone{
    width:108px!important;
    height:190px!important;
    top:94px!important;
    left:50%!important;
    padding:18px 6px 6px!important;
    border-width:4px!important;
    border-radius:19px!important;
    transform:translate(-50%,-50%)!important;
  }

  .wma-phone__island{
    width:39px!important;
    height:12px!important;
    top:5px!important;
  }

  .wma-phone__header{
    margin-bottom:5px!important;
    font-size:4px!important;
  }

  .wma-cover{
    height:61px!important;
    padding:5px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }

  .wma-cover__sun{
    width:23px!important;
    height:23px!important;
    right:10px!important;
    top:9px!important;
    box-shadow:none!important;
  }

  .wma-cover strong{
    font-size:8px!important;
  }

  .wma-track{
    margin:5px 0 3px!important;
  }

  .wma-track strong{
    font-size:7px!important;
  }

  .wma-track small{
    display:none!important;
  }

  .wma-progress{
    height:2px!important;
  }

  .wma-time{
    margin-top:2px!important;
    font-size:4px!important;
  }

  .wma-play{
    width:23px!important;
    height:23px!important;
    margin:3px auto!important;
    font-size:7px!important;
    box-shadow:none!important;
  }

  .wma-preview{
    padding:4px!important;
    border-radius:7px!important;
    background:#fff!important;
  }

  .wma-preview span{
    font-size:3.8px!important;
  }

  .wma-phone__hint{
    display:none!important;
  }

  /* 9. Brak smooth scroll na słabszych urządzeniach */
  html{
    scroll-behavior:auto!important;
  }
}

@media(max-width:430px){
  .wma-scene{
    height:198px!important;
    min-height:198px!important;
  }

  .wma-phone{
    width:104px!important;
    height:184px!important;
    top:91px!important;
  }
}

/* =========================================================
   V10 — wersja ostateczna
   Lepsza widoczność logo, spokojniejsze watermarki,
   eleganckie animacje desktopowe, maksymalnie lekki mobile.
   ========================================================= */

/* LOGO — czytelne na każdym tle */
.wma-nav__brand{
  width:210px!important;
  height:104px!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 34px rgba(8,73,46,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.wma-nav__brand img{
  object-fit:contain!important;
}
@media(min-width:701px){
  .wma-nav__brand{
    animation:wmaLogoBreath 8s ease-in-out infinite!important;
  }
}
@keyframes wmaLogoBreath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.015)}
}

/* WATERMARKI — dużo subtelniejsze i poza główną treścią */
.wma-floating-word{
  opacity:.045!important;
  color:#fff!important;
  font-size:34px!important;
  animation-duration:54s!important;
}
.wma-floating-word:nth-child(1){left:3%!important;top:15%!important}
.wma-floating-word:nth-child(2){left:31%!important;top:8%!important}
.wma-floating-word:nth-child(3){left:75%!important;top:13%!important}
.wma-floating-word:nth-child(4){left:7%!important;top:72%!important}
.wma-floating-word:nth-child(5){left:69%!important;top:76%!important}
.wma-floating-word:nth-child(6){left:84%!important;top:60%!important}

/* DESKTOP — elegancki, spokojny ruch */
@media(min-width:701px){
  .wma-phone{
    animation:wmaPhoneFloat 12s ease-in-out infinite!important;
  }

  .wma-person--teo{
    animation:wmaTeoFloat 11s ease-in-out infinite!important;
  }

  .wma-person--giulia{
    animation:wmaGiuliaFloat 13s ease-in-out infinite!important;
  }

  .wma-person--leo{
    animation:wmaLeoFloat 10s ease-in-out infinite!important;
  }

  .wma-btn--secondary .wma-arrow,
  .wma-btn--secondary span:last-child{
    transition:transform .25s ease!important;
  }

  .wma-btn--secondary:hover .wma-arrow,
  .wma-btn--secondary:hover span:last-child{
    transform:translateX(5px)!important;
  }
}

@keyframes wmaPhoneFloat{
  0%,100%{transform:translate(-50%,-50%) rotate(-.6deg)}
  50%{transform:translate(-50%,-50%) translateY(-8px) rotate(.5deg)}
}
@keyframes wmaTeoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes wmaGiuliaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes wmaLeoFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-3px) rotate(.4deg)}
}

/* OWOCE — spokojniejszy rytm, nie wszystkie naraz */
@media(min-width:701px){
  .wma-fruit{
    opacity:.68!important;
    animation-duration:42s!important;
  }
  .wma-fruit--lemon{animation-duration:30s!important}
  .wma-fruit--olive{animation-duration:24s!important}
  .wma-fruit--grapes{animation-duration:52s!important}
}

/* PRZEŁĄCZNIK PORY DNIA */
.wma-theme-switcher{
  border-radius:16px!important;
}
@media(min-width:701px){
  .wma-theme-switcher{
    top:18px!important;
    right:18px!important;
  }
}

/* SUBTELNA STRZAŁKA W DÓŁ */
.wma-scroll-cue{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:20;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.76);
  color:var(--wma-green-dark);
  text-decoration:none;
  font-size:18px;
  box-shadow:0 8px 20px rgba(8,73,46,.12);
}
@media(min-width:701px){
  .wma-scroll-cue{
    animation:wmaScrollCue 2.6s ease-in-out infinite;
  }
}
@keyframes wmaScrollCue{
  0%,100%{transform:translate(-50%,0)}
  50%{transform:translate(-50%,6px)}
}

/* UŚMIECH — środek hero niżej, brzegi wyżej */
.wma-hero{
  clip-path:ellipse(88% 100% at 50% 0%)!important;
  padding-bottom:46px!important;
  margin-bottom:34px!important;
}

/* MOBILE — absolutne minimum efektów */
@media(max-width:700px){
  .wma-nav__brand{
    width:148px!important;
    height:78px!important;
    padding:5px 9px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .wma-theme-switcher{
    position:static!important;
    margin:6px auto 12px!important;
    transform:scale(.82)!important;
    transform-origin:center!important;
  }

  .wma-floating-words,
  .wma-fruits,
  .wma-light-beam,
  .wma-glow,
  .wma-paws,
  .wma-scroll-cue{
    display:none!important;
  }

  .wma-phone,
  .wma-person,
  .wma-btn,
  .wma-nav__brand{
    animation:none!important;
    transition:none!important;
    transform:none;
  }

  .wma-phone{
    width:104px!important;
    height:184px!important;
    left:50%!important;
    top:91px!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:0 6px 14px rgba(10,45,28,.08)!important;
  }

  .wma-scene{
    height:198px!important;
    min-height:198px!important;
  }

  .wma-hero{
    clip-path:none!important;
    border-radius:0 0 28px 28px!important;
    padding-bottom:0!important;
    margin-bottom:18px!important;
    contain:layout paint style!important;
  }

  .wma-copy h1{
    font-size:clamp(38px,10.8vw,50px)!important;
  }

  .wma-pills span{
    box-shadow:none!important;
    background:#fff!important;
  }

  .wma-kicker,
  .wma-btn--secondary{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* =========================================================
   V11 — białe logo bez kapsuły + większe postacie
   ========================================================= */

/* LOGO: bez białej kapsuły, większe i całkowicie białe */
.wma-nav__brand{
  width:260px!important;
  height:118px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
  transform:translateY(12px)!important;
}

.wma-nav__brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1) drop-shadow(0 3px 8px rgba(0,0,0,.18))!important;
  opacity:1!important;
}

.wma-nav__brand:hover{
  transform:translateY(9px) scale(1.02)!important;
}

/* większe postacie */
@media(min-width:701px){
  .wma-person--teo{
    width:250px!important;
  }

  .wma-person--giulia{
    width:228px!important;
  }

  .wma-person--leo{
    width:160px!important;
  }
}

/* przycisk w menu: miękkie rozjaśnienie i poświata */
.wma-nav__cta{
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    filter .24s ease!important;
}

.wma-nav__cta:hover{
  transform:translateY(-3px)!important;
  filter:brightness(1.08)!important;
  box-shadow:
    0 18px 38px rgba(10,85,41,.30),
    0 0 24px rgba(72,188,118,.18)!important;
}

/* mobilnie: logo również białe, ale proporcjonalnie mniejsze */
@media(max-width:700px){
  .wma-nav__brand{
    width:172px!important;
    height:86px!important;
    transform:translateY(5px)!important;
  }

  .wma-nav__brand:hover{
    transform:translateY(5px)!important;
  }

  .wma-nav__brand img{
    filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.16))!important;
  }
}

/* =========================================================
   V12 — porządek w lewej kolumnie hero
   ========================================================= */

/* Po usunięciu dodatkowego napisu pod logo, cała treść idzie równo do lewej */
.wma-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
}

.wma-copy h1,
.wma-lead,
.wma-actions,
.wma-pills{
  margin-left:0!important;
  margin-right:0!important;
}

/* Przyciski i etykiety w jednej, uporządkowanej osi */
.wma-actions{
  justify-content:flex-start!important;
}

.wma-pills{
  justify-content:flex-start!important;
  align-items:center!important;
  margin-top:2px!important;
  margin-bottom:42px!important;
}

/* Więcej bezpiecznego odstępu od dolnej krzywizny hero */
@media(min-width:701px){
  .wma-copy{
    padding-bottom:52px!important;
  }

  .wma-pills{
    margin-bottom:46px!important;
  }
}

/* Telefon i pozostałe elementy nie wpływają na układ lewej kolumny */
.wma-hero__grid{
  align-items:center!important;
}

/* Mobile pozostaje czytelny, ale nadal uporządkowany */
@media(max-width:700px){
  .wma-copy{
    align-items:center!important;
    text-align:center!important;
  }

  .wma-copy h1,
  .wma-lead,
  .wma-actions,
  .wma-pills{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .wma-actions,
  .wma-pills{
    justify-content:center!important;
  }

  .wma-pills{
    margin-bottom:18px!important;
  }
}


/* =========================================================
   V13 — SYSTEM CZYTANEK
   ========================================================= */

.wma-reading-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 92% 8%,rgba(240,180,41,.12),transparent 25%),
    linear-gradient(180deg,#f6fae9 0%,#fffdf6 36%,#fff 100%);
}

.wma-reading-nav{
  position:relative;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:18px 0;
}

.wma-reading-nav__logo{
  width:190px;
  height:92px;
  display:block;
}

.wma-reading-nav__logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
}

.wma-reading-nav__links{
  display:flex;
  align-items:center;
  gap:14px;
}

.wma-reading-nav__links a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:13px;
  color:var(--wma-green-dark);
  font-size:14px;
  font-weight:850;
  text-decoration:none;
}

.wma-reading-nav__links a:last-child{
  color:#fff;
  background:var(--wma-green);
}

.wma-reading-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 90px;
  background:linear-gradient(120deg,#176B45 0%,#74923d 55%,#F0B429 100%);
  color:#fff;
}

.wma-reading-hero:after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-70px;
  height:130px;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  background:#f6fae9;
}

.wma-reading-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,430px);
  align-items:center;
  gap:64px;
  width:min(1100px,calc(100% - 40px));
  margin:0 auto;
}

.wma-reading-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wma-reading-hero h1{
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(52px,7vw,86px);
  line-height:.96;
  letter-spacing:-.05em;
}

.wma-reading-hero__lead{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:19px;
  line-height:1.65;
}

.wma-reading-cover{
  position:relative;
  overflow:hidden;
  aspect-ratio:1.22/1;
  display:flex;
  align-items:flex-end;
  padding:28px;
  border:8px solid rgba(255,255,255,.7);
  border-radius:32px;
  background:linear-gradient(145deg,#dff28a 0%,#a8d35e 40%,#f3b55e 75%,#e67d5c 100%);
  box-shadow:0 28px 60px rgba(6,50,28,.25);
}

.wma-reading-cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wma-reading-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(5,58,31,.65),transparent 58%);
}

.wma-reading-cover strong{
  position:relative;
  z-index:2;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1;
  text-shadow:0 3px 12px rgba(0,0,0,.22);
}

.wma-reading-main{
  width:min(1040px,calc(100% - 40px));
  margin:0 auto;
  padding:70px 0 100px;
}

.wma-reading-player{
  overflow:hidden;
  margin-bottom:40px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 60px rgba(20,74,44,.11);
}

.wma-media-tabs{
  display:flex;
  gap:8px;
  padding:14px;
  border-bottom:1px solid rgba(23,107,69,.09);
  background:#f5f9e9;
}

.wma-media-tab{
  min-height:44px;
  padding:10px 18px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
}

.wma-media-tab.is-active{
  color:#fff;
  background:var(--wma-green);
}

.wma-media-panel{
  display:none;
  padding:26px;
}

.wma-media-panel.is-active{
  display:block;
}

.wma-audio-native{
  width:100%;
}

.wma-video-wrap{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:19px;
  background:#0d2118;
}

.wma-video-wrap iframe,
.wma-video-wrap video{
  width:100%;
  height:100%;
  border:0;
  object-fit:contain;
}

.wma-reading-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);
  gap:28px;
  align-items:start;
}

.wma-reading-card{
  padding:34px;
  border:1px solid rgba(23,107,69,.1);
  border-radius:26px;
  background:#fff;
  box-shadow:0 16px 45px rgba(20,74,44,.08);
}

.wma-reading-card + .wma-reading-card{
  margin-top:28px;
}

.wma-reading-card h2{
  margin:0 0 22px;
  color:var(--wma-green-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.05;
}

.wma-reading-text{
  color:#294f3b;
  font-size:18px;
  line-height:1.85;
  white-space:pre-line;
}

.wma-reading-translation{
  color:#294f3b;
}

/* AWM 8.7.9 — polskie tłumaczenia dialogów mają ten sam rytm co tekst włoski. */
.wma879-dialog-translation .wma860-dialog-line{
  margin:0 0 18px;
  padding:8px 10px;
  line-height:1.65;
}
.wma879-dialog-translation .wma860-dialog-line:last-child{margin-bottom:0}
.wma879-dialog-translation .wma860-dialog-line strong{
  color:var(--wma-green-dark);
  font-weight:800;
}

.wma-vocab-list{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.wma-vocab-list li{
  display:grid;
  grid-template-columns:minmax(110px,.8fr) 1.2fr;
  gap:16px;
  padding:13px 0;
  border-bottom:1px solid rgba(23,107,69,.09);
}

.wma-vocab-list li:last-child{
  border-bottom:0;
}

.wma-vocab-list strong{
  color:var(--wma-green);
}

.wma-reading-back{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:34px;
  color:var(--wma-green);
  font-weight:850;
  text-decoration:none;
}

.wma-reading-archive{
  min-height:100vh;
  padding:44px 0 100px;
  background:#f7faee;
}

.wma-reading-archive__head{
  width:min(1000px,calc(100% - 40px));
  margin:0 auto 42px;
  text-align:center;
}

.wma-reading-archive__head h1{
  margin:12px 0 14px;
  color:var(--wma-green-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(48px,7vw,76px);
}

.wma-reading-archive__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  width:min(1100px,calc(100% - 40px));
  margin:0 auto;
}

.wma-reading-tile{
  overflow:hidden;
  border:1px solid rgba(23,107,69,.1);
  border-radius:25px;
  background:#fff;
  box-shadow:0 16px 45px rgba(20,74,44,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}

.wma-reading-tile:hover{
  transform:translateY(-6px);
  box-shadow:0 23px 55px rgba(20,74,44,.13);
}

.wma-reading-tile__cover{
  position:relative;
  height:220px;
  display:flex;
  align-items:flex-end;
  padding:23px;
  background:linear-gradient(145deg,#dff28a,#8bc16d 48%,#f1ad5c);
}

.wma-reading-tile__cover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.wma-reading-tile__cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,66,35,.65),transparent 58%);
}

.wma-reading-tile__cover strong{
  position:relative;
  z-index:2;
  color:#fff;
  font:700 27px/1 Georgia,"Times New Roman",serif;
}

.wma-reading-tile__body{
  padding:23px;
}

.wma-reading-tile__meta{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
  color:var(--wma-green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wma-reading-tile__body p{
  color:var(--wma-muted);
  line-height:1.65;
}

.wma-reading-tile__body a{
  color:var(--wma-green);
  font-weight:850;
  text-decoration:none;
}

@media(max-width:850px){
  .wma-reading-hero__inner,
  .wma-reading-content-grid{
    grid-template-columns:1fr;
  }

  .wma-reading-cover{
    max-width:520px;
    width:100%;
    margin:auto;
  }

  .wma-reading-archive__grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .wma-reading-nav{
    width:min(100% - 26px,1180px);
  }

  .wma-reading-nav__logo{
    width:135px;
    height:70px;
  }

  .wma-reading-nav__links a:first-child{
    display:none;
  }

  .wma-reading-hero{
    padding:45px 0 72px;
  }

  .wma-reading-hero__inner{
    width:min(100% - 28px,1100px);
    gap:32px;
  }

  .wma-reading-hero h1{
    font-size:50px;
  }

  .wma-reading-main{
    width:min(100% - 28px,1040px);
    padding-top:50px;
  }

  .wma-reading-card{
    padding:24px 20px;
  }

  .wma-reading-text{
    font-size:16px;
    line-height:1.75;
  }

  .wma-vocab-list li{
    grid-template-columns:1fr;
    gap:5px;
  }

  .wma-reading-archive__grid{
    grid-template-columns:1fr;
    width:min(100% - 28px,1100px);
  }
}

/* Panel administracyjny czytanek */
.wma-admin-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.wma-admin-field--full{
  grid-column:1/-1;
}
.wma-admin-field label{
  display:block;
  margin-bottom:7px;
  font-weight:700;
}
.wma-admin-field input[type="text"],
.wma-admin-field input[type="url"],
.wma-admin-field textarea,
.wma-admin-field select{
  width:100%;
}
.wma-admin-field textarea{
  min-height:180px;
}
.wma-admin-media-row{
  display:flex;
  gap:8px;
}
.wma-admin-media-row input{
  flex:1;
}
.wma-admin-help{
  margin-top:6px;
  color:#646970;
  font-size:12px;
}
@media(max-width:780px){
  .wma-admin-fields{
    grid-template-columns:1fr;
  }
  .wma-admin-field--full{
    grid-column:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.2
   Okładki, dynamiczne karty, filtry i własny odtwarzacz
   ========================================================= */

/* Okładka na stronie czytanki — tylko obraz, bez powtórzonego tytułu */
.wma-reading-cover{
  padding:0!important;
  align-items:stretch!important;
  background:linear-gradient(145deg,#dff28a,#8bc16d 48%,#f1ad5c)!important;
}
.wma-reading-cover:after{
  display:none!important;
}
.wma-reading-cover > strong{
  display:none!important;
}
.wma-reading-cover img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Własny odtwarzacz audio */
.wma-custom-player{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:20px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:20px;
  background:linear-gradient(135deg,#f7faed,#fff);
}

.wma-player-main{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:var(--wma-green);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(23,107,69,.22);
}

.wma-player-center{
  min-width:0;
}

.wma-player-title{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  color:var(--wma-green-dark);
  font-size:13px;
  font-weight:850;
}

.wma-player-range{
  width:100%;
  accent-color:var(--wma-green);
  cursor:pointer;
}

.wma-player-tools{
  display:flex;
  align-items:center;
  gap:7px;
}

.wma-player-tool,
.wma-speed-button{
  min-width:43px;
  min-height:39px;
  padding:7px 10px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:11px;
  background:#fff;
  color:var(--wma-green-dark);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.wma-speed-menu{
  position:relative;
}

.wma-speed-options{
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  z-index:30;
  display:none;
  min-width:90px;
  padding:6px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,74,44,.15);
}

.wma-speed-options.is-open{
  display:grid;
}

.wma-speed-options button{
  padding:8px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--wma-green-dark);
  text-align:left;
  font-weight:750;
  cursor:pointer;
}

.wma-speed-options button:hover,
.wma-speed-options button.is-active{
  background:#eef6df;
}

/* Zakładki odtwarzacza */
.wma-media-tab{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

/* Dynamiczne karty na stronie głównej */
.wma-reading__cover{
  position:relative;
  overflow:hidden;
  height:230px!important;
  padding:0!important;
  background:linear-gradient(145deg,#dff28a,#8bc16d 48%,#f1ad5c)!important;
}

.wma-reading__cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}

.wma-reading:hover .wma-reading__cover img{
  transform:scale(1.035);
}

.wma-reading__cover--fallback{
  display:flex;
  align-items:flex-end;
  padding:24px!important;
}

.wma-reading__cover--fallback strong{
  position:relative;
  z-index:2;
  color:#fff;
  font:700 28px/1 Georgia,"Times New Roman",serif;
}

.wma-reading__cover--fallback:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,66,35,.65),transparent 58%);
}

/* Strona wszystkich czytanek — wyszukiwarka i filtry */
.wma-reading-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:min(900px,calc(100% - 40px));
  margin:0 auto 38px;
}

.wma-reading-search{
  flex:1 1 280px;
  min-height:48px;
  padding:11px 16px;
  border:1px solid rgba(23,107,69,.14);
  border-radius:15px;
  background:#fff;
  color:var(--wma-green-dark);
  font-size:15px;
  outline:none;
}

.wma-reading-search:focus{
  border-color:var(--wma-green);
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}

.wma-reading-filter{
  min-height:44px;
  padding:9px 15px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:999px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:820;
  cursor:pointer;
}

.wma-reading-filter.is-active{
  color:#fff;
  background:var(--wma-green);
}

.wma-reading-tile[hidden]{
  display:none!important;
}

.wma-reading-empty{
  display:none;
  width:min(800px,calc(100% - 40px));
  margin:35px auto;
  padding:28px;
  border-radius:20px;
  background:#fff;
  color:var(--wma-muted);
  text-align:center;
}

.wma-reading-empty.is-visible{
  display:block;
}

/* Metadane na kartach */
.wma-reading-media-icons{
  display:flex;
  gap:7px;
}

.wma-reading-media-icons span{
  display:inline-grid;
  place-items:center;
  min-width:26px;
  height:26px;
  border-radius:8px;
  background:#edf5de;
  font-size:12px;
}

/* Panel admina: bardziej czytelna sekcja okładki */
.post-type-wma_reading #postimagediv .inside:before{
  content:"Okładka będzie używana na karcie czytanki, liście materiałów i w hero strony.";
  display:block;
  margin-bottom:10px;
  color:#646970;
  font-size:12px;
  line-height:1.4;
}

@media(max-width:700px){
  .wma-custom-player{
    grid-template-columns:auto 1fr;
  }

  .wma-player-tools{
    grid-column:1/-1;
    justify-content:center;
  }

  .wma-reading-tools{
    width:min(100% - 28px,900px);
  }

  .wma-reading-filter{
    font-size:12px;
    padding:8px 12px;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.3 — FINAL POLISH
   ========================================================= */

html{
  scroll-behavior:smooth;
}

/* Uproszczony pasek wyszukiwarki na stronie czytanek */
.wma-reading-tools{
  justify-content:center!important;
  max-width:760px!important;
}

.wma-reading-filter:not([data-filter="all"]){
  display:none!important;
}

.wma-reading-filter[data-filter="all"]{
  flex:0 0 auto;
}

/* Karty — jeden spójny układ */
.wma-reading,
.wma-reading-tile{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(20,74,44,.08)!important;
  transition:
    transform .35s cubic-bezier(.22,.61,.36,1),
    box-shadow .35s ease!important;
}

.wma-reading:hover,
.wma-reading-tile:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 24px 55px rgba(20,74,44,.14)!important;
}

/* Jednolity obraz 16:9 bez ozdobników */
.wma-reading__cover,
.wma-reading-tile__cover{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  background:#e9f1df!important;
}

.wma-reading__cover:before,
.wma-reading__cover:after,
.wma-reading-tile__cover:before,
.wma-reading-tile__cover:after{
  display:none!important;
  content:none!important;
}

.wma-reading__cover img,
.wma-reading-tile__cover img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
  opacity:1!important;
  transition:transform .35s cubic-bezier(.22,.61,.36,1)!important;
}

.wma-reading:hover .wma-reading__cover img,
.wma-reading-tile:hover .wma-reading-tile__cover img{
  transform:scale(1.035)!important;
}

/* Fallback bez żółtego koła i gradientu */
.wma-reading__cover--fallback,
.wma-reading-tile__cover:not(:has(img)){
  display:flex!important;
  align-items:flex-end!important;
  padding:24px!important;
  background:linear-gradient(145deg,#dcecab,#87ad5c 55%,#5b7f3f)!important;
}

.wma-reading__cover--fallback strong,
.wma-reading-tile__cover:not(:has(img)) strong{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font:700 27px/1.05 Georgia,"Times New Roman",serif!important;
}

/* Treść kart i przycisk zawsze na dole */
.wma-reading__body,
.wma-reading-tile__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:22px!important;
}

.wma-reading__body p,
.wma-reading-tile__body p{
  flex:0 0 auto!important;
}

.wma-reading__body > a:last-child,
.wma-reading-tile__body > a:last-child{
  margin-top:auto!important;
  padding-top:18px!important;
}

/* Wyrównane wysokości */
.wma-reading-grid,
.wma-reading-archive__grid{
  align-items:stretch!important;
}

.wma-reading-grid > *,
.wma-reading-archive__grid > *{
  min-height:100%!important;
}

/* Meta nad tytułem */
.wma-reading__meta,
.wma-reading-tile__meta{
  min-height:28px!important;
  align-items:center!important;
}

/* Hero czytanki — obraz bez napisów i bez dodatkowych nakładek */
.wma-reading-cover{
  overflow:hidden!important;
  aspect-ratio:1.15/1!important;
  padding:0!important;
  background:#e9f1df!important;
  box-shadow:0 24px 54px rgba(6,50,28,.18)!important;
}

.wma-reading-cover:before,
.wma-reading-cover:after,
.wma-reading-cover > strong{
  display:none!important;
  content:none!important;
}

.wma-reading-cover img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}

/* Subtelne kliknięcia */
.wma-player-main:active,
.wma-media-tab:active,
.wma-btn:active,
.wma-nav__cta:active{
  transform:scale(.97)!important;
}

/* Wideo: delikatne wejście */
.wma-video-wrap{
  transform:scale(.985);
  opacity:.98;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .35s ease;
}

.wma-media-panel.is-active .wma-video-wrap{
  transform:scale(1);
  opacity:1;
}

/* Responsywność */
@media(max-width:700px){
  .wma-reading-tools{
    width:min(100% - 28px,760px)!important;
  }

  .wma-reading-search{
    flex-basis:100%!important;
  }

  .wma-reading-filter[data-filter="all"]{
    width:100%!important;
  }

  .wma-reading-content-grid{
    grid-template-columns:1fr!important;
  }

  .wma-reading__body,
  .wma-reading-tile__body{
    padding:20px!important;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.4
   Słownik, logowanie, dostęp próbny i tryb testowy
   ========================================================= */

/* Pasek wersji testowej */
.wma-test-banner{
  position:relative;
  z-index:200;
  padding:11px 18px;
  background:linear-gradient(90deg,#fff3be,#ffe59a);
  color:#5c4810;
  text-align:center;
  font-size:14px;
  font-weight:800;
  box-shadow:0 4px 16px rgba(92,72,16,.10);
}
.wma-test-banner strong{color:#176B45}

/* Status materiału na kartach */
.wma-access-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#176B45;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(8,73,46,.14);
}
.wma-access-badge--locked{
  color:#6b4a18;
  background:rgba(255,244,205,.95);
}

/* Ekran blokady */
.wma-locked-panel{
  max-width:760px;
  margin:40px auto 0;
  padding:46px 36px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#f5fae9);
  box-shadow:0 22px 60px rgba(20,74,44,.10);
  text-align:center;
}
.wma-locked-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  border-radius:24px;
  background:#eef6df;
  font-size:34px;
}
.wma-locked-panel h2{
  margin:0 0 14px;
  color:var(--wma-green-dark);
  font:700 38px/1.05 Georgia,"Times New Roman",serif;
}
.wma-locked-panel p{
  max-width:590px;
  margin:0 auto 26px;
  color:var(--wma-muted);
  font-size:17px;
  line-height:1.7;
}
.wma-locked-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}

/* Formularze logowania, rejestracji i konto */
.wma-member-page{
  min-height:100vh;
  padding:50px 20px 90px;
  background:
    radial-gradient(circle at 85% 12%,rgba(240,180,41,.18),transparent 26%),
    linear-gradient(155deg,#edf7dc,#fffaf0 52%,#fff);
}
.wma-member-shell{
  width:min(920px,100%);
  margin:0 auto;
}
.wma-member-logo{
  display:block;
  width:210px;
  height:105px;
  margin:0 auto 22px;
}
.wma-member-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.wma-member-card{
  max-width:560px;
  margin:0 auto;
  padding:38px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:28px;
  background:#fff;
  box-shadow:0 25px 70px rgba(20,74,44,.12);
}
.wma-member-card--wide{max-width:820px}
.wma-member-card h1{
  margin:0 0 12px;
  color:var(--wma-green-dark);
  font:700 clamp(38px,6vw,58px)/1 Georgia,"Times New Roman",serif;
  text-align:center;
}
.wma-member-intro{
  margin:0 auto 28px;
  color:var(--wma-muted);
  text-align:center;
  line-height:1.65;
}
.wma-form-field{margin-bottom:18px}
.wma-form-field label{
  display:block;
  margin-bottom:7px;
  color:var(--wma-green-dark);
  font-weight:800;
}
.wma-form-field input{
  width:100%;
  min-height:50px;
  padding:12px 14px;
  border:1px solid rgba(23,107,69,.17);
  border-radius:14px;
  background:#fbfdf7;
  color:#163f2d;
  font-size:16px;
  outline:none;
}
.wma-form-field input:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-form-submit{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#176B45,#2d965e);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 13px 28px rgba(23,107,69,.22);
}
.wma-form-footer{
  margin-top:20px;
  color:var(--wma-muted);
  text-align:center;
}
.wma-form-footer a{
  color:#176B45;
  font-weight:850;
  text-decoration:none;
}
.wma-form-message{
  margin-bottom:20px;
  padding:13px 15px;
  border-radius:13px;
  background:#eef7e1;
  color:#23593a;
  line-height:1.5;
}
.wma-form-message--error{
  background:#fff0eb;
  color:#8a3827;
}
.wma-account-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:28px;
}
.wma-account-box{
  padding:24px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:21px;
  background:#f8fbed;
}
.wma-account-box h2{
  margin:0 0 10px;
  color:var(--wma-green-dark);
  font-size:22px;
}
.wma-account-box p{
  margin:0 0 17px;
  color:var(--wma-muted);
  line-height:1.6;
}
.wma-account-link{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:9px 14px;
  border-radius:12px;
  background:#176B45;
  color:#fff;
  font-weight:850;
  text-decoration:none;
}

/* Słownik */
.wma-dictionary-page{
  min-height:100vh;
  padding:44px 0 100px;
  background:linear-gradient(180deg,#f4f9e8,#fffdf6);
}
.wma-dictionary-head{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 34px;
  text-align:center;
}
.wma-dictionary-head h1{
  margin:12px 0 14px;
  color:var(--wma-green-dark);
  font:700 clamp(48px,7vw,76px)/1 Georgia,"Times New Roman",serif;
}
.wma-dictionary-head p{
  color:var(--wma-muted);
  font-size:17px;
  line-height:1.65;
}
.wma-dictionary-tools{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 28px;
}
.wma-dictionary-search{
  width:100%;
  min-height:52px;
  padding:13px 17px;
  border:1px solid rgba(23,107,69,.15);
  border-radius:16px;
  background:#fff;
  font-size:16px;
  outline:none;
}
.wma-dictionary-search:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-dictionary-letters{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
  width:min(1000px,calc(100% - 40px));
  margin:0 auto 36px;
}
.wma-dictionary-letter{
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(23,107,69,.12);
  border-radius:11px;
  background:#fff;
  color:#176B45;
  font-weight:900;
  text-decoration:none;
}
.wma-dictionary{
  width:min(940px,calc(100% - 40px));
  margin:0 auto;
}
.wma-dictionary-group{
  margin-bottom:36px;
}
.wma-dictionary-group h2{
  margin:0 0 12px;
  color:#176B45;
  font:700 38px/1 Georgia,"Times New Roman",serif;
}
.wma-dictionary-entry{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;
  gap:18px;
  align-items:start;
  padding:16px 18px;
  border-bottom:1px solid rgba(23,107,69,.09);
  background:#fff;
}
.wma-dictionary-entry:first-of-type{
  border-radius:18px 18px 0 0;
}
.wma-dictionary-entry:last-child{
  border-bottom:0;
  border-radius:0 0 18px 18px;
}
.wma-dictionary-entry strong{
  color:var(--wma-green-dark);
  font-size:16px;
}
.wma-dictionary-entry > span{
  color:var(--wma-muted);
}
.wma-dictionary-sources{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.wma-dictionary-sources a{
  padding:5px 8px;
  border-radius:8px;
  background:#edf5de;
  color:#176B45;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.wma-dictionary-entry[hidden],
.wma-dictionary-group[hidden]{display:none!important}

/* Ustawienia admina */
.wma-settings-wrap{
  max-width:900px;
}
.wma-settings-card{
  margin-top:20px;
  padding:24px;
  border:1px solid #dcdcde;
  border-radius:12px;
  background:#fff;
}
.wma-settings-card h2{margin-top:0}

@media(max-width:700px){
  .wma-account-grid{grid-template-columns:1fr}
  .wma-member-card{padding:28px 20px}
  .wma-dictionary-entry{
    grid-template-columns:1fr;
    gap:7px;
  }
  .wma-dictionary-sources{
    justify-content:flex-start;
  }
  .wma-locked-panel{
    padding:34px 20px;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.5 — STABILIZACJA
   ========================================================= */

/* Tytuł czytanki zawsze pod okładką */
.wma-reading-tile__cover strong,
.wma-reading__cover strong{
  display:none!important;
}

.wma-reading-tile__title,
.wma-reading__title{
  margin:10px 0 10px!important;
  color:var(--wma-green-dark)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:25px!important;
  line-height:1.12!important;
  overflow-wrap:anywhere;
}

.wma-reading-tile__title a,
.wma-reading__title a{
  color:inherit!important;
  text-decoration:none!important;
}

.wma-reading-tile__title a:hover,
.wma-reading__title a:hover{
  color:var(--wma-green)!important;
}

/* Usunięcie starych linii i pseudo-elementów z okładek */
.wma-reading-tile__cover *,
.wma-reading__cover *{
  text-decoration:none!important;
}

.wma-reading-tile__cover:before,
.wma-reading-tile__cover:after,
.wma-reading__cover:before,
.wma-reading__cover:after{
  content:none!important;
  display:none!important;
  border:0!important;
}

.wma-reading-tile__cover{
  border-bottom:0!important;
}

.wma-reading-tile__body{
  border-top:0!important;
}

/* Plakietka nadal może leżeć na obrazie */
.wma-reading-tile__cover .wma-access-badge,
.wma-reading__cover .wma-access-badge{
  display:inline-flex!important;
  text-decoration:none!important;
}

/* Gdy nie ma obrazka: neutralny placeholder bez tytułu na obrazie */
.wma-reading-tile__cover--empty,
.wma-reading__cover--empty{
  background:
    radial-gradient(circle at 68% 30%,rgba(255,246,164,.78) 0 13%,transparent 14%),
    linear-gradient(160deg,#d9ee9a,#8db45e 58%,#4f783d)!important;
}

/* Karta nie może ucinać przycisku */
.wma-reading-tile__body,
.wma-reading__body{
  min-height:250px;
}

.wma-reading-tile__body > a:last-child,
.wma-reading__body > a:last-child{
  display:inline-flex;
  align-items:center;
  margin-top:auto!important;
}

/* Komunikat naprawczy w panelu */
.wma-system-notice{
  padding:12px 16px;
  border-left:4px solid #176B45;
  background:#eff8e6;
}

/* Na telefonie tytuły nie są przesadnie duże */
@media(max-width:700px){
  .wma-reading-tile__title,
  .wma-reading__title{
    font-size:22px!important;
  }

  .wma-reading-tile__body,
  .wma-reading__body{
    min-height:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.6
   Panel użytkownika, postępy, panel administratora, YT
   ========================================================= */

/* Słownik — równe kolumny i poprawne wyrównanie */
.wma-dictionary-entry{
  grid-template-columns:minmax(210px,.9fr) minmax(220px,1fr) minmax(180px,.9fr)!important;
  align-items:center!important;
}
.wma-dictionary-entry strong,
.wma-dictionary-entry > span{
  display:block!important;
  min-width:0!important;
  line-height:1.45!important;
}
.wma-dictionary-sources{
  align-items:center!important;
}
.wma-dictionary-sources a{
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}

/* Pasek postępu użytkownika */
.wma-progress-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 34px;
  padding:20px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f4fae8);
  box-shadow:0 14px 34px rgba(20,74,44,.08);
}

.wma-progress-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid rgba(23,107,69,.15);
  border-radius:14px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.wma-progress-button:hover{transform:translateY(-2px)}
.wma-progress-button.is-active{
  color:#fff;
  background:var(--wma-green);
}
.wma-progress-button--warning.is-active{
  background:#b7791f;
}
.wma-progress-message{
  flex-basis:100%;
  min-height:20px;
  color:var(--wma-green);
  font-size:13px;
  font-weight:800;
}

/* Panel użytkownika */
.wma-account-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:28px 0;
}
.wma-account-stat{
  padding:22px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:20px;
  background:#f8fbed;
  text-align:center;
}
.wma-account-stat strong{
  display:block;
  color:var(--wma-green-dark);
  font:700 38px/1 Georgia,"Times New Roman",serif;
}
.wma-account-stat span{
  display:block;
  margin-top:8px;
  color:var(--wma-muted);
  font-size:13px;
  font-weight:750;
}
.wma-progress-bar{
  overflow:hidden;
  height:12px;
  margin:16px 0 6px;
  border-radius:999px;
  background:#e7eedc;
}
.wma-progress-bar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#176B45,#48a06e);
}
.wma-account-table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}
.wma-account-table th,
.wma-account-table td{
  padding:13px 12px;
  border-bottom:1px solid rgba(23,107,69,.09);
  text-align:left;
  vertical-align:middle;
}
.wma-account-table th{
  color:var(--wma-green-dark);
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wma-status-pill{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:#edf5de;
  color:#176B45;
  font-size:11px;
  font-weight:850;
}
.wma-status-pill--practice{
  background:#fff1d6;
  color:#8a5b11;
}

/* Panel administratora */
.wma-admin-dashboard{
  max-width:1250px;
}
.wma-admin-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:24px 0;
}
.wma-admin-stat{
  padding:22px;
  border:1px solid #dcdcde;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 22px rgba(0,0,0,.04);
}
.wma-admin-stat strong{
  display:block;
  margin-bottom:7px;
  color:#176B45;
  font-size:34px;
  line-height:1;
}
.wma-admin-stat span{color:#50575e}
.wma-admin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.wma-admin-panel{
  padding:22px;
  border:1px solid #dcdcde;
  border-radius:14px;
  background:#fff;
}
.wma-admin-panel h2{margin-top:0}
.wma-admin-table{
  width:100%;
  border-collapse:collapse;
}
.wma-admin-table th,
.wma-admin-table td{
  padding:10px 8px;
  border-bottom:1px solid #e7e7e7;
  text-align:left;
}
.wma-admin-table th{
  color:#50575e;
  font-size:11px;
  text-transform:uppercase;
}
.wma-admin-email{
  word-break:break-all;
}

/* Pole YouTube */
.wma-youtube-note{
  margin-top:8px;
  padding:10px 12px;
  border-radius:10px;
  background:#fff7d8;
  color:#6f5610;
  font-size:12px;
  line-height:1.5;
}

@media(max-width:900px){
  .wma-account-stats,
  .wma-admin-stats{
    grid-template-columns:1fr 1fr;
  }
  .wma-admin-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .wma-dictionary-entry{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .wma-account-stats{
    grid-template-columns:1fr 1fr;
  }
  .wma-account-table{
    display:block;
    overflow-x:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.7
   Stopka, kontakt, polityka prywatności i regulamin
   ========================================================= */

/* Uporządkowana stopka */
.wma-footer{
  margin-top:0!important;
  padding:64px 0 24px!important;
}
.wma-footer__grid{
  display:grid!important;
  grid-template-columns:1.35fr repeat(3,minmax(150px,.7fr))!important;
  gap:46px!important;
  align-items:start!important;
}
.wma-footer__brand img{
  width:210px!important;
  height:105px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.wma-footer__brand p{
  max-width:340px!important;
  margin-top:12px!important;
  line-height:1.7!important;
}
.wma-footer h3{
  margin:8px 0 16px!important;
}
.wma-footer a{
  display:block!important;
  margin:0 0 10px!important;
  line-height:1.45!important;
}
.wma-footer__bottom{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:44px!important;
  padding-top:20px!important;
}
.wma-footer__legal{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.wma-footer__legal a{
  display:inline!important;
  margin:0!important;
}

/* Strony informacyjne */
.wma-legal-page{
  min-height:100vh;
  padding:54px 20px 100px;
  background:
    radial-gradient(circle at 90% 4%,rgba(240,180,41,.14),transparent 26%),
    linear-gradient(180deg,#f4f9e8,#fffdf7);
}
.wma-legal-shell{
  width:min(900px,100%);
  margin:0 auto;
}
.wma-legal-header{
  margin-bottom:28px;
  text-align:center;
}
.wma-legal-header h1{
  margin:12px 0 12px;
  color:var(--wma-green-dark);
  font:700 clamp(44px,7vw,70px)/1 Georgia,"Times New Roman",serif;
}
.wma-legal-header p{
  color:var(--wma-muted);
  line-height:1.65;
}
.wma-legal-card{
  padding:42px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 60px rgba(20,74,44,.09);
}
.wma-legal-card h2{
  margin:34px 0 12px;
  color:var(--wma-green-dark);
  font:700 30px/1.12 Georgia,"Times New Roman",serif;
}
.wma-legal-card h2:first-child{margin-top:0}
.wma-legal-card h3{
  margin:24px 0 10px;
  color:var(--wma-green-dark);
  font-size:19px;
}
.wma-legal-card p,
.wma-legal-card li{
  color:#435e50;
  font-size:16px;
  line-height:1.75;
}
.wma-legal-card ul,
.wma-legal-card ol{
  padding-left:24px;
}
.wma-legal-card a{
  color:var(--wma-green);
  font-weight:800;
}
.wma-legal-warning{
  margin:0 0 24px;
  padding:16px 18px;
  border-left:4px solid #d79a19;
  border-radius:8px;
  background:#fff6d9;
  color:#624d15;
  line-height:1.6;
}

/* Formularz kontaktowy */
.wma-contact-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:26px;
  align-items:start;
}
.wma-contact-info{
  padding:28px;
  border-radius:22px;
  background:#f4f9e8;
}
.wma-contact-info h2{
  margin-top:0;
}
.wma-contact-item{
  margin-bottom:18px;
}
.wma-contact-item strong{
  display:block;
  margin-bottom:4px;
  color:var(--wma-green-dark);
}
.wma-contact-form{
  padding:30px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:22px;
  background:#fff;
}
.wma-contact-form textarea{
  width:100%;
  min-height:170px;
  padding:13px 14px;
  border:1px solid rgba(23,107,69,.17);
  border-radius:14px;
  background:#fbfdf7;
  color:#163f2d;
  font:inherit;
  resize:vertical;
  outline:none;
}
.wma-contact-form textarea:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-contact-consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:16px 0;
  color:#52675b;
  font-size:13px;
  line-height:1.55;
}
.wma-contact-consent input{
  margin-top:3px;
}
.wma-honeypot{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
}

/* Checkboxy rejestracji */
.wma-register-consents{
  margin:20px 0;
  padding:16px;
  border-radius:14px;
  background:#f6faed;
}
.wma-register-consents label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:12px;
  color:#40594d;
  font-size:13px;
  line-height:1.55;
}
.wma-register-consents label:last-child{
  margin-bottom:0;
}
.wma-register-consents input{
  margin-top:3px;
  flex:0 0 auto;
}

/* Ustawienia administratora */
.wma-settings-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.wma-settings-field--full{
  grid-column:1/-1;
}
.wma-settings-field label{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}
.wma-settings-field input,
.wma-settings-field textarea{
  width:100%;
}
.wma-settings-field textarea{
  min-height:90px;
}

@media(max-width:900px){
  .wma-footer__grid{
    grid-template-columns:1fr 1fr!important;
  }
  .wma-contact-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .wma-footer__grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .wma-footer__brand img{
    width:185px!important;
  }
  .wma-footer__bottom{
    display:block!important;
  }
  .wma-footer__legal{
    margin-top:12px;
  }
  .wma-legal-card{
    padding:28px 20px;
  }
  .wma-settings-fields{
    grid-template-columns:1fr;
  }
  .wma-settings-field--full{
    grid-column:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 2.8
   Favicon, prawidłowe statystyki i usuwanie konta
   ========================================================= */

.wma-danger-zone{
  margin-top:34px;
  padding:24px;
  border:1px solid rgba(174,45,31,.22);
  border-radius:20px;
  background:#fff7f4;
}
.wma-danger-zone h2{
  margin:0 0 9px;
  color:#8b2c20;
  font-size:23px;
}
.wma-danger-zone p{
  margin:0 0 18px;
  color:#72534e;
  line-height:1.65;
}
.wma-delete-account-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.wma-delete-account-form .wma-form-field{
  margin:0;
}
.wma-delete-account-form .wma-delete-account-button{
  grid-column:1/-1;
}
.wma-delete-account-button{
  min-height:48px;
  border:0;
  border-radius:14px;
  background:#a3382a;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.wma-delete-account-button:hover{
  background:#862d23;
}
.wma-delete-note{
  margin-top:12px!important;
  font-size:12px;
}

@media(max-width:700px){
  .wma-delete-account-form{
    grid-template-columns:1fr;
  }
  .wma-delete-account-form .wma-delete-account-button{
    grid-column:auto;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.0
   Ukryty e-mail, spójna nawigacja, nowa ilustracja
   ========================================================= */

/* Pasek nawigacyjny stron dodatkowych */
.wma-subpage-nav{
  position:sticky;
  top:0;
  z-index:120;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-height:78px;
  padding:10px clamp(20px,5vw,70px);
  border-bottom:1px solid rgba(23,107,69,.08);
  background:rgba(252,253,245,.93);
  backdrop-filter:blur(18px);
  box-shadow:0 7px 24px rgba(20,74,44,.05);
}
.admin-bar .wma-subpage-nav{
  top:32px;
}
.wma-subpage-nav__brand{
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--wma-green-dark);
  font-weight:900;
  text-decoration:none;
}
.wma-subpage-nav__brand img{
  width:108px;
  height:54px;
  object-fit:contain;
}
.wma-subpage-nav__actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.wma-subpage-back,
.wma-subpage-home{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 14px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:13px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}
.wma-subpage-back:hover,
.wma-subpage-home:hover{
  transform:translateY(-2px);
  background:#f1f7e5;
}
.wma-subpage-back svg,
.wma-subpage-home svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}

/* Kontakt bez publicznego adresu e-mail */
.wma-contact-item--private{
  padding:14px 15px;
  border-radius:15px;
  background:#eaf4dd;
  color:#315442;
  line-height:1.55;
}
.wma-contact-private-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:16px;
  background:#fff;
  color:var(--wma-green);
  box-shadow:0 8px 18px rgba(20,74,44,.08);
}
.wma-contact-private-icon svg{
  width:26px;
  height:26px;
}

/* Polityka prywatności — kontakt wyłącznie przez formularz */
.wma-private-contact-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:11px;
  background:#edf5df;
  color:var(--wma-green)!important;
  text-decoration:none;
}
.wma-private-contact-link svg{
  width:17px;
  height:17px;
}

/* Nowa ilustracja „Dlaczego warto” */
.wma-benefits-visual{
  position:relative;
  min-height:420px;
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,245,155,.45),transparent 22%),
    linear-gradient(145deg,#176b45,#71b35f 55%,#e1b62d);
  box-shadow:0 28px 60px rgba(23,107,69,.18);
}
.wma-benefits-visual:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:radial-gradient(circle,rgba(255,255,255,.85) 1.5px,transparent 1.5px);
  background-size:34px 34px;
}
.wma-benefits-orbit{
  position:absolute;
  inset:0;
}
.wma-benefits-orbit span{
  position:absolute;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 30px rgba(7,48,27,.14);
  font-size:29px;
  animation:wmaBenefitFloat 6s ease-in-out infinite;
}
.wma-benefits-orbit span:nth-child(1){left:11%;top:15%}
.wma-benefits-orbit span:nth-child(2){right:10%;top:14%;animation-delay:-1.5s}
.wma-benefits-orbit span:nth-child(3){left:10%;bottom:13%;animation-delay:-3s}
.wma-benefits-orbit span:nth-child(4){right:12%;bottom:14%;animation-delay:-4.5s}
.wma-benefits-center{
  position:absolute;
  left:50%;
  top:50%;
  width:210px;
  height:260px;
  transform:translate(-50%,-50%) rotate(-3deg);
  border:7px solid rgba(255,255,255,.92);
  border-radius:34px;
  background:#fff9e9;
  box-shadow:0 24px 50px rgba(8,50,28,.24);
}
.wma-benefits-center:before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:36px;
  height:11px;
  border-radius:999px;
  background:#dcebcf;
  box-shadow:
    0 25px 0 #dcebcf,
    0 50px 0 #dcebcf,
    0 75px 0 #dcebcf;
}
.wma-benefits-wave{
  position:absolute;
  left:28px;
  right:28px;
  bottom:34px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.wma-benefits-wave span{
  width:8px;
  border-radius:999px;
  background:linear-gradient(#176b45,#e1b62d);
  animation:wmaWave 1.4s ease-in-out infinite;
}
.wma-benefits-wave span:nth-child(1){height:22px}
.wma-benefits-wave span:nth-child(2){height:44px;animation-delay:-.2s}
.wma-benefits-wave span:nth-child(3){height:60px;animation-delay:-.4s}
.wma-benefits-wave span:nth-child(4){height:36px;animation-delay:-.6s}
.wma-benefits-wave span:nth-child(5){height:52px;animation-delay:-.8s}
.wma-benefits-wave span:nth-child(6){height:26px;animation-delay:-1s}
.wma-benefits-play{
  position:absolute;
  left:50%;
  top:56%;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#176b45;
  color:#fff;
  box-shadow:0 14px 28px rgba(23,107,69,.28);
}
.wma-benefits-play svg{
  width:25px;
  height:25px;
  margin-left:4px;
}
@keyframes wmaBenefitFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-12px) rotate(4deg)}
}
@keyframes wmaWave{
  0%,100%{transform:scaleY(.55)}
  50%{transform:scaleY(1)}
}

/* Nieco spokojniejsze marginesy stron prawnych */
.wma-legal-page{
  padding-top:40px!important;
}
.wma-contact-grid{
  margin-top:28px;
}

@media(max-width:782px){
  .admin-bar .wma-subpage-nav{
    top:46px;
  }
}
@media(max-width:700px){
  .wma-subpage-nav{
    min-height:68px;
    padding:8px 14px;
  }
  .wma-subpage-nav__brand span{
    display:none;
  }
  .wma-subpage-nav__brand img{
    width:88px;
    height:45px;
  }
  .wma-subpage-home{
    display:none;
  }
  .wma-subpage-back{
    padding:8px 11px;
    font-size:13px;
  }
  .wma-benefits-visual{
    min-height:340px;
  }
  .wma-benefits-center{
    width:170px;
    height:220px;
  }
  .wma-benefits-orbit span{
    width:52px;
    height:52px;
    font-size:24px;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.1
   Nawigacja premium, usuwanie konta, Koloseum
   ========================================================= */

/* Nowoczesna nawigacja podstron */
.wma-subpage-nav{
  min-height:84px!important;
  padding:12px clamp(18px,4vw,56px)!important;
  background:rgba(250,252,244,.88)!important;
  border-bottom:1px solid rgba(23,107,69,.09)!important;
  backdrop-filter:blur(22px) saturate(1.15)!important;
}
.wma-subpage-nav__brand{
  gap:12px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  letter-spacing:-.01em!important;
}
.wma-subpage-nav__brand img{
  width:118px!important;
  height:58px!important;
}
.wma-subpage-nav__actions{
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.wma-subpage-link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:var(--wma-green-dark);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(20,74,44,.05);
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    color .22s ease;
}
.wma-subpage-link:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 14px 28px rgba(20,74,44,.10);
}
.wma-subpage-link.is-primary{
  border-color:transparent;
  background:linear-gradient(135deg,#176B45,#2c9b61);
  color:#fff;
  box-shadow:0 12px 28px rgba(23,107,69,.20);
}
.wma-subpage-link.is-current{
  background:#edf5df;
  color:#176B45;
}
.wma-subpage-link svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
}

/* Stare przyciski chowamy, żeby nie dublować wyglądu */
.wma-subpage-back,
.wma-subpage-home{
  display:none!important;
}

/* Nowoczesny przycisk Moje konto w słowniku */
.wma-reading-nav__links a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 15px!important;
  border:1px solid rgba(23,107,69,.11)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--wma-green-dark)!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(20,74,44,.05)!important;
}
.wma-reading-nav__links a:hover{
  background:#f2f7e8!important;
  transform:translateY(-2px)!important;
}
.wma-reading-nav__links a:last-child{
  background:linear-gradient(135deg,#176B45,#2c9b61)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Koloseum zamiast generycznej grafiki */
.wma-colosseum-visual{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 76% 19%,rgba(255,247,181,.78) 0 11%,transparent 12%),
    linear-gradient(180deg,#b9e0c1 0%,#e6d478 58%,#e8ae47 100%);
  box-shadow:0 30px 65px rgba(23,107,69,.18);
}
.wma-colosseum-visual:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.15;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.8) 1.5px,transparent 1.5px);
  background-size:32px 32px;
}
.wma-colosseum-sky-word{
  position:absolute;
  top:38px;
  left:34px;
  color:rgba(255,255,255,.28);
  font:700 62px/1 Georgia,"Times New Roman",serif;
}
.wma-colosseum{
  position:absolute;
  left:50%;
  bottom:54px;
  width:76%;
  height:250px;
  transform:translateX(-50%);
  border-radius:50% 50% 12px 12px / 18% 18% 12px 12px;
  background:
    linear-gradient(180deg,#f4cf8a,#d99a50 54%,#b66f35);
  box-shadow:
    inset 0 -12px 0 rgba(109,58,24,.18),
    0 24px 45px rgba(91,53,22,.22);
}
.wma-colosseum:before,
.wma-colosseum:after{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  height:72px;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 16px,
      rgba(106,57,26,.76) 16px 36px,
      transparent 36px 50px
    );
  mask:
    repeating-radial-gradient(
      ellipse 16px 34px at 25px 50%,
      #000 0 55%,
      transparent 57% 100%
    );
  -webkit-mask:
    repeating-radial-gradient(
      ellipse 16px 34px at 25px 50%,
      #000 0 55%,
      transparent 57% 100%
    );
}
.wma-colosseum:before{top:48px}
.wma-colosseum:after{top:132px}
.wma-colosseum-ground{
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-28px;
  height:105px;
  border-radius:50% 50% 0 0;
  background:linear-gradient(180deg,#79964a,#436a3c);
}
.wma-colosseum-path{
  position:absolute;
  left:50%;
  bottom:-15px;
  width:115px;
  height:100px;
  transform:translateX(-50%);
  clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);
  background:linear-gradient(#e5c88f,#b78c58);
}
.wma-colosseum-lemon{
  position:absolute;
  width:46px;
  height:34px;
  border-radius:58% 42% 55% 45%;
  background:#f3d43d;
  box-shadow:inset -8px -6px 0 rgba(205,160,24,.12);
}
.wma-colosseum-lemon:after{
  content:"";
  position:absolute;
  right:-9px;
  top:-5px;
  width:18px;
  height:10px;
  border-radius:100% 0;
  background:#598049;
  transform:rotate(-25deg);
}
.wma-colosseum-lemon.one{left:9%;top:26%;transform:rotate(-18deg)}
.wma-colosseum-lemon.two{right:10%;top:45%;transform:rotate(14deg)}
.wma-colosseum-lemon.three{left:17%;bottom:11%;transform:rotate(24deg)}
.wma-colosseum-badge{
  position:absolute;
  right:26px;
  bottom:24px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:#176B45;
  font-weight:900;
  box-shadow:0 14px 30px rgba(23,107,69,.14);
}

/* Nie pokazujemy już starego wizualnego bannera */
.wma-benefits__visual,
.wma-why__visual,
.wma-benefits-visual{
  display:none!important;
}

/* Czytelniejsze nagłówki kart i przycisków */
.wma-account-box h2,
.wma-admin-panel h2,
.wma-reading-tile__title,
.wma-reading__title{
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:-.015em!important;
}

@media(max-width:900px){
  .wma-subpage-nav{
    align-items:flex-start!important;
  }
  .wma-subpage-nav__actions{
    max-width:72%;
  }
}
@media(max-width:700px){
  .wma-subpage-nav{
    position:relative!important;
    top:auto!important;
    display:block!important;
    min-height:auto!important;
  }
  .wma-subpage-nav__brand{
    margin-bottom:10px!important;
  }
  .wma-subpage-nav__actions{
    max-width:none!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:5px!important;
    scrollbar-width:none;
  }
  .wma-subpage-nav__actions::-webkit-scrollbar{
    display:none;
  }
  .wma-subpage-link{
    flex:0 0 auto!important;
  }
  .wma-colosseum-visual{
    min-height:350px;
  }
  .wma-colosseum{
    width:84%;
    height:210px;
  }
  .wma-colosseum:before{top:42px}
  .wma-colosseum:after{top:112px}
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.2
   Grafika CIAO i animowane szkło
   ========================================================= */

/* Bezwarunkowo ukrywamy wszystkie poprzednie wizualizacje tej sekcji */
.wma-colosseum-visual,
.wma-benefit-visual,
.wma-benefit-phone,
.wma-benefits-visual,
.wma-why__visual{
  display:none!important;
}

/* Przesłana grafika CIAO z cytrynami */
.wma-benefit-artwork{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  border-radius:34px;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.96),rgba(255,255,255,.70) 42%,rgba(246,250,226,.78) 100%);
  box-shadow:
    0 28px 68px rgba(23,107,69,.14),
    inset 0 1px 0 rgba(255,255,255,.92);
  isolation:isolate;
}
.wma-benefit-artwork:before{
  content:"";
  position:absolute;
  inset:-40%;
  z-index:-2;
  background:
    conic-gradient(
      from 210deg,
      transparent 0 24%,
      rgba(255,223,83,.18) 31%,
      transparent 39% 64%,
      rgba(77,155,86,.13) 70%,
      transparent 78%
    );
  animation:wmaArtworkAura 18s linear infinite;
}
.wma-benefit-artwork:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.22;
  background-image:
    radial-gradient(circle,rgba(23,107,69,.34) 1.2px,transparent 1.3px);
  background-size:31px 31px;
  mask-image:linear-gradient(135deg,#000,transparent 68%);
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 68%);
}
.wma-benefit-artwork__glow{
  position:absolute;
  width:58%;
  aspect-ratio:1;
  left:2%;
  top:3%;
  border-radius:50%;
  background:rgba(255,221,68,.22);
  filter:blur(54px);
  animation:wmaArtworkGlow 7s ease-in-out infinite;
}
.wma-benefit-artwork img{
  position:relative;
  z-index:2;
  width:min(88%,520px);
  max-height:390px;
  object-fit:contain;
  filter:drop-shadow(0 18px 24px rgba(30,84,47,.10));
  transform:translateY(3px);
  animation:wmaArtworkFloat 6.5s ease-in-out infinite;
}
@keyframes wmaArtworkFloat{
  0%,100%{transform:translateY(3px) rotate(-.3deg)}
  50%{transform:translateY(-9px) rotate(.4deg)}
}
@keyframes wmaArtworkGlow{
  0%,100%{transform:scale(.90);opacity:.55}
  50%{transform:scale(1.08);opacity:.92}
}
@keyframes wmaArtworkAura{
  to{transform:rotate(360deg)}
}

/* Wspólna animacja szkła dla górnych przycisków */
.wma-subpage-link,
.wma-reading-nav__links a{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(255,255,255,.56)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(239,247,224,.40))!important;
  color:#124f35!important;
  box-shadow:
    0 10px 25px rgba(22,81,51,.09),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(23,107,69,.06)!important;
  backdrop-filter:blur(17px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.35)!important;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease!important;
}
.wma-subpage-link:before,
.wma-reading-nav__links a:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  bottom:-70%;
  left:-72%;
  width:42%;
  transform:rotate(18deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.18),
      rgba(255,255,255,.88),
      rgba(255,255,255,.18),
      transparent
    );
  transition:left .72s cubic-bezier(.18,.72,.25,1);
}
.wma-subpage-link:after,
.wma-reading-nav__links a:after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-2;
  border-radius:inherit;
  background:
    radial-gradient(circle at 24% 0,rgba(255,255,255,.60),transparent 38%);
  pointer-events:none;
}
.wma-subpage-link:hover,
.wma-reading-nav__links a:hover{
  transform:translateY(-3px) scale(1.015)!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:
    0 17px 34px rgba(22,81,51,.15),
    inset 0 1px 0 #fff,
    0 0 0 1px rgba(23,107,69,.04)!important;
}
.wma-subpage-link:hover:before,
.wma-reading-nav__links a:hover:before{
  left:136%;
}
.wma-subpage-link:active,
.wma-reading-nav__links a:active{
  transform:translateY(-1px) scale(.985)!important;
}

/* Zielony przycisk konta również pozostaje szklany */
.wma-subpage-link.is-primary,
.wma-reading-nav__links a:last-child{
  border-color:rgba(255,255,255,.28)!important;
  background:
    linear-gradient(135deg,rgba(17,105,67,.94),rgba(38,157,93,.88))!important;
  color:#fff!important;
  box-shadow:
    0 13px 30px rgba(16,103,64,.23),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.wma-subpage-link.is-primary:after,
.wma-reading-nav__links a:last-child:after{
  background:
    radial-gradient(circle at 25% 0,rgba(255,255,255,.28),transparent 42%);
}

/* Szkło także dla głównych CTA — bez przesady, delikatniej */
.wma-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.wma-btn:after{
  content:"";
  position:absolute;
  top:-90%;
  bottom:-90%;
  left:-55%;
  width:30%;
  z-index:-1;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  transition:left .68s cubic-bezier(.2,.7,.2,1);
}
.wma-btn:hover:after{
  left:130%;
}

@media(max-width:700px){
  .wma-benefit-artwork{
    min-height:335px;
    border-radius:26px;
  }
  .wma-benefit-artwork img{
    width:88%;
    max-height:300px;
  }
  /* Na ekranach dotykowych refleks nie porusza się bez potrzeby */
  .wma-subpage-link:before,
  .wma-reading-nav__links a:before{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .wma-benefit-artwork:before,
  .wma-benefit-artwork__glow,
  .wma-benefit-artwork img{
    animation:none!important;
  }
  .wma-subpage-link,
  .wma-reading-nav__links a,
  .wma-btn{
    transition:none!important;
  }
}


/* =========================================================
   WŁOSKA MINUTA AUDIO 3.3
   Inteligentny słownik, pewne usuwanie konta, grafika użytkownika
   ========================================================= */

/* Dokładnie przesłana grafika CIAO */
.wma-benefit-artwork img{
  width:min(92%,560px)!important;
  max-height:405px!important;
  object-fit:contain!important;
}

/* Inteligentne wyszukiwanie */
.wma-smart-dictionary{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 30px;
  padding:22px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 38px rgba(20,74,44,.08);
  backdrop-filter:blur(15px);
}
.wma-smart-dictionary__row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.wma-smart-dictionary__input{
  width:100%;
  min-height:52px;
  padding:13px 16px;
  border:1px solid rgba(23,107,69,.16);
  border-radius:15px;
  background:#fbfdf8;
  color:#173f2e;
  font-size:16px;
  outline:none;
}
.wma-smart-dictionary__input:focus{
  border-color:#176B45;
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-smart-dictionary__button{
  min-width:132px;
  min-height:52px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:15px;
  background:linear-gradient(135deg,#176B45,#2d9a60);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(23,107,69,.20);
}
.wma-smart-dictionary__button:disabled{
  opacity:.62;
  cursor:wait;
}
.wma-smart-dictionary__hint{
  margin:10px 2px 0;
  color:#64766c;
  font-size:12px;
  line-height:1.55;
}
.wma-smart-result{
  display:none;
  margin-top:16px;
  padding:18px;
  border-radius:17px;
  background:#f3f8e9;
  color:#315342;
}
.wma-smart-result.is-visible{
  display:block;
}
.wma-smart-result.is-error{
  background:#fff1eb;
  color:#843b2c;
}
.wma-smart-result__badge{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 9px;
  border-radius:999px;
  background:#dfeecb;
  color:#176B45;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wma-smart-result__term{
  margin:0 0 5px;
  color:var(--wma-green-dark);
  font:700 28px/1.1 Georgia,"Times New Roman",serif;
}
.wma-smart-result__translation{
  margin:0 0 13px;
  font-size:17px;
}
.wma-smart-result__sources{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.wma-smart-result__sources a{
  display:inline-flex;
  padding:7px 10px;
  border-radius:10px;
  background:#fff;
  color:#176B45;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
}
.wma-smart-result__note{
  margin:10px 0 0;
  color:#6d796f;
  font-size:12px;
  line-height:1.5;
}

/* Panel brakujących wyszukiwań */
.wma-missing-table{
  width:100%;
  border-collapse:collapse;
}
.wma-missing-table th,
.wma-missing-table td{
  padding:10px 8px;
  border-bottom:1px solid #e7e7e7;
  text-align:left;
}
.wma-missing-table th{
  color:#50575e;
  font-size:11px;
  text-transform:uppercase;
}
.wma-api-status{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#edf5de;
  color:#176B45;
  font-size:11px;
  font-weight:850;
}
.wma-api-status.is-off{
  background:#fff0e8;
  color:#8b3d2d;
}

@media(max-width:700px){
  .wma-smart-dictionary__row{
    grid-template-columns:1fr;
  }
  .wma-smart-dictionary__button{
    width:100%;
  }
}


/* =========================================================
   PLATFORM EDITION
   Panel nauki, ulubione, ostatnio czytane, słownik moderowany
   ========================================================= */

/* Panel „Mój włoski” */
.wma-learning-hero{
  margin:28px 0;
  padding:30px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,221,75,.23),transparent 28%),
    linear-gradient(145deg,#f6fbea,#fffdf6);
  box-shadow:0 22px 52px rgba(20,74,44,.10);
}
.wma-learning-hero h2{
  margin:0 0 10px;
  color:var(--wma-green-dark);
  font:700 34px/1.05 Georgia,"Times New Roman",serif;
}
.wma-learning-hero p{
  margin:0;
  color:var(--wma-muted);
  line-height:1.65;
}
.wma-learning-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.wma-learning-action{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:10px 15px;
  border-radius:999px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(20,74,44,.08);
}
.wma-learning-action.is-primary{
  background:linear-gradient(135deg,#176B45,#2f9d63);
  color:#fff;
}

/* Ulubione */
.wma-favorite-button{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid rgba(23,107,69,.15);
  border-radius:14px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
}
.wma-favorite-button.is-active{
  background:#fff0f2;
  color:#a63248;
  border-color:rgba(166,50,72,.18);
}

/* Klikalne słowa i modal słownika */
.wma-clickable-text{
  line-height:1.9!important;
}
.wma-word{
  display:inline;
  padding:1px 2px;
  border-radius:5px;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.wma-word:hover{
  background:#eef6df;
  color:#176B45;
}
.wma-word-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(7,36,23,.48);
  backdrop-filter:blur(10px);
}
.wma-word-modal.is-open{display:grid}
.wma-word-modal__card{
  position:relative;
  width:min(520px,100%);
  max-height:min(78vh,680px);
  overflow:auto;
  padding:28px;
  border-radius:26px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.24);
}
.wma-word-modal__close{
  position:absolute;
  right:14px;
  top:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#edf5df;
  color:#176B45;
  font-size:20px;
  cursor:pointer;
}
.wma-word-modal__content{
  padding-top:14px;
}

/* Rozwijający się słownik */
.wma-dictionary-growth{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 24px;
  padding:22px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#f5fae9);
  text-align:center;
}
.wma-dictionary-growth h2{
  margin:0 0 10px;
  color:var(--wma-green-dark);
  font:700 31px/1.1 Georgia,"Times New Roman",serif;
}
.wma-dictionary-growth p{
  max-width:720px;
  margin:0 auto;
  color:var(--wma-muted);
  line-height:1.7;
}
.wma-dictionary-growth__stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:18px;
}
.wma-dictionary-growth__stats span{
  padding:9px 13px;
  border-radius:999px;
  background:#edf5df;
  color:#176B45;
  font-size:13px;
  font-weight:850;
}

/* Panel kolejki słownika */
.wma-queue-form{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:16px;
}
.wma-queue-form .full{grid-column:1/-1}
.wma-queue-form label{
  display:block;
  margin-bottom:5px;
  font-weight:700;
}
.wma-queue-form input,
.wma-queue-form select,
.wma-queue-form textarea{
  width:100%;
}
.wma-queue-form textarea{min-height:90px}
.wma-queue-card{
  margin-bottom:18px;
  padding:20px;
  border:1px solid #dcdcde;
  border-radius:14px;
  background:#fff;
}
.wma-queue-card h3{
  margin:0 0 8px;
  color:#176B45;
}
.wma-queue-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#646970;
  font-size:12px;
}

/* Tabela ostatnich i ulubionych */
.wma-user-library{
  margin-top:34px;
}
.wma-user-library h2{
  color:var(--wma-green-dark);
  font-family:Georgia,"Times New Roman",serif;
}
.wma-library-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.wma-library-card{
  padding:20px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:18px;
  background:#f8fbed;
}
.wma-library-card a{
  color:#176B45;
  font-weight:850;
  text-decoration:none;
}

@media(max-width:800px){
  .wma-queue-form{grid-template-columns:1fr}
  .wma-queue-form .full{grid-column:auto}
  .wma-library-grid{grid-template-columns:1fr}
}


/* =========================================================
   ŁATKA 4.1.2 — jedna nawigacja na wszystkich podstronach
   ========================================================= */
.wma-reading-page > .wma-reading-nav{
  display:none!important;
}
.wma-subpage-nav{
  position:relative!important;
  top:auto!important;
  z-index:120;
  width:100%;
  min-height:82px!important;
  padding:11px clamp(24px,5vw,76px)!important;
  background:rgba(250,252,244,.90)!important;
  border-bottom:1px solid rgba(23,107,69,.08)!important;
  box-shadow:0 8px 28px rgba(20,74,44,.055)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
}
.admin-bar .wma-subpage-nav{top:auto!important}
.wma-subpage-nav__brand img{
  width:104px!important;
  height:54px!important;
}
.wma-subpage-nav__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px!important;
}
.wma-subpage-link{
  min-height:43px!important;
  padding:9px 14px!important;
  white-space:nowrap;
}
.wma-dictionary-growth p{
  max-width:720px;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:700px){
  .wma-subpage-nav{
    padding:9px 14px!important;
  }
  .wma-subpage-nav__brand{
    margin-bottom:8px!important;
  }
  .wma-subpage-nav__actions{
    justify-content:flex-start!important;
  }
}


/* 4.1.3 — stan po zalogowaniu */
body.logged-in .wma-copy:not(:has(.wma-actions)) .wma-pills {
  margin-top: 26px;
}


/* 4.1.4 — trzy poziomy dostępu */
.wma-access-test-note{
  max-width:920px;
  margin:0 auto 22px;
  padding:13px 16px;
  border:1px solid rgba(188,142,22,.18);
  border-radius:15px;
  background:#fff6cf;
  color:#6d5412;
  font-weight:750;
  text-align:center;
}
.wma-access-badge{
  max-width:calc(100% - 24px);
  white-space:normal;
  text-align:center;
}


/* =========================================================
   4.1.7 — PLANY DEMO / STANDARD / PREMIUM
   ========================================================= */
.wma-price-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin-inline:auto}
.wma-price--premium{position:relative;border:2px solid #d5ad25;background:linear-gradient(180deg,#fffdf5,#fff7d8)}
.wma-price--premium:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 18px 46px rgba(213,173,37,.15)}
.wma-price__test{margin:-10px 0 20px;padding:10px 12px;border-radius:12px;background:#fff4bd;color:#715c0d;font-size:12px;font-weight:800;line-height:1.5}
.wma-plan-form{margin:0}.wma-plan-form .wma-btn{border:0;cursor:pointer;font:inherit}
.wma-plan-card{padding:22px;border:1px solid rgba(23,107,69,.12);border-radius:20px;background:#fbfdf7;box-shadow:0 12px 28px rgba(20,74,44,.06)}
.wma-plan-card.is-current{border:2px solid var(--wma-green);background:linear-gradient(145deg,#f8fced,#fff)}
.wma-plan-card--premium.is-current{border-color:#d5ad25;background:linear-gradient(145deg,#fffdf3,#fff7d7)}
.wma-plan-card h3{margin:0 0 8px;font:700 26px/1.1 Georgia,"Times New Roman",serif;color:var(--wma-green-dark)}
.wma-plan-card p{color:var(--wma-muted);line-height:1.6}
.wma-plan-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 28px}
.wma-plan-status{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px 0;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#edf7df,#fff9dc);border:1px solid rgba(23,107,69,.12)}
.wma-plan-status__name{font:700 28px/1.1 Georgia,"Times New Roman",serif;color:var(--wma-green-dark)}
.wma-tester-badge{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:7px 11px;border-radius:999px;background:#eaf5d8;color:#176b45;font-size:12px;font-weight:900}
.wma-plan-message{margin:0 0 22px;padding:14px 16px;border-radius:14px;background:#eaf5d8;color:#26523c;font-weight:750}
.wma-premium-hidden-note{margin:20px 0;padding:16px 18px;border-radius:16px;background:#fff8dc;color:#6d5811;text-align:center;font-weight:750}
@media(max-width:900px){.wma-price-grid--three{grid-template-columns:1fr}.wma-plan-choice-grid{grid-template-columns:1fr}}


/* =========================================================
   4.1.8 — zapamiętywanie logowania i odzyskiwanie hasła
   ========================================================= */
.wma-login-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:4px 0 18px;
}
.wma-login-options label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  cursor:pointer;
}
.wma-login-options input[type="checkbox"]{
  width:18px;
  height:18px;
  accent-color:#176b45;
}
.wma-forgot-link{
  color:#176b45;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}
.wma-forgot-link:hover{text-decoration:underline}
.wma-password-help{
  margin:0 0 20px;
  padding:14px 15px;
  border-radius:14px;
  background:#f1f7e6;
  color:#466254;
  font-size:13px;
  line-height:1.6;
}
.wma-password-success{
  margin-bottom:18px;
  padding:14px 15px;
  border-radius:14px;
  background:#e8f5e8;
  color:#225a34;
  font-weight:700;
}
@media(max-width:560px){
  .wma-login-options{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   4.2.2 — MOBILE DARK HERO, PRZEŁĄCZNIK I OPISY PLANÓW
   ========================================================= */

/* W trybie nocnym wszystkie kluczowe teksty hero pozostają czytelne. */
.wma-hero[data-theme="night"] .wma-copy h1,
.wma-hero[data-theme="night"] .wma-copy h1 span,
.wma-hero[data-theme="night"] .wma-lead{
  color:#fffdf3!important;
  text-shadow:0 2px 18px rgba(0,0,0,.24);
}
.wma-hero[data-theme="night"] .wma-pills span{
  background:rgba(255,255,255,.94)!important;
  color:#0b5135!important;
  border-color:rgba(255,255,255,.55)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}
.wma-hero[data-theme="night"] .wma-pills span::first-letter{
  color:inherit;
}

/* Na laptopach przełącznik nie nachodzi na przycisk konta. */
@media (min-width:701px) and (max-width:1280px){
  .wma-hero{
    padding-top:76px!important;
  }
  .wma-theme-switcher{
    top:14px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    z-index:80!important;
  }
  .wma-nav{
    margin-top:0!important;
  }
}

/* Telefon: przełącznik nad nagłówkiem, pełne napisy w kapsułkach. */
@media (max-width:700px){
  .wma-theme-switcher{
    display:flex!important;
    width:max-content!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin:4px auto 14px!important;
    transform:none!important;
    z-index:80!important;
  }
  .wma-pills{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(100%,390px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:9px!important;
  }
  .wma-pills span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    width:100%!important;
    padding:10px 14px!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}


/* =========================================================
   4.2.3 — INTERAKTYWNE ĆWICZENIA WORDWALL
   ========================================================= */
.wma-exercises-section{
  margin-top:30px;
  padding:28px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#f7faed);
  box-shadow:0 20px 46px rgba(20,74,44,.09);
}
.wma-exercises-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.wma-exercises-heading h2{
  margin:0 0 6px;
  color:var(--wma-green-dark);
  font:700 31px/1.12 Georgia,"Times New Roman",serif;
}
.wma-exercises-heading p{margin:0;color:var(--wma-muted);line-height:1.55}
.wma-exercises-count{
  flex:0 0 auto;
  padding:8px 12px;
  border-radius:999px;
  background:#edf5df;
  color:#176B45;
  font-size:13px;
  font-weight:850;
}
.wma-exercise-card{
  margin-top:22px;
  overflow:hidden;
  border:1px solid rgba(23,107,69,.12);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,74,44,.07);
}
.wma-exercise-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  background:linear-gradient(135deg,#eef6df,#fff8db);
}
.wma-exercise-card__head h3{margin:0;color:#176B45;font-size:17px}
.wma-exercise-frame{position:relative;width:100%;min-height:560px;background:#f5f6f2}
.wma-exercise-frame iframe{display:block;width:100%;height:560px;border:0;background:#fff}
.wma-exercises-premium-note{
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  background:#fff8db;
  color:#5f5012;
  line-height:1.55;
}
.wma-exercises-premium-note a{color:#176B45;font-weight:850}

/* Edytor ćwiczeń */
.wma-exercise-admin-row{
  position:relative;
  margin:0 0 14px;
  padding:16px;
  border:1px solid #dcdcde;
  border-radius:12px;
  background:#fff;
}
.wma-exercise-admin-grid{display:grid;grid-template-columns:220px 1fr;gap:12px}
.wma-exercise-admin-row label{display:block;margin-bottom:5px;font-weight:700}
.wma-exercise-admin-row input,.wma-exercise-admin-row textarea{width:100%}
.wma-exercise-admin-row textarea{min-height:88px;font-family:monospace;font-size:12px}
.wma-exercise-remove{margin-top:10px!important;color:#b32d2e!important}
.wma-exercise-admin-empty{padding:16px;border:1px dashed #a7aaad;border-radius:10px;color:#646970;text-align:center}

@media(max-width:720px){
  .wma-exercises-section{padding:18px 14px;border-radius:22px}
  .wma-exercises-heading{display:block}
  .wma-exercises-count{display:inline-block;margin-top:12px}
  .wma-exercise-frame,.wma-exercise-frame iframe{min-height:500px;height:500px}
  .wma-exercise-admin-grid{grid-template-columns:1fr}
}

/* 4.3.0 — Piosenki */
.wma-song-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:250px;font-size:86px;color:var(--wma-green);background:linear-gradient(145deg,#eef8dc,#fff1c7)}
.wma-song-video{max-width:980px;margin:0 auto 34px;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(8,73,46,.16);background:#000;aspect-ratio:16/9}
.wma-song-video iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:720px){.wma-song-video{border-radius:16px;margin-bottom:22px}.wma-song-placeholder{min-height:190px}}

/* =========================================================
   4.3.1 — KOMPAKTOWY WIDOK PIOSENKI + SŁOWNIK Z PIOSENEK
   ========================================================= */
.wma-song-page{background:#f6fae9}
.wma-song-single{min-height:70vh}
.wma-song-hero{
  position:relative;
  overflow:hidden;
  padding:46px 0 54px;
  background:linear-gradient(120deg,#176B45 0%,#668b3e 55%,#e2b62f 100%);
  color:#fff;
}
.wma-song-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px);
  align-items:center;
  gap:42px;
  width:min(1120px,calc(100% - 40px));
  margin:0 auto;
}
.wma-song-hero__copy{min-width:0}
.wma-song-hero h1{
  max-width:760px;
  margin:14px 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(40px,5.5vw,68px);
  line-height:1;
  letter-spacing:-.045em;
}
.wma-song-hero__copy p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:17px;
  line-height:1.65;
}
.wma-song-hero__cover{
  overflow:hidden;
  aspect-ratio:16/10;
  border:6px solid rgba(255,255,255,.72);
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 55px rgba(8,55,35,.25);
}
.wma-song-hero__cover img{display:block;width:100%;height:100%;object-fit:cover}
.wma-song-main{
  width:min(980px,calc(100% - 40px));
  margin:0 auto;
  padding:46px 0 90px;
}
.wma-song-video-card{
  overflow:hidden;
  margin-bottom:28px;
  border:1px solid rgba(23,107,69,.11);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 52px rgba(20,74,44,.1);
}
.wma-song-video-card .wma-song-video{max-width:none;margin:0;border-radius:0;box-shadow:none}
.wma-song-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  padding:16px 20px;
  border-top:1px solid rgba(23,107,69,.09);
  background:#fff;
}
.wma-song-meta span{display:flex;gap:8px;color:var(--wma-muted);font-size:14px}
.wma-song-meta strong{color:var(--wma-green-dark)}
.wma-song-tabs{
  overflow:hidden;
  border:1px solid rgba(23,107,69,.11);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 52px rgba(20,74,44,.09);
}
.wma-song-tabs__nav{
  display:flex;
  gap:8px;
  padding:12px;
  border-bottom:1px solid rgba(23,107,69,.09);
  background:#edf5de;
}
.wma-song-tab{
  flex:1;
  min-height:46px;
  padding:10px 14px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:var(--wma-green-dark);
  font-weight:850;
  cursor:pointer;
}
.wma-song-tab.is-active{color:#fff;background:var(--wma-green)}
.wma-song-panel{padding:34px 38px}
.wma-song-panel[hidden]{display:none!important}
.wma-song-lyrics{
  max-width:720px;
  color:#294f3b;
  font-size:17px;
  line-height:1.9;
  white-space:normal;
}
.wma-song-vocab-list{max-width:760px;margin:0}
.wma-song-back{display:inline-flex;margin-top:24px}
.wma-song-locked{width:min(760px,calc(100% - 40px));margin:64px auto 90px}
.wma-dictionary-sources a{display:inline-flex;align-items:center;gap:5px}

@media(max-width:860px){
  .wma-song-hero__inner{grid-template-columns:1fr;gap:26px}
  .wma-song-hero__cover{max-width:620px;width:100%}
}
@media(max-width:700px){
  .wma-song-hero{padding:30px 0 34px}
  .wma-song-hero__inner,.wma-song-main{width:min(100% - 28px,980px)}
  .wma-song-hero h1{font-size:clamp(34px,11vw,48px);margin:10px 0 12px}
  .wma-song-hero__copy p{font-size:15px;line-height:1.55}
  .wma-song-hero__cover{border-width:4px;border-radius:18px}
  .wma-song-main{padding:26px 0 68px}
  .wma-song-video-card,.wma-song-tabs{border-radius:17px}
  .wma-song-tabs__nav{display:grid;grid-template-columns:1fr;padding:9px}
  .wma-song-tab{width:100%;text-align:left}
  .wma-song-panel{padding:24px 20px}
  .wma-song-lyrics{font-size:16px;line-height:1.82}
  .wma-song-meta{padding:14px 16px}
}


/* =========================================================
   4.3.2 — MOBILNE SKRÓTY NA STRONIE GŁÓWNEJ
   Czytanki / Piosenki / Słownik
   ========================================================= */
.wma-mobile-shortcuts{
  display:none;
}

@media(max-width:700px){
  .wma-mobile-shortcuts{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    width:100%;
    max-width:420px;
    margin:14px auto 2px;
  }

  .wma-mobile-shortcut{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:11px 16px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:15px;
    background:linear-gradient(135deg,#176B45,#2d9a5f);
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px;
    font-weight:900;
    line-height:1.2;
    box-shadow:0 9px 20px rgba(7,61,32,.18);
    -webkit-tap-highlight-color:transparent;
  }

  .wma-mobile-shortcut:active{
    transform:scale(.985);
  }

  .wma-hero[data-theme="night"] .wma-mobile-shortcut,
  .wma-hero[data-theme="evening"] .wma-mobile-shortcut{
    border-color:rgba(255,255,255,.22);
    color:#fff!important;
  }
}


/* Powiadomienia użytkownika — 4.3.6 */
.wma-notification-settings{margin-top:34px;padding:28px;border:1px solid rgba(22,102,68,.14);border-radius:24px;background:linear-gradient(145deg,rgba(244,250,236,.96),rgba(255,255,255,.98));box-shadow:0 16px 42px rgba(31,79,57,.08)}
.wma-notification-settings__intro{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.wma-notification-settings__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#e7f3d7;font-size:24px}.wma-notification-settings h2{margin:0 0 6px;color:var(--wma-green-dark)}.wma-notification-settings p{margin:0;color:#52675b}.wma-notification-form{display:grid;gap:12px}.wma-notification-option{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;border:1px solid rgba(22,102,68,.13);border-radius:16px;background:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wma-notification-option:hover{transform:translateY(-1px);border-color:rgba(22,102,68,.3);box-shadow:0 8px 22px rgba(31,79,57,.07)}.wma-notification-option input{width:20px;height:20px;margin-top:2px;accent-color:#176b48}.wma-notification-option span{display:grid;gap:3px}.wma-notification-option strong{color:var(--wma-green-dark)}.wma-notification-option small{color:#617267;line-height:1.45}.wma-notification-form .wma-learning-action{justify-self:start;border:0;cursor:pointer;margin-top:4px}@media(max-width:640px){.wma-notification-settings{padding:20px}.wma-notification-settings__intro{gap:12px}.wma-notification-settings__icon{flex-basis:42px;width:42px;height:42px;border-radius:14px}}


/* =========================================================
   5.1.0 — BIBLIOTEKA GRAMATYKI
   ========================================================= */
.wma-grammar-card{margin:34px 0;padding:28px;border-radius:28px;background:var(--wma-card,#fff);box-shadow:0 16px 45px rgba(27,48,68,.09);border:1px solid rgba(76,110,83,.12)}
.wma-grammar-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.wma-grammar-card__head h2{margin:5px 0 0}.wma-grammar-card__head>a,.wma-grammar-more{font-weight:800;text-decoration:none;color:var(--wma-green,#416d4b)}
.wma-grammar-accordion{display:grid;gap:10px}.wma-grammar-item{border:1px solid rgba(76,110,83,.16);border-radius:18px;background:rgba(247,250,246,.88);overflow:hidden}.wma-grammar-item summary{cursor:pointer;list-style:none;padding:17px 20px;font-weight:850;display:flex;align-items:center;justify-content:space-between}.wma-grammar-item summary::-webkit-details-marker{display:none}.wma-grammar-item summary:after{content:'+';font-size:1.45rem;line-height:1}.wma-grammar-item[open] summary:after{content:'−'}.wma-grammar-item__content{padding:2px 20px 20px;border-top:1px solid rgba(76,110,83,.12)}.wma-grammar-item__title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.wma-grammar-item__title-row h3{margin:18px 0 8px}.wma-grammar-item__title-row span,.wma-grammar-topic__level{display:inline-flex;border-radius:999px;padding:5px 10px;background:#e9f2e8;color:#315b39;font-weight:850;font-size:.78rem}.wma-grammar-copy{line-height:1.75}.wma-grammar-copy p:last-child{margin-bottom:0}.wma-grammar-more{display:inline-block;margin-top:12px}
.wma-grammar-library{max-width:1180px;margin:0 auto;padding:52px 22px 80px}.wma-grammar-levels{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wma-grammar-levels button{border:1px solid rgba(76,110,83,.2);background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:800}.wma-grammar-levels button.is-active{background:#416d4b;color:#fff}.wma-grammar-library__grid{display:grid;gap:20px;margin-top:26px}.wma-grammar-topic{scroll-margin-top:110px;padding:26px;border-radius:24px;background:#fff;border:1px solid rgba(76,110,83,.13);box-shadow:0 13px 38px rgba(27,48,68,.07)}.wma-grammar-topic.is-highlighted{outline:3px solid rgba(83,132,91,.35)}.wma-grammar-topic>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.wma-grammar-topic>header h2{margin:8px 0 12px}.wma-grammar-topic__count{white-space:nowrap;font-weight:800;color:#506153}.wma-grammar-related{margin-top:20px;padding-top:18px;border-top:1px solid rgba(76,110,83,.12)}.wma-grammar-related h3{font-size:1rem;margin:0 0 11px}.wma-grammar-related>div{display:flex;flex-wrap:wrap;gap:9px}.wma-grammar-related a{display:inline-flex;gap:7px;align-items:center;text-decoration:none;border-radius:999px;padding:8px 12px;background:#f1f6ef;color:#315b39;font-weight:750}.wma-grammar-empty{color:#69736b}
@media(max-width:700px){.wma-grammar-card{padding:20px;border-radius:22px}.wma-grammar-card__head{align-items:flex-start;flex-direction:column}.wma-grammar-topic{padding:20px}.wma-grammar-topic>header{flex-direction:column}.wma-grammar-library{padding:34px 15px 60px}}


/* WMA 5.1.1 — osobny widok materiałów powiązanych z zagadnieniem */
.wma-grammar-materials-view{margin-top:24px}.wma-grammar-back{display:inline-flex;margin:0 0 18px;text-decoration:none;font-weight:850;color:var(--wma-green,#416d4b)}.wma-grammar-topic--selected{margin-bottom:22px}.wma-grammar-material-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wma-grammar-material-group{padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(76,110,83,.13);box-shadow:0 13px 38px rgba(27,48,68,.07)}.wma-grammar-material-group>h2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.wma-grammar-material-group>h2 span{display:inline-flex;min-width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:#e9f2e8;color:#315b39;font-size:.85rem}.wma-grammar-material-list{display:grid;gap:10px}.wma-grammar-material-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 15px;border-radius:17px;background:#f6f9f4;border:1px solid rgba(76,110,83,.1);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.wma-grammar-material-list>a:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(27,48,68,.08)}.wma-grammar-material-icon{font-size:1.35rem}.wma-grammar-material-list strong,.wma-grammar-material-list small{display:block}.wma-grammar-material-list small{margin-top:3px;color:#69736b}.wma-grammar-material-list b{color:var(--wma-green,#416d4b);font-size:1.2rem}@media(max-width:760px){.wma-grammar-material-groups{grid-template-columns:1fr}.wma-grammar-material-group{padding:19px}}


/* WMA 5.1.2 — gramatyka wyłącznie w planie Premium */
.wma-grammar-premium-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#f7ca55,#e9a91d);color:#573b00;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 22px rgba(240,180,41,.22)}
.wma-grammar-premium-note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:24px;border:1px solid rgba(240,180,41,.35);border-radius:20px;background:linear-gradient(135deg,rgba(255,249,227,.96),rgba(255,255,255,.96))}
.wma-grammar-premium-note__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff3c5;font-size:1.35rem;box-shadow:0 10px 25px rgba(92,65,0,.08)}
.wma-grammar-premium-note h3{margin:0 0 8px;font-size:1.08rem}
.wma-grammar-premium-note p{margin:0 0 16px;color:var(--wma-muted);line-height:1.65}
.wma-grammar-card--locked .wma-grammar-card__head{margin-bottom:16px}
@media(max-width:640px){.wma-grammar-premium-note{grid-template-columns:1fr;padding:20px}.wma-grammar-premium-note__icon{width:44px;height:44px}}


/* WMA 5.1.3 — trzy najnowsze materiały przy haśle słownikowym */
.wma-dictionary-more{
  width:100%;
  text-align:right;
}
.wma-dictionary-more summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 8px;
  border-radius:8px;
  background:#fff7df;
  color:#8a5a00;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.wma-dictionary-more summary::-webkit-details-marker{display:none}
.wma-dictionary-more__list{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  margin-top:7px;
}
@media (max-width:760px){
  .wma-dictionary-more,
  .wma-dictionary-more__list{text-align:left;justify-content:flex-start}
}


/* =========================================================
   WMA 5.2.0 — statusy, filtry i sortowanie czytanek
   ========================================================= */
.wma-reading-tools{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(180px,auto)!important;
  max-width:1040px!important;
  align-items:center!important;
  gap:12px!important;
}
.wma-reading-filters{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
}
.wma-reading-filter:not([data-filter="all"]){display:inline-flex!important}
.wma-reading-sort{
  min-height:48px;
  padding:10px 42px 10px 15px;
  border:1px solid rgba(23,107,69,.14);
  border-radius:15px;
  background:#fff;
  color:var(--wma-green-dark);
  font-weight:760;
  outline:none;
  cursor:pointer;
}
.wma-reading-sort:focus{
  border-color:var(--wma-green);
  box-shadow:0 0 0 4px rgba(23,107,69,.09);
}
.wma-reading-statuses{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 10px;
}
.wma-reading-status{
  display:inline-grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:10px;
  background:#f4f8ed;
  box-shadow:0 5px 14px rgba(20,74,44,.07);
  font-size:15px;
  line-height:1;
}
.wma-reading-status--favorite{background:#fff7d9}
.wma-reading-status--practice{background:#fff0e8}
.wma-reading-status--understood{background:#edf8e8}
.wma-reading-status--read{background:#edf6ff}
@media (max-width:680px){
  .wma-reading-tools{grid-template-columns:1fr!important}
  .wma-reading-filters{grid-column:auto;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .wma-reading-filter{flex:0 0 auto}
}

/* =========================================================
   WMA 5.2.1 — kategorie, postęp kategorii i responsywność
   ========================================================= */

/* Kategorie tematyczne czytanek */
.wma-topic-browser{
  max-width:1040px;
  margin:0 auto 24px;
  padding:22px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(248,252,242,.94),rgba(255,255,255,.98));
  box-shadow:0 14px 34px rgba(28,75,46,.06);
}
.wma-topic-browser__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.wma-topic-browser__head h2{margin:4px 0 0;font-size:clamp(1.2rem,2vw,1.55rem);color:var(--wma-green-dark)}
.wma-topic-browser__head p{max-width:440px;margin:0;color:#68766d;font-size:.9rem;line-height:1.5;text-align:right}
.wma-topic-list{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:2px 2px 8px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.wma-topic-card{
  flex:0 0 190px;
  scroll-snap-align:start;
  display:grid;
  gap:8px;
  min-height:92px;
  padding:14px 15px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:17px;
  background:#fff;
  color:var(--wma-green-dark);
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(28,75,46,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.wma-topic-card:hover{transform:translateY(-2px);border-color:rgba(23,107,69,.30);box-shadow:0 10px 24px rgba(28,75,46,.09)}
.wma-topic-card.is-active{background:linear-gradient(135deg,#176b45,#2d9a5f);color:#fff;border-color:transparent;box-shadow:0 11px 26px rgba(23,107,69,.20)}
.wma-topic-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wma-topic-card__top strong{font-size:.93rem;line-height:1.2}
.wma-topic-card__top b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#eef6e8;font-size:.78rem}
.wma-topic-card.is-active .wma-topic-card__top b{background:rgba(255,255,255,.18);color:#fff}
.wma-topic-card__progress{display:block;height:6px;overflow:hidden;border-radius:999px;background:#e8efe5}
.wma-topic-card__progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48a76d,#e3b233)}
.wma-topic-card.is-active .wma-topic-card__progress{background:rgba(255,255,255,.20)}
.wma-topic-card.is-active .wma-topic-card__progress i{background:#fff}
.wma-topic-card small{font-size:.72rem;color:#718078}
.wma-topic-card.is-active small{color:rgba(255,255,255,.86)}
.wma-reading-topic-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.wma-reading-topic-badge{
  appearance:none;
  border:1px solid rgba(23,107,69,.12);
  border-radius:999px;
  background:#eff6e9;
  color:#315b39;
  padding:5px 9px;
  font:inherit;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
}
.wma-reading-topic-badge:hover{background:#e4f1dc;border-color:rgba(23,107,69,.26)}

/* Przełącznik kolorystyki: na mniejszych laptopach zwija się do jednej ikony. */
.wma-theme-toggle{display:none;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.88);cursor:pointer;font-size:18px;line-height:38px;box-shadow:0 5px 14px rgba(0,45,28,.12)}
@media (min-width:701px) and (max-width:1550px){
  .wma-hero{padding-top:20px!important}
  .wma-nav{padding-right:62px!important}
  .wma-theme-switcher{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:auto!important;
    margin:0!important;
    padding:5px!important;
    gap:5px!important;
    z-index:90!important;
  }
  .wma-theme-toggle{display:block}
  .wma-theme-switcher .wma-theme-btn{display:none}
  .wma-theme-switcher.is-open .wma-theme-btn{display:block}
}
@media (min-width:1551px), (max-width:700px){
  .wma-theme-toggle{display:none!important}
}

/* Telefon: skróty jak kafelki aplikacji zamiast ciężkich poziomych belek. */
@media(max-width:700px){
  .wma-mobile-shortcuts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    max-width:430px!important;
    margin:18px auto 4px!important;
  }
  .wma-mobile-shortcut{
    min-height:112px!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:15px 10px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:23px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.14))!important;
    color:#073d20!important;
    box-shadow:0 12px 28px rgba(7,61,32,.12)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    font-size:14px!important;
    text-shadow:none!important;
    transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important;
  }
  .wma-mobile-shortcut__icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
    box-shadow:0 7px 18px rgba(7,61,32,.10);
    font-size:25px;
    line-height:1;
  }
  .wma-mobile-shortcut:active{transform:scale(.97)!important;background:rgba(255,255,255,.36)!important}
  .wma-hero[data-theme="night"] .wma-mobile-shortcut,
  .wma-hero[data-theme="evening"] .wma-mobile-shortcut{color:#fff!important;background:rgba(255,255,255,.13)!important}
  .wma-hero[data-theme="night"] .wma-mobile-shortcut__icon,
  .wma-hero[data-theme="evening"] .wma-mobile-shortcut__icon{background:rgba(255,255,255,.86)}

  .wma-topic-browser{padding:17px 14px;border-radius:20px;margin-bottom:18px}
  .wma-topic-browser__head{display:block;margin-bottom:12px}
  .wma-topic-browser__head p{margin-top:5px;text-align:left;font-size:.82rem}
  .wma-topic-card{flex-basis:164px;min-height:88px;padding:12px 13px}
}


/* =========================================================
   WMA 5.2.2 — poziomy karuzelowy wybór kategorii + filtry mobile
   ========================================================= */
.wma-topic-carousel{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:stretch;
  gap:8px;
}
.wma-topic-list{
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:2px 2px 8px;
  overscroll-behavior-inline:contain;
}
.wma-topic-list::-webkit-scrollbar{display:none}
.wma-topic-arrow{
  align-self:center;
  display:grid;
  place-items:center;
  width:38px;
  height:52px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  color:var(--wma-green-dark);
  box-shadow:0 8px 22px rgba(28,75,46,.09);
  font-size:30px;
  line-height:1;
  cursor:pointer;
  transition:transform .16s ease,opacity .16s ease,background .16s ease;
}
.wma-topic-arrow:hover:not(:disabled){transform:translateY(-1px);background:#f7fbf2}
.wma-topic-arrow:disabled{opacity:.28;cursor:default}

/* Filtry postępu muszą pozostać dostępne również na telefonie. */
.wma-reading-filters{
  min-width:0;
}
@media(max-width:700px){
  .wma-topic-carousel{display:block}
  .wma-topic-arrow{display:none!important}
  .wma-topic-list{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding:2px 1px 8px!important;
  }
  .wma-reading-filters{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    width:100%!important;
    max-width:100%!important;
    padding:1px 1px 7px!important;
    gap:8px!important;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
  }
  .wma-reading-filters::-webkit-scrollbar{display:none}
  .wma-reading-filter,
  .wma-reading-filter:not([data-filter="all"]){
    display:inline-flex!important;
    flex:0 0 auto!important;
    visibility:visible!important;
    opacity:1!important;
    white-space:nowrap!important;
    min-height:40px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
}

/* ============================================================
   WMA 5.2.4 — zoptymalizowana pastelowa Biblioteka gramatyki
   ============================================================ */
.wma-grammar-shelf{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.wma-grammar-book{
  --book-a:rgba(224,244,234,.94);
  --book-b:rgba(246,255,250,.94);
  position:relative;
  min-width:0;
  border-radius:24px;
  scroll-margin-top:110px;
}
.wma-grammar-book--1{--book-a:rgba(218,243,229,.94);--book-b:rgba(245,255,249,.94)}
.wma-grammar-book--2{--book-a:rgba(222,237,255,.94);--book-b:rgba(247,251,255,.94)}
.wma-grammar-book--3{--book-a:rgba(239,226,255,.94);--book-b:rgba(253,248,255,.94)}
.wma-grammar-book--4{--book-a:rgba(255,231,218,.95);--book-b:rgba(255,250,246,.94)}
.wma-grammar-book--5{--book-a:rgba(255,244,199,.94);--book-b:rgba(255,253,239,.95)}
.wma-grammar-book--6{--book-a:rgba(250,222,233,.94);--book-b:rgba(255,247,251,.94)}
.wma-grammar-book[hidden]{display:none!important}
.wma-grammar-book__cover{
  position:relative;
  width:100%;min-height:150px;padding:23px 23px 21px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:13px;
  text-align:left;color:var(--wma-green-dark);cursor:pointer;
  border:1px solid rgba(89,122,100,.11);border-radius:24px;
  background:linear-gradient(135deg,var(--book-a),var(--book-b));
  box-shadow:0 10px 26px rgba(37,73,55,.075),inset 0 1px 0 rgba(255,255,255,.8);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}
.wma-grammar-book__cover:before{
  content:"";position:absolute;inset:-55% -30%;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.52) 50%,transparent 62%);
  transform:translateX(-40%) rotate(3deg);
  transition:opacity .2s ease,transform .5s ease;
}
@media (hover:hover) and (pointer:fine){
  .wma-grammar-book__cover:hover{
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.72);
    background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,255,255,.34)),linear-gradient(135deg,var(--book-a),var(--book-b));
    -webkit-backdrop-filter:blur(8px) saturate(118%);backdrop-filter:blur(8px) saturate(118%);
    box-shadow:0 16px 34px rgba(37,73,55,.12),inset 0 1px 0 rgba(255,255,255,.92);
  }
  .wma-grammar-book__cover:hover:before{opacity:.7;transform:translateX(42%) rotate(3deg)}
}
.wma-grammar-book__level{
  display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:27px;padding:0 9px;
  border-radius:999px;background:rgba(255,255,255,.67);border:1px solid rgba(255,255,255,.72);
  color:#38634d;font-size:.74rem;font-weight:900;letter-spacing:.04em;
}
.wma-grammar-book__title{
  position:relative;z-index:1;display:block;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.04rem,1.35vw,1.30rem);line-height:1.18;font-weight:700;letter-spacing:-.02em;
}
.wma-grammar-book__hint{font-size:.74rem;font-weight:850;color:rgba(35,77,55,.58);letter-spacing:.025em}
.wma-grammar-book__pages{
  grid-column:1/-1;margin-top:14px;opacity:0;transform:translateY(-5px);
  transform-origin:top center;transition:opacity .18s ease,transform .18s ease;
}
.wma-grammar-book.is-open{grid-column:1/-1;z-index:4}
.wma-grammar-book.is-open>.wma-grammar-book__cover{display:none}
.wma-grammar-book.is-open .wma-grammar-book__pages{opacity:1;transform:none}
.wma-grammar-book__inner{
  display:grid;grid-template-columns:minmax(165px,.30fr) minmax(0,1fr);min-height:340px;
  border-radius:30px;overflow:hidden;border:1px solid rgba(76,110,83,.11);
  background:#fff;
  box-shadow:0 18px 52px rgba(38,71,55,.12),inset 0 1px 0 rgba(255,255,255,.9);
  transform-origin:center top;
}
.wma-grammar-book__page{position:relative;padding:30px}
.wma-grammar-book__page--left{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:linear-gradient(145deg,var(--book-a),var(--book-b));
  border-right:1px solid rgba(73,105,84,.10);
}
.wma-grammar-book__page--left:after{
  content:"";position:absolute;right:-10px;top:0;bottom:0;width:20px;pointer-events:none;
  background:linear-gradient(90deg,rgba(35,62,47,.07),transparent);
}
.wma-grammar-book__ornament{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(40,79,58,.52)}
.wma-grammar-book__letter{
  display:grid;place-items:center;width:96px;height:118px;border-radius:18px 28px 28px 18px;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(63,81,65,.08);font-family:Georgia,"Times New Roman",serif;font-size:4.2rem;color:rgba(19,75,46,.72)
}
.wma-grammar-book__page--right{background:#fff}
.wma-grammar-book__content-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.wma-grammar-book__content-head h2{margin:8px 0 0;font-family:Georgia,"Times New Roman",serif;color:var(--wma-green-dark);font-size:clamp(1.55rem,2.5vw,2.15rem)}
.wma-grammar-book__close{
  margin-top:22px;padding:10px 15px;border:1px solid rgba(55,93,68,.15);border-radius:999px;background:#f3f8f2;
  color:#315b39;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease
}
.wma-grammar-book__close:hover{transform:translateY(-1px);background:#eef6ed}
.wma-grammar-book.is-highlighted>.wma-grammar-book__cover{outline:3px solid rgba(83,132,91,.25);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.wma-grammar-book__cover,.wma-grammar-book__pages,.wma-grammar-book__close{transition:none!important}}
@media(max-width:980px){.wma-grammar-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.wma-grammar-book__inner{grid-template-columns:135px minmax(0,1fr)}.wma-grammar-book__page{padding:25px}.wma-grammar-book__letter{width:80px;height:100px;font-size:3.5rem}.wma-grammar-book__title{font-size:1.12rem}}
@media(max-width:640px){
  .wma-grammar-shelf{grid-template-columns:1fr;gap:13px}.wma-grammar-book__cover{min-height:124px;padding:18px 19px;border-radius:21px}
  .wma-grammar-book__inner{grid-template-columns:1fr;border-radius:24px}.wma-grammar-book__page--left{min-height:102px;padding:18px;border-right:0;border-bottom:1px solid rgba(73,105,84,.10)}
  .wma-grammar-book__page--left:after{display:none}.wma-grammar-book__letter{width:62px;height:68px;border-radius:15px;font-size:2.6rem}.wma-grammar-book__page--right{padding:21px}
  .wma-grammar-book__content-head{flex-direction:column}.wma-grammar-book__title{font-size:1.18rem}
}


/* WMA 5.4.0 — gramatyka: ramki i tabela */
.wma540-grammar-box{margin:18px 0;padding:18px 20px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:rgba(255,255,255,.58);box-shadow:0 10px 28px rgba(31,41,55,.07)}
.wma540-grammar-box h4{margin:0 0 10px;font-size:1.02rem}.wma540-grammar-box p:last-child{margin-bottom:0}
.wma540-grammar-box--remember{background:rgba(220,252,231,.58)}.wma540-grammar-box--warning{background:rgba(254,243,199,.62)}.wma540-grammar-box--examples{background:rgba(219,234,254,.6)}.wma540-grammar-box--important{background:rgba(254,226,226,.58)}.wma540-grammar-box--conjugation{background:rgba(237,233,254,.62)}.wma540-grammar-box--table{background:rgba(240,253,250,.65)}
.wma540-table-wrap{overflow-x:auto}.wma540-table-wrap table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px}.wma540-table-wrap th,.wma540-table-wrap td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.09);text-align:left}.wma540-table-wrap th{font-weight:800;background:rgba(255,255,255,.55)}
/* WMA 5.4.0 — automatyczny baner statystyk; celowo niewidoczny na telefonie */
.wma540-stats{padding:8px 0 24px}.wma540-stats__glass{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:900px;margin:0 auto;border:1px solid rgba(255,255,255,.58);border-radius:24px;background:rgba(255,255,255,.38);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 42px rgba(28,48,39,.10);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.wma540-stats__glass:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(28,48,39,.14)}.wma540-stat{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:10px;padding:20px 28px;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.16))}.wma540-stat__icon{font-size:1.35rem}.wma540-stat strong{font-size:1.8rem;line-height:1}.wma540-stat>span:last-child{grid-column:1/-1;text-align:center;margin-top:6px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.7}
@media(max-width:767px){.wma540-stats{display:none!important}}
@media(prefers-reduced-motion:reduce){.wma540-stats__glass{transition:none}}


/* WMA 5.4.1 — automatyczne stylowanie tabel w treści zagadnień gramatycznych */
.wma-grammar-copy table{
  width:100%;
  margin:18px 0 22px;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(62,96,73,.16);
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 28px rgba(31,41,55,.06);
  color:var(--wma-green-dark,#174f36);
}
.wma-grammar-copy table th,
.wma-grammar-copy table td{
  padding:11px 13px;
  border-right:1px solid rgba(62,96,73,.11);
  border-bottom:1px solid rgba(62,96,73,.11);
  text-align:left;
  vertical-align:middle;
  line-height:1.45;
}
.wma-grammar-copy table th{
  background:linear-gradient(135deg,rgba(225,242,231,.92),rgba(241,248,238,.92));
  font-weight:850;
}
.wma-grammar-copy table tr:nth-child(even) td{background:rgba(247,251,245,.72)}
.wma-grammar-copy table tr:last-child th,
.wma-grammar-copy table tr:last-child td{border-bottom:0}
.wma-grammar-copy table th:last-child,
.wma-grammar-copy table td:last-child{border-right:0}
.wma-grammar-copy table caption{
  caption-side:top;
  padding:0 0 9px;
  text-align:left;
  font-weight:850;
  color:var(--wma-green-dark,#174f36);
}
@media(max-width:700px){
  .wma-grammar-copy{
    overflow-wrap:anywhere;
  }
  .wma-grammar-copy table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
    border-radius:14px;
  }
  .wma-grammar-copy table th,
  .wma-grammar-copy table td{
    padding:10px 12px;
  }
}


/* WMA 5.4.2 — niezależny komunikat administracyjny */
.wma542-announcement{padding:18px 0 6px;position:relative;z-index:4}
.wma542-announcement__glass{display:flex;align-items:center;gap:16px;padding:16px 19px;border:1px solid rgba(255,255,255,.68);border-radius:20px;background:rgba(255,255,255,.64);box-shadow:0 12px 34px rgba(28,48,39,.09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.wma542-announcement__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.68);font-size:1.25rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.wma542-announcement__copy{min-width:0;flex:1}.wma542-announcement__copy strong{display:block;margin-bottom:3px;font-size:1.02rem}.wma542-announcement__copy p{margin:0;line-height:1.5;opacity:.86}
.wma542-announcement__button{flex:0 0 auto;padding:10px 15px;border-radius:999px;background:rgba(37,91,59,.94);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 8px 20px rgba(37,91,59,.16);transition:transform .18s ease,box-shadow .18s ease}.wma542-announcement__button:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(37,91,59,.22)}
.wma542-announcement--important .wma542-announcement__glass{background:linear-gradient(135deg,rgba(255,248,221,.78),rgba(255,255,255,.66))}.wma542-announcement--maintenance .wma542-announcement__glass{background:linear-gradient(135deg,rgba(229,240,255,.78),rgba(255,255,255,.66))}.wma542-announcement--new .wma542-announcement__glass{background:linear-gradient(135deg,rgba(238,232,255,.78),rgba(255,255,255,.66))}
@media(max-width:700px){.wma542-announcement{padding:12px 0 2px}.wma542-announcement__glass{align-items:flex-start;gap:11px;padding:14px;border-radius:17px;flex-wrap:wrap}.wma542-announcement__icon{flex-basis:38px;width:38px;height:38px;border-radius:12px}.wma542-announcement__copy{flex:1 1 calc(100% - 55px)}.wma542-announcement__button{margin-left:49px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.wma542-announcement__button{transition:none}}


/* =========================================================
   5.5.0 — PORTFEL SŁÓWEK I FISZKI
   ========================================================= */
.wma550-word-tools{display:inline-flex;align-items:center;gap:7px;margin-left:auto;flex-wrap:wrap}.wma550-wallet-form{display:inline-flex;margin:0}.wma550-wallet-button,.wma550-audio-button{border:1px solid rgba(23,107,69,.14);background:rgba(255,255,255,.82);color:var(--wma-green-dark);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 5px 14px rgba(21,76,50,.07);transition:.18s ease}.wma550-wallet-button:hover,.wma550-audio-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(21,76,50,.12)}.wma550-wallet-button.is-added{background:rgba(185,228,122,.22)}.wma550-word-tools.is-compact .wma550-wallet-button{padding:6px 9px}.wma550-dictionary-word{display:flex;align-items:center;justify-content:space-between;gap:14px}.wma550-dictionary-word>div:first-child{display:grid;gap:2px}.wma-vocab-list li{align-items:center;gap:12px}.wma-vocab-list li>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.wma550-wallet-page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:58px 0 90px}.wma550-wallet-head{text-align:center;max-width:760px;margin:0 auto 34px}.wma550-wallet-head h1{font-size:clamp(34px,5vw,58px);margin:8px 0 12px;color:var(--wma-green-dark)}.wma550-wallet-head p{color:var(--wma-muted);line-height:1.75}.wma550-wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.wma550-wallet-stats>div{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 32px rgba(21,76,50,.08);backdrop-filter:blur(12px)}.wma550-wallet-stats strong{display:block;font-size:28px;color:var(--wma-green)}.wma550-wallet-stats span{font-size:13px;font-weight:800;color:var(--wma-muted)}
.wma550-study{margin:30px 0 38px}.wma550-study__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.wma550-study__head h2{margin:4px 0 0;color:var(--wma-green-dark)}.wma550-study__head>span{font-size:13px;color:var(--wma-muted);font-weight:800}.wma550-flashcard{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(238,250,239,.76));border:1px solid rgba(255,255,255,.86);box-shadow:0 24px 70px rgba(19,72,48,.13);min-height:350px;padding:0;perspective:1200px;transform-style:preserve-3d}.wma550-flashcard:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 20% 20%,rgba(185,228,122,.28),transparent 30%),radial-gradient(circle at 80% 70%,rgba(165,204,255,.22),transparent 32%);pointer-events:none}.wma550-flashcard__front,.wma550-flashcard__answer{position:absolute;inset:0;z-index:1;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.72,.25,1),opacity .35s ease}.wma550-flashcard__front{transform:rotateY(0deg)}.wma550-flashcard__answer{transform:rotateY(180deg)}.wma550-flashcard.is-revealed .wma550-flashcard__front{transform:rotateY(-180deg)}.wma550-flashcard.is-revealed .wma550-flashcard__answer{transform:rotateY(0deg)}.wma550-flashcard__front strong{display:block;font-family:Georgia,serif;font-size:clamp(40px,7vw,76px);color:var(--wma-green-dark);margin-bottom:25px}.wma550-audio-button.is-large{font-size:14px;padding:10px 16px;margin-bottom:20px}.wma550-reveal{display:block;margin:0 auto;border:0;border-radius:999px;background:var(--wma-green);color:white;padding:12px 20px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.wma550-reveal:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,107,69,.22);filter:brightness(1.03)}.wma550-reveal:active{transform:translateY(1px) scale(.98)}.wma550-flashcard__answer span{display:block;font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--wma-green-dark);margin:18px 0}.wma550-flashcard__answer p{color:var(--wma-muted)}.wma550-review-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.wma550-review-actions button{border:1px solid rgba(23,107,69,.08);border-radius:16px;padding:13px 18px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(21,76,50,.08);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.wma550-review-actions button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(21,76,50,.14);filter:saturate(1.05)}.wma550-review-actions button:active,.wma550-review-actions button.is-pressed{transform:translateY(2px) scale(.96);box-shadow:inset 0 3px 8px rgba(21,76,50,.12),0 2px 7px rgba(21,76,50,.08)}.wma550-review-actions .is-again{background:#ffe1dc}.wma550-review-actions .is-almost{background:#fff0c5}.wma550-review-actions .is-know{background:#dcf2de}
.wma550-wallet-list{margin-top:34px}.wma550-wallet-list__head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.wma550-wallet-list__head h2{margin:0}.wma550-wallet-list__head a{font-weight:900;color:var(--wma-green)}.wma550-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wma550-wallet-card{display:grid;grid-template-columns:1fr auto;gap:8px 14px;background:#fff;border:1px solid rgba(23,107,69,.09);border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px rgba(21,76,50,.06)}.wma550-wallet-card>div:first-child{display:grid;gap:3px}.wma550-wallet-card strong{font-size:17px;color:var(--wma-green-dark)}.wma550-wallet-card small{grid-column:1/-1;color:#849187}.wma550-wallet-card__actions{display:flex;align-items:start;gap:5px}.wma550-remove{border:0;background:#fff1ef;color:#b33b30;width:31px;height:31px;border-radius:50%;font-size:20px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.wma550-remove:hover{transform:scale(1.06);box-shadow:0 5px 14px rgba(179,59,48,.12)}.wma550-empty,.wma550-all-done{text-align:center;padding:34px;border:1px dashed rgba(23,107,69,.2);border-radius:24px;background:rgba(255,255,255,.58)}.wma550-empty>span,.wma550-all-done>span{font-size:42px}.wma550-empty h3,.wma550-all-done h2{color:var(--wma-green-dark)}
@media(max-width:700px){.wma550-wallet-page{width:min(100% - 24px,1120px);padding-top:34px}.wma550-wallet-stats{grid-template-columns:1fr}.wma550-wallet-grid{grid-template-columns:1fr}.wma550-flashcard{min-height:310px;padding:26px 18px}.wma550-word-tools{margin-left:0}.wma550-dictionary-word{align-items:flex-start;flex-direction:column}.wma550-wallet-list__head{align-items:flex-start;flex-direction:column}}


/* =========================================================
   5.5.4 — FISZKI DWUKIERUNKOWE + PŁYNNY OBRÓT
   ========================================================= */
.wma554-direction-picker{margin:28px 0 12px;padding:28px;border:1px solid rgba(23,107,69,.10);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 16px 44px rgba(21,76,50,.08);text-align:center}
.wma554-direction-picker h2{margin:0 0 8px;color:var(--wma-green-dark)}
.wma554-direction-picker p{margin:0 auto 20px;max-width:680px;color:var(--wma-muted);line-height:1.65}
.wma554-direction-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:0 auto}
.wma554-direction-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;padding:16px 20px;border:1px solid rgba(23,107,69,.12);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,250,239,.82));color:var(--wma-green-dark);font-weight:900;text-decoration:none;box-shadow:0 10px 26px rgba(21,76,50,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.wma554-direction-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(21,76,50,.13);border-color:rgba(23,107,69,.24)}
.wma554-direction-current{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(23,107,69,.09)}
.wma554-direction-current strong{color:var(--wma-green-dark)}
.wma554-direction-current a{color:var(--wma-green);font-weight:900;text-decoration:none}
.wma550-flashcard{perspective:1400px;transform-style:flat}
.wma550-flashcard__inner{position:absolute;inset:0;z-index:2;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.72,.25,1);will-change:transform}
.wma550-flashcard__front,.wma550-flashcard__answer{z-index:auto;transition:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat}
.wma550-flashcard__front{transform:rotateY(0deg)}
.wma550-flashcard__answer{transform:rotateY(180deg)}
.wma550-flashcard.is-revealed .wma550-flashcard__inner{transform:rotateY(180deg)}
.wma550-flashcard.is-revealed .wma550-flashcard__front,.wma550-flashcard.is-revealed .wma550-flashcard__answer{transform:inherit}
.wma550-flashcard.is-switching .wma550-flashcard__inner{opacity:0;transform:scale(.985)}
.wma550-flashcard__inner{opacity:1;transition:transform .52s cubic-bezier(.2,.72,.25,1),opacity .18s ease}
.wma554-front-label{display:block;margin-bottom:10px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--wma-muted)}
.wma554-card-progress{font-size:13px;color:var(--wma-muted);font-weight:800}
.wma550-review-actions button[disabled]{opacity:.62;cursor:wait;pointer-events:none}
@media(max-width:700px){.wma554-direction-actions{grid-template-columns:1fr}.wma554-direction-picker{padding:22px 16px}.wma554-direction-current{align-items:flex-start;flex-direction:column}.wma550-flashcard{padding:0}}
@media(prefers-reduced-motion:reduce){.wma550-flashcard__inner,.wma554-direction-btn{transition:none!important}}


/* =========================================================
   5.5.5 — FISZKI: STABILNE ODSŁANIANIE BEZ OBRACANIA 3D
   ========================================================= */
.wma550-flashcard{
  perspective:none!important;
  transform-style:flat!important;
}
.wma550-flashcard__inner{
  position:absolute!important;
  inset:0!important;
  transform:none!important;
  transform-style:flat!important;
  opacity:1!important;
  transition:none!important;
  will-change:auto!important;
}
.wma550-flashcard__front,
.wma550-flashcard__answer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:40px!important;
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transition:transform .32s cubic-bezier(.2,.72,.25,1), visibility 0s linear .32s!important;
}
.wma550-flashcard__front{
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.wma550-flashcard__answer{
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(18px) scale(.985)!important;
}
.wma550-flashcard.is-revealed .wma550-flashcard__front{
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-18px) scale(.985)!important;
}
.wma550-flashcard.is-revealed .wma550-flashcard__answer{
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition-delay:0s!important;
}
.wma550-flashcard.is-switching,
.wma550-flashcard.is-switching .wma550-flashcard__inner{
  opacity:1!important;
}
.wma550-review-actions button,
.wma550-review-actions button[disabled]{
  opacity:1!important;
  transition:transform .14s ease, box-shadow .18s ease, filter .18s ease!important;
}
.wma550-review-actions button:hover:not([disabled]){
  transform:translateY(-2px) scale(1.025);
  box-shadow:0 9px 22px rgba(21,76,50,.14);
  filter:saturate(1.04);
}
.wma550-review-actions button.is-pressed,
.wma550-review-actions button:active{
  transform:translateY(2px) scale(.965)!important;
  box-shadow:inset 0 3px 8px rgba(21,76,50,.16)!important;
  filter:saturate(.96)!important;
}
.wma550-review-actions button[disabled]{cursor:wait!important;pointer-events:none!important}
.wma550-wallet-card__langs{display:grid;gap:3px;min-width:0}
.wma550-wallet-card__langs strong{font-size:17px;color:var(--wma-green-dark)}
.wma550-wallet-card__langs span{font-size:14px;color:var(--wma-muted)}
@media(max-width:700px){
  .wma550-flashcard__front,.wma550-flashcard__answer{padding:28px 20px!important}
}
@media(prefers-reduced-motion:reduce){
  .wma550-flashcard__front,.wma550-flashcard__answer,.wma550-review-actions button{transition:none!important}
}


/* =========================================================
   5.5.6 — FISZKI: BEZ NAKŁADANIA WARSTW
   Front i tył nigdy nie są renderowane jednocześnie.
   ========================================================= */
.wma550-flashcard__front,
.wma550-flashcard__answer{
  transition:none!important;
  transform:none!important;
  visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
.wma550-flashcard__front{display:flex!important;}
.wma550-flashcard__answer{display:none!important;}
.wma550-flashcard.is-revealed .wma550-flashcard__front{display:none!important;}
.wma550-flashcard.is-revealed .wma550-flashcard__answer{display:flex!important;}
.wma550-flashcard.is-switching,
.wma550-flashcard.is-switching .wma550-flashcard__inner{opacity:1!important;filter:none!important;}

.wma-human-reader-badge{display:inline-flex;align-items:center;gap:6px;margin:8px 0 14px;padding:7px 11px;border-radius:999px;background:#eef7e8;color:#0d5b3a;font-weight:700;font-size:.88rem}

.wma-dictionary-missing{max-width:980px;margin:12px auto 18px}
.wma-dictionary-missing__box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(23,107,69,.18);border-radius:16px;background:rgba(255,255,255,.72)}
.wma-dictionary-missing__button{border:0;border-radius:999px;background:#176B45;color:#fff;font-weight:700;padding:9px 14px;cursor:pointer}
.wma-dictionary-missing__button:hover{transform:translateY(-1px)}
.wma-dictionary-missing__button:active{transform:translateY(1px)}
.wma-dictionary-missing__button:disabled{opacity:.6;cursor:wait}
.wma-dictionary-missing__status{font-weight:600;color:#176B45}

/* =========================================================
   t.1.2.0 — test: jasna sekcja, cytryny, pastelowe szkło
   ========================================================= */
.wma570-showcase{
  position:relative;overflow:hidden;isolation:isolate;min-height:650px;
  margin-top:-34px;padding:88px 24px 82px;background:#fffdf8;
}
.wma570-showcase::before,.wma570-showcase::after{
  content:"";position:absolute;z-index:0;width:300px;height:440px;
  background:url('assets/img/lemon-sprig-t120.svg') center/contain no-repeat;
  opacity:.34;pointer-events:none;
}
.wma570-showcase::before{left:-82px;top:28px;transform:rotate(-17deg)}
.wma570-showcase::after{right:-78px;bottom:-36px;transform:scaleX(-1) rotate(-14deg)}
.wma570-showcase__shade,.wma570-showcase__wave{display:none!important}
.wma570-showcase__inner{width:min(1360px,100%);margin:0 auto;position:relative;z-index:2}
.wma570-showcase__intro{width:min(650px,92%);margin:0 auto 26px;text-align:center;color:#0a5639}
.wma570-showcase__intro .wma-eyebrow{background:#fff;color:#0b633f;border:1px solid rgba(15,91,58,.10);box-shadow:0 8px 24px rgba(19,68,43,.06)}
.wma570-showcase__intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,3.8vw,58px);line-height:1;margin:15px 0 12px;color:#0a5639}
.wma570-showcase__intro p{font-size:17px;line-height:1.55;margin:0;color:#52675c}
.wma570-showcase__stage{display:grid;grid-template-columns:minmax(250px,1fr) minmax(350px,430px) minmax(250px,1fr);gap:30px;align-items:center;min-height:445px}
.wma570-showcase__links{display:flex;flex-direction:column;gap:18px}
.wma570-glass{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:88px;padding:16px 20px;border:1px solid rgba(255,255,255,.95);border-radius:24px;box-shadow:0 16px 38px rgba(29,64,42,.10),inset 0 1px 0 #fff;color:#073e2a;text-decoration:none;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* pastelowe, osobne odcienie sześciu kafelków */
.wma570-showcase__links--left .wma570-glass:nth-child(1){background:linear-gradient(135deg,rgba(226,246,238,.94),rgba(248,255,252,.88))}
.wma570-showcase__links--left .wma570-glass:nth-child(2){background:linear-gradient(135deg,rgba(255,246,207,.95),rgba(255,253,240,.90))}
.wma570-showcase__links--left .wma570-glass:nth-child(3){background:linear-gradient(135deg,rgba(239,233,252,.94),rgba(252,249,255,.90))}
.wma570-showcase__links--right .wma570-glass:nth-child(1){background:linear-gradient(135deg,rgba(231,247,222,.94),rgba(249,255,246,.90))}
.wma570-showcase__links--right .wma570-glass:nth-child(2){background:linear-gradient(135deg,rgba(255,232,221,.94),rgba(255,249,246,.90))}
.wma570-showcase__links--right .wma570-glass:nth-child(3){background:linear-gradient(135deg,rgba(225,241,252,.94),rgba(248,253,255,.90))}
/* mocniejszy refleks świetlny */
.wma570-glass::before{content:"";position:absolute;top:-90%;left:-62%;width:52%;height:285%;background:linear-gradient(104deg,transparent 4%,rgba(255,255,255,.30) 28%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.34) 70%,transparent 96%);transform:rotate(13deg);opacity:.92;transition:left .72s cubic-bezier(.2,.72,.2,1);pointer-events:none}
.wma570-glass:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(22,49,26,.16),inset 0 1px 0 #fff;border-color:#fff}
.wma570-glass:hover::before{left:128%}
/* „brzuszki”: środkowe kafelki wychodzą NA ZEWNĄTRZ, symetrycznie */
.wma570-showcase__links--left .wma570-glass:nth-child(2){transform:translateX(-22px)}
.wma570-showcase__links--right .wma570-glass:nth-child(2){transform:translateX(22px)}
.wma570-showcase__links--left .wma570-glass:nth-child(2):hover{transform:translate(-22px,-5px)}
.wma570-showcase__links--right .wma570-glass:nth-child(2):hover{transform:translate(22px,-5px)}
.wma570-glass__icon{flex:0 0 50px;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(24,64,36,.06)}
.wma570-glass strong{display:block;font-size:18px;line-height:1.15;margin-bottom:5px}.wma570-glass small{display:block;font-size:13px;line-height:1.35;color:rgba(7,62,42,.70)}
.wma570-showcase__phone{position:relative;display:grid;place-items:center;align-self:center}.wma570-showcase__phone-glow{position:absolute;width:68%;height:65%;border-radius:50%;background:rgba(255,226,128,.15);filter:blur(46px)}
.wma570-showcase__phone img{position:relative;z-index:1;display:block;width:min(100%,415px);height:auto;filter:drop-shadow(0 25px 28px rgba(7,31,18,.22));transform:rotate(-.8deg)}
/* komunikat nie tworzy osobnego pasa */
.wma542-announcement{padding:0;margin:-20px 0 -26px;position:relative;z-index:12}.wma542-announcement .wma-container{width:min(100% - 40px,1180px)}.wma542-announcement__glass{padding:13px 17px;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(28,48,39,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wma-hero + .wma570-showcase{margin-top:-42px;padding-top:102px}.wma542-announcement + .wma570-showcase{margin-top:-24px;padding-top:104px}
@media (prefers-reduced-motion:no-preference){.wma570-glass{animation:wmat120Float 7s ease-in-out infinite}.wma570-glass:nth-child(2){animation-delay:-2.2s}.wma570-glass:nth-child(3){animation-delay:-4.4s}@keyframes wmat120Float{0%,100%{margin-top:0;margin-bottom:0}50%{margin-top:-3px;margin-bottom:3px}}}
@media (max-width:1050px){.wma570-showcase__stage{grid-template-columns:1fr 300px 1fr;gap:14px}.wma570-showcase__links--left .wma570-glass:nth-child(2){transform:translateX(-12px)}.wma570-showcase__links--right .wma570-glass:nth-child(2){transform:translateX(12px)}.wma570-glass{padding:14px;min-height:80px}.wma570-glass__icon{flex-basis:44px;width:44px;height:44px}.wma570-glass strong{font-size:16px}.wma570-glass small{font-size:12px}}
@media (max-width:760px){.wma570-showcase{min-height:auto;margin-top:-14px!important;padding:42px 16px 52px!important;background:#fffdf8}.wma570-showcase::before,.wma570-showcase::after,.wma570-showcase__phone{display:none}.wma570-showcase__intro{width:100%;margin-bottom:22px}.wma570-showcase__intro h2{font-size:36px;line-height:1.02;margin:13px auto 10px}.wma570-showcase__intro p{font-size:14px}.wma570-showcase__stage{display:block;min-height:0}.wma570-showcase__links{gap:10px}.wma570-showcase__links--right{margin-top:10px}.wma570-glass,.wma570-showcase__links--left .wma570-glass:nth-child(2),.wma570-showcase__links--right .wma570-glass:nth-child(2){min-height:70px;padding:11px 13px;border-radius:18px;transform:none;animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 7px 20px rgba(20,70,42,.07)}.wma570-glass::before{display:none}.wma570-glass:hover,.wma570-showcase__links--left .wma570-glass:nth-child(2):hover,.wma570-showcase__links--right .wma570-glass:nth-child(2):hover{transform:none}.wma570-glass__icon{flex-basis:42px;width:42px;height:42px;border-radius:13px;font-size:20px}.wma570-glass strong{font-size:15px;margin-bottom:2px}.wma570-glass small{font-size:11.5px}.wma542-announcement{margin:-10px 0 -8px}.wma542-announcement .wma-container{width:min(100% - 24px,1180px)}}


/* =========================================================
   t.1.2.1 — dopracowanie sekcji + kompaktowy komunikat
   ========================================================= */
.wma570-showcase{margin-top:-18px;padding-top:68px;background:#fffdf9}
.wma570-showcase::before{left:0;top:0;width:100%;height:100%;background:url('assets/img/lemon-corners-t121.webp') center/cover no-repeat;opacity:.16;transform:none}
.wma570-showcase::after{display:none}
.wma570-showcase__stage{grid-template-columns:minmax(280px,1fr) minmax(310px,390px) minmax(280px,1fr);gap:12px}
.wma570-showcase__links--left{transform:translateX(24px)}.wma570-showcase__links--right{transform:translateX(-24px)}
.wma570-showcase__links--left .wma570-glass:nth-child(2){transform:translateX(-18px)}.wma570-showcase__links--right .wma570-glass:nth-child(2){transform:translateX(18px)}
.wma570-showcase__links--left .wma570-glass:nth-child(2):hover{transform:translate(-18px,-5px)}.wma570-showcase__links--right .wma570-glass:nth-child(2):hover{transform:translate(18px,-5px)}
.wma570-showcase__phone{min-height:430px;animation:wmat121Phone 6.8s ease-in-out infinite}
.wma570-showcase__phone img{width:min(100%,365px)}
.wma570-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(25,104,67,.16);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.wma570-orbit--1{width:300px;height:300px}.wma570-orbit--2{width:365px;height:365px;border-color:rgba(207,170,59,.13)}.wma570-orbit--3{width:425px;height:425px;border-color:rgba(25,104,67,.08)}
@keyframes wmat121Phone{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-8px) rotate(.35deg)}}
/* Komunikat: mały szklany krążek, treść dopiero po kliknięciu */
.wma542-announcement{padding:0;margin:-10px 0 4px;position:relative;z-index:20}.wma542-announcement__wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.wma542-announcement__bubble{width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.76);box-shadow:0 12px 32px rgba(22,65,42,.12),inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#0b5d3d;font-weight:800;font-size:12px;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.wma542-announcement__bubble::after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.9) 50%,transparent 62%);transform:translateX(-80%) rotate(12deg);transition:transform .7s ease}.wma542-announcement__bubble:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(22,65,42,.16),inset 0 1px 0 #fff}.wma542-announcement__bubble:hover::after{transform:translateX(80%) rotate(12deg)}
.wma542-announcement__glass{width:min(720px,100%);display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 16px 42px rgba(28,48,39,.11);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:wmat121Reveal .28s ease both}.wma542-announcement__glass[hidden]{display:none!important}.wma542-announcement__copy p{white-space:pre-wrap;font-family:"Courier New",Courier,monospace;line-height:1.55}.wma542-announcement__copy strong{margin-bottom:7px}
@keyframes wmat121Reveal{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
.wma-hero + .wma542-announcement{margin-top:-26px}.wma542-announcement + .wma570-showcase{margin-top:-26px;padding-top:62px}.wma-hero + .wma570-showcase{margin-top:-18px;padding-top:68px}
@media(max-width:1050px){.wma570-showcase__links--left{transform:translateX(12px)}.wma570-showcase__links--right{transform:translateX(-12px)}}
@media(max-width:760px){.wma570-showcase{margin-top:0!important;padding:34px 14px 46px!important;background:#fffdf9}.wma570-showcase::before{display:none}.wma570-showcase__links--left,.wma570-showcase__links--right{transform:none}.wma570-orbit{display:none}.wma542-announcement{margin:-8px 0 4px}.wma542-announcement__bubble{width:62px;height:62px;font-size:10px}.wma542-announcement__glass{width:100%;padding:15px;border-radius:18px}.wma542-announcement__button{margin-left:0}}
@media(prefers-reduced-motion:reduce){.wma570-showcase__phone{animation:none}.wma542-announcement__glass{animation:none}}

/* =========================================================
   t.1.2.3 — osobne akwarelowe cytryny + komunikat po lewej
   ========================================================= */
.wma570-showcase{background:#fffdf9;overflow:hidden}
.wma570-showcase::before{content:"";display:block!important;position:absolute;z-index:0;left:-18px;top:10px;width:360px;height:520px;background:url('assets/img/lemon-left-t123.webp') left top/contain no-repeat;opacity:.22;transform:none;pointer-events:none}
.wma570-showcase::after{content:"";display:block!important;position:absolute;z-index:0;right:-18px;bottom:0;width:360px;height:520px;background:url('assets/img/lemon-right-t123.webp') right bottom/contain no-repeat;opacity:.22;transform:none;pointer-events:none}
/* pływający komunikat po lewej — bez tworzenia pasa pomiędzy sekcjami */
.wma542-announcement{height:0!important;margin:0!important;padding:0!important;position:relative;z-index:40;overflow:visible}
.wma542-announcement .wma-container{width:auto;max-width:none;margin:0}
.wma542-announcement__wrap{position:absolute;left:clamp(18px,4vw,68px);top:18px;display:flex;flex-direction:row;align-items:flex-start;gap:14px;width:auto}
.wma542-announcement__bubble{flex:0 0 auto;width:78px;height:78px;background:linear-gradient(145deg,rgba(255,218,207,.90),rgba(255,237,194,.88));border:1px solid rgba(255,255,255,.96);color:#a94a2d;box-shadow:0 14px 34px rgba(154,87,45,.14),inset 0 1px 0 #fff;animation:wmat123Notice 5.6s ease-in-out infinite}
.wma542-announcement__glass{width:min(610px,calc(100vw - 150px));margin-top:4px;background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 46px rgba(28,48,39,.12)}
.wma542-announcement__copy p{font-family:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px;letter-spacing:.015em;line-height:1.65;color:#34463d}
.wma542-announcement__copy strong{display:block;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#a94a2d;font-size:16px}
@keyframes wmat123Notice{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
.wma542-announcement + .wma570-showcase{margin-top:-18px;padding-top:68px}
@media(max-width:760px){
 .wma570-showcase::before,.wma570-showcase::after{display:none!important}
 .wma542-announcement{height:auto!important;margin:0!important}
 .wma542-announcement__wrap{position:relative;left:auto;top:auto;display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px 0}
 .wma542-announcement__bubble{width:58px;height:58px;font-size:10px;animation:none}
 .wma542-announcement__glass{width:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.wma542-announcement__bubble{animation:none}}

/* t.1.2.4 — dopracowanie sekcji „Trzy proste kroki” */
.wma-how .wma-steps{position:relative;isolation:isolate}
.wma-how .wma-steps:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:50%;height:34px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(30,105,70,.16) 0 5px,transparent 5px 13px);-webkit-mask:linear-gradient(180deg,transparent 43%,#000 44% 48%,transparent 49%);mask:linear-gradient(180deg,transparent 43%,#000 44% 48%,transparent 49%);opacity:.6}
.wma-how .wma-card{overflow:hidden;background:rgba(255,255,255,.88);box-shadow:0 16px 45px rgba(28,78,46,.075)}
.wma-how .wma-card:nth-child(1){background:linear-gradient(145deg,rgba(235,250,243,.92),rgba(255,255,255,.96) 58%)}
.wma-how .wma-card:nth-child(2){background:linear-gradient(145deg,rgba(255,249,218,.9),rgba(255,255,255,.96) 58%)}
.wma-how .wma-card:nth-child(3){background:linear-gradient(145deg,rgba(245,237,252,.9),rgba(255,255,255,.96) 58%)}
.wma-how .wma-card:before{content:"";position:absolute;z-index:0;top:-55%;left:-75%;width:42%;height:210%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:0;pointer-events:none}
.wma-how .wma-card:hover:before{opacity:1;animation:wmaStepShine 1.05s ease-out forwards}
.wma-how .wma-card>*{position:relative;z-index:1}
.wma-how .wma-step__number{top:8px;right:14px;font-size:82px;line-height:1;color:rgba(23,107,69,.07);font-family:Georgia,serif;letter-spacing:-.06em;pointer-events:none}
.wma-how .wma-icon{transition:transform .35s ease,box-shadow .35s ease}
.wma-how .wma-card:hover .wma-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 13px 28px rgba(23,107,69,.13)}
@keyframes wmaStepShine{0%{left:-75%}100%{left:145%}}
@media (prefers-reduced-motion:reduce){.wma-how .wma-card:hover:before{animation:none;opacity:0}}
@media (max-width:900px){.wma-how .wma-steps:before{display:none}.wma-how .wma-step__number{font-size:68px}}


/* =========================================================
   t.1.2.5 — licznik 3D + lżejsze „Dlaczego warto?”
   ========================================================= */

/* LICZNIK — trzy osobne szklane kule 3D */
.wma125-stats{
  position:relative;
  padding:32px 0 58px;
  background:linear-gradient(180deg,#fff 0%,#fffdf7 100%);
  overflow:hidden;
}
.wma125-stats .wma-container{position:relative}
.wma125-stats__grid{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(44px,7vw,100px);
  min-height:190px;
}
.wma125-stat{
  --orb:152px;
  position:relative;
  width:var(--orb);
  height:var(--orb);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.96);
  box-shadow:
    inset 13px 14px 24px rgba(255,255,255,.84),
    inset -12px -14px 24px rgba(43,75,57,.07),
    0 24px 38px rgba(28,64,43,.12),
    0 5px 9px rgba(28,64,43,.06);
  backdrop-filter:blur(14px) saturate(1.08);
  -webkit-backdrop-filter:blur(14px) saturate(1.08);
  transform:translateZ(0);
  transition:transform .34s ease,box-shadow .34s ease;
  overflow:hidden;
}
.wma125-stat--users{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.96) 0 13%,rgba(216,246,232,.78) 48%,rgba(190,233,216,.52) 100%)}
.wma125-stat--readings{
  --orb:166px;
  margin-top:-22px;
  background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(255,246,199,.82) 49%,rgba(246,226,158,.52) 100%)
}
.wma125-stat--songs{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(221,236,255,.80) 49%,rgba(195,218,248,.50) 100%)}
.wma125-stat::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.55);
  pointer-events:none;
}
.wma125-stat__shine{
  position:absolute;
  width:64%;
  height:31%;
  left:12%;
  top:9%;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.10));
  filter:blur(.2px);
  transform:rotate(-13deg);
  opacity:.74;
  pointer-events:none;
}
.wma125-stat__icon{position:relative;z-index:2;font-size:23px;line-height:1;margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(25,66,43,.08))}
.wma125-stat strong{position:relative;z-index:2;font-family:Georgia,'Times New Roman',serif;font-size:36px;line-height:1;color:#0a5639}
.wma125-stat>span:not(.wma125-stat__shine):not(.wma125-stat__icon){position:relative;z-index:2;margin-top:5px;font-size:12px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;color:#174f39}
.wma125-stat small{position:relative;z-index:2;margin-top:4px;font-size:11px;color:#6a786f}
.wma125-stat:hover{
  transform:translateY(-8px) rotateX(3deg) rotateY(-3deg);
  box-shadow:
    inset 13px 14px 24px rgba(255,255,255,.9),
    inset -12px -14px 24px rgba(43,75,57,.08),
    0 32px 48px rgba(28,64,43,.17),
    0 8px 13px rgba(28,64,43,.08);
}
.wma125-stat--readings:hover{transform:translateY(-30px) rotateX(3deg) rotateY(-3deg)}
.wma125-stats__orbits{
  position:absolute;
  left:50%;top:50%;
  width:min(760px,76vw);height:150px;
  transform:translate(-50%,-50%);
  border-top:1px dashed rgba(22,107,69,.10);
  border-bottom:1px dashed rgba(240,180,41,.10);
  border-radius:50%;
  pointer-events:none;
}

/* DLACZEGO WARTO — ilustracja bez ciężkiego kwadratu */
.wma125-benefits{
  background:
    radial-gradient(circle at 18% 48%,rgba(238,249,230,.66),transparent 24%),
    radial-gradient(circle at 82% 42%,rgba(255,245,210,.38),transparent 25%),
    #fff;
}
.wma125-benefits .wma-benefit-layout{
  grid-template-columns:.82fr 1.18fr;
  gap:74px;
  align-items:center;
}
.wma125-benefits .wma-benefit-artwork{
  position:relative;
  min-height:430px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.wma125-benefits .wma-benefit-artwork::before,
.wma125-benefits .wma-benefit-artwork::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.wma125-benefits .wma-benefit-artwork::before{
  width:330px;height:330px;
  border:1px dashed rgba(23,107,69,.11);
  background:radial-gradient(circle,rgba(235,248,221,.38),rgba(255,255,255,0) 68%);
}
.wma125-benefits .wma-benefit-artwork::after{
  width:240px;height:240px;
  border:1px solid rgba(240,180,41,.10);
}
.wma125-benefits .wma-benefit-artwork__glow{
  position:absolute;
  width:310px;height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(244,221,114,.28),rgba(183,228,187,.13) 46%,transparent 72%);
  filter:blur(24px);
}
.wma125-benefits .wma-benefit-artwork img{
  position:relative;
  z-index:2;
  width:min(88%,390px);
  height:auto;
  object-fit:contain;
  border-radius:0;
  box-shadow:none;
  transform:rotate(-2.2deg);
  filter:drop-shadow(0 22px 30px rgba(34,78,48,.10));
}
.wma125-benefits .wma-section__head{margin-bottom:24px!important}
.wma125-benefits .wma-section__head h2{margin-top:10px}
.wma125-benefits .wma-benefit-list{gap:13px}
.wma125-benefit-card{
  position:relative;
  overflow:hidden;
  grid-template-columns:54px 1fr;
  gap:15px;
  align-items:center;
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.90);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(25,65,43,.075),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
  transition:transform .3s ease,box-shadow .3s ease;
}
.wma125-benefit-card--1{background:linear-gradient(135deg,rgba(226,247,237,.76),rgba(255,255,255,.74))}
.wma125-benefit-card--2{
  background:linear-gradient(135deg,rgba(255,247,210,.78),rgba(255,255,255,.76));
  transform:translateX(24px)
}
.wma125-benefit-card--3{background:linear-gradient(135deg,rgba(229,240,255,.76),rgba(255,255,255,.76))}
.wma125-benefit-card::before{
  content:"";
  position:absolute;
  top:-72%;left:-45%;
  width:32%;height:245%;
  background:linear-gradient(102deg,transparent 9%,rgba(255,255,255,.96) 48%,transparent 91%);
  transform:rotate(14deg);
  opacity:.76;
  transition:left .76s cubic-bezier(.2,.7,.2,1);
}
.wma125-benefit-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(25,65,43,.12),inset 0 1px 0 #fff}
.wma125-benefit-card--2:hover{transform:translate(24px,-4px)}
.wma125-benefit-card:hover::before{left:122%}
.wma125-benefit-card .wma-check{
  position:relative;
  z-index:2;
  width:50px;height:50px;
  border-radius:17px;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(35,76,49,.07);
  font-size:23px;
}
.wma125-benefit-card h3,.wma125-benefit-card p{position:relative;z-index:2}
.wma125-benefit-card h3{margin:0 0 5px;font-size:18px}
.wma125-benefit-card p{line-height:1.48;font-size:14px}

@media(max-width:900px){
  .wma125-benefits .wma-benefit-layout{grid-template-columns:1fr;gap:24px}
  .wma125-benefits .wma-benefit-artwork{min-height:300px}
  .wma125-benefits .wma-benefit-artwork img{width:min(68%,340px)}
}
@media(max-width:700px){
  .wma125-stats{padding:24px 0 36px}
  .wma125-stats__grid{gap:10px;min-height:125px}
  .wma125-stat,.wma125-stat--readings{
    --orb:min(29vw,112px);
    width:var(--orb);height:var(--orb);
    margin-top:0;
    box-shadow:inset 8px 9px 16px rgba(255,255,255,.84),inset -7px -9px 16px rgba(43,75,57,.06),0 12px 22px rgba(28,64,43,.09)
  }
  .wma125-stat__icon{font-size:17px}
  .wma125-stat strong{font-size:26px}
  .wma125-stat>span:not(.wma125-stat__shine):not(.wma125-stat__icon){font-size:8.5px;letter-spacing:.04em}
  .wma125-stat small{font-size:8px}
  .wma125-stats__orbits{display:none}
  .wma125-benefits .wma-benefit-artwork{min-height:220px}
  .wma125-benefits .wma-benefit-artwork img{width:min(74%,290px)}
  .wma125-benefit-card,.wma125-benefit-card--2{transform:none;padding:14px 15px;border-radius:18px}
  .wma125-benefit-card--2:hover,.wma125-benefit-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .wma125-stat,.wma125-benefit-card{transition:none}
  .wma125-benefit-card::before{display:none}
}

/* =========================================================
   t.1.2.6 — liczniki nachodzące na hero + postacie „Dlaczego warto?”
   ========================================================= */
.wma125-stats{
  z-index:12;
  margin-top:-88px;
  padding:0 0 58px;
  background:transparent;
  overflow:visible;
}
.wma125-stats__grid{min-height:178px}
.wma125-stat{box-shadow:inset 13px 14px 24px rgba(255,255,255,.88),inset -12px -14px 24px rgba(43,75,57,.07),0 24px 42px rgba(28,64,43,.16),0 5px 10px rgba(28,64,43,.07)}

.wma125-benefits{padding-top:42px;background:linear-gradient(180deg,#fffdf8 0%,#fff 100%)}
.wma125-benefits .wma-container{max-width:1120px}
.wma125-benefits .wma-section__head{text-align:center!important;max-width:760px;margin:0 auto 42px!important}
.wma125-benefits .wma-section__head h2{font-size:clamp(38px,4.4vw,62px)}
.wma126-benefit-people{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:start}
.wma126-person-card{text-align:center;position:relative;padding:0 10px 20px}
.wma126-person-orb{width:190px;height:190px;margin:0 auto 22px;border-radius:50%;position:relative;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),rgba(232,248,238,.82) 52%,rgba(205,235,218,.72));border:1px solid rgba(255,255,255,.96);box-shadow:inset 10px 12px 20px rgba(255,255,255,.88),inset -9px -12px 22px rgba(36,91,58,.08),0 22px 38px rgba(28,76,47,.12)}
.wma126-person-card:nth-child(2) .wma126-person-orb{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),rgba(255,246,207,.86) 52%,rgba(247,224,155,.72))}
.wma126-person-card:nth-child(3) .wma126-person-orb{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),rgba(232,239,255,.86) 52%,rgba(210,222,249,.72))}
.wma126-person-orb:before{content:"";position:absolute;left:23px;top:18px;width:88px;height:36px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.06));transform:rotate(-17deg);z-index:2}
.wma126-person-orb img{position:relative;z-index:1;width:78%;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 10px rgba(28,69,43,.12));transition:transform .35s ease}
.wma126-person-card:nth-child(2) .wma126-person-orb img{width:72%;height:82%}
.wma126-person-card:hover .wma126-person-orb img{transform:translateY(-3px) scale(1.025)}
.wma126-person-card h3{margin:0 0 8px;font-size:20px;color:#0b5639}
.wma126-person-card p{margin:0 auto;max-width:290px;color:#647469;line-height:1.55;font-size:14px}
@media(max-width:700px){
 .wma125-stats{margin-top:-52px;padding-bottom:34px}
 .wma125-stats__grid{min-height:118px}
 .wma125-benefits{padding-top:28px}
 .wma126-benefit-people{grid-template-columns:1fr;gap:30px}
 .wma126-person-orb{width:160px;height:160px;margin-bottom:16px}
}


/* =========================================================
   t.1.2.7 — licznik na uśmiechu hero + zwarta sekcja „Dlaczego warto?”
   ========================================================= */

/* Licznik ma fizycznie wejść na dolny łuk hero. */
.wma125-stats.wma127-stats,
.wma125-stats{
  position:relative;
  z-index:35;
  margin-top:-112px;
  padding:0 0 22px;
  background:transparent;
  overflow:visible;
}
.wma125-stats .wma-container{position:relative;z-index:2}
.wma125-stats__grid{
  min-height:185px;
  align-items:flex-start;
}
.wma125-stat{
  flex:0 0 auto;
  box-shadow:
    inset 13px 14px 24px rgba(255,255,255,.92),
    inset -12px -14px 24px rgba(43,75,57,.07),
    0 28px 48px rgba(28,64,43,.18),
    0 6px 12px rgba(28,64,43,.07);
}
.wma125-stat--readings{margin-top:-18px}
.wma125-stats__orbits{
  top:42%;
  opacity:.68;
}

/* Bez niepotrzebnej pustej przestrzeni pomiędzy licznikiem a Dlaczego warto. */
.wma127-benefits{
  margin-top:-22px;
  padding:42px 0 82px;
  background:
    radial-gradient(circle at 10% 45%,rgba(238,249,230,.42),transparent 22%),
    radial-gradient(circle at 91% 55%,rgba(255,245,210,.30),transparent 23%),
    #fffdf8;
}
.wma127-benefits .wma-container{max-width:1180px}
.wma127-benefits .wma-section__head{
  max-width:740px;
  margin:0 auto 34px!important;
  text-align:center!important;
}
.wma127-benefits .wma-section__head h2{
  font-size:clamp(40px,4.4vw,60px);
  margin-bottom:12px;
}
.wma127-benefits .wma-section__head p{
  max-width:650px;
  margin-inline:auto;
}

/* Trzy postacie są częścią trzech pastelowych kart, jak w zaakceptowanej makiecie. */
.wma127-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.wma127-benefit-card{
  position:relative;
  min-height:220px;
  padding:24px 22px 24px 142px;
  text-align:left;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.96);
  border-radius:30px;
  overflow:hidden;
  box-shadow:
    0 20px 42px rgba(28,70,46,.10),
    inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .32s ease,box-shadow .32s ease;
}
.wma127-benefit-card:nth-child(1){
  background:linear-gradient(135deg,rgba(226,247,237,.86),rgba(255,255,255,.82));
}
.wma127-benefit-card:nth-child(2){
  background:linear-gradient(135deg,rgba(255,247,210,.90),rgba(255,255,255,.84));
}
.wma127-benefit-card:nth-child(3){
  background:linear-gradient(135deg,rgba(229,240,255,.88),rgba(255,255,255,.84));
}
.wma127-benefit-card::after{
  content:"";
  position:absolute;
  top:-65%;
  left:-48%;
  width:34%;
  height:230%;
  background:linear-gradient(104deg,transparent 10%,rgba(255,255,255,.94) 49%,transparent 90%);
  transform:rotate(15deg);
  opacity:.72;
  transition:left .82s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.wma127-benefit-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 28px 54px rgba(28,70,46,.15),
    0 0 34px rgba(240,180,41,.12),
    inset 0 1px 0 #fff;
}
.wma127-benefit-card:hover::after{left:125%}

.wma127-benefit-card .wma127-person-orb{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:108px;
  height:108px;
  margin:0;
  border-radius:50%;
  z-index:3;
  box-shadow:
    inset 8px 9px 16px rgba(255,255,255,.92),
    inset -7px -8px 16px rgba(36,91,58,.07),
    0 14px 26px rgba(28,76,47,.13);
}
.wma127-benefit-card:nth-child(2) .wma127-person-orb{
  width:108px;height:108px;
}
.wma127-benefit-card .wma127-person-orb:before{
  left:15px;top:11px;width:52px;height:22px;
}
.wma127-benefit-card .wma127-person-orb img{
  width:82%;
  height:92%;
}
.wma127-benefit-card:nth-child(2) .wma127-person-orb img{
  width:78%;height:86%;
}
.wma127-benefit-copy{position:relative;z-index:3}
.wma127-benefit-card h3{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.18;
  color:#0b5639;
}
.wma127-benefit-card p{
  margin:0;
  max-width:none;
  font-size:13.5px;
  line-height:1.52;
  color:#627369;
}

/* Po przeniesieniu statystyk i benefitów następne sekcje mają własny naturalny rytm. */
.wma127-benefits + .wma542-announcement{margin-top:0}
.wma127-benefits ~ .wma570-showcase{margin-top:0}

/* Mobile: zachowujemy lekkość — statystyki mogą zostać w jednym rzędzie,
   postacie nadal są w kartach, ale bez ciężkiego nachodzenia. */
@media(max-width:900px){
  .wma125-stats{
    margin-top:-76px;
    padding-bottom:18px;
  }
  .wma127-benefit-grid{
    grid-template-columns:1fr;
    max-width:680px;
    margin-inline:auto;
    gap:14px;
  }
  .wma127-benefit-card{
    min-height:150px;
    padding:18px 20px 18px 132px;
  }
  .wma127-benefit-card .wma127-person-orb{
    width:96px;height:96px;left:18px;
  }
}
@media(max-width:700px){
  /* wcześniejsze reguły chowały licznik na mobile — przywracamy go,
     ale w lżejszej wersji pod hero */
  .wma540-stats.wma125-stats{display:block!important}
  .wma125-stats{
    margin-top:-48px;
    padding-bottom:12px;
  }
  .wma125-stats__grid{
    min-height:105px;
    gap:8px;
    align-items:center;
  }
  .wma125-stat,.wma125-stat--readings{
    --orb:min(28vw,104px);
    width:var(--orb);
    height:var(--orb);
    margin-top:0;
  }
  .wma125-stat small{display:none}
  .wma127-benefits{
    margin-top:0;
    padding:32px 0 58px;
  }
  .wma127-benefits .wma-section__head{margin-bottom:24px!important}
  .wma127-benefit-card{
    min-height:132px;
    padding:15px 14px 15px 114px;
    border-radius:22px;
  }
  .wma127-benefit-card .wma127-person-orb{
    width:82px;height:82px;left:15px;
  }
  .wma127-benefit-card h3{font-size:17px}
  .wma127-benefit-card p{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .wma127-benefit-card{transition:none}
  .wma127-benefit-card::after{display:none}
}


/* =========================================================
   t.1.2.8 — uproszczone hero mobilne
   ========================================================= */
@media(max-width:700px){
  /* Telefon z hero znika całkowicie na telefonach. */
  .wma-hero .wma-phone,
  .wma-hero .wma-audio{
    display:none!important;
  }

  /* Rezygnujemy z wcześniejszych kilku kafelków — zostaje jedno CTA. */
  .wma-mobile-shortcuts{
    display:block!important;
    width:100%!important;
    max-width:340px!important;
    margin:18px auto 10px!important;
  }
  .wma-mobile-shortcut--all{
    min-height:54px!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    padding:13px 20px!important;
    border:1px solid rgba(255,255,255,.50)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,248,217,.77))!important;
    color:#0a5639!important;
    box-shadow:
      0 12px 26px rgba(7,61,32,.15),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    font-size:15px!important;
    font-weight:900!important;
    text-decoration:none!important;
  }
  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    font-size:18px;
    line-height:1;
    transition:transform .18s ease;
  }
  .wma-mobile-shortcut--all:active .wma-mobile-shortcut__arrow{
    transform:translateY(3px);
  }

  /* Po usunięciu telefonu hero nie powinno zachowywać jego wysokości.
     Postacie zostają lekką dekoracją w niższym układzie. */
  .wma-hero .wma-scene{
    height:245px!important;
    min-height:245px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
  .wma-hero .wma-person--teo{
    width:122px!important;
    left:8%!important;
    bottom:-9px!important;
  }
  .wma-hero .wma-person--giulia{
    width:112px!important;
    right:7%!important;
    bottom:-8px!important;
  }
  .wma-hero .wma-person--leo{
    width:108px!important;
    left:50%!important;
    bottom:-10px!important;
    transform:translateX(-50%)!important;
  }

  /* Na mobile chowamy standardowe przyciski hero.
     Jedynym CTA w treści hero jest „Wszystkie materiały”. */
  .wma-hero .wma-actions{
    display:none!important;
  }

  .wma-hero .wma-scroll-cue{
    display:none!important;
  }

  /* Anchor nie ląduje przyklejony do samej krawędzi przeglądarki. */
  #wszystkie-materialy{
    scroll-margin-top:14px;
  }
}
@media(max-width:430px){
  .wma-hero .wma-scene{
    height:225px!important;
    min-height:225px!important;
  }
  .wma-hero .wma-person--teo{width:112px!important;left:5%!important}
  .wma-hero .wma-person--giulia{width:103px!important;right:4%!important}
  .wma-hero .wma-person--leo{width:101px!important}
}


/* =========================================================
   t.1.2.9 — Opinie jako wiadomości + szklane plany dostępu
   Warstwa wizualna. Treści nadal pochodzą z ustawień kokpitu.
   ========================================================= */

/* OPINIE — lekkie dymki wiadomości */
.wma-opinions{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#f4fae9 0%,#fffdf5 48%,#fff3d7 100%);
}
.wma-opinions:before,.wma-opinions:after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);
}
.wma-opinions:before{width:280px;height:280px;left:-120px;top:18%;background:rgba(187,229,201,.20)}
.wma-opinions:after{width:340px;height:340px;right:-170px;bottom:-120px;background:rgba(255,211,113,.18)}
.wma-opinions .wma-container{position:relative;z-index:1}
.wma-opinion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;max-width:1080px;margin:0 auto}
.wma-opinion{
  position:relative;overflow:visible;padding:30px 30px 27px!important;
  border:1px solid rgba(255,255,255,.90)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.72))!important;
  box-shadow:0 18px 45px rgba(36,79,56,.09),inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:transform .28s ease,box-shadow .28s ease;
}
.wma-opinion:nth-child(2){margin-top:28px;background:linear-gradient(145deg,rgba(238,249,241,.96),rgba(255,255,255,.76))!important}
.wma-opinion:nth-child(3){margin-top:5px;background:linear-gradient(145deg,rgba(255,249,226,.96),rgba(255,255,255,.78))!important}
.wma-opinion:after{
  content:"";position:absolute;left:28px;bottom:-13px;width:25px;height:25px;
  background:inherit;clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(-1px 2px 1px rgba(36,79,56,.05));
}
.wma-opinion:nth-child(2):after{left:auto;right:30px;transform:scaleX(-1)}
.wma-opinion:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(36,79,56,.14),inset 0 1px 0 #fff!important}
.wma-quote{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;font-family:Georgia,serif;font-size:35px;line-height:1;color:#b98516;background:rgba(255,221,137,.30);margin-bottom:4px}
.wma-opinion p{margin:8px 0 0;font-size:17px;line-height:1.72;color:#294f3c}
.wma-opinion small{display:block;margin-top:18px;color:#65776d;font-weight:800;font-size:12px;letter-spacing:.01em}
.wma-opinion-note{max-width:850px;margin:36px auto 0;text-align:center;color:#748078;font-size:13px}

/* PLANY — trzy odmiany szklanej tafli */
.wma-pricing{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfcf7 100%)}
.wma-price-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:0 auto;gap:24px;align-items:stretch}
.wma-price{
  position:relative;isolation:isolate;overflow:hidden;padding:38px!important;border-radius:30px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 22px 55px rgba(25,65,45,.10),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(38,84,57,.05)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  transition:transform .3s ease,box-shadow .3s ease;
}
.wma-price:nth-child(1){background:linear-gradient(145deg,rgba(238,255,239,.96),rgba(218,246,223,.68) 48%,rgba(255,255,255,.88))!important}
.wma-price:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,231,234,.72) 50%,rgba(250,252,253,.92))!important;border-color:rgba(214,222,226,.95)!important}
.wma-price--premium{background:linear-gradient(145deg,rgba(255,252,238,.98),rgba(248,222,153,.64) 50%,rgba(255,250,229,.94))!important;border:1px solid rgba(214,165,45,.58)!important;transform:translateY(-10px);box-shadow:0 28px 65px rgba(150,108,19,.16),inset 0 1px 0 #fff!important}
.wma-price:before{
  content:"";position:absolute;z-index:-1;inset:-70% -85%;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,0) 44%,rgba(255,255,255,.78) 49%,rgba(255,255,255,.18) 54%,transparent 60%);
  transform:translateX(-48%) rotate(5deg);transition:transform .75s cubic-bezier(.2,.7,.2,1);
}
.wma-price:hover:before{transform:translateX(48%) rotate(5deg)}
.wma-price:hover{transform:translateY(-7px);box-shadow:0 30px 68px rgba(25,65,45,.15),inset 0 1px 0 #fff!important}
.wma-price--premium:hover{transform:translateY(-16px);box-shadow:0 34px 76px rgba(150,108,19,.22),inset 0 1px 0 #fff!important}
.wma-price__label{position:relative;z-index:2;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff}
.wma-price:nth-child(1) .wma-price__label{background:rgba(211,242,211,.72)}
.wma-price:nth-child(2) .wma-price__label{background:rgba(229,234,237,.78)}
.wma-price--premium .wma-price__label{background:rgba(255,231,166,.74);color:#76570d}
.wma-price h3,.wma-price__amount,.wma-price ul,.wma-price .wma-btn,.wma-price form,.wma-price__test{position:relative;z-index:2}
.wma-price--premium .wma-btn--primary,.wma-price--premium button.wma-btn{box-shadow:0 12px 28px rgba(137,98,14,.20)}

@media(max-width:900px){
  .wma-opinion-grid{grid-template-columns:1fr 1fr}.wma-opinion-grid .wma-opinion:last-child{grid-column:1/-1;max-width:520px;justify-self:center;width:100%}
  .wma-price-grid--three{grid-template-columns:1fr;max-width:600px}.wma-price--premium{transform:none}.wma-price--premium:hover{transform:translateY(-7px)}
}
@media(max-width:700px){
  .wma-opinion-grid{grid-template-columns:1fr;gap:18px}.wma-opinion-grid .wma-opinion:last-child{grid-column:auto;max-width:none}
  .wma-opinion:nth-child(2),.wma-opinion:nth-child(3){margin-top:0}.wma-opinion:nth-child(even){margin-left:22px}.wma-opinion:nth-child(odd){margin-right:22px}
  .wma-opinion{padding:24px!important;border-radius:24px!important}.wma-price{padding:30px 25px!important}.wma-price-grid--three{gap:20px}
}
@media(prefers-reduced-motion:reduce){.wma-price:before,.wma-price,.wma-opinion{transition:none!important}}


/* =========================================================
   t.1.3.0 — ostrzejsze postacie + szklane FAQ 2-kolumnowe
   ========================================================= */
/* Postacie: bez filtrowania warstwy pod spodem; obraz renderowany ostro. */
.wma127-benefit-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.wma127-person-orb{overflow:hidden;isolation:isolate;background:rgba(255,255,255,.58)}
.wma127-benefit-card .wma127-person-orb img{
  display:block!important;position:absolute!important;left:50%!important;bottom:-2px!important;top:auto!important;
  width:auto!important;height:104%!important;max-width:none!important;object-fit:contain!important;
  transform:translateX(-50%) translateZ(0)!important;filter:none!important;opacity:1!important;
  image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;
}
.wma127-benefit-card:nth-child(2) .wma127-person-orb img{height:100%!important;width:auto!important}

/* FAQ — pastelowe tafle szkła, dwie kolumny. */
.wma-faq{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfdf6 0%,#fffdf8 100%)}
.wma-faq-list{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;align-items:start}
.wma-faq details{
  position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.94);border-radius:26px;
  box-shadow:0 16px 38px rgba(27,73,48,.09),inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
  opacity:0;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .65s ease,box-shadow .28s ease;
}
.wma-faq details:nth-child(6n+1){background:linear-gradient(135deg,rgba(226,247,237,.92),rgba(255,255,255,.78))}
.wma-faq details:nth-child(6n+2){background:linear-gradient(135deg,rgba(255,244,205,.90),rgba(255,255,255,.80))}
.wma-faq details:nth-child(6n+3){background:linear-gradient(135deg,rgba(231,240,255,.92),rgba(255,255,255,.80))}
.wma-faq details:nth-child(6n+4){background:linear-gradient(135deg,rgba(255,231,226,.90),rgba(255,255,255,.80))}
.wma-faq details:nth-child(6n+5){background:linear-gradient(135deg,rgba(240,232,255,.90),rgba(255,255,255,.80))}
.wma-faq details:nth-child(6n){background:linear-gradient(135deg,rgba(255,237,218,.92),rgba(255,255,255,.80))}
.wma-faq details:nth-child(odd){transform:translateX(-70px)}
.wma-faq details:nth-child(even){transform:translateX(70px)}
.wma-faq.is-inview details{opacity:1;transform:translateX(0)}
.wma-faq.is-inview details:nth-child(2){transition-delay:.05s}.wma-faq.is-inview details:nth-child(3){transition-delay:.10s}.wma-faq.is-inview details:nth-child(4){transition-delay:.15s}.wma-faq.is-inview details:nth-child(5){transition-delay:.20s}.wma-faq.is-inview details:nth-child(6){transition-delay:.25s}.wma-faq.is-inview details:nth-child(7){transition-delay:.30s}
.wma-faq details:before{content:"";position:absolute;top:-90%;left:-55%;width:30%;height:280%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(14deg);transition:left .75s ease;pointer-events:none}
.wma-faq details:hover:before{left:125%}.wma-faq details:hover{box-shadow:0 22px 48px rgba(27,73,48,.13),inset 0 1px 0 #fff}
.wma-faq summary{position:relative;z-index:2;padding:23px 26px;cursor:pointer;font-size:16px;font-weight:850;color:var(--wma-green-dark);list-style:none}
.wma-faq summary::-webkit-details-marker{display:none}.wma-faq summary:after{content:"＋";float:right;margin-left:15px;color:var(--wma-green);font-size:20px;line-height:1}.wma-faq details[open] summary:after{content:"−"}
.wma-faq details p{position:relative;z-index:2;margin:0;padding:0 26px 25px;color:var(--wma-muted);line-height:1.68}
@media(max-width:700px){
 .wma-faq-list{grid-template-columns:1fr;gap:14px}.wma-faq details,.wma-faq details:nth-child(odd),.wma-faq details:nth-child(even){opacity:1;transform:none;transition:box-shadow .25s ease}.wma-faq summary{padding:20px 21px}.wma-faq details p{padding:0 21px 22px}
 .wma127-benefit-card .wma127-person-orb img{height:103%!important}
}
@media(prefers-reduced-motion:reduce){.wma-faq details{opacity:1!important;transform:none!important;transition:none!important}.wma-faq details:before{display:none}}


/* =========================================================
   t.1.3.1 — korekta ostrości postaci + pozycja komunikatu i statystyk
   ========================================================= */

/* 1) Postacie w „Dlaczego warto?”:
   szkło zostaje na orbicie, ale SAM OBRAZ jest czysty:
   bez blur, opacity, mix-blend, dodatkowych filtrów i transformacji wygładzających. */
.wma127-benefit-card .wma127-person-orb{
  overflow:hidden!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.wma127-benefit-card .wma127-person-orb::before,
.wma127-benefit-card .wma127-person-orb::after{
  filter:none!important;
  -webkit-filter:none!important;
}
.wma127-benefit-card .wma127-person-orb img{
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0)!important;
  object-fit:contain!important;
}

/* Nieco większy obraz wewnątrz kółka, żeby twarz nie była mikroskopijna. */
.wma127-benefit-card:nth-child(1) .wma127-person-orb img{
  width:91%!important;
  height:98%!important;
}
.wma127-benefit-card:nth-child(2) .wma127-person-orb img{
  width:88%!important;
  height:94%!important;
}
.wma127-benefit-card:nth-child(3) .wma127-person-orb img{
  width:91%!important;
  height:98%!important;
}

/* 2) Kule licznika — TYLKO delikatnie niżej niż w t.1.3.0.
   Nadal nachodzą na uśmiech hero, ale odsłaniają stopę Teo. */
.wma125-stats.wma127-stats,
.wma125-stats{
  margin-top:-98px!important; /* poprzednio ok. -112px */
}

/* 3) Komunikat ma znaleźć się między statystykami a „Dlaczego warto?”.
   Ograniczamy go do tego obszaru poprzez zmianę pionowej pozycji
   bez zmiany logiki/edycji w kokpicie. */
.wma-info-orb,
.wma-notice-orb,
.wma-announcement-orb,
.wma542-announcement-orb{
  z-index:48!important;
}

/* Jeżeli komunikat jest pozycjonowany absolutnie/fixed przez starsze reguły,
   ustawiamy jego punkt wizualny wyżej w obrębie pierwszych sekcji. */
body.home .wma-info-orb,
body.home .wma-notice-orb,
body.home .wma-announcement-orb,
body.home .wma542-announcement-orb{
  top:auto!important;
  bottom:auto!important;
  margin-top:4px!important;
}

/* Sekcja komunikatu, jeśli istnieje jako blok w strumieniu,
   zostaje zwarta między licznikiem a benefitami. */
body.home .wma542-announcement{
  position:relative;
  z-index:45;
  margin:-2px 0 4px!important;
  padding:0!important;
}

/* „Dlaczego warto?” delikatnie domykamy pod komunikatem. */
body.home .wma127-benefits{
  margin-top:0!important;
}

@media(max-width:900px){
  .wma125-stats.wma127-stats,
  .wma125-stats{
    margin-top:-66px!important;
  }
}

@media(max-width:700px){
  .wma125-stats.wma127-stats,
  .wma125-stats{
    margin-top:-40px!important;
  }

  .wma127-benefit-card .wma127-person-orb img{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    transform:translateZ(0)!important;
  }
}


/* t.1.3.2 */
.wma127-benefit-card .wma127-person-orb img,
.wma127-benefit-card:nth-child(1) .wma127-person-orb img,
.wma127-benefit-card:nth-child(2) .wma127-person-orb img,
.wma127-benefit-card:nth-child(3) .wma127-person-orb img{
 display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;object-position:center bottom!important;
 filter:none!important;-webkit-filter:none!important;opacity:1!important;
 mix-blend-mode:normal!important;transform:none!important;-webkit-transform:none!important;
}
.wma132-announcement-slot{
 position:relative;z-index:50;width:100%;max-width:1180px;
 margin:10px auto 2px;min-height:72px;
}
/* licznik pozostaje dokładnie w pozycji z t.1.3.1 */


/* =========================================================
   t.1.3.3 — „Dlaczego warto?” zbudowane od nowa
   ========================================================= */
.wma133-benefits{
  position:relative;
  padding:58px 0 88px;
  background:
    radial-gradient(circle at 9% 36%,rgba(221,246,232,.34),transparent 23%),
    radial-gradient(circle at 91% 42%,rgba(255,238,192,.26),transparent 24%),
    #fffdf8;
  overflow:visible;
}
.wma133-benefits__head{
  max-width:760px;
  margin:0 auto 54px!important;
  text-align:center;
}
.wma133-benefits__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
  overflow:visible;
}
.wma133-benefit{
  position:relative;
  min-height:230px;
  display:flex;
  align-items:center;
  padding:30px 28px 30px 150px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:30px;
  box-shadow:
    0 20px 44px rgba(31,76,52,.09),
    inset 0 1px 0 rgba(255,255,255,.98);
  overflow:visible;
  isolation:isolate;
  transition:transform .28s ease,box-shadow .28s ease;
}
.wma133-benefit--1{
  background:linear-gradient(135deg,rgba(224,248,237,.88),rgba(255,255,255,.88));
}
.wma133-benefit--2{
  background:linear-gradient(135deg,rgba(255,246,207,.90),rgba(255,255,255,.89));
}
.wma133-benefit--3{
  background:linear-gradient(135deg,rgba(227,240,255,.90),rgba(255,255,255,.89));
}
.wma133-benefit::after{
  content:"";
  position:absolute;
  z-index:0;
  top:-70%;
  left:-46%;
  width:31%;
  height:245%;
  background:linear-gradient(103deg,transparent 8%,rgba(255,255,255,.94) 50%,transparent 92%);
  transform:rotate(14deg);
  opacity:.68;
  transition:left .78s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.wma133-benefit:hover{
  transform:translateY(-5px);
  box-shadow:
    0 27px 54px rgba(31,76,52,.13),
    0 0 30px rgba(240,180,41,.08),
    inset 0 1px 0 #fff;
}
.wma133-benefit:hover::after{left:122%}

.wma133-benefit__figure{
  position:absolute;
  left:22px;
  bottom:0;
  z-index:3;
  width:112px;
  height:196px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  pointer-events:none;
}
.wma133-benefit__halo{
  position:absolute;
  left:50%;
  bottom:22px;
  width:112px;
  height:112px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.94);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 14px 30px rgba(25,72,48,.08);
}
.wma133-benefit--1 .wma133-benefit__halo{
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.96),rgba(213,244,228,.68));
}
.wma133-benefit--2 .wma133-benefit__halo{
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.96),rgba(255,239,183,.70));
}
.wma133-benefit--3 .wma133-benefit__halo{
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.96),rgba(216,233,255,.70));
}

/* Obraz postaci nigdy nie jest maskowany ani filtrowany. */
.wma133-benefit__figure img{
  position:relative;
  z-index:2;
  display:block;
  width:auto;
  max-width:104px;
  height:auto;
  max-height:188px;
  object-fit:contain;
  object-position:center bottom;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
  transform:none!important;
  mix-blend-mode:normal!important;
}
.wma133-benefit--2 .wma133-benefit__figure{
  width:118px;
}
.wma133-benefit--2 .wma133-benefit__figure img{
  max-width:108px;
  max-height:160px;
  margin-bottom:18px;
}
.wma133-benefit__copy{
  position:relative;
  z-index:2;
}
.wma133-benefit__copy h3{
  margin:0 0 10px;
  color:#0a5639;
  font-size:21px;
  line-height:1.14;
}
.wma133-benefit__copy p{
  margin:0;
  color:#607168;
  font-size:14px;
  line-height:1.58;
}

/* Tablet */
@media(max-width:980px){
  .wma133-benefits__grid{
    grid-template-columns:1fr;
    max-width:720px;
    margin-inline:auto;
    gap:18px;
  }
  .wma133-benefit{
    min-height:190px;
    padding-left:160px;
  }
  .wma133-benefit__figure{
    left:28px;
  }
}

/* Mobile: spokojny, lekki układ bez wychodzenia postaci poza kartę. */
@media(max-width:700px){
  .wma133-benefits{
    padding:44px 0 64px;
  }
  .wma133-benefits__head{
    margin-bottom:30px!important;
  }
  .wma133-benefit{
    min-height:154px;
    padding:20px 18px 20px 112px;
    border-radius:23px;
    overflow:hidden;
  }
  .wma133-benefit__figure{
    left:13px;
    bottom:0;
    width:88px;
    height:138px;
  }
  .wma133-benefit__halo{
    width:82px;
    height:82px;
    bottom:18px;
  }
  .wma133-benefit__figure img{
    max-width:78px;
    max-height:130px;
  }
  .wma133-benefit--2 .wma133-benefit__figure{
    width:90px;
  }
  .wma133-benefit--2 .wma133-benefit__figure img{
    max-width:76px;
    max-height:108px;
    margin-bottom:13px;
  }
  .wma133-benefit__copy h3{
    font-size:17px;
    margin-bottom:6px;
  }
  .wma133-benefit__copy p{
    font-size:12.5px;
    line-height:1.48;
  }
}
@media(prefers-reduced-motion:reduce){
  .wma133-benefit{transition:none}
  .wma133-benefit::after{display:none}
}


/* =========================================================
   t.1.3.4 — MOBILE ONLY: krótsze hero + nowoczesne CTA
   Desktop pozostaje bez zmian.
   ========================================================= */
@media (max-width: 700px) {

  /* Hero: koniec tuż pod CTA, bez ogromnej pustej przestrzeni. */
  .wma-hero,
  .wma570-hero,
  .wma125-hero,
  .wma127-hero,
  .hero {
    min-height: 0 !important;
    height: auto !important;
  }

  /* W motywie wewnętrzna część hero bywa odpowiedzialna za wysokość. */
  .wma-hero__inner,
  .wma570-hero__inner,
  .wma125-hero__inner,
  .hero__inner {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 112px !important;
  }

  /* Mobilne CTA "Wszystkie materiały": glass pill zamiast szerokiej belki. */
  .wma-mobile-all,
  .wma-mobile-all-materials,
  .wma-hero__mobile-cta,
  a[href="#wszystkie-materialy"].wma-mobile-cta,
  .wma-mobile-cta[href="#wszystkie-materialy"],
  .wma-hero a[href="#wszystkie-materialy"] {
    position: relative !important;
    width: min(78%, 330px) !important;
    max-width: 330px !important;
    min-height: 58px !important;
    margin: 30px auto 0 !important;
    padding: 14px 58px 14px 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 999px !important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.82),rgba(242,249,224,.68)) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    box-shadow:
      0 14px 34px rgba(13,82,55,.14),
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -1px 0 rgba(255,255,255,.42) !important;
    color: #07563b !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transform: translateZ(0);
    -webkit-tap-highlight-color: transparent;
  }

  /* delikatny refleks szkła */
  .wma-mobile-all::before,
  .wma-mobile-all-materials::before,
  .wma-hero__mobile-cta::before,
  a[href="#wszystkie-materialy"].wma-mobile-cta::before,
  .wma-mobile-cta[href="#wszystkie-materialy"]::before,
  .wma-hero a[href="#wszystkie-materialy"]::before {
    content: "" !important;
    position: absolute !important;
    top: -80% !important;
    left: -42% !important;
    width: 34% !important;
    height: 250% !important;
    background: linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent) !important;
    transform: rotate(14deg) !important;
    opacity: .58 !important;
    pointer-events: none !important;
  }

  /* strzałka jako osobny szklany medalion po prawej */
  .wma-mobile-all::after,
  .wma-mobile-all-materials::after,
  .wma-hero__mobile-cta::after,
  a[href="#wszystkie-materialy"].wma-mobile-cta::after,
  .wma-mobile-cta[href="#wszystkie-materialy"]::after,
  .wma-hero a[href="#wszystkie-materialy"]::after {
    content: "↓" !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    width: 40px !important;
    height: 40px !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.70) !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    box-shadow: 0 5px 14px rgba(14,82,56,.10), inset 0 1px 0 #fff !important;
    color: #08704c !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: transform .16s ease, background .16s ease !important;
  }

  .wma-mobile-all:active,
  .wma-mobile-all-materials:active,
  .wma-hero__mobile-cta:active,
  a[href="#wszystkie-materialy"].wma-mobile-cta:active,
  .wma-mobile-cta[href="#wszystkie-materialy"]:active,
  .wma-hero a[href="#wszystkie-materialy"]:active {
    transform: scale(.985) !important;
  }

  .wma-mobile-all:active::after,
  .wma-mobile-all-materials:active::after,
  .wma-hero__mobile-cta:active::after,
  a[href="#wszystkie-materialy"].wma-mobile-cta:active::after,
  .wma-mobile-cta[href="#wszystkie-materialy"]:active::after,
  .wma-hero a[href="#wszystkie-materialy"]:active::after {
    transform: translateY(calc(-50% + 3px)) !important;
    background: rgba(255,255,255,.88) !important;
  }
}


/* =========================================================
   t.1.3.5 — MOBILE ONLY: naprawa hero po t.1.3.4
   ========================================================= */
@media (max-width:700px){

  /* HERO ma kończyć się po treści i CTA. Żadnej pustej sceny. */
  .wma-hero{
    min-height:0!important;
    height:auto!important;
    padding-bottom:34px!important;
    margin-bottom:0!important;
    border-radius:0 0 28px 28px!important;
    overflow:hidden!important;
    contain:none!important;
  }

  .wma-hero__grid{
    display:block!important;
    min-height:0!important;
    height:auto!important;
  }

  .wma-copy{
    padding:10px 20px 12px!important;
    margin:0 auto!important;
    min-height:0!important;
    height:auto!important;
  }

  /* Telefon, Teo, Giulia i Leo nie tworzą już niewidzialnego pustego pola. */
  .wma-hero .wma-scene{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .wma-hero .wma-phone,
  .wma-hero .wma-audio,
  .wma-hero .wma-person{
    display:none!important;
  }

  /* Na mobile nie ma dodatkowych przycisków z treści hero ani strzałki przewijania. */
  .wma-hero .wma-actions,
  .wma-hero .wma-scroll-cue{
    display:none!important;
  }

  /* Jeden przycisk: kształt inspirowany oryginalnymi CTA strony,
     ale treść i funkcja pozostają „Wszystkie materiały”. */
  .wma-mobile-shortcuts{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:24px auto 0!important;
    padding:0!important;
  }

  .wma-mobile-shortcut--all{
    position:relative!important;
    width:min(76vw,320px)!important;
    min-height:56px!important;
    margin:0 auto!important;
    padding:14px 22px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.68)!important;
    border-radius:18px!important;
    background:rgba(247,248,226,.90)!important;
    color:#0a653f!important;
    box-shadow:0 10px 24px rgba(10,72,45,.13)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    font-size:16px!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-decoration:none!important;
    overflow:hidden!important;
    transform:none!important;
    transition:transform .14s ease,background .14s ease!important;
  }

  /* Usuwamy pseudo-elementy z t.1.3.4 — to one stylowały także
     inne linki z tym samym anchorem i tworzyły „losowy” przycisk. */
  .wma-mobile-shortcut--all::before,
  .wma-mobile-shortcut--all::after{
    content:none!important;
    display:none!important;
  }

  /* Jedna, zwykła strzałka z istniejącego HTML — bez duplikatu. */
  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    display:inline-block!important;
    font-size:20px!important;
    font-weight:800!important;
    line-height:1!important;
    transform:none!important;
  }

  .wma-mobile-shortcut--all:active{
    transform:scale(.985)!important;
    background:rgba(255,255,255,.96)!important;
  }

  /* Cofnięcie zbyt szerokich selektorów z t.1.3.4.
     Scroll cue ma pozostać niewidoczny. */
  .wma-hero a.wma-scroll-cue[href="#wszystkie-materialy"]{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }

  /* Statystyki mają delikatnie wejść na krótki hero. */
  .wma125-stats.wma127-stats,
  .wma125-stats{
    margin-top:-34px!important;
  }
}

@media (max-width:430px){
  .wma-hero{
    padding-bottom:30px!important;
  }
  .wma-copy{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .wma-mobile-shortcut--all{
    width:min(78vw,300px)!important;
    min-height:54px!important;
    border-radius:17px!important;
  }
}


/* =========================================================
   t.1.3.6 — MOBILE ONLY
   Finalizacja hero: CTA, statystyki, portrait + landscape
   ========================================================= */

/* Telefon pionowo */
@media (max-width:700px){

  /* Krótkie hero bez niewidocznej sceny */
  .wma-hero{
    min-height:0!important;
    height:auto!important;
    padding-bottom:78px!important;
    margin-bottom:0!important;
    overflow:visible!important;
    border-radius:0 0 26px 26px!important;
  }

  .wma-hero__grid{
    display:block!important;
    min-height:0!important;
    height:auto!important;
  }

  .wma-copy{
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:10px 18px 8px!important;
  }

  /* Na mobile nie pokazujemy sceny desktopowej */
  .wma-hero .wma-scene,
  .wma-hero .wma-phone,
  .wma-hero .wma-audio,
  .wma-hero .wma-person{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Stare CTA/scroll cue nie mogą wracać ani generować strzałek */
  .wma-hero .wma-actions,
  .wma-hero .wma-scroll-cue,
  .wma-hero a.wma-scroll-cue[href="#wszystkie-materialy"]{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Jeden współczesny przycisk – forma jak główne CTA strony */
  .wma-mobile-shortcuts{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:24px auto 0!important;
    padding:0!important;
  }

  .wma-mobile-shortcut--all{
    position:relative!important;
    box-sizing:border-box!important;
    width:min(72vw,300px)!important;
    min-height:58px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:16px 54px 16px 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#148454 0%,#21a16d 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(4,82,52,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-align:center!important;
    text-decoration:none!important;
    overflow:hidden!important;
    transform:none!important;
  }

  /* Wyłączamy WSZYSTKIE strzałki generowane przez CSS */
  .wma-mobile-shortcut--all::before,
  .wma-mobile-shortcut--all::after{
    content:none!important;
    display:none!important;
  }

  /* Zostaje wyłącznie strzałka istniejąca w HTML */
  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    position:absolute!important;
    right:22px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:21px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  .wma-mobile-shortcut--all:active{
    transform:scale(.985)!important;
  }

  /* Statystyki prawie całkowicie wchodzą na hero */
  .wma125-stats.wma127-stats,
  .wma125-stats{
    position:relative!important;
    z-index:20!important;
    margin-top:-76px!important;
    margin-bottom:0!important;
  }
}

/* Telefon poziomo / mały tablet poziomo.
   Kluczowe: wysokość ekranu, a nie tylko szerokość viewportu. */
@media (orientation:landscape) and (max-height:600px){

  .wma-hero{
    min-height:0!important;
    height:auto!important;
    padding:12px 0 58px!important;
    margin:0!important;
    overflow:visible!important;
    border-radius:0 0 20px 20px!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }

  .wma-hero::before,
  .wma-hero::after{
    border-radius:0 0 20px 20px!important;
  }

  .wma-hero__grid{
    display:block!important;
    min-height:0!important;
    height:auto!important;
  }

  .wma-copy{
    width:min(720px,92vw)!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:4px 18px!important;
  }

  /* Landscape nadal jest MOBILE – zero Teo, Giulia, Leo i telefonu */
  .wma-hero .wma-scene,
  .wma-hero .wma-phone,
  .wma-hero .wma-audio,
  .wma-hero .wma-person{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .wma-hero .wma-actions,
  .wma-hero .wma-scroll-cue,
  .wma-hero a.wma-scroll-cue[href="#wszystkie-materialy"]{
    display:none!important;
  }

  .wma-mobile-shortcuts{
    display:block!important;
    margin:14px auto 0!important;
  }

  .wma-mobile-shortcut--all{
    width:min(300px,48vw)!important;
    min-height:50px!important;
    padding:12px 48px 12px 20px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#148454 0%,#21a16d 100%)!important;
    color:#fff!important;
    font-size:15px!important;
  }

  .wma-mobile-shortcut--all::before,
  .wma-mobile-shortcut--all::after{
    content:none!important;
    display:none!important;
  }

  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    right:18px!important;
    color:#fff!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Statystyki na hero również po obrocie */
  .wma125-stats.wma127-stats,
  .wma125-stats{
    position:relative!important;
    z-index:30!important;
    margin-top:-54px!important;
  }
}


/* =========================================================
   t.1.3.7 — RESPONSIVE: phone portrait / landscape+tablet / desktop
   Desktop pozostaje bez zmian.
   ========================================================= */

/* 1) TELEFON PIONOWO */
@media (max-width:700px) and (orientation:portrait){

  .wma-hero{
    min-height:0!important;
    height:auto!important;
    padding-bottom:72px!important;
    margin-bottom:0!important;
    overflow:visible!important;
    border-radius:0 0 24px 24px!important;
  }

  .wma-hero__grid{
    display:block!important;
    min-height:0!important;
    height:auto!important;
  }

  .wma-copy{
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:10px 18px 8px!important;
  }

  .wma-hero .wma-scene,
  .wma-hero .wma-phone,
  .wma-hero .wma-audio,
  .wma-hero .wma-person{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .wma-hero .wma-actions,
  .wma-hero .wma-scroll-cue,
  .wma-hero a.wma-scroll-cue[href="#wszystkie-materialy"]{
    display:none!important;
  }

  .wma-mobile-shortcuts{
    display:block!important;
    width:100%!important;
    margin:22px auto 0!important;
    padding:0!important;
  }

  .wma-mobile-shortcut--all{
    position:relative!important;
    box-sizing:border-box!important;
    width:min(70vw,292px)!important;
    min-height:56px!important;
    margin:0 auto!important;
    padding:15px 48px 15px 22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#148454 0%,#21a16d 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(4,82,52,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;
    text-decoration:none!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .wma-mobile-shortcut--all::before,
  .wma-mobile-shortcut--all::after{
    content:none!important;
    display:none!important;
  }

  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    position:absolute!important;
    right:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:block!important;
    color:#fff!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    font-size:20px!important;
    line-height:1!important;
  }

  .wma125-stats.wma127-stats,
  .wma125-stats{
    position:relative!important;
    z-index:30!important;
    margin-top:-84px!important;
    margin-bottom:0!important;
  }
}

/* 2) TELEFON POZIOMO + TABLET
      Uproszczone hero, bez sceny desktopowej. */
@media (min-width:701px) and (max-width:1180px),
       (orientation:landscape) and (max-height:760px){

  html, body{
    overflow-x:hidden!important;
  }

  .wma-hero{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:18px 0 72px!important;
    margin:0!important;
    overflow:visible!important;
    border-radius:0 0 20px 20px!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }

  .wma-hero__grid{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
  }

  .wma-copy{
    width:min(760px,90vw)!important;
    max-width:760px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:6px 20px!important;
    text-align:center!important;
  }

  /* Nigdy nie wracają postacie / telefon w landscape i na tabletach */
  .wma-hero .wma-scene,
  .wma-hero .wma-phone,
  .wma-hero .wma-audio,
  .wma-hero .wma-person{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .wma-hero .wma-actions,
  .wma-hero .wma-scroll-cue,
  .wma-hero a.wma-scroll-cue[href="#wszystkie-materialy"]{
    display:none!important;
  }

  .wma-mobile-shortcuts{
    display:block!important;
    width:100%!important;
    margin:16px auto 0!important;
    padding:0!important;
  }

  .wma-mobile-shortcut--all{
    position:relative!important;
    box-sizing:border-box!important;
    width:min(280px,42vw)!important;
    min-height:50px!important;
    margin:0 auto!important;
    padding:13px 44px 13px 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#148454 0%,#21a16d 100%)!important;
    color:#fff!important;
    box-shadow:0 9px 22px rgba(4,82,52,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-align:center!important;
  }

  .wma-mobile-shortcut--all::before,
  .wma-mobile-shortcut--all::after{
    content:none!important;
    display:none!important;
  }

  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:block!important;
    color:#fff!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    font-size:18px!important;
    line-height:1!important;
  }

  /* Statystyki mocniej wchodzą na hero także na tablecie/landscape */
  .wma125-stats.wma127-stats,
  .wma125-stats{
    position:relative!important;
    z-index:30!important;
    margin-top:-70px!important;
    margin-bottom:0!important;
  }
}

/* 3) Wąski landscape telefonu — jeszcze bardziej kompaktowy */
@media (orientation:landscape) and (max-height:560px){

  .wma-hero{
    padding-top:10px!important;
    padding-bottom:60px!important;
    border-radius:0 0 16px 16px!important;
  }

  .wma-copy{
    width:min(700px,88vw)!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .wma-mobile-shortcuts{
    margin-top:12px!important;
  }

  .wma-mobile-shortcut--all{
    width:min(250px,38vw)!important;
    min-height:46px!important;
    padding:11px 40px 11px 18px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }

  .wma125-stats.wma127-stats,
  .wma125-stats{
    margin-top:-60px!important;
  }
}

/* =========================================================
   t.1.3.8 — finalne dopracowanie telefonu i tabletu
   Desktop bez zmian.
   ========================================================= */

/* TELEFON: CTA ma oddech od statystyk, bez wydłużania hero */
@media (max-width:700px) and (orientation:portrait){
  .wma-mobile-shortcuts{margin-top:14px!important;}
  .wma-mobile-shortcut--all{
    width:min(68vw,286px)!important;
    min-height:52px!important;
    padding:13px 46px 13px 20px!important;
    border-radius:16px!important;
    background:rgba(250,251,237,.84)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    color:#075d40!important;
    box-shadow:0 10px 24px rgba(6,75,49,.13),inset 0 1px 0 rgba(255,255,255,.92)!important;
    -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
    backdrop-filter:blur(12px) saturate(120%)!important;
    font-size:15px!important;
  }
  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    right:17px!important;color:#08704c!important;font-size:18px!important;
  }
  .wma125-stats.wma127-stats,.wma125-stats{margin-top:-68px!important;}
}

/* TABLET: osobny, zwarty layout 701–1180 px */
@media (min-width:701px) and (max-width:1180px){
  /* nowoczesne, lekkie CTA zamiast ciężkiego zielonego prostokąta */
  .wma-mobile-shortcuts{margin-top:14px!important;}
  .wma-mobile-shortcut--all{
    width:auto!important;
    min-width:220px!important;
    max-width:260px!important;
    min-height:48px!important;
    padding:11px 44px 11px 20px!important;
    border-radius:999px!important;
    background:rgba(250,251,237,.76)!important;
    border:1px solid rgba(255,255,255,.76)!important;
    color:#075d40!important;
    box-shadow:0 10px 26px rgba(7,72,48,.12),inset 0 1px 0 rgba(255,255,255,.94)!important;
    -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
    backdrop-filter:blur(14px) saturate(125%)!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    right:17px!important;color:#08704c!important;font-size:17px!important;
  }

  /* Dlaczego warto — trzy lekkie karty w jednym rzędzie */
  .wma133-benefits__grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1100px!important;
    gap:14px!important;
  }
  .wma133-benefit{
    min-height:178px!important;
    padding:22px 18px 20px 112px!important;
    border-radius:24px!important;
  }
  .wma133-benefit__figure{left:14px!important;width:86px!important;height:145px!important;}
  .wma133-benefit__halo{width:82px!important;height:82px!important;bottom:24px!important;}
  .wma133-benefit__figure img{max-width:78px!important;max-height:132px!important;}
  .wma133-benefit--2 .wma133-benefit__figure{width:88px!important;}
  .wma133-benefit--2 .wma133-benefit__figure img{max-width:76px!important;max-height:108px!important;margin-bottom:14px!important;}
  .wma133-benefit__copy h3{font-size:17px!important;margin-bottom:7px!important;}
  .wma133-benefit__copy p{font-size:12.5px!important;line-height:1.45!important;}

  /* Wszystkie materiały — 2 kolumny, bez wielkiego telefonu pośrodku */
  .wma570-showcase{padding:58px 24px 66px!important;}
  .wma570-showcase__stage{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    min-height:0!important;
    max-width:920px!important;
    margin:0 auto!important;
  }
  .wma570-showcase__phone{display:none!important;}
  .wma570-showcase__links{
    display:contents!important;
    transform:none!important;
  }
  .wma570-glass,
  .wma570-showcase__links--left .wma570-glass:nth-child(2),
  .wma570-showcase__links--right .wma570-glass:nth-child(2){
    min-height:88px!important;
    padding:14px 16px!important;
    border-radius:20px!important;
    transform:none!important;
  }
  .wma570-glass:hover,
  .wma570-showcase__links--left .wma570-glass:nth-child(2):hover,
  .wma570-showcase__links--right .wma570-glass:nth-child(2):hover{transform:translateY(-3px)!important;}
  .wma570-glass__icon{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .wma570-glass strong{font-size:16px!important;}
  .wma570-glass small{font-size:11.5px!important;}

  /* Cennik — Demo / Standard / Premium obok siebie */
  .wma-price-grid--three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1100px!important;
    gap:14px!important;
  }
  .wma-price{padding:24px 18px!important;border-radius:24px!important;min-width:0!important;}
  .wma-price h3{font-size:22px!important;}
  .wma-price__amount{font-size:38px!important;}
  .wma-price ul{font-size:13px!important;line-height:1.45!important;}
  .wma-price .wma-btn{font-size:13px!important;padding:12px 14px!important;}
  .wma-price--premium,.wma-price--premium:hover{transform:none!important;}

  /* FAQ — dwie kolumny */
  .wma-faq-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:1040px!important;}
  .wma-faq details{min-width:0!important;}
  .wma-faq summary{padding:17px 18px!important;font-size:14px!important;}
  .wma-faq details p{padding:0 18px 18px!important;font-size:13px!important;}
}

/* Bardzo wąski tablet: zachowujemy 3 plany, ale jeszcze ciaśniej. */
@media (min-width:701px) and (max-width:820px){
  .wma-price-grid--three{gap:9px!important;}
  .wma-price{padding:20px 13px!important;}
  .wma-price h3{font-size:19px!important;}
  .wma-price__amount{font-size:32px!important;}
  .wma-price ul{font-size:11.5px!important;padding-left:18px!important;}
  .wma133-benefit{padding-left:96px!important;}
  .wma133-benefit__figure{left:9px!important;width:76px!important;}
  .wma133-benefit__copy h3{font-size:15px!important;}
  .wma133-benefit__copy p{font-size:11.5px!important;}
}


/* =========================================================
   5.7.6 — CENNIK: RÓWNE KAFELKI PLANÓW
   ========================================================= */

/* Gdy plany są obok siebie, wszystkie karty mają identyczną wysokość,
   wspólną górną linię i przyciski osadzone na tej samej wysokości. */
@media (min-width:701px){
  .wma-price-grid--three{
    align-items:stretch!important;
  }

  .wma-price-grid--three > .wma-price{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:100%!important;
    box-sizing:border-box!important;
  }

  .wma-price-grid--three > .wma-price ul{
    flex:1 1 auto!important;
  }

  .wma-price-grid--three > .wma-price > .wma-btn,
  .wma-price-grid--three > .wma-price > .wma-plan-form{
    margin-top:auto!important;
  }

  .wma-price-grid--three > .wma-price > .wma-plan-form .wma-btn{
    width:100%!important;
  }
}

/* Desktop: dotychczas Premium było uniesione o 10 px.
   Zachowujemy tę linię, ale unosimy do niej również Demo i Standard. */
@media (min-width:1181px){
  .wma-price-grid--three > .wma-price{
    transform:translateY(-10px)!important;
  }
  .wma-price-grid--three > .wma-price:hover{
    transform:translateY(-16px)!important;
  }
}

/* Tablet: wszystkie trzy pozostają na jednej, równej linii bez przesunięcia. */
@media (min-width:701px) and (max-width:1180px){
  .wma-price-grid--three > .wma-price,
  .wma-price-grid--three > .wma-price:hover{
    transform:none!important;
  }
}


/* =========================================================
   5.7.7 — EDYTOR FORMATOWANY DLA TEKSTÓW CZYTANEK
   ========================================================= */
.wma-reading-text{
  white-space:normal;
}
.wma-reading-text p{
  margin:0 0 1em;
}
.wma-reading-text p:last-child{
  margin-bottom:0;
}
.wma-reading-text strong,
.wma-reading-text b{
  font-weight:800;
}
.wma577-rich-editor .wp-editor-wrap{
  margin-top:7px;
}
.wma577-rich-editor .mce-edit-area iframe{
  min-height:250px!important;
}


/* 5.8.6 — Google / Nextend Social Login
   Zachowujemy oryginalną szatę przycisków Nextend/Google.
   Motyw ustawia tylko szerokość, odstępy i układ. */
.wma-social-login{margin-top:22px}
.wma-social-divider{display:flex;align-items:center;gap:12px;margin:4px 0 16px;color:#859087;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.wma-social-divider::before,.wma-social-divider::after{content:"";height:1px;flex:1;background:#e2e8e3}
.wma-social-divider span{padding:0 6px}
.wma-social-google{display:flex;justify-content:center}
.wma-social-google .nsl-container{width:100%!important}
.wma-social-google .nsl-container-buttons{width:100%!important;display:block!important}
.wma-social-google .nsl-button{width:100%!important;max-width:none!important}
.wma-social-google .nsl-button-default{width:100%!important}

.wma-social-legal,.wma-social-existing{margin:11px auto 0;max-width:520px;text-align:center;color:#718078;font-size:11.5px;line-height:1.55}
.wma-social-legal a{color:#0f7147;font-weight:700;text-decoration:none}
.wma-social-legal a:hover{text-decoration:underline}
.wma-social-existing{margin-top:7px;color:#68766f}

.wma-social-account-box{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0;padding:22px 24px;border:1px solid #dfe9e2;border-radius:22px;background:linear-gradient(135deg,#f8fbf9,#fff);box-shadow:0 10px 30px rgba(22,80,50,.06)}
.wma-social-account-box__copy{display:flex;align-items:flex-start;gap:15px}
.wma-social-account-box__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #e0e5e1;border-radius:14px;background:#fff;font-size:22px;font-weight:800;color:#4285f4;box-shadow:0 5px 16px rgba(20,60,40,.06)}
.wma-social-account-box h2{margin:0 0 5px;color:var(--wma-green-dark)}
.wma-social-account-box p{margin:0;color:#66746d;line-height:1.55}
.wma-social-account-box__buttons{flex:0 0 auto;min-width:210px}
.wma-social-account-box__buttons .nsl-container{margin:0!important}
.wma-social-account-box__buttons .nsl-container-buttons{display:flex!important;justify-content:flex-end!important}

@media(max-width:720px){
  .wma-social-account-box{align-items:stretch;flex-direction:column;padding:20px}
  .wma-social-account-box__buttons{min-width:0}
  .wma-social-account-box__buttons .nsl-container-buttons{justify-content:flex-start!important}
}


/* 5.8.9 — odzyskiwanie hasła dla kont Google */
.wma-google-password-info{
  padding:18px 20px;
  border:1px solid #d9e5dd;
  border-radius:16px;
  background:#f7fbf8;
  color:#365747;
  line-height:1.6;
}
.wma-google-password-action{
  margin-top:15px;
}
.wma-google-password-action .wma-form-submit{
  display:inline-flex;
  width:auto;
  text-decoration:none;
}


/* 5.8.10 — widoczne logowanie wyłącznie na telefonie */
.wma-nav__login-mobile{display:none}

@media(max-width:700px){
  .wma-nav__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    justify-items:end;
  }
  .wma-nav__login{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:6px 10px;
    border:1px solid rgba(7,61,32,.16);
    border-radius:11px;
    background:rgba(255,255,255,.62);
    box-shadow:0 7px 18px rgba(20,65,35,.08);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    font-size:10px;
    line-height:1.15;
    text-align:center;
    white-space:nowrap;
  }
  .wma-nav__login:after{display:none}
  .wma-nav__login-desktop{display:none}
  .wma-nav__login-mobile{display:inline}
  .wma-nav__cta{
    min-height:38px;
    padding:8px 11px;
    font-size:10.5px;
    white-space:nowrap;
  }

  .wma-hero[data-theme="night"] .wma-nav__login{
    background:rgba(255,255,255,.14);
    border-color:rgba(255,255,255,.22);
    color:#fff;
  }
}

@media(min-width:701px){
  .wma-nav__login-desktop{display:inline}
  .wma-nav__login-mobile{display:none}
}


/* =========================================================
   5.8.13 — elastyczna belka statystyk 1–8 elementów
   ========================================================= */
.wma5813-stats .wma125-stats__grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:18px 24px;
  max-width:1180px;
  margin-inline:auto;
}
.wma5813-stats .wma5813-stat{
  --orb:138px;
  width:var(--orb);
  height:var(--orb);
  margin-top:0;
  flex:0 0 var(--orb);
}
.wma5813-stats[data-stat-count="1"] .wma5813-stat,
.wma5813-stats[data-stat-count="2"] .wma5813-stat,
.wma5813-stats[data-stat-count="3"] .wma5813-stat{--orb:152px}
.wma5813-stat--readings{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(255,246,199,.82) 49%,rgba(246,226,158,.52) 100%)}
.wma5813-stat--songs{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(221,236,255,.80) 49%,rgba(195,218,248,.50) 100%)}
.wma5813-stat--demo{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(225,248,222,.82) 49%,rgba(190,232,190,.52) 100%)}
.wma5813-stat--standard{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(225,240,255,.84) 49%,rgba(192,218,247,.55) 100%)}
.wma5813-stat--premium{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(255,242,190,.88) 49%,rgba(243,211,118,.58) 100%)}
.wma5813-stat--dictionary{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(231,247,238,.84) 49%,rgba(196,229,211,.55) 100%)}
.wma5813-stat--grammar{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(240,230,255,.84) 49%,rgba(218,198,246,.55) 100%)}
.wma5813-stats .wma5813-stat>span:not(.wma125-stat__shine):not(.wma125-stat__icon){max-width:105px;line-height:1.05}

@media(max-width:1180px){
  .wma5813-stats .wma125-stats__grid{gap:14px 18px;padding-inline:12px}
  .wma5813-stats .wma5813-stat{--orb:126px}
}
@media(max-width:700px){
  .wma5813-stats{padding-bottom:30px!important}
  .wma5813-stats .wma125-stats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;padding:0 8px}
  .wma5813-stats .wma5813-stat,
  .wma5813-stats[data-stat-count="1"] .wma5813-stat,
  .wma5813-stats[data-stat-count="2"] .wma5813-stat,
  .wma5813-stats[data-stat-count="3"] .wma5813-stat{
    --orb:min(29vw,108px);width:var(--orb);height:var(--orb);flex-basis:auto;justify-self:center
  }
  .wma5813-stats .wma5813-stat__icon{font-size:16px}
  .wma5813-stats .wma5813-stat strong{font-size:24px}
  .wma5813-stats .wma5813-stat>span:not(.wma125-stat__shine):not(.wma125-stat__icon){font-size:7.8px;max-width:82px;letter-spacing:.025em}
  .wma5813-stats .wma5813-stat small{font-size:7.3px;max-width:82px;line-height:1.05}
}


/* =========================================================
   5.8.14 — centrowanie niepełnego ostatniego rzędu statystyk
   ========================================================= */
@media(max-width:700px){
  .wma5813-stats .wma125-stats__grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .wma5813-stats .wma5813-stat{
    grid-column:span 2;
  }

  /* 1 element — środek */
  .wma5813-stats[data-stat-count="1"] .wma5813-stat:nth-child(1){grid-column:3 / span 2}

  /* 2 elementy — wycentrowana para */
  .wma5813-stats[data-stat-count="2"] .wma5813-stat:nth-child(1){grid-column:2 / span 2}
  .wma5813-stats[data-stat-count="2"] .wma5813-stat:nth-child(2){grid-column:4 / span 2}

  /* 4 elementy — 2 + 2 */
  .wma5813-stats[data-stat-count="4"] .wma5813-stat:nth-child(1),
  .wma5813-stats[data-stat-count="4"] .wma5813-stat:nth-child(3){grid-column:2 / span 2}
  .wma5813-stats[data-stat-count="4"] .wma5813-stat:nth-child(2),
  .wma5813-stats[data-stat-count="4"] .wma5813-stat:nth-child(4){grid-column:4 / span 2}

  /* 5 elementów — 3 + wycentrowane 2 */
  .wma5813-stats[data-stat-count="5"] .wma5813-stat:nth-child(4){grid-column:2 / span 2}
  .wma5813-stats[data-stat-count="5"] .wma5813-stat:nth-child(5){grid-column:4 / span 2}

  /* 7 elementów — 3 + 3 + wycentrowany 1 */
  .wma5813-stats[data-stat-count="7"] .wma5813-stat:nth-child(7){grid-column:3 / span 2}

  /* 8 elementów — 3 + 3 + wycentrowane 2 */
  .wma5813-stats[data-stat-count="8"] .wma5813-stat:nth-child(7){grid-column:2 / span 2}
  .wma5813-stats[data-stat-count="8"] .wma5813-stat:nth-child(8){grid-column:4 / span 2}
}

/* =========================================================
   5.8.15 — wygodny edytor piosenek i gramatyki w kokpicie
   ========================================================= */
body.post-type-wma_song .postbox .inside,
body.post-type-wma_reading .postbox .inside{padding:18px 20px 22px}
.wma5815-song-editor{display:grid;grid-template-columns:1fr;gap:16px}
.wma5815-card{padding:18px;border:1px solid #dbe7df;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(24,70,45,.06)}
.wma5815-card--intro{background:linear-gradient(135deg,#f4fbf6,#fff)}
.wma5815-card--media{background:linear-gradient(135deg,#f2f7ff,#fff)}
.wma5815-card--italian{background:linear-gradient(135deg,#effaf3,#fff)}
.wma5815-card--polish{background:linear-gradient(135deg,#f4f6ff,#fff)}
.wma5815-card--vocab{background:linear-gradient(135deg,#fff9e8,#fff)}
.wma5815-card>label{font-size:15px;color:#0d5135;margin-bottom:10px}
.wma5815-card input[type=text],.wma5815-card input[type=url],.wma5815-card textarea{font-size:15px;line-height:1.55;padding:10px 12px;border-radius:9px;border-color:#c8d6cd}
.wma5815-card textarea{min-height:150px}
.wma5815-card .wp-editor-wrap{background:#fff;border-radius:10px;overflow:hidden}
.wma5815-card .wp-editor-container{border-color:#c8d6cd}
.wma5815-choice-list{display:grid;gap:9px}
.wma5815-choice{display:flex;align-items:center;gap:8px;padding:11px 10px;border:1px solid #dcdcde;border-radius:11px;background:#fff;cursor:pointer}
.wma5815-choice:has(input:checked){border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}
.wma5815-choice--sample{background:#f3fbf1}.wma5815-choice--member{background:#f2f7ff}.wma5815-choice--premium{background:#fff8dc}
.wma5815-choice input{margin:0}
.wma5815-grammar-box{display:grid;gap:18px}
.wma5815-grammar-section{padding:18px;border:1px solid #ddd9ee;border-radius:16px;background:linear-gradient(135deg,#f8f5ff,#fff);box-shadow:0 5px 18px rgba(75,55,120,.06)}
.wma5815-grammar-section--new{background:linear-gradient(135deg,#fff8e8,#fff)}
.wma5815-grammar-section h3{margin:0 0 12px;font-size:16px;color:#493c70}
.wma5815-grammar-search{min-height:42px;margin-bottom:12px!important;border-radius:9px!important}
.wma5815-grammar-box .wma-grammar-admin__list{max-height:320px;overflow:auto;border:1px solid #ddd9ee;padding:8px;background:rgba(255,255,255,.8);border-radius:10px}
.wma5815-grammar-topic{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0!important;padding:9px 10px;border-bottom:1px solid #eeeaf7}
.wma5815-grammar-topic:last-child{border-bottom:0}.wma5815-grammar-topic span{display:flex;align-items:center;gap:8px}.wma5815-grammar-topic small{padding:2px 7px;border-radius:999px;background:#eee9fa;color:#65558b}.wma5815-grammar-topic>a{text-decoration:none}
.wma5815-add-grammar{margin-top:10px!important}
.wma-grammar-new-row{margin:16px 0;padding:16px;border:1px solid #ead9a5;border-radius:14px;background:#fffdf6;box-shadow:0 4px 14px rgba(90,70,20,.06)}
.wma5815-new-grammar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px}
.wma5815-new-grammar-grid{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;margin-bottom:14px}
.wma5815-new-grammar-grid label{display:grid;gap:6px}.wma5815-new-grammar-grid input,.wma5815-new-grammar-grid select{min-height:40px;border-radius:8px}.wma5815-editor-label{display:block;margin:0 0 7px}
.wma-grammar-new-row .wp-editor-wrap{background:#fff}
@media(max-width:782px){body.post-type-wma_song .postbox .inside,body.post-type-wma_reading .postbox .inside{padding:12px}.wma5815-card,.wma5815-grammar-section{padding:14px}.wma5815-new-grammar-grid{grid-template-columns:1fr}.wma5815-grammar-topic{grid-template-columns:auto 1fr}.wma5815-grammar-topic>a{grid-column:2}.wma5815-card .mce-toolbar .mce-btn{margin:1px}}


/* 5.8.16 — bezpieczne formatowanie tekstów materiałów */
.wma-song-lyrics p,
.wma-reading-text p{margin:0 0 1em}
.wma-song-lyrics p:last-child,
.wma-reading-text p:last-child{margin-bottom:0}
.wma-song-lyrics ul,.wma-song-lyrics ol,
.wma-reading-text ul,.wma-reading-text ol{margin:1em 0;padding-left:1.5em}
.wma-song-lyrics blockquote,
.wma-reading-text blockquote{margin:1.1em 0;padding:.8em 1em;border-left:4px solid rgba(23,107,69,.25);background:rgba(23,107,69,.04);border-radius:8px}
.wma-song-lyrics table,
.wma-reading-text table{width:100%;border-collapse:collapse;margin:1.1em 0;background:#fff}
.wma-song-lyrics th,.wma-song-lyrics td,
.wma-reading-text th,.wma-reading-text td{padding:9px 11px;border:1px solid rgba(23,107,69,.16);text-align:left;vertical-align:top}
.wma-song-lyrics th,
.wma-reading-text th{background:rgba(23,107,69,.07);font-weight:800}


/* 5.8.21 — tłumaczenie użyte w konkretnym materiale */
.wma-dictionary-sources a small{
  display:inline;
  margin-left:4px;
  font-size:.92em;
  font-weight:700;
  color:#527062;
}


/* =========================================================
   6.0 — ROLKI
   ========================================================= */
.wma5813-stat--reels{background:radial-gradient(circle at 31% 23%,rgba(255,255,255,.97) 0 13%,rgba(255,228,235,.84) 49%,rgba(244,194,211,.55) 100%)}

/* Kafel Rolki centralnie pod telefonem */
.wma570-showcase__stage{grid-template-rows:auto auto}
.wma570-showcase__links{grid-row:1 / span 2}
.wma570-showcase__phone{grid-column:2;grid-row:1}
.wma600-reels-showcase{
  grid-column:2;grid-row:2;
  width:min(100%,330px);justify-self:center;
  margin-top:-12px;
  background:linear-gradient(135deg,rgba(255,226,235,.96),rgba(255,249,251,.92))!important;
}
.wma600-reels-showcase .wma570-glass__icon{background:linear-gradient(135deg,#ff6f91,#f4b13e);color:#fff}
@media(max-width:760px){
  .wma570-showcase__stage{display:block}
  .wma600-reels-showcase{display:flex;width:100%;margin:10px 0 0}
}

/* Admin */
body.post-type-wma_reel .postbox .inside{padding:18px 20px 22px}
.wma600-reel-editor{display:grid;grid-template-columns:1fr;gap:16px}
.wma600-card--level{background:linear-gradient(135deg,#fff7df,#fff)}
.wma600-card--level select{width:100%;max-width:240px}
.wma600-media-row{display:flex;gap:10px;align-items:center}.wma600-media-row input{flex:1}
@media(max-width:700px){.wma600-media-row{flex-direction:column;align-items:stretch}.wma600-media-row .button{width:100%}}

/* Archiwum */
.wma600-reel-grid .wma-reading-tile{overflow:hidden}
.wma600-reel-tile__cover{aspect-ratio:9/12;max-height:390px;background:linear-gradient(145deg,#1b4e3b,#f0b429)}
.wma600-reel-tile__cover img{width:100%;height:100%;object-fit:cover}
.wma600-reel-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:72px}

/* Pojedyncza rolka */
.wma600-reel-single{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 84px}
.wma600-reel-hero{display:grid;grid-template-columns:1fr minmax(160px,260px);gap:24px;align-items:center;margin-bottom:25px;padding:26px 30px;border:1px solid #dce9df;border-radius:26px;background:linear-gradient(135deg,#eef8f1,#fff8df);box-shadow:0 14px 38px rgba(20,70,42,.07)}
.wma600-reel-hero h1{margin:10px 0 8px;font-size:clamp(34px,5vw,58px);line-height:1.05;color:#0b5938}.wma600-reel-hero p{margin:0;color:#65756c;font-size:17px}.wma600-reel-level{display:inline-block;margin-left:7px;padding:5px 9px;border-radius:999px;background:#fff;color:#176b45;font-weight:800;font-size:12px}
.wma600-reel-cover{border-radius:20px;overflow:hidden;aspect-ratio:9/11}.wma600-reel-cover img{width:100%;height:100%;object-fit:cover}
.wma600-reel-main{display:grid;grid-template-columns:minmax(280px,410px) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:28px}
.wma600-reel-player-card{padding:14px;border:1px solid #dce9df;border-radius:26px;background:#fff;box-shadow:0 12px 32px rgba(20,70,42,.07)}
.wma600-reel-player{position:relative;width:100%;aspect-ratio:9/16;border-radius:19px;overflow:hidden;background:#10251c}
.wma600-reel-player video,.wma600-reel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#000}
.wma600-reel-no-video{height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#fff;font-size:44px;text-align:center}.wma600-reel-no-video strong{font-size:15px}
.wma600-reel-tabs{margin:0!important;min-height:500px}
.wma600-reel-tabs .wma-song-panel{max-height:650px;overflow:auto}
.wma600-reel-exercises{margin-top:28px}.wma600-reel-back{display:inline-flex;margin-top:24px}
@media(max-width:820px){
  .wma600-reel-hero{grid-template-columns:1fr}.wma600-reel-cover{display:none}
  .wma600-reel-main{grid-template-columns:1fr}.wma600-reel-player-card{width:min(100%,420px);margin-inline:auto}
  .wma600-reel-tabs{min-height:0}
}
@media(max-width:520px){
  .wma600-reel-single{width:min(100% - 20px,1180px);padding-top:18px}.wma600-reel-hero{padding:20px;border-radius:20px}
  .wma600-reel-player-card{padding:8px;border-radius:20px}.wma600-reel-player{border-radius:15px}
}

/* 9 aktywnych liczników = naturalne 3+3+3 na telefonie. */
\n\n/* =========================================================\n   6.0.1 — ARCHIWUM ROLEK: PEŁNE MINIATURY 9:16\n   ========================================================= */\n.wma600-reel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}\n.wma600-reel-tile{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:338px;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 14px 34px rgba(20,70,42,.07)}\n.wma600-reel-tile__cover{position:relative;width:100%;height:100%;min-height:338px;max-height:none;aspect-ratio:auto;overflow:hidden;border-radius:0;background:linear-gradient(145deg,#1b4e3b,#f0b429)}\n.wma600-reel-tile__cover img{width:100%;height:100%;object-fit:contain;background:#f4f0e6}\n.wma600-reel-tile__cover .wma-access-badge{position:absolute;z-index:3;top:14px;left:14px}\n.wma600-reel-tile__body{display:flex;flex-direction:column;min-width:0;padding:24px 24px 22px}\n.wma600-reel-tile__body .wma-reading-tile__meta{margin-bottom:14px}\n.wma600-reel-tile__body .wma-reading-tile__title{margin:0 0 14px}\n.wma600-reel-tile__body p{margin:0 0 18px;color:#64746b;line-height:1.65}\n.wma600-reel-open{margin-top:auto;font-weight:800;color:#176b45;text-decoration:none}\n.wma600-reel-open:hover{text-decoration:underline}\n.wma600-reel-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:338px;font-size:64px}\n@media(max-width:1050px){.wma600-reel-grid{grid-template-columns:1fr}}\n@media(max-width:620px){.wma600-reel-tile{grid-template-columns:132px minmax(0,1fr);min-height:235px;border-radius:21px}.wma600-reel-tile__cover{min-height:235px}.wma600-reel-placeholder{min-height:235px;font-size:48px}.wma600-reel-tile__body{padding:18px 16px}.wma600-reel-tile__body .wma-reading-tile__meta{gap:5px;flex-wrap:wrap;font-size:10px}.wma600-reel-tile__body .wma-reading-tile__title{font-size:20px;margin-bottom:9px}.wma600-reel-tile__body p{font-size:13px;line-height:1.5;margin-bottom:12px}.wma600-reel-open{font-size:13px}}\n@media(max-width:400px){.wma600-reel-tile{grid-template-columns:112px minmax(0,1fr);min-height:200px}.wma600-reel-tile__cover,.wma600-reel-placeholder{min-height:200px}}\n

/* =========================================================
   6.0.2 — NAPRAWA ARCHIWUM ROLEK
   Poprzedni układ był nadpisywany przez starsze reguły
   .wma-reading-tile z !important.
   ========================================================= */

.wma600-reel-archive .wma-reading-archive__grid.wma600-reel-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  width:min(1180px,calc(100% - 40px))!important;
  align-items:stretch!important;
}

.wma600-reel-archive .wma-reading-tile.wma600-reel-tile{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  flex-direction:unset!important;
  width:100%!important;
  height:auto!important;
  min-height:338px!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:#fff!important;
}

.wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__cover.wma600-reel-tile__cover{
  position:relative!important;
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:190px!important;
  height:338px!important;
  min-height:338px!important;
  max-height:none!important;
  aspect-ratio:9/16!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#f3efe5!important;
}

.wma600-reel-archive .wma600-reel-tile__cover:before,
.wma600-reel-archive .wma600-reel-tile__cover:after{
  content:none!important;
  display:none!important;
}

.wma600-reel-archive .wma600-reel-tile__cover img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}

.wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__body.wma600-reel-tile__body{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:24px!important;
}

.wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__meta{
  min-height:0!important;
  margin-bottom:14px!important;
}

.wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__title{
  margin:0 0 14px!important;
}

.wma600-reel-archive .wma600-reel-tile__body > p{
  margin:0 0 18px!important;
}

.wma600-reel-archive .wma600-reel-open{
  display:inline-flex!important;
  margin-top:auto!important;
  padding-top:10px!important;
}

@media(max-width:1050px){
  .wma600-reel-archive .wma-reading-archive__grid.wma600-reel-grid{
    grid-template-columns:1fr!important;
    width:min(760px,calc(100% - 34px))!important;
  }
}

@media(max-width:620px){
  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile{
    grid-template-columns:132px minmax(0,1fr)!important;
    min-height:235px!important;
  }
  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__cover.wma600-reel-tile__cover{
    width:132px!important;
    height:235px!important;
    min-height:235px!important;
  }
  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__body.wma600-reel-tile__body{
    padding:18px 16px!important;
  }
  .wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__title{
    font-size:20px!important;
    margin-bottom:9px!important;
  }
  .wma600-reel-archive .wma600-reel-tile__body > p{
    font-size:13px!important;
    line-height:1.5!important;
    margin-bottom:10px!important;
  }
}

@media(max-width:400px){
  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile{
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:200px!important;
  }
  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__cover.wma600-reel-tile__cover{
    width:112px!important;
    height:200px!important;
    min-height:200px!important;
  }
}


/* =========================================================
   6.0.3 — ROLEK ARCHIWUM: SZEROKI ELEGANCKI KAFEL
   ========================================================= */

.wma600-reel-archive .wma-reading-archive__grid.wma600-reel-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  width:min(760px,calc(100% - 40px))!important;
  margin-inline:auto!important;
}

.wma600-reel-archive .wma-reading-tile.wma600-reel-tile{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  width:100%!important;
  min-height:320px!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(20,70,42,.08)!important;
}

.wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__cover.wma600-reel-tile__cover{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  width:180px!important;
  height:320px!important;
  min-height:320px!important;
  max-height:320px!important;
  aspect-ratio:9/16!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#f3efe5!important;
}

.wma600-reel-archive .wma600-reel-tile__cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

.wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__body.wma600-reel-tile__body{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:320px!important;
  height:auto!important;
  padding:26px 28px 24px!important;
}

.wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__meta{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  margin:0 0 14px!important;
  font-size:11px!important;
}

.wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__title{
  margin:0 0 14px!important;
  font-size:30px!important;
  line-height:1.08!important;
}

.wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__title a{
  color:#0b5938!important;
}

.wma600-reel-archive .wma600-reel-tile__body > p{
  margin:0 0 18px!important;
  color:#64746b!important;
  font-size:15px!important;
  line-height:1.65!important;
}

.wma600-reel-archive .wma600-reel-open{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:auto!important;
  padding-top:6px!important;
  font-size:15px!important;
  font-weight:850!important;
}

@media(max-width:720px){
  .wma600-reel-archive .wma-reading-archive__grid.wma600-reel-grid{
    width:min(100% - 24px,760px)!important;
    gap:16px!important;
  }

  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile{
    grid-template-columns:104px minmax(0,1fr)!important;
    min-height:185px!important;
    border-radius:20px!important;
  }

  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__cover.wma600-reel-tile__cover{
    width:104px!important;
    height:185px!important;
    min-height:185px!important;
    max-height:185px!important;
  }

  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__body.wma600-reel-tile__body{
    min-height:185px!important;
    padding:14px 14px 13px!important;
  }

  .wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__meta{
    gap:6px!important;
    margin-bottom:8px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }

  .wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__title{
    font-size:19px!important;
    line-height:1.08!important;
    margin-bottom:8px!important;
  }

  .wma600-reel-archive .wma600-reel-tile__body > p{
    display:-webkit-box!important;
    -webkit-line-clamp:4!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin-bottom:8px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  .wma600-reel-archive .wma600-reel-open{
    padding-top:2px!important;
    font-size:12.5px!important;
  }
}

@media(max-width:390px){
  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile{
    grid-template-columns:92px minmax(0,1fr)!important;
    min-height:164px!important;
  }

  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__cover.wma600-reel-tile__cover{
    width:92px!important;
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
  }

  .wma600-reel-archive .wma-reading-tile.wma600-reel-tile > .wma-reading-tile__body.wma600-reel-tile__body{
    min-height:164px!important;
    padding:12px!important;
  }

  .wma600-reel-archive .wma600-reel-tile__body .wma-reading-tile__title{
    font-size:17px!important;
  }

  .wma600-reel-archive .wma600-reel-tile__body > p{
    -webkit-line-clamp:3!important;
    font-size:12px!important;
  }
}

/* =========================================================
   6.0.4 — SŁOWNIK: PŁYWAJĄCA WYSZUKIWARKA + ALFABET
   ========================================================= */
.wma604-dictionary-float{
  position:fixed;
  z-index:9990;
  right:18px;
  top:50%;
  transform:translate(120%,-50%);
  opacity:0;
  pointer-events:none;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
  transition:transform .28s ease,opacity .22s ease;
}
.wma604-dictionary-float.is-visible{
  transform:translate(0,-50%);
  opacity:1;
  pointer-events:auto;
}
.wma604-float-search-wrap{position:relative;display:flex;justify-content:flex-end}
.wma604-float-search-toggle{
  width:48px;
  min-height:108px;
  padding:9px 7px;
  border:1px solid rgba(23,107,69,.16);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  color:#176B45;
  box-shadow:0 12px 32px rgba(24,78,48,.14);
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  backdrop-filter:blur(12px);
}
.wma604-float-search-toggle span{font-size:17px;line-height:1}
.wma604-float-search-toggle b{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:12px;
  letter-spacing:.04em;
}
.wma604-float-search-toggle:hover{background:#f5faed;transform:translateX(-2px)}
.wma604-float-search-panel{
  position:absolute;
  right:58px;
  top:50%;
  width:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-50%) translateX(12px);
  transition:width .26s ease,opacity .2s ease,transform .26s ease;
}
.wma604-dictionary-float.is-open .wma604-float-search-panel{
  width:310px;
  opacity:1;
  pointer-events:auto;
  transform:translateY(-50%) translateX(0);
}
.wma604-float-search-panel input{
  width:310px;
  height:50px;
  padding:0 16px;
  border:1px solid rgba(23,107,69,.18);
  border-radius:15px;
  outline:0;
  background:#fff;
  color:var(--wma-ink);
  font-size:14px;
  box-shadow:0 14px 36px rgba(24,78,48,.16);
}
.wma604-float-search-panel input:focus{border-color:#176B45;box-shadow:0 0 0 4px rgba(23,107,69,.09),0 14px 36px rgba(24,78,48,.16)}
.wma604-float-letters{
  display:flex;
  flex-direction:column;
  gap:3px;
  max-height:calc(100vh - 190px);
  padding:7px 6px;
  overflow-y:auto;
  scrollbar-width:none;
  border:1px solid rgba(23,107,69,.13);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 32px rgba(24,78,48,.12);
  backdrop-filter:blur(12px);
}
.wma604-float-letters::-webkit-scrollbar{display:none}
.wma604-float-letter{
  width:30px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#176B45;
  font-size:11px;
  font-weight:900;
  line-height:1;
  text-decoration:none;
}
.wma604-float-letter:hover{background:#edf5de;color:#08492e}

@media(max-width:760px){
  .wma604-dictionary-float{
    right:14px;
    top:auto;
    bottom:20px;
    transform:translateY(90px);
  }
  .wma604-dictionary-float.is-visible{transform:translateY(0)}
  .wma604-float-letters{display:none!important}
  .wma604-float-search-toggle{
    width:52px;
    height:52px;
    min-height:52px;
    padding:0;
    border-radius:50%;
    background:#176B45;
    color:#fff;
    box-shadow:0 10px 28px rgba(8,73,46,.28);
  }
  .wma604-float-search-toggle span{font-size:19px}
  .wma604-float-search-toggle b{display:none}
  .wma604-float-search-panel{right:62px;top:50%}
  .wma604-dictionary-float.is-open .wma604-float-search-panel{width:min(290px,calc(100vw - 92px))}
  .wma604-float-search-panel input{width:min(290px,calc(100vw - 92px));height:48px}
}


/* Stopkowe logo nie jest potrzebne do pierwszego renderu strony. */
.wma-footer__brand img{
  content-visibility:auto;
}


/* =========================================================
   6.1 — CZASOWNIKI: ODMIANA AUDIO
   ========================================================= */
.wma5813-stat--verbs{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.98) 0 12%,rgba(232,239,255,.9) 50%,rgba(193,211,245,.65) 100%)}
.wma610-verbs-showcase{grid-column:2;grid-row:3;width:min(100%,330px);justify-self:center;margin-top:10px;background:linear-gradient(135deg,rgba(229,239,255,.97),rgba(250,252,255,.94))!important}
.wma610-verbs-showcase .wma570-glass__icon{background:linear-gradient(135deg,#4e75d9,#8ca8ef);color:#fff}
.wma570-showcase__stage{grid-template-rows:auto auto auto}
.wma570-showcase__links{grid-row:1 / span 3}
@media(max-width:760px){.wma610-verbs-showcase{display:flex;width:100%;margin:10px 0 0}}

.wma610-card--classification{background:linear-gradient(135deg,#eef4ff,#fff)}
.wma610-card--conjugation{background:linear-gradient(135deg,#f0faf4,#fff)}
.wma610-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}
.wma610-class-grid>div{display:flex;flex-direction:column;gap:7px}.wma610-class-grid span{font-weight:800;color:#3c5d4c}.wma610-class-grid select{width:100%}
.wma610-filter-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1050px;margin:24px 0}.wma610-filter-group{padding:18px;border:1px solid #dce7df;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(20,70,42,.05)}.wma610-filter-group h2{margin:0 0 12px;color:#176b45}.wma610-filter-group>div{display:flex;flex-wrap:wrap;gap:8px}.wma610-filter-group label{display:flex;gap:7px;align-items:center;padding:8px 11px;border-radius:999px;background:#f3f7f4}
@media(max-width:700px){.wma610-class-grid,.wma610-filter-settings{grid-template-columns:1fr}}

.wma610-verb-tools{width:min(1120px,calc(100% - 40px));margin:0 auto 24px}.wma610-verb-tools .wma-reading-search{width:100%;margin-bottom:14px}.wma610-filter-row{display:flex;flex-wrap:wrap;gap:8px}.wma610-filter-row button{border:1px solid #d9e5dd;border-radius:999px;background:#fff;padding:9px 13px;font-weight:800;color:#3c5d4c;cursor:pointer}.wma610-filter-row button.is-active{background:#176b45;color:#fff;border-color:#176b45}
.wma610-verb-grid{width:min(1120px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wma610-verb-card{display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border-radius:24px;background:#fff;border:1px solid #e0e9e3;box-shadow:0 14px 34px rgba(20,70,42,.07)}.wma610-verb-cover{position:relative;display:block;aspect-ratio:16/9;background:#eef4ff}.wma610-verb-cover img{width:100%;height:100%;object-fit:cover}.wma610-verb-cover .wma-access-badge{position:absolute;z-index:2;top:12px;left:12px}.wma610-verb-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:50px}.wma610-verb-card__body{display:flex;flex-direction:column;padding:20px}.wma610-verb-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;font-weight:800;text-transform:uppercase;color:#728079}.wma610-verb-card h2{margin:10px 0 8px;font-size:28px;line-height:1}.wma610-verb-card h2 a{color:#0b5938;text-decoration:none}.wma610-verb-card p{margin:0 0 14px;color:#68766e;font-size:14px;line-height:1.5}.wma610-verb-open{margin-top:auto;font-weight:850;color:#176b45;text-decoration:none}
@media(max-width:1000px){.wma610-verb-grid{grid-template-columns:1fr;max-width:760px}.wma610-verb-card{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:600px){.wma610-verb-tools,.wma610-verb-grid{width:calc(100% - 24px)}.wma610-verb-card{grid-template-columns:130px minmax(0,1fr)}.wma610-verb-cover{height:100%;aspect-ratio:auto}.wma610-verb-card__body{padding:15px}.wma610-verb-card h2{font-size:21px}.wma610-verb-card p{font-size:12px}.wma610-verb-meta{font-size:9px}}

.wma610-verb-single{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:34px 0 80px}.wma610-verb-hero{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:26px;align-items:center;padding:28px;border-radius:26px;background:linear-gradient(135deg,#eef8f1,#eef4ff);border:1px solid #dce8e0;margin-bottom:24px}.wma610-verb-hero h1{margin:10px 0 8px;color:#0b5938;font-size:clamp(38px,6vw,64px)}.wma610-verb-hero p{color:#66766d}.wma610-verb-hero-image{aspect-ratio:16/9;border-radius:19px;overflow:hidden}.wma610-verb-hero-image img{width:100%;height:100%;object-fit:cover}.wma610-verb-level,.wma610-class-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff;color:#176b45;font-weight:850;font-size:12px}.wma610-class-badge{margin-bottom:8px;background:#dfe9ff;color:#34549d}.wma610-verb-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:24px;align-items:start}.wma610-player-card,.wma610-conjugation{background:#fff;border:1px solid #dce8e0;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(20,70,42,.06)}.wma610-video{aspect-ratio:16/9;background:#111}.wma610-video iframe,.wma610-video video{width:100%;height:100%;border:0;object-fit:contain}.wma610-audio{min-height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#eef4ff,#f5fbf7)}.wma610-audio-icon{font-size:40px;line-height:1}.wma610-audio audio{width:min(100%,520px)}.wma610-conjugation__head{display:flex;gap:12px;align-items:center;padding:20px 22px;background:#f2faf5}.wma610-conjugation__head>span{font-size:30px}.wma610-conjugation__head small{display:block;color:#7a8981;font-weight:800;text-transform:uppercase}.wma610-conjugation__head h2{margin:2px 0 0;color:#176b45}.wma610-conjugation__body{padding:22px;font-size:17px;line-height:1.75}
@media(max-width:820px){.wma610-verb-hero{grid-template-columns:1fr}.wma610-verb-main{grid-template-columns:1fr}.wma610-verb-hero-image{max-width:520px}.wma610-audio{min-height:132px;padding:18px}.wma610-audio-icon{font-size:34px}}


/* =========================================================
   6.1.1 — KOKPIT CZASOWNIKÓW W STYLU AWM + TABELE
   ========================================================= */

/* Ekran edycji — nie surowy WordPress, tylko spójny panel AWM. */
body.post-type-wma_verb{
  background:#f4f7f4!important;
}
body.post-type-wma_verb #wpcontent{
  background:
    radial-gradient(circle at 96% 6%,rgba(245,203,83,.10),transparent 24%),
    linear-gradient(180deg,#f5f8f5,#f8f8f6)!important;
}
body.post-type-wma_verb #poststuff{
  max-width:1320px!important;
}
body.post-type-wma_verb #titlewrap #title{
  min-height:52px!important;
  padding:8px 16px!important;
  border:1px solid #cdded2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(20,70,42,.05)!important;
  font-size:24px!important;
}
body.post-type-wma_verb #post-body-content{
  margin-bottom:20px!important;
}
body.post-type-wma_verb .postbox{
  overflow:hidden!important;
  border:1px solid #d9e5dd!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(20,70,42,.055)!important;
}
body.post-type-wma_verb .postbox .postbox-header{
  min-height:54px!important;
  padding:0 6px!important;
  border-bottom:1px solid #dfe9e2!important;
  background:linear-gradient(90deg,#eef8f1,#fff9e8)!important;
}
body.post-type-wma_verb .postbox .postbox-header h2{
  color:#174c34!important;
  font-size:15px!important;
  font-weight:850!important;
}
body.post-type-wma_verb .postbox .inside{
  margin:0!important;
  padding:20px!important;
}
body.post-type-wma_verb #wma_verb_details .inside{
  background:#fbfdfb!important;
}

body.post-type-wma_verb .wma610-verb-editor{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
}
body.post-type-wma_verb .wma5815-card{
  margin:0!important;
  padding:18px 20px!important;
  border:1px solid #deebe2!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.post-type-wma_verb .wma5815-card--intro{
  background:linear-gradient(135deg,#f2faf5,#fff)!important;
}
body.post-type-wma_verb .wma610-card--classification{
  background:linear-gradient(135deg,#eef4ff,#fafcff)!important;
}
body.post-type-wma_verb .wma5815-card--media{
  background:linear-gradient(135deg,#fff8e4,#fff)!important;
}
body.post-type-wma_verb .wma610-card--conjugation{
  background:linear-gradient(135deg,#effaf4,#fff)!important;
}
body.post-type-wma_verb .wma5815-card>label,
body.post-type-wma_verb .wma611-editor-heading>label{
  display:block!important;
  margin:0 0 10px!important;
  color:#0d5135!important;
  font-size:15px!important;
  font-weight:850!important;
}
body.post-type-wma_verb .wma5815-card input[type=text],
body.post-type-wma_verb .wma5815-card input[type=url],
body.post-type-wma_verb .wma5815-card select{
  min-height:44px!important;
  border:1px solid #c9dacf!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.post-type-wma_verb .wma5815-card input[type=text],
body.post-type-wma_verb .wma5815-card input[type=url]{
  width:100%!important;
  padding:8px 12px!important;
}
body.post-type-wma_verb .wma610-class-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.post-type-wma_verb .wma610-class-grid>div{
  padding:13px!important;
  border:1px solid #dbe4f4!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.78)!important;
}
body.post-type-wma_verb .wma610-class-grid span{
  margin-bottom:3px!important;
  color:#526b60!important;
  font-size:12px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
body.post-type-wma_verb .wma610-class-grid select{
  width:100%!important;
}
body.post-type-wma_verb .wma600-media-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
body.post-type-wma_verb .wma600-media-row .button{
  min-height:44px!important;
  padding:0 16px!important;
  border-color:#2c64df!important;
  border-radius:11px!important;
  color:#2c58b9!important;
  font-weight:800!important;
}
body.post-type-wma_verb .wma-admin-help{
  margin-top:8px!important;
  color:#738078!important;
  font-size:12px!important;
}

/* Pełny edytor odmiany. */
body.post-type-wma_verb .wma611-editor-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-bottom:10px!important;
}
body.post-type-wma_verb .wma611-editor-heading>label{
  margin:0!important;
}
body.post-type-wma_verb .wma611-table-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.post-type-wma_verb .wma611-table-button{
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid #bcd5c6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#176b45!important;
  font-weight:800!important;
}
body.post-type-wma_verb .wma611-table-button:hover{
  border-color:#176b45!important;
  background:#eff8f2!important;
}
body.post-type-wma_verb .wma610-card--conjugation .wp-editor-wrap{
  overflow:hidden!important;
  border:1px solid #cbdcd1!important;
  border-radius:14px!important;
  background:#fff!important;
}
body.post-type-wma_verb .wma610-card--conjugation .wp-editor-container{
  border:0!important;
}
body.post-type-wma_verb .wma610-card--conjugation .mce-toolbar-grp,
body.post-type-wma_verb .wma610-card--conjugation .quicktags-toolbar{
  border-bottom:1px solid #dce6df!important;
  background:#f8fbf9!important;
}
body.post-type-wma_verb .wma610-card--conjugation iframe{
  min-height:330px!important;
}

/* Dostęp i źródło nagrania — karty zamiast ciasnych kontrolek. */
body.post-type-wma_verb #wma_verb_access .inside,
body.post-type-wma_verb #wma_audio_source .inside,
body.post-type-wma_verb #postimagediv .inside{
  background:#fbfdfb!important;
}
body.post-type-wma_verb .wma5815-choice-list{
  display:grid!important;
  gap:8px!important;
}
body.post-type-wma_verb .wma5815-choice{
  display:grid!important;
  grid-template-columns:auto auto 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 11px!important;
  border:1px solid #dde7e0!important;
  border-radius:12px!important;
  background:#fff!important;
}
body.post-type-wma_verb .wma5815-choice input{
  margin:0!important;
}

/* Ćwiczenia i Gramatyka — ten sam język wizualny AWM. */
body.post-type-wma_verb #wma_verb_exercises .inside,
body.post-type-wma_verb #wma_verb_grammar .inside{
  background:#fff!important;
}
body.post-type-wma_verb .wma-grammar-admin{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
}
body.post-type-wma_verb .wma5815-grammar-section{
  padding:18px!important;
  border:1px solid #e1e6f3!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8f6ff,#fff)!important;
}
body.post-type-wma_verb .wma5815-grammar-section--new{
  border-color:#efe0b4!important;
  background:linear-gradient(135deg,#fff9e9,#fff)!important;
}
body.post-type-wma_verb .wma5815-grammar-section h3{
  margin:0 0 13px!important;
  color:#234d3a!important;
  font-size:16px!important;
}
body.post-type-wma_verb .wma5815-grammar-search{
  min-height:43px!important;
  padding:8px 12px!important;
  border:1px solid #d4dceb!important;
  border-radius:11px!important;
}
body.post-type-wma_verb .wma-grammar-admin__list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  max-height:330px!important;
  margin-top:12px!important;
  padding:4px!important;
  overflow:auto!important;
}
body.post-type-wma_verb .wma5815-grammar-topic{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  padding:9px 10px!important;
  border:1px solid #e0e5ee!important;
  border-radius:11px!important;
  background:#fff!important;
}
body.post-type-wma_verb .wma5815-grammar-topic span{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
body.post-type-wma_verb .wma5815-grammar-topic strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.post-type-wma_verb .wma5815-grammar-topic small{
  flex:0 0 auto!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:#eee9fb!important;
  color:#65558b!important;
}
body.post-type-wma_verb .wma5815-grammar-topic>a{
  color:#176b45!important;
  font-weight:750!important;
  text-decoration:none!important;
}
body.post-type-wma_verb .wma5815-add-grammar{
  min-height:40px!important;
  border-radius:10px!important;
}
body.post-type-wma_verb #wma_verb_exercises .inside{
  padding:20px!important;
}

/* Frontend: tabela odmiany w stylu AWM. */
.wma610-conjugation__body table{
  width:100%;
  margin:14px 0 18px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid rgba(23,107,69,.16);
  border-radius:14px;
  background:#fff;
}
.wma610-conjugation__body th,
.wma610-conjugation__body td{
  padding:10px 12px;
  border-right:1px solid rgba(23,107,69,.12);
  border-bottom:1px solid rgba(23,107,69,.12);
  text-align:left;
  vertical-align:middle;
}
.wma610-conjugation__body tr:last-child td,
.wma610-conjugation__body tr:last-child th{
  border-bottom:0;
}
.wma610-conjugation__body td:last-child,
.wma610-conjugation__body th:last-child{
  border-right:0;
}
.wma610-conjugation__body th{
  background:#eef7f1;
  color:#0d5135;
  font-weight:850;
}

@media(max-width:900px){
  body.post-type-wma_verb .wma610-class-grid{
    grid-template-columns:1fr!important;
  }
  body.post-type-wma_verb .wma-grammar-admin__list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:700px){
  body.post-type-wma_verb .wma600-media-row{
    grid-template-columns:1fr!important;
  }
  body.post-type-wma_verb .wma611-editor-heading{
    align-items:flex-start!important;
  }
  body.post-type-wma_verb .wma611-table-actions{
    width:100%!important;
  }
  body.post-type-wma_verb .wma611-table-button{
    flex:1 1 auto!important;
  }
}


/* =========================================================
   6.1.2 — SHOWCASE: 8 KAFELKÓW WOKÓŁ TELEFONU (4 + 4)
   ========================================================= */
@media (min-width:761px){
  .wma570-showcase__stage{
    grid-template-columns:minmax(285px,1fr) minmax(330px,410px) minmax(285px,1fr)!important;
    grid-template-rows:1fr!important;
    gap:18px!important;
    min-height:500px;
    align-items:center;
  }
  .wma570-showcase__links{
    grid-row:1!important;
    gap:14px;
    align-self:center;
  }
  .wma570-showcase__phone{
    grid-column:2!important;
    grid-row:1!important;
  }
  .wma570-showcase__links--left{grid-column:1!important;transform:none!important}
  .wma570-showcase__links--right{grid-column:3!important;transform:none!important}

  /* Łagodne „brzuszki”: dwa środkowe kafelki wychodzą OD telefonu, na zewnątrz. */
  .wma570-showcase__links--left .wma570-glass:nth-child(1),
  .wma570-showcase__links--left .wma570-glass:nth-child(4),
  .wma570-showcase__links--right .wma570-glass:nth-child(1),
  .wma570-showcase__links--right .wma570-glass:nth-child(4){transform:translateX(0)!important}
  .wma570-showcase__links--left .wma570-glass:nth-child(2),
  .wma570-showcase__links--left .wma570-glass:nth-child(3){transform:translateX(-22px)!important}
  .wma570-showcase__links--right .wma570-glass:nth-child(2),
  .wma570-showcase__links--right .wma570-glass:nth-child(3){transform:translateX(22px)!important}

  .wma570-showcase__links--left .wma570-glass:nth-child(1):hover,
  .wma570-showcase__links--left .wma570-glass:nth-child(4):hover,
  .wma570-showcase__links--right .wma570-glass:nth-child(1):hover,
  .wma570-showcase__links--right .wma570-glass:nth-child(4):hover{transform:translateY(-5px)!important}
  .wma570-showcase__links--left .wma570-glass:nth-child(2):hover,
  .wma570-showcase__links--left .wma570-glass:nth-child(3):hover{transform:translate(-22px,-5px)!important}
  .wma570-showcase__links--right .wma570-glass:nth-child(2):hover,
  .wma570-showcase__links--right .wma570-glass:nth-child(3):hover{transform:translate(22px,-5px)!important}

  /* Kolory nowych pozycji w bocznych kolumnach. */
  .wma570-showcase__links--left .wma570-glass:nth-child(4){background:linear-gradient(135deg,rgba(255,226,235,.96),rgba(255,249,251,.92))!important}
  .wma570-showcase__links--left .wma570-glass:nth-child(4) .wma570-glass__icon{background:linear-gradient(135deg,#ff6f91,#f4b13e);color:#fff}
  .wma570-showcase__links--right .wma570-glass:nth-child(3){background:linear-gradient(135deg,rgba(229,239,255,.97),rgba(250,252,255,.94))!important}
  .wma570-showcase__links--right .wma570-glass:nth-child(3) .wma570-glass__icon{background:linear-gradient(135deg,#4e75d9,#8ca8ef);color:#fff}
  .wma570-showcase__links--right .wma570-glass:nth-child(4){background:linear-gradient(135deg,rgba(225,241,252,.94),rgba(248,253,255,.90))!important}
}
@media (min-width:761px) and (max-width:1050px){
  .wma570-showcase__stage{grid-template-columns:minmax(230px,1fr) 285px minmax(230px,1fr)!important;gap:10px!important}
  .wma570-showcase__links--left .wma570-glass:nth-child(2),
  .wma570-showcase__links--left .wma570-glass:nth-child(3){transform:translateX(-10px)!important}
  .wma570-showcase__links--right .wma570-glass:nth-child(2),
  .wma570-showcase__links--right .wma570-glass:nth-child(3){transform:translateX(10px)!important}
}
@media (max-width:760px){
  /* Na telefonie zachowujemy prosty, szybki układ bez telefonu i bez łuków. */
  .wma570-showcase__links--left .wma570-glass,
  .wma570-showcase__links--right .wma570-glass{transform:none!important}
}


/* =========================================================
   6.1.4 — CZASOWNIKI: KAFELKI JAK CZYTANKI / PIOSENKI
   ========================================================= */

/* Archiwum czasowników ma klasyczne karty z obrazem 16:9 u góry. */
.wma610-verb-archive .wma610-verb-grid{
  width:min(1100px,calc(100% - 40px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}

.wma610-verb-archive .wma610-verb-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(23,107,69,.10)!important;
  border-radius:25px!important;
  background:#fff!important;
  box-shadow:0 16px 45px rgba(20,74,44,.08)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}

.wma610-verb-archive .wma610-verb-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 23px 55px rgba(20,74,44,.13)!important;
}

.wma610-verb-archive .wma610-verb-cover{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#dfeaf8,#edf7ee 48%,#fff0cf)!important;
}

.wma610-verb-archive .wma610-verb-cover:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(to top,rgba(6,66,35,.18),transparent 52%)!important;
}

.wma610-verb-archive .wma610-verb-cover img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

.wma610-verb-archive .wma610-verb-cover .wma-access-badge{
  position:absolute!important;
  z-index:3!important;
  top:14px!important;
  left:14px!important;
}

.wma610-verb-archive .wma610-verb-placeholder{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-size:58px!important;
}

.wma610-verb-archive .wma610-verb-card__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:23px!important;
}

.wma610-verb-archive .wma610-verb-meta{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  margin:0 0 12px!important;
  color:var(--wma-green)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

.wma610-verb-archive .wma610-verb-card h2{
  margin:0 0 12px!important;
  font:700 27px/1.08 Georgia,"Times New Roman",serif!important;
}

.wma610-verb-archive .wma610-verb-card h2 a{
  color:var(--wma-green-dark,#174f36)!important;
  text-decoration:none!important;
}

.wma610-verb-archive .wma610-verb-card p{
  margin:0 0 18px!important;
  color:var(--wma-muted)!important;
  font-size:14px!important;
  line-height:1.62!important;
}

.wma610-verb-archive .wma610-verb-open{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:auto!important;
  color:var(--wma-green)!important;
  font-size:14px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

@media(max-width:900px){
  .wma610-verb-archive .wma610-verb-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .wma610-verb-archive .wma610-verb-grid{
    grid-template-columns:1fr!important;
    width:min(100% - 28px,1100px)!important;
    gap:18px!important;
  }
  .wma610-verb-archive .wma610-verb-card__body{
    padding:20px!important;
  }
  .wma610-verb-archive .wma610-verb-card h2{
    font-size:24px!important;
  }
}


/* =========================================================
   6.1.5 — PEŁNY KATALOG + ZABLOKOWANE ĆWICZENIA
   ========================================================= */
.wma-access-badge--locked:before{
  content:"🔒";
  margin-right:4px;
}
.wma615-exercise-plan{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  background:#edf7f0;
  color:#176b45;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.wma615-exercise-plan.is-locked{
  background:#fff1d8;
  color:#805a16;
}
.wma615-exercise-card--locked{
  border-color:rgba(184,130,24,.20)!important;
  background:linear-gradient(135deg,#fffdf8,#fff8e9)!important;
}
.wma615-exercise-lock{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:28px;
  background:linear-gradient(135deg,#fffdf8,#fffaf0);
}
.wma615-exercise-lock__icon{
  display:grid;
  place-items:center;
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(112,82,26,.10);
  font-size:27px;
}
.wma615-exercise-lock strong{
  display:block;
  margin-bottom:5px;
  color:#694b18;
  font-size:16px;
}
.wma615-exercise-lock p{
  margin:0;
  color:#786c59;
  line-height:1.5;
}
@media(max-width:600px){
  .wma615-exercise-lock{min-height:150px;padding:20px}
  .wma615-exercise-lock__icon{flex-basis:48px;width:48px;height:48px;border-radius:14px;font-size:22px}
  .wma615-exercise-plan{font-size:10px;padding:5px 8px}
}


/* =========================================================
   6.1.6 — WYDAJNOŚĆ MOBILE / LCP / PŁYNNE PRZEWIJANIE
   ========================================================= */

/* Sekcje daleko pod pierwszym ekranem nie są malowane zanim użytkownik
   się do nich zbliży. Zachowany rozmiar orientacyjny zapobiega skokom. */
.wma-faq{
  content-visibility:auto;
  contain-intrinsic-size:auto 760px;
}

@media(max-width:700px){
  /* Belka statystyk: backdrop-filter + wiele dużych cieni na kilku
     warstwach GPU powodowały przycięcie podczas wejścia sekcji w viewport. */
  .wma5813-stats .wma5813-stat{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    transition:none!important;
    box-shadow:0 8px 18px rgba(28,64,43,.09),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .wma5813-stats .wma5813-stat:hover{
    transform:none!important;
  }
  .wma5813-stats .wma125-stat__shine{
    filter:none!important;
    opacity:.48!important;
  }
  .wma5813-stats .wma125-stats__orbits{
    display:none!important;
  }

  /* FAQ: na telefonie nie potrzebujemy kosztownego szkła, połysku ani
     animowanych warstw. Wygląd pastelowych kart pozostaje. */
  .wma-faq details{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:none!important;
    box-shadow:0 7px 18px rgba(27,73,48,.065)!important;
  }
  .wma-faq details:before{
    display:none!important;
  }
  .wma-faq details:hover{
    box-shadow:0 7px 18px rgba(27,73,48,.065)!important;
  }

  /* Cennik leży bezpośrednio przed FAQ — usuwamy blur również stąd,
     aby scroll nie zacinał się jeszcze przed samą sekcją FAQ. */
  .wma-price,
  .wma-nav__login,
  .wma-kicker,
  .wma-btn--secondary,
  .wma-pills span{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* =========================================================
   6.1.7 — LCP / LOGO / MOBILE SCROLL
   ========================================================= */

/* Logo ma transparentny plik PNG; hero nie potrzebuje już ciężkiego szkła. */
.wma-nav__brand{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.wma-nav__brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Stopka: transparentny plik + biały wariant uzyskany filtrem, bez białego prostokąta. */
.wma-footer__brand img{
  background:transparent!important;
}

/* Sekcje głęboko pod pierwszym ekranem nie uczestniczą w pierwszym paint.
   Przeglądarka zachowuje przybliżoną wysokość, więc nie robimy CLS. */
.wma133-benefits,
.wma570-showcase,
.wma-how,
.wma-pricing,
.wma-faq,
.wma-footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 800px;
}

/* Mobile: jeszcze lżejsza belka statystyk. Radialne gradienty + wiele warstw
   na siedmiu kołach nadal powodowały zauważalne przycięcie scrolla. */
@media(max-width:700px){
  .wma5813-stats{
    contain:layout paint!important;
  }
  .wma5813-stats .wma125-stats__grid{
    gap:10px 12px!important;
  }
  .wma5813-stats .wma5813-stat{
    background:#f7faf7!important;
    border:1px solid rgba(23,107,69,.10)!important;
    box-shadow:0 5px 12px rgba(28,64,43,.055)!important;
  }
  .wma5813-stats .wma5813-stat:nth-child(2n){
    background:#fffaf0!important;
  }
  .wma5813-stats .wma5813-stat:nth-child(3n){
    background:#f2f6ff!important;
  }
  .wma5813-stats .wma125-stat__shine{
    display:none!important;
  }
  .wma5813-stats .wma125-stat__icon{
    filter:none!important;
  }

  /* FAQ i cennik: żadnych kompozytowanych filtrów / transformacji. */
  .wma-faq,
  .wma-pricing{
    contain:layout paint!important;
  }
  .wma-faq details,
  .wma-price{
    transform:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 5px 13px rgba(27,73,48,.055)!important;
  }
  .wma-faq details:before,
  .wma-price:before,
  .wma-price:after{
    display:none!important;
  }
}

/* Użytkownik z ograniczeniem ruchu dostaje zupełnie statyczny hero. */
@media(prefers-reduced-motion:reduce){
  .wma-hero *,
  .wma-hero *::before,
  .wma-hero *::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   6.1.8 — PŁYNNE PRZEJŚCIA MIĘDZY PODSTRONAMI
   ========================================================= */
/*
 * Nie ukrywamy już bieżącej strony po kliknięciu linku.
 * Przeglądarka pozostawia aktualny widok do chwili, gdy nowy dokument
 * jest gotowy do zastąpienia go — dzięki temu nie ma pustego kremowego ekranu.
 */
html.wma-page-leaving body,
html.wma-page-leaving .wma-shell,
html.wma-page-leaving .wma-test-banner,
html.wma-page-leaving #wpadminbar{
  visibility:visible!important;
  opacity:1!important;
}


/* =========================================================
   6.1.9 — FINAL PERFORMANCE PASS
   ========================================================= */

/* Logo z prawdziwą alfą — bez białej prostokątnej karty. */
.wma-nav__brand{
  width:220px!important;
  height:104px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.wma-nav__brand picture,
.wma-nav__brand img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.wma-nav__brand img{
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 5px 8px rgba(7,55,35,.10))!important;
}

/* Stopka — to samo transparentne logo, białe przez filtr, bez prostokąta. */
.wma-footer__brand picture{
  display:block;
  width:190px;
}
.wma-footer__brand img{
  display:block!important;
  width:190px!important;
  height:auto!important;
  max-height:none!important;
  background:transparent!important;
  filter:brightness(0) invert(1)!important;
  opacity:.96!important;
}

/* picture nie może zmienić pozycji dekoracyjnych postaci na desktopie. */
.wma-person-picture{
  display:contents;
}

/* Mobile: dekoracyjne warstwy nie uczestniczą w kompozycji pierwszego ekranu. */
@media(max-width:700px){
  .wma-glow,
  .wma-light-beam,
  .wma-floating-words,
  .wma-fruits,
  .wma-paws{
    display:none!important;
  }
  .wma-hero:before{
    display:none!important;
  }
  .wma-hero{
    background:linear-gradient(135deg,#176B45 0%,#77913a 55%,#F0B429 100%)!important;
  }
}

/* Banner cookies jest serwerowo widoczny od pierwszego HTML.
   Bez animacji opóźniających największy paint. */
.wma560-cookie:not([hidden]){
  animation:none!important;
  transition:none!important;
}
.wma560-cookie__card{
  animation:none!important;
  transition:none!important;
}

/* =========================================================
   6.1.10 — MOBILE HERO: logo + przyciski pod logo
   ========================================================= */
@media(max-width:700px){
  /* Na telefonie logo i akcje tworzą jedną, wyśrodkowaną kolumnę. */
  .wma-nav{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    margin:0 auto 12px!important;
  }
  .wma-nav__brand{
    width:158px!important;
    height:90px!important;
    margin:0 auto!important;
  }
  .wma-nav__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    width:min(84vw,320px)!important;
    gap:9px!important;
    margin:0 auto!important;
  }
  .wma-nav__login,
  .wma-nav__cta{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:10px 14px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
}

/* 6.2.1 — użytkownicy: metryki logowania i wejść AWM */
.wma620-data{grid-template-columns:repeat(4,minmax(115px,1fr))!important}
@media(max-width:1300px){.wma620-data{grid-template-columns:repeat(2,minmax(130px,1fr))!important}}
@media(max-width:782px){.wma620-data{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.wma620-data{grid-template-columns:1fr!important}}

/* 6.3.2 — czytelny tryb testowy przypomnień */
.wma632-test-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.wma632-test-status>div{padding:13px 14px;border:1px solid #dce7f2;border-radius:14px;background:#f8fbff}
.wma632-test-status small{display:block;color:#718095;margin-bottom:4px}
.wma632-test-status strong{color:#225d93}
.wma630-test-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:stretch!important}
.wma630-test-actions .wma632-test-card{display:block!important;padding:16px;border:1px solid #dce7f2;border-radius:16px;background:#fbfdff}
.wma632-test-card h3{margin:0 0 6px;color:#225d93}
.wma632-test-card p{min-height:42px;margin:0 0 12px;color:#667789;line-height:1.45}
.wma632-test-card input[type=email],.wma632-test-card input[type=number],.wma632-test-card select{width:100%;margin:0 0 9px;min-height:40px}
.wma632-test-card .button{width:100%;justify-content:center}
.wma632-test-reset{grid-column:1/-1}
@media(max-width:850px){.wma632-test-status,.wma630-test-actions{grid-template-columns:1fr!important}.wma632-test-reset{grid-column:auto}}


/* =========================================================
   6.3.4 — REJESTRACJA: JASNY KOMUNIKAT O WERYFIKACJI E-MAIL
   ========================================================= */
.wma634-verify-card{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:start;
  margin:20px 0 22px;
  padding:20px;
  border-radius:20px;
  border:1px solid #cfe4d6;
  background:linear-gradient(135deg,#f1fbf4,#ffffff);
  box-shadow:0 10px 28px rgba(27,94,58,.07);
  text-align:left;
}
.wma634-verify-card.is-warning{
  border-color:#ead7a2;
  background:linear-gradient(135deg,#fff9e9,#ffffff);
}
.wma634-verify-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:17px;
  background:#e3f4e8;
  font-size:28px;
}
.wma634-verify-card.is-warning .wma634-verify-icon{
  background:#fff0c8;
}
.wma634-verify-card h2{
  margin:0 0 8px!important;
  color:#155d3d!important;
  font-size:21px!important;
  line-height:1.2!important;
}
.wma634-verify-card.is-warning h2{
  color:#805b13!important;
}
.wma634-verify-card p{
  margin:0 0 8px!important;
  color:#455b4e!important;
  line-height:1.58!important;
}
.wma634-verify-card p:last-child{margin-bottom:0!important}
.wma634-verify-hint{
  margin-top:10px!important;
  padding-top:10px;
  border-top:1px solid rgba(31,98,62,.10);
  color:#63766a!important;
  font-size:13px!important;
}
@media(max-width:560px){
  .wma634-verify-card{
    grid-template-columns:1fr;
    padding:18px;
    text-align:center;
  }
  .wma634-verify-icon{margin:0 auto}
  .wma634-verify-card h2{font-size:20px!important}
}


/* =========================================================
   6.3.5 — KARTA AWM: POSTĘPY, PORTFEL, GRAMATYKA
   ========================================================= */
.wma621-user-grid .wma635-wide-panel{grid-column:1/-1}
.wma635-progress-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:4px 0 16px}
.wma635-progress-metrics>div{padding:17px;text-align:center;border:1px solid #dde9df;border-radius:17px;background:linear-gradient(145deg,#f7fbf4,#fff)}
.wma635-progress-metrics strong{display:block;font:800 31px Georgia,serif;color:#0e5b3a;line-height:1}
.wma635-progress-metrics span{display:block;margin-top:7px;color:#66766d;font-weight:750}
.wma635-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 17px}
.wma635-mini-box{padding:17px 19px;border:1px solid #dce8df;border-radius:17px;background:#f9fcf7}
.wma635-mini-box h3,.wma635-materials h3{margin:0 0 10px;color:#135f3d;font-size:16px}
.wma635-mini-box ul{margin:0;padding-left:20px}.wma635-mini-box li{margin:5px 0}.wma635-mini-box a{font-weight:700;color:#176b45}
.wma635-table-wrap{overflow:auto;border:1px solid #dce8df;border-radius:15px}
.wma635-table{width:100%;border-collapse:collapse;background:#fff}
.wma635-table th{padding:11px 13px;text-align:left;background:#eef6f0;color:#174e35;font-weight:850}
.wma635-table td{padding:11px 13px;border-top:1px solid #edf2ee;vertical-align:middle;color:#315543}
.wma635-table td:last-child{text-align:right;white-space:nowrap}.wma635-table a{color:#176b45;font-weight:800}
.wma635-pill{display:inline-flex;align-items:center;margin:2px 4px 2px 0;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}
.wma635-pill.read{background:#e9f3ff;color:#2e5f92}.wma635-pill.understood{background:#eaf5d9;color:#216a43}.wma635-pill.practice{background:#fff0d1;color:#916018}.wma635-pill.favorite{background:#f2eaff;color:#704b8f}
.wma635-wallet-summary{display:grid;grid-template-columns:180px 1fr;gap:11px;margin-bottom:14px}
.wma635-wallet-summary>div{padding:14px 16px;border:1px solid #dce8df;border-radius:15px;background:#f9fcf8}
.wma635-wallet-summary small{display:block;color:#748078;margin-bottom:4px}.wma635-wallet-summary strong{color:#135f3d;font-size:17px}
.wma635-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wma635-word{padding:14px;border:1px solid #dce8df;border-radius:15px;background:#fff}
.wma635-word strong{display:block;color:#0e5b3a;font-size:16px}.wma635-word span{display:block;margin:3px 0 8px;color:#4d6356}.wma635-word small{display:block;color:#7a857e;line-height:1.45}
@media(max-width:1000px){.wma635-word-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.wma635-progress-metrics{grid-template-columns:repeat(2,1fr)}.wma635-two-cols,.wma635-wallet-summary{grid-template-columns:1fr}.wma635-word-grid{grid-template-columns:1fr}}


/* =========================================================
   6.3.6 — WIDEO W BIBLIOTECE GRAMATYKI
   ========================================================= */
.wma636-grammar-video{
  position:relative;
  width:100%;
  margin:0 0 22px;
  border-radius:20px;
  overflow:hidden;
  background:#0d1a22;
  box-shadow:0 12px 30px rgba(20,55,75,.12);
}
.wma636-grammar-video video{
  display:block;
  width:100%;
  height:auto;
  max-height:680px;
  background:#000;
}
.wma636-grammar-video iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
  background:#000;
}
@media(max-width:700px){
  .wma636-grammar-video{border-radius:15px;margin-bottom:16px}
}


/* 6.3.7 — aktywność pozostałych materiałów w Karcie AWM */
.wma637-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wma637-activity-box{border:1px solid #dce8df;border-radius:17px;background:#f9fcf8;overflow:hidden}
.wma637-activity-head{display:flex;gap:10px;align-items:center;padding:15px 16px;border-bottom:1px solid #e4ece6}.wma637-activity-head>span{font-size:25px}.wma637-activity-head h3{margin:0;color:#135f3d;font-size:16px}.wma637-activity-head small{color:#758079}
.wma637-activity-list{max-height:390px;overflow:auto}.wma637-activity-item{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-top:1px solid #edf2ee;background:#fff}.wma637-activity-item:first-child{border-top:0}.wma637-activity-item strong,.wma637-activity-item small{display:block}.wma637-activity-item strong{color:#315543;margin-bottom:4px}.wma637-activity-item small{color:#7a857e;line-height:1.45}.wma637-count{align-self:flex-start;padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#315f8b;font-weight:850;white-space:nowrap}.wma637-activity-box>.description{padding:15px;margin:0}
@media(max-width:1100px){.wma637-activity-grid{grid-template-columns:1fr}} 


/* 6.3.8 — słownik w materiałach odmiany czasowników */
.wma638-verb-vocabulary textarea{
  width:100%;
  min-height:120px;
  resize:vertical;
}


/* =========================================================
   6.3.9 — ZAKŁADKI W CZYTANKACH
   ========================================================= */
.wma639-reading-tabs{
  margin-top:24px;
}
.wma639-reading-tabs .wma-song-panel{
  min-height:180px;
}
.wma639-reading-back{
  display:inline-flex;
  margin-top:18px;
}
@media(max-width:700px){
  .wma639-reading-tabs{
    margin-top:18px;
  }
}

/* 6.4.1 — ponowna weryfikacja e-mail */
.wma641-expired-card .wma641-resend-form{margin-top:14px}.wma641-expired-card .wma-form-submit{width:auto;min-width:220px;margin:0}
.wma641-history{margin:14px 0;border:1px solid #dce8df;border-radius:14px;background:#f9fcfa;overflow:hidden}.wma641-history summary{cursor:pointer;padding:11px 13px;color:#176b45;font-weight:800}.wma641-history-list{padding:0 13px 10px}.wma641-history-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #e9f0eb}.wma641-history-list strong{color:#234b38}.wma641-history-list span{color:#758179;font-size:12px;text-align:right}.wma641-test-form{margin-top:10px}
@media(max-width:600px){.wma641-expired-card .wma-form-submit{width:100%;min-width:0}.wma641-history-list>div{flex-direction:column;gap:2px}.wma641-history-list span{text-align:left}}

/* =========================================================
   WMA 6.4.2 — schludny panel filtrów: poziom, dostęp, postęp
   ========================================================= */
.wma-reading-filter-panel{
  max-width:1040px;
  margin:14px auto 26px;
  padding:8px 20px;
  border:1px solid rgba(23,107,69,.10);
  border-radius:20px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 28px rgba(28,75,46,.055);
}
.wma-reading-filter-group{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:12px 0;
}
.wma-reading-filter-group + .wma-reading-filter-group{border-top:1px solid rgba(23,107,69,.08)}
.wma-reading-filter-label{
  color:var(--wma-green-dark);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.02em;
}
.wma-reading-filter-row{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.wma-reading-choice{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 13px;
  border:1px solid rgba(23,107,69,.13);
  border-radius:999px;
  background:#fff;
  color:#28563a;
  font:inherit;
  font-size:.78rem;
  font-weight:780;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.wma-reading-choice:hover{transform:translateY(-1px);border-color:rgba(23,107,69,.28);background:#f7fbf3}
.wma-reading-choice.is-active{border-color:#176b45;background:#176b45;color:#fff;box-shadow:0 5px 14px rgba(23,107,69,.15)}
.wma-reading-choice[data-filter-group="access"][data-value="sample"]:not(.is-active){background:#eef5ff;color:#2865a8}
.wma-reading-choice[data-filter-group="access"][data-value="member"]:not(.is-active){background:#eef7e9;color:#3d713d}
.wma-reading-choice[data-filter-group="access"][data-value="premium"]:not(.is-active){background:#fff7df;color:#9a6a08}
@media(max-width:700px){
  .wma-reading-filter-panel{margin-top:12px;padding:7px 13px;border-radius:18px}
  .wma-reading-filter-group{display:block;padding:11px 0}
  .wma-reading-filter-label{display:block;margin:0 0 8px 2px}
  .wma-reading-filter-row{flex-wrap:nowrap;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .wma-reading-filter-row::-webkit-scrollbar{display:none}
  .wma-reading-choice{flex:0 0 auto;min-height:38px;padding:8px 12px;font-size:12px}
}

/* 6.6.0 — przykłady gramatyczne z konkretnej czytanki */
.wma660-local-examples{margin:16px 0;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,rgba(232,244,255,.92),rgba(243,249,255,.96));border:1px solid rgba(76,132,180,.16);box-shadow:0 8px 22px rgba(52,96,132,.05)}
.wma660-local-examples h4{margin:0 0 12px;color:var(--wma-green,#176b45)}
.wma660-local-examples ul{margin:0;padding:0;list-style:none}
.wma660-local-examples li{margin:0 0 10px;padding:0;border:0!important;display:flex;flex-direction:column;gap:4px;line-height:1.5}
.wma660-local-examples li:last-child{margin-bottom:0}
.wma660-local-examples li strong{font-weight:800}
.wma660-local-examples li span{opacity:.78;font-size:.92em}
@media(max-width:700px){.wma660-local-examples{padding:15px 16px;border-radius:16px}.wma660-local-examples li{margin-bottom:9px}}


/* 6.6.1 — lżejsze przyciski „Warto wiedzieć” */
.wma-grammar-card{padding:24px 26px;border-radius:25px}
.wma-grammar-card__head{margin-bottom:14px}
.wma-grammar-accordion{gap:8px}
.wma-grammar-item{border-radius:15px;background:rgba(248,251,247,.72);box-shadow:none}
.wma-grammar-item summary{padding:12px 16px;min-height:48px;font-size:.94rem;font-weight:800}
.wma-grammar-item summary:after{display:grid;place-items:center;content:'+';width:27px;height:27px;border-radius:999px;background:rgba(65,109,75,.09);font-size:1.08rem;color:var(--wma-green,#416d4b);transition:transform .18s ease,background .18s ease}
.wma-grammar-item[open] summary:after{content:'−';background:rgba(65,109,75,.14)}
.wma-grammar-item__content{padding:0 16px 16px}
@media(max-width:700px){.wma-grammar-card{padding:18px;border-radius:21px}.wma-grammar-item summary{padding:11px 14px;min-height:46px}}

/* =========================================================
   WMA 6.6.3 — pełna gramatyka + osobne przykłady z czytanki
   ========================================================= */
.wma663-grammar-full{
  margin-top:8px;
  color:var(--wma-ink,#103d2b);
  font-weight:400;
  line-height:1.72;
}
.wma663-grammar-full p,
.wma663-local-examples-copy p{font-weight:400;margin:0 0 14px}
.wma663-grammar-full p:last-child,
.wma663-local-examples-copy p:last-child{margin-bottom:0}
.wma663-grammar-full strong,
.wma663-local-examples-copy strong{font-weight:800}
.wma663-grammar-full h2,
.wma663-grammar-full h3,
.wma663-grammar-full h4,
.wma663-grammar-full h5{color:var(--wma-green-dark,#08492e);line-height:1.25;margin:22px 0 10px}
.wma663-grammar-full ul,
.wma663-grammar-full ol,
.wma663-local-examples-copy ul,
.wma663-local-examples-copy ol{margin:10px 0 16px;padding-left:24px}
.wma663-grammar-full li,
.wma663-local-examples-copy li{margin:6px 0;font-weight:400}
.wma663-grammar-full blockquote,
.wma663-local-examples-copy blockquote{margin:16px 0;padding:13px 16px;border-left:4px solid rgba(54,120,166,.36);background:rgba(232,244,255,.55);border-radius:0 13px 13px 0}
.wma663-grammar-full table,
.wma663-local-examples-copy table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0;border:1px solid rgba(76,110,83,.15);border-radius:14px;overflow:hidden;background:#fff}
.wma663-grammar-full th,.wma663-grammar-full td,
.wma663-local-examples-copy th,.wma663-local-examples-copy td{padding:10px 12px;border:0;border-bottom:1px solid rgba(76,110,83,.11);text-align:left;font-weight:400}
.wma663-grammar-full th,.wma663-local-examples-copy th{background:#eef6f0;color:var(--wma-green-dark,#08492e);font-weight:800}
.wma663-grammar-full tr:last-child td,.wma663-local-examples-copy tr:last-child td{border-bottom:0}
.wma663-local-details{margin:20px 0 4px;border:1px solid rgba(70,132,176,.20);border-radius:17px;background:rgba(241,248,255,.72);overflow:hidden}
.wma663-local-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;color:#245d82;font-size:.92rem;font-weight:800}
.wma663-local-details>summary::-webkit-details-marker{display:none}
.wma663-local-details>summary:after{content:'+';display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:rgba(70,132,176,.10);font-size:1rem;line-height:1;color:#326f98}
.wma663-local-details[open]>summary:after{content:'−';background:rgba(70,132,176,.15)}
.wma663-local-details .wma660-local-examples{margin:0;padding:17px 18px 18px;border:0;border-top:1px solid rgba(70,132,176,.14);border-radius:0;background:linear-gradient(135deg,rgba(232,244,255,.78),rgba(247,251,255,.95));box-shadow:none;color:var(--wma-ink,#103d2b);font-weight:400;line-height:1.68}
.wma663-library-link{margin-top:16px}
@media(max-width:700px){
  .wma663-grammar-full{line-height:1.65}
  .wma663-local-details>summary{padding:12px 14px}
  .wma663-local-details .wma660-local-examples{padding:15px}
  .wma663-grammar-full table,.wma663-local-examples-copy table{font-size:.92rem}
}

/* =========================================================
   6.6.4 — Opinie użytkowników: formularz + moderacja + rotacja
   ========================================================= */
.wma-opinion-grid{transition:opacity .22s ease,transform .22s ease}
.wma-opinion-grid.is-changing{opacity:.22;transform:translateY(4px)}
.wma664-opinion-cta{max-width:760px;margin:30px auto 0;text-align:center}
.wma664-opinion-state{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid rgba(23,107,69,.13);border-radius:999px;background:rgba(255,255,255,.72);color:#476556;font-size:13px;font-weight:800}
.wma664-opinion-form{margin:18px auto 0;padding:24px;text-align:left;border:1px solid rgba(23,107,69,.12);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 16px 42px rgba(25,77,48,.08);backdrop-filter:blur(10px)}
.wma664-opinion-form[hidden]{display:none!important}
.wma664-opinion-form label>strong{display:block;margin-bottom:8px;color:#174b34}
.wma664-opinion-form textarea{width:100%;min-height:135px;resize:vertical;padding:14px 15px;border:1px solid rgba(23,107,69,.16);border-radius:16px;background:#fff;color:#244d39;line-height:1.6;font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.wma664-opinion-form textarea:focus{outline:0;border-color:rgba(23,107,69,.48);box-shadow:0 0 0 4px rgba(23,107,69,.08)}
.wma664-opinion-form fieldset{display:flex;gap:10px 18px;flex-wrap:wrap;margin:17px 0 10px;padding:13px 15px;border:1px solid rgba(23,107,69,.10);border-radius:16px;background:#f8fcf9}
.wma664-opinion-form legend{padding:0 6px;color:#49675a;font-size:12px;font-weight:850}
.wma664-opinion-form fieldset label{display:inline-flex;align-items:center;gap:6px;color:#4d675b;font-size:13px;font-weight:700}
.wma664-opinion-form p{margin:10px 0 16px;color:#748078;font-size:12px}
.wma664-front-notice{max-width:760px;margin:-22px auto 26px;padding:12px 15px;border-radius:15px;text-align:center;font-size:13px;font-weight:750}
.wma664-front-notice.is-success{background:#e8f7ed;border:1px solid #c8e8d4;color:#176b45}
.wma664-front-notice.is-info{background:#fff7dc;border:1px solid #eedb98;color:#735b10}
@media(max-width:680px){.wma664-opinion-form{padding:18px;border-radius:20px}.wma664-opinion-form fieldset{flex-direction:column;gap:9px}}


/* 6.6.5 — dopracowany formularz opinii */
.wma664-opinion-form input[type="text"]{width:100%;min-height:46px;border:1px solid rgba(23,107,69,.18);border-radius:12px;padding:10px 12px;background:#fff;color:var(--wma-ink)}
.wma664-opinion-form [data-wma664-signature-field]{display:block;margin-top:14px}
.wma664-opinion-form [data-wma664-signature-field][hidden]{display:none!important}
.wma664-opinion-form [data-wma664-signature-field] small{display:block;margin-top:6px;color:var(--wma-muted);font-size:12px;line-height:1.45}

/* =========================================================
   6.6.8 — laptop: szklany przycisk „Wszystkie materiały”
   Tylko wygląd CTA. Widoczność i breakpointy pozostają bez zmian.
   ========================================================= */
@media (min-width:701px) and (max-width:1500px){
  .wma-mobile-shortcut--all{
    background:rgba(250,251,237,.76)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    color:#075d40!important;
    border-radius:999px!important;
    box-shadow:
      0 10px 26px rgba(7,72,48,.12),
      inset 0 1px 0 rgba(255,255,255,.95),
      inset 0 -1px 0 rgba(255,255,255,.42)!important;
    -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
    backdrop-filter:blur(14px) saturate(125%)!important;
  }
  .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    color:#08704c!important;
  }
}

/* =========================================================
   WMA 7.0.2 — „Wylosuj czytankę na dziś”
   ========================================================= */
.wma700-random{
  max-width:1040px;
  margin:18px auto 26px;
  padding:17px 19px;
  border:1px solid rgba(23,107,69,.12);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(246,251,244,.96),rgba(238,248,241,.92));
  box-shadow:0 12px 30px rgba(25,70,45,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.wma700-random__intro{display:flex;align-items:center;gap:14px;min-width:0}
.wma700-random__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(23,107,69,.08);font-size:25px}
.wma700-random__intro h2{margin:2px 0 4px;color:var(--wma-green-dark,#174b34);font-size:1.12rem}
.wma700-random__intro p{margin:0;color:#63756a;font-size:.88rem}
.wma700-random__start,.wma700-random__repeat,.wma700-random-card__read,.wma700-random-card__again{
  appearance:none;border:0;border-radius:999px;padding:11px 17px;font:inherit;font-weight:850;cursor:pointer;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.wma700-random__start,.wma700-random-card__read{background:#176b45;color:#fff;box-shadow:0 7px 18px rgba(23,107,69,.17)}
.wma700-random__start:hover,.wma700-random-card__read:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(23,107,69,.22);color:#fff}
.wma700-random__panel{flex:1 0 100%;border-top:1px solid rgba(23,107,69,.10);padding-top:14px}
.wma700-random__levels{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.wma700-random__level{appearance:none;border:1px solid rgba(23,107,69,.14);background:#fff;color:#28563a;border-radius:999px;padding:8px 13px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.wma700-random__level.is-active{background:#176b45;border-color:#176b45;color:#fff}
.wma700-random__placeholder{padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.72);color:#66786d;font-size:.88rem}
.wma700-random-card{padding:16px 17px;border-radius:18px;background:#fff;border:1px solid rgba(23,107,69,.10);box-shadow:0 8px 22px rgba(25,70,45,.055)}
.wma700-random-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#557064;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
.wma700-random-card__top div{display:flex;align-items:center;gap:6px}
.wma700-random-card__top b,.wma700-random-card__top i{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;font-style:normal}
.wma700-random-card__top b{background:#eef7e9;color:#3f7043}.wma700-random-card__top i{background:#eef5ff;color:#35658e}
.wma700-random-card h3{margin:10px 0 13px;color:#183f2d;font-size:1.22rem}
.wma700-random-card__actions{display:flex;gap:8px;flex-wrap:wrap}
.wma700-random-card__again,.wma700-random__repeat{background:#fff;border:1px solid rgba(23,107,69,.17);color:#176b45;box-shadow:none}
.wma700-random-card__again:hover,.wma700-random__repeat:hover{background:#f5faf5;transform:translateY(-1px)}
.wma700-random-done{padding:15px 17px;border-radius:18px;background:#fff;border:1px solid rgba(23,107,69,.10)}
.wma700-random-done strong{display:block;color:#1b5037}.wma700-random-done p{margin:5px 0 12px;color:#66786d}
@media(max-width:700px){
  .wma700-random{padding:15px 14px;border-radius:19px;align-items:stretch}
  .wma700-random__intro{align-items:flex-start}
  .wma700-random__icon{flex-basis:42px;width:42px;height:42px;border-radius:14px;font-size:22px}
  .wma700-random__start{width:100%}
  .wma700-random__levels{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .wma700-random__levels::-webkit-scrollbar{display:none}
  .wma700-random__level{flex:0 0 auto}
  .wma700-random-card__top{align-items:flex-start;flex-direction:column}
  .wma700-random-card__actions>*{flex:1 1 auto;text-align:center}
}

/* 7.0.1 — subtelna animacja losowania i stan pojedynczej propozycji */
.wma700-random__icon{transition:transform .28s ease,box-shadow .28s ease}
.wma700-random.is-rolling .wma700-random__icon{animation:wma700DiceRoll .6s ease-in-out infinite}
.wma700-random.is-rolling .wma700-random__result{opacity:.52;transform:translateY(2px)}
.wma700-random__result{transition:opacity .22s ease,transform .22s ease}
.wma700-random-card,.wma700-random-done{transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease}
.wma700-random-card.is-entering,.wma700-random-done.is-entering{opacity:0;transform:translateY(8px) scale(.992)}
.wma700-random-card__only{display:inline-flex;align-items:center;padding:9px 2px;color:#728279;font-size:.78rem;font-weight:750}
@keyframes wma700DiceRoll{
  0%{transform:rotate(0deg) scale(1)}
  35%{transform:rotate(-12deg) scale(1.08)}
  70%{transform:rotate(12deg) scale(1.08)}
  100%{transform:rotate(0deg) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .wma700-random__icon,.wma700-random__result,.wma700-random-card,.wma700-random-done{animation:none!important;transition:none!important}
}

/* 7.0.2 — informacja o powtórce w karcie losowania */
.wma700-random-card__note{margin:10px 0 -2px;padding:8px 11px;border-radius:12px;background:rgba(237,246,255,.85);color:#4f6f82;font-size:.8rem;line-height:1.4}

/* =========================================================
   WMA 7.0.4 — wąska taśma miniaturek podczas losowania
   ========================================================= */
.wma704-random-reel{
  position:relative;
  width:min(270px,100%);
  height:58px;
  margin:2px auto;
  overflow:hidden;
  border-radius:14px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(23,107,69,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
.wma704-random-reel__track{
  position:absolute;
  left:0;
  top:7px;
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  padding:0 7px;
  will-change:transform,filter;
  animation:wma704ThumbScroll 1.38s cubic-bezier(.12,.72,.18,1) both;
}
.wma704-random-reel__tile{
  flex:0 0 56px;
  width:56px;
  height:42px;
  border-radius:9px;
  overflow:hidden;
  background:#f2f6f2;
  border:1px solid rgba(23,107,69,.10);
  box-shadow:0 3px 8px rgba(25,70,45,.08);
}
.wma704-random-reel__tile img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.wma704-random-reel__fallback{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:18px;
  background:linear-gradient(135deg,#eef7e9,#eef5ff);
}
.wma704-random-reel__shade{
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:36px;
  pointer-events:none;
}
.wma704-random-reel__shade--left{
  left:0;
  background:linear-gradient(90deg,rgba(247,251,246,.98),rgba(247,251,246,0));
}
.wma704-random-reel__shade--right{
  right:0;
  background:linear-gradient(270deg,rgba(247,251,246,.98),rgba(247,251,246,0));
}
@keyframes wma704ThumbScroll{
  0%{transform:translate3d(0,0,0);filter:blur(0)}
  15%{filter:blur(.7px)}
  72%{filter:blur(.45px)}
  100%{transform:translate3d(calc(-100% + 270px),0,0);filter:blur(0)}
}
@media(max-width:700px){
  .wma704-random-reel{width:min(230px,100%);height:54px}
  .wma704-random-reel__track{top:7px;gap:6px;padding:0 6px}
  .wma704-random-reel__tile{flex-basis:51px;width:51px;height:38px;border-radius:8px}
  @keyframes wma704ThumbScroll{
    0%{transform:translate3d(0,0,0);filter:blur(0)}
    15%{filter:blur(.65px)}
    72%{filter:blur(.4px)}
    100%{transform:translate3d(calc(-100% + 230px),0,0);filter:blur(0)}
  }
}
@media(prefers-reduced-motion:reduce){
  .wma704-random-reel__track{animation:none!important;transform:none!important;filter:none!important}
}

/* =========================================================
   WMA 7.0.5 — stała maszyna losująca + finał z obrazkiem
   ========================================================= */
.wma705-random-machine{
  margin:2px 0 13px;
  padding:10px 12px 11px;
  border-radius:17px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(23,107,69,.08);
  overflow:hidden;
}
.wma705-random-machine[hidden]{display:none!important}
.wma705-random-machine .wma704-random-reel{margin:0 auto}
.wma705-random-machine .wma704-random-reel__track{
  animation:none;
  transform:translate3d(0,0,0);
}
.wma705-random-machine .wma704-random-reel__track.is-running{
  animation:wma705ThumbScroll 1.52s cubic-bezier(.12,.72,.14,1) both;
}
.wma705-random-reel__marker{
  position:absolute;
  z-index:3;
  left:50%;
  top:4px;
  bottom:4px;
  width:64px;
  transform:translateX(-50%);
  border:1px solid rgba(23,107,69,.18);
  border-radius:11px;
  box-shadow:0 0 0 2px rgba(255,255,255,.72),0 5px 15px rgba(23,107,69,.08);
  pointer-events:none;
}
.wma705-random-picked{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:430px;
  margin:10px auto 0;
  opacity:0;
  transform:translateY(-3px);
  transition:opacity .24s ease,transform .28s ease;
}
.wma705-random-picked[hidden]{display:none!important}
.wma705-random-picked.is-visible{opacity:1;transform:translateY(0)}
.wma705-random-picked__image{
  flex:0 0 116px;
  width:116px;
  height:78px;
  overflow:hidden;
  border-radius:14px;
  background:#f2f6f2;
  border:1px solid rgba(23,107,69,.10);
  box-shadow:0 9px 22px rgba(25,70,45,.12);
  transform:scale(.48);
  transform-origin:center;
  animation:wma705WinnerGrow .38s cubic-bezier(.18,.82,.22,1) both;
}
.wma705-random-picked__image img{display:block;width:100%;height:100%;object-fit:cover}
.wma705-random-picked__image .wma704-random-reel__fallback{font-size:27px}
.wma705-random-picked__caption{min-width:0;text-align:left}
.wma705-random-picked__caption span{display:block;margin-bottom:2px;color:#6c7d73;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.wma705-random-picked__caption strong{display:block;color:#194a34;font-size:.96rem;line-height:1.25}
.wma705-random-wait{min-height:20px;text-align:center;color:#76867d;font-size:.79rem;font-weight:750}
@keyframes wma705ThumbScroll{
  0%{transform:translate3d(0,0,0);filter:blur(0)}
  16%{filter:blur(.8px)}
  72%{filter:blur(.45px)}
  100%{transform:translate3d(var(--wma705-reel-end,0px),0,0);filter:blur(0)}
}
@keyframes wma705WinnerGrow{
  0%{transform:scale(.48);opacity:.4}
  100%{transform:scale(1);opacity:1}
}
@media(max-width:700px){
  .wma705-random-machine{padding:9px 8px 10px}
  .wma705-random-reel__marker{width:59px}
  .wma705-random-picked{gap:10px;margin-top:9px}
  .wma705-random-picked__image{flex-basis:96px;width:96px;height:66px;border-radius:12px}
  .wma705-random-picked__caption strong{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){
  .wma705-random-machine .wma704-random-reel__track.is-running{animation:none!important;transform:translate3d(var(--wma705-reel-end,0px),0,0)!important;filter:none!important}
  .wma705-random-picked,.wma705-random-picked__image{animation:none!important;transition:none!important;transform:none!important}
}


/* =========================================================
   WMA 7.0.6 — optymalizacja maszyny pod dużą bibliotekę
   Dane losowania są przekazywane jako kompaktowy JSON, a taśma renderuje
   maks. 16 miniaturek niezależnie od liczby czytanek.
   ========================================================= */
.wma706-random-data{display:none!important}

/* =========================================================
   WMA 7.0.8 — Leo po lewej: siedzi / wskazuje po otwarciu
   ========================================================= */
body.home .wma132-announcement-slot{position:static!important;width:0!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important}
body.home .wma542-announcement{--wma-ann-accent:#b5643f;--wma-ann-soft:rgba(255,231,213,.92);position:fixed!important;left:12px!important;right:auto!important;top:50%!important;bottom:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;z-index:9990!important;overflow:visible!important;transform:translateY(-50%);pointer-events:none}
body.home .wma542-announcement--info{--wma-ann-accent:#3970a7;--wma-ann-soft:rgba(226,239,255,.94)} body.home .wma542-announcement--important{--wma-ann-accent:#9b6a10;--wma-ann-soft:rgba(255,242,198,.95)} body.home .wma542-announcement--maintenance{--wma-ann-accent:#596b7c;--wma-ann-soft:rgba(232,239,246,.95)} body.home .wma542-announcement--new{--wma-ann-accent:#ad5737;--wma-ann-soft:rgba(255,229,211,.95)}
body.home .wma542-announcement .wma542-announcement__wrap{position:relative!important;inset:auto!important;display:block!important;width:auto!important;padding:0!important;margin:0!important;pointer-events:none}
body.home .wma542-announcement__bubble{pointer-events:auto;position:relative!important;display:block!important;width:132px!important;height:152px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;cursor:pointer;transform:none!important;animation:wma708LeoHello .65s cubic-bezier(.2,.8,.2,1) .3s both!important}
body.home .wma542-announcement__bubble::after{display:none!important}.wma542-announcement__teaser{display:none!important}
body.home .wma542-announcement__leo{position:absolute;left:-12px;bottom:0;width:128px;height:128px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 10px 14px rgba(29,52,39,.16));transition:opacity .2s ease,transform .24s ease}
body.home .wma542-announcement__leo--sitting{opacity:1;transform:scale(1)} body.home .wma542-announcement__leo--pointing{opacity:0;transform:translateX(-8px) scale(.96);pointer-events:none}
body.home .wma542-announcement__badge{position:absolute;left:25px;top:-1px;z-index:3;width:max-content;padding:8px 12px;border:1px solid rgba(255,255,255,.96);border-radius:15px;background:rgba(255,255,255,.84);color:var(--wma-ann-accent);font-size:11px;line-height:1;font-weight:900;letter-spacing:.035em;box-shadow:0 10px 27px rgba(25,67,44,.12),inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap;transition:transform .2s ease,opacity .2s ease}
body.home .wma542-announcement__glass{pointer-events:auto;position:absolute!important;left:118px!important;right:auto!important;top:4px!important;width:min(430px,calc(100vw - 160px))!important;min-width:310px;display:block!important;margin:0!important;padding:20px 21px 19px!important;border:1px solid rgba(255,255,255,.96)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.80))!important;box-shadow:0 22px 58px rgba(24,58,41,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(20px) saturate(1.15)!important;-webkit-backdrop-filter:blur(20px) saturate(1.15)!important;animation:wma708CardIn .28s cubic-bezier(.2,.8,.2,1) both!important;transform-origin:left top}
body.home .wma542-announcement__glass[hidden]{display:none!important} body.home .wma542-announcement__glass::after{content:"";position:absolute;left:-10px;top:37px;width:20px;height:20px;background:rgba(255,255,255,.89);transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.96);border-bottom:1px solid rgba(255,255,255,.96)}
body.home .wma542-announcement__head{display:flex;align-items:center;gap:8px;margin:0 36px 9px 0;color:var(--wma-ann-accent);font-size:11px;font-weight:950;letter-spacing:.07em;text-transform:uppercase} body.home .wma542-announcement__headicon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--wma-ann-soft);font-size:13px}
body.home .wma542-announcement__copy{min-width:0!important} body.home .wma542-announcement__copy strong{display:block;margin:0 30px 8px 0!important;color:#0b5337!important;font-family:Raleway,Inter,system-ui,sans-serif!important;font-size:18px!important;line-height:1.25!important;font-weight:900!important} body.home .wma542-announcement__copy p{margin:0!important;color:#43564b!important;font-family:Raleway,Inter,system-ui,sans-serif!important;font-size:13.5px!important;line-height:1.62!important;letter-spacing:0!important;white-space:pre-wrap}
body.home .wma542-announcement__button{display:inline-flex!important;align-items:center;gap:7px;margin:15px 0 0!important;padding:10px 14px!important;border-radius:999px!important;background:#176B45!important;color:#fff!important;font-size:12.5px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(23,107,69,.18)!important}
body.home .wma542-announcement__close{position:absolute;right:12px;top:11px;z-index:3;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(20,77,50,.09);border-radius:50%;background:rgba(255,255,255,.72);color:#577066;font-size:21px;line-height:1;cursor:pointer}
body.home .wma542-announcement.is-open .wma542-announcement__leo--sitting{opacity:0;transform:translateX(-8px) scale(.96)} body.home .wma542-announcement.is-open .wma542-announcement__leo--pointing{opacity:1;transform:translateX(0) scale(1.03)} body.home .wma542-announcement.is-open .wma542-announcement__badge{opacity:0;pointer-events:none;transform:translateY(-4px)}
@keyframes wma708LeoHello{0%{opacity:0;transform:translateX(-55px)}75%{opacity:1;transform:translateX(4px)}100%{opacity:1;transform:translateX(0)}} @keyframes wma708CardIn{from{opacity:0;transform:translateX(-14px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:760px){body.home .wma542-announcement{left:5px!important;top:auto!important;bottom:72px!important;transform:none!important}body.home .wma542-announcement__bubble{width:92px!important;height:111px!important}body.home .wma542-announcement__leo{left:-8px;width:90px;height:90px}body.home .wma542-announcement__badge{left:15px;top:0;padding:6px 9px;font-size:9px}body.home .wma542-announcement__glass{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:174px!important;width:auto!important;min-width:0!important;max-height:min(58vh,430px);overflow:auto;padding:18px!important;border-radius:21px!important;transform-origin:left bottom}body.home .wma542-announcement__glass::after{display:none}body.home .wma542-announcement__copy strong{font-size:16px!important}body.home .wma542-announcement__copy p{font-size:13px!important;line-height:1.55!important}}
@media(prefers-reduced-motion:reduce){body.home .wma542-announcement__bubble,body.home .wma542-announcement__glass,body.home .wma542-announcement__leo,body.home .wma542-announcement__badge{animation:none!important;transition:none!important}}

/* =========================================================
   WMA 7.0.9 — większy Leo i czyste koło bez blur
   ========================================================= */
body.home .wma542-announcement__bubble{
  width:176px!important;
  height:214px!important;
}
body.home .wma542-announcement__bubble::before{
  content:"";
  position:absolute;
  left:4px;
  bottom:2px;
  width:164px;
  height:164px;
  border-radius:50%;
  background:linear-gradient(145deg,#f7fff9 0%,#e8f5ec 100%);
  border:2px solid rgba(34,121,77,.16);
  box-shadow:0 16px 34px rgba(24,70,45,.13),inset 0 1px 0 rgba(255,255,255,.95);
  z-index:0;
  transition:width .28s ease,height .28s ease,left .28s ease,bottom .28s ease,transform .28s ease,box-shadow .28s ease;
}
body.home .wma542-announcement__leo{
  z-index:1;
  left:2px!important;
  bottom:5px!important;
  width:168px!important;
  height:190px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 10px 12px rgba(29,52,39,.14))!important;
}
body.home .wma542-announcement__badge{
  left:42px!important;
  top:0!important;
  z-index:4!important;
  padding:9px 14px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 24px rgba(25,67,44,.12),inset 0 1px 0 #fff!important;
}
body.home .wma542-announcement__glass{
  left:186px!important;
  top:20px!important;
  width:min(440px,calc(100vw - 235px))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,253,250,.96))!important;
}
body.home .wma542-announcement.is-open .wma542-announcement__bubble{
  width:226px!important;
  height:254px!important;
}
body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{
  width:205px;
  height:205px;
  left:4px;
  bottom:1px;
  box-shadow:0 19px 40px rgba(24,70,45,.15),inset 0 1px 0 rgba(255,255,255,.98);
}
body.home .wma542-announcement.is-open .wma542-announcement__leo{
  width:218px!important;
  height:238px!important;
  left:-4px!important;
  bottom:4px!important;
}
body.home .wma542-announcement.is-open .wma542-announcement__leo--pointing{
  transform:translateX(0) scale(1)!important;
}
body.home .wma542-announcement.is-open .wma542-announcement__glass{
  left:214px!important;
  top:22px!important;
}

@media(max-width:760px){
  body.home .wma542-announcement__bubble{width:112px!important;height:138px!important}
  body.home .wma542-announcement__bubble::before{left:3px;bottom:1px;width:104px;height:104px}
  body.home .wma542-announcement__leo{left:0!important;bottom:3px!important;width:108px!important;height:123px!important}
  body.home .wma542-announcement__badge{left:24px!important;top:0!important;padding:7px 10px!important;font-size:9px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble{width:138px!important;height:164px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{width:126px;height:126px;left:2px;bottom:1px}
  body.home .wma542-announcement.is-open .wma542-announcement__leo{width:134px!important;height:151px!important;left:-2px!important;bottom:2px!important}
  body.home .wma542-announcement__glass{left:10px!important;right:10px!important;bottom:188px!important;width:auto!important}
}


/* =========================================================
   WMA 7.0.10 — Leo w lewym dolnym rogu + czyste koło
   Duży ekran i laptop: pływający asystent bez prostokątnego tła.
   ========================================================= */
@media (min-width:761px){
  body.home .wma542-announcement{
    left:18px!important;
    right:auto!important;
    top:auto!important;
    bottom:18px!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement .wma542-announcement__wrap,
  body.home .wma542-announcement__bubble{
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement__bubble{
    width:214px!important;
    height:246px!important;
  }
  body.home .wma542-announcement__bubble::before{
    left:8px!important;
    bottom:4px!important;
    width:194px!important;
    height:194px!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#f8fffb 0%,#edf8f1 100%)!important;
    border:2px solid rgba(47,119,196,.18)!important;
    box-shadow:0 15px 36px rgba(33,77,55,.14), inset 0 1px 0 #fff!important;
  }
  body.home .wma542-announcement__leo{
    left:0!important;
    bottom:3px!important;
    width:208px!important;
    height:222px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  body.home .wma542-announcement__badge{
    left:38px!important;
    top:0!important;
    padding:9px 14px!important;
    border:1px solid rgba(70,130,205,.20)!important;
    color:#2f6fb6!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 24px rgba(47,111,182,.12), inset 0 1px 0 #fff!important;
  }
  body.home .wma542-announcement.is-open .wma542-announcement__bubble{
    width:278px!important;
    height:300px!important;
  }
  body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{
    left:8px!important;
    bottom:4px!important;
    width:230px!important;
    height:230px!important;
  }
  body.home .wma542-announcement.is-open .wma542-announcement__leo{
    left:-8px!important;
    bottom:0!important;
    width:270px!important;
    height:286px!important;
  }
  body.home .wma542-announcement__glass,
  body.home .wma542-announcement.is-open .wma542-announcement__glass{
    left:252px!important;
    top:auto!important;
    bottom:26px!important;
    width:min(455px,calc(100vw - 310px))!important;
    min-width:330px!important;
    border:1px solid rgba(71,132,204,.20)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,251,255,.98))!important;
    box-shadow:0 22px 58px rgba(30,67,111,.16), inset 0 1px 0 #fff!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement__glass::before{
    content:"";
    position:absolute;
    left:18px;
    top:0;
    width:86px;
    height:4px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,#64a8ee,#8dc5ff);
  }
  body.home .wma542-announcement__glass::after{
    background:rgba(249,252,255,.98)!important;
    border-left:1px solid rgba(71,132,204,.16)!important;
    border-bottom:1px solid rgba(71,132,204,.16)!important;
  }
  body.home .wma542-announcement__head{color:#3979bd!important}
  body.home .wma542-announcement__headicon{background:#eaf4ff!important;color:#3979bd!important}
  body.home .wma542-announcement__button{
    background:linear-gradient(135deg,#3b82d0,#5aa2ea)!important;
    box-shadow:0 10px 24px rgba(59,130,208,.24)!important;
  }
  body.home .wma542-announcement__close{
    border-color:rgba(57,121,189,.15)!important;
    color:#3979bd!important;
    background:#f7fbff!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  body.home .wma542-announcement{left:10px!important;bottom:12px!important}
  body.home .wma542-announcement__bubble{width:190px!important;height:220px!important}
  body.home .wma542-announcement__bubble::before{width:172px!important;height:172px!important}
  body.home .wma542-announcement__leo{width:184px!important;height:199px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble{width:242px!important;height:270px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{width:205px!important;height:205px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__leo{width:235px!important;height:252px!important}
  body.home .wma542-announcement__glass,
  body.home .wma542-announcement.is-open .wma542-announcement__glass{
    left:220px!important;
    bottom:18px!important;
    width:min(410px,calc(100vw - 270px))!important;
    min-width:300px!important;
  }
}

/* =========================================================
   WMA 7.0.11 — telefon i tablet: bez prostokątnego blur za Leo
   Zachowujemy dotychczasowy układ, usuwamy wyłącznie stare tła/filtry.
   ========================================================= */
@media (max-width:900px){
  body.home .wma542-announcement,
  body.home .wma542-announcement .wma542-announcement__wrap,
  body.home .wma542-announcement__bubble{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:0!important;
  }
  body.home .wma542-announcement .wma542-announcement__wrap{
    filter:none!important;
  }
  body.home .wma542-announcement__bubble{
    overflow:visible!important;
  }
  body.home .wma542-announcement__bubble::before{
    display:block!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#f8fffb 0%,#edf8f1 100%)!important;
    border:2px solid rgba(47,119,196,.18)!important;
    box-shadow:0 12px 28px rgba(33,77,55,.12),inset 0 1px 0 #fff!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement__bubble::after{
    display:none!important;
    content:none!important;
  }
  body.home .wma542-announcement__badge{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }
  body.home .wma542-announcement__glass,
  body.home .wma542-announcement.is-open .wma542-announcement__glass{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,251,255,.98))!important;
    border:1px solid rgba(71,132,204,.20)!important;
    box-shadow:0 18px 42px rgba(30,67,111,.14),inset 0 1px 0 #fff!important;
  }
}


/* =========================================================
   WMA 7.0.12 — responsywny komunikat Leo: telefon + tablet
   - szeroki, wyśrodkowany modal
   - bez migającego prostokątnego blur
   - niebieska etykieta „Nowość”
   - bez zmian dla laptopa i dużego desktopu (>900 px)
   ========================================================= */
@media (max-width:900px){
  body.home .wma542-announcement{
    left:8px!important;
    right:auto!important;
    top:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    transform:none!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate;
  }
  body.home .wma542-announcement .wma542-announcement__wrap,
  body.home .wma542-announcement__bubble{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement .wma542-announcement__wrap::before,
  body.home .wma542-announcement .wma542-announcement__wrap::after,
  body.home .wma542-announcement::before,
  body.home .wma542-announcement::after,
  body.home .wma542-announcement__bubble::after{
    display:none!important;
    content:none!important;
    background:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement__bubble{
    width:150px!important;
    height:178px!important;
    overflow:visible!important;
    animation:none!important;
    transition:none!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent;
  }
  body.home .wma542-announcement__bubble:hover,
  body.home .wma542-announcement__bubble:active,
  body.home .wma542-announcement__bubble:focus{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement__bubble::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    left:5px!important;
    bottom:2px!important;
    width:138px!important;
    height:138px!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#f8fffb 0%,#edf8f1 100%)!important;
    background-image:linear-gradient(145deg,#f8fffb 0%,#edf8f1 100%)!important;
    border:2px solid rgba(47,119,196,.18)!important;
    box-shadow:0 12px 28px rgba(33,77,55,.12),inset 0 1px 0 #fff!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:none!important;
    transform:none!important;
    z-index:0!important;
  }
  body.home .wma542-announcement__leo{
    left:2px!important;
    bottom:3px!important;
    width:146px!important;
    height:162px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    filter:drop-shadow(0 8px 10px rgba(29,52,39,.12))!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    will-change:opacity,transform;
  }
  body.home .wma542-announcement.is-open .wma542-announcement__bubble{
    width:168px!important;
    height:194px!important;
  }
  body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{
    left:5px!important;
    bottom:2px!important;
    width:150px!important;
    height:150px!important;
  }
  body.home .wma542-announcement.is-open .wma542-announcement__leo{
    left:0!important;
    bottom:2px!important;
    width:164px!important;
    height:182px!important;
  }
  body.home .wma542-announcement--new{
    --wma-ann-accent:#3979bd!important;
    --wma-ann-soft:#eaf4ff!important;
  }
  body.home .wma542-announcement__badge{
    left:28px!important;
    top:0!important;
    padding:7px 11px!important;
    border:1px solid rgba(70,130,205,.20)!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#2f6fb6!important;
    font-size:9.5px!important;
    box-shadow:0 8px 20px rgba(47,111,182,.11),inset 0 1px 0 #fff!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home .wma542-announcement__glass,
  body.home .wma542-announcement.is-open .wma542-announcement__glass{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(92vw,620px)!important;
    min-width:0!important;
    max-width:620px!important;
    max-height:calc(100svh - 34px)!important;
    margin:0!important;
    padding:20px 20px 19px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border:1px solid rgba(71,132,204,.22)!important;
    border-radius:23px!important;
    background:linear-gradient(145deg,#fff,#f6fbff)!important;
    background-image:linear-gradient(145deg,#fff,#f6fbff)!important;
    box-shadow:0 22px 58px rgba(30,67,111,.18),inset 0 1px 0 #fff!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important;
    animation:wma712MobileCardIn .24s cubic-bezier(.2,.8,.2,1) both!important;
    z-index:10020!important;
  }
  body.home .wma542-announcement__glass::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:20px!important;
    top:0!important;
    width:82px!important;
    height:4px!important;
    border-radius:0 0 999px 999px!important;
    background:linear-gradient(90deg,#64a8ee,#8dc5ff)!important;
  }
  body.home .wma542-announcement__glass::after{
    display:none!important;
    content:none!important;
  }
  body.home .wma542-announcement__head{
    color:#3979bd!important;
    margin-right:38px!important;
  }
  body.home .wma542-announcement__headicon{
    background:#eaf4ff!important;
    color:#3979bd!important;
  }
  body.home .wma542-announcement__copy strong{
    font-size:17px!important;
    line-height:1.28!important;
  }
  body.home .wma542-announcement__copy p{
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  body.home .wma542-announcement__button{
    background:linear-gradient(135deg,#3b82d0,#5aa2ea)!important;
    box-shadow:0 10px 24px rgba(59,130,208,.23)!important;
  }
  body.home .wma542-announcement__close{
    right:11px!important;
    top:10px!important;
    border-color:rgba(57,121,189,.15)!important;
    color:#3979bd!important;
    background:#f7fbff!important;
  }
}

/* Telefon w pionie: Leo bardziej kompaktowy, modal szeroki na 92% ekranu. */
@media (max-width:760px) and (orientation:portrait){
  body.home .wma542-announcement{left:4px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  body.home .wma542-announcement__bubble{width:116px!important;height:140px!important}
  body.home .wma542-announcement__bubble::before{left:3px!important;width:108px!important;height:108px!important}
  body.home .wma542-announcement__leo{left:0!important;width:112px!important;height:126px!important}
  body.home .wma542-announcement__badge{left:21px!important;padding:6px 9px!important;font-size:9px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble{width:132px!important;height:154px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{left:3px!important;width:119px!important;height:119px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__leo{left:-1px!important;width:129px!important;height:144px!important}
  body.home .wma542-announcement__glass,
  body.home .wma542-announcement.is-open .wma542-announcement__glass{
    width:92vw!important;
    max-height:72svh!important;
    padding:18px 17px 17px!important;
    border-radius:21px!important;
  }
  body.home .wma542-announcement__copy strong{font-size:16px!important}
  body.home .wma542-announcement__copy p{font-size:13px!important;line-height:1.55!important}
}

/* Telefon poziomo / mały tablet: zawsze mieści nagłówek i X w viewportcie. */
@media (max-width:900px) and (orientation:landscape){
  body.home .wma542-announcement{left:5px!important;bottom:max(5px,env(safe-area-inset-bottom))!important}
  body.home .wma542-announcement__bubble{width:112px!important;height:128px!important}
  body.home .wma542-announcement__bubble::before{left:3px!important;width:101px!important;height:101px!important}
  body.home .wma542-announcement__leo{left:0!important;width:108px!important;height:116px!important}
  body.home .wma542-announcement__badge{left:18px!important;top:-1px!important;padding:5px 8px!important;font-size:8.5px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble{width:128px!important;height:142px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__bubble::before{width:112px!important;height:112px!important}
  body.home .wma542-announcement.is-open .wma542-announcement__leo{width:124px!important;height:132px!important}
  body.home .wma542-announcement__glass,
  body.home .wma542-announcement.is-open .wma542-announcement__glass{
    width:min(78vw,660px)!important;
    max-height:calc(100svh - 20px)!important;
    padding:16px 18px 15px!important;
    border-radius:19px!important;
  }
  body.home .wma542-announcement__copy strong{font-size:15px!important;margin-bottom:6px!important}
  body.home .wma542-announcement__copy p{font-size:12.5px!important;line-height:1.48!important}
  body.home .wma542-announcement__button{margin-top:11px!important;padding:8px 12px!important;font-size:12px!important}
}

@keyframes wma712MobileCardIn{
  from{opacity:0;transform:translate(-50%,-47%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

/* 7.0.13 — własne kolorowe logo stopki nie jest odbarwiane */
.wma-footer__brand img.wma-logo-custom{filter:none!important;opacity:1!important;}

/* 7.0.14 — uproszczona nawigacja desktopowa + status planu */
@media (min-width:1121px){
  .wma-nav{grid-template-columns:205px minmax(0,1fr) auto;gap:clamp(16px,1.8vw,28px)}
  .wma-nav__links{align-items:center;justify-content:center;gap:clamp(16px,1.65vw,30px);white-space:nowrap}
  .wma-nav__links>a{font-size:clamp(13px,1vw,15px)}
  .wma-nav-materials{position:relative;display:flex;align-items:center}
  .wma-nav-materials__toggle{appearance:none;border:1px solid rgba(7,61,32,.13);background:rgba(255,255,255,.48);color:#073d20;min-height:44px;padding:10px 15px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:clamp(13px,1vw,15px);font-weight:850;cursor:pointer;box-shadow:0 8px 22px rgba(17,73,46,.08);backdrop-filter:blur(12px);transition:.22s ease}
  .wma-nav-materials__toggle:hover,.wma-nav-materials.is-open .wma-nav-materials__toggle{background:rgba(255,255,255,.76);border-color:rgba(23,107,69,.26);transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,73,46,.13)}
  .wma-nav-materials__chevron{font-size:18px;line-height:1;transition:transform .22s ease;transform:translateY(-1px)}
  .wma-nav-materials.is-open .wma-nav-materials__chevron{transform:rotate(180deg) translateY(1px)}
  .wma-nav-materials__menu{position:absolute;top:calc(100% + 10px);left:0;z-index:80;width:245px;padding:9px;border:1px solid rgba(7,61,32,.11);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(9,58,37,.18);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .18s ease,visibility .18s}
  .wma-nav-materials.is-open .wma-nav-materials__menu,.wma-nav-materials:hover .wma-nav-materials__menu,.wma-nav-materials:focus-within .wma-nav-materials__menu{opacity:1;visibility:visible;transform:none}
  .wma-nav-materials__menu a{display:flex!important;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:#073d20!important;font-size:14px!important;font-weight:800;text-decoration:none;transition:.18s ease}
  .wma-nav-materials__menu a:after{display:none!important}
  .wma-nav-materials__menu a:hover{background:#eef8f2;color:var(--wma-green)!important;transform:translateX(3px)!important}
  .wma-nav-materials__menu a span{width:23px;text-align:center;font-size:16px}
  .wma-nav__actions{gap:10px}
  .wma-nav__member-desktop{display:flex;align-items:center;gap:9px}
  .wma-nav__account-mobile{display:none!important}
  .wma-plan-badge{min-height:42px;padding:8px 13px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease}
  .wma-plan-badge:hover{transform:translateY(-2px)}
  .wma-plan-badge--premium{color:#6b4b00;background:linear-gradient(135deg,#fff8d8,#f5d777);border:1px solid rgba(176,128,0,.23);box-shadow:0 8px 22px rgba(170,122,0,.14)}
  .wma-plan-badge--premium .wma-plan-badge__icon{color:#a87400;font-size:18px;line-height:1}
  .wma-plan-badge--standard{color:#1c628a;background:linear-gradient(135deg,#eff9ff,#cfeeff);border:1px solid rgba(53,146,196,.20);box-shadow:0 8px 22px rgba(53,146,196,.11)}
  .wma-plan-badge--standard .wma-plan-badge__icon{color:#55a9d6;font-size:12px}
  .wma-account-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.66);border:1px solid rgba(7,61,32,.14);box-shadow:0 8px 22px rgba(17,73,46,.10);transition:.2s ease}
  .wma-account-icon:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 26px rgba(17,73,46,.16)}
  .wma-account-icon svg{width:20px;height:20px;fill:#176b45}
  .wma-hero[data-theme="night"] .wma-nav-materials__toggle,.wma-hero[data-theme="night"] .wma-account-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.20);color:#fff}
  .wma-hero[data-theme="night"] .wma-account-icon svg{fill:#fff}
}
@media (max-width:1120px){
  .wma-nav__member-desktop{display:none!important}
  .wma-nav__account-mobile{display:inline-flex!important}
}


/* 7.0.15 — wspólne logo i własne pozycje menu */
.wma-subpage-nav__brand.has-custom-logo img{width:132px!important;height:58px!important;object-fit:contain!important}
.wma-subpage-custom-icon{display:inline-flex;align-items:center;justify-content:center;min-width:18px;font-size:16px;line-height:1}
.wma-custom-nav-icon{display:inline-block;margin-right:3px}
@media (max-width:1180px) and (min-width:701px){.wma-subpage-nav__brand.has-custom-logo img{width:112px!important;height:52px!important}}


/* =========================================================
   7.0.16 — PODSTRONY: gradientowy nagłówek + szklane menu
   Na telefonie pozostaje dotychczasowy układ.
   ========================================================= */
@media (min-width:701px){
  .wma-subpage-nav{
    background:
      radial-gradient(circle at 18% 0%,rgba(255,255,255,.14),transparent 30%),
      linear-gradient(104deg,#2f8a62 0%,#6e9d45 50%,#f0ad27 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 10px 32px rgba(25,74,47,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .wma-subpage-nav__brand{
    min-width:150px;
    border-radius:18px;
    padding:3px 8px;
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
  }
  .wma-subpage-nav__brand:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.08);
    box-shadow:0 8px 24px rgba(12,65,42,.08);
  }
  .wma-subpage-nav__brand.has-custom-logo img{
    filter:drop-shadow(0 2px 7px rgba(19,61,42,.10));
  }
  .wma-subpage-nav__actions{
    gap:8px!important;
  }
  .wma-subpage-link{
    color:#0b5639!important;
    background:rgba(255,255,255,.84)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 5px 18px rgba(23,77,49,.08)!important;
    backdrop-filter:blur(12px) saturate(1.15);
    -webkit-backdrop-filter:blur(12px) saturate(1.15);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }
  .wma-subpage-link:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(255,255,255,.94)!important;
    box-shadow:0 10px 24px rgba(21,79,49,.13)!important;
  }
  .wma-subpage-link.is-primary{
    color:#fff!important;
    background:rgba(12,104,67,.88)!important;
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:0 7px 20px rgba(10,84,54,.18)!important;
  }
  .wma-subpage-link.is-primary:hover{
    background:rgba(8,88,56,.96)!important;
  }
}
@media (max-width:1180px) and (min-width:701px){
  .wma-subpage-nav{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .wma-subpage-link{
    padding-left:11px!important;
    padding-right:11px!important;
  }
}

/* =========================================================
   7.0.17 — PODSTRONY: gradient także mobile + przewijane kapsułki na tablecie
   Desktop >1120px pozostaje zgodny z 7.0.16.
   ========================================================= */

/* Telefon: zamiast białej belki ten sam język wizualny co hero. */
@media (max-width:700px){
  .wma-subpage-nav{
    background:
      radial-gradient(circle at 18% 0%,rgba(255,255,255,.12),transparent 31%),
      linear-gradient(104deg,#2f8a62 0%,#6e9d45 52%,#f0ad27 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.32)!important;
    box-shadow:0 9px 28px rgba(25,74,47,.11)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .wma-subpage-nav__brand{
    display:flex!important;
    align-items:center!important;
    margin-bottom:8px!important;
    padding:1px 3px!important;
  }
  .wma-subpage-nav__brand.has-custom-logo img{
    width:104px!important;
    height:48px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 2px 6px rgba(14,62,42,.10));
  }
  .wma-subpage-nav__actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 3px 7px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
  }
  .wma-subpage-nav__actions::-webkit-scrollbar{display:none!important}
  .wma-subpage-link{
    flex:0 0 auto!important;
    min-height:43px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    color:#0b5639!important;
    background:rgba(255,255,255,.88)!important;
    border:1px solid rgba(255,255,255,.74)!important;
    box-shadow:0 5px 16px rgba(23,77,49,.08)!important;
    scroll-snap-align:start;
  }
  .wma-subpage-link.is-primary{
    color:#fff!important;
    background:rgba(12,104,67,.90)!important;
    border-color:rgba(255,255,255,.28)!important;
  }
}

/* Tablet i mały ekran: jeden niski rząd kapsułek przesuwany poziomo. */
@media (min-width:701px) and (max-width:1120px){
  .wma-subpage-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    min-height:78px!important;
    padding:9px 18px!important;
  }
  .wma-subpage-nav__brand{
    flex:0 0 auto!important;
    min-width:112px!important;
    margin:0!important;
    padding:2px 4px!important;
  }
  .wma-subpage-nav__brand.has-custom-logo img{
    width:106px!important;
    height:50px!important;
  }
  .wma-subpage-nav__actions{
    flex:1 1 auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:3px 4px 5px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
  }
  .wma-subpage-nav__actions::-webkit-scrollbar{display:none!important}
  .wma-subpage-link{
    flex:0 0 auto!important;
    min-height:44px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
}


/* =========================================================
   WMA 7.1.0 — mocniejszy hero + złoty akcent hasła + tryb Ciao maskotki
   ========================================================= */
body.home .wma-hero[data-theme="day"]{
  background:
    radial-gradient(circle at 17% 20%,rgba(255,255,255,.07),transparent 30%),
    linear-gradient(112deg,#075336 0%,#176B45 27%,#66883b 51%,#b59f2b 73%,#F0B429 100%)!important;
}
body.home .wma-copy h1{color:var(--wma-hero-title-color,#fff)!important;text-shadow:0 3px 18px rgba(3,52,31,.14)}
body.home .wma-copy h1 .wma-hero-title-line{display:block;color:var(--wma-hero-title-color,#fff)!important}
body.home .wma-copy h1 .wma-hero-title-line--accent{color:var(--wma-hero-accent-color,#f6b923)!important;text-shadow:0 3px 18px rgba(80,55,0,.12)}
body.home .wma-lead{color:var(--wma-hero-lead-color,rgba(255,255,255,.94))!important;text-shadow:0 2px 12px rgba(4,55,32,.16);white-space:normal}
body.home .wma542-announcement--tip{--wma-ann-accent:#176B45;--wma-ann-soft:rgba(232,247,238,.96)}
body.home .wma542-announcement--tip .wma542-announcement__badge{color:#176B45!important}
body.home .wma542-announcement--tip .wma542-announcement__copy strong{color:#0b5337!important}
body.home .wma542-announcement--tip .wma542-announcement__button{background:linear-gradient(135deg,#176B45,#2b9460)!important}


/* =========================================================
   WMA 7.1.1 — edytowalne kolory i łamanie tekstu hero
   ========================================================= */
.wma-hero-title-line{display:block}


/* =========================================================
   WMA 7.2.0 — responsywne hero: mobile actions + osobny układ tablet/laptop
   ========================================================= */

/* Domyślnie mobilna ikona konta jest ukryta; desktop korzysta z dotychczasowego statusu + ikony. */
.wma-account-icon--mobile{display:none!important}

/* TELEFON — zachowujemy wyśrodkowane hasło, ale porządkujemy strefę konta/logowania. */
@media (max-width:700px){
  body.home .wma-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0 auto 8px!important;
  }
  body.home .wma-nav__brand{
    width:150px!important;
    height:78px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.home .wma-nav__brand img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  body.home .wma-nav__actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
  body.home .wma-nav__member-desktop{display:none!important}
  body.home .wma-account-icon--mobile{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:50%!important;
    place-items:center!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(255,255,255,.62)!important;
    box-shadow:0 8px 20px rgba(8,66,43,.14)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body.home .wma-account-icon--mobile svg{width:20px!important;height:20px!important;fill:#176b45!important}

  body.home .wma-nav__login,
  body.home .wma-nav__try{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:0 8px 20px rgba(8,66,43,.12)!important;
  }
  body.home .wma-nav__login{
    color:#0b5639!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(255,255,255,.64)!important;
  }
  body.home .wma-nav__try{
    color:#fff!important;
    background:linear-gradient(135deg,#148454,#20a06c)!important;
    border:1px solid rgba(255,255,255,.22)!important;
  }
  body.home .wma-nav__login-desktop{display:none!important}
  body.home .wma-nav__login-mobile{display:inline!important}

  /* Na telefonie tekst pozostaje wyśrodkowany i w jednej spójnej kolumnie. */
  body.home .wma-copy{
    width:min(100%,430px)!important;
    margin:0 auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    text-align:center!important;
  }
  body.home .wma-copy h1,
  body.home .wma-lead{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
}

/* TABLET + MAŁY LAPTOP — osobny, uporządkowany wariant hero.
   Wszystkie elementy tekstowe korzystają z jednej lewej osi. */
@media (min-width:701px) and (max-width:1180px){
  body.home .wma-hero{
    min-height:0!important;
    height:auto!important;
    padding:18px 0 84px!important;
    overflow:visible!important;
  }
  body.home .wma-nav{
    width:min(1040px,92vw)!important;
    margin:0 auto 22px!important;
  }
  body.home .wma-hero__grid{
    display:block!important;
    width:min(1040px,92vw)!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
  }
  body.home .wma-copy{
    width:min(680px,72vw)!important;
    max-width:680px!important;
    margin:0!important;
    padding:12px 0 0!important;
    text-align:left!important;
  }
  body.home .wma-copy h1{
    margin:0 0 20px!important;
    max-width:650px!important;
    font-size:clamp(50px,6.4vw,72px)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
    text-align:left!important;
  }
  body.home .wma-copy h1 .wma-hero-title-line{
    display:block!important;
    text-align:left!important;
  }
  body.home .wma-lead{
    max-width:590px!important;
    margin:0 0 22px!important;
    font-size:clamp(16px,1.8vw,19px)!important;
    line-height:1.48!important;
    text-align:left!important;
  }
  body.home .wma-mobile-shortcuts{
    display:block!important;
    width:auto!important;
    margin:18px 0 0!important;
    padding:0!important;
    text-align:left!important;
  }
  body.home .wma-mobile-shortcut--all{
    width:280px!important;
    min-height:50px!important;
    margin:0!important;
    justify-content:flex-start!important;
    padding-left:22px!important;
    padding-right:48px!important;
  }
  /* Średni widok nie używa sceny desktopowej — dzięki temu tekst nie walczy z postaciami. */
  body.home .wma-scene,
  body.home .wma-phone,
  body.home .wma-audio,
  body.home .wma-person{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.home .wma-scroll-cue{display:none!important}
  body.home .wma125-stats.wma127-stats,
  body.home .wma125-stats{margin-top:-64px!important}

  /* Na średnich ekranach konto/logowanie nie może dominować nagłówka. */
  body.home .wma-nav__member-desktop{display:none!important}
  body.home .wma-account-icon--mobile{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    place-items:center!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(255,255,255,.38)!important;
  }
  body.home .wma-account-icon--mobile svg{width:20px!important;height:20px!important;fill:#176b45!important}
}

/* Bardzo niski landscape: utrzymujemy lewą oś i dodatkowo zmniejszamy typografię. */
@media (min-width:701px) and (max-width:1180px) and (max-height:650px){
  body.home .wma-hero{padding-top:10px!important;padding-bottom:66px!important}
  body.home .wma-nav{margin-bottom:10px!important}
  body.home .wma-copy{width:min(620px,70vw)!important;padding-top:2px!important}
  body.home .wma-copy h1{font-size:clamp(44px,6vw,62px)!important;margin-bottom:14px!important}
  body.home .wma-lead{font-size:16px!important;line-height:1.42!important;margin-bottom:14px!important}
  body.home .wma-mobile-shortcuts{margin-top:12px!important}
  body.home .wma-mobile-shortcut--all{min-height:46px!important}
}

/* =========================================================
   WMA 7.2.1 — mały komputer to nadal desktop
   Rozdzielamy laptopy/małe monitory od urządzeń dotykowych.
   ========================================================= */

/*
 * Mały komputer / laptop:
 * - przy 1181–1500 px zawsze traktujemy widok jak desktop;
 * - przy 901–1180 px robimy to tylko dla precyzyjnego kursora (mysz/trackpad).
 * Dzięki temu tablet nie dostaje przypadkiem „laptopowego” hero tylko dlatego,
 * że ma podobną szerokość ekranu.
 */
@media (min-width:1181px) and (max-width:1500px),
       (min-width:901px) and (max-width:1180px) and (hover:hover) and (pointer:fine){
  body.home .wma-hero{
    min-height:560px!important;
    height:auto!important;
    padding:16px 0 72px!important;
    overflow:hidden!important;
  }

  body.home .wma-nav{
    width:min(1180px,92vw)!important;
    margin:0 auto 12px!important;
  }

  /* Układ jak na dużym komputerze: jedna mocna lewa kolumna.
     Prawa część zostaje jako spokojna przestrzeń gradientu. */
  body.home .wma-hero__grid{
    display:block!important;
    width:min(1180px,92vw)!important;
    min-height:430px!important;
    height:auto!important;
    margin:0 auto!important;
  }

  body.home .wma-copy{
    width:min(650px,55vw)!important;
    max-width:650px!important;
    margin:0!important;
    padding:26px 0 74px!important;
    text-align:left!important;
  }

  body.home .wma-copy h1{
    max-width:650px!important;
    margin:0 0 20px!important;
    font-size:clamp(54px,5.1vw,76px)!important;
    line-height:.95!important;
    letter-spacing:-.045em!important;
    text-align:left!important;
  }

  body.home .wma-copy h1 .wma-hero-title-line,
  body.home .wma-copy h1 .wma-hero-title-line--accent{
    display:block!important;
    text-align:left!important;
  }

  body.home .wma-lead{
    width:100%!important;
    max-width:570px!important;
    margin:0 0 22px!important;
    font-size:clamp(16px,1.45vw,19px)!important;
    line-height:1.48!important;
    text-align:left!important;
  }

  /* CTA „Wszystkie materiały” ma tę samą lewą oś co tytuł i opis. */
  body.home .wma-mobile-shortcuts{
    display:block!important;
    width:auto!important;
    margin:18px 0 0!important;
    padding:0!important;
    text-align:left!important;
  }

  body.home .wma-mobile-shortcut--all{
    width:292px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 52px 0 22px!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }

  /* Na małym komputerze rezygnujemy wyłącznie ze sceny po prawej.
     To nadal desktop, a nie powiększony wariant mobilny. */
  body.home .wma-scene,
  body.home .wma-phone,
  body.home .wma-audio,
  body.home .wma-person,
  body.home .wma-person-picture{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.home .wma-scroll-cue{display:none!important}

  /* Przywracamy desktopowy charakter strefy konta na laptopie. */
  body.home .wma-nav__member-desktop{display:flex!important}
  body.home .wma-account-icon--mobile{display:none!important}

  /* Statystyki nadal nachodzą na łuk hero tak jak na dużym desktopie. */
  body.home .wma125-stats,
  body.home .wma125-stats.wma127-stats{
    margin-top:-70px!important;
  }
}

/* Niski ekran laptopa (np. 1366×768): hero ma być zwarte, ale nadal desktopowe. */
@media (min-width:901px) and (max-width:1500px) and (max-height:800px) and (hover:hover) and (pointer:fine){
  body.home .wma-hero{min-height:510px!important;padding-top:10px!important;padding-bottom:62px!important}
  body.home .wma-nav{margin-bottom:4px!important}
  body.home .wma-hero__grid{min-height:390px!important}
  body.home .wma-copy{padding-top:16px!important;padding-bottom:58px!important}
  body.home .wma-copy h1{font-size:clamp(50px,4.8vw,68px)!important;margin-bottom:16px!important}
  body.home .wma-lead{font-size:16px!important;line-height:1.42!important;margin-bottom:16px!important}
  body.home .wma-mobile-shortcuts{margin-top:14px!important}
  body.home .wma-mobile-shortcut--all{min-height:48px!important}
}

/* Tablet pozostaje oddzielnym światem dotykowym.
   Nie nadpisujemy jego układu regułami laptopowymi. */
@media (min-width:701px) and (max-width:1180px) and (pointer:coarse){
  body.home .wma-nav__member-desktop{display:none!important}
  body.home .wma-account-icon--mobile{display:grid!important}
}


/* 7.3.3 — wyrównanie i justowanie w edytorze czytanek
   Wyrównanie jest zapisywane jako bezpieczny styl text-align na akapicie. */
.wma577-rich-editor .mce-i-alignjustify:before{content:"\f214";}

/* =========================================================
   AWM 7.4.1 — pływająca maskotka dla niezalogowanych
   Logowanie i Rejestracja mają własne szablony, dlatego nie
   dziedziczą reguł body.home używanych na stronie głównej.
   ========================================================= */
body:not(.home) .wma740-guest-mascot{
  --wma-guest-blue:#3979bd;
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  z-index:9992!important;
  overflow:visible!important;
  pointer-events:none!important;
  background:transparent!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__wrap{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble{
  pointer-events:auto!important;
  position:relative!important;
  display:block!important;
  width:214px!important;
  height:246px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
  animation:none!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:8px!important;
  bottom:4px!important;
  width:194px!important;
  height:194px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#f8fffb 0%,#edf8f1 100%)!important;
  border:2px solid rgba(47,119,196,.18)!important;
  box-shadow:0 15px 36px rgba(33,77,55,.14),inset 0 1px 0 #fff!important;
  z-index:0!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble::after{display:none!important;content:none!important}
body:not(.home) .wma740-guest-mascot .wma542-announcement__leo{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  bottom:3px!important;
  width:208px!important;
  height:222px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 10px 12px rgba(29,52,39,.14))!important;
  transition:opacity .2s ease,transform .24s ease!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__leo--sitting{opacity:1!important;transform:scale(1)!important}
body:not(.home) .wma740-guest-mascot .wma542-announcement__leo--pointing{opacity:0!important;transform:translateX(-8px) scale(.96)!important;pointer-events:none!important}
body:not(.home) .wma740-guest-mascot .wma542-announcement__badge{
  position:absolute!important;
  left:38px!important;
  top:0!important;
  z-index:4!important;
  width:max-content!important;
  padding:9px 14px!important;
  border:1px solid rgba(70,130,205,.20)!important;
  border-radius:17px!important;
  color:var(--wma-guest-blue)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 24px rgba(47,111,182,.12),inset 0 1px 0 #fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__glass{
  pointer-events:auto!important;
  position:absolute!important;
  left:252px!important;
  right:auto!important;
  top:auto!important;
  bottom:26px!important;
  display:block!important;
  width:min(455px,calc(100vw - 310px))!important;
  min-width:330px!important;
  margin:0!important;
  padding:20px 21px 19px!important;
  border:1px solid rgba(71,132,204,.20)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,251,255,.98))!important;
  box-shadow:0 22px 58px rgba(30,67,111,.16),inset 0 1px 0 #fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__glass[hidden]{display:none!important}
body:not(.home) .wma740-guest-mascot .wma542-announcement__glass::after{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  top:37px!important;
  width:20px!important;
  height:20px!important;
  background:rgba(249,252,255,.98)!important;
  transform:rotate(45deg)!important;
  border-left:1px solid rgba(71,132,204,.16)!important;
  border-bottom:1px solid rgba(71,132,204,.16)!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__head{color:var(--wma-guest-blue)!important}
body:not(.home) .wma740-guest-mascot .wma542-announcement__headicon{background:#eaf4ff!important;color:var(--wma-guest-blue)!important}
body:not(.home) .wma740-guest-mascot .wma542-announcement__copy p{
  margin:0!important;color:#43564b!important;font-family:Raleway,Inter,system-ui,sans-serif!important;
  font-size:13.5px!important;line-height:1.62!important;letter-spacing:0!important;white-space:pre-wrap!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__close{
  position:absolute!important;right:12px!important;top:11px!important;z-index:3!important;
  display:grid!important;place-items:center!important;width:31px!important;height:31px!important;padding:0!important;
  border:1px solid rgba(57,121,189,.15)!important;border-radius:50%!important;background:#f7fbff!important;
  color:var(--wma-guest-blue)!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__button{
  display:inline-flex!important;align-items:center!important;gap:7px!important;margin:15px 0 0!important;
  padding:10px 14px!important;border-radius:999px!important;background:linear-gradient(135deg,#3b82d0,#5aa2ea)!important;
  color:#fff!important;font-size:12.5px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(59,130,208,.24)!important;
}
body:not(.home) .wma740-guest-mascot.is-open .wma542-announcement__leo--sitting{opacity:0!important;transform:translateX(-8px) scale(.96)!important}
body:not(.home) .wma740-guest-mascot.is-open .wma542-announcement__leo--pointing{opacity:1!important;transform:translateX(0) scale(1)!important}
body:not(.home) .wma740-guest-mascot.is-open .wma542-announcement__badge{opacity:0!important;pointer-events:none!important}

@media(max-width:760px){
  body:not(.home) .wma740-guest-mascot{left:5px!important;bottom:max(70px,calc(58px + env(safe-area-inset-bottom)))!important}
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble{width:112px!important;height:138px!important}
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble::before{left:3px!important;bottom:1px!important;width:104px!important;height:104px!important}
  body:not(.home) .wma740-guest-mascot .wma542-announcement__leo{left:0!important;bottom:3px!important;width:108px!important;height:123px!important}
  body:not(.home) .wma740-guest-mascot .wma542-announcement__badge{left:24px!important;top:0!important;padding:7px 10px!important;font-size:9px!important}
  body:not(.home) .wma740-guest-mascot .wma542-announcement__glass{
    position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:190px!important;
    width:auto!important;min-width:0!important;max-height:min(58vh,430px)!important;overflow:auto!important;
    padding:18px!important;border-radius:21px!important;
  }
  body:not(.home) .wma740-guest-mascot .wma542-announcement__glass::after{display:none!important}
}

/* =========================================================
   AWM 7.4.2 — maskotka gościa: spójna typografia + czyste tło
   Logowanie / Rejestracja: moduł nie dziedziczy fontów formularza,
   a warstwa pływająca nie tworzy prostokątnego szkła pod Tygrysem.
   ========================================================= */
body:not(.home) .wma740-guest-mascot,
body:not(.home) .wma740-guest-mascot button,
body:not(.home) .wma740-guest-mascot .wma542-announcement__badge,
body:not(.home) .wma740-guest-mascot .wma542-announcement__head,
body:not(.home) .wma740-guest-mascot .wma542-announcement__copy,
body:not(.home) .wma740-guest-mascot .wma542-announcement__copy p,
body:not(.home) .wma740-guest-mascot .wma542-announcement__button{
  font-family:Raleway,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body:not(.home) .wma740-guest-mascot,
body:not(.home) .wma740-guest-mascot .wma542-announcement__wrap,
body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__wrap::before,
body:not(.home) .wma740-guest-mascot .wma542-announcement__wrap::after{
  display:none!important;
  content:none!important;
}
/* Cień tylko samej postaci, bez filtrowania prostokątnego kontenera. */
body:not(.home) .wma740-guest-mascot .wma542-announcement__leo{
  filter:drop-shadow(0 10px 12px rgba(29,52,39,.14))!important;
  -webkit-filter:drop-shadow(0 10px 12px rgba(29,52,39,.14))!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__head{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
body:not(.home) .wma740-guest-mascot .wma542-announcement__badge{
  letter-spacing:.035em!important;
}
@media(max-width:760px){
  body:not(.home) .wma740-guest-mascot,
  body:not(.home) .wma740-guest-mascot .wma542-announcement__wrap,
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble{
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }
  body:not(.home) .wma740-guest-mascot .wma542-announcement__copy p{
    font-size:13px!important;
    line-height:1.55!important;
  }
}


/* =========================================================
   AWM 7.4.3 — mobile: bez błysku po tapnięciu + pionowe
   przeciąganie maskotki na Logowaniu i Rejestracji.
   ========================================================= */
@media (max-width:760px) and (pointer:coarse){
  body:not(.home) .wma740-guest-mascot,
  body:not(.home) .wma740-guest-mascot .wma542-announcement__wrap,
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble,
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble:active,
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble:focus{
    -webkit-tap-highlight-color:transparent!important;
    -webkit-touch-callout:none!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    outline:none!important;
  }
  body:not(.home) .wma740-guest-mascot .wma542-announcement__bubble{
    appearance:none!important;
    -webkit-appearance:none!important;
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  body:not(.home) .wma740-guest-mascot.is-dragging,
  body:not(.home) .wma740-guest-mascot.is-dragging *{
    transition:none!important;
  }
  body:not(.home) .wma740-guest-mascot.is-dragging .wma542-announcement__bubble{
    cursor:grabbing!important;
  }
}


/* =========================================================
   AWM 7.4.4 — cross-browser hardening + 4 klasy ekranów
   Cel: spójne przyciski/kapsułki w Chrome, Opera, Edge,
   Safari i Firefox bez zmiany istniejącej logiki strony.
   ========================================================= */

/* Wspólna baza dla elementów interaktywnych. Jawne wartości
   ograniczają różnice w domyślnym renderowaniu przeglądarek. */
.wma-btn,
.wma-nav__cta,
.wma-nav-materials__toggle,
.wma-plan-badge,
.wma-account-icon,
.wma-account-icon--mobile,
.wma-mobile-shortcut,
.wma-subpage-link,
.wma700-random__start,
.wma700-random__repeat,
.wma700-random-card__read,
.wma700-random-card__again{
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  font-family:Raleway,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.2;
  vertical-align:middle;
  text-decoration:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.wma-btn,
.wma-nav__cta,
.wma-nav-materials__toggle,
.wma-plan-badge,
.wma-mobile-shortcut,
.wma-subpage-link{
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* Backdrop-filter jest ozdobą, nie warunkiem czytelności. */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .wma-btn--secondary,
  .wma-nav-materials__toggle,
  .wma-mobile-shortcut--all,
  .wma-subpage-link,
  .wma-account-icon,
  .wma-account-icon--mobile{
    background-color:rgba(250,252,244,.94)!important;
  }
}

/* Najważniejsze CTA hero — pełny kontrakt wymiarów.
   Naprawia Operę na laptopie, gdzie element potrafił zapaść
   się do wysokości pojedynczej linii tekstu. */
body.home .wma-mobile-shortcuts{
  box-sizing:border-box!important;
  min-width:0!important;
}
body.home .wma-mobile-shortcut--all{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-decoration:none!important;
  border-style:solid!important;
  vertical-align:middle!important;
  isolation:isolate;
}
body.home .wma-mobile-shortcut--all > span:first-child{
  display:block!important;
  min-width:0!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body.home .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  line-height:1!important;
}

/* Podstawowe CTA i nagłówek: zapobiega zapadaniu wysokości,
   rozjeżdżaniu tekstu i różnym box-modelom. */
.wma-btn{min-height:56px;height:auto;white-space:normal}
.wma-nav__cta{min-height:48px;height:auto;white-space:nowrap}
.wma-nav-materials__toggle{min-height:44px;height:44px;white-space:nowrap}
.wma-plan-badge{min-height:42px;height:42px;white-space:nowrap}
.wma-account-icon,.wma-account-icon--mobile{min-width:42px;min-height:42px;flex:0 0 42px}
.wma-subpage-link{min-height:44px;white-space:nowrap}

/* Klawiatura: czytelny focus niezależnie od silnika przeglądarki. */
.wma-btn:focus-visible,
.wma-nav__cta:focus-visible,
.wma-nav-materials__toggle:focus-visible,
.wma-plan-badge:focus-visible,
.wma-account-icon:focus-visible,
.wma-account-icon--mobile:focus-visible,
.wma-mobile-shortcut--all:focus-visible,
.wma-subpage-link:focus-visible{
  outline:3px solid rgba(255,255,255,.92)!important;
  outline-offset:3px!important;
}

/* 1/4 — DUŻY KOMPUTER */
@media (min-width:1501px) and (hover:hover) and (pointer:fine){
  body.home .wma-mobile-shortcut--all{
    height:54px!important;
    min-height:54px!important;
  }
}

/* 2/4 — LAPTOP / MAŁY KOMPUTER.
   Nadal układ desktopowy, niezależnie od Chrome/Opera/Edge. */
@media (min-width:1181px) and (max-width:1500px) and (hover:hover) and (pointer:fine),
       (min-width:901px) and (max-width:1180px) and (hover:hover) and (pointer:fine){
  body.home .wma-mobile-shortcuts{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    height:auto!important;
    margin:18px 0 0!important;
    padding:0!important;
  }
  body.home .wma-mobile-shortcut--all{
    display:inline-flex!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0 52px 0 22px!important;
    justify-content:flex-start!important;
    border-radius:999px!important;
    font-size:16px!important;
    font-weight:800!important;
  }
  body.home .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    width:34px!important;
    height:34px!important;
    transform:translateY(-50%)!important;
  }
  body.home .wma-nav-materials__toggle{
    height:44px!important;
    min-height:44px!important;
  }
}

/* Niski laptop 1366×768 itp. — mniejsza kapsułka, ale nigdy pasek. */
@media (min-width:901px) and (max-width:1500px) and (max-height:800px) and (hover:hover) and (pointer:fine){
  body.home .wma-mobile-shortcut--all{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
}

/* 3/4 — TABLET / urządzenie dotykowe.
   Kapsułki pozostają przewijane, mają stałe targety dotykowe. */
@media (min-width:701px) and (max-width:1180px) and (pointer:coarse){
  body.home .wma-mobile-shortcuts{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:280px!important;
    max-width:calc(100vw - 40px)!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.home .wma-mobile-shortcut--all{
    width:280px!important;
    max-width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:0 48px 0 22px!important;
    justify-content:flex-start!important;
    font-size:15px!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  .wma-subpage-nav__actions{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .wma-subpage-link{
    flex:0 0 auto!important;
    min-height:44px!important;
    height:44px!important;
  }
}

/* 4/4 — TELEFON. */
@media (max-width:700px){
  body.home .wma-mobile-shortcuts{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(88%,360px)!important;
    max-width:360px!important;
    min-width:0!important;
    margin:24px auto 10px!important;
    padding:0!important;
  }
  body.home .wma-mobile-shortcut--all{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0 58px 0 24px!important;
    justify-content:center!important;
    font-size:16px!important;
    font-weight:850!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
  body.home .wma-mobile-shortcut--all .wma-mobile-shortcut__arrow{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    width:44px!important;
    height:44px!important;
    transform:translateY(-50%)!important;
  }
  body.home .wma-nav__login,
  body.home .wma-nav__try{
    min-height:44px!important;
    height:44px!important;
    line-height:1.1!important;
  }
  .wma-subpage-link{
    min-height:44px!important;
    height:44px!important;
    line-height:1.15!important;
  }
}

/* Firefox potrafi inaczej liczyć wewnętrzny line-box przy buttonach. */
@supports (-moz-appearance:none){
  .wma-nav-materials__toggle,
  body.home .wma-mobile-shortcut--all,
  .wma-btn,
  .wma-nav__cta,
  .wma-subpage-link{
    line-height:1.2!important;
  }
}


/* =========================================================
   AWM 7.4.5 — panel logowania/rejestracji pod Demo
   ========================================================= */
.wma745-demo-auth{max-width:920px;margin:34px auto 24px;padding:clamp(20px,3vw,34px);border:1px solid #d8e8dd;border-radius:26px;background:linear-gradient(145deg,#f7fcf8 0%,#fff 58%,#fff9e7 100%);box-shadow:0 16px 42px rgba(18,82,52,.07);box-sizing:border-box}
.wma745-demo-auth__head{text-align:center;max-width:690px;margin:0 auto 22px}.wma745-demo-auth__head>span{display:inline-block;font-size:11px;letter-spacing:.13em;font-weight:900;color:#176b45;margin-bottom:6px}.wma745-demo-auth__head h2{margin:0 0 9px;color:#125b3b;font-size:clamp(24px,3vw,34px);line-height:1.15}.wma745-demo-auth__head p{margin:0;color:#65766c;line-height:1.65}
.wma745-demo-auth__tabs{display:flex;gap:8px;justify-content:center;margin:0 auto 22px;padding:5px;max-width:480px;border:1px solid #dce8df;border-radius:999px;background:#fff}.wma745-demo-auth__tabs button{appearance:none;-webkit-appearance:none;flex:1;min-height:44px;border:0;border-radius:999px;background:transparent;color:#176b45;font:800 14px/1.2 inherit;cursor:pointer;padding:10px 16px}.wma745-demo-auth__tabs button.is-active{background:#176b45;color:#fff;box-shadow:0 5px 14px rgba(23,107,69,.18)}
.wma745-demo-auth__panel{max-width:610px;margin:0 auto;opacity:1;transition:opacity .18s ease}.wma745-demo-auth__panel[hidden]{display:none!important}.wma745-demo-auth .wma-form-submit{width:100%;min-height:48px}.wma745-demo-auth .wma-form-field input{box-sizing:border-box;width:100%;min-height:46px}.wma745-demo-auth .wma-register-consents{margin:18px 0}.wma745-demo-auth .wma-login-options{margin:14px 0 18px}
@media(max-width:767px){.wma745-demo-auth{margin:26px 12px 20px;padding:20px 16px;border-radius:20px}.wma745-demo-auth__tabs{width:100%;box-sizing:border-box}.wma745-demo-auth__tabs button{padding:10px 9px;font-size:13px}.wma745-demo-auth__head{text-align:left}.wma745-demo-auth__head h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.wma745-demo-auth__panel{transition:none}}

/* =========================================================
   AWM 8.0.0 — Ćwiczenia interaktywne
   ========================================================= */
.wma800-reading-block{margin:38px 0}.wma800-reading-intro{margin-bottom:16px}.wma800-reading-intro>span,.wma800-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#17704a}.wma800-reading-intro h2{margin:5px 0 6px;color:#174d36;font-size:30px}.wma800-reading-intro p{margin:0;color:#718078}
.wma800-player{max-width:920px;margin:18px auto 30px;border:1px solid #dbe8df;border-radius:28px;background:linear-gradient(145deg,#fbfffc 0%,#fff 58%,#fffaf0 100%);box-shadow:0 18px 50px rgba(19,81,51,.09);overflow:hidden}.wma800-player-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:27px 30px 18px}.wma800-player-head h2{font:800 clamp(25px,3vw,34px)/1.15 Georgia,serif;color:#14583b;margin:5px 0}.wma800-player-head p{margin:0;color:#718078}.wma800-sound{border:1px solid #d9e6dd;background:#fff;border-radius:50%;width:44px;height:44px;font-size:18px;cursor:pointer}.wma800-language{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 30px 22px}.wma800-language>span{font-weight:800;color:#56675d;margin-right:5px}.wma800-language button{border:1px solid #d9e6dd;background:#fff;color:#176b45;border-radius:999px;padding:9px 15px;font-weight:800;cursor:pointer}.wma800-language button.is-active{background:#176b45;color:#fff;border-color:#176b45}.wma800-stage{padding:0 30px 30px}.wma800-question{padding:25px;border:1px solid #e0e9e3;border-radius:22px;background:#fff}.wma800-qtop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.wma800-qtop>span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#849087;text-transform:uppercase}.wma800-listen{border:0;border-radius:999px;background:#edf7ef;color:#176b45;padding:9px 13px;font-weight:800;cursor:pointer}.wma800-question h3{font-size:clamp(21px,2.6vw,29px);line-height:1.3;color:#173f2e;margin:10px 0 22px}.wma800-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.wma800-options button{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;text-align:left;min-height:68px;padding:10px 16px;border:1px solid #dce7df;border-radius:17px;background:#fbfdfb;color:#243d31;font:700 16px/1.35 inherit;cursor:pointer;transition:.16s}.wma800-options button:hover{border-color:#7daf91;transform:translateY(-1px)}.wma800-options button b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf5ec;color:#176b45}.wma800-options button.is-correct{border-color:#72b787;background:#edf9f0}.wma800-options button.is-correct b{background:#176b45;color:#fff}.wma800-options button.is-wrong{border-color:#e2a19a;background:#fff2f0}.wma800-options button.is-wrong b{background:#b9483b;color:#fff}.wma800-options button:disabled{cursor:default;opacity:1}.wma800-feedback{min-height:24px;margin:17px 2px 0;color:#586a60}.wma800-next{display:block;margin:18px 0 0 auto;border:0;border-radius:999px;background:#176b45;color:#fff;padding:12px 20px;font-weight:900;cursor:pointer}.wma800-result{text-align:center;padding:36px 30px 42px}.wma800-trophy{font-size:48px}.wma800-result>span{display:block;font-weight:900;letter-spacing:.09em;font-size:11px;color:#748178}.wma800-result h3{font-size:42px;color:#176b45;margin:7px 0}.wma800-result p{color:#65756c}.wma800-result button,.wma800-result a{display:inline-block;margin:8px 4px;border:1px solid #d5e3da;border-radius:999px;padding:11px 17px;background:#fff;color:#176b45;font-weight:900;text-decoration:none;cursor:pointer}.wma800-lock{margin:20px 0;padding:20px;border:1px solid #eadcae;border-radius:18px;background:#fff9e7;color:#6c5a25}
.wma800-archive,.wma800-single{max-width:1180px;margin:0 auto;padding:30px 20px 60px}.wma800-archive-hero{padding:34px;border-radius:28px;background:linear-gradient(120deg,#0d5d3c,#176b45 62%,#7e963d);color:#fff;margin-bottom:25px}.wma800-archive-hero span{font-size:11px;font-weight:900;letter-spacing:.13em}.wma800-archive-hero h1{font-size:clamp(32px,5vw,52px);margin:8px 0;color:#fff}.wma800-archive-hero p{max-width:760px;line-height:1.6;opacity:.9}.wma800-ex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.wma800-ex-card{overflow:hidden;border:1px solid #dce7df;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(20,80,50,.06)}.wma800-ex-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.wma800-ex-card>div{padding:20px}.wma800-ex-card h2{color:#174d36;margin:10px 0 7px}.wma800-ex-card p{color:#6d7b73}.wma800-plan,.wma800-count{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;margin-right:5px}.wma800-plan.is-demo{background:#e5f5e7;color:#176b45}.wma800-plan.is-standard{background:#e7f1ff;color:#315d8c}.wma800-plan.is-premium{background:#fff0c9;color:#815b00}.wma800-count{background:#f0f3f1;color:#647168}.wma800-card-actions{display:flex;gap:7px;flex-wrap:wrap}.wma800-card-actions a{border:1px solid #d9e5dd;border-radius:999px;padding:9px 12px;text-decoration:none;color:#176b45;font-weight:800}.wma800-card-actions a.primary{background:#176b45;color:#fff;border-color:#176b45}.wma800-back{display:inline-block;margin-bottom:15px;color:#176b45;font-weight:800;text-decoration:none}
.wma800-home-exercises{padding:0 0 28px}.wma800-home-exercises__card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 25px;border:1px solid #d8e7dd;border-radius:24px;background:linear-gradient(110deg,#edf8ef,#fff9df);text-decoration:none;box-shadow:0 12px 32px rgba(23,86,55,.06)}.wma800-home-exercises__icon{font-size:34px}.wma800-home-exercises__card small{display:block;color:#176b45;font-weight:900;letter-spacing:.1em}.wma800-home-exercises__card strong{display:block;color:#174d36;font:800 26px Georgia,serif;margin:3px 0}.wma800-home-exercises__card em{font-style:normal;color:#68776f}.wma800-home-exercises__card>b{color:#176b45}
/* admin */.wma800-editor-top,.wma800-langgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wma800-editor label{display:flex;flex-direction:column;gap:6px}.wma800-editor input[type=url],.wma800-editor input[type=text],.wma800-editor textarea,.wma800-editor select{width:100%}.wma800-q{margin:17px 0;padding:18px;border:1px solid #dce7df;border-radius:17px;background:#fbfdfb}.wma800-q header{display:flex;justify-content:space-between;margin-bottom:14px}.wma800-answers{display:grid;gap:8px;margin-top:14px}.wma800-answer{display:grid;grid-template-columns:35px 1fr 1fr 110px;gap:8px;align-items:center}.wma800-answer>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e9f4eb;color:#176b45}.wma800-stats,.wma800-settings{max-width:1250px}.wma800-stats-hero{margin:20px 0;padding:26px 30px;border-radius:24px;background:linear-gradient(120deg,#0c5b3b,#176b45 65%,#81953f);color:#fff}.wma800-stats-hero h1{color:#fff;font-size:32px;margin:5px 0}.wma800-statcards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.wma800-statcards>div,.wma800-statpanel,.wma800-soundcards label{background:#fff;border:1px solid #dce8df;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(23,86,55,.05)}.wma800-statcards b{display:block;font-size:30px;color:#176b45}.wma800-statcards span{color:#6b7971;font-weight:700}.wma800-statpanel{margin-top:16px}.wma800-statpanel table{width:100%;border-collapse:collapse}.wma800-statpanel th,.wma800-statpanel td{padding:12px;border-bottom:1px solid #edf1ee;text-align:left}.wma800-soundcards{display:grid;gap:12px}.wma800-soundcards label{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:12px}.wma800-soundcards input{width:100%}
@media(max-width:900px){.wma800-ex-grid{grid-template-columns:1fr 1fr}.wma800-statcards{grid-template-columns:1fr 1fr}.wma800-soundcards label{grid-template-columns:1fr}.wma800-answer{grid-template-columns:32px 1fr}.wma800-answer label{grid-column:2}.wma800-langgrid,.wma800-editor-top{grid-template-columns:1fr}}
@media(max-width:650px){.wma800-player{border-radius:20px;margin:14px 0}.wma800-player-head,.wma800-stage{padding-left:17px;padding-right:17px}.wma800-language{padding-left:17px;padding-right:17px}.wma800-options{grid-template-columns:1fr}.wma800-question{padding:18px 14px}.wma800-qtop{align-items:flex-start;flex-direction:column}.wma800-listen{width:100%;min-height:44px}.wma800-ex-grid{grid-template-columns:1fr}.wma800-home-exercises__card{grid-template-columns:auto 1fr}.wma800-home-exercises__card>b{grid-column:2}.wma800-statcards{grid-template-columns:1fr 1fr}}

/* =========================================================
   AWM 8.0.1 — wygodny edytor Ćwiczeń AWM
   ========================================================= */
body.post-type-wma_exercise #poststuff #post-body-content{margin-bottom:18px}
body.post-type-wma_exercise #wma800_exercise{border:0;box-shadow:none;background:transparent}
body.post-type-wma_exercise #wma800_exercise .postbox-header{border:1px solid #dce9df;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#f4fbf6,#fff9e8)}
body.post-type-wma_exercise #wma800_exercise .inside{margin:0;padding:0;background:transparent}
.wma801-editor{--e-green:#176b45;--e-dark:#104d34;--e-muted:#6d7b73;--e-border:#d9e8de;--e-blue:#edf6ff;display:grid;gap:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wma801-editor section{box-sizing:border-box}.wma801-setup,.wma801-importer,.wma801-manual{border:1px solid var(--e-border);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(23,86,55,.05);overflow:hidden}
.wma801-setup{padding:22px;background:linear-gradient(120deg,#f4fbf6 0%,#fffdf5 100%)}
.wma801-importer{padding:22px;background:linear-gradient(135deg,#f4fbff 0%,#fff 50%,#fff9e8 100%);border-color:#d8e7ed}
.wma801-manual{padding:22px;background:#fbfdfb}
.wma801-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.wma801-section-head>div{min-width:0}.wma801-section-head span{display:block;color:var(--e-green);font-size:10.5px;font-weight:900;letter-spacing:.13em}.wma801-section-head h3{margin:4px 0 3px;color:var(--e-dark);font-size:22px;line-height:1.2}.wma801-section-head h3 em{display:inline-grid;place-items:center;min-width:30px;height:30px;margin-left:7px;padding:0 8px;border-radius:999px;background:#e8f5ec;color:var(--e-green);font-style:normal;font-size:14px}.wma801-section-head p{margin:0;color:var(--e-muted);line-height:1.5}.wma801-pill{padding:7px 11px;border-radius:999px;background:#e8f5ec;color:var(--e-green);font-size:11px;font-weight:900;white-space:nowrap}
.wma801-setup-grid,.wma801-import-grid,.wma801-question-grid,.wma801-audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wma801-editor label{display:flex;flex-direction:column;gap:7px;color:#254d3a;font-weight:700}.wma801-editor select,.wma801-editor input[type=text],.wma801-editor input[type=url],.wma801-editor textarea{width:100%;box-sizing:border-box;border:1px solid #cfe0d5;border-radius:13px;background:#fff;color:#173f2e;box-shadow:none;font:500 14px/1.45 inherit;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.wma801-editor select{min-height:44px}.wma801-editor input[type=text],.wma801-editor input[type=url]{min-height:43px}.wma801-editor textarea{resize:vertical;min-height:86px}.wma801-editor input:focus,.wma801-editor textarea:focus,.wma801-editor select:focus{border-color:#5d9b78;box-shadow:0 0 0 3px rgba(23,107,69,.10);outline:0}
.wma801-import-grid textarea{min-height:250px;background:rgba(255,255,255,.9);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}.wma801-import-grid label>span,.wma801-question-grid label>span,.wma801-audio-grid label>span{font-weight:900;color:#185f41}.wma801-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.wma801-import-actions .button-primary{background:var(--e-green);border-color:var(--e-green);box-shadow:none}.wma801-import-actions #wma801-import-status{font-weight:800}.wma801-import-actions #wma801-import-status.is-ok{color:#17704a}.wma801-import-actions #wma801-import-status.is-warn{color:#9a6900}.wma801-import-actions #wma801-import-status.is-error{color:#b64136}.wma801-import-help{margin-top:13px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.7);border:1px dashed #cadde4;color:#63746b}.wma801-import-help code{background:#fff;border:1px solid #e0e7e3;border-radius:6px;padding:1px 5px}
.wma801-empty{padding:28px;border:2px dashed #d9e5dc;border-radius:18px;text-align:center;color:#738079;background:#fff}
.wma800-q{margin:0 0 18px!important;padding:0!important;border:1px solid #d8e6dc!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(23,86,55,.045);overflow:hidden}.wma801-q-head{display:flex;justify-content:space-between;align-items:center;gap:12px!important;margin:0!important;padding:15px 18px;background:linear-gradient(90deg,#ecf8ef,#fff9e4);border-bottom:1px solid #e2ebe5}.wma801-q-head>div{display:flex;align-items:center;gap:10px;min-width:0}.wma801-q-badge{display:inline-flex!important;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#176b45!important;color:#fff!important;font-size:10px!important;letter-spacing:.09em!important;font-weight:900}.wma801-q-head strong{color:#174d36;font-size:15px}.wma801-q-head .wma800-remove{color:#b5463c;text-decoration:none;font-weight:700}.wma801-question-grid{padding:18px}.wma801-question-grid textarea{min-height:92px}.wma801-answers-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 18px 10px}.wma801-answers-head span{font-weight:900;color:#174d36}.wma801-answers-head small{color:#7a877f}.wma800-answers{display:grid!important;gap:8px!important;margin:0!important;padding:0 18px 18px}.wma800-answer{display:grid!important;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 112px!important;align-items:center;gap:9px!important;padding:8px;border:1px solid #e1e9e4;border-radius:14px;background:#fbfdfb}.wma800-answer>b{display:grid!important;place-items:center;width:34px!important;height:34px!important;border-radius:11px!important;background:#e8f4eb!important;color:#176b45!important;font-size:13px}.wma801-correct{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center;gap:6px!important;margin:0!important;min-height:38px;border-radius:11px;background:#f0f5f1;color:#5f6f66!important;font-size:12px;cursor:pointer}.wma801-correct:has(input:checked){background:#daf0e1;color:#176b45!important;font-weight:900}.wma801-correct input{margin:0}
.wma801-audio{padding:16px 18px 19px;background:#f7fbff;border-top:1px solid #e3ebee}.wma801-audio-title{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:12px}.wma801-audio-title strong{color:#225d7b}.wma801-audio-title span{color:#71828b;font-size:12px}.wma801-audio-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.wma801-audio-row .button{min-height:43px;border-radius:11px;border-color:#bcd3df;color:#225d7b;font-weight:700;background:#fff}
@media(max-width:1050px){.wma800-answer{grid-template-columns:36px 1fr 1fr!important}.wma801-correct{grid-column:2/4;justify-self:start;padding:0 12px}.wma801-section-head{align-items:flex-start}}
@media(max-width:782px){.wma801-setup-grid,.wma801-import-grid,.wma801-question-grid,.wma801-audio-grid{grid-template-columns:1fr}.wma801-section-head{flex-direction:column}.wma801-section-head .button{width:100%;min-height:42px}.wma800-answer{grid-template-columns:34px 1fr!important}.wma800-answer input[data-lang="pl"]{grid-column:2}.wma801-correct{grid-column:2;justify-self:stretch}.wma801-audio-row{grid-template-columns:1fr}.wma801-import-grid textarea{min-height:220px}.wma801-setup,.wma801-importer,.wma801-manual{padding:16px;border-radius:17px}}

/* =========================================================
   AWM 8.1.1 — Ćwiczenia jako pełnoprawny materiał
   ========================================================= */
.wma811-exercise-showcase{grid-column:2;grid-row:2;width:min(100%,330px);justify-self:center;margin-top:-6px;background:linear-gradient(135deg,#f8e7ae,#fff7dc)!important;border-color:rgba(175,133,34,.22)!important;box-shadow:0 12px 30px rgba(153,113,22,.10)!important}
.wma811-exercise-showcase .wma570-glass__icon{background:linear-gradient(135deg,#d6a636,#f1cc72);color:#fff}
.wma570-showcase__stage{grid-template-rows:auto auto}
.wma570-showcase__links{grid-row:1 / span 2}
.wma811-best{display:inline-block;margin-left:4px;border-radius:999px;padding:5px 9px;background:#fff6d8;color:#775a0b;font-size:11px;font-weight:900}
.wma800-sound{position:relative}.wma800-sound::after{content:'efekty';position:absolute;left:50%;top:46px;transform:translateX(-50%);font-size:9px;color:#728078;white-space:nowrap;font-weight:800}.wma800-listen.is-playing{background:#fff1cc;color:#795900}
@media(max-width:760px){.wma811-exercise-showcase{display:flex;width:100%;margin:10px 0 0}.wma570-showcase__stage{display:block}.wma800-sound::after{display:none}}

/* =========================================================
   AWM 8.1.2 — ćwiczenia: UX, dialogi, zwijanie, jasny błękit
   ========================================================= */
.wma812-exercise-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.wma812-exercise-tile{appearance:none;text-align:left;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;width:100%;padding:16px 18px;border:1.5px solid #75a9c7;border-radius:18px;background:#eaf7ff;color:#174c68;box-shadow:0 8px 22px rgba(42,105,141,.07);cursor:pointer}.wma812-exercise-tile>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#d8effc;font-size:21px}.wma812-exercise-tile strong{font-size:16px}.wma812-exercise-tile small{color:#5e7d8e}.wma812-exercise-tile:hover,.wma812-exercise-tile.is-open{background:#dff2fd;border-color:#397fa7;transform:translateY(-1px)}.wma812-exercise-panel{scroll-margin-top:90px}.wma812-exercise-panel[hidden]{display:none!important}
.wma800-player{border-color:#a8cfe4;background:#eef9ff}.wma800-player-head{background:linear-gradient(120deg,#e6f6ff,#f7fcff)!important}.wma800-stage{background:#eef9ff}.wma800-question{background:#eaf7ff!important;border:1px solid #9fc9df!important;border-radius:22px!important}.wma800-options button:nth-child(1){background:#fff7dd}.wma800-options button:nth-child(2){background:#eaf8ee}.wma800-options button:nth-child(3){background:#f3edff}.wma800-options button:nth-child(4){background:#ffeef1}.wma800-options button:nth-child(5){background:#edf7ff}.wma800-options button:nth-child(6){background:#fff1e7}.wma800-options button.is-correct{background:#d9f2df!important;border-color:#4c9a65!important;color:#155d31!important}.wma800-options button.is-wrong{background:#fde2e2!important;border-color:#c86666!important;color:#7b2929!important}.wma800-next[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.25)}.wma800-feedback{min-height:28px;margin-top:12px}.wma812-start{text-align:center;padding:28px 24px 32px;background:#eef9ff}.wma812-start p{max-width:650px;margin:0 auto 16px;color:#587486}.wma812-start-btn{min-width:170px;min-height:50px;border:0;border-radius:999px;background:#176b45;color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 10px 22px rgba(23,107,69,.18)}
.wma812-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,36%) ;gap:20px;align-items:center}.wma812-type-dialog .wma800-options{grid-template-columns:1fr}.wma812-scene-front{min-height:260px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.65);border:1px solid #b9d8e8;overflow:hidden}.wma812-scene-front:empty{display:none}.wma812-scene-front img,.wma812-scene-front video{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.wma812-scene{padding:0 18px 18px}.wma812-scene label>span{font-weight:900;color:#225d7b}
.wma811-exercise-showcase{width:100%!important;max-width:none!important;margin:0!important;min-height:72px;box-sizing:border-box;align-self:start;background:linear-gradient(135deg,#fae8a9,#fff5cf)!important;border:1px solid rgba(168,126,27,.26)!important;box-shadow:0 10px 26px rgba(132,95,15,.09)!important}
@media(max-width:760px){.wma812-exercise-tiles{grid-template-columns:1fr}.wma812-dialog-layout{grid-template-columns:1fr}.wma812-scene-front{grid-row:1;min-height:180px}.wma812-type-dialog .wma800-options{grid-row:2}.wma811-exercise-showcase{margin:10px 0 0!important}}

.wma812-dialog-layout{grid-template-columns:minmax(0,1fr) minmax(220px,34%) minmax(0,1fr)}
@media(max-width:900px){.wma812-dialog-layout{grid-template-columns:1fr}.wma812-scene-front{grid-row:1}.wma812-dialog-side{grid-template-columns:1fr!important}}


/* =========================================================
   AWM 8.1.3 — porządek kokpitu + system motywów Ćwiczeń AWM
   ========================================================= */
:root{--wma-ex-primary:#2f79a6;--wma-ex-dark:#174c68;--wma-ex-soft:#eaf7ff;--wma-ex-border:#9fc9df;--wma-ex-a:#f4f9fc;--wma-ex-b:#edf6fb;--wma-ex-c:#f7fbfd;--wma-ex-d:#f1f8fc}
/* Kafelek pod telefonem: złoto wyłącznie w środku, wyraźna biała rama jak w pozostałych kartach. */
.wma811-exercise-showcase{background:linear-gradient(135deg,#f8e4a2,#fff3c8)!important;border:6px solid #fff!important;outline:1px solid rgba(180,142,54,.18)!important;background-clip:padding-box!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(120,91,24,.10),0 0 0 1px rgba(255,255,255,.85)!important;padding:12px 15px!important;min-height:76px!important}
.wma811-exercise-showcase .wma570-glass__icon{background:linear-gradient(135deg,#d7a52e,#f0c95f)!important;color:#fff!important}
/* Sekcja ćwiczeń przy czytance bierze kolor z systemowego motywu. */
.wma800-reading-intro>span{color:var(--wma-ex-primary)!important}.wma800-reading-intro h2{color:var(--wma-ex-dark)!important}.wma800-reading-intro p{color:#61788a!important}
.wma812-exercise-tile{border-color:var(--wma-ex-border)!important;background:var(--wma-ex-soft)!important;color:var(--wma-ex-dark)!important}.wma812-exercise-tile>span{background:#fff!important;color:var(--wma-ex-primary)!important}.wma812-exercise-tile small{color:var(--wma-ex-primary)!important;opacity:.78}.wma812-exercise-tile:hover,.wma812-exercise-tile.is-open{border-color:var(--wma-ex-primary)!important;background:var(--wma-ex-soft)!important}
/* Sama karta PYTANIA jest biała. Błękit/wybrany motyw opisuje strukturę, nie zalewa treści. */
.wma800-player{border-color:var(--wma-ex-border)!important;background:var(--wma-ex-soft)!important}.wma800-player-head{background:linear-gradient(120deg,var(--wma-ex-soft),#fff)!important}.wma800-player-head h2{color:var(--wma-ex-dark)!important}.wma800-language>span{color:var(--wma-ex-dark)!important}.wma800-language button{color:var(--wma-ex-primary)!important;border-color:var(--wma-ex-border)!important}.wma800-language button.is-active{background:var(--wma-ex-primary)!important;border-color:var(--wma-ex-primary)!important;color:#fff!important}.wma800-stage{background:var(--wma-ex-soft)!important}.wma800-question{background:#fff!important;border:1.5px solid var(--wma-ex-border)!important;box-shadow:0 9px 24px rgba(31,92,128,.06)!important}.wma800-qtop>span{color:var(--wma-ex-primary)!important}.wma800-question h3{color:var(--wma-ex-dark)!important}.wma800-listen{background:var(--wma-ex-soft)!important;color:var(--wma-ex-dark)!important;border:1px solid var(--wma-ex-border)!important}.wma800-feedback{color:var(--wma-ex-dark)!important}.wma800-next{background:var(--wma-ex-primary)!important}.wma800-result h3{color:var(--wma-ex-dark)!important}
.wma800-options button{color:var(--wma-ex-dark)!important;border-color:var(--wma-ex-border)!important}.wma800-options button:nth-child(1){background:var(--wma-ex-a)!important}.wma800-options button:nth-child(2){background:var(--wma-ex-b)!important}.wma800-options button:nth-child(3){background:var(--wma-ex-c)!important}.wma800-options button:nth-child(4){background:var(--wma-ex-d)!important}.wma800-options button:nth-child(5){background:var(--wma-ex-a)!important}.wma800-options button:nth-child(6){background:var(--wma-ex-b)!important}.wma800-options button b{background:#fff!important;color:var(--wma-ex-primary)!important;border:1px solid var(--wma-ex-border)!important}.wma800-options button:hover{border-color:var(--wma-ex-primary)!important}.wma800-options button.is-correct{background:#d9f2df!important;border-color:#4c9a65!important;color:#155d31!important}.wma800-options button.is-wrong{background:#fde2e2!important;border-color:#c86666!important;color:#7b2929!important}
.wma812-start{background:var(--wma-ex-soft)!important}.wma812-start p{color:var(--wma-ex-dark)!important}.wma812-start-btn{background:var(--wma-ex-primary)!important}.wma812-scene-front{border-color:var(--wma-ex-border)!important}.wma812-scene label>span{color:var(--wma-ex-dark)!important}

/* =========================================================
   AWM 8.1.4 — mała łatka: kafelek Ćwiczeń 1:1 jak pozostałe
   Jedyna różnica: pastelowe złote wypełnienie i złota ikona.
   ========================================================= */
.wma811-exercise-showcase{
  width:100%!important;
  max-width:none!important;
  min-height:88px!important;
  margin:0!important;
  padding:16px 20px!important;
  gap:16px!important;
  border:1px solid rgba(255,255,255,.95)!important;
  outline:0!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,239,177,.95),rgba(255,249,224,.90))!important;
  background-clip:border-box!important;
  box-shadow:0 16px 38px rgba(29,64,42,.10),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.wma811-exercise-showcase .wma570-glass__icon{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#e2b43d,#f3cb5e)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 20px rgba(24,64,36,.06)!important;
}
.wma811-exercise-showcase:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 24px 52px rgba(22,49,26,.16),inset 0 1px 0 #fff!important;
  border-color:#fff!important;
}
@media(max-width:1050px){
  .wma811-exercise-showcase{min-height:80px!important;padding:14px!important}
  .wma811-exercise-showcase .wma570-glass__icon{flex-basis:44px!important;width:44px!important;height:44px!important}
}
@media(max-width:760px){
  .wma811-exercise-showcase{min-height:70px!important;padding:11px 13px!important;border-radius:18px!important;margin:10px 0 0!important;box-shadow:0 7px 20px rgba(20,70,42,.07)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .wma811-exercise-showcase .wma570-glass__icon{flex-basis:42px!important;width:42px!important;height:42px!important;border-radius:13px!important}
  .wma811-exercise-showcase:hover{transform:none!important;box-shadow:0 7px 20px rgba(20,70,42,.07)!important}
}


/* AWM 8.2.3 — równe okładki i filtry biblioteki ćwiczeń */
.wma823-ex-cover{display:flex;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--wma-ex-soft,#eaf6ff),#fff);align-items:center;justify-content:center;text-decoration:none}
.wma823-ex-cover img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.wma823-ex-cover>span{font-size:44px}
.wma823-ex-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;padding:16px;margin:0 0 22px;background:#fff;border:1px solid #dce7df;border-radius:20px;box-shadow:0 8px 24px rgba(20,80,50,.05)}
.wma823-ex-filters label{display:grid;gap:5px}.wma823-ex-filters label>span{font-size:11px;font-weight:850;color:#517062;text-transform:uppercase;letter-spacing:.04em}
.wma823-ex-filters input,.wma823-ex-filters select{width:100%;min-height:42px;border:1px solid #d6e2db;border-radius:12px;background:#fff;padding:8px 10px;color:#244b38}
.wma823-ex-filters button,.wma823-ex-filters>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;padding:8px 14px;font-weight:850;text-decoration:none}
.wma823-ex-filters button{border:0;background:#176b45;color:#fff;cursor:pointer}.wma823-ex-filters>a{border:1px solid #d6e2db;color:#176b45;background:#fff}
.wma823-no-results{padding:30px;text-align:center;background:#fff;border:1px solid #dce7df;border-radius:20px}.wma823-no-results p{margin-bottom:0;color:#68786f}
@media(max-width:1050px){.wma823-ex-filters{grid-template-columns:repeat(3,1fr)}.wma823-search{grid-column:span 2}}
@media(max-width:700px){.wma823-ex-filters{grid-template-columns:1fr 1fr;padding:13px}.wma823-search{grid-column:1/-1}.wma823-ex-filters label:nth-of-type(2){grid-column:1/-1}.wma823-ex-filters button,.wma823-ex-filters>a{width:100%}}

/* AWM 8.3.3 — zakończenie dialogu */
.wma833-dialog-closing{margin:24px 0;padding:24px;border-radius:18px;background:#fffaf0;border:1px solid rgba(23,107,69,.18);text-align:center}
.wma833-dialog-closing-line{font-size:1.15rem;font-weight:700;color:#103d2b;margin:0 0 12px}
.wma833-dialog-finish{margin-top:10px}

/* AWM 8.3.6 — pseudoanimacja dialogów */
.wma812-type-dialog .wma800-question>h3{display:none}
.wma812-type-dialog .wma812-dialog-layout{display:grid;grid-template-columns:minmax(260px,42%) minmax(0,1fr);gap:26px;align-items:center}
.wma836-character{width:100%;min-height:320px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid var(--wma-ex-border);display:grid;place-items:center}
.wma836-character img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;opacity:.97;transition:opacity .18s ease}
.wma836-character img.is-frame-visible{opacity:1}
.wma836-dialog-choices{min-width:0}
.wma836-dialog-prompt{display:block!important;margin:0 0 18px!important}
.wma812-type-dialog .wma836-dialog-choices .wma800-options{display:grid;grid-template-columns:1fr;gap:12px}
@media(max-width:760px){
 .wma812-type-dialog .wma812-dialog-layout{grid-template-columns:1fr;gap:18px}
 .wma836-character{min-height:180px;grid-row:1}
 .wma836-dialog-choices{grid-row:2}
 .wma836-character img{max-height:420px}
}

/* AWM 8.3.7 — naprawa pseudoanimacji i stabilizacja karty */
.wma836-character img[data-character-image]{opacity:1;transition:opacity .14s ease}
.wma836-character img[data-character-image]:not(.is-frame-visible){opacity:.72}
.wma812-type-dialog .wma800-feedback{min-height:48px;margin-top:16px;display:flex;align-items:center;box-sizing:border-box}
.wma812-type-dialog .wma800-next{min-height:44px}
.wma812-type-dialog .wma800-question{overflow-anchor:none}
.wma812-type-dialog .wma836-dialog-choices{align-self:start}

/* AWM 8.3.8 — płynne klatki bez zmiany wymiarów */
.wma812-type-dialog .wma812-dialog-layout{align-items:start}
.wma836-character{position:relative!important;width:100%!important;aspect-ratio:4/3!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:rgba(255,255,255,.72);display:block!important}
.wma836-character-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0!important;transition:opacity .34s ease!important;pointer-events:none}
.wma836-character-frame.is-active{opacity:1!important}
.wma812-type-dialog .wma836-dialog-choices{align-self:start!important}
.wma812-type-dialog .wma800-feedback{min-height:52px!important;max-height:52px!important;overflow:hidden!important;margin-top:16px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
.wma812-type-dialog .wma800-next{min-height:44px!important}
@media(max-width:760px){
 .wma836-character{aspect-ratio:4/3!important}
}

/* AWM 8.3.9 — stabilny układ dialogu i pełny ekran końcowej kwestii */
.wma812-type-dialog .wma800-question{overflow-anchor:none!important}
.wma812-type-dialog .wma812-dialog-layout{
  display:grid!important;
  grid-template-columns:minmax(280px,42%) minmax(0,1fr)!important;
  gap:26px!important;
  align-items:start!important;
  min-height:430px!important;
}
.wma812-type-dialog .wma836-character{
  position:relative!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
.wma812-type-dialog .wma836-dialog-choices{
  display:grid!important;
  grid-template-rows:96px auto 52px 44px!important;
  align-content:start!important;
  min-height:430px!important;
}
.wma812-type-dialog .wma836-dialog-prompt{
  min-height:96px!important;
  max-height:96px!important;
  overflow:auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
.wma812-type-dialog .wma836-dialog-choices .wma800-options{
  align-self:start!important;
}
.wma812-type-dialog .wma800-feedback{
  min-height:52px!important;
  max-height:52px!important;
  overflow:hidden!important;
  margin:12px 0 0!important;
}
.wma812-type-dialog .wma800-next{
  min-height:44px!important;
  margin-top:0!important;
}
.wma833-dialog-closing{
  padding:24px!important;
  margin:0!important;
  background:#fff!important;
  border:1.5px solid var(--wma-ex-border)!important;
  border-radius:22px!important;
  box-shadow:0 9px 24px rgba(31,92,128,.06)!important;
}
.wma833-closing-layout{
  display:grid;
  grid-template-columns:minmax(280px,42%) minmax(0,1fr);
  gap:26px;
  align-items:start;
  min-height:430px;
}
.wma833-closing-copy{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.wma833-closing-copy h3{
  margin:14px 0 8px;
  font-size:clamp(24px,3vw,36px);
  line-height:1.25;
  color:var(--wma-ex-dark);
}
.wma833-closing-copy p{margin:0;color:#718078}
@media(max-width:760px){
  .wma812-type-dialog .wma812-dialog-layout,
  .wma833-closing-layout{grid-template-columns:1fr!important;min-height:0!important}
  .wma812-type-dialog .wma836-dialog-choices{grid-template-rows:auto auto 52px 44px!important;min-height:0!important}
  .wma812-type-dialog .wma836-dialog-prompt{min-height:0!important;max-height:none!important;overflow:visible!important;padding:4px 0 8px}
  .wma833-closing-copy{min-height:0!important;padding:8px 2px 4px}
}

/* AWM 8.3.10 — zmiana klatek bez jasnego błysku */
.wma836-character-frame{
  opacity:0!important;
  transition:none!important;
  background:transparent!important;
}
.wma836-character-frame.is-active{
  opacity:1!important;
}
.wma836-character{
  background:#fff!important;
}

/* AWM 8.3.12 — mniej pustki, zero skakania */
.wma812-type-dialog .wma812-dialog-layout{
  min-height:0!important;
  align-items:start!important;
}
.wma812-type-dialog .wma836-dialog-choices{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.wma812-type-dialog .wma836-dialog-prompt{
  min-height:86px!important;
  max-height:86px!important;
  overflow:auto!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 14px!important;
}
.wma812-type-dialog .wma836-dialog-choices .wma800-options{
  margin:0!important;
}
.wma812-type-dialog .wma800-feedback{
  min-height:50px!important;
  max-height:50px!important;
  margin:12px 0 0!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.wma812-type-dialog .wma800-next{
  margin:10px 0 0 auto!important;
}
.wma812-type-dialog .wma800-question{
  padding-bottom:20px!important;
}
@media (max-width:1100px){
  .wma812-type-dialog .wma812-dialog-layout{
    gap:20px!important;
  }
  .wma812-type-dialog .wma836-dialog-prompt{
    min-height:78px!important;
    max-height:78px!important;
  }
}
@media (max-width:760px){
  .wma812-type-dialog .wma800-question{
    padding:16px!important;
  }
  .wma812-type-dialog .wma812-dialog-layout{
    gap:14px!important;
  }
  .wma812-type-dialog .wma836-character{
    max-width:100%!important;
  }
  .wma812-type-dialog .wma836-dialog-prompt{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 10px!important;
    font-size:clamp(24px,7vw,34px)!important;
  }
  .wma812-type-dialog .wma836-dialog-choices .wma800-options{
    gap:10px!important;
  }
  .wma812-type-dialog .wma836-dialog-choices .wma800-options button{
    min-height:64px!important;
    padding:12px 14px!important;
  }
  .wma812-type-dialog .wma800-feedback{
    min-height:44px!important;
    max-height:44px!important;
    margin-top:10px!important;
  }
  .wma812-type-dialog .wma800-next{
    margin-top:8px!important;
  }
}

/* AWM 8.3.13 — bardziej kompaktowy dialog na telefonie */
@media (max-width:760px){
  .wma812-type-dialog .wma800-question{
    padding:12px!important;
  }

  .wma812-type-dialog .wma812-dialog-layout{
    gap:10px!important;
  }

  .wma812-type-dialog .wma836-character{
    width:86%!important;
    max-width:360px!important;
    margin:0 auto!important;
    aspect-ratio:4/3!important;
  }

  .wma812-type-dialog .wma836-dialog-prompt{
    margin:0 0 8px!important;
    font-size:clamp(21px,6vw,29px)!important;
    line-height:1.18!important;
  }

  .wma812-type-dialog .wma836-dialog-choices .wma800-options{
    gap:7px!important;
  }

  .wma812-type-dialog .wma836-dialog-choices .wma800-options button{
    min-height:54px!important;
    padding:8px 10px!important;
    border-radius:18px!important;
    line-height:1.18!important;
  }

  .wma812-type-dialog .wma836-dialog-choices .wma800-options button b{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    margin-right:10px!important;
  }

  .wma812-type-dialog .wma836-dialog-choices .wma800-options button span{
    font-size:16px!important;
  }

  .wma812-type-dialog .wma800-feedback{
    min-height:40px!important;
    max-height:40px!important;
    margin-top:8px!important;
    line-height:1.15!important;
  }

  .wma812-type-dialog .wma800-next{
    min-height:42px!important;
    padding:9px 16px!important;
    margin-top:6px!important;
  }

  .wma812-type-dialog .wma800-stage{
    overflow-anchor:none!important;
  }
}


/* AWM 8.4.4 — justowanie czytanki */
.wma-reading-text{ text-align:justify; text-justify:inter-word; }

/* AWM 8.7.1 — oznaczenie dostępnego PDF na kartach czytanek */
.wma-reading-resource-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0 0}
.wma-reading-resource-badges .wma820-reading-ex-count{margin:0}
.wma-reading-pdf-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#fff6d9;border:1px solid #ead18a;color:#755511;font-size:11px;font-weight:900;text-decoration:none;line-height:1.2}
.wma-reading-pdf-badge:hover{background:#ffefbc;color:#654607}
.wma-reading-pdf-badge.is-locked{background:#f5f2e9;border-color:#ddd5c2;color:#756b58}


/* AWM 8.7.18 — wspólny ekran dostępu dla materiałów chronionych */
.wma8718-access-gate{max-width:760px;margin:28px auto 0;text-align:center}
.wma8718-access-gate .wma-locked-actions{justify-content:center}
.wma8718-access-gate .wma-locked-icon{margin-left:auto;margin-right:auto}


/* =========================================================
   8.8.0 — METEO DI ROMA
   ========================================================= */
.wma880-home{padding:34px 24px 46px;max-width:1240px;margin:0 auto}
.wma880-home__card{position:relative;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:0;overflow:hidden;border:1px solid rgba(23,107,69,.12);border-radius:34px;background:linear-gradient(135deg,#edf9f3 0%,#fffdf4 55%,#edf5ff 100%);box-shadow:0 24px 70px rgba(24,78,48,.11)}
.wma880-home__image{min-height:330px;background:#dfeee7}.wma880-home__image img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}.wma880-placeholder{height:100%;min-height:330px;display:grid;place-items:center;text-align:center;font:800 38px/1.1 Georgia,serif;color:#176b45}.wma880-placeholder small{font:600 13px/1.4 Raleway,sans-serif}
.wma880-home__copy{padding:42px 46px;display:flex;flex-direction:column;justify-content:center}.wma880-home__copy h2{font:700 clamp(30px,4vw,52px)/1.02 Georgia,serif;margin:12px 0 16px;color:#0d5a3b}.wma880-home__copy p{font-size:16px;line-height:1.7;color:#53685d}.wma880-facts{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:4px 0 8px}.wma880-facts strong{font-size:25px}.wma880-facts span{font-weight:700;color:#486458}.wma880-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.wma880-actions audio{max-width:270px;height:42px}.wma880-btn{display:inline-flex;padding:12px 19px;border-radius:999px;background:#176b45;color:#fff!important;text-decoration:none;font-weight:800}.wma880-source{margin-top:18px;color:#77887f}.wma880-preview-badge{position:absolute;z-index:2;top:16px;right:16px;background:#fff3c8;color:#735400;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.08)}.wma880-home__empty{border:2px dashed #b7cdbf;border-radius:26px;padding:30px;text-align:center;background:#f6fbf8}.wma880-home__empty b,.wma880-home__empty span{display:block}.wma880-home__empty span{margin-top:6px;color:#687a70}
.wma880-page{padding:140px 20px 70px}.wma880-single{max-width:920px;margin:auto}.wma880-single__hero{border-radius:28px;overflow:hidden;margin-bottom:28px}.wma880-single__hero img{width:100%;height:auto;display:block}.wma880-single h1{font:700 clamp(34px,5vw,58px)/1.05 Georgia,serif;color:#0d5a3b}.wma880-material{background:#fff;border:1px solid #e3ece6;border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(24,78,48,.08)}.wma880-material h2{margin-top:28px}.wma880-weatherline{font-size:18px;margin:10px 0 20px}.wma880-text{line-height:1.8}.wma880-vocab{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.wma880-vocab span{padding:9px 0;border-bottom:1px solid #edf0ed}.wma880-q{padding:16px 0;border-bottom:1px solid #edf0ed}.wma880-q label{display:block;margin:8px 0}.wma880-archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.wma880-archive__card{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #e1ebe5;text-decoration:none}.wma880-archive__card img{width:100%;aspect-ratio:16/9;object-fit:cover}.wma880-archive__card span{display:flex;flex-direction:column;padding:16px;gap:5px}.wma880-archive__card em{font-size:11px;color:#78877f}
@media(max-width:780px){.wma880-home{padding:24px 16px 34px}.wma880-home__card{grid-template-columns:1fr;border-radius:26px}.wma880-home__image,.wma880-home__image img,.wma880-placeholder{min-height:220px}.wma880-home__copy{padding:28px 24px}.wma880-vocab,.wma880-archive{grid-template-columns:1fr}.wma880-page{padding-top:110px}}

/* AWM 8.8.1 — Meteo korzysta z układu materiałów AWM */
.wma880-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:18px 22px;border:1px solid #e1ebe5;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(24,78,48,.05)}
.wma880-summary .wma880-weatherline{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0}.wma880-summary .wma880-weatherline strong{font-size:20px;color:#0d5a3b}.wma880-summary .wma880-weatherline span{font-weight:700;color:#50675c}
.wma880-summary .wma880-audio{height:40px;max-width:290px}.wma880-summary .wma880-audio-wait{margin:0;font-style:italic;color:#64786d}.wma880-summary .wma880-source{margin-left:auto;color:#7d8b84;white-space:nowrap}


/* =========================================================
   AWM 8.8.2 — Meteo: kompaktowy widok, czytelne daty
   ========================================================= */
/* Strona główna: Meteo ma być codziennym, lekkim kaflem, nie wielkim banerem. */
.wma880-home{padding:18px 24px 26px;max-width:1080px;margin:0 auto}
.wma880-home__card{grid-template-columns:280px minmax(0,1fr);min-height:0;border-radius:24px;box-shadow:0 14px 42px rgba(24,78,48,.08)}
.wma880-home__image{min-height:205px;max-height:225px}.wma880-home__image img{min-height:205px;height:100%;max-height:225px}.wma880-placeholder{min-height:205px;font-size:29px}
.wma880-home__copy{padding:24px 30px}.wma880-home__copy .wma-eyebrow{margin-bottom:5px;padding:6px 10px;font-size:10px}.wma880-home__copy h2{font-size:clamp(26px,3vw,38px);margin:5px 0 8px;line-height:1.05;letter-spacing:-.025em}.wma880-home__copy p{margin:6px 0;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wma880-facts{gap:12px;margin:2px 0 4px}.wma880-facts strong{font-size:20px}.wma880-facts span{font-size:13px}.wma880-actions{margin-top:7px}.wma880-btn{padding:9px 15px;font-size:13px}.wma880-source{margin-top:8px;font-size:11px}.wma880-preview-badge{top:10px;right:10px;padding:6px 9px;font-size:9px;pointer-events:none}
.wma880-home__copy,.wma880-home__copy *,.wma880-actions,.wma880-btn{position:relative;z-index:5}.wma880-btn{pointer-events:auto}

/* Pojedyncza prognoza: bardzo mały hero zamiast pełnego banera czytanki. */

/* Archiwum: data ma być informacją pierwszego planu. */
.wma880-page{padding:100px 20px 62px}.wma880-page> .wma-container>h1{margin-bottom:8px}.wma880-archive{margin-top:24px}.wma880-archive__card{box-shadow:0 8px 28px rgba(24,78,48,.05)}.wma880-archive__placeholder{aspect-ratio:16/9;display:grid;place-items:center;background:#e5f1eb;color:#176b45;font:800 24px Georgia,serif}.wma880-archive__date{font-size:14px!important;font-weight:900;color:#176b45}.wma880-archive__card strong{font-size:18px}.wma880-archive__card b{font-size:13px;color:#50675c}.wma880-archive__card i{font-size:11px;color:#7a5b00;font-style:normal}


/* AWM 8.8.4 — Meteo: czytelny stan zakładek */
.wma639-reading-tabs .wma-song-tab{transition:background .16s ease,color .16s ease,transform .08s ease,box-shadow .16s ease}
.wma639-reading-tabs .wma-song-tab.is-active{background:#176b45!important;color:#fff!important;box-shadow:0 5px 14px rgba(23,107,69,.18)}
.wma639-reading-tabs .wma-song-tab:active{transform:scale(.985)}


/* 8.8.8 — Meteo: kompaktowa karta główna + spójność z AWM */
.wma880-home{
  padding:12px 24px 20px;
  max-width:920px;
  margin:0 auto;
}
.wma880-home__card{
  grid-template-columns:220px minmax(0,1fr);
  min-height:164px;
  border-radius:20px;
  border:1px solid rgba(23,107,69,.14);
  background:linear-gradient(118deg,rgba(239,249,244,.98),rgba(255,253,244,.98) 56%,rgba(238,246,255,.96));
  box-shadow:0 12px 34px rgba(24,78,48,.09);
}
.wma880-home__card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#176b45,#f0b429);
  z-index:3;
}
.wma880-home__image,
.wma880-home__image img,
.wma880-placeholder{
  min-height:164px;
  height:164px;
  max-height:164px;
}
.wma880-home__image{overflow:hidden;background:#dfeee7}
.wma880-home__image img{width:100%;object-fit:cover;display:block;transition:transform .28s ease}
.wma880-home__card:hover .wma880-home__image img{transform:scale(1.025)}
.wma880-placeholder{font-size:24px}
.wma880-home__copy{padding:17px 22px 15px;justify-content:center}
.wma880-home__copy .wma-eyebrow{margin:0 0 4px;padding:4px 8px;font-size:9px;letter-spacing:.09em;box-shadow:none;background:rgba(255,255,255,.72)}
.wma880-home__copy h2{font-size:clamp(23px,2.5vw,31px);line-height:1.03;margin:2px 0 6px;letter-spacing:-.025em}
.wma880-facts{gap:7px;margin:0 0 5px}
.wma880-facts strong,.wma880-facts span{
  display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;
  background:rgba(255,255,255,.76);border:1px solid rgba(23,107,69,.10)
}
.wma880-facts strong{font-size:15px}.wma880-facts span{font-size:11px}
.wma880-home__copy p{margin:3px 0 5px;font-size:12.5px;line-height:1.45;-webkit-line-clamp:2}
.wma880-actions{margin-top:3px;gap:9px}
.wma880-btn{padding:8px 13px;font-size:12px;box-shadow:0 6px 16px rgba(23,107,69,.15);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.wma880-btn:hover{transform:translateY(-1px);background:#0f5d3b;box-shadow:0 8px 20px rgba(23,107,69,.20)}
.wma880-actions small{font-size:10.5px;color:#62776b}
.wma880-source{margin-top:5px;font-size:9.5px;opacity:.82}
.wma880-preview-badge{top:8px;right:8px;padding:5px 8px;font-size:8px;letter-spacing:.03em}

@media(max-width:780px){
  .wma880-home{padding:12px 14px 20px}
  .wma880-home__card{grid-template-columns:118px minmax(0,1fr);border-radius:18px}
  .wma880-home__image,.wma880-home__image img,.wma880-placeholder{min-height:154px;height:154px;max-height:154px}
  .wma880-home__copy{padding:14px 14px}
  .wma880-home__copy h2{font-size:21px}
  .wma880-home__copy p{display:none}
  .wma880-facts strong,.wma880-facts span{padding:3px 6px}
  .wma880-facts span{font-size:10px}
  .wma880-source{display:none}
}


/* =========================================================
   8.9.6 — METEO: pełny odtwarzacz + statystyki
   ========================================================= */
.wma896-summary{display:block!important}
.wma896-summary .wma880-weatherline{margin-bottom:16px}
.wma896-meteo-player{width:100%;margin:4px 0 12px;border-radius:22px;box-shadow:none;background:transparent;border:0;overflow:visible}
.wma896-meteo-player .wma-custom-player{width:100%;background:linear-gradient(135deg,#f7faed,#fff);box-shadow:0 10px 28px rgba(20,74,44,.07)}
.wma896-meteo-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wma896-meteo-statgrid article{padding:18px;border:1px solid #dfe9e3;border-radius:18px;background:linear-gradient(135deg,#fbfefc,#f3faf6)}
.wma896-meteo-statgrid article>span{font-size:22px}.wma896-meteo-statgrid strong{display:block;margin:6px 0 2px;font-size:30px;color:#176b45}.wma896-meteo-statgrid h3{margin:0 0 5px;color:#174b34;font-size:14px}.wma896-meteo-statgrid p{margin:0;color:#74827a;font-size:11px;line-height:1.45}
@media(max-width:900px){.wma896-meteo-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wma896-meteo-player .wma-custom-player{grid-template-columns:auto 1fr}.wma896-meteo-player .wma-player-tools{grid-column:1/-1;justify-content:center}.wma896-meteo-statgrid{grid-template-columns:1fr}}


/* 8.9.7 — METEO: stabilny zapis referencji i plansz bez skakania UI */


/* =========================================================
   8.10.6 — METEO: odbiorcy wg statusu logowania/planu
   ========================================================= */
.wma896-meteo-audience{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.wma896-meteo-audience article{padding:15px 16px;border:1px solid #e3ece6;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(24,78,48,.05)}
.wma896-meteo-audience article>span{font-size:20px}.wma896-meteo-audience article>strong{display:block;margin:5px 0 1px;font-size:26px;color:#176b45}.wma896-meteo-audience article>h3{margin:0;font-size:13px;color:#52665c}
@media(max-width:780px){.wma896-meteo-audience{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 8.12.6 */
.wma8126-remote-table{display:block;width:100%;height:auto;border-radius:14px;}


/* AWM 8.12.9 — odtwarzacz audio piosenki bez YouTube */
.wma-song-audio-card{overflow:hidden}
.wma-song-audio-player{display:flex;align-items:center;gap:16px;padding:22px 24px;background:linear-gradient(135deg,#f3fbf5,#eef5ff);border-radius:24px 24px 0 0}
.wma-song-audio-player__icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#fff;font-size:28px;box-shadow:0 8px 24px rgba(25,88,59,.08);flex:0 0 auto}
.wma-song-audio-player__body{min-width:0;flex:1}.wma-song-audio-player__body strong{display:block;margin:0 0 9px;color:#155c3d;font-size:16px}
.wma-song-audio-player audio{width:100%;display:block}
@media(max-width:640px){.wma-song-audio-player{padding:16px;gap:12px}.wma-song-audio-player__icon{width:46px;height:46px;border-radius:14px;font-size:23px}}

/* =========================================================
   AWM 8.13.5 — Słownik: szerszy układ desktopowy
   Wyłącznie warstwa prezentacji. Bez zmian w logice słownika.
   ========================================================= */
@media (min-width:901px){
  .wma-dictionary{
    width:min(1220px,calc(100% - 56px));
  }

  .wma-dictionary-letters{
    width:min(1220px,calc(100% - 56px));
  }

  .wma-dictionary-tools{
    width:min(1120px,calc(100% - 56px));
  }

  .wma-dictionary-entry{
    grid-template-columns:minmax(390px,1.05fr) minmax(0,1.75fr)!important;
    column-gap:28px!important;
  }

  .wma-dictionary-sources{
    min-width:0;
  }
}

/* =========================================================
   8.13.18 — Radio Włoska Minuta na stronie głównej AWM
   ========================================================= */
.wma-radio-toplink{
  display:inline-flex!important;
  align-items:center;
  gap:7px!important;
  white-space:nowrap;
}
.wma-radio-toplink img{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
  filter:drop-shadow(0 4px 7px rgba(8,70,43,.16));
}
.wma-nav-radio-menu__icon{
  display:grid!important;
  place-items:center;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px;
}
.wma-nav-radio-menu__icon img{
  width:30px;
  height:30px;
  object-fit:contain;
}
.wma-radio-mobile-top{display:none}

/* 5 + 5 kafelków wokół telefonu. Środek każdego boku jest najbardziej
   wysunięty na zewnątrz, dzięki czemu pozostaje charakterystyczny „brzuszek”. */
.wma570-showcase__stage{
  grid-template-columns:minmax(285px,1fr) minmax(310px,390px) minmax(285px,1fr)!important;
  gap:12px!important;
  min-height:500px!important;
}
.wma570-showcase__links{
  gap:11px!important;
}
.wma570-glass{
  min-height:75px!important;
  padding:11px 17px!important;
}
.wma570-showcase__links--left,
.wma570-showcase__links--right{
  transform:none!important;
}
.wma570-showcase__links--left .wma570-glass,
.wma570-showcase__links--right .wma570-glass{
  transform:none!important;
}
.wma570-showcase__links--left .wma570-glass:nth-child(2),
.wma570-showcase__links--left .wma570-glass:nth-child(4){transform:translateX(-12px)!important}
.wma570-showcase__links--left .wma570-glass:nth-child(3){transform:translateX(-25px)!important}
.wma570-showcase__links--right .wma570-glass:nth-child(2),
.wma570-showcase__links--right .wma570-glass:nth-child(4){transform:translateX(12px)!important}
.wma570-showcase__links--right .wma570-glass:nth-child(3){transform:translateX(25px)!important}
.wma570-showcase__links--left .wma570-glass:nth-child(1),
.wma570-showcase__links--left .wma570-glass:nth-child(5){transform:translateX(0)!important}
.wma570-showcase__links--right .wma570-glass:nth-child(1),
.wma570-showcase__links--right .wma570-glass:nth-child(5){transform:translateX(0)!important}
.wma570-showcase__links--left .wma570-glass:nth-child(2):hover,
.wma570-showcase__links--left .wma570-glass:nth-child(4):hover{transform:translate(-12px,-4px)!important}
.wma570-showcase__links--left .wma570-glass:nth-child(3):hover{transform:translate(-25px,-4px)!important}
.wma570-showcase__links--right .wma570-glass:nth-child(2):hover,
.wma570-showcase__links--right .wma570-glass:nth-child(4):hover{transform:translate(12px,-4px)!important}
.wma570-showcase__links--right .wma570-glass:nth-child(3):hover{transform:translate(25px,-4px)!important}
.wma570-showcase__links--left .wma570-glass:nth-child(1):hover,
.wma570-showcase__links--left .wma570-glass:nth-child(5):hover,
.wma570-showcase__links--right .wma570-glass:nth-child(1):hover,
.wma570-showcase__links--right .wma570-glass:nth-child(5):hover{transform:translateY(-4px)!important}
.wma570-glass--radio{
  background:linear-gradient(135deg,rgba(218,244,225,.97),rgba(247,255,249,.94))!important;
  border-color:rgba(150,207,168,.45)!important;
}
.wma570-glass--radio .wma570-glass__icon{
  background:linear-gradient(145deg,#effaf2,#dff4e6)!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(30,102,59,.10)!important;
}
.wma570-glass__icon--image{padding:4px!important;overflow:hidden}
.wma570-glass__icon--image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

@media (max-width:1180px) and (min-width:761px){
  .wma-radio-toplink span{display:none}
  .wma-radio-toplink img{width:31px;height:31px}
  .wma570-showcase__stage{grid-template-columns:minmax(235px,1fr) 285px minmax(235px,1fr)!important;gap:8px!important}
  .wma570-glass{padding:10px 12px!important;min-height:72px!important}
  .wma570-showcase__links--left .wma570-glass:nth-child(2),
  .wma570-showcase__links--left .wma570-glass:nth-child(4){transform:translateX(-7px)!important}
  .wma570-showcase__links--left .wma570-glass:nth-child(3){transform:translateX(-14px)!important}
  .wma570-showcase__links--right .wma570-glass:nth-child(2),
  .wma570-showcase__links--right .wma570-glass:nth-child(4){transform:translateX(7px)!important}
  .wma570-showcase__links--right .wma570-glass:nth-child(3){transform:translateX(14px)!important}
}

@media (max-width:760px){
  .wma-radio-toplink{display:none!important}
  .wma-radio-mobile-top{
    display:grid!important;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    padding:4px;
    border-radius:50%;
    background:rgba(234,250,239,.92);
    border:1px solid rgba(255,255,255,.70);
    box-shadow:0 7px 18px rgba(11,78,47,.11),inset 0 1px 0 #fff;
    text-decoration:none;
  }
  .wma-radio-mobile-top img{display:block;width:34px;height:34px;object-fit:contain}
  .wma570-showcase__stage{display:block!important;min-height:0!important}
  .wma570-showcase__links{gap:10px!important}
  .wma570-showcase__links--right{margin-top:10px!important}
  .wma570-showcase__links--left .wma570-glass,
  .wma570-showcase__links--right .wma570-glass,
  .wma570-showcase__links--left .wma570-glass:nth-child(n),
  .wma570-showcase__links--right .wma570-glass:nth-child(n){
    transform:none!important;
    min-height:70px!important;
    padding:11px 13px!important;
  }
  .wma570-showcase__links--left .wma570-glass:hover,
  .wma570-showcase__links--right .wma570-glass:hover,
  .wma570-showcase__links--left .wma570-glass:nth-child(n):hover,
  .wma570-showcase__links--right .wma570-glass:nth-child(n):hover{transform:none!important}
}

@media (max-width:390px){
  .wma-radio-mobile-top{width:38px;height:38px;flex-basis:38px}
  .wma-radio-mobile-top img{width:31px;height:31px}
  .wma-nav__actions{gap:5px!important}
}


/* =========================================================
   8.13.19 — dopracowanie wejść do RWM + kompaktowe menu
   ========================================================= */
/* Radio w górnym menu desktopowym ma być czytelnym, pełnoprawnym elementem. */
@media (min-width:1121px){
  body.home .wma-nav{z-index:120!important;overflow:visible!important}
  body.home .wma-nav__links{overflow:visible!important}
  body.home .wma-nav-materials{z-index:130!important}
  body.home .wma-nav-materials__menu{
    z-index:1000!important;
    width:500px!important;
    max-width:min(500px,calc(100vw - 36px))!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 8px!important;
    padding:11px!important;
    border-radius:20px!important;
    max-height:min(430px,calc(100vh - 150px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.home .wma-nav-materials__menu a{
    min-width:0!important;
    min-height:44px!important;
    padding:9px 11px!important;
    line-height:1.2!important;
  }
  body.home .wma-nav-materials__menu a:hover{transform:none!important}
  body.home .wma-radio-toplink{
    min-height:44px!important;
    gap:8px!important;
    padding:3px 2px!important;
  }
  body.home .wma-radio-toplink img{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    filter:drop-shadow(0 5px 9px rgba(8,70,43,.22))!important;
  }
  body.home .wma-radio-toplink span{
    font-size:14px!important;
    font-weight:900!important;
  }
}

/* Przy węższym desktopie zostaje duża, czytelna ikona zamiast miniatury. */
@media (max-width:1180px) and (min-width:761px){
  body.home .wma-radio-toplink img{width:38px!important;height:38px!important}
}

/* Na telefonie RWM jest dostępne wyłącznie jako kafelek materiałów. */
@media (max-width:760px){
  .wma-radio-mobile-top{display:none!important}
}


/* AWM 8.14.0 — informacja o Radio Włoska Minuta w stopce */
.wma-radio-info-modal[hidden]{display:none!important}.wma-radio-info-modal{position:fixed;inset:0;z-index:100000;background:rgba(5,38,27,.68);display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(5px)}.wma-radio-info-card{position:relative;width:min(620px,100%);background:#fffdf4;border-radius:28px;padding:34px;box-shadow:0 28px 90px rgba(0,0,0,.28);color:#103d2b;text-align:center}.wma-radio-info-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#176b45;font-size:34px;line-height:1;cursor:pointer}.wma-radio-info-icon{font-size:42px}.wma-radio-info-card h2{margin:8px 0 14px;color:#08492e;font-size:30px}.wma-radio-info-card p{margin:0 auto 24px;max-width:520px;line-height:1.7;color:#53685d}.wma-radio-info-listen{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:13px 22px;border-radius:999px;background:#f0b429;color:#103d2b!important;font-weight:800;text-decoration:none!important;box-shadow:0 10px 24px rgba(240,180,41,.22)}.wma-radio-info-listen:hover{transform:translateY(-1px);color:#103d2b!important}.wma-radio-modal-open{overflow:hidden}@media(max-width:600px){.wma-radio-info-card{padding:30px 20px 24px;border-radius:22px}.wma-radio-info-card h2{font-size:25px}.wma-radio-info-listen{width:100%;box-sizing:border-box}}

/* 8.14.10 — oznaczenie analizy na kafelkach czytanek */
.wma-reading-analysis-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:#f1ecff;color:#5f3aa8;font-size:12px;font-weight:700;line-height:1.2;border:1px solid #dfd3ff}