.vf-detail-hero__grid{align-items:start}.vf-detail-gallery{min-width:0}.vf-detail-gallery__stage{isolation:isolate}.vf-detail-gallery__open{position:relative;z-index:1;display:block;width:100%;height:470px;padding:0;border:0;background:transparent;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.vf-detail-gallery__open.is-dragging{cursor:grabbing}.vf-detail-gallery__track{position:absolute;z-index:1;inset:0;display:flex;transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,.74,.24,1);will-change:transform}.vf-detail-gallery__slide{position:relative;display:grid;place-items:center;flex:0 0 100%;min-width:100%;height:100%}.vf-detail-gallery__slide img{display:block;width:auto;height:auto;max-width:calc(100% - 56px);max-height:calc(100% - 56px);object-fit:contain;pointer-events:none;opacity:0;transition:opacity .2s ease;-webkit-user-drag:none;user-select:none}.vf-detail-gallery__slide.is-loaded img{opacity:1}.vf-detail-gallery__hint{position:absolute;z-index:3;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.88);color:#10213a;font-size:12px;font-weight:750;box-shadow:0 8px 22px rgba(18,50,92,.14);backdrop-filter:blur(8px);pointer-events:none}.vf-detail-gallery__hint svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.vf-detail-gallery__arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(16,52,99,.12);border-radius:50%;background:rgba(255,255,255,.92);color:#0d2d56;font-size:30px;line-height:1;transform:translateY(-50%);box-shadow:0 8px 22px rgba(16,52,99,.12);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.vf-detail-gallery__arrow:hover{border-color:#0870f5;background:#0870f5;color:#fff}.vf-detail-gallery__arrow--prev{left:16px}.vf-detail-gallery__arrow--next{right:16px}.vf-detail-gallery__count{position:absolute;z-index:4;left:18px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(5,25,52,.82);color:#c6d2e2;font-size:11px;backdrop-filter:blur(8px)}.vf-detail-gallery__count strong{color:#fff}.vf-detail-gallery__thumbs{display:flex;gap:10px;max-width:100%;padding:3px 2px 8px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;cursor:grab;user-select:none;overscroll-behavior-inline:contain}.vf-detail-gallery__thumbs.is-dragging{cursor:grabbing;scroll-snap-type:none}.vf-detail-gallery__thumb{flex:0 0 98px;width:98px;height:68px;scroll-snap-align:center;transition:border-color .2s,box-shadow .2s,transform .2s}.vf-detail-gallery__thumb:hover{transform:translateY(-2px)}
@media(min-width:901px){.vf-detail-gallery{position:sticky;top:var(--vf-sticky-content-top,100px);align-self:start}}
.vf-media-lightbox[hidden]{display:none}.vf-media-lightbox{position:fixed;z-index:3000;inset:0;padding:18px}.vf-media-lightbox__backdrop{position:absolute;inset:0;background:rgba(1,10,24,.94);backdrop-filter:blur(10px)}.vf-media-lightbox__panel{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1440px,100%);height:calc(100vh - 36px);margin:auto;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#07162a;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.vf-media-lightbox__panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.vf-media-lightbox__panel>header>div{display:flex;align-items:center;gap:14px;color:#fff}.vf-media-lightbox__panel>header strong{font-size:15px}.vf-media-lightbox__panel>header span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:#b8c6d9;font-size:12px}.vf-media-lightbox__panel>header button{width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:27px;cursor:pointer}.vf-media-lightbox__stage{position:relative;min-height:0;background:radial-gradient(circle at 50% 50%,#173357,#07162a 72%);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.vf-media-lightbox__stage.is-dragging{cursor:grabbing}.vf-media-lightbox__track{position:absolute;inset:12px 76px;display:flex;transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,.74,.24,1);will-change:transform}.vf-media-lightbox__slide{position:relative;display:grid;place-items:center;flex:0 0 100%;min-width:100%;height:100%}.vf-media-lightbox__slide:after{content:"";position:absolute;width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:vf-gallery-spin .75s linear infinite}.vf-media-lightbox__slide.is-loaded:after{display:none}.vf-media-lightbox__slide img{display:block;max-width:100%;max-height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-user-drag:none;user-select:none}.vf-media-lightbox__slide.is-loaded img{opacity:1}.vf-media-lightbox__arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(5,20,42,.7);color:#fff;font-size:34px;transform:translateY(-50%);cursor:pointer}.vf-media-lightbox__arrow:hover{background:#0870f5}.vf-media-lightbox__arrow--prev{left:18px}.vf-media-lightbox__arrow--next{right:18px}.vf-media-lightbox__panel>footer{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);align-items:center;gap:24px;padding:12px 18px;border-top:1px solid rgba(255,255,255,.1);background:#091a30}.vf-media-lightbox__panel>footer p{margin:0;color:#c4d0df;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-media-lightbox__thumbs{display:flex;justify-content:flex-end;gap:8px;overflow-x:auto}.vf-media-lightbox__thumbs button{flex:0 0 72px;width:72px;height:48px;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:transparent;opacity:.62;cursor:pointer}.vf-media-lightbox__thumbs button.is-active{border-color:#3b94ff;opacity:1;box-shadow:0 0 0 1px #3b94ff}.vf-media-lightbox__thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}.vf-detail-actual__trigger.is-loading:after{content:"Đang tải album...";position:absolute;z-index:4;inset:0;display:grid;place-items:center;background:rgba(3,20,44,.74);color:#fff;font-size:14px;font-weight:700}@keyframes vf-gallery-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.vf-detail-gallery__open{height:390px}.vf-detail-gallery__thumb{flex-basis:88px;width:88px}.vf-media-lightbox{padding:0}.vf-media-lightbox__panel{height:100vh;border:0;border-radius:0}.vf-media-lightbox__track{inset:8px 52px}.vf-media-lightbox__panel>footer{grid-template-columns:1fr;gap:8px}.vf-media-lightbox__thumbs{justify-content:flex-start}}
@media(max-width:600px){.vf-detail-gallery__open{height:270px}.vf-detail-gallery__slide img{max-width:calc(100% - 30px);max-height:calc(100% - 30px)}.vf-detail-gallery__hint{right:10px;bottom:10px;padding:7px 9px}.vf-detail-gallery__arrow{width:36px;height:36px;font-size:25px}.vf-detail-gallery__arrow--prev{left:8px}.vf-detail-gallery__arrow--next{right:8px}.vf-detail-gallery__count{left:10px;bottom:10px}.vf-detail-gallery__thumb{flex-basis:76px;width:76px;height:54px}.vf-media-lightbox__panel>header{padding:10px 12px}.vf-media-lightbox__panel>header strong{font-size:13px}.vf-media-lightbox__track{inset:6px 40px}.vf-media-lightbox__arrow{width:38px;height:38px;font-size:27px}.vf-media-lightbox__arrow--prev{left:5px}.vf-media-lightbox__arrow--next{right:5px}.vf-media-lightbox__panel>footer{padding:9px 10px}.vf-media-lightbox__thumbs button{flex-basis:62px;width:62px;height:43px}}
@media(prefers-reduced-motion:reduce){.vf-detail-gallery__track,.vf-media-lightbox__track{transition-duration:.01ms!important}.vf-detail-gallery__slide img,.vf-detail-gallery__thumb,.vf-media-lightbox__slide img{transition:none}}

/* Keep the expanded product image on the same light backdrop as the main gallery image. */
.vf-media-lightbox__stage{background:radial-gradient(circle at 50% 55%,#fff 0,#eef4fb 70%)}
.vf-media-lightbox__slide:after{border-color:rgba(7,22,42,.16);border-top-color:#0870f5}

/* Prevent loop clones from showing in the side gutters. Keep popup images at their natural ratio. */
.vf-detail-gallery__track,.vf-media-lightbox__track{transition-duration:.26s}
.vf-media-lightbox__panel{height:calc(100dvh - 36px)}
.vf-media-lightbox__track{inset:12px 0}
.vf-media-lightbox__slide img{position:static;width:auto;height:auto;max-width:min(1120px,calc(100% - 48px));max-height:calc(100% - 32px);object-fit:contain}
@media(max-width:900px){.vf-media-lightbox__panel{height:100dvh}.vf-media-lightbox__track{inset:8px 0}}
@media(max-width:600px){.vf-media-lightbox__track{inset:6px 0}.vf-media-lightbox__slide img{max-width:calc(100% - 16px);max-height:calc(100% - 16px)}}