:root{
  --yzg-bg:#0c0d0c;
  --yzg-panel:#121412;
  --yzg-panel-2:#181b18;
  --yzg-border:rgba(255,255,255,.08);
  --yzg-text:#eef3ea;
  --yzg-muted:#9ea79c;
  --yzg-primary:#63c132;
  --yzg-primary-dark:#274b17;
  --yzg-radius:20px;
  --yzg-shadow:0 18px 60px rgba(0,0,0,.35);
}
body.yzg-base44-migrated{
  background:var(--yzg-bg);
  color:var(--yzg-text);
}
body.yzg-base44-migrated .site-content,
body.yzg-base44-migrated .main-page-wrapper{
  background:transparent;
}
.yzg-front-page,
.yzg-default-page,
.yzg-default-index{
  background:var(--yzg-bg);
  color:var(--yzg-text);
}
.yzg-page-wrap{padding:48px 0;}
.yzg-slot{
  position:relative;
  padding:28px 18px;
}
.yzg-slot .yzg-container{
  max-width:1280px;
  margin:0 auto;
}
.yzg-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  border:1px solid var(--yzg-border);
  border-radius:var(--yzg-radius);
  box-shadow:var(--yzg-shadow);
}
.yzg-grid{display:grid;gap:24px;}
.yzg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.yzg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.yzg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.yzg-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;border:1px solid rgba(99,193,50,.22);
  background:rgba(99,193,50,.08);color:#9fe471;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.yzg-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9fe471;font-weight:700;}
.yzg-title{font-size:clamp(34px,5vw,72px);line-height:.95;font-weight:800;letter-spacing:-.03em;margin:12px 0 18px;}
.yzg-subtitle{font-size:clamp(22px,3vw,40px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin:8px 0 12px;}
.yzg-copy{font-size:16px;line-height:1.75;color:var(--yzg-muted);}
.yzg-copy strong{color:var(--yzg-text);}
.yzg-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.yzg-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 20px;border-radius:14px;text-decoration:none;font-weight:700;
}
.yzg-btn--primary{background:var(--yzg-primary);color:#071104;}
.yzg-btn--ghost{background:rgba(255,255,255,.04);color:var(--yzg-text);border:1px solid var(--yzg-border);}
.yzg-card{padding:24px;border-radius:18px;background:var(--yzg-panel);border:1px solid var(--yzg-border);}
.yzg-card h3,.yzg-card h4{color:var(--yzg-text);margin:0 0 8px;}
.yzg-card p{margin:0;color:var(--yzg-muted);line-height:1.7;}
.yzg-hero{
  overflow:hidden;
}
.yzg-hero .yzg-panel{
  padding:clamp(28px,4vw,52px);
  background:
    radial-gradient(circle at top right, rgba(99,193,50,.2), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.yzg-hero-visual{
  min-height:480px;border-radius:24px;border:1px solid var(--yzg-border);position:relative;
  background:
    radial-gradient(circle at 30% 20%, rgba(99,193,50,.22), transparent 25%),
    radial-gradient(circle at 65% 35%, rgba(255,255,255,.06), transparent 18%),
    linear-gradient(140deg,#121512,#090a09);
}
.yzg-hero-visual:before{
  content:"";
  position:absolute;inset:18px;
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%),
    linear-gradient(135deg,rgba(99,193,50,.18),rgba(0,0,0,0));
  border:1px solid rgba(255,255,255,.04);
}
.yzg-wireframe{
  position:absolute;right:38px;bottom:32px;left:38px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;
}
.yzg-wireframe-box{
  min-height:120px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
}
.yzg-badge{
  position:absolute;top:26px;right:26px;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.28);
  color:#c8f0b5;border:1px solid rgba(99,193,50,.18);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.yzg-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;}
.yzg-stat{padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);}
.yzg-stat strong{display:block;font-size:28px;line-height:1;color:#9fe471;margin-bottom:8px;}
.yzg-stat span{font-size:13px;color:var(--yzg-muted);}
.yzg-icon-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.yzg-icon-card{padding:18px;border-radius:18px;border:1px solid var(--yzg-border);background:var(--yzg-panel);}
.yzg-icon-card .yzg-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(99,193,50,.12);color:#9fe471;font-size:20px;margin-bottom:14px;}
.yzg-products .yzg-card,
.yzg-categories .yzg-card,
.yzg-reviews .yzg-card,
.yzg-partner .yzg-card,
.yzg-about .yzg-card{height:100%;}
.yzg-price{color:#9fe471;font-weight:800;font-size:22px;margin-top:10px;display:block;}
.yzg-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;color:#c8d4c2;margin:0 8px 8px 0;}
.yzg-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px;}
.yzg-section-head .yzg-copy{max-width:740px;}
.yzg-placeholder-media{
  aspect-ratio:4/3;border-radius:18px;border:1px solid var(--yzg-border);
  background:
    linear-gradient(135deg, rgba(99,193,50,.16), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
}
.yzg-archive-intro .yzg-panel,
.yzg-single-extra .yzg-panel{padding:26px;}
.yzg-single-extra .yzg-grid-3{align-items:stretch;}

body.yzg-base44-migrated .product-grid-item .product-element-top,
body.yzg-base44-migrated .wd-products .product-grid-item{
  border-radius:18px;
  overflow:hidden;
}
body.yzg-base44-migrated .wd-products .product-grid-item{
  background:rgba(255,255,255,.02);
  border:1px solid var(--yzg-border);
}
body.yzg-base44-migrated .wd-products .wd-entities-title a,
body.yzg-base44-migrated .wd-products .price{
  color:var(--yzg-text);
}
body.yzg-base44-migrated .wd-products .price{color:#9fe471;}
body.yzg-base44-migrated .button,
body.yzg-base44-migrated .btn,
body.yzg-base44-migrated .wd-buy-now-btn{
  border-radius:14px;
}
@media (max-width:1024px){
  .yzg-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .yzg-grid-3,.yzg-grid-2,.yzg-wireframe,.yzg-icon-row,.yzg-mini-stats{grid-template-columns:1fr;}
  .yzg-hero-visual{min-height:360px;}
}
@media (max-width:767px){
  .yzg-slot{padding:18px 14px;}
  .yzg-title{font-size:42px;}
  .yzg-subtitle{font-size:28px;}
}
