body.cc-cmp-pg-open{overflow:hidden}.cc-cmp-pg{position:fixed;inset:0;z-index:2147483647;display:grid;grid-template-columns:minmax(0, 1fr) 260px;grid-template-rows:auto minmax(0, 1fr) auto;grid-template-areas:"stage counter" "stage thumbs" "stage product";background:#fff;color:#434343;font-family:inherit;font-size:14px;line-height:1.5;box-sizing:border-box;opacity:0;transition:opacity .25s ease}.cc-cmp-pg *,.cc-cmp-pg *::before,.cc-cmp-pg *::after{box-sizing:inherit}.cc-cmp-pg[hidden]{display:none}.cc-cmp-pg.cc-cmp-pg-visible{opacity:1}.cc-cmp-pg::before{content:"";grid-column:2;grid-row:1 / -1;border-left:1px solid #e7e7e7;pointer-events:none}.cc-cmp-pg button{font:inherit;color:inherit}.cc-cmp-pg img{max-width:100%}@media (prefers-reduced-motion:reduce){.cc-cmp-pg{transition:none}}.cc-cmp-pg-close{position:absolute;top:1.25rem;right:1.5rem;z-index:3;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem 0 20px;border:0;border-radius:100px;background:transparent;color:#0A2232;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cc-cmp-pg-close svg{width:20px;height:20px}.cc-cmp-pg-close:hover{background:#f3f4f5}.cc-cmp-pg-close:focus-visible{outline:2px solid #0071BC;outline-offset:2px}.cc-cmp-pg-counter{grid-area:counter;height:100px;padding:.75rem 2rem;display:flex;align-items:flex-end;font-size:15px;font-weight:600}.cc-cmp-pg-stage{grid-area:stage;position:relative;min-width:0;min-height:0}.cc-cmp-pg-swiper{width:100%;height:100%}.cc-cmp-pg-swiper .swiper-slide{position:relative;display:flex;align-items:center;justify-content:center;padding:4.5rem 5.5rem 3rem}.cc-cmp-pg-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:transform .25s ease}.cc-cmp-pg-zoomed .cc-cmp-pg-image{will-change:transform}.cc-cmp-pg-slide-error .cc-cmp-pg-image{display:none}.cc-cmp-pg-error{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;color:#757575}.cc-cmp-pg-control{position:absolute;z-index:2;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #e7e7e7;border-radius:50%;background:rgba(255,255,255,0.85);color:#0A2232;cursor:pointer;transition:background .25s ease,opacity .25s ease}.cc-cmp-pg-control svg{width:22px;height:22px}.cc-cmp-pg-control:hover{background:#fff;border-color:#cbcbcb}.cc-cmp-pg-control:focus-visible{outline:2px solid #0071BC;outline-offset:2px}.cc-cmp-pg-control.swiper-button-disabled{opacity:.3;cursor:default}.cc-cmp-pg-control[hidden]{display:none}.cc-cmp-pg-prev,.cc-cmp-pg-next{top:50%;transform:translateY(-50%)}.cc-cmp-pg-prev{left:1.5rem}.cc-cmp-pg-next{right:1.5rem}.cc-cmp-pg-zoom{right:1.5rem;bottom:1.5rem}.cc-cmp-pg-video{position:relative;width:100%;max-width:960px;max-height:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;background:#000}.cc-cmp-pg-video-poster{width:100%;height:100%;object-fit:cover}.cc-cmp-pg-play{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,0.85);color:#0A2232;cursor:pointer}.cc-cmp-pg-play svg{width:32px;height:32px;margin-left:4px}.cc-cmp-pg-play:hover{background:#fff}.cc-cmp-pg-play:focus-visible{outline:2px solid #0071BC;outline-offset:2px}.cc-cmp-pg-video-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.cc-cmp-pg-video-playing .cc-cmp-pg-video-poster,.cc-cmp-pg-video-playing .cc-cmp-pg-play{visibility:hidden}.cc-cmp-pg-thumbs{grid-area:thumbs;position:relative;overflow-y:auto;overflow-x:hidden;padding:0 2rem 1rem;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;scrollbar-width:thin}.cc-cmp-pg-thumb{position:relative;flex:0 0 56px;width:56px;height:56px;padding:3px;border:1px solid #e7e7e7;border-radius:.3rem;background:#fff;cursor:pointer;overflow:hidden}.cc-cmp-pg-thumb img{display:block;width:100%;height:100%;object-fit:contain}.cc-cmp-pg-thumb:hover{border-color:#cbcbcb}.cc-cmp-pg-thumb[aria-current="true"]{border-color:#0A2232;box-shadow:inset 0 0 0 1px #0A2232}.cc-cmp-pg-thumb:focus-visible{outline:2px solid #0071BC;outline-offset:1px}.cc-cmp-pg-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,34,50,0.35);color:#fff}.cc-cmp-pg-thumb-play svg{width:22px;height:22px}.cc-cmp-pg .btn{text-decoration:none}.cc-cmp-pg-product{grid-area:product;padding:1.25rem 2rem 1.5rem;border-top:1px solid #e7e7e7;display:flex;flex-direction:column;gap:.25rem;text-align:center}.cc-cmp-pg-product p{margin:0}.cc-cmp-pg-product .cc-cmp-pg-product-buy{margin-top:20px}.cc-cmp-pg-product-name{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-cmp-pg-product-price{font-size:1.6em;font-weight:400;color:#0A2232}.cc-cmp-pg-product-price-note{font-size:13px;color:#757575}.cc-cmp-pg-detail-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:.5rem;border-radius:.3rem;color:#0A2232}.cc-cmp-pg-detail-link svg{width:20px;height:20px}.cc-cmp-pg-detail-link:focus-visible{outline:2px solid #0071BC;outline-offset:2px}.cc-cmp-pg-detail-link{display:none}@media (max-width:1024px){.cc-cmp-pg{grid-template-columns:minmax(0, 1fr);grid-template-rows:56px minmax(0, 1fr) auto;grid-template-areas:"counter" "stage" "thumbs"}.cc-cmp-pg::before{display:none}.cc-cmp-pg-counter{height:56px;padding:0 4rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e7e7e7}.cc-cmp-pg-close{top:calc((56px - 44px) / 2);right:.5rem;width:44px;padding:0;justify-content:center;background:#f3f4f5}.cc-cmp-pg-close-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cc-cmp-pg-swiper .swiper-slide{padding:1rem}.cc-cmp-pg-prev{left:.5rem}.cc-cmp-pg-next{right:.5rem}.cc-cmp-pg-zoom{right:.5rem;bottom:.5rem}.cc-cmp-pg-product{grid-area:auto;position:absolute;top:0;left:1rem;max-width:calc(50% - 3rem);height:56px;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:0;border:0;text-align:left}.cc-cmp-pg-product .cc-cmp-pg-product-name,.cc-cmp-pg-product .cc-cmp-pg-product-buy,.cc-cmp-pg-product .cc-cmp-pg-detail-link{display:none}.cc-cmp-pg-product-price{font-size:1.15em;line-height:1.2;white-space:nowrap}.cc-cmp-pg-product-price-note{font-size:12px;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-cmp-pg-thumbs{flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;height:calc(72px + env(safe-area-inset-bottom, 0));padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom, 0));border-top:1px solid #e7e7e7;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cc-cmp-pg-thumb{flex-basis:56px;width:56px;height:56px;scroll-snap-align:center}}@media (max-width:1024px) and (orientation:landscape){.cc-cmp-pg{grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:56px minmax(0, 1fr);grid-template-areas:"counter counter" "stage thumbs"}.cc-cmp-pg-thumbs{flex-direction:column;height:auto;width:calc(56px + 2rem + 1px);overflow-x:hidden;overflow-y:auto;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom, 0));border-top:0;border-left:1px solid #e7e7e7;scroll-snap-type:y mandatory}}@media (max-width:768px){.cc-cmp-pg-prev,.cc-cmp-pg-next{display:none}}