/* Jewell Variants — Loop & Single display + Popup */
.jewell-loop-meta{
  font-size:11px;color:#777;letter-spacing:.04em;margin:4px 0 6px;line-height:1.3;text-align:center;
}
.jewell-loop-meta--variable{
  font-size:11px;color:#7a6400;background:#FFF8E1;border:1px solid #FFE082;padding:3px 8px;border-radius:999px;display:inline-block;margin:4px 0 6px;
}
.jewell-loop-stock{
  font-size:10px;color:#0D3E31;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;text-align:center;
}
.jewell-single-meta{
  background:#FAF9F6;border:1px solid #E8E6E0;border-radius:8px;padding:14px;margin:16px 0;
}
.jewell-single-meta__title{
  margin:0 0 10px;font-family:Cormorant Garamond,Georgia,serif;font-weight:300;letter-spacing:.06em;text-transform:uppercase;font-size:14px;color:#1C1C1C;
}
.jewell-single-meta__grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.jewell-single-meta__item{
  background:#fff;border:1px solid #E8E6E0;border-radius:6px;padding:8px 10px;
}
.jewell-single-meta__item strong{
  display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#777;margin-bottom:2px;
}
.jewell-single-meta__item span{
  font-size:13px;color:#1C1C1C;font-weight:500;
}
.jewell-single-meta__table{
  width:100%;border-collapse:collapse;margin-top:10px;font-size:12px;
}
.jewell-single-meta__table th{
  text-align:left;padding:6px 8px;background:#1C1C1C;color:#D4B26F;font-size:11px;text-transform:uppercase;letter-spacing:.06em;
}
.jewell-single-meta__table td{
  padding:6px 8px;border-bottom:1px solid #eee;background:#fff;
}
.jewell-single-meta__badge{
  display:inline-block;font-size:11px;background:#E8F5E9;color:#0D3E31;border:1px solid #A5D6A7;padding:2px 8px;border-radius:999px;margin-left:6px;
}
@media(max-width:640px){
  .jewell-single-meta__grid{grid-template-columns:1fr;}
  .jewell-loop-meta{font-size:10px;line-height:1.25;padding:0 4px;}
  .jewell-single-meta{padding:10px;margin:12px 0;}
  .jewell-single-meta__table{font-size:11px;}
  .jewell-single-meta__table th,.jewell-single-meta__table td{padding:5px 6px;}
}
@media(max-width:480px){
  .jewell-loop-meta--variable{font-size:10px;padding:2px 6px;}
  .jewell-single-meta__title{font-size:13px;}
  .jewell-single-meta__badge{font-size:10px;}
  /* Popup mobile: full-width with safe margins, vertical scroll */
  .jewell-variant-overlay{padding:10px!important;align-items:flex-end!important;}
  .jewell-variant-modal{max-width:100%!important;width:100%!important;max-height:92vh!important;border-radius:12px 12px 0 0!important;}
}
@media(max-width:360px){
  .jewell-loop-meta{font-size:9.5px;}
  .jewell-single-meta__table{font-size:10.5px;}
}
/* Popup overlay already inline, but add animation */
.jewell-variant-overlay{
  animation: jewellFadeIn .2s ease;
}
.jewell-variant-modal{
  animation: jewellSlideUp .28s cubic-bezier(0.25,1,0.5,1);
}
@keyframes jewellFadeIn{from{opacity:0}to{opacity:1}}
@keyframes jewellSlideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.jewell-variant-option:hover{
  border-color:#D4B26F!important;
}