.birthday-mugs-page{background:#030916}
.birthday-mugs-page .designer-mugs-hero-frame{border-color:rgba(207,215,225,.34);box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 36px rgba(207,215,225,.07)}
.birthday-card .product-category{color:#2caeff}
.birthday-story-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;padding:38px;border:1px solid rgba(222,157,50,.25);border-radius:24px;background:linear-gradient(135deg,rgba(14,35,63,.88),rgba(5,14,31,.94));box-shadow:0 26px 70px rgba(0,0,0,.34)}
.birthday-story-panel h2{margin:7px 0 12px}.birthday-story-panel p{color:#b8c6d8;max-width:700px}.birthday-story-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.birthday-story-points span{padding:14px;border:1px solid rgba(91,188,255,.18);border-radius:12px;background:rgba(4,16,34,.72);font-weight:700}
.birthday-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.birthday-faq-grid details{border:1px solid rgba(79,183,255,.22);border-radius:14px;background:#07162b;padding:18px}.birthday-faq-grid summary{font-weight:800;cursor:pointer}.birthday-faq-grid p{color:#aebdd0;margin:12px 0 0}
@media(max-width:900px){.birthday-story-panel{grid-template-columns:1fr}}@media(max-width:560px){.birthday-story-panel{padding:24px}.birthday-story-points,.birthday-faq-grid{grid-template-columns:1fr}}

/* Version 5.2.2: Standard collection hero specification.
   Source asset: 1672 x 941 px (16:9), matching the shared catalogue hero frame. */
.birthday-mugs-page .designer-mugs-hero-frame img{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:center center;
}

@media(max-width:760px){
  .birthday-mugs-page .designer-card .product-body{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-height:270px;
    height:auto;
    padding:12px;
  }
  .birthday-mugs-page .designer-card .product-category{
    min-height:2.35em;
    line-height:1.18;
  }
  .birthday-mugs-page .designer-card .product-title{
    min-height:4.15em;
    margin:7px 0 5px;
    line-height:1.18;
    overflow-wrap:anywhere;
  }
  .birthday-mugs-page .designer-card .rating{
    min-height:2.2rem;
    display:flex;
    align-items:flex-start;
    align-content:flex-start;
    flex-wrap:wrap;
    gap:2px 5px;
    line-height:1.08;
  }
  .birthday-mugs-page .designer-card .price-row{
    flex:0 0 50px;
    width:100%;
    margin:5px 0 10px;
  }
  .birthday-mugs-page .designer-card .view-product{
    width:100%;
    min-height:41px;
    margin-top:auto;
    margin-bottom:0;
    box-sizing:border-box;
  }
}