:root{
  --p-bg:#f7f9f8;
  --p-surface:#ffffff;
  --p-soft:#edf4f1;
  --p-line:#dce6e2;
  --p-text:#14251f;
  --p-muted:#66756f;
  --p-brand:#153f36;
  --p-brand-2:#276858;
  --p-accent:#d7a94f;
  --p-radius:24px;
  --p-shadow:0 24px 65px rgba(21,63,54,.10);
  --p-max:1220px;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  direction:rtl;
  background:var(--p-bg);
  color:var(--p-text);
  font-family:var(--font-ui,"B Yekan",Tahoma,Arial,sans-serif);
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

img{
  display:block;
  max-width:100%;
}

.v4-container{
  width:min(calc(100% - 36px),var(--p-max));
  margin-inline:auto;
}

/* HEADER */

.v4-header{
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid rgba(220,230,226,.82);
  background:rgba(247,249,248,.92);
  backdrop-filter:blur(18px);
}

.v4-nav{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.v4-brand{
  display:flex;
  align-items:center;
  gap:11px;
  flex-shrink:0;
}

.v4-brand-mark{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--p-brand);
  color:#fff;
  font:700 21px Georgia,serif;
}

.v4-brand-name{
  font:700 17px Georgia,serif;
  letter-spacing:4px;
}

.v4-menu{
  display:flex;
  align-items:center;
  gap:27px;
  color:#41524c;
  font-size:14px;
  font-weight:700;
}

.v4-menu a{
  transition:color .18s ease;
}

.v4-menu a:hover{
  color:var(--p-brand-2);
}

.v4-nav-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

.v4-btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 18px;
  border:1px solid transparent;
  border-radius:13px;
  cursor:pointer;
  font-family:var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:13px;
  font-weight:700;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.v4-btn:hover{
  transform:translateY(-2px);
}

.v4-btn-primary{
  background:var(--p-brand);
  color:#fff;
  box-shadow:0 10px 26px rgba(21,63,54,.16);
}

.v4-btn-secondary{
  background:#fff;
  border-color:var(--p-line);
  color:var(--p-brand);
}

.v4-mobile-menu{
  display:none;
  width:44px;
  height:44px;
  border:1px solid var(--p-line);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
}

.v4-mobile-panel{
  display:none;
  padding:10px 20px 20px;
  background:#fff;
  border-top:1px solid var(--p-line);
}

.v4-mobile-panel.open{
  display:grid;
  gap:13px;
}

/* HERO */

.v4-hero{
  position:relative;
  overflow:hidden;
  padding:94px 0 82px;
}

.v4-hero::before{
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  left:-190px;
  top:-240px;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(39,104,88,.14),
    transparent 68%
  );
}

.v4-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:74px;
  align-items:center;
}

.v4-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background:#e3f0eb;
  color:#1f6251;
  font-size:12px;
  font-weight:700;
}

.v4-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--p-brand-2);
}

.v4-hero h1{
  margin:20px 0 15px;
  max-width:760px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:clamp(42px,5vw,68px);
  line-height:1.62;
  font-weight:700;
}

.v4-hero h1 span{
  color:var(--p-brand-2);
}

.v4-hero-copy{
  max-width:730px;
  margin:0;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:20px;
  line-height:2.08;
}

.v4-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:29px;
}

.v4-microcopy{
  margin-top:16px;
  color:#89958f;
  font-size:11px;
}

/* HERO VISUAL */

.v4-product-stage{
  position:relative;
  min-height:500px;
  overflow:hidden;
  border:1px solid var(--p-line);
  border-radius:31px;
  background:
    linear-gradient(145deg,#fff 0%,#eaf2ef 100%);
  box-shadow:var(--p-shadow);
}

.v4-stage-brand{
  position:absolute;
  top:25px;
  right:27px;
}

.v4-stage-brand small{
  display:block;
  color:#7d8c86;
  font-size:9px;
}

.v4-stage-brand strong{
  display:block;
  font:700 26px Georgia,serif;
  letter-spacing:6px;
}

.v4-floating-module{
  position:absolute;
  width:72%;
  padding:20px;
  border:1px solid rgba(220,230,226,.95);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 45px rgba(21,63,54,.09);
}

.v4-floating-library{
  right:28px;
  top:115px;
}

.v4-floating-planner{
  left:28px;
  bottom:34px;
}

.v4-floating-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.v4-floating-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.v4-module-dot{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--p-soft);
  color:var(--p-brand);
  font-weight:900;
}

.v4-floating-title strong{
  display:block;
  font-size:14px;
}

.v4-floating-title small{
  display:block;
  margin-top:2px;
  color:#87948f;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:12px;
}

.v4-live{
  padding:4px 9px;
  border-radius:999px;
  background:#dff2e8;
  color:#23704f;
  font-size:9px;
  font-weight:700;
}

.v4-build{
  padding:4px 9px;
  border-radius:999px;
  background:#fff0d4;
  color:#875d19;
  font-size:9px;
  font-weight:700;
}

/* GENERIC SECTION */

.v4-section{
  padding:92px 0;
}

.v4-section-white{
  background:#fff;
}

.v4-section-soft{
  background:#f0f5f3;
}

.v4-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:37px;
}

.v4-section-head > div{
  max-width:620px;
}

.v4-kicker{
  color:var(--p-brand-2);
  font-size:11px;
  font-weight:700;
}

.v4-section-head h2{
  margin:8px 0 0;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:clamp(30px,4vw,44px);
  line-height:1.7;
}

.v4-section-head p{
  max-width:570px;
  margin:0;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:18px;
  line-height:2;
}

/* MODULES */

.v4-modules{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.v4-module{
  position:relative;
  min-height:520px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:29px;
  border:1px solid var(--p-line);
  border-radius:28px;
  background:#fff;
}

.v4-module-featured{
  background:
    linear-gradient(145deg,#153f36,#246452);
  color:#fff;
}

.v4-module-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}

.v4-module-label{
  font-size:10px;
  font-weight:700;
  letter-spacing:.5px;
}

.v4-module h3{
  margin:27px 0 9px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:27px;
  line-height:1.65;
}

.v4-module p{
  max-width:540px;
  margin:0;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:17px;
  line-height:2;
}

.v4-module-featured p{
  color:#c8d9d3;
}

.v4-feature-list{
  display:grid;
  gap:9px;
  margin-top:22px;
}

.v4-feature{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:13px;
}

.v4-feature::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#95c6b7;
}

.v4-module-visual{
  margin-top:28px;
  min-height:170px;
  overflow:hidden;
  border-radius:18px;
  background:#edf3f1;
}

.v4-module-featured .v4-module-visual{
  background:rgba(255,255,255,.08);
}

.v4-library-preview{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
  padding:16px;
}

.v4-library-preview img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:8px;
}

.v4-planner-preview{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:12px;
  padding:16px;
}

.v4-planner-side{
  border-radius:12px;
  background:#dce8e4;
}

.v4-planner-main{
  display:grid;
  gap:9px;
}

.v4-planner-line{
  min-height:34px;
  border-radius:9px;
  background:#e4ece9;
}

.v4-planner-line.big{
  min-height:68px;
}

.v4-module-action{
  margin-top:auto;
  padding-top:27px;
}

/* WHY */

.v4-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.v4-why{
  padding:25px;
  border-top:2px solid var(--p-brand-2);
}

.v4-why span{
  color:#92a39d;
  font:400 12px Georgia,serif;
}

.v4-why h3{
  margin:23px 0 7px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:22px;
}

.v4-why p{
  margin:0;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:16px;
  line-height:2;
}

/* EDUCATION */

.v4-education-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.v4-education-card{
  min-height:245px;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--p-line);
  border-radius:22px;
  background:#fff;
}

.v4-education-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--p-soft);
  color:var(--p-brand);
  font-weight:800;
}

.v4-education-card h3{
  margin:27px 0 7px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:20px;
}

.v4-education-card p{
  margin:0;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:16px;
  line-height:1.95;
}

/* PRODUCT */

