body.layas-page .elementor-widget:not(:last-child){ margin-bottom:0 !important; }
body.layas-page .elementor-section{ padding:0 !important; margin:0 !important; }
body.layas-page .elementor-column > .elementor-widget-wrap{ padding:0 !important; }
body.layas-page .elementor-container{ max-width:none !important; padding:0 !important; margin:0 !important; }

/* same reset, but unscoped so it also fixes double side-padding on pages we don't fully own
   (e.g. the theme's category/archive template) wherever one of our shortcode widgets lives */
.elementor-widget-shortcode:has(> .elementor-widget-container > .layas-page){ margin:0 !important; }
.elementor-section:has(.layas-page){ padding:0 !important; }
.elementor-column:has(.layas-page) > .elementor-widget-wrap{ padding:0 !important; }
.elementor-container:has(.layas-page){ max-width:none !important; padding:0 !important; margin:0 !important; width:100% !important; }
:root{
  --teal-900:#04352b; --teal-800:#04544a; --teal-700:#04896e; --teal-600:#079e80;
  --teal-500:#0cb896; --teal-100:#e3f7f1; --teal-50:#f4fbf9;
  --coral-600:#e0413c; --coral-500:#ef5350; --coral-400:#f47b78; --coral-100:#fde7e6;
  --ink-900:#111a18; --ink-700:#38524c; --ink-500:#6b8580; --ink-300:#aec2be; --ink-100:#e7f0ee;
  --paper:#fbfaf7;
  --radius-lg:20px; --radius-md:14px; --radius-sm:10px;
  --shadow-1: 0 1px 2px rgba(4,53,43,.06), 0 8px 24px -12px rgba(4,53,43,.18);
  --shadow-2: 0 24px 48px -16px rgba(4,53,43,.28);
  --ease: cubic-bezier(.22,1,.36,1);
}
body.layas-page{ margin:0; background:var(--paper); color:var(--ink-900); font-family:'DM Sans',system-ui,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; transition:background .3s, color .3s; }

