.demo-grid-section{background:var(--color-cream);padding:50px 16px 60px}.demo-grid-container{max-width:1280px;margin:0 auto}.demo-grid-header{text-align:center;margin-bottom:28px}.demo-grid-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:clamp(2.125rem,4.6vw,2.5rem);line-height:1.1;color:var(--color-burgundy);margin:0 0 8px}.demo-grid-subtitle{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:.71875rem;color:var(--color-gold);letter-spacing:.3em;text-transform:uppercase}.demo-grid-tabs-wrap{text-align:center}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-grid-card{background:var(--color-cream);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--shadow-gold-hairline);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:relative}.demo-grid-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px var(--shadow-burgundy-soft);border-color:var(--color-gold-mid)}.demo-grid-image{aspect-ratio:1 / 1;overflow:hidden;background:var(--shadow-gold-veil);position:relative;border-radius:12px 12px 0 0}.demo-grid-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.demo-grid-card:hover .demo-grid-image img{transform:scale(1.05)}.demo-grid-image__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.demo-grid-image__track::-webkit-scrollbar{display:none}.demo-grid-image__slide{flex:0 0 100%;width:100%;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.demo-grid-image__dots{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:4px;pointer-events:none}.demo-grid-image__dot{width:6px;height:6px;border-radius:50%;background:#4a121a47;transition:background-color .22s ease}.demo-grid-image__dot.is-active{background:#4a121a}.demo-grid-badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:6px}.demo-grid-badge{display:inline-block;padding:4px 10px;font-family:var(--font-body);font-weight:var(--weight-bold);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.04em;border-radius:50px;box-shadow:0 4px 10px -4px var(--shadow-burgundy-deep)}.demo-grid-badge--bestseller{background:var(--color-burgundy);color:var(--color-gold)}.demo-grid-badge--new{background:var(--color-gold);color:var(--color-burgundy)}.custom-product-badge{position:absolute;bottom:10px;left:10px;z-index:2;display:inline-block;max-width:calc(100% - 20px);padding:6px 12px;font-family:var(--font-body);font-weight:var(--weight-bold);font-size:10px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--color-burgundy);background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-bright) 100%);border:1px solid var(--color-gold-bright);border-radius:999px;box-shadow:0 6px 14px -6px var(--shadow-burgundy-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-grid-wishlist{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--color-cream);border:1px solid var(--color-gold-mid);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease)}.demo-grid-wishlist:hover,.demo-grid-wishlist:focus-visible{color:var(--color-burgundy);border-color:var(--color-burgundy);outline:none}.demo-grid-wishlist.is-active{color:var(--color-burgundy);border-color:var(--color-burgundy)}.demo-grid-wishlist.is-active svg{fill:var(--color-burgundy);stroke:var(--color-burgundy)}.demo-grid-wishlist svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo-grid-body{padding:12px 12px 16px;display:flex;flex-direction:column;gap:4px}.demo-grid-brand{font-family:var(--font-body);font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase}.demo-grid-name{font-family:var(--font-display)!important;font-weight:400;font-size:1rem;line-height:1.4!important;letter-spacing:-.01em;color:var(--color-text-dark);margin-top:2px;margin-bottom:8px!important;padding-bottom:0;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;min-height:2.8em!important;height:2.8em!important}.demo-grid-rating{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);line-height:1}.demo-grid-rating-stars{color:var(--color-gold);letter-spacing:1px;font-size:.8125rem}.demo-grid-rating-value{font-weight:var(--weight-semibold);color:var(--color-text-dark)}.demo-grid-rating-count{color:var(--color-text-muted)}.custom-card-stars .jdgm-star{color:#d4af37!important}.custom-card-stars .jdgm-preview-badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;font-family:var(--font-body);font-size:.75rem;line-height:1}.custom-card-stars .jdgm-preview-badge__stars{color:#d4af37!important}.custom-card-stars .jdgm-preview-badge__text{color:var(--color-text-muted)}.card-glass-rating{position:absolute!important;bottom:10px!important;right:10px!important;display:flex!important;align-items:center;gap:4px;background:#ffffffa6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.5)!important;padding:4px 8px!important;border-radius:20px!important;font-size:11px!important;font-weight:700!important;color:#222!important;box-shadow:0 4px 10px #0000001a!important;z-index:10!important;line-height:1;font-family:var(--font-body)}.card-glass-rating .golden-star{color:gold!important;font-size:13px!important;margin-bottom:1px;line-height:1}.card-glass-rating .rating-count{color:#555!important;font-weight:600!important}.demo-grid-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:0}.demo-grid-price{font-family:var(--font-price, "Mukta", sans-serif)!important;font-style:normal!important;font-weight:500!important;font-size:max(14px,.9375rem);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--color-text-dark)}.demo-grid-price-strike{font-family:var(--font-price, "Mukta", sans-serif);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-decoration:line-through;opacity:.65}.demo-grid-atc{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:10px 14px;width:100%;background:var(--color-gold);color:var(--color-burgundy);border:1px solid var(--color-gold);border-radius:999px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:.75rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .24s var(--ease),border-color .24s var(--ease),color .24s var(--ease),transform .24s var(--ease)}.demo-grid-atc:hover,.demo-grid-atc:focus-visible{background:var(--color-burgundy);color:var(--color-gold-bright);border-color:var(--color-burgundy);outline:none}.demo-grid-atc:active{transform:scale(.98)}.demo-grid-atc svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.demo-grid-discount{font-family:var(--font-body);font-size:.6875rem;font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-burgundy-deep);letter-spacing:.04em}@media(min-width:768px){.demo-grid-section{padding:70px 24px 80px}.demo-grid-header{margin-bottom:36px}.demo-grid-title{font-size:36px}.demo-grid-subtitle{font-size:13px}.demo-grid{grid-template-columns:repeat(3,1fr);gap:16px}.demo-grid-body{padding:14px 14px 18px;gap:4px}.demo-grid-brand{font-size:11px}.demo-grid-name{font-size:14px;min-height:42px}.demo-grid-price{font-size:max(14px,.9375rem)}.demo-grid-price-strike{font-size:13px}.demo-grid-badges{top:12px;left:12px;gap:8px}.demo-grid-badge{font-size:10px;padding:5px 11px}.demo-grid-wishlist{top:12px;right:12px;width:38px;height:38px}.demo-grid-atc{font-size:.8125rem;padding:11px 16px}}@media(min-width:1024px){.demo-grid-section{padding:90px 24px 100px}.demo-grid-header{margin-bottom:44px}.demo-grid-title{font-size:42px}.demo-grid-subtitle{font-size:14px;letter-spacing:3px}.demo-grid{grid-template-columns:repeat(4,1fr);gap:24px}.demo-grid-body{padding:16px 16px 22px;gap:4px}.demo-grid-brand{font-size:11px}.demo-grid-name{font-size:16px;min-height:48px}.demo-grid-price{font-size:max(14px,.9375rem)}.demo-grid-price-strike{font-size:14px}.demo-grid-discount{font-size:12px}.demo-grid-atc{font-size:.875rem;padding:12px 18px}}@media(prefers-reduced-motion:reduce){.demo-grid-card,.demo-grid-image img,.demo-grid-wishlist,.demo-grid-atc{transition:none!important}.demo-grid-card:hover,.demo-grid-atc:active{transform:none}}.demo-grid-empty{grid-column:1 / -1;padding:64px 16px;text-align:center;font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-muted);background:var(--color-cream-warm);border:1px solid var(--color-gold-pale);border-radius:12px}.demo-grid-card .demo-grid-video{width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:11px;border-radius:999px;margin-bottom:6px;white-space:nowrap;line-height:1;background-color:var(--color-cream);border:1px solid var(--color-gold);color:var(--color-burgundy);font-family:var(--font-body);cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.demo-grid-card .demo-grid-video:hover{background-color:var(--color-cream-warm);border-color:var(--color-gold-bright);transform:translateY(-1px)}.demo-grid-card .demo-grid-video__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;color:#e63946}.demo-grid-card .demo-grid-video__icon svg{display:block;width:12px;height:12px;fill:currentColor}.demo-grid-card .demo-grid-video__title{font-weight:var(--weight-semibold);font-size:11px;line-height:1;letter-spacing:.04em;color:var(--color-burgundy)}.demo-grid-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 96px;background-color:#14080e00;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color .58s cubic-bezier(.32,.72,0,1),-webkit-backdrop-filter .58s cubic-bezier(.32,.72,0,1),backdrop-filter .58s cubic-bezier(.32,.72,0,1)}.demo-grid-video-modal.is-open{display:flex;background-color:#14080ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .65s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .65s cubic-bezier(.16,1,.3,1),backdrop-filter .65s cubic-bezier(.16,1,.3,1)}.demo-grid-video-modal.is-closing{display:flex;pointer-events:none}.video-modal-container{position:relative;width:100%;max-width:380px;aspect-ratio:9 / 16;max-height:calc(100vh - 112px);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -20px #0000008c;opacity:0;transform:scale(.72) translate3d(0,15px,0);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.demo-grid-video-modal.is-open .video-modal-container{opacity:1;transform:scale(1) translateZ(0)}.demo-grid-video-modal.is-closing .video-modal-container{opacity:0;transform:scale(.75);transition:opacity .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1)}.demo-grid-video-modal.is-morphing .video-modal-container{transform-origin:center center;transform:translate3d(var(--morph-x, 0px),var(--morph-y, 0px),0) scale(var(--morph-scale-x, .22),var(--morph-scale-y, .12));border-radius:999px;opacity:.35;will-change:transform,border-radius,opacity;transition:transform .58s cubic-bezier(.32,.72,0,1),border-radius .58s cubic-bezier(.32,.72,0,1),opacity .48s cubic-bezier(.4,0,1,1)}.demo-grid-video-modal.is-morphing.is-open .video-modal-container{transform:translateZ(0) scale(1);border-radius:18px;opacity:1;transition:transform .78s cubic-bezier(.16,1,.3,1),border-radius .78s cubic-bezier(.16,1,.3,1),opacity .32s ease-out}.demo-grid-video-modal.is-morphing.is-closing .video-modal-container{transform:translate3d(var(--morph-x, 0px),var(--morph-y, 0px),0) scale(var(--morph-scale-x, .22),var(--morph-scale-y, .12));border-radius:999px;opacity:.35;transition:transform .58s cubic-bezier(.32,.72,0,1),border-radius .58s cubic-bezier(.32,.72,0,1),opacity .48s cubic-bezier(.4,0,1,1)}@media(prefers-reduced-motion:reduce){.demo-grid-video-modal,.video-modal-container,.demo-grid-video-modal__cta,.demo-grid-video-modal.is-morphing .video-modal-container,.demo-grid-video-modal.is-morphing.is-open .video-modal-container,.demo-grid-video-modal.is-morphing.is-closing .video-modal-container{animation:none!important;transition:none!important}}.pdp-custom-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1}.video-modal__close{position:absolute;top:12px;right:12px;z-index:6;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:#00000073;color:var(--color-cream);border-radius:50%;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .18s ease,transform .18s ease}.video-modal__close:hover,.video-modal__close:focus-visible{background:#000000b3;transform:scale(1.06);outline:none}.video-modal__close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.video-modal__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:84px;height:84px;border-radius:50%;background:#00000073;color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .22s ease,transform .22s ease,background-color .22s ease}.video-modal__center:hover,.video-modal__center:focus-visible{background:#000000a6;outline:none}.video-modal__center svg{width:32px;height:32px;fill:currentColor;stroke:currentColor}.video-modal__center svg.video-modal__icon-replay,.video-modal__center svg.video-modal__icon-fullscreen-enter,.video-modal__center svg.video-modal__icon-fullscreen-exit,.video-modal__center svg.video-modal__icon-mute,.video-modal__center svg.video-modal__icon-unmute{fill:none}.video-modal-container .video-modal__center{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.85)}.video-modal-container.is-playing .video-modal__center,.video-modal-container:not(.is-paused):not(.is-ended) .video-modal__center{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.85)!important}.video-modal-container.is-paused .video-modal__center,.video-modal-container.is-ended .video-modal__center{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}.video-modal-container .video-modal__icon-play{display:block}.video-modal-container .video-modal__icon-pause,.video-modal-container .video-modal__icon-replay{display:none}.video-modal-container.is-paused .video-modal__icon-play{display:block}.video-modal-container.is-paused .video-modal__icon-pause,.video-modal-container.is-paused .video-modal__icon-replay{display:none}.video-modal-container.is-ended .video-modal__icon-replay{display:block}.video-modal-container.is-ended .video-modal__icon-play,.video-modal-container.is-ended .video-modal__icon-pause{display:none}.video-modal__controls{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;padding:14px 14px 12px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.25) 60%,transparent 100%);transition:opacity .24s ease}.video-modal__controls svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.video-modal__icon-btn{background:none;border:none;color:#fff;cursor:pointer;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border-radius:50%;transition:background-color .18s ease}.video-modal__icon-btn:hover,.video-modal__icon-btn:focus-visible{background:#ffffff26;outline:none}.video-modal__progress{position:relative;flex:1;height:14px;display:flex;align-items:center;cursor:pointer}.video-modal__progress-track{position:absolute;inset:50% 0 auto 0;transform:translateY(-50%);height:3px;background:#ffffff47;border-radius:999px;pointer-events:none}.video-modal__progress-fill{position:absolute;inset:50% auto auto 0;transform:translateY(-50%);height:3px;width:0%;background:var(--color-gold);border-radius:999px;pointer-events:none;box-shadow:0 0 8px #d4af378c}.video-modal__progress-thumb{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 0 4px #d4af3740;pointer-events:none;transition:transform .16s ease}.video-modal__progress:hover .video-modal__progress-thumb,.video-modal__progress.is-dragging .video-modal__progress-thumb{transform:translate(-50%,-50%) scale(1)}.video-modal__scrubber{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.video-modal__time{font-family:var(--font-body);font-size:11px;color:#fff;font-variant-numeric:tabular-nums;min-width:78px;text-align:center;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4)}.video-modal-container .video-modal__icon-mute{display:none}.video-modal-container .video-modal__icon-unmute,.video-modal-container.is-muted .video-modal__icon-mute{display:block}.video-modal-container.is-muted .video-modal__icon-unmute{display:none}.video-modal-container .video-modal__icon-fullscreen-enter{display:block}.video-modal-container .video-modal__icon-fullscreen-exit,.video-modal-container.is-fullscreen .video-modal__icon-fullscreen-enter{display:none}.video-modal-container.is-fullscreen .video-modal__icon-fullscreen-exit{display:block}.video-modal-container.is-idle .video-modal__center,.video-modal-container.is-idle .video-modal__controls{opacity:0;pointer-events:none}.video-modal-container.is-paused.is-idle .video-modal__center,.video-modal-container.is-ended.is-idle .video-modal__center{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.video-modal-container.is-paused.is-idle .video-modal__controls,.video-modal-container.is-ended.is-idle .video-modal__controls{opacity:1;pointer-events:auto}.demo-grid-video-modal__cta{position:fixed;bottom:0;left:0;right:0;z-index:100000;display:block;padding:16px 24px;background:var(--color-burgundy);color:var(--color-cream);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;text-decoration:none;border-top:1px solid rgba(212,175,55,.3);transform:translate3d(0,110%,0);opacity:0;will-change:transform,opacity;transition:background-color .2s ease,transform .5s cubic-bezier(.32,.72,0,1),opacity .5s cubic-bezier(.32,.72,0,1)}.demo-grid-video-modal.is-open .demo-grid-video-modal__cta{transform:translateZ(0);opacity:1;transition:background-color .2s ease,transform .75s cubic-bezier(.16,1,.3,1),opacity .75s cubic-bezier(.16,1,.3,1)}.demo-grid-video-modal.is-closing .demo-grid-video-modal__cta{transform:translate3d(0,110%,0);opacity:0;transition:background-color .2s ease,transform .5s cubic-bezier(.32,.72,0,1),opacity .5s cubic-bezier(.32,.72,0,1)}.demo-grid-video-modal__cta:hover,.demo-grid-video-modal__cta:focus-visible{background:var(--color-burgundy-deep);color:var(--color-gold-bright);outline:none}html.global-modal-locked,body.global-modal-locked,body.demo-grid-video-modal-open{overflow:hidden!important;touch-action:none!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-card.css.map */