.v4-sigma{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:45px;
  align-items:center;
  padding:36px;
  border-radius:28px;
  background:var(--p-brand);
  color:#fff;
}

.v4-sigma-copy h3{
  margin:11px 0 9px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:31px;
}

.v4-sigma-copy p{
  margin:0;
  color:#c8d9d3;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:17px;
  line-height:2;
}

.v4-books-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}

.v4-books-row img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}

/* FOUNDER */

.v4-founder{
  display:grid;
  grid-template-columns:90px 1fr auto;
  gap:22px;
  align-items:center;
  padding:19px;
  border:1px solid var(--p-line);
  border-radius:22px;
  background:#fff;
}

.v4-founder-photo{
  width:90px;
  height:90px;
  overflow:hidden;
  border-radius:17px;
}

.v4-founder-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}

.v4-founder small{
  color:var(--p-brand-2);
  font-size:10px;
  font-weight:700;
}

.v4-founder strong{
  display:block;
  margin-top:2px;
  font-family:var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:19px;
}

.v4-founder p{
  margin:3px 0 0;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:14px;
}

/* FAQ */

.v4-faq{
  display:grid;
  gap:9px;
  max-width:850px;
  margin-inline:auto;
}

.v4-faq details{
  border:1px solid var(--p-line);
  border-radius:16px;
  background:#fff;
  padding:0 18px;
}

.v4-faq summary{
  min-height:62px;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-size:14px;
  font-weight:700;
}

.v4-faq p{
  margin:0;
  padding:0 0 18px;
  color:var(--p-muted);
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:16px;
  line-height:2;
}

/* FOOTER */

.v4-footer{
  padding:52px 0 28px;
  background:#102e27;
  color:#fff;
}

.v4-footer-grid{
  display:grid;
  grid-template-columns:1.4fr repeat(3,1fr);
  gap:38px;
}

.v4-footer-brand p{
  max-width:390px;
  color:#b8cbc5;
  font-family:var(--font-reading,"B Nazanin",serif);
  font-size:15px;
  line-height:2;
}

.v4-footer h4{
  margin:0 0 11px;
  font-size:13px;
}

.v4-footer-links{
  display:grid;
  gap:8px;
  color:#b8cbc5;
  font-size:12px;
}

.v4-footer-bottom{
  margin-top:38px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#879f97;
  font-size:10px;
}

/* ANIMATION */

.v4-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s ease;
}

.v4-reveal.visible{
  opacity:1;
  transform:none;
}

/* RESPONSIVE */

@media(max-width:1020px){

  .v4-menu{
    display:none;
  }

  .v4-mobile-menu{
    display:block;
  }

  .v4-hero-grid,
  .v4-sigma{
    grid-template-columns:1fr;
  }

  .v4-product-stage{
    min-height:440px;
  }

  .v4-modules{
    grid-template-columns:1fr;
  }

  .v4-footer-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){

  .v4-section{
    padding:68px 0;
  }

  .v4-hero{
    padding:60px 0 68px;
  }

  .v4-hero h1{
    font-size:39px;
  }

  .v4-hero-copy{
    font-size:18px;
  }

  .v4-section-head{
    display:block;
  }

  .v4-section-head p{
    margin-top:9px;
  }

  .v4-why-grid,
  .v4-education-grid{
    grid-template-columns:1fr;
  }

  .v4-founder{
    grid-template-columns:75px 1fr;
  }

  .v4-founder-photo{
    width:75px;
    height:75px;
  }

  .v4-founder .v4-btn{
    grid-column:1/-1;
  }

  .v4-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){

  .v4-nav-actions .v4-btn-secondary{
    display:none;
  }

  .v4-product-stage{
    min-height:390px;
  }

  .v4-floating-module{
    width:84%;
  }

  .v4-library-preview{
    grid-template-columns:repeat(3,1fr);
  }

  .v4-library-preview img:nth-child(n+4){
    display:none;
  }

  .v4-books-row{
    grid-template-columns:repeat(3,1fr);
  }

  .v4-books-row img:nth-child(n+4){
    display:none;
  }

  .v4-footer-grid{
    grid-template-columns:1fr;
  }

  .v4-hero-actions .v4-btn{
    width:100%;
  }
}


/* =========================================================
   PAIDIA MAIN BRAND BANNER V5
   ========================================================= */

.paidia-main-banner{
  padding:34px 0 46px;
  background:#f7f9f8;
}

.paidia-banner-shell{
  position:relative;
  min-height:530px;
  display:grid;
  grid-template-columns:1fr .95fr;
  align-items:center;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(
      circle at 13% 20%,
      rgba(255,255,255,.17),
      transparent 27%
    ),
    radial-gradient(
      circle at 75% 5%,
      rgba(118,189,168,.20),
      transparent 30%
    ),
    linear-gradient(
      130deg,
      #12382f 0%,
      #1b5949 52%,
      #267460 100%
    );
  box-shadow:
    0 30px 80px rgba(17,58,48,.15);
}

.paidia-banner-shell::before{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  right:-260px;
  bottom:-330px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
}

.paidia-banner-shell::after{
  content:"";
  position:absolute;
  width:380px;
  height:380px;
  right:-205px;
  bottom:-270px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
}


/* COPY */

.paidia-banner-content{
  position:relative;
  z-index:4;
  padding:58px 58px 55px 35px;
  color:#fff;
}

.paidia-banner-label{
  display:inline-flex;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#bad9cf;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.4px;
}

.paidia-banner-content h1{
  margin:20px 0 13px;
  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:clamp(43px,5vw,67px);
  line-height:1.55;
  font-weight:700;
}

.paidia-banner-content h1 span{
  color:#a9d8ca;
}

.paidia-banner-content p{
  max-width:610px;
  margin:0;
  color:#d0e1dc;
  font-family:
    var(--font-reading,"B Nazanin",serif);
  font-size:20px;
  line-height:2;
}

.paidia-banner-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:27px;
}

.paidia-banner-primary{
  background:#fff;
  color:#153f36;
}

.paidia-banner-primary:hover{
  box-shadow:
    0 12px 30px rgba(0,0,0,.16);
}

.paidia-banner-secondary{
  border:1px solid rgba(255,255,255,.27);
  background:rgba(255,255,255,.07);
  color:#fff;
}

.paidia-banner-note{
  margin-top:17px;
  color:#9dbdb4;
  font-size:10px;
}


/* VISUAL SIDE */

.paidia-banner-visual{
  position:relative;
  min-height:530px;
}

.paidia-visual-brand{
  position:absolute;
  left:40px;
  top:25px;
  color:rgba(255,255,255,.055);
  font:700 250px/1 Georgia,serif;
}


/* MODULE CARDS */

.paidia-banner-module{
  position:absolute;
  z-index:3;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  color:#173e34;
  box-shadow:
    0 25px 60px rgba(5,30,23,.19);
  backdrop-filter:blur(18px);
}

.paidia-banner-library{
  width:70%;
  top:85px;
  right:2%;
  transform:rotate(-1.5deg);
}

.paidia-banner-planner{
  width:65%;
  left:6%;
  bottom:56px;
  transform:rotate(1.5deg);
}

.paidia-banner-module-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:16px 17px 11px;
}

.paidia-banner-module-head small{
  display:block;
  color:#90a29c;
  font-size:8px;
  letter-spacing:1px;
}

.paidia-banner-module-head strong{
  display:block;
  margin-top:2px;
  font-family:
    var(--font-ui,"B Yekan",Tahoma,sans-serif);
  font-size:13px;
}


/* BOOK MINI PREVIEW */

.paidia-mini-books{
  display:flex;
  align-items:flex-end;
  gap:7px;
  padding:9px 17px 17px;
}

.paidia-mini-books img{
  width:58px;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:6px;
  box-shadow:
    0 8px 17px rgba(12,46,37,.14);
}

.paidia-mini-books img:nth-child(2){
  transform:translateY(-5px);
}


/* PLANNER MINI PREVIEW */

.paidia-mini-planner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:8px 17px 17px;
}