/* ---------- dark mode (driven by the theme's own pc_dark_mode_toggle / body.pcdark-mode) ---------- */
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page){
  --paper:#101a17; --ink-900:#eef5f2; --ink-700:#c9dad5; --ink-500:#8fa79f; --ink-300:#4c635c; --ink-100:#22322c;
  --teal-50:#16221e; --teal-100:#1a2f28;
}
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .card,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .slide,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .spot-inner,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .genre-card,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .pager a,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .woocommerce-form-login,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .woocommerce-form-register{ background:#182722; }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .card .cover,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .slide-cover,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .spot-cover{ background-color:#101a17; }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .drawer{ background:#101a17 }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .drawer-head{ border-color:#22322c }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .drawer nav a:hover{ background:#1a2f28 }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .chip.cat{ background:#5b7069 }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body .wpcf7-form input,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body .wpcf7-form textarea,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body .woocommerce-form input.input-text,
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body .woocommerce-form input[type=password],
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body .woocommerce-form input[type=email],
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body .woocommerce-form input[type=text]{ background:#101a17; border-color:#22322c; color:var(--ink-900); }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body table th{ background:#16221e }
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .content-page-body blockquote{ background:#16221e }
.layas-page h1,.layas-page h2,.layas-page h3,.layas-page h4{font-family:'Lora',serif; margin:0; line-height:1.15; color:var(--ink-900); font-weight:600}
.layas-page a{color:inherit; text-decoration:none}
.layas-page img{max-width:100%; display:block}
.layas-page ul{margin:0; padding:0; list-style:none}
.layas-page button{font-family:inherit; cursor:pointer; padding:0; border:0; background:none; margin:0}
@media(max-width:767px){ .layas-page .topbar{display:none} }
.layas-page .wrap{max-width:1240px; margin:0 auto; padding:0 20px}
.layas-page .eyebrow{
  display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:var(--teal-700);
  background:var(--teal-100); padding:6px 12px; border-radius:999px;
}
.layas-page .section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 0 24px}
.layas-page .section-head h2{font-size:clamp(22px,3vw,30px)}
.layas-page .section-head p{margin:6px 0 0; color:var(--ink-500); font-size:14.5px}
.layas-page .view-all{
  display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:14px;
  color:var(--teal-700); white-space:nowrap; padding:10px 6px; min-height:44px;
}
.layas-page .view-all svg{width:16px; height:16px; transition:transform .25s var(--ease)}
.layas-page .view-all:hover svg{transform:translateX(4px)}
.layas-page .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .7s var(--ease)}
.layas-page .reveal.is-in{opacity:1; transform:translateY(0)}

.layas-page .topbar{background:var(--teal-900); color:#cfe9e3; font-size:12.5px}
.layas-page .topbar .wrap{display:flex; align-items:center; justify-content:space-between; height:36px}
.layas-page .topbar .socials{display:flex; gap:10px}
.layas-page .topbar .socials .social-btn{width:26px;height:26px}
.layas-page .topbar .socials .social-btn svg{width:13px;height:13px}

/* ---------- brand-colored social icon buttons (topbar, drawer, footer) ---------- */
.layas-page .social-btn{
  width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; flex:none; transition:transform .2s, filter .2s;
}
.layas-page .social-btn:hover{transform:translateY(-2px); filter:brightness(1.08)}
.layas-page .social-btn svg{width:17px; height:17px}
.layas-page .social-btn.social-fb{background:#1877F2}
.layas-page .social-btn.social-yt{background:#FF0000}
.layas-page .social-btn.social-wa{background:#25D366}
.layas-page .social-btn.social-ig{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)}
.layas-page .social-btn.social-pl{background:var(--teal-700)}
.layas-page .topbar .date{opacity:.8}

.layas-page header.site{
  position:sticky; top:0; z-index:100;
  background:linear-gradient(180deg,var(--teal-700),var(--teal-800));
  box-shadow:0 4px 20px -8px rgba(4,53,43,.35);
}
.layas-page .nav-row{display:flex; align-items:center; justify-content:space-between; height:74px; gap:20px}
.layas-page .brand{display:flex; align-items:center; gap:6px; color:#fff}
.layas-page .brand img{width:44px;height:44px;border-radius:50%; border:2px solid rgba(255,255,255,.6); object-fit:cover}
.layas-page .brand-text{display:flex; flex-direction:column; line-height:1.1}
.layas-page .brand-text strong{font-family:'Lora',serif; font-size:19px}
.layas-page .brand-text span{font-size:11px; letter-spacing:.08em; opacity:.75; text-transform:uppercase}

.layas-page nav.primary{display:none}
.layas-page nav.primary ul{display:flex; align-items:center; gap:4px}
.layas-page nav.primary a{
  color:#eafff9; font-weight:600; font-size:14.5px; padding:10px 14px; border-radius:999px;
  display:flex; align-items:center; min-height:44px; transition:background .2s, color .2s;
}
.layas-page nav.primary a:hover, .layas-page nav.primary a.active{background:rgba(255,255,255,.14)}
.layas-page nav.primary a.cta{background:var(--coral-500); color:#fff}
.layas-page nav.primary a.cta:hover{background:var(--coral-600)}

.layas-page .header-actions{display:flex; align-items:center; gap:12px}
.layas-page .layas-dm-switch{flex:none; display:flex; align-items:center}
@media(max-width:959px){
  .layas-page .nav-row{justify-content:flex-start}
  .layas-page .hamburger{order:1}
  .layas-page .brand{order:2; flex:1; justify-content:center; text-align:center}
  .layas-page .header-actions{order:3}
}
.layas-page .icon-btn{
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:rgba(255,255,255,.12); color:#fff; border:0; flex:none;
  transition:background .2s, transform .2s;
}
.layas-page .icon-btn:hover{background:rgba(255,255,255,.24); transform:translateY(-1px)}
.layas-page .icon-btn svg{width:19px;height:19px}
.layas-page .hamburger{display:flex}

.layas-page .drawer-backdrop{
  position:fixed; inset:0; background:rgba(4,20,17,.55); backdrop-filter:blur(2px);
  opacity:0; pointer-events:none; transition:opacity .3s var(--ease); z-index:150;
}
.layas-page .drawer{
  position:fixed; top:0; left:0; height:100%; width:min(84vw,340px);
  background:var(--paper); z-index:151; transform:translateX(-100%);
  transition:transform .35s var(--ease); display:flex; flex-direction:column;
  box-shadow:20px 0 60px rgba(0,0,0,.25);
}
body.drawer-open .drawer-backdrop{opacity:1; pointer-events:auto}
body.drawer-open .drawer{transform:translateX(0)}
.layas-page .drawer-head{display:flex; align-items:center; justify-content:space-between; padding:18px 18px; border-bottom:1px solid var(--ink-100)}
.layas-page .drawer-head strong{font-family:'Lora',serif; color:var(--teal-800); font-size:18px}
.layas-page .drawer nav{padding:8px 10px; overflow-y:auto}
.layas-page .drawer nav a{
  display:flex; align-items:center; gap:12px; padding:14px 12px; min-height:48px;
  border-radius:12px; font-weight:600; color:var(--ink-900); font-size:15.5px;
}
.layas-page .drawer nav a:hover{background:var(--teal-100); color:var(--teal-800)}
.layas-page .drawer nav a svg{width:18px;height:18px; color:var(--teal-600)}
.layas-page .drawer-foot{margin-top:auto; padding:18px; display:flex; gap:14px; justify-content:center; border-top:1px solid var(--ink-100)}

@media(min-width:960px){
  .layas-page nav.primary{display:block}
  .layas-page .hamburger{display:none}
}

.layas-page .hero{
  position:relative; padding:36px 0 44px;
  background:
    radial-gradient(1100px 480px at 12% -10%, rgba(12,184,150,.18), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(239,83,80,.14), transparent 55%),
    var(--teal-50);
  overflow:hidden;
}
.layas-page .ticker{
  background:var(--teal-900); color:#eafff9; display:flex; align-items:stretch;
  overflow:hidden; position:relative; z-index:20;
}
.layas-page .ticker-label{
  flex:none; display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase; background:var(--coral-500); color:#fff;
  padding:9px 16px;
}
.layas-page .ticker-label svg{width:14px;height:14px}
.layas-page .ticker-track{flex:1; overflow:hidden; position:relative; display:flex; align-items:center}
.layas-page .ticker-content{display:flex; width:max-content; animation:tickerScroll 16s linear infinite}
.layas-page .ticker-content:hover, .layas-page .ticker:hover .ticker-content{animation-play-state:paused}
.layas-page .ticker-item{padding:0 60px 0 0; font-size:13px; font-weight:600; white-space:nowrap}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.layas-page .slider{position:relative}
.layas-page .slider-track{
  display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding:4px 4px 8px; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none;
}
.layas-page .slider-track::-webkit-scrollbar{display:none}
.layas-page .slide{
  scroll-snap-align:start; flex:0 0 auto; width:78%;
  background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-2);
  display:flex; flex-direction:column; transition:transform .3s var(--ease);
}
@media(min-width:640px){.layas-page .slide{width:44%}}
@media(min-width:1000px){.layas-page .slide{width:30.5%}}
.layas-page .slide-cover-wrap{position:relative}
.layas-page .slide-cover{position:relative; aspect-ratio:4/5; overflow:hidden; display:block; background-color:var(--teal-100)}
.layas-page .slide-cover img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0}
.layas-page .slide-cover-bookmark{position:absolute; top:12px; right:12px; z-index:2}
.layas-page .slide-meta{padding:16px 18px 20px}
.layas-page .slide-meta .chip{margin-bottom:10px}
.layas-page .slide-meta h3{font-size:16.5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.layas-page .slide-meta .sub{margin-top:10px; display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:12px; color:var(--ink-500)}
.layas-page .slide-meta .sub span{display:flex; align-items:center; gap:5px}
.layas-page .slide-meta .sub svg{width:13px;height:13px}
.layas-page .slider-arrow{
  position:absolute; top:33%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%;
  background:rgba(4,53,43,.65); color:#fff; display:flex; align-items:center; justify-content:center;
  backdrop-filter:blur(4px); z-index:5; border:0; transition:background .2s, transform .2s;
}
.layas-page .slider-arrow:hover{background:var(--coral-500)}
.layas-page .slider-arrow.prev{left:-6px}
.layas-page .slider-arrow.next{right:-6px}
@media(min-width:640px){.layas-page .slider-arrow.prev{left:-20px} .layas-page .slider-arrow.next{right:-20px}}
.layas-page .slider-dots{display:flex; justify-content:center; gap:8px; margin-top:16px}
.layas-page .slider-dots button{width:8px; height:8px; border-radius:50%; background:var(--ink-300); border:0; padding:0; transition:all .25s var(--ease)}
.layas-page .slider-dots button.active{background:var(--teal-700); width:22px; border-radius:5px}
.layas-page .chip{
  display:inline-flex; align-items:center; line-height:1; white-space:nowrap;
  font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  padding:6px 11px; border-radius:999px; color:#fff; backdrop-filter:blur(6px);
}
.layas-page .chip.free{background:#0cb896}
.layas-page .chip.premium{background:#ef5350}
.layas-page .chip.ongoing{background:#2563eb}
.layas-page .chip.completed{background:#15803d}
.layas-page .chip.cat{background:#475569}
.layas-page .bookmark-btn{
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.4); display:flex; align-items:center; justify-content:center; color:#fff;
  backdrop-filter:blur(6px); transition:background .2s, transform .2s;
}
.layas-page .bookmark-btn:hover{background:var(--coral-500); transform:scale(1.06)}
.layas-page .bookmark-btn svg{width:16px;height:16px}
.layas-page .cv-1{background:linear-gradient(135deg,#0c3f34,#0cb896 120%)}
.layas-page .cv-2{background:linear-gradient(135deg,#5a1f1c,#ef5350 120%)}
.layas-page .cv-3{background:linear-gradient(135deg,#1c2b52,#5b7fe0 120%)}
.layas-page .cv-4{background:linear-gradient(135deg,#3a1548,#a24bd1 120%)}
.layas-page .cv-5{background:linear-gradient(135deg,#5c3a0d,#e0a13c 120%)}
.layas-page .cv-6{background:linear-gradient(135deg,#0f4a4a,#33b8ad 120%)}
.layas-page .cv-7{background:linear-gradient(135deg,#4a1030,#d1418f 120%)}
.layas-page .cv-8{background:linear-gradient(135deg,#062e26,#0c8f74 120%)}

.layas-page .spotlight{padding:52px 0 8px}
.layas-page .spotlight-grid{display:grid; gap:18px; grid-template-columns:1fr}
@media(min-width:760px){.layas-page .spotlight-grid{grid-template-columns:1fr 1fr}}
.layas-page .spot-card{
  position:relative; border-radius:var(--radius-lg); padding:2px; overflow:hidden;
  background:linear-gradient(135deg,var(--teal-600),var(--coral-500));
}
.layas-page .spot-inner{
  background:#fff; border-radius:calc(var(--radius-lg) - 2px); padding:20px;
  display:flex; gap:16px; align-items:center;
}
.layas-page .spot-cover{width:84px; height:112px; border-radius:12px; flex:none; box-shadow:var(--shadow-1); overflow:hidden; background-color:var(--teal-100); position:relative}
.layas-page .spot-cover img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0}
.layas-page .spot-body{min-width:0}
.layas-page .spot-tag{font-size:11px; font-weight:800; color:var(--coral-600); letter-spacing:.04em}
.layas-page .spot-body h4{font-size:16.5px; margin-top:6px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.layas-page .spot-foot{margin-top:10px; display:flex; gap:14px; font-size:12.5px; color:var(--ink-500)}
.layas-page .spot-foot span{display:flex; align-items:center; gap:5px}
.layas-page .spot-foot svg{width:13px;height:13px}

.layas-page .section{padding:52px 0}
.layas-page .section.alt{background:linear-gradient(180deg,var(--teal-50),transparent)}
.layas-page .grid{display:grid; gap:18px; grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.layas-page .grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.layas-page .grid{grid-template-columns:repeat(4,1fr)}}

.layas-page .card{
  background:#fff; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-1);
  display:flex; flex-direction:column; transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.layas-page .card:hover{transform:translateY(-6px); box-shadow:var(--shadow-2)}
.layas-page .card .cover-wrap{position:relative}
.layas-page .card .cover{position:relative; aspect-ratio:3/4; display:block; overflow:hidden; background-color:var(--teal-100)}
.layas-page .card .cover img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0}
.layas-page .card .cover-bookmark{position:absolute; top:8px; right:8px; z-index:2}
.layas-page .card .body{padding:12px 14px 16px}
.layas-page .card .body .chip{margin-bottom:8px}
.layas-page .card .body h4{font-size:14px; font-weight:700; font-family:'DM Sans',sans-serif; line-height:1.35; min-height:38px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.layas-page .card .foot{margin-top:10px; display:flex; align-items:center; gap:12px; font-size:11.5px; color:var(--ink-500)}
.layas-page .card .foot span{display:flex; align-items:center; gap:4px}
.layas-page .card .foot svg{width:12px;height:12px}

.layas-page .pager{display:flex; justify-content:center; gap:8px; margin-top:28px}
.layas-page .pager a{
  min-width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:13.5px; color:var(--ink-700); background:#fff; box-shadow:var(--shadow-1);
}
.layas-page .pager a.active{background:var(--teal-700); color:#fff}

.layas-page .genres{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
@media(min-width:640px){.layas-page .genres{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.layas-page .genres{grid-template-columns:repeat(6,1fr)}}
.layas-page .genre-card{
  padding:22px 14px; border-radius:var(--radius-md); text-align:center; background:#fff; box-shadow:var(--shadow-1);
  transition:transform .35s var(--ease), background .35s var(--ease), color .35s var(--ease);
}
.layas-page .genre-card:hover{transform:translateY(-5px); background:var(--teal-700); color:#fff}
.layas-page .genre-card .ico{
  width:46px; height:46px; border-radius:50%; background:var(--teal-100); color:var(--teal-700);
  display:flex; align-items:center; justify-content:center; margin:0 auto 12px; transition:background .35s, color .35s;
  font-size:20px; line-height:1;
}
.layas-page .genre-card:hover .ico{background:rgba(255,255,255,.18); color:#fff}
.layas-page .genre-card .ico svg{width:20px;height:20px}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes iconSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.layas-page .genre-card .ico.float svg{animation:iconFloat 2.4s ease-in-out infinite}
.layas-page .genre-card .ico.spin svg{animation:iconSpin 3.2s linear infinite}
.layas-page .genre-card .ico.pulse svg{animation:iconPulse 1.6s ease-in-out infinite}
.layas-page .genre-card strong{display:block; font-size:14px}
.layas-page .genre-card small{opacity:.75; font-size:11.5px}

.layas-page .stat-band{
  background:linear-gradient(120deg,var(--teal-800),var(--teal-700) 60%,var(--teal-600));
  color:#fff; border-radius:var(--radius-lg); padding:36px 24px; display:grid; gap:24px;
  grid-template-columns:repeat(2,1fr);
}
@media(min-width:760px){.layas-page .stat-band{grid-template-columns:repeat(4,1fr)}}
.layas-page .stat-band .stat{text-align:center}
.layas-page .stat-band .stat b{display:block; font-family:'Lora',serif; font-size:clamp(24px,3.4vw,34px)}
.layas-page .stat-band .stat span{font-size:12.5px; opacity:.8}

.layas-page .cta-card{
  position:relative; border-radius:var(--radius-lg); overflow:hidden; padding:44px 28px;
  background:radial-gradient(700px 300px at 20% 0%, rgba(255,255,255,.16), transparent 60%), linear-gradient(135deg,var(--coral-600),var(--coral-500));
  color:#fff; text-align:center;
}
.layas-page .cta-card h2{color:#fff; font-size:clamp(22px,3.4vw,30px)}
.layas-page .cta-card p{margin:12px auto 22px; max-width:520px; opacity:.92; font-size:14.5px}
.layas-page .cta-buttons{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.layas-page .btn{
  display:inline-flex; align-items:center; gap:8px; padding:13px 22px; border-radius:999px;
  font-weight:700; font-size:14.5px; min-height:44px; border:0; transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.layas-page .btn:hover{transform:translateY(-2px)}
.layas-page .btn.primary{background:#fff; color:var(--coral-600); box-shadow:0 12px 30px -10px rgba(0,0,0,.35)}
.layas-page .btn.ghost{background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.55)}
.layas-page .btn.brand-btn{color:#fff; box-shadow:0 12px 30px -10px rgba(0,0,0,.35)}
.layas-page .btn.brand-btn .btn-ico{width:18px; height:18px; display:inline-flex}
.layas-page .btn.brand-btn .btn-ico svg{width:18px; height:18px}
.layas-page .btn.whatsapp-btn{background:#25D366}
.layas-page .btn.youtube-btn{background:#FF0000}

.layas-page footer{background:var(--teal-900); color:#cfe9e3; padding:56px 0 0; margin-top:60px}
.layas-page .foot-grid{display:grid; gap:32px; grid-template-columns:1fr}
@media(min-width:760px){.layas-page .foot-grid{grid-template-columns:1.6fr repeat(4,1fr)}}
.layas-page .foot-brand{display:flex; align-items:center; gap:10px; color:#fff; margin-bottom:12px}
.layas-page .foot-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.layas-page .foot-brand strong{font-family:'Lora',serif; font-size:18px}
.layas-page footer p.desc{font-size:13.5px; opacity:.75; max-width:320px}
.layas-page footer h5{color:#fff; font-size:13px; letter-spacing:.05em; text-transform:uppercase; margin-bottom:16px}
.layas-page footer ul li{margin-bottom:10px}
.layas-page footer ul a{font-size:13.5px; opacity:.82; transition:opacity .2s, color .2s}
.layas-page footer ul a:hover{opacity:1; color:var(--coral-400)}
.layas-page .foot-social{display:flex; gap:10px; margin-top:16px}
.layas-page .foot-bottom{border-top:1px solid rgba(255,255,255,.1); margin-top:40px; padding:18px 0 26px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; font-size:12.5px; text-align:center}
.layas-page .foot-bottom .credit-link{opacity:.75; transition:opacity .2s}
.layas-page .foot-bottom .credit-link:hover{opacity:1; color:var(--coral-400)}
.layas-page .drawer-credit{padding:12px 18px 18px; text-align:center; border-top:1px solid var(--ink-100)}
.layas-page .drawer-credit a{font-size:10.5px; font-weight:700; letter-spacing:.03em; color:var(--ink-500); opacity:.85}
.layas-page .drawer-credit a:hover{color:var(--teal-700); opacity:1}
/* use the theme's own floating scroll-to-top button, recolored to match the brand */
body.layas-page .penci-go-to-top-floating{
  --pcaccent-cl:var(--teal-700);
  background-color:var(--teal-700) !important;
}
body.layas-page .penci-go-to-top-floating:hover{
  background-color:var(--teal-800) !important;
}

/* ---------- Load more (AJAX pagination) ---------- */
.layas-page .load-more-wrap{display:flex; justify-content:center; margin-top:32px}
.layas-page .load-more-btn{
  display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:999px;
  font-weight:700; font-size:14px; color:#fff; background:linear-gradient(120deg,var(--teal-700),var(--teal-600));
  box-shadow:var(--shadow-1); transition:transform .25s var(--ease), box-shadow .25s var(--ease), opacity .2s;
}
.layas-page .load-more-btn:hover{transform:translateY(-2px); box-shadow:var(--shadow-2)}
.layas-page .load-more-btn svg{width:16px; height:16px; transition:transform .3s var(--ease)}
.layas-page .load-more-btn.is-loading{opacity:.7; pointer-events:none}
.layas-page .load-more-btn.is-loading svg{animation:layasSpin .8s linear infinite}
@keyframes layasSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.layas-page .card.is-new{animation:layasCardIn .5s var(--ease)}
@keyframes layasCardIn{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:translateY(0)}}

/* ---------- Penci "follow this category" button on archive pages (unscoped: appears outside our .layas-page wrapper) ---------- */
.penci-bf-follow-term-wrapper{ display:flex; justify-content:center; margin:18px auto 8px; }
.penci-bf-follow-term-wrapper .penci-bf-follow-button{
  display:inline-flex !important; align-items:center; gap:8px; padding:12px 26px !important; border-radius:999px !important;
  font-family:'DM Sans',sans-serif; font-weight:700 !important; font-size:14px !important; letter-spacing:.02em;
  color:#fff !important; background:linear-gradient(120deg,#04896e,#079e80) !important; border:0 !important;
  box-shadow:0 8px 24px -12px rgba(4,53,43,.35); transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;
  text-transform:none !important; cursor:pointer;
}
.penci-bf-follow-term-wrapper .penci-bf-follow-button:hover{ transform:translateY(-2px); box-shadow:0 12px 28px -10px rgba(4,53,43,.45); }
.penci-bf-follow-term-wrapper .penci-bf-follow-button.penci-bf-following-button,
.penci-bf-follow-term-wrapper .penci-bf-follow-button[data-status="2"]{
  background:linear-gradient(120deg,#ef5350,#e0413c) !important;
}
.archive-box.archive-box .penci-bf-follow-term-wrapper.penci-bf-follow-term-wrapper span.pencibf-following-text.pencibf-following-text{ color:#fff !important; font-size:14px !important; font-weight:700 !important; border:0 !important; outline:0 !important; }
.penci-bf-follow-term-wrapper .pencibf-following-text:before{ content:none !important; display:none !important; }
.penci-bf-follow-term-wrapper .penci-bf-follow-button:before{
  content:''; width:16px; height:16px; flex:none; display:inline-block;
  background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- floating reading toolbar (single post pages) ---------- */
.layas-page .reading-toolbar{
  position:fixed; left:50%; bottom:18px; transform:translate(-50%, 140%); z-index:200;
  display:flex; align-items:center; gap:6px; padding:8px; border-radius:999px;
  background:linear-gradient(120deg,var(--teal-800),var(--teal-700)); box-shadow:var(--shadow-2);
  transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .4s cubic-bezier(.22,1,.36,1); opacity:0; pointer-events:none;
}
.layas-page .reading-toolbar.show{ transform:translate(-50%, 0); opacity:1; pointer-events:auto; }
.layas-page .reading-toolbar .rt-btn{
  width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12); color:#fff; border:0; transition:background .2s, transform .2s; flex:none; padding:0;
}
.layas-page .reading-toolbar .rt-btn:hover{ background:rgba(255,255,255,.24); transform:translateY(-2px); }
.layas-page .reading-toolbar .rt-btn.active{ background:var(--coral-500); }
.layas-page .reading-toolbar .rt-btn svg{ width:18px; height:18px; }
.layas-page .reading-toolbar .rt-bookmark{ background:none; padding:0; }
.layas-page .reading-toolbar .rt-bookmark .penci-bf-follow-btn-wrapper{ display:flex }
.layas-page .reading-toolbar .rt-bookmark button.penci-bf-follow-btn{
  width:42px !important; height:42px !important; border-radius:50% !important;
  background:rgba(255,255,255,.12) !important; border:0 !important; display:flex !important;
  align-items:center; justify-content:center;
}
.layas-page .reading-toolbar .rt-bookmark button.penci-bf-follow-btn:hover{ background:rgba(255,255,255,.24) !important; }
.layas-page .reading-toolbar .rt-bookmark .pencibf-following-text{ color:#fff !important; }
@media(max-width:480px){
  .layas-page .reading-toolbar{ gap:4px; padding:6px; bottom:14px; }
  .layas-page .reading-toolbar .rt-btn,
  .layas-page .reading-toolbar .rt-bookmark button.penci-bf-follow-btn{ width:38px !important; height:38px !important; }
}

/* ---------- generic content pages (Terms, Privacy, Refunds, Contact, FAQs, Shipping, My Account) ---------- */
.layas-page .content-page{padding:64px 0 80px}
.layas-page .content-page .wrap{max-width:860px}
.layas-page .content-page-head{text-align:center; margin-bottom:40px}
.layas-page .content-page-head h1{font-size:clamp(28px,4vw,42px); margin-top:14px}
.layas-page .content-page-body{
  background:#fff; border-radius:var(--radius-lg); box-shadow:var(--shadow-1);
  padding:clamp(24px,5vw,52px); color:var(--ink-700); font-size:15.5px; line-height:1.75;
}
.layas-page .content-page-body h1,
.layas-page .content-page-body h2,
.layas-page .content-page-body h3,
.layas-page .content-page-body h4{color:var(--teal-800); margin:1.6em 0 .6em; line-height:1.3}
.layas-page .content-page-body h1{font-size:26px}
.layas-page .content-page-body h2{font-size:22px}
.layas-page .content-page-body h3{font-size:18px}
.layas-page .content-page-body h2:first-child,
.layas-page .content-page-body h3:first-child{margin-top:0}
.layas-page .content-page-body p{margin:0 0 1.1em}
.layas-page .content-page-body a{color:var(--teal-700); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.layas-page .content-page-body a:hover{color:var(--coral-600)}
.layas-page .content-page-body ul,
.layas-page .content-page-body ol{margin:0 0 1.2em; padding-left:1.4em}
.layas-page .content-page-body li{margin-bottom:.5em}
.layas-page .content-page-body ul{list-style:disc}
.layas-page .content-page-body ol{list-style:decimal}
.layas-page .content-page-body hr{border:0; border-top:1px solid var(--ink-100); margin:2em 0}
.layas-page .content-page-body blockquote{
  background:var(--teal-50); border-left:4px solid var(--teal-600); border-radius:0 12px 12px 0;
  padding:16px 20px; margin:1.4em 0; color:var(--ink-700); font-style:italic;
}
.layas-page .content-page-body table{width:100%; border-collapse:collapse; margin:1.4em 0; font-size:14px}
.layas-page .content-page-body th,
.layas-page .content-page-body td{padding:10px 14px; border:1px solid var(--ink-100); text-align:left}
.layas-page .content-page-body th{background:var(--teal-50); color:var(--teal-800); font-weight:700}
.layas-page .content-page-body strong{color:var(--ink-900)}
.layas-page .content-page-body img{border-radius:12px; margin:1em 0}

/* Contact Form 7 */
.layas-page .content-page-body .wpcf7-form p{margin-bottom:14px}
.layas-page .content-page-body .wpcf7-form label{display:block; font-weight:700; font-size:13px; color:var(--ink-900); margin-bottom:6px}
.layas-page .content-page-body .wpcf7-form input[type=text],
.layas-page .content-page-body .wpcf7-form input[type=email],
.layas-page .content-page-body .wpcf7-form input[type=tel],
.layas-page .content-page-body .wpcf7-form textarea{
  width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--ink-100);
  font-family:'DM Sans',sans-serif; font-size:14.5px; background:var(--teal-50); transition:border-color .2s;
}
.layas-page .content-page-body .wpcf7-form input:focus,
.layas-page .content-page-body .wpcf7-form textarea:focus{outline:none; border-color:var(--teal-600)}
.layas-page .content-page-body .wpcf7-form input[type=submit]{
  display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:999px; border:0;
  font-weight:700; font-size:14.5px; color:#fff; background:linear-gradient(120deg,var(--teal-700),var(--teal-600));
  cursor:pointer; transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.layas-page .content-page-body .wpcf7-form input[type=submit]:hover{transform:translateY(-2px); box-shadow:var(--shadow-2)}

/* WooCommerce My Account */
.layas-page .content-page-body .woocommerce-form-login,
.layas-page .content-page-body .woocommerce-form-register{
  background:var(--teal-50); border-radius:16px; padding:28px; margin-bottom:0;
}
.layas-page .content-page-body .woocommerce-form-row label{display:block; font-weight:700; font-size:13px; color:var(--ink-900); margin-bottom:6px}
.layas-page .content-page-body .woocommerce-form input.input-text,
.layas-page .content-page-body .woocommerce-form input[type=password],
.layas-page .content-page-body .woocommerce-form input[type=email],
.layas-page .content-page-body .woocommerce-form input[type=text]{
  width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--ink-100);
  font-family:'DM Sans',sans-serif; font-size:14.5px; background:#fff;
}
.layas-page .content-page-body .woocommerce-Button,
.layas-page .content-page-body button.button{
  display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:999px; border:0;
  font-weight:700; font-size:14.5px; color:#fff !important; background:linear-gradient(120deg,var(--teal-700),var(--teal-600));
  cursor:pointer; transition:transform .25s var(--ease); text-transform:none;
}
.layas-page .content-page-body .woocommerce-Button:hover{transform:translateY(-2px)}
.layas-page .content-page-body .u-columns{display:flex; gap:24px; flex-wrap:wrap}
.layas-page .content-page-body .u-column1,
.layas-page .content-page-body .u-column2{flex:1; min-width:260px}
.layas-page .content-page-body .woocommerce-notices-wrapper .woocommerce-message,
.layas-page .content-page-body .woocommerce-notices-wrapper .woocommerce-error{
  background:var(--teal-100); color:var(--teal-800); border-radius:10px; padding:12px 16px; margin-bottom:16px; list-style:none;
}

/* My Account: give the login/register columns real breathing room on small screens */
@media(max-width:640px){
  .layas-page .content-page-myaccount .wrap{padding:0 8px}
  .layas-page .content-page-myaccount .content-page-body{padding:14px 10px; border-radius:14px}
  .layas-page .content-page-myaccount .u-columns{flex-direction:column; gap:22px}
  .layas-page .content-page-myaccount .u-column1,
  .layas-page .content-page-myaccount .u-column2{min-width:0; width:100%}
  .layas-page .content-page-myaccount .woocommerce-form-login,
  .layas-page .content-page-myaccount .woocommerce-form-register{padding:18px 14px}
}

/* ---------- Shop / membership plans page ---------- */
.layas-page .shop-grid{display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); margin-top:8px}
.layas-page .shop-card{
  background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-1);
  display:flex; flex-direction:column; transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.layas-page .shop-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-2)}
.layas-page .shop-card-media{
  aspect-ratio:16/10; background:linear-gradient(135deg,var(--teal-700),var(--teal-500));
  display:flex; align-items:center; justify-content:center; color:#fff; overflow:hidden;
}
.layas-page .shop-card-media img{width:100%; height:100%; object-fit:cover}
.layas-page .shop-card-icon svg{width:44px; height:44px}
.layas-page .shop-card-body{padding:22px; display:flex; flex-direction:column; gap:10px; flex:1}
.layas-page .shop-card-body h3{font-size:17px; font-family:'Lora',serif; color:var(--ink-900)}
.layas-page .shop-card-price{font-size:26px; font-weight:800; color:var(--teal-700); font-family:'Lora',serif}
.layas-page .shop-card-price del{opacity:.5; font-size:15px; margin-right:8px; font-weight:400; color:var(--ink-500)}
.layas-page .shop-card-price ins{text-decoration:none}
.layas-page .shop-buy-btn{
  margin-top:auto; justify-content:center; width:100%;
  background:linear-gradient(120deg,var(--teal-700),var(--teal-600)); color:#fff;
}
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .shop-card{background:#182722}
:is(body.pcdark-mode.layas-page, body.pcdark-mode .layas-page) .shop-card-body h3{color:var(--ink-900)}

/* ---------- PWA install button (hidden until beforeinstallprompt fires; browser handles installed-state detection) ---------- */
.layas-page .icon-btn.pwa-install-btn{display:none}
.layas-page .icon-btn.pwa-install-btn.show{display:flex}
.layas-page .drawer nav a.pwa-install-btn{display:none}
.layas-page .drawer nav a.pwa-install-btn.show{display:flex}
.layas-page .drawer nav a.pwa-install-drawer-cta{
  margin:14px 14px 6px; justify-content:center; text-align:center;
  background:linear-gradient(120deg,var(--teal-700),var(--teal-600)); color:#fff !important;
  font-weight:800; border-radius:999px; box-shadow:var(--shadow-1);
}
.layas-page .drawer nav a.pwa-install-drawer-cta:hover{background:linear-gradient(120deg,var(--teal-800),var(--teal-700))}
.layas-page .drawer nav a.pwa-install-drawer-cta svg{color:#fff}