/* V16.67 - final hero polish */
body.q1-v16-67 .q158-shell{
  width:min(1550px,calc(100% - 24px));
  min-height:470px;
  height:470px;
  grid-template-columns:minmax(620px,.88fr) minmax(470px,1.12fr);
  gap:8px;
  padding:12px 18px;
  background:
    radial-gradient(circle at 21% 57%, rgba(255,248,231,.98) 0%, rgba(248,233,198,.92) 17%, rgba(239,211,155,.42) 31%, rgba(239,211,155,0) 51%),
    radial-gradient(circle at 17% 20%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 19%),
    linear-gradient(100deg,#f4e7d0 0%,#f3dfb8 18%,#f7ebd7 44%,#fbf6ec 100%)!important;
  box-shadow:0 8px 24px rgba(181,138,53,.08) inset;
}
body.q1-v16-67 .q158-shell::before,
body.q1-v16-67 .q158-shell::after{display:none!important}
body.q1-v16-67 .q158-orbit-panel{
  height:442px;
  padding:0 0 0 6px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.q1-v16-67 .q161-stage{
  position:relative;
  width:min(100%,610px);
  height:410px;
  max-height:410px;
  margin:4px auto 0;
  overflow:hidden;
  border-radius:28px;
  isolation:isolate;
}
body.q1-v16-67 .q161-stage-art{
  width:108%;
  height:108%;
  left:-4%;
  top:-3%;
  object-fit:cover;
  opacity:.96;
  filter:saturate(1.03) contrast(1.02);
  -webkit-mask-image:none;
  mask-image:none;
}
body.q1-v16-67 .q161-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,#f4e7cf 0%, rgba(244,231,207,.96) 2%, rgba(244,231,207,.15) 8%, rgba(244,231,207,0) 13%, rgba(244,231,207,0) 87%, rgba(249,240,223,.22) 92%, #fbf6ec 100%),
    radial-gradient(circle at 18% 65%, rgba(244,214,154,.26) 0%, rgba(244,214,154,0) 22%),
    radial-gradient(circle at 83% 52%, rgba(245,221,173,.18) 0%, rgba(245,221,173,0) 20%);
}
body.q1-v16-67 .q161-stage::after{
  content:"";
  position:absolute;
  inset:10px;
  z-index:2;
  border-radius:24px;
  pointer-events:none;
  box-shadow:0 0 0 1px rgba(220,181,96,.12) inset;
}
body.q1-v16-67 .q161-orbit{inset:0;z-index:6;animation:none!important}
body.q1-v16-67 .q158-card{
  width:103px!important;
  height:148px!important;
  border-radius:16px!important;
  box-shadow:0 10px 20px rgba(20,38,57,.12)!important;
  transition:box-shadow .25s ease!important;
  backdrop-filter:blur(0.4px);
}
body.q1-v16-67 .q158-card:hover{transform:translate(-50%,-50%) rotate(var(--r,0deg))!important;box-shadow:0 12px 24px rgba(20,38,57,.14)!important}
body.q1-v16-67 .q158-card .q158-media{height:88px;min-height:88px;padding:6px 6px 3px}
body.q1-v16-67 .q158-card .q158-media img{border-radius:10px;object-fit:contain}
body.q1-v16-67 .q158-card .q158-badge{font-size:9px;padding:4px 8px;top:5px;right:5px}
body.q1-v16-67 .q158-card .q158-info{height:60px;padding:6px 6px 8px}
body.q1-v16-67 .q158-card .q158-info strong{font-size:10.2px;line-height:1.25;min-height:25px;max-height:25px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.q1-v16-67 .q158-card .q158-price{gap:6px;align-items:flex-end}
body.q1-v16-67 .q158-card .q158-price span{font-size:11px}
body.q1-v16-67 .q158-card .q158-price del{font-size:9px}
body.q1-v16-67 .q158-card:nth-child(1){--x:14.8%;--y:49%;--r:-10deg;z-index:6}
body.q1-v16-67 .q158-card:nth-child(2){--x:31%;--y:18.2%;--r:-4deg;z-index:7}
body.q1-v16-67 .q158-card:nth-child(3){--x:50%;--y:8.3%;--r:0deg;z-index:9}
body.q1-v16-67 .q158-card:nth-child(4){--x:69.2%;--y:18.2%;--r:4deg;z-index:7}
body.q1-v16-67 .q158-card:nth-child(5){--x:84.4%;--y:48.4%;--r:9deg;z-index:6}
body.q1-v16-67 .q158-card:nth-child(6){--x:69%;--y:75.2%;--r:7deg;z-index:7}
body.q1-v16-67 .q158-card:nth-child(7){--x:31%;--y:75.2%;--r:-7deg;z-index:7}
body.q1-v16-67 .q158-prev{left:-2px}
body.q1-v16-67 .q158-next{right:-2px}
body.q1-v16-67 .q158-copy{
  padding:4px 2px 4px 0;
  gap:0;
}
body.q1-v16-67 .q158-copy h1{
  font-size:clamp(28px,2.18vw,37px)!important;
  line-height:1.1!important;
  margin-bottom:8px!important;
}
body.q1-v16-67 .q158-copy p{font-size:clamp(13px,.9vw,15px)!important;line-height:1.55!important;margin-bottom:2px!important}
body.q1-v16-67 .q158-copy>b{font-size:clamp(13px,.96vw,17px)!important;margin-bottom:12px!important}
body.q1-v16-67 .q158-actions{max-width:510px;gap:12px;margin-bottom:10px}
body.q1-v16-67 .q158-actions .btn{min-height:52px;border-radius:16px}
body.q1-v16-67 .q158-features{max-width:520px;gap:9px}
body.q1-v16-67 .q158-features span{font-size:12px;padding:10px 12px;border-radius:14px}

/* smoother modal */
body.q1-v16-67 #productModal .modal-box{
  width:min(1100px,95vw)!important;
  border-radius:26px!important;
  box-shadow:0 28px 70px rgba(15,23,42,.18)!important;
}
body.q1-v16-67 #productModal .modal-layout{grid-template-columns:minmax(0,400px) minmax(0,1fr)!important;gap:22px!important}
body.q1-v16-67 #productModal .gallery-main{
  height:370px!important;
  min-height:370px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 28px rgba(15,23,42,.04)!important;
}
body.q1-v16-67 #productModal .thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px!important}
body.q1-v16-67 #productModal .thumbs button{
  height:78px!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(15,23,42,.04);
}
body.q1-v16-67 #productModal .thumbs button img{object-fit:contain;padding:6px}
body.q1-v16-67 #productModal .modal-info h2{font-size:32px!important}
body.q1-v16-67 #productModal .modal-info{scrollbar-width:thin}
body.q1-v16-67 #productModal .hero-actions .btn{border-radius:14px!important}