.paidia-mini-planner div{
  min-height:34px;
  border-radius:8px;
  background:#e8f0ed;
}

.paidia-mini-planner div:first-child{
  grid-column:1/-1;
  min-height:54px;
  background:
    linear-gradient(
      90deg,
      #dce9e4 65%,
      #edf3f1 65%
    );
}


/* HEADER REFINEMENT */

.v4-nav{
  min-height:82px;
}

.v4-menu{
  gap:31px;
}

.v4-menu a{
  position:relative;
  padding:30px 0 27px;
}

.v4-menu a::after{
  content:"";
  position:absolute;
  right:50%;
  left:50%;
  bottom:19px;
  height:2px;
  border-radius:999px;
  background:var(--p-brand-2);
  transition:
    right .2s ease,
    left .2s ease;
}

.v4-menu a:hover::after{
  right:0;
  left:0;
}


/* RESPONSIVE */

@media(max-width:1020px){

  .paidia-banner-shell{
    grid-template-columns:1fr;
  }

  .paidia-banner-content{
    padding:48px;
  }

  .paidia-banner-visual{
    min-height:400px;
  }

  .paidia-banner-library{
    width:58%;
    right:10%;
  }

  .paidia-banner-planner{
    width:54%;
    left:10%;
  }
}


@media(max-width:650px){

  .paidia-main-banner{
    padding:18px 0 35px;
  }

  .paidia-banner-shell{
    min-height:auto;
    border-radius:22px;
  }

  .paidia-banner-content{
    padding:36px 24px;
  }

  .paidia-banner-content h1{
    font-size:38px;
  }

  .paidia-banner-content p{
    font-size:18px;
  }

  .paidia-banner-actions .v4-btn{
    width:100%;
  }

  .paidia-banner-visual{
    min-height:350px;
  }

  .paidia-banner-library{
    width:78%;
    right:7%;
    top:35px;
  }

  .paidia-banner-planner{
    width:74%;
    left:7%;
    bottom:37px;
  }

}



/* =========================================================
   PAIDIA HERO SLIDER V6
   ========================================================= */

.paidia-slider-section{
  padding:32px 0 48px;
  background:#f7f9f8;
}

.paidia-slider{
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:29px;
  box-shadow:
    0 28px 75px rgba(17,58,48,.14);
}


/* SLIDE */

.paidia-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1fr .92fr;
  align-items:center;
  min-height:500px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:translateX(-18px);

  transition:
    opacity .55s ease,
    transform .55s ease,
    visibility .55s ease;
}

.paidia-slide.is-active{
  position:relative;

  opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:none;
}


/* COLORS */

.paidia-slide-library{
  background:
    radial-gradient(
      circle at 80% 15%,
      rgba(115,190,166,.18),
      transparent 31%
    ),
    linear-gradient(
      130deg,
      #12382f 0%,
      #1a5948 55%,
      #27745f 100%
    );

  color:#fff;
}


.paidia-slide-planner{
  background:
    radial-gradient(
      circle at 12% 12%,
      rgba(255,255,255,.10),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #173e36 0%,
      #315f55 100%
    );

  color:#fff;
}


.paidia-slide-sigma{
  background:
    radial-gradient(
      circle at 80% 5%,
      rgba(215,169,79,.21),
      transparent 28%
    ),
    linear-gradient(
      130deg,
      #143c33,
      #205849 58%,
      #356b59
    );

  color:#fff;
}


/* COPY */

.paidia-slide-copy{
  position:relative;
  z-index:6;
  padding:
    54px
    58px
    70px
    32px;
}

.paidia-slide-kicker{
  display:inline-flex;
  align-items:center;

  padding:6px 11px;

  border:
    1px solid
    rgba(255,255,255,.16);

  border-radius:999px;

  background:
    rgba(255,255,255,.07);

  color:#bad6cd;

  font-size:9px;
  font-weight:800;
  letter-spacing:1.3px;
}


.paidia-slide h1,
.paidia-slide h2{
  max-width:690px;

  margin:18px 0 12px;

  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);

  font-size:
    clamp(42px,4.7vw,63px);

  line-height:1.58;

  font-weight:700;
}


.paidia-slide h1 span,
.paidia-slide h2 span{
  color:#a8d6c7;
}


.paidia-slide-sigma h2 span{
  color:#e2c477;
}


.paidia-slide-copy > p{
  max-width:610px;

  margin:0;

  color:#cedfda;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:19px;

  line-height:2.02;
}


/* ACTIONS */

.paidia-slide-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;

  gap:10px;

  margin-top:26px;
}


.paidia-slide-primary{
  background:#fff;
  color:#173f35;
}


.paidia-slide-primary:hover{
  box-shadow:
    0 13px 30px rgba(0,0,0,.15);
}


.paidia-slide-ghost{
  border:
    1px solid
    rgba(255,255,255,.25);

  background:
    rgba(255,255,255,.06);

  color:#fff;
}


.paidia-slider-status{
  padding:7px 12px;

  border-radius:999px;

  background:
    rgba(255,255,255,.09);

  color:#d6e4df;

  font-size:10px;
}


/* VISUAL */

.paidia-slide-visual{
  position:relative;
  min-height:500px;
}


.paidia-slide-big-letter{
  position:absolute;

  left:20px;
  top:80px;

  z-index:0;

  color:
    rgba(255,255,255,.045);

  font:
    700 260px/1 Georgia,serif;
}


/* LIBRARY */

.library-window{
  position:absolute;

  z-index:3;

  width:79%;

  top:78px;
  right:4%;

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.20);

  border-radius:22px;

  background:
    rgba(255,255,255,.95);

  color:#173e34;

  box-shadow:
    0 25px 60px
    rgba(5,30,23,.23);

  transform:rotate(-1deg);
}


.library-window-head{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:
    17px 19px
    12px;
}


.library-window-head small{
  display:block;

  color:#8da19a;

  font-size:8px;
  letter-spacing:1px;
}


.library-window-head strong{
  display:block;

  margin-top:2px;

  font-size:14px;
}


.library-shelf{
  display:flex;
  justify-content:center;
  align-items:flex-end;

  gap:8px;

  padding:
    13px 18px
    22px;
}


.library-shelf img{
  width:64px;

  aspect-ratio:3/4;

  object-fit:cover;

  border-radius:7px;

  box-shadow:
    0 9px 20px
    rgba(15,52,42,.16);
}


.library-shelf img:nth-child(3){
  width:73px;

  transform:
    translateY(-7px);
}


/* PLANNER */

.planner-window{
  position:absolute;

  z-index:3;

  width:82%;

  top:66px;
  right:3%;

  overflow:hidden;

  border-radius:22px;

  background:#f9fbfa;

  color:#173e34;

  box-shadow:
    0 28px 65px
    rgba(4,29,22,.23);

  transform:rotate(1deg);
}


.planner-window-top{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:
    16px 18px
    13px;

  border-bottom:
    1px solid #e2ebe7;
}


.planner-window-top small{
  display:block;

  color:#94a49f;

  font-size:8px;
}


.planner-window-top strong{
  display:block;

  margin-top:2px;

  font-size:14px;
}


.planner-ui{
  display:grid;

  grid-template-columns:
    92px 1fr;

  min-height:260px;
}


.planner-ui aside{
  display:grid;

  align-content:start;

  gap:9px;

  padding:18px 13px;

  background:#edf3f1;
}


.planner-ui aside span{
  height:28px;

  border-radius:8px;

  background:#dce8e4;
}


.planner-ui main{
  padding:20px;
}


.planner-progress{
  padding:17px;

  border:
    1px solid #e2ebe7;

  border-radius:13px;

  background:#fff;
}


.planner-progress strong{
  font-size:12px;
}


.planner-progress-bar{
  height:7px;

  margin-top:11px;

  overflow:hidden;

  border-radius:999px;

  background:#edf2f0;
}


.planner-progress-bar i{
  display:block;

  width:67%;
  height:100%;

  border-radius:inherit;

  background:#2c715f;
}


.planner-cards{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:9px;

  margin-top:10px;
}


