/* Homepage product slideshow. Images are shown individually and without cropping. */
.newProducts{position:relative;isolation:isolate;overflow:hidden;display:block;padding:96px 7%;color:#eee8df;background:#0b0d09;border-block:1px solid #d0a95450;scroll-margin-top:100px}
.newProducts::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:url('assets/images/new-products-classic-cocktails-v5.jpg') center center/cover no-repeat;opacity:.85}
.newProducts::after{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(90deg,#04060480 0%,#05070555 32%,#07090715 65%,#07090710 100%),linear-gradient(180deg,#07090755 0%,transparent 45%,#07090780 100%)}
@media(prefers-reduced-motion:reduce){.newProducts::before{animation:none}}
.newProducts [hidden],.newProductsAdmin [hidden]{display:none!important}
.newProductsLayout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,88px);max-width:1200px;margin:auto}
.newProductsCopy{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:28px;min-width:0;padding:24px 0}
.newProductsCopy::after{content:'';width:88px;height:2px;background:linear-gradient(90deg,#d0a954,transparent)}
.newProductsHeading{min-width:0}
.newProductsEyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#c6b38c;font:600 9px/1.7 'Manrope',Arial,sans-serif;letter-spacing:2.5px}
.newProductsEyebrow::before{content:'';width:24px;height:1px;flex-shrink:0;background:#c6b38c80}
.newProducts h2{margin:0;color:#f1ebe2;font:500 clamp(40px,4.4vw,64px)/1.12 'Manrope',Arial,sans-serif;letter-spacing:-.025em}
.newProducts h2 em{display:block;color:#d3bd91;font-style:normal}
.newProductsLead{max-width:340px;margin:0;color:#eee8dc;text-shadow:0 2px 12px #000;font:500 14px/1.9 'Manrope',Arial,sans-serif;text-wrap:pretty}
.newProductsSlideTitle{min-width:0;min-height:1.7em;margin:0;color:#e5d5b3;font:500 14px/1.7 'Manrope',Arial,sans-serif;overflow-wrap:anywhere}
.newProductsGallery{min-width:0;width:100%;padding:20px;border:1px solid #d0a95460;border-radius:24px;background:linear-gradient(145deg,#242116b3,#0b0d09cc);box-shadow:0 30px 70px #0006,inset 0 1px 0 #e9d4a31f}
.newProductsViewer{position:relative;min-width:0}
.newProductsViewer.hasThumbnails{padding-right:94px}
.newProductsThumbnails{position:absolute;inset:0 0 0 auto;width:78px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d0a95466 transparent;padding:2px 5px 2px 2px}
.newProductsThumbnail{flex-shrink:0;display:grid;gap:5px;width:100%;min-height:88px;padding:7px;border:1px solid #d0a95430;border-radius:10px;background:#0b0d09b3;color:#bcb4a3;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}
.newProductsThumbnail img{display:block;width:100%;height:52px;object-fit:contain}
.newProductsThumbnail span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:9px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
.newProductsThumbnail[aria-pressed="true"]{border-color:#e3c37c;background:#d0a95426;color:#f2dfb4;box-shadow:inset 0 0 0 1px #d0a95455}
.newProductsThumbnail:hover{border-color:#d0a954;background:#d0a95418}
.newProductsThumbnail:focus-visible{outline:2px solid #efd397;outline-offset:-2px}
@media(max-width:700px){.newProductsViewer.hasThumbnails{padding-right:68px}.newProductsThumbnails{width:58px;gap:8px;padding-right:3px}.newProductsThumbnail{padding:5px;min-height:72px}.newProductsThumbnail img{height:40px}.newProductsThumbnail span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.newProductsThumbnail{transition:none}}
.newProductsStage{display:grid;place-items:center;width:100%;aspect-ratio:1;max-height:560px;background:radial-gradient(ellipse at 50% 80%,#b8883533,transparent 65%),linear-gradient(145deg,#1c201699,#090c09cc);border:1px solid #d0a95426;border-radius:14px;overflow:hidden}
.newProductsSlide{display:block;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:24px;object-fit:contain;transform-origin:50% 60%;backface-visibility:visible;filter:drop-shadow(0 18px 16px #0008);animation:newProductTurn var(--product-turn-duration,5s) linear infinite}
@keyframes newProductTurn{from{transform:perspective(900px) rotateY(0deg)}to{transform:perspective(900px) rotateY(360deg)}}
.newProductsPaused .newProductsSlide{animation-play-state:paused}
.newProductsEmpty{padding:35px;color:#a79f8e;text-align:center;font:14px/1.9 'Manrope',Arial,sans-serif}
.newProductsFooter{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid #d0a95430}
.newProductsControls{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px}
.newProductsNavigation{display:flex;align-items:center;gap:8px}
.newProductsControls button{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d0a95450;background:transparent;color:#d3bd91;font:20px/1 Arial,sans-serif;cursor:pointer;transition:background .2s ease}
.newProductsControls button:hover{background:#d0a9541a}
.newProductsControls .newProductsPause{min-width:85px;font:600 9px/1.7 'Manrope',Arial,sans-serif;letter-spacing:1.2px}
.newProductsCounter{min-width:64px;color:#a89e8a;text-align:center;font:500 11px/1.7 'Manrope',Arial,sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums}
.newProductsControls button:focus-visible{outline:2px solid #d3bd91;outline-offset:4px}
@media(max-width:1050px){.newProducts{padding:72px 5%}.newProductsLayout{gap:36px}.newProductsFooter{align-items:flex-start;flex-direction:column}.newProductsControls{width:100%}.newProducts h2{font-size:48px}}
@media(max-width:700px){.newProducts{padding:48px 20px}.newProductsLayout{grid-template-columns:minmax(0,1fr);gap:28px;max-width:560px}.newProductsCopy{gap:16px;padding:0}.newProducts h2{font-size:clamp(36px,9vw,48px)}.newProducts h2 em{display:inline}.newProductsLead{max-width:420px;font-size:13px}.newProductsEyebrow{font-size:8px;margin-bottom:12px;letter-spacing:2px}.newProductsGallery{box-sizing:border-box;padding:14px;border-radius:20px}.newProductsStage{aspect-ratio:1;max-height:460px}.newProductsSlide{padding:18px}.newProductsSlideTitle{font-size:13px}.newProductsFooter{gap:14px;margin-top:16px;padding-top:14px}.newProductsControls{gap:8px}.newProductsNavigation{gap:10px}.newProductsControls .newProductsPause{min-width:72px}}
@media(prefers-reduced-motion:reduce){.newProductsSlide{animation:none}.newProductsControls button{transition:none}}

/* Golden light and a raised display for the featured product. */
.newProducts::before{opacity:1}
.newProducts h2 em{background:linear-gradient(110deg,#a87b35 5%,#f5df9f 35%,#bf9449 55%,#ffedbd 75%,#b28940 95%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.newProductsGallery{position:relative;background:linear-gradient(145deg,#242116ed,#090c09f2)}
.newProductsStage{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#bd934e38,transparent 65%),#080b08}
@media(prefers-reduced-motion:reduce){.newProductsGallery{transform:none;transition:none}.newProducts h2 em,.newProductsGallery::after{animation:none}}

/* Slideshow management inside the existing admin dashboard. */
.newProductsAdminToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0}
.newProductsAdminToolbar>label:not(.outlineButton){display:flex;align-items:center;gap:12px;color:#c3b99f;font:600 10px/1.6 'Manrope',Arial,sans-serif;letter-spacing:.6px}
.newProductsAdminToolbar input[type=number]{width:76px;padding:11px;background:#080b08;border:1px solid #d0a95450;color:#eee8df;font:15px Arial,sans-serif}
.newProductsAdminToolbar .outlineButton,.newProductsAdminToolbar .clubGoldButton{font-size:10px;line-height:1.6;cursor:pointer}
.newProductsAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.newProductsAdminCard{min-width:0;padding:14px;background:#10140f;border:1px solid #d0a95438}
.newProductsAdminCard>img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#070a07;margin-bottom:15px}
.newProductsAdminCard>label{display:grid;gap:8px;color:#b8ab91;font:600 9px/1.7 'Manrope',Arial,sans-serif;letter-spacing:.5px}
.newProductsAdminCard input{width:100%;min-width:0;padding:11px;border:1px solid #d0a95440;background:#080b08;color:#eee8df;font:14px/1.5 Arial,sans-serif}
.newProductsAdminCardActions{display:flex;gap:8px;margin-top:12px}
.newProductsAdminCardActions button{min-width:42px;min-height:40px;padding:8px 12px;border:1px solid #d0a95450;background:transparent;color:#d3bd91;font:11px Arial,sans-serif;cursor:pointer}
.newProductsAdminCardActions button:last-child{margin-left:auto;color:#dda498;border-color:#915c514d}
.newProductsAdmin button:disabled,.newProductsAdmin input:disabled{opacity:.4;cursor:wait}
.newProductsAdminHint{max-width:780px;color:#a49c8b;font:12px/1.85 Arial,sans-serif}
.newProductsAdminHint strong{color:#d3bd91}
.newProductsAdminStatus{min-height:24px;color:#b5c4a5;font:13px/1.7 Arial,sans-serif}
.newProductsAdminStatus.is-error{color:#e4a79c}
.newProductsAdmin input:focus-visible,.newProductsAdmin button:focus-visible{outline:2px solid #d0a954;outline-offset:3px}
@media(max-width:900px){.newProductsAdminGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.newProductsAdminGrid{grid-template-columns:1fr}.newProductsAdminToolbar{align-items:stretch}.newProductsAdminToolbar>a,.newProductsAdminToolbar>button,.newProductsAdminToolbar>.outlineButton{width:100%;text-align:center}.newProductsAdmin .inventoryHeading{display:flex;flex-direction:column;align-items:stretch;gap:18px}}

.newProductsLayout{position:relative;z-index:1}

/* A soft dark scrim keeps the heading readable over the cocktail photo. */
.newProductsCopy::before{content:"";position:absolute;z-index:-1;inset:-25px -35px;pointer-events:none;background:radial-gradient(ellipse,#050705b3 20%,#05070570 58%,transparent 78%)}
.newProductsHeading{text-shadow:0 3px 18px #000}
.newProductsEyebrow{color:#e0c995}
@media(max-width:700px){.newProducts::after{background:linear-gradient(180deg,#040604a6 0%,#05070580 28%,#07090730 60%,#07090770 100%)}.newProductsCopy::before{inset:-20px -15px}}