/* softer product cards */
body.q1-v16-67 .product-grid{gap:20px!important}
body.q1-v16-67 .product-card.compact-card{
  min-height:438px!important;
  border-radius:20px!important;
  box-shadow:0 16px 34px rgba(16,24,40,.08)!important;
  border:1px solid #e7edf5!important;
}
body.q1-v16-67 .product-card.compact-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 42px rgba(16,24,40,.12)!important}
body.q1-v16-67 .product-media{height:208px!important;min-height:208px!important;background:linear-gradient(180deg,#ffffff,#f7f9fc)!important}
body.q1-v16-67 .product-media img{padding:14px!important}
body.q1-v16-67 .quick-view{border-radius:999px!important;padding:9px 18px!important;box-shadow:0 8px 18px rgba(15,23,42,.08)}
body.q1-v16-67 .product-body{padding:14px 14px 15px!important;gap:8px!important}
body.q1-v16-67 .product-body h3{font-size:16px!important;line-height:1.4!important;min-height:44px!important;max-height:44px!important}
body.q1-v16-67 .marketing-badges.pro-flags span,
body.q1-v16-67 .multi-buy-line{box-shadow:0 2px 7px rgba(208,157,50,.08)}
body.q1-v16-67 .card-summary{min-height:38px!important;max-height:38px!important}
body.q1-v16-67 .price-line strong{font-size:19px!important}
body.q1-v16-67 .growth-actions{gap:9px!important}
body.q1-v16-67 .small-btn{height:42px!important;border-radius:13px!important}
body.q1-v16-67 .small-btn.gold{background:#fffdfa!important}

@media(max-width:1320px){
  body.q1-v16-67 .q158-shell{grid-template-columns:minmax(580px,.84fr) minmax(430px,1.16fr)}
}
@media(max-width:980px){
  body.q1-v16-67 .q158-shell{height:auto!important;grid-template-columns:1fr!important;grid-template-areas:'orbit' 'copy';padding:12px}
  body.q1-v16-67 .q158-orbit-panel{height:390px;padding:0}
  body.q1-v16-67 .q161-stage{width:min(100%,620px);height:388px}
  body.q1-v16-67 .q158-copy{text-align:center;align-items:center;padding:4px 10px 10px}
  body.q1-v16-67 #productModal .modal-layout{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body.q1-v16-67 .q158-shell{width:calc(100% - 8px);padding:8px;border-radius:24px}
  body.q1-v16-67 .q158-orbit-panel{height:316px}
  body.q1-v16-67 .q161-stage{width:540px;max-width:none;height:410px;transform:scale(.57)!important;transform-origin:center top!important}
  body.q1-v16-67 .q158-copy h1{font-size:28px!important}
  body.q1-v16-67 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.q1-v16-67 .product-card.compact-card{min-height:400px!important}
  body.q1-v16-67 .product-media{height:164px!important;min-height:164px!important}
}