.planner-cards div{
  height:66px;

  border-radius:11px;

  background:#e8efed;
}


.planner-task{
  height:34px;

  margin-top:10px;

  border-radius:9px;

  background:#e4ece9;
}


.planner-task.short{
  width:72%;
}


/* SIGMA */

.sigma-showcase{
  position:absolute;

  z-index:3;

  top:88px;
  right:1%;

  width:92%;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:7px;

  perspective:1100px;
}


.sigma-showcase img{
  width:94px;

  aspect-ratio:3/4;

  object-fit:cover;

  border-radius:9px;

  box-shadow:
    0 18px 35px
    rgba(0,0,0,.22);

  transform:
    rotateY(-5deg);
}


.sigma-showcase img:nth-child(2){
  transform:
    translateY(-16px)
    rotateY(-3deg);
}


.sigma-showcase img:nth-child(3){
  width:110px;

  transform:
    translateY(-27px);
}


.sigma-showcase img:nth-child(4){
  transform:
    translateY(-16px)
    rotateY(3deg);
}


.sigma-showcase img:nth-child(5){
  transform:
    rotateY(5deg);
}


/* CONTROLS */

.paidia-slider-controls{
  position:absolute;

  z-index:20;

  right:0;
  left:0;
  bottom:18px;

  display:flex;
  justify-content:center;
  align-items:center;

  gap:12px;
}


.paidia-slider-arrow{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(255,255,255,.20);

  border-radius:50%;

  background:
    rgba(7,40,32,.25);

  color:#fff;

  cursor:pointer;

  font-size:22px;

  backdrop-filter:blur(8px);

  transition:
    background .18s ease,
    transform .18s ease;
}


.paidia-slider-arrow:hover{
  background:
    rgba(255,255,255,.16);

  transform:scale(1.06);
}


.paidia-slider-dots{
  display:flex;

  gap:7px;
}


.paidia-slider-dots button{
  width:7px;
  height:7px;

  padding:0;

  border:0;
  border-radius:999px;

  background:
    rgba(255,255,255,.38);

  cursor:pointer;

  transition:
    width .25s ease,
    background .25s ease;
}


.paidia-slider-dots button.is-active{
  width:28px;

  background:#fff;
}


/* RESPONSIVE */

@media(max-width:1000px){

  .paidia-slide{
    grid-template-columns:1fr;
  }

  .paidia-slide-copy{
    padding:
      43px 43px
      35px;
  }

  .paidia-slide-visual{
    min-height:330px;
  }

  .library-window,
  .planner-window{
    width:68%;
    right:16%;
    top:20px;
  }

  .sigma-showcase{
    top:32px;
  }

}


@media(max-width:650px){

  .paidia-slider-section{
    padding:18px 0 32px;
  }

  .paidia-slider{
    border-radius:22px;
  }

  .paidia-slide-copy{
    padding:
      33px 23px
      28px;
  }

  .paidia-slide h1,
  .paidia-slide h2{
    font-size:36px;
  }

  .paidia-slide-copy > p{
    font-size:17px;
  }

  .paidia-slide-actions .v4-btn{
    width:100%;
  }

  .paidia-slide-visual{
    min-height:300px;
  }

  .library-window,
  .planner-window{
    width:88%;
    right:6%;
  }

  .library-shelf img{
    width:48px;
  }

  .library-shelf img:nth-child(3){
    width:56px;
  }

  .sigma-showcase{
    width:96%;
    right:2%;
  }

  .sigma-showcase img{
    width:58px;
  }

  .sigma-showcase img:nth-child(3){
    width:70px;
  }

}


@media(prefers-reduced-motion:reduce){

  .paidia-slide{
    transition:none;
    transform:none;
  }

}



/* =========================================================
   PAIDIA SLIDER V7 — FIXED GEOMETRY + UX
   ========================================================= */

/*
   مهم:
   Slider همیشه همین ارتفاع را حفظ می‌کند.
   تغییر محتوای Slide دیگر باعث تغییر اندازه نمی‌شود.
*/

.paidia-slider{
  height:500px;
  min-height:500px;
  max-height:500px;
  position:relative;
  isolation:isolate;
}


/* ALL SLIDES USE THE EXACT SAME GEOMETRY */

.paidia-slide,
.paidia-slide.is-active{
  position:absolute !important;
  inset:0;

  width:100%;
  height:100%;
  min-height:0;

  grid-template-columns:1fr .92fr;

  overflow:hidden;
}


/* inactive */

.paidia-slide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:translateX(-18px);

  transition:
    opacity .48s ease,
    transform .48s ease,
    visibility 0s linear .48s;
}


/* active */

.paidia-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:translateX(0);

  transition:
    opacity .48s ease,
    transform .48s ease;
}


/* prevents copy from altering total geometry */

.paidia-slide-copy{
  height:100%;

  display:flex;
  flex-direction:column;
  justify-content:center;

  overflow:hidden;
}


/* fixed visual side */

.paidia-slide-visual{
  height:100%;
  min-height:0;
  overflow:hidden;
}


/* headings cannot create unexpected layout growth */

.paidia-slide h1,
.paidia-slide h2{
  margin-top:18px;
  margin-bottom:12px;
}


/* Avoid image layout shifts */

.library-shelf img,
.sigma-showcase img{
  display:block;
  flex-shrink:0;
}


/* =========================================================
   PROGRESS
   ========================================================= */

.paidia-slider-progress{
  position:absolute;

  z-index:30;

  right:0;
  left:0;
  bottom:0;

  height:3px;

  overflow:hidden;

  background:
    rgba(255,255,255,.10);
}


.paidia-slider-progress span{
  display:block;

  width:0%;
  height:100%;

  background:
    rgba(255,255,255,.85);

  transform-origin:right center;
}


/* =========================================================
   CONTROL BAR
   ========================================================= */

.paidia-slider-controls{
  right:24px;
  left:24px;
  bottom:19px;

  justify-content:center;

  min-height:40px;
}


.paidia-slider-info{
  position:absolute;
  right:0;

  display:flex;
  align-items:center;
}


.paidia-slider-counter{
  min-width:58px;

  padding:6px 10px;

  border:
    1px solid
    rgba(255,255,255,.16);

  border-radius:999px;

  background:
    rgba(7,40,32,.20);

  color:
    rgba(255,255,255,.88);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:10px;

  letter-spacing:1px;

  text-align:center;

  backdrop-filter:blur(8px);
}


/* pause/play */

.paidia-slider-pause{
  position:absolute;
  left:0;

  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  padding:0;

  border:
    1px solid
    rgba(255,255,255,.20);

  border-radius:50%;

  background:
    rgba(7,40,32,.25);

  color:#fff;

  cursor:pointer;

  font-size:12px;
  font-weight:800;

  backdrop-filter:blur(8px);

  transition:
    transform .18s ease,
    background .18s ease;
}


.paidia-slider-pause:hover{
  transform:scale(1.06);

  background:
    rgba(255,255,255,.16);
}


/* larger touch target without larger visual */

.paidia-slider-arrow,
.paidia-slider-pause,
.paidia-slider-dots button{
  touch-action:manipulation;
}


/* dots more legible */

.paidia-slider-dots button{
  position:relative;
}

.paidia-slider-dots button::before{
  content:"";

  position:absolute;

  inset:-8px;
}


/* =========================================================
   FOCUS / ACCESSIBILITY
   ========================================================= */

