@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --mgp-sage-900:#232B20;
  --mgp-sage-700:#4C5C42;
  --mgp-sage-600:#5F7153;
  --mgp-sage-500:#8FA283;
  --mgp-sage-100:#EAEEE4;
  --mgp-sage-50:#F3F6EF;
  --mgp-bone:#FBFAF7;
  --mgp-white:#FFFFFF;
  --mgp-brass:#B3894F;
  --mgp-brass-dark:#93703F;
  --mgp-line:#E2E7DA;
  --mgp-radius:14px;
  --mgp-radius-sm:8px;
  --mgp-ease:cubic-bezier(.4,0,.2,1);
  --mgp-font-display:'Fraunces', Georgia, serif;
  --mgp-font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.mg-prod-page{background:var(--mgp-white);color:var(--mgp-sage-900);font-family:var(--mgp-font-body);}
.mg-prod-page *{box-sizing:border-box;}
.mg-prod-page a{text-decoration:none;color:inherit;}

/* ============ HERO / BANER ============ */
.mg-prod-hero picture{display:block;width:100%;}
.mg-prod-hero img{width:100%;height:auto;display:block;transform:scale(1.02);animation:mgProdHeroZoom 8s var(--mgp-ease) forwards;}
@keyframes mgProdHeroZoom{ to{ transform:scale(1); } }

/* ============ SEKCJE ============ */
.mg-prod-section{padding:56px clamp(20px,5vw,72px);position:relative;}
.mg-prod-narrow{max-width:1400px;margin:0 auto;}
.mg-prod-bg-bone{background:var(--mgp-bone);}
.mg-prod-bg-sage{background:var(--mgp-sage-50);}
.mg-prod-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--mgp-brass-dark);margin-bottom:16px;}

.mg-prod-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--mgp-ease), transform .6s var(--mgp-ease);}
.mg-prod-reveal.mg-prod-visible{opacity:1;transform:translateY(0);}

/* ============ WPROWADZENIE ============ */
.mg-prod-intro{max-width:900px;padding:34px 0 10px;}
.mg-prod-intro h1{font-family:var(--mgp-font-display);font-weight:340;font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0 0 16px;}
.mg-prod-intro p{font-size:15px;color:var(--mgp-sage-700);line-height:1.7;margin:0;}

/* ============ NAGŁÓWEK KATEGORII ============ */
.mg-prod-cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}
.mg-prod-cat-head h2{font-family:var(--mgp-font-display);font-weight:500;font-size:clamp(21px,2.4vw,28px);margin:0;}
.mg-prod-view-all{font-size:13px;font-weight:600;color:var(--mgp-sage-700);white-space:nowrap;transition:color .15s ease;}
.mg-prod-view-all:hover{color:var(--mgp-sage-900);}

/* ============ KARUZELA ============ */
.mg-prod-carousel{
  display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  padding:2px 4px 14px 2px;scrollbar-width:none;scroll-padding-right:20px;
}
.mg-prod-carousel::-webkit-scrollbar{display:none;}
.mg-prod-card{flex:none;width:190px;scroll-snap-align:start;}
.mg-prod-card-img{aspect-ratio:1/1;border-radius:var(--mgp-radius-sm);overflow:hidden;background:var(--mgp-white);margin-bottom:10px;}
.mg-prod-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--mgp-ease);}
.mg-prod-card:hover .mg-prod-card-img img{transform:scale(1.07);}
.mg-prod-card-name{font-size:13px;font-weight:600;line-height:1.35;margin-bottom:3px;transition:color .15s ease;}
.mg-prod-card:hover .mg-prod-card-name{color:var(--mgp-sage-700);}
.mg-prod-card-price{font-size:12.5px;color:var(--mgp-sage-700);}
.mg-prod-card-price ins{text-decoration:none;color:var(--mgp-brass-dark);}
.mg-prod-card-price del{opacity:.55;font-size:11.5px;margin-right:3px;}
@media (max-width:600px){.mg-prod-card{width:150px;}}

/* ============ SEO ============ */
.mg-prod-seo{background:var(--mgp-sage-50);}
.mg-prod-seo-inner{max-width:1320px;margin:0 auto;padding:64px clamp(20px,4vw,72px) 90px;font-size:14px;line-height:1.8;color:var(--mgp-sage-700);}
.mg-prod-seo-inner h2,.mg-prod-seo-inner h3{font-family:var(--mgp-font-display);font-weight:400;color:var(--mgp-sage-900);}
.mg-prod-seo-inner p{margin:0 0 14px;}