/* V16.71 — exact hero implementation based on approved reference */
body.q1-v16-71 .q158-shell{
  width:min(1560px,calc(100% - 16px));
  height:500px;
  min-height:500px;
  grid-template-columns:minmax(760px,1.08fr) minmax(500px,.92fr);
  gap:8px;
  padding:14px 18px;
  border-radius:32px;
  border:1px solid #dfb45f;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 58%,rgba(255,238,198,.82) 0%,rgba(255,238,198,.26) 26%,rgba(255,238,198,0) 48%),
    radial-gradient(circle at 44% 16%,rgba(255,255,255,.50) 0%,rgba(255,255,255,0) 24%),
    linear-gradient(100deg,#efd5a5 0%,#f4dfba 25%,#f6e7cc 52%,#f8ecda 74%,#fbf4e8 100%)!important;
  box-shadow:0 18px 44px rgba(85,59,18,.09);
}
body.q1-v16-71 .q158-orbit-panel{
  height:470px;
  padding:0 8px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent!important;
}
body.q1-v16-71 .q161-stage{
  position:relative;
  width:min(100%,760px);
  height:450px;
  max-height:450px;
  margin:0 auto;
  overflow:hidden;
  border-radius:28px;
  background:transparent!important;
}
body.q1-v16-71 .q161-stage-art{
  position:absolute;
  width:100%;
  height:100%;
  inset:0;
  object-fit:cover;
  object-position:center;
  opacity:.98;
  filter:saturate(1.04) contrast(1.02);
  z-index:1;
}
body.q1-v16-71 .q161-stage::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(239,213,165,.92) 0%,rgba(239,213,165,.16) 7%,rgba(239,213,165,0) 14%,rgba(239,213,165,0) 86%,rgba(248,236,216,.18) 93%,rgba(248,236,216,.88) 100%),
    linear-gradient(180deg,rgba(249,240,222,.28) 0%,rgba(249,240,222,0) 11%,rgba(249,240,222,0) 89%,rgba(239,216,175,.26) 100%),
    radial-gradient(circle at 18% 73%,rgba(255,233,181,.22) 0%,rgba(255,233,181,0) 24%),
    radial-gradient(circle at 82% 27%,rgba(255,249,225,.16) 0%,rgba(255,249,225,0) 22%);
}
body.q1-v16-71 .q161-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 50px rgba(232,189,98,.08);
}
body.q1-v16-71 .q161-orbit{
  inset:0;
  z-index:6;
  animation:none!important;
}
body.q1-v16-71 .q158-card{
  width:118px!important;
  height:166px!important;
  border-radius:17px!important;
  border:1.5px solid #d69a2f!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf9 100%)!important;
  box-shadow:0 12px 24px rgba(20,38,57,.12)!important;
  transition:box-shadow .2s ease,transform .2s ease!important;
  overflow:hidden!important;
}
body.q1-v16-71 .q158-card:hover{
  transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1.025)!important;
  box-shadow:0 18px 32px rgba(20,38,57,.17)!important;
}
body.q1-v16-71 .q158-card .q158-badge{
  top:6px;right:6px;
  max-width:92px;
  padding:4px 9px;
  border-radius:999px;
  font-size:8.8px;
}
body.q1-v16-71 .q158-card .q158-media{
  height:98px;
  min-height:98px;
  padding:8px 8px 3px;
  background:transparent;
}
body.q1-v16-71 .q158-card .q158-media img{
  width:100%;height:100%;object-fit:contain!important;border-radius:10px;
}
body.q1-v16-71 .q158-card .q158-info{
  height:64px;
  padding:6px 8px 8px;
}
body.q1-v16-71 .q158-card .q158-info strong{
  font-size:10.7px;
  line-height:1.25;
  min-height:27px;
  max-height:27px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
body.q1-v16-71 .q158-card .q158-price{margin-top:3px;gap:5px;align-items:flex-end}
body.q1-v16-71 .q158-card .q158-price span{font-size:11.7px;font-weight:1000}
body.q1-v16-71 .q158-card .q158-price del{font-size:8.8px}
/* Equal spacing and fully visible cards around the disc */
body.q1-v16-71 .q158-card:nth-child(1){--x:12.5%;--y:49%;--r:-7deg;z-index:6}
body.q1-v16-71 .q158-card:nth-child(2){--x:28.5%;--y:20%;--r:-4deg;z-index:7}
body.q1-v16-71 .q158-card:nth-child(3){--x:50%;--y:12.5%;--r:0deg;z-index:8}
body.q1-v16-71 .q158-card:nth-child(4){--x:71.5%;--y:20%;--r:4deg;z-index:7}
body.q1-v16-71 .q158-card:nth-child(5){--x:87.5%;--y:49%;--r:7deg;z-index:6}
body.q1-v16-71 .q158-card:nth-child(6){--x:26.5%;--y:73%;--r:-5deg;z-index:7}
body.q1-v16-71 .q158-card:nth-child(7){--x:73.5%;--y:73%;--r:5deg;z-index:7}
body.q1-v16-71 .q158-arrow{
  width:50px;height:50px;font-size:28px;
  border:2px solid #d89b2f;
  box-shadow:0 10px 22px rgba(6,34,56,.14);
  z-index:20;
}
body.q1-v16-71 .q158-prev{left:10px}
body.q1-v16-71 .q158-next{right:10px}
body.q1-v16-71 .q158-dots{bottom:6px}
body.q1-v16-71 .q158-copy{
  padding:10px 8px 10px 4px;
  justify-content:center;
  align-items:stretch;
}
body.q1-v16-71 .q158-copy h1{
  font-size:clamp(36px,3.15vw,56px)!important;
  line-height:1.06!important;
  letter-spacing:-.5px!important;
  margin-bottom:12px!important;
  color:#062844!important;
}
body.q1-v16-71 .q158-copy p{
  font-size:clamp(17px,1.35vw,24px)!important;
  line-height:1.45!important;
  margin-bottom:5px!important;
  color:#24394b!important;
}
body.q1-v16-71 .q158-copy>b{
  font-size:clamp(18px,1.45vw,25px)!important;
  margin-bottom:18px!important;
  color:#bd7b12!important;
}
body.q1-v16-71 .q158-actions{
  max-width:560px;
  gap:14px;
  margin-bottom:16px;
}
body.q1-v16-71 .q158-actions .btn,
body.q1-v16-71 .q158-actions a,
body.q1-v16-71 .q158-actions button{
  min-height:66px;
  border-radius:17px;
  padding:18px 20px;
  font-size:18px;
  border-width:2px;
}
body.q1-v16-71 .q158-features{
  max-width:560px;
  gap:12px;
}
body.q1-v16-71 .q158-features span{
  min-height:58px;
  padding:15px 14px;
  font-size:15px;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(16,36,55,.06);
}
@media(max-width:1320px){
  body.q1-v16-71 .q158-shell{grid-template-columns:minmax(690px,1.03fr) minmax(430px,.97fr)}
  body.q1-v16-71 .q161-stage{width:min(100%,700px)}
  body.q1-v16-71 .q158-copy h1{font-size:clamp(34px,3vw,50px)!important}
}
@media(max-width:980px){
  body.q1-v16-71 .q158-shell{height:auto;grid-template-columns:1fr;grid-template-areas:'orbit' 'copy';gap:10px;padding:12px}
  body.q1-v16-71 .q158-orbit-panel{height:450px;padding:0}
  body.q1-v16-71 .q161-stage{width:min(100%,760px);height:440px;margin:0 auto}
  body.q1-v16-71 .q158-copy{text-align:center;align-items:center;padding:4px 12px 14px}
}
@media(max-width:680px){
  body.q1-v16-71 .q158-shell{width:calc(100% - 8px);padding:8px;border-radius:24px}
  body.q1-v16-71 .q158-orbit-panel{height:326px}
  body.q1-v16-71 .q161-stage{width:760px;max-width:none;height:450px;transform:scale(.58)!important;transform-origin:center top!important}
  body.q1-v16-71 .q158-copy h1{font-size:32px!important}
  body.q1-v16-71 .q158-actions{grid-template-columns:1fr}
}