.paidia-slider button:focus-visible,
.paidia-slider a:focus-visible{
  outline:3px solid rgba(255,255,255,.75);
  outline-offset:3px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

  .paidia-slider{
    height:720px;
    min-height:720px;
    max-height:720px;
  }

  .paidia-slide,
  .paidia-slide.is-active{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
  }

  .paidia-slide-copy{
    height:auto;
    justify-content:flex-start;

    padding:
      40px 43px
      28px;
  }

  .paidia-slide-visual{
    height:auto;
    min-height:0;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

  .paidia-slider{
    height:675px;
    min-height:675px;
    max-height:675px;

    border-radius:22px;
  }

  .paidia-slide,
  .paidia-slide.is-active{
    grid-template-rows:auto 1fr;
  }

  .paidia-slide-copy{
    padding:
      30px 23px
      20px;
  }

  .paidia-slide h1,
  .paidia-slide h2{
    font-size:35px;
    line-height:1.55;
  }

  .paidia-slide-copy > p{
    font-size:16px;
    line-height:1.95;
  }

  .paidia-slide-visual{
    position:relative;
  }

  .paidia-slider-controls{
    right:15px;
    left:15px;
    bottom:15px;
  }

  .paidia-slider-counter{
    min-width:50px;
    padding:5px 7px;
    font-size:9px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px){

  .paidia-slider{
    height:650px;
    min-height:650px;
    max-height:650px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .paidia-slide,
  .paidia-slide.is-active{
    transform:none;
    transition:none;
  }

}



/* =========================================================
   PAIDIA INTERACTION LAYER V8
   ========================================================= */


/* ---------------------------------------------------------
   PAGE PROGRESS
   --------------------------------------------------------- */

.paidia-page-progress{
  position:fixed;
  z-index:1000;
  top:0;
  right:0;
  left:0;

  height:3px;

  pointer-events:none;
}

.paidia-page-progress span{
  display:block;

  width:0;
  height:100%;

  background:
    linear-gradient(
      90deg,
      #d7a94f,
      #2c715f
    );

  transition:
    width .08s linear;
}


/* ---------------------------------------------------------
   HEADER UTILITIES
   --------------------------------------------------------- */

.paidia-header-tool{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  flex:0 0 42px;

  padding:0;

  border:1px solid var(--p-line);
  border-radius:12px;

  background:#fff;
  color:var(--p-brand);

  cursor:pointer;

  font-size:17px;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.paidia-header-tool:hover{
  transform:translateY(-2px);

  border-color:#b8cec6;

  background:#f5f9f7;
}


/* ---------------------------------------------------------
   ACTIVE NAV
   --------------------------------------------------------- */

.v4-menu a.is-current{
  color:var(--p-brand-2);
}

.v4-menu a.is-current::after{
  right:0;
  left:0;
}


/* ---------------------------------------------------------
   BACK TO TOP
   --------------------------------------------------------- */

.paidia-back-top{
  position:fixed;

  z-index:90;

  left:24px;
  bottom:24px;

  width:46px;
  height:46px;

  display:grid;
  place-items:center;

  border:1px solid var(--p-line);
  border-radius:15px;

  background:rgba(255,255,255,.92);
  color:var(--p-brand);

  box-shadow:
    0 12px 30px rgba(21,63,54,.12);

  backdrop-filter:blur(12px);

  cursor:pointer;

  opacity:0;
  visibility:hidden;

  transform:
    translateY(12px);

  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility .2s ease;
}

.paidia-back-top.is-visible{
  opacity:1;
  visibility:visible;

  transform:none;
}

.paidia-back-top:hover{
  transform:translateY(-3px);
}


/* ---------------------------------------------------------
   COMMAND PALETTE
   --------------------------------------------------------- */

.paidia-command-overlay{
  position:fixed;

  z-index:1200;

  inset:0;

  display:grid;
  place-items:start center;

  padding:
    min(13vh,120px)
    20px
    30px;

  background:
    rgba(8,28,23,.58);

  backdrop-filter:
    blur(10px);
}

.paidia-command-overlay[hidden]{
  display:none;
}


.paidia-command{
  width:min(100%,670px);

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.18);

  border-radius:25px;

  background:#fff;

  box-shadow:
    0 35px 90px
    rgba(0,0,0,.24);

  animation:
    paidiaCommandIn
    .18s ease;
}


@keyframes paidiaCommandIn{

  from{
    opacity:0;
    transform:
      translateY(-10px)
      scale(.985);
  }

  to{
    opacity:1;
    transform:none;
  }

}


.paidia-command-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    21px 22px
    16px;
}


.paidia-command-head small{
  display:block;

  color:#8b9a95;

  font-size:8px;
  letter-spacing:1.2px;
}


.paidia-command-head strong{
  display:block;

  margin-top:4px;

  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);

  font-size:20px;
}


.paidia-command-close{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:11px;

  background:#f1f5f3;
  color:#5e6e68;

  cursor:pointer;

  font-size:21px;
}


.paidia-command-search{
  display:grid;

  grid-template-columns:
    28px 1fr auto;

  align-items:center;

  gap:9px;

  margin:
    0 16px
    11px;

  padding:
    0 14px;

  min-height:53px;

  border:
    1px solid #dce6e2;

  border-radius:14px;

  background:#f7f9f8;
}


.paidia-command-search > span{
  color:#71827c;
  font-size:20px;
}


.paidia-command-search input{
  width:100%;

  border:0;
  outline:0;

  background:transparent;

  color:#17352d;

  font-family:
    var(--font-ui,"B Yekan",Tahoma,sans-serif);

  font-size:13px;
}


.paidia-command-search input::placeholder{
  color:#97a39f;
}


.paidia-command-search kbd{
  padding:4px 7px;

  border:
    1px solid #d7e1dd;

  border-radius:7px;

  background:#fff;

  color:#81908b;

  font-size:8px;
}


.paidia-command-results{
  max-height:410px;

  overflow-y:auto;

  padding:
    4px 10px
    10px;
}


.paidia-command-item{
  display:grid;

  grid-template-columns:
    43px 1fr 30px;

  align-items:center;

  gap:12px;

  min-height:70px;

  padding:
    9px 12px;

  border-radius:14px;

  transition:
    background .12s ease;
}


.paidia-command-item:hover,
.paidia-command-item.is-selected{
  background:#edf4f1;
}


.paidia-command-item[hidden]{
  display:none;
}


.paidia-command-symbol{
  width:41px;
  height:41px;

  display:grid;
  place-items:center;

  border-radius:12px;

  background:#e5efeb;
  color:#1e5e4e;

  font:
    700 11px Georgia,serif;
}


.paidia-command-item strong{
  display:block;

  color:#173d33;

  font-size:13px;
}


.paidia-command-item small{
  display:block;

  margin-top:3px;

  color:#85938e;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:12px;
}


.paidia-command-arrow{
  color:#8ca099;
  font-size:17px;
}


.paidia-command-footer{
  display:flex;
  flex-wrap:wrap;

  gap:16px;

  padding:
    11px 18px;

  border-top:
    1px solid #e5ece9;

  background:#f8faf9;

  color:#8c9995;

  font-size:8px;
}


/* ---------------------------------------------------------
   DARK THEME
   --------------------------------------------------------- */

html[data-theme="dark"]{

  --p-bg:#0f1916;
  --p-surface:#17231f;
  --p-soft:#1c2b26;
  --p-line:#2b3c36;

  --p-text:#eff6f3;
  --p-muted:#a5b5af;

  --p-brand:#74b39f;
  --p-brand-2:#84c3af;
}


html[data-theme="dark"] body{
  background:#0f1916;
  color:#eef5f2;
}


html[data-theme="dark"] .v4-header{
  background:
    rgba(15,25,22,.92);

  border-color:#283a34;
}


html[data-theme="dark"] .v4-menu{
  color:#c0cec9;
}


html[data-theme="dark"] .paidia-header-tool{
  background:#17241f;
  border-color:#31423c;
  color:#d9e8e3;
}


html[data-theme="dark"] .v4-section-white,
html[data-theme="dark"] .v4-section-soft{
  background:#101b17;
}


html[data-theme="dark"] .v4-module:not(.v4-module-featured),
html[data-theme="dark"] .v4-education-card,
html[data-theme="dark"] .v4-founder,
html[data-theme="dark"] .v4-faq details{
  background:#17231f;
  border-color:#2b3c36;
}


html[data-theme="dark"] .v4-module:not(.v4-module-featured) p,
html[data-theme="dark"] .v4-education-card p,
html[data-theme="dark"] .v4-why p,
html[data-theme="dark"] .v4-founder p,
html[data-theme="dark"] .v4-faq p{
  color:#a8b8b2;
}


html[data-theme="dark"] .paidia-command{
  background:#17231f;
  color:#eff6f3;
}


html[data-theme="dark"] .paidia-command-search{
  background:#111c18;
  border-color:#30413b;
}


html[data-theme="dark"] .paidia-command-search input{
  color:#eef6f3;
}


html[data-theme="dark"] .paidia-command-item strong{
  color:#eaf4f0;
}


html[data-theme="dark"] .paidia-command-item:hover,
html[data-theme="dark"] .paidia-command-item.is-selected{
  background:#22342e;
}


html[data-theme="dark"] .paidia-command-symbol{
  background:#243830;
  color:#a8d6c7;
}


html[data-theme="dark"] .paidia-command-footer{
  background:#111b18;
  border-color:#2a3b35;
}


html[data-theme="dark"] .paidia-back-top{
  background:
    rgba(23,35,31,.94);

  border-color:#34463f;

  color:#dcebe6;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

  .paidia-header-tool{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  #paidiaCommandButton{
    display:none;
  }

  .paidia-back-top{
    left:16px;
    bottom:16px;

    width:43px;
    height:43px;
  }

  .paidia-command-overlay{
    padding:
      70px 12px
      20px;
  }

  .paidia-command{
    border-radius:20px;
  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  .paidia-command{
    animation:none;
  }

  .paidia-back-top{
    transition:none;
  }

}



/* =========================================================
   PAIDIA LIBRARY EXPERIENCE V9
   ========================================================= */

.paidia-library-module{
  min-height:620px;
}

.paidia-library-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:18px;
}

.paidia-library-benefits span{
  padding:6px 10px;

  border:
    1px solid
    rgba(255,255,255,.14);

  border-radius:999px;

  background:
    rgba(255,255,255,.07);

  color:#c7dbd4;

  font-size:10px;
}


/* DEMO WINDOW */

.paidia-library-demo{
  position:relative;

  margin-top:25px;

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.18);

  border-radius:21px;

  background:#f8faf9;

  color:#173d33;

  box-shadow:
    0 23px 55px
    rgba(4,29,22,.22);
}


