:root{
  --pink-1:#fff1f5;
  --pink-2:#ffe4ec;
  --pink-border:#f3c6d3;
  --pink-accent:#f5bbcd;
  --text-dark:#2b2b2b;
}

/* 🔧 Sticky header offset */
#recipe-card-container{
  scroll-margin-top:90px;
}

.recipe-card-container{
  max-width:760px;
  margin:3rem auto;
  padding:2.5rem 2rem;
  border-radius:22px;
  background:linear-gradient(180deg,var(--pink-1),var(--pink-2));
  border:1px solid var(--pink-border);
  box-shadow:0 10px 30px rgba(231,84,128,.15);
  font-family:system-ui,-apple-system,BlinkMacSystemFont;
  color:var(--text-dark);
}

/* Image */
.recipe-card-container img{
  width:130px;
  height:130px;
  object-fit:cover;
  display:block;
  margin:0 auto 1.5rem;
  border-radius:50%;
  border:4px solid #ffbaba;
  outline:6px solid #fff3f6;
  outline-offset:-6px;
  box-shadow:0 6px 18px rgba(255,186,186,.55);
}

@media(max-width:480px){
  .recipe-card-container img{
    width:90px;
    height:90px;
    border-width:3px;
  }
}

/* Header */
.recipe-header{
  background:linear-gradient(135deg,#ffbaba,#ffbaba);
  padding:1.6rem;
  border-radius:18px;
  color:#fff;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  margin-bottom:1.2rem;
}

.rating-row{
  font-size:1.05rem;
  margin-bottom:1rem;
}

.rating-row span{
  font-size:.85rem;
  margin-left:.5rem;
}

/* Buttons */
.action-buttons{
  display:flex;
  justify-content:center;
  gap:1rem;
}

.action-buttons button{
  border:none;
  padding:.6rem 1.2rem;
  border-radius:8px;
  font-weight:600;
  cursor:pointer;
}

.pin-btn{background:#e60023;color:#fff;}
.print-btn{background:#111;color:#fff;}

/* Info Grid */
.info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  border-radius:16px;
  margin:1.5rem 0;
  overflow:hidden;
  border:1px solid var(--pink-border);
}

.info-grid > div{
  text-align:center;
  padding:.9rem .6rem;
  margin-bottom:1.4rem;
  border-right:1px solid var(--pink-border);
}

.info-grid > div:last-child{border-right:none;}

.info-grid strong{
  display:block;
  font-size:1.15rem;
  color:var(--pink-accent);
}

/* Sections */
.section{
  background:#fff;
  border-radius:18px;
  padding:1.75rem 1.5rem;
  margin:1.5rem 0;
  border:1px solid var(--pink-border);
}

.section h2{
  color:var(--pink-accent);
  margin-bottom:1rem;
}

.ingredients li{
  list-style:none;
  margin:.6rem 0;
}

.ingredients input{
  margin-right:.6rem;
  accent-color:var(--pink-accent);
}

/* Cook Mode */
.cook-mode{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.25rem;
  background:#fff;
  border-radius:16px;
  border:1px solid var(--pink-border);
}

.switch{
  width:42px;
  height:22px;
  position:relative;
}

.switch input{display:none;}

.slider{
  position:absolute;
  inset:0;
  background:#f3c6d3;
  border-radius:999px;
  cursor:pointer;
}

.slider::before{
  content:'';
  position:absolute;
  width:18px;
  height:18px;
  background:#fff;
  border-radius:50%;
  top:2px;
  left:2px;
  transition:.3s;
}

.switch input:checked + .slider{
  background:#f472b6;
}

.switch input:checked + .slider::before{
  transform:translateX(20px);
}

@media print{
  .action-buttons,.cook-mode{display:none;}
}

/* Did You Make This Recipe */
.gymplix-made-it{
  display:flex;
  align-items:center;
  gap:18px;
  background:#fce8e8;
  border-radius:14px;
  padding:22px 28px;
  margin-top:28px;
}
.gymplix-made-it__icon{
  flex-shrink:0;
  width:48px;
  height:48px;
  fill:#e60023;
}
.gymplix-made-it__text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.gymplix-made-it__text strong{
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.03em;
  color:#1a1a1a;
}
.gymplix-made-it__text span{
  font-size:.92rem;
  color:#444;
}
@media(max-width:480px){
  .gymplix-made-it{flex-direction:column;text-align:center;padding:18px 16px;}
}