/* product detail pages — /goods/*.html. Shares the site's design tokens
   from shared.css; this file is just the product-hero layout. */

.product-zone{
  min-height:100vh;padding:140px 6vw 100px;
  background:linear-gradient(180deg,#DCE9C8 0%,#EDE0F5 100%);
}
.back-link{
  display:inline-flex;align-items:center;gap:6px;
  font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none;
  margin-bottom:40px;
}
.back-link:hover{text-decoration:underline;}
.back-link .arrow{display:inline-block;transition:transform .2s ease;}
.back-link:hover .arrow{transform:translateX(-3px);}

.product-hero{
  max-width:960px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
}
@media (max-width:760px){
  .product-hero{grid-template-columns:1fr;gap:32px;}
}

.product-visual{
  position:relative;aspect-ratio:1;border-radius:30px 60px 30px 60px / 60px 30px 60px 30px;
  border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  transform:rotate(-1.2deg);
}
.product-visual img{
  width:62%;height:auto;display:block;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.08));
}
.product-visual video{
  width:100%;height:100%;object-fit:cover;display:block;
}
.coming-soon-ribbon{
  position:absolute;top:22px;left:-45px;width:200px;
  transform:rotate(-45deg);transform-origin:center;
  background:var(--maroon,#7a2e2e);color:var(--paper,#fff);
  font-family:'Fredoka',sans-serif;font-weight:700;font-size:.85rem;
  letter-spacing:.08em;text-align:center;padding:7px 0;
  border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);
  box-shadow:0 2px 0 rgba(0,0,0,.15);z-index:2;pointer-events:none;
}

.product-info .pill-tag{margin:0 0 18px;}
.product-info h1{
  font-family:'Bagel Fat One',cursive;font-weight:400;line-height:1.05;
  font-size:clamp(2rem,4.5vw,2.8rem);margin-bottom:18px;
}
.product-info .product-desc{font-size:1.02rem;opacity:.8;margin-bottom:28px;}
.product-info .product-status{
  font-weight:600;font-size:.95rem;opacity:.7;margin-bottom:28px;
  display:inline-block;padding:8px 16px;border:2px dashed var(--ink);
  border-radius:40% 60% 55% 45% / 55% 45% 60% 40%;
}

.notify-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.notify-form input[type=email]{
  flex:1 1 220px;font-family:'Fredoka',sans-serif;font-size:1rem;
  padding:14px 18px;border:2.5px solid var(--ink);border-radius:40px;
  background:var(--paper);color:var(--ink);
}
.notify-form input[type=email]:focus{outline:3px solid var(--yellow);outline-offset:1px;}
.notify-note{font-size:.85rem;opacity:.6;}
.notify-confirm{
  display:none;font-weight:600;font-size:.95rem;
  background:var(--green);color:var(--paper);
  padding:12px 18px;border:2.5px solid var(--ink);border-radius:16px;
  margin-bottom:14px;
}
.notify-confirm.show{display:block;}