.paidia-library-demo-top{
  min-height:61px;

  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:15px;

  padding:
    10px 15px;

  border-bottom:
    1px solid #e1eae7;

  background:#fff;
}


.paidia-library-demo-brand{
  display:flex;
  align-items:center;
  gap:10px;
}


.paidia-library-demo-logo{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  border-radius:11px;

  background:#153f36;
  color:#fff;

  font:
    700 17px Georgia,serif;
}


.paidia-library-demo-brand strong{
  display:block;

  font-size:12px;
}


.paidia-library-demo-brand small{
  display:block;

  margin-top:1px;

  color:#8c9995;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:10px;
}


.paidia-library-demo-badge{
  color:#80918b;

  font:
    700 8px Georgia,serif;

  letter-spacing:2px;
}


/* TABS */

.paidia-library-tabs{
  display:flex;

  gap:4px;

  overflow-x:auto;

  padding:
    8px 10px;

  border-bottom:
    1px solid #e3ebe8;

  background:#f4f7f6;

  scrollbar-width:none;
}


.paidia-library-tabs::-webkit-scrollbar{
  display:none;
}


.paidia-library-tabs button{
  min-height:34px;

  flex:0 0 auto;

  padding:
    5px 12px;

  border:0;
  border-radius:9px;

  background:transparent;
  color:#74837e;

  cursor:pointer;

  font-family:
    var(--font-ui,"B Yekan",Tahoma,sans-serif);

  font-size:10px;
  font-weight:700;

  transition:
    background .16s ease,
    color .16s ease;
}


.paidia-library-tabs button:hover{
  color:#245f50;
}


.paidia-library-tabs button.is-active{
  background:#fff;
  color:#175343;

  box-shadow:
    0 2px 9px
    rgba(21,63,54,.07);
}


/* PANEL */

.paidia-library-panel{
  min-height:235px;

  padding:16px;

  background:
    linear-gradient(
      180deg,
      #fbfdfc,
      #f4f8f6
    );
}


.paidia-library-panel[hidden]{
  display:none;
}


.paidia-library-panel.is-active{
  animation:
    paidiaLibraryPanelIn
    .22s ease;
}


@keyframes paidiaLibraryPanelIn{

  from{
    opacity:0;
    transform:
      translateY(5px);
  }

  to{
    opacity:1;
    transform:none;
  }

}


/* BOOKS PANEL */

.paidia-library-panel-title{
  display:flex;
  justify-content:space-between;
  align-items:end;

  gap:15px;

  margin-bottom:14px;
}


.paidia-library-panel-title small{
  display:block;

  color:#96a39f;

  font-size:7px;
  letter-spacing:1px;
}


.paidia-library-panel-title strong{
  display:block;

  margin-top:2px;

  font-size:12px;
}


.paidia-library-panel-title > span{
  color:#778780;

  font-size:9px;
}


.paidia-library-books{
  display:grid;

  grid-template-columns:
    repeat(5,1fr);

  gap:8px;
}


.paidia-library-book{
  min-width:0;
}


.paidia-library-book img{
  width:100%;

  aspect-ratio:3/4;

  object-fit:cover;

  border-radius:7px;

  box-shadow:
    0 7px 17px
    rgba(17,59,49,.13);

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}


.paidia-library-book:hover img{
  transform:
    translateY(-4px);

  box-shadow:
    0 11px 23px
    rgba(17,59,49,.17);
}


.paidia-library-book small{
  display:block;

  margin-top:6px;

  color:#75857f;

  text-align:center;

  font-size:8px;
}


/* CONTINUE */

.paidia-continue-reading{
  display:grid;

  grid-template-columns:
    105px 1fr;

  gap:18px;

  align-items:center;

  min-height:200px;
}


.paidia-continue-cover img{
  width:100%;

  aspect-ratio:3/4;

  object-fit:cover;

  border-radius:9px;

  box-shadow:
    0 12px 26px
    rgba(15,53,43,.16);
}


.paidia-continue-copy > small{
  color:#2b705d;

  font-size:7px;
  font-weight:700;

  letter-spacing:1px;
}


.paidia-continue-copy > strong{
  display:block;

  margin-top:5px;

  font-size:13px;
}


.paidia-continue-copy > p{
  margin:
    6px 0 0;

  color:#71817b;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:12px;

  line-height:1.85;
}


.paidia-reading-progress{
  height:6px;

  margin-top:13px;

  overflow:hidden;

  border-radius:999px;

  background:#e3ebe8;
}


.paidia-reading-progress span{
  display:block;

  width:57%;
  height:100%;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      #2b705d,
      #5ba38d
    );
}


.paidia-reading-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:10px;

  margin-top:12px;
}


.paidia-reading-button{
  display:inline-flex;

  align-items:center;

  min-height:31px;

  padding:
    5px 10px;

  border-radius:8px;

  background:#173f35;
  color:#fff;

  font-size:9px;
  font-weight:700;
}


.paidia-reading-note{
  color:#8b9994;

  font-size:8px;
}


/* SECURITY */

.paidia-security-grid{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:9px;

  min-height:200px;

  align-items:stretch;
}


.paidia-security-item{
  padding:13px;

  border:
    1px solid #e0e9e6;

  border-radius:13px;

  background:#fff;
}


.paidia-security-icon{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  border-radius:11px;

  background:#e8f1ee;
  color:#1c5a4a;

  font:
    700 10px Georgia,serif;
}


.paidia-security-item strong{
  display:block;

  margin-top:13px;

  font-size:10px;
}


.paidia-security-item p{
  margin:
    5px 0 0;

  color:#75837f;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:10px;

  line-height:1.75;
}


/* ACCESSIBILITY */

.paidia-library-tabs button:focus-visible{
  outline:
    2px solid #276858;

  outline-offset:2px;
}


/* TABLET */

@media(max-width:900px){

  .paidia-library-module{
    min-height:auto;
  }

}


/* MOBILE */

