
/* V16.70 - hero orbit + stage blend fix */
body.q1-v16-70 .q158-shell{
  width:min(1540px, calc(100% - 18px));
  height:458px;
  min-height:458px;
  grid-template-columns:minmax(690px,1.03fr) minmax(420px,.97fr);
  gap:0;
  padding:12px 16px;
  border-color:#e2bf7a;
  background:
    radial-gradient(circle at 18% 55%, rgba(247,220,157,.56) 0%, rgba(247,220,157,.20) 24%, rgba(247,220,157,0) 48%),
    radial-gradient(circle at 42% 18%, rgba(255,248,237,.42) 0%, rgba(255,248,237,0) 24%),
    linear-gradient(102deg,#f2dfbb 0%, #f5e8cf 32%, #f7efdf 66%, #faf7f0 100%)!important;
  box-shadow:0 18px 40px rgba(21,38,55,.08);
}
body.q1-v16-70 .q158-orbit-panel{
  height:434px;
  padding:0;
  justify-content:flex-end;
}
body.q1-v16-70 .q161-stage{
  position:relative;
  width:min(100%, 675px);
  height:406px;
  max-height:406px;
  margin:0 0 0 auto;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 33% 58%, rgba(255,247,229,.74) 0%, rgba(247,222,168,.24) 30%, rgba(247,222,168,0) 52%),
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.48) 0%, rgba(255,255,255,0) 24%),
    linear-gradient(110deg,#f1ddba 0%, #f6e7c8 42%, #f7ecd6 70%, #f4e4c5 100%);
  box-shadow: inset 0 0 0 1px rgba(230,197,128,.34);
}
body.q1-v16-70 .q161-stage-art{
  width:103.5%;
  height:103.5%;
  left:-1.5%;
  top:-1.5%;
  object-fit:cover;
  opacity:.985;
  filter:saturate(1.03) contrast(1.01);
  z-index:1;
}
body.q1-v16-70 .q161-stage::before,
body.q1-v16-70 .q161-stage::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
}
body.q1-v16-70 .q161-stage::before{
  z-index:2;
  background:
    linear-gradient(90deg, rgba(242,223,187,.92) 0%, rgba(242,223,187,.12) 8%, rgba(242,223,187,0) 16%, rgba(242,223,187,0) 84%, rgba(247,236,214,.18) 92%, rgba(247,236,214,.82) 100%),
    linear-gradient(180deg, rgba(249,241,225,.45) 0%, rgba(249,241,225,0) 12%, rgba(249,241,225,0) 88%, rgba(243,229,198,.36) 100%);
}
body.q1-v16-70 .q161-stage::after{
  z-index:2;
  background:
    radial-gradient(circle at 18% 70%, rgba(255,224,155,.24) 0%, rgba(255,224,155,0) 24%),
    radial-gradient(circle at 78% 30%, rgba(255,247,220,.18) 0%, rgba(255,247,220,0) 22%);
}
body.q1-v16-70 .q158-card{
  width:104px!important;
  height:150px!important;
  border-radius:16px!important;
  box-shadow:0 10px 20px rgba(20,38,57,.10)!important;
  background:#fff!important;
}
body.q1-v16-70 .q158-card:hover{
  transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1.03)!important;
  box-shadow:0 16px 28px rgba(20,38,57,.16)!important;
}
body.q1-v16-70 .q158-card .q158-badge{font-size:8.7px;padding:4px 8px;border-radius:999px;top:5px;right:5px;max-width:80px}
body.q1-v16-70 .q158-card .q158-media{height:88px;min-height:88px;padding:6px 6px 2px}
body.q1-v16-70 .q158-card .q158-media img{object-fit:contain!important}
body.q1-v16-70 .q158-card .q158-info{height:58px;padding:5px 6px 8px}
body.q1-v16-70 .q158-card .q158-info strong{font-size:10.1px;line-height:1.22;min-height:24px;max-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.q1-v16-70 .q158-card .q158-price{margin-top:2px;gap:4px}
body.q1-v16-70 .q158-card .q158-price span{font-size:10.8px}
body.q1-v16-70 .q158-card .q158-price del{font-size:8.4px}
/* five-card clean orbit so the logo and pedestal stay fully visible */
body.q1-v16-70 .q158-card:nth-child(1){--x:18.5%;--y:48%;--r:-8deg;z-index:6}
body.q1-v16-70 .q158-card:nth-child(2){--x:35%;--y:18%;--r:-4deg;z-index:7}
body.q1-v16-70 .q158-card:nth-child(3){--x:50%;--y:13.5%;--r:0deg;z-index:9}
body.q1-v16-70 .q158-card:nth-child(4){--x:65%;--y:18%;--r:4deg;z-index:7}
body.q1-v16-70 .q158-card:nth-child(5){--x:81.5%;--y:48%;--r:8deg;z-index:6}
body.q1-v16-70 .q158-prev{left:6px}
body.q1-v16-70 .q158-next{right:6px}
body.q1-v16-70 .q158-copy{
  padding:0 0 0 2px;
  justify-content:center;
}
body.q1-v16-70 .q158-copy h1{
  font-size:clamp(27px,2.02vw,35px)!important;
  line-height:1.08!important;
  margin-bottom:8px!important;
}
body.q1-v16-70 .q158-copy p{
  font-size:clamp(13px,.88vw,15px)!important;
  max-width:490px;
  margin-bottom:8px!important;
}
body.q1-v16-70 .q158-copy>b{
  font-size:clamp(14px,.96vw,16px)!important;
  margin-bottom:12px!important;
}
body.q1-v16-70 .q158-actions{max-width:485px;gap:10px;margin-bottom:10px}
body.q1-v16-70 .q158-actions .btn,
body.q1-v16-70 .q158-actions a,
body.q1-v16-70 .q158-actions button{min-height:48px;padding-inline:18px}
body.q1-v16-70 .q158-features{max-width:485px;gap:8px}
body.q1-v16-70 .q158-features span{padding:9px 12px;font-size:11.7px}
@media(max-width:1320px){
  body.q1-v16-70 .q158-shell{grid-template-columns:minmax(620px,.98fr) minmax(390px,1.02fr)}
  body.q1-v16-70 .q161-stage{width:min(100%,635px)}
}
@media(max-width:980px){
  body.q1-v16-70 .q158-shell{height:auto;grid-template-columns:1fr;gap:8px;padding:10px}
  body.q1-v16-70 .q158-orbit-panel{height:390px;justify-content:center}
  body.q1-v16-70 .q161-stage{margin:0 auto;width:min(100%,610px);height:392px}
  body.q1-v16-70 .q158-copy{padding:6px 10px 10px;text-align:center;align-items:center}
}
@media(max-width:680px){
  body.q1-v16-70 .q158-shell{width:calc(100% - 8px);padding:8px}
  body.q1-v16-70 .q158-orbit-panel{height:308px}
  body.q1-v16-70 .q161-stage{width:585px;max-width:none;height:406px;transform:scale(.54)!important;transform-origin:center top!important}
}
