/* Same gallery footprint, with soft daylight and quiet product presentation. */
#productModal .product-backdrop{background:radial-gradient(ellipse at 50% 32%,#284e7838,#102e6375);backdrop-filter:blur(14px) saturate(.85);-webkit-backdrop-filter:blur(14px) saturate(.85)}
#productModal .product-card{background:radial-gradient(ellipse at 95% 0%,#d6eaff9c,transparent 48%),radial-gradient(ellipse at 20% 100%,#fff 5%,transparent 48%),linear-gradient(150deg,#fcfdff,#edf5fd);border-color:#ffffffd9;box-shadow:0 35px 100px #0e2a6142,inset 0 1px 0 #fff;isolation:isolate;overscroll-behavior:contain}
#productModal.open .product-card{animation:none;transform:none;transform-origin:center}
#productModal .product-h{color:#123461}
#productModal .product-h em{color:#397ad0}
#productModal .product-close{background:#ffffffd9;border-color:#d4e3f4;box-shadow:0 3px 12px #244e7910;color:#244c7b}
#productModal .product-close:hover{background:#e5f1ff;transform:rotate(90deg)}
#productModal .product-close:focus-visible{outline:2px solid #3278cf;outline-offset:4px}
#productModal .product-item{background:transparent;border-color:transparent;box-shadow:none;overflow:visible;translate:none;scale:1;transition:none}
#productModal.open .product-item{animation:skyProductIn .48s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(100ms + var(--item-delay,0ms))}
#productModal .product-item:hover{box-shadow:none;border-color:transparent;translate:none;scale:1}
#productModal .product-item-images{position:relative;background:#ffffff8c;border-color:transparent;border-radius:14px;box-shadow:0 10px 24px -18px #254f8566;transform:none;transition:box-shadow .35s ease}
#productModal .product-item-images img{border-radius:19px;transform-origin:50% 82%;transition:transform .4s cubic-bezier(.2,.7,.3,1);position:relative;z-index:1}
#productModal .product-item-body{transform:none;transition:none}
#productModal .product-item-name{font-weight:500;color:#173b68}
#productModal .product-empty{border-color:#dce9f8;background:#ffffff80}
@keyframes skyProductIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
 #productModal .product-item:hover .product-item-images{transform:none;box-shadow:0 18px 27px -19px #254f854d}
 #productModal .product-item:hover .product-item-images img{transform:translateY(-5px) rotate(-1.5deg)}
 #productModal .product-item:nth-child(even):hover .product-item-images img{transform:translateY(-5px) rotate(1.5deg)}
 #productModal .product-item:hover .product-item-body{transform:none}
}
@media(prefers-reduced-motion:reduce){
 #productModal.open .product-item{animation:none!important;transform:none!important}
 #productModal .product-item-images,#productModal .product-item-images img,#productModal .product-close{transition:none;transform:none!important}
}

/* Mobile gallery: balanced single column, without the fixed-height square shrinking left. */
@media(max-width:540px){
 #productModal{padding:12px}
 #productModal .product-card{padding:60px 20px 28px;max-height:calc(100dvh - 24px);border-radius:24px}
 #productModal .product-close{top:12px;right:12px;width:40px;height:40px}
 #productModal .product-h{padding:0;margin:0 auto 26px;text-align:center;font-size:clamp(28px,7.5vw,36px);line-height:1.15;text-wrap:balance}
 #productModal .product-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px}
 #productModal .product-item{width:100%;max-width:260px;min-width:0;text-align:center}
 #productModal .product-item-images{width:100%;height:clamp(180px,60vw,250px);aspect-ratio:auto;justify-content:center;align-items:center;border-radius:20px}
 #productModal .product-item-images img{min-width:0;object-fit:contain;padding:12px}
 #productModal .product-item-body{padding:14px 8px 0}
 #productModal .product-item-name{margin:0;font-size:15px;line-height:1.4;text-align:center}
}