@media(max-width:600px){

  .paidia-library-panel{
    min-height:270px;
  }

  .paidia-library-books{
    grid-template-columns:
      repeat(3,1fr);
  }

  .paidia-library-book:nth-child(n+4){
    display:none;
  }

  .paidia-continue-reading{
    grid-template-columns:
      82px 1fr;

    gap:12px;
  }

  .paidia-security-grid{
    grid-template-columns:1fr;
  }

  .paidia-security-item{
    display:grid;

    grid-template-columns:
      38px 1fr;

    column-gap:10px;
  }

  .paidia-security-item strong{
    margin-top:2px;
  }

  .paidia-security-item p{
    grid-column:2;
  }

}


/* DARK MODE */

html[data-theme="dark"]
.paidia-library-demo{

  background:#15211d;

  color:#eaf4f0;

  border-color:#344840;
}


html[data-theme="dark"]
.paidia-library-demo-top{

  background:#192721;

  border-color:#31433c;
}


html[data-theme="dark"]
.paidia-library-tabs{

  background:#111c18;

  border-color:#30413b;
}


html[data-theme="dark"]
.paidia-library-tabs button.is-active{

  background:#22332d;
  color:#b6ddcf;
}


html[data-theme="dark"]
.paidia-library-panel{

  background:
    linear-gradient(
      180deg,
      #18251f,
      #14201c
    );
}


html[data-theme="dark"]
.paidia-security-item{

  background:#1c2b25;

  border-color:#30433b;
}


@media(prefers-reduced-motion:reduce){

  .paidia-library-panel.is-active{
    animation:none;
  }

  .paidia-library-book img{
    transition:none;
  }

}



/* =========================================================
   PAIDIA LIBRARY — SIMPLE PRESENTATION V10
   ========================================================= */

.paidia-library-simple{
  min-height:520px;
}

.paidia-library-simple-copy h3{
  margin:0;
  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);
  font-size:30px;
  line-height:1.7;
}

.paidia-library-simple-copy p{
  max-width:570px;
  margin:8px 0 0;
  color:#c9ddd6;
  font-family:
    var(--font-reading,"B Nazanin",serif);
  font-size:18px;
  line-height:2;
}


/* POSTER AREA */

.paidia-library-poster-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/10;

  margin-top:26px;

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.15);

  border-radius:20px;

  background:
    rgba(255,255,255,.06);
}


.paidia-library-poster-frame > img{
  width:100%;
  height:100%;

  object-fit:cover;

  display:block;
}


/* temporary placeholder until real poster is uploaded */

.paidia-library-poster-placeholder{
  width:100%;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:18px;

  background:
    radial-gradient(
      circle at 25% 15%,
      rgba(255,255,255,.10),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.015)
    );

  color:#fff;
}


.paidia-library-poster-brand{
  width:72px;
  height:72px;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(255,255,255,.15);

  border-radius:21px;

  background:
    rgba(255,255,255,.08);

  font:
    700 34px Georgia,serif;
}


.paidia-library-poster-placeholder strong{
  display:block;

  font:
    700 14px Georgia,serif;

  letter-spacing:2px;
}


.paidia-library-poster-placeholder small{
  display:block;

  margin-top:5px;

  color:#aec9c0;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:12px;
}


.paidia-library-simple .v4-module-action{
  margin-top:auto;
  padding-top:23px;
}


@media(max-width:600px){

  .paidia-library-simple{
    min-height:auto;
  }

  .paidia-library-poster-frame{
    aspect-ratio:4/3;
  }

  .paidia-library-poster-brand{
    width:58px;
    height:58px;

    font-size:27px;
  }

}


/* PAIDIA LIBRARY POSTER FINAL */

.paidia-library-poster-frame{
  width:100%;
  aspect-ratio:1586/992;
  overflow:hidden;
  background:#071525;
}

.paidia-library-poster-frame > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}



/* =========================================================
   PAIDIA MAIN MODULES V11
   Library right + Planner left
   ========================================================= */

.paidia-main-modules{
  display:grid !important;
  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:22px !important;

  align-items:stretch;
}


/* both cards same geometry */

.paidia-main-modules > .v4-module{
  grid-column:auto !important;
  grid-row:auto !important;

  width:100%;
  min-width:0;

  min-height:660px;

  display:flex;
  flex-direction:column;

  padding:29px;

  border-radius:29px;
}


/* =========================================================
   COMMON
   ========================================================= */

.paidia-module-status-row{
  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:16px;
}


.paidia-module-number{
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:10px;
  font-weight:700;

  letter-spacing:1px;
}


.paidia-module-heading{
  margin-top:28px;
}


.paidia-module-heading h3{
  margin:0;

  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);

  font-size:30px;

  line-height:1.65;
}


.paidia-module-heading p{
  max-width:560px;

  margin:
    7px 0 0;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:18px;

  line-height:2;
}


/* =========================================================
   LIBRARY
   ========================================================= */

.paidia-library-card{
  background:
    linear-gradient(
      145deg,
      #153f36,
      #205b4c
    );

  color:#fff;

  border:
    1px solid
    rgba(255,255,255,.08);
}


.paidia-library-card
.paidia-module-heading p{
  color:#c9ddd6;
}


.paidia-library-card
.paidia-module-number{
  color:#b7d3ca;
}


.paidia-library-poster-frame{
  width:100%;

  aspect-ratio:1586/992;

  margin-top:26px;

  overflow:hidden;

  border-radius:20px;

  background:#071525;

  box-shadow:
    0 18px 40px
    rgba(3,25,19,.22);
}


.paidia-library-poster-frame img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;
}


/* CTA remains INSIDE green card */

.paidia-library-cta{
  margin-top:auto;

  padding-top:23px;
}


.paidia-library-enter{
  min-height:54px;

  width:100%;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:15px;

  padding:
    10px 18px;

  border:
    2px solid #fff;

  border-radius:15px;

  background:#fff;

  color:#123d32;

  font-family:
    var(--font-ui,"B Yekan",Tahoma,sans-serif);

  font-size:14px;
  font-weight:800;

  box-shadow:
    0 12px 28px
    rgba(3,26,20,.19);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}


.paidia-library-enter:hover{
  transform:
    translateY(-3px);

  background:#f1f7f4;

  box-shadow:
    0 17px 34px
    rgba(3,26,20,.24);
}


.paidia-cta-arrow{
  width:30px;
  height:30px;

  flex:0 0 30px;

  display:grid;
  place-items:center;

  border-radius:9px;

  background:#153f36;

  color:#fff;

  font-size:17px;
}


/* =========================================================
   PLANNER
   ========================================================= */

.paidia-planner-card{
  background:#fff;

  color:#17352d;

  border:
    1px solid #dce6e2;
}


.paidia-planner-card
.paidia-module-number{
  color:#72827d;
}


.paidia-planner-card
.paidia-module-heading p{
  color:#6c7b76;
}


.paidia-planner-showcase{
  width:100%;

  aspect-ratio:1586/992;

  margin-top:26px;

  overflow:hidden;

  border:
    1px solid #dce7e3;

  border-radius:20px;

  background:#eef4f1;
}


.planner-showcase-top{
  min-height:55px;

  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:
    10px 17px;

  border-bottom:
    1px solid #dbe6e2;

  background:#fff;
}


.planner-showcase-top span{
  font-size:11px;
  font-weight:800;
}


.planner-showcase-top small{
  color:#8c9994;

  font:
    700 8px Georgia,serif;

  letter-spacing:1px;
}


.planner-showcase-layout{
  height:
    calc(100% - 55px);

  display:grid;

  grid-template-columns:
    92px 1fr;
}


.planner-showcase-side{
  display:grid;

  align-content:start;

  gap:9px;

  padding:17px 12px;

  background:#e1ebe7;
}


.planner-showcase-side span{
  height:28px;

  border-radius:8px;

  background:#cadbd5;
}


.planner-showcase-main{
  padding:18px;
}


.planner-showcase-progress{
  padding:15px;

  border-radius:13px;

  background:#fff;
}


.planner-showcase-progress strong{
  font-size:10px;
}


