/* V16.75 — reference matched golden hero */
body.q1-v16-75 .q158-shell{
  width:min(2040px,calc(100% - 8px));
  height:690px;
  min-height:690px;
  grid-template-columns:52% 48%;
  gap:0;
  padding:0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid #d9a43c;
  background:
    linear-gradient(rgba(255,248,232,.08),rgba(255,248,232,.08)),
    url('assets/hero/q1-marble-bg-v1674.jpg') center/cover no-repeat!important;
  box-shadow:0 20px 48px rgba(71,47,13,.10);
}
body.q1-v16-75 .q158-orbit-panel{
  position:relative;
  height:690px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent!important;
}
body.q1-v16-75 .q161-stage{
  position:relative;
  width:1040px;
  height:680px;
  max-width:100%;
  max-height:680px;
  margin:0;
  border-radius:0;
  overflow:hidden;
  background:transparent!important;
}
body.q1-v16-75 .q161-stage-art{
  position:absolute;
  width:108%;
  height:108%;
  left:-4%;
  top:-3%;
  object-fit:cover;
  object-position:center 56%;
  transform:none!important;
  transform-origin:center!important;
  opacity:1;
  filter:saturate(1.04) contrast(1.02) drop-shadow(0 18px 26px rgba(177,121,20,.10));
  -webkit-mask-image:radial-gradient(ellipse 78% 84% at 50% 54%,#000 0 76%,rgba(0,0,0,.92) 84%,rgba(0,0,0,.45) 93%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 84% at 50% 54%,#000 0 76%,rgba(0,0,0,.92) 84%,rgba(0,0,0,.45) 93%,transparent 100%);
  z-index:1;
}
body.q1-v16-75 .q161-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 70%,rgba(255,225,156,.20) 0%,rgba(255,225,156,0) 25%),
    radial-gradient(circle at 82% 28%,rgba(255,251,230,.17) 0%,rgba(255,251,230,0) 23%);
}
body.q1-v16-75 .q161-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(248,235,209,.58) 0%,rgba(248,235,209,0) 8%,rgba(248,235,209,0) 92%,rgba(248,235,209,.52) 100%);
}
body.q1-v16-75 .q161-orbit{
  inset:0;
  z-index:6;
  transform:none!important;
  animation:none!important;
}
body.q1-v16-75 .q158-card{
  width:164px!important;
  height:226px!important;
  border:1.8px solid #cb8e22!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;
  box-shadow:0 14px 28px rgba(29,38,52,.14)!important;
  overflow:hidden!important;
  transition:box-shadow .2s ease,transform .2s ease!important;
}
body.q1-v16-75 .q158-card:hover{
  transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1.02)!important;
  box-shadow:0 20px 34px rgba(29,38,52,.18)!important;
}
body.q1-v16-75 .q158-media{height:144px;min-height:144px;padding:10px 10px 5px;background:transparent}
body.q1-v16-75 .q158-media img{width:100%;height:100%;object-fit:contain!important;border-radius:11px}
body.q1-v16-75 .q158-badge{top:8px;right:8px;padding:5px 11px;border-radius:999px;font-size:10px;max-width:122px}
body.q1-v16-75 .q158-info{height:82px;padding:8px 10px 11px}
body.q1-v16-75 .q158-info strong{font-size:12.5px;line-height:1.28;min-height:32px;max-height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.q1-v16-75 .q158-price{margin-top:6px;gap:7px;align-items:flex-end}
body.q1-v16-75 .q158-price span{font-size:13.5px;font-weight:1000;color:#b8750d}
body.q1-v16-75 .q158-price del{font-size:10px}
/* Five equal cards on the upper arc, matching the approved reference */
body.q1-v16-75 .q158-card:nth-child(1){--x:24%;--y:34%;--r:-5deg;z-index:7}
body.q1-v16-75 .q158-card:nth-child(2){--x:37%;--y:20%;--r:-2.5deg;z-index:8}
body.q1-v16-75 .q158-card:nth-child(3){--x:50%;--y:14%;--r:0deg;z-index:9}
body.q1-v16-75 .q158-card:nth-child(4){--x:63%;--y:20%;--r:2.5deg;z-index:8}
body.q1-v16-75 .q158-card:nth-child(5){--x:76%;--y:34%;--r:5deg;z-index:7}
body.q1-v16-75 .q158-prev,
body.q1-v16-75 .q158-next{
  width:66px;height:66px;top:50%;font-size:35px;
  border:2px solid #d19220;background:#062a48;
  box-shadow:0 12px 22px rgba(7,36,61,.18);
}
body.q1-v16-75 .q158-prev{left:24px}
body.q1-v16-75 .q158-next{right:24px}
body.q1-v16-75 .q158-dots{bottom:28px}
body.q1-v16-75 .q158-copy{
  padding:38px 42px 40px 34px;
  justify-content:center;
  align-items:stretch;
  background:transparent!important;
}
body.q1-v16-75 .q158-copy h1{
  font-size:clamp(54px,4.05vw,82px)!important;
  line-height:1.03!important;
  letter-spacing:-1px!important;
  margin:0 0 18px!important;
  color:#072b49!important;
  text-shadow:0 2px 0 rgba(255,255,255,.30);
}
body.q1-v16-75 .q158-copy p{
  font-size:clamp(24px,1.85vw,35px)!important;
  line-height:1.35!important;
  margin:0 0 8px!important;
  color:#17374d!important;
  font-weight:700!important;
}
body.q1-v16-75 .q158-copy>b{
  font-size:clamp(23px,1.6vw,32px)!important;
  margin-bottom:24px!important;
  color:#c58718!important;
}
body.q1-v16-75 .q158-actions{max-width:760px;gap:20px;margin-bottom:22px}
body.q1-v16-75 .q158-actions a,
body.q1-v16-75 .q158-actions button,
body.q1-v16-75 .q158-actions .btn{
  min-height:88px;padding:22px 24px;border-radius:18px;
  border:2px solid #d2921d;font-size:27px;font-weight:1000;
}
body.q1-v16-75 .q158-features{max-width:760px;gap:18px}
body.q1-v16-75 .q158-features span{
  min-height:80px;padding:19px 18px;border-radius:17px;
  font-size:21px;font-weight:900;background:rgba(255,255,255,.93);
  box-shadow:0 10px 24px rgba(16,36,55,.07);
}
@media(max-width:1500px){
  body.q1-v16-75 .q158-shell{height:590px;min-height:590px;grid-template-columns:54% 46%}
  body.q1-v16-75 .q158-orbit-panel{height:590px}
  body.q1-v16-75 .q161-stage{width:860px;height:575px}
  body.q1-v16-75 .q158-card{width:132px!important;height:182px!important}
  body.q1-v16-75 .q158-media{height:112px;min-height:112px}
  body.q1-v16-75 .q158-info{height:70px}
  body.q1-v16-75 .q158-copy h1{font-size:clamp(44px,4vw,68px)!important}
  body.q1-v16-75 .q158-copy p{font-size:clamp(20px,1.8vw,29px)!important}
  body.q1-v16-75 .q158-copy>b{font-size:clamp(20px,1.55vw,27px)!important}
  body.q1-v16-75 .q158-actions a,body.q1-v16-75 .q158-actions button,body.q1-v16-75 .q158-actions .btn{min-height:72px;font-size:22px}
  body.q1-v16-75 .q158-features span{min-height:62px;font-size:17px}
}
@media(max-width:980px){
  body.q1-v16-75 .q158-shell{height:auto;grid-template-columns:1fr;grid-template-areas:'orbit' 'copy';padding:10px}
  body.q1-v16-75 .q158-orbit-panel{height:520px}
  body.q1-v16-75 .q161-stage{width:920px;max-width:none;height:630px;transform:scale(.78);transform-origin:center top}
  body.q1-v16-75 .q158-copy{text-align:center;align-items:center;padding:18px 16px 24px}
}
@media(max-width:680px){
  body.q1-v16-75 .q158-shell{width:calc(100% - 8px);border-radius:22px}
  body.q1-v16-75 .q158-orbit-panel{height:365px}
  body.q1-v16-75 .q161-stage{width:940px;height:650px;transform:scale(.50);transform-origin:center top}
  body.q1-v16-75 .q158-copy h1{font-size:38px!important}
  body.q1-v16-75 .q158-copy p{font-size:18px!important}
  body.q1-v16-75 .q158-actions{grid-template-columns:1fr}
}