.planner-showcase-progress > div{
  height:7px;

  margin-top:11px;

  overflow:hidden;

  border-radius:999px;

  background:#e5ece9;
}


.planner-showcase-progress i{
  display:block;

  width:66%;
  height:100%;

  border-radius:inherit;

  background:#2c715f;
}


.planner-showcase-cards{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:9px;

  margin-top:10px;
}


.planner-showcase-cards > div{
  min-height:64px;

  padding:12px;

  border-radius:12px;

  background:#dce8e4;
}


.planner-showcase-cards small{
  color:#526d64;

  font-size:8px;
}


.planner-showcase-task{
  height:34px;

  margin-top:10px;

  border-radius:9px;

  background:#dfe9e5;
}


.planner-showcase-task.short{
  width:72%;
}


.paidia-planner-footer{
  margin-top:auto;

  padding-top:23px;
}


.paidia-planner-coming{
  min-height:54px;

  width:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  border:
    1px solid #d9e5e1;

  border-radius:15px;

  background:#f3f7f5;

  color:#557068;

  font-size:12px;
  font-weight:700;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

  .paidia-main-modules{
    grid-template-columns:
      1fr !important;
  }

  .paidia-main-modules > .v4-module{
    min-height:auto;
  }

}


@media(max-width:600px){

  .paidia-main-modules > .v4-module{
    padding:21px;

    border-radius:23px;
  }

  .paidia-module-heading h3{
    font-size:25px;
  }

  .paidia-module-heading p{
    font-size:16px;
  }

  .paidia-library-enter{
    min-height:52px;
  }

}



/* =========================================================
   PAIDIA PRODUCTS V12
   ========================================================= */

.paidia-product-showcase{
  min-height:430px;

  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:45px;
  align-items:center;

  padding:38px;

  overflow:hidden;

  border-radius:30px;

  background:
    linear-gradient(
      140deg,
      #143e34,
      #236552
    );

  color:#fff;
}


.paidia-product-tag{
  display:inline-flex;

  padding:6px 10px;

  border:
    1px solid rgba(255,255,255,.15);

  border-radius:999px;

  color:#b8d5cc;

  font-size:9px;
  font-weight:800;

  letter-spacing:1.3px;
}


.paidia-product-copy h3{
  margin:20px 0 9px;

  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);

  font-size:34px;

  line-height:1.65;
}


.paidia-product-copy p{
  max-width:510px;

  margin:0;

  color:#c9ddd6;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:18px;

  line-height:2;
}


.paidia-product-button{
  width:max-content;

  min-height:50px;

  display:flex;
  align-items:center;
  gap:20px;

  margin-top:25px;

  padding:9px 16px;

  border-radius:14px;

  background:#fff;

  color:#153f36;

  font-size:13px;
  font-weight:800;

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}


.paidia-product-button:hover{
  transform:translateY(-3px);

  box-shadow:
    0 15px 32px rgba(0,0,0,.17);
}


.paidia-product-books{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:9px;

  perspective:1200px;
}


.paidia-product-books img{
  width:min(18%,125px);

  aspect-ratio:3/4;

  object-fit:cover;

  border-radius:10px;

  box-shadow:
    0 18px 35px rgba(0,0,0,.22);

  transition:
    transform .2s ease;
}


.paidia-product-books img:nth-child(1){
  transform:
    translateY(15px)
    rotate(-4deg);
}

.paidia-product-books img:nth-child(2){
  transform:
    translateY(-4px)
    rotate(-2deg);
}

.paidia-product-books img:nth-child(3){
  transform:
    translateY(-18px);
}

.paidia-product-books img:nth-child(4){
  transform:
    translateY(-4px)
    rotate(2deg);
}

.paidia-product-books img:nth-child(5){
  transform:
    translateY(15px)
    rotate(4deg);
}


.paidia-product-books img:hover{
  transform:
    translateY(-16px)
    scale(1.04);
}


@media(max-width:900px){

  .paidia-product-showcase{
    grid-template-columns:1fr;
  }

}


@media(max-width:600px){

  .paidia-product-showcase{
    padding:25px;

    border-radius:23px;
  }

  .paidia-product-books{
    gap:5px;
  }

  .paidia-product-books img{
    width:19%;
  }

}



/* =========================================================
   ABOUT PAIDIA V12
   ========================================================= */

.paidia-about{
  background:#f6f9f8;
}


.paidia-about-grid{
  display:grid;

  grid-template-columns:
    .85fr 1.15fr;

  gap:80px;

  align-items:center;
}


.paidia-about-copy h2{
  margin:9px 0 8px;

  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);

  font-size:42px;
}


.paidia-about-lead{
  margin:
    0 0 12px !important;

  color:#215f50 !important;

  font-size:22px !important;

  font-weight:700;
}


.paidia-about-copy p{
  margin:0;

  color:#66756f;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:18px;

  line-height:2.05;
}


.paidia-values{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:12px;
}


.paidia-value{
  min-height:215px;

  padding:22px;

  border-top:
    2px solid #276858;

  background:#fff;
}


.paidia-value > span{
  color:#9aaba5;

  font:
    400 11px Georgia,serif;
}


.paidia-value strong{
  display:block;

  margin-top:30px;

  color:#163e34;

  font-family:
    var(--font-title,"B Titr",Tahoma,sans-serif);

  font-size:20px;
}


.paidia-value p{
  margin:7px 0 0;

  color:#71807a;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:15px;

  line-height:1.9;
}


@media(max-width:900px){

  .paidia-about-grid{
    grid-template-columns:1fr;

    gap:40px;
  }

}


@media(max-width:600px){

  .paidia-values{
    grid-template-columns:1fr;
  }

  .paidia-value{
    min-height:auto;
  }

}



/* =========================================================
   FOOTER V12
   ========================================================= */

.paidia-footer-main{
  display:grid;

  grid-template-columns:
    1.6fr .7fr .7fr;

  gap:55px;
}


.paidia-footer-brand p{
  max-width:390px;

  margin:17px 0 0;

  color:#b9cec7;

  font-family:
    var(--font-reading,"B Nazanin",serif);

  font-size:15px;

  line-height:2;
}


@media(max-width:700px){

  .paidia-footer-main{
    grid-template-columns:1fr;

    gap:35px;
  }

}



/* ==========================================================
   PAIDIA MODULES FINAL V1
   Library + Planner
   ========================================================== */

.v4-modules{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
}


/* کارت‌ها */
.v4-module{
    min-height:0 !important;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}


/* ناحیه تصویر هر دو کارت */
.v4-module-visual{
    width:100%;
    min-height:0 !important;
    aspect-ratio:16 / 10;
    overflow:hidden;
    border-radius:18px;
}


/* پوستر Planner */
.v4-planner-preview{
    display:block !important;
    width:100%;
    height:100%;
    padding:0 !important;
    margin:0 !important;

    background:
        url('/assets/paidia-planner-poster.png')
        center center / cover
        no-repeat !important;

    border-radius:18px;
    overflow:hidden;
}


/* حذف کامل Mockup قدیمی Planner */
.v4-planner-preview > *{
    display:none !important;
}


/* حذف ساختار قدیمی sidebar/main پلنر */
.v4-planner-side,
.v4-planner-main{
    display:none !important;
}


/* تصویر داخل ناحیه ویژوال بدون کشیدگی */
.v4-module-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* فاصله منظم بین پوستر و محتوای کارت */
.v4-module-visual + *{
    margin-top:22px;
}


/* Responsive */
@media (max-width:900px){

    .v4-modules{
        grid-template-columns:1fr;
        gap:20px;
    }

    .v4-module{
        min-height:0 !important;
    }

    .v4-module-visual{
        aspect-ratio:16 / 10;
    }
}


@media (max-width:560px){

    .v4-module{
        padding:20px !important;
        border-radius:22px !important;
    }

    .v4-module-visual,
    .v4-planner-preview{
        border-radius:14px;
    }

    .v4-modules{
        gap:16px;
    }
}

/* ===== END PAIDIA MODULES FINAL V1 ===== */