.sbpg { background: var(--sbpg-bg, #fff); font: inherit; color: #222; contain: style; direction: rtl; position: relative; } .sbpg * { box-sizing: border-box; } .sbpg button { font: inherit; } .sbpg__loading { z-index: 12; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background: #ffffffb8; place-items: center; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .sbpg.is-loading .sbpg__loading { display: grid; } .sbpg__loading span { border: 3px solid #d8dde5; border-top-color: var(--sbpg-accent, #1877f2); border-radius: 7px; width: 28px; height: 28px; animation: 0.65s linear infinite sbpg-spin; } @keyframes sbpg-spin { to { transform: rotate(360deg); } } .sbpg__tabs { scrollbar-width: none; gap: 5px; padding: 0 0 8px; display: flex; overflow: auto; } .sbpg__tabs::-webkit-scrollbar { display: none; } .sbpg__tab { white-space: nowrap; border: 1px solid var(--sbpg-border, #e5e7eb); color: #4b5563; cursor: pointer; background: #fff; border-radius: 6px; align-items: center; gap: 6px; min-height: 36px; padding: 6px 10px; display: inline-flex; } .sbpg__tab small { text-align: center; background: #f2f4f7; border-radius: 7px; min-width: 20px; padding: 1px 5px; font-size: 10px; } .sbpg__tab.is-active { border-color: var(--sbpg-accent, #1877f2); color: var(--sbpg-accent, #1877f2); background: #f5f9ff; background: color-mix(in srgb, var(--sbpg-accent, #1877f2) 6%, #fff); } .sbpg__viewer { flex-direction: column; display: flex; } .sbpg__stage { border: 1px solid var(--sbpg-border, #e5e7eb); border-radius: var(--sbpg-radius, 7px); background: var(--sbpg-bg, #fff); touch-action: pan-y; place-items: center; width: 100%; min-height: 240px; display: grid; overflow: hidden; } .sbpg__media { place-items: center; width: 100%; height: 100%; display: grid; } .sbpg__main-image, .sbpg__video-poster > img { display: block; } .sbpg[data-object-fit="cover"] .sbpg__main-image, .sbpg[data-object-fit="cover"] .sbpg__video-poster > img { object-fit: cover; } .sbpg__video-poster { cursor: pointer; background: linear-gradient(135deg, #20242b, #0c0d10); border: 0; width: 100%; height: 100%; padding: 0; position: relative; } .sbpg__play, .sbpg__thumb-play { background: #000000b8; border-radius: 7px; place-items: center; display: grid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 3px 14px #00000040; } .sbpg__play { width: 58px; height: 58px; } .sbpg__thumb-play { width: 26px; height: 26px; } .sbpg__play:before, .sbpg__thumb-play:before { content: ""; border: 7px solid #0000; border-left: 11px solid #fff; border-right: 0; margin-left: 3px; display: block; } .sbpg__thumb-play:before { border-top-width: 4px; border-bottom-width: 4px; border-left-width: 7px; } .sbpg__media iframe, .sbpg__media video { background: #000; border: 0; width: 100%; height: 100%; } .sbpg__media video { object-fit: contain; } .sbpg__arrow { z-index: 3; color: #222; cursor: pointer; background: #ffffffe6; border: 1px solid #00000014; border-radius: 5px; place-items: center; width: 34px; height: 42px; margin-top: -21px; font-size: 28px; display: grid; position: absolute; top: 50%; box-shadow: 0 2px 9px #00000014; } .sbpg__arrow--prev { right: 8px; } .sbpg__arrow--next { left: 8px; } .sbpg__counter { z-index: 3; color: #fff; direction: ltr; background: #0000009e; border-radius: 7px; padding: 4px 8px; font-size: 11px; position: absolute; bottom: 8px; right: 8px; } .sbpg__caption { justify-content: space-between; align-items: center; gap: 10px; min-height: 24px; padding: 0 2px; display: flex; } .sbpg__caption strong { font-size: 13px; font-weight: 700; } .sbpg__caption span { color: #5b6472; background: #f3f4f6; border-radius: 7px; padding: 2px 7px; font-size: 10px; } .sbpg__shortcuts { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 5px; display: grid; } .sbpg__shortcuts button { border: 1px solid var(--sbpg-border, #e5e7eb); color: #343a45; cursor: pointer; background: #fff; border-radius: 6px; justify-content: center; align-items: center; gap: 6px; min-height: 38px; padding: 6px 8px; display: flex; } .sbpg__shortcuts button:hover { border-color: var(--sbpg-accent, #1877f2); color: var(--sbpg-accent, #1877f2); } .sbpg__shortcuts small { color: #7b8490; font-size: 10px; } .sbpg__icon { width: 16px; height: 16px; display: inline-block; position: relative; } .sbpg__icon:before { place-items: center; font-size: 14px; display: grid; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .sbpg__icon--image:before { content: "▣"; } .sbpg__icon--camera:before { content: "●"; } .sbpg__icon--play:before { content: "▶"; } .sbpg__icon--users:before { content: "♟"; } .sbpg__icon--family:before { content: "◇"; } .sbpg__thumbs { scroll-snap-type: x proximity; scrollbar-width: thin; gap: 6px; padding: 1px 1px 4px; display: flex; overflow: auto; } .sbpg__thumb { flex: 0 0 var(--sbpg-thumb-size, 72px); width: var(--sbpg-thumb-size, 72px); height: var(--sbpg-thumb-size, 72px); border: 1px solid var(--sbpg-border, #e5e7eb); cursor: pointer; scroll-snap-align: start; background: #fff; border-radius: 6px; padding: 2px; position: relative; overflow: hidden; } .sbpg__thumb.is-active { border: 2px solid var(--sbpg-accent, #1877f2); padding: 1px; } .sbpg__thumb img { object-fit: cover; border-radius: 3px; width: 100%; height: 100%; display: block; } .sbpg__thumb small { color: #fff; white-space: nowrap; text-overflow: ellipsis; background: #000000a3; border-radius: 3px; padding: 1px 2px; font-size: 8px; position: absolute; bottom: 2px; left: 2px; right: 2px; overflow: hidden; } .sbpg__thumb-placeholder { background: #eef1f4; width: 100%; height: 100%; display: block; } .sbpg__device--desktop, .sbpg__device--mobile { display: block; } .sbpg-fullscreen-open { overflow: hidden !important; } @media (min-width: 992px) { .sbpg--desktop-thumbs-left .sbpg__viewer { grid-template-columns: 86px 1fr; grid-template-areas: "thumbs stage" "thumbs caption" "shortcuts shortcuts"; align-items: start; display: grid; } .sbpg--desktop-thumbs-left .sbpg__caption { grid-area: caption; } .sbpg--desktop-thumbs-left .sbpg__shortcuts { grid-area: shortcuts; } .sbpg--desktop-thumbs-left .sbpg__thumbs { flex-direction: column; grid-area: thumbs; max-height: 520px; overflow: hidden auto; } .sbpg--desktop-thumbs-none .sbpg__thumbs { display: none; } } @media (max-width: 991.98px) { .sbpg__tabs { margin-inline-start: -4px; margin-inline-end: -4px; padding-inline-start: 4px; padding-inline-end: 4px; } .sbpg__stage { min-height: 280px; } .sbpg__arrow { width: 32px; height: 38px; } .sbpg__shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sbpg--mobile-thumbs-none .sbpg__thumbs, .sbpg__device--desktop { display: none; } } @media (min-width: 992px) { .sbpg__device--mobile { display: none; } } @media (prefers-reduced-motion: reduce) { .sbpg__loading span { animation-duration: 1.5s; } .sbpg * { scroll-behavior: auto !important; } } .sbpg__stickers { z-index: 4; pointer-events: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }   .sbpg--collage-on .sbpg__stickers { display: none; } .sbpg__stickers .st_sticker_block { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .sbpg__stickers .st_sticker { pointer-events: none; }   .sbpg__stickers .overstick { display: none !important; } .sbpg button:focus-visible { outline: 2px solid var(--sbpg-accent, #1877f2); outline-offset: 2px; } .sbpg__icon:before { content: none; } .sbpg__icon { background: currentColor; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sbpg__icon--image { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm0 2v14h16V5H4Zm3 2.5A2.5 2.5 0 1 1 7 12a2.5 2.5 0 0 1 0-5Zm-2 9 3.4-3.4 2.6 2.6 3.9-4.7L19 16.5V18H5v-1.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm0 2v14h16V5H4Zm3 2.5A2.5 2.5 0 1 1 7 12a2.5 2.5 0 0 1 0-5Zm-2 9 3.4-3.4 2.6 2.6 3.9-4.7L19 16.5V18H5v-1.5Z'/%3E%3C/svg%3E"); } .sbpg__icon--camera { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.2 4 6.8 6H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-2.8l-1.4-2H8.2ZM12 8a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.2 4 6.8 6H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-2.8l-1.4-2H8.2ZM12 8a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E"); } .sbpg__icon--play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm-2 5.5v9l7-4.5-7-4.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm-2 5.5v9l7-4.5-7-4.5Z'/%3E%3C/svg%3E"); } .sbpg__icon--users { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm8 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM9 13c4.4 0 7 2.2 7 5v2H2v-2c0-2.8 2.6-5 7-5Zm8.5 0c2.9.3 4.5 1.9 4.5 4v2h-4v-1c0-1.8-.8-3.4-2.2-4.5.5-.2 1.1-.4 1.7-.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm8 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM9 13c4.4 0 7 2.2 7 5v2H2v-2c0-2.8 2.6-5 7-5Zm8.5 0c2.9.3 4.5 1.9 4.5 4v2h-4v-1c0-1.8-.8-3.4-2.2-4.5.5-.2 1.1-.4 1.7-.5Z'/%3E%3C/svg%3E"); } .sbpg__icon--family { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h12a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm4 6v10h12V9H8ZM4 5v10h2V9a2 2 0 0 1 2-2h8V5H4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h12a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm4 6v10h12V9H8ZM4 5v10h2V9a2 2 0 0 1 2-2h8V5H4Z'/%3E%3C/svg%3E"); } .sbpg__main-image { cursor: zoom-in; } .sbpg__tabs { -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; touch-action: pan-x; scroll-snap-type: x proximity; width: 100%; min-width: 0; max-width: 100%; } .sbpg__tab { scroll-snap-align: start; flex: none; } html.sbpg-fullscreen-open { overscroll-behavior: none; overflow: hidden !important; } body.sbpg-fullscreen-open { touch-action: none; width: 100%; left: 0; right: 0; position: fixed !important; overflow: hidden !important; } .sbpg__media, .sbpg__stage { background: #fff !important; } .sbpg__family-member { color: #252b35; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #d8dee7; border-radius: 6px; flex: none; align-items: center; gap: 6px; min-height: 36px; padding: 6px 10px; display: inline-flex; } .sbpg__family-member small { color: #5e6876; text-align: center; background: #eef1f5; border-radius: 7px; min-width: 20px; padding: 1px 5px; font-size: 10px; } .sbpg__family-member.is-active { border-color: var(--sbpg-accent, #1877f2); color: var(--sbpg-accent, #1877f2); background: #edf5ff; } .sbpg__family-member:disabled { opacity: 0.45; cursor: not-allowed; } .sbpg__stage { touch-action: pan-y; -webkit-user-select: none; user-select: none; } .sbpg__media { position: relative; } .sbpg.is-loading .sbpg__media:after { content: ""; z-index: 5; pointer-events: none; background: linear-gradient(100deg, #f5f6f8 20%, #fff 38%, #f5f6f8 56%) 0 0/220% 100%; animation: 1.05s linear infinite sbpgSkeleton; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @keyframes sbpgSkeleton { to { background-position: -220% 0; } } .sbpg__thumb { position: relative; } .sbpg__thumb-type { z-index: 3; color: #fff; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; background: #111827c2; border-radius: 4px; align-items: center; max-width: calc(100% - 6px); min-height: 16px; padding: 1px 4px; font-size: 8px; line-height: 1.2; display: inline-flex; position: absolute; bottom: 3px; right: 3px; overflow: hidden; } @media (max-width: 767.98px) { .sbpg__thumb-type { min-height: 14px; padding: 1px 3px; font-size: 7px; } } @media (prefers-reduced-motion: reduce) { .sbpg.is-loading .sbpg__media:after { animation: none; } } .sbpg__stage { position: relative; } .sbpg__glass-action, .sbpg__glass-action-slot { pointer-events: auto; width: 38px; height: 38px; box-shadow: none; color: #24272c; background: 0 0; border: 0; border-radius: 7px; place-items: center; transition: transform 0.16s, background-color 0.16s, color 0.16s; display: grid; position: relative; } .sbpg__glass-action + .sbpg__glass-action-slot:before, .sbpg__glass-action + .sbpg__glass-action:before, .sbpg__glass-action-slot + .sbpg__glass-action:before { content: ""; background: #0f172a1a; width: 1px; height: 20px; position: absolute; top: 9px; left: -1px; } .sbpg__glass-action-slot:hover, .sbpg__glass-action:hover { color: #111827; background: #ffffffb8; } .sbpg__glass-action-slot:focus-within { outline-offset: 1px; outline: 2px solid #2563ebb8; } .sbpg__glass-action:focus-visible { outline-offset: 1px; outline: 2px solid #2563ebb8; } .sbpg__glass-action-slot:active, .sbpg__glass-action:active { transform: scale(0.93); } .sbpg__glass-action { cursor: pointer; padding: 0; } .sbpg__glass-icon { background: currentColor; width: 19px; height: 19px; display: block; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sbpg__glass-icon--share { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 16a3 3 0 0 0-2.4 1.2L8.9 13.8a3.2 3.2 0 0 0 0-3.6l6.7-3.4A3 3 0 1 0 15 5c0 .2 0 .4.1.6L8.4 9A3 3 0 1 0 8.4 15l6.7 3.4A3 3 0 1 0 18 16Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 16a3 3 0 0 0-2.4 1.2L8.9 13.8a3.2 3.2 0 0 0 0-3.6l6.7-3.4A3 3 0 1 0 15 5c0 .2 0 .4.1.6L8.4 9A3 3 0 1 0 8.4 15l6.7 3.4A3 3 0 1 0 18 16Z'/%3E%3C/svg%3E"); } .sbpg__glass-icon--zoom { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6v2H6v4H4V4Zm10 0h6v6h-2V6h-4V4ZM4 14h2v4h4v2H4v-6Zm14 0h2v6h-6v-2h4v-4Z'/%3E%3C/svg%3E"); } .sbpg__glass-action-slot .sbsc-product-action { margin: 0 !important; display: block !important; } .sbpg__glass-action-slot .sbsc-add-button { width: 38px !important; min-width: 0 !important; height: 38px !important; box-shadow: none !important; color: #24272c !important; background: 0 0 !important; border: 0 !important; border-radius: 7px !important; place-items: center !important; margin: 0 !important; padding: 0 !important; display: grid !important; } .sbpg__glass-action-slot .sbsc-add-button:hover { background: #ffffffb8 !important; } .sbpg__glass-action-slot .sbsc-icon, .sbpg__glass-action-slot .sbsc-icon i { color: inherit !important; margin: 0 !important; font-size: 19px !important; line-height: 1 !important; } .sbpg__glass-share-popover { pointer-events: auto; -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%); background: #ffffffeb; border: 1px solid #ffffffdb; border-radius: 7px; flex-direction: column; gap: 4px; min-width: 46px; padding: 6px; display: flex; position: absolute; top: 52px; box-shadow: 0 14px 32px #0f172a2b; } .sbpg__glass-share-popover[hidden] { display: none !important; } .sbpg__glass-share-popover .social_share_block { flex-direction: column !important; align-items: center !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; display: flex !important; } .sbpg__glass-share-popover .social_share_item { transition: background-color 0.15s, transform 0.15s; background: 0 0 !important; border-radius: 7px !important; place-items: center !important; width: 34px !important; height: 34px !important; margin: 0 !important; display: grid !important; } .sbpg__glass-share-popover .social_share_item:hover { background: #0f172a12 !important; } .sbpg__glass-share-popover .social_share_item:active { transform: scale(0.93); } .sbpg__stage > .sbpg__stickers { z-index: 20; } @media (max-width: 767px) { .sbpg__glass-action, .sbpg__glass-action-slot { border-radius: 7px; width: 36px; height: 36px; } .sbpg__glass-action-slot .sbsc-add-button { border-radius: 7px !important; width: 36px !important; height: 36px !important; } .sbpg__glass-icon { width: 18px; height: 18px; } .sbpg__glass-share-popover { top: 48px; } .sbpg__glass-action + .sbpg__glass-action-slot:before, .sbpg__glass-action + .sbpg__glass-action:before, .sbpg__glass-action-slot + .sbpg__glass-action:before { height: 20px; top: 8px; } } @media (prefers-reduced-motion: reduce) { .sbpg__glass-action, .sbpg__glass-action-slot, .sbpg__glass-share-popover .social_share_item { transition: none; } } .sbpg__glass-share-popover { left: auto !important; right: 0 !important; } .sbpg__stage { aspect-ratio: 1 !important; } .sbpg__media { overflow: hidden !important; } .sbpg__main-image, .sbpg__video-poster > img { object-fit: contain !important; object-position: center !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; } [data-sbpg-family-color="0"] { --sbpg-family-color: #2563eb; } [data-sbpg-family-color="1"] { --sbpg-family-color: #7c3aed; } [data-sbpg-family-color="2"] { --sbpg-family-color: #db2777; } [data-sbpg-family-color="3"] { --sbpg-family-color: #ea580c; } [data-sbpg-family-color="4"] { --sbpg-family-color: #059669; } [data-sbpg-family-color="5"] { --sbpg-family-color: #0891b2; } [data-sbpg-family-color="6"] { --sbpg-family-color: #4f46e5; } [data-sbpg-family-color="7"] { --sbpg-family-color: #b45309; } .sbpg__family-thumb-label { background: var(--sbpg-family-color, #2563eb); color: #fff; text-align: center; white-space: normal; overflow-wrap: anywhere; direction: rtl; border-radius: 4px 4px 2px 2px; justify-content: center; align-items: center; width: 100%; min-width: 0; padding: 3px 5px; font-size: 9px; font-weight: 700; line-height: 1.25; display: flex; overflow: hidden; } .sbpg__thumb--family { background: #fff; grid-template-rows: 28px minmax(0, 1fr); gap: 2px; border-color: color-mix( in srgb, var(--sbpg-family-color, #2563eb) 45%, #d8dee7 ) !important; flex-basis: 112px !important; width: 112px !important; height: 96px !important; padding: 2px !important; display: grid !important; } .sbpg__thumb--family.is-active { border: 2px solid var(--sbpg-family-color, #2563eb) !important; padding: 1px !important; } .sbpg__thumb--family > .sbpg__thumb-placeholder, .sbpg__thumb--family > img { background: #fff; border-radius: 3px; min-height: 0; object-fit: contain !important; width: 100% !important; height: 100% !important; } @media (max-width: 991.98px) { .sbpg__thumb--family { grid-template-rows: 26px minmax(0, 1fr); flex-basis: 104px !important; width: 104px !important; height: 90px !important; } } .sbpg__media.sbpg-media-enter > * { will-change: opacity, transform; animation-duration: 0.32s; animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); animation-fill-mode: both; } .sbpg__media.sbpg-media-enter--next > * { animation-name: sbpgMediaEnterNext; } .sbpg__media.sbpg-media-enter--prev > * { animation-name: sbpgMediaEnterPrev; } .sbpg__media.sbpg-media-enter--fade > * { animation-name: sbpgMediaEnterFade; } @keyframes sbpgMediaEnterNext { 0% { opacity: 0.2; transform: translate(-18px) scale(0.992); } to { opacity: 1; transform: translate(0, 0) scale(1); } } @keyframes sbpgMediaEnterPrev { 0% { opacity: 0.2; transform: translate(18px) scale(0.992); } to { opacity: 1; transform: translate(0, 0) scale(1); } } @keyframes sbpgMediaEnterFade { 0% { opacity: 0.22; transform: scale(0.994); } to { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .sbpg__media.sbpg-media-enter > * { animation: none !important; } } .sbpg__video-poster--audio { color: #10233f; background: radial-gradient(circle at 20% 15%, #3b82f62e, #0000 34%), radial-gradient(circle at 82% 88%, #10b98126, #0000 34%), linear-gradient(145deg, #f8fbff, #edf4ff 58%, #f5fffb); place-items: center; display: grid; overflow: hidden; } .sbpg__video-poster--audio > img { filter: saturate(0.92); } .sbpg__audio-poster { text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 14px; width: min(88%, 560px); min-height: 220px; padding: 28px 22px; display: flex; } .sbpg__audio-poster strong { color: #10233f; overflow-wrap: anywhere; max-width: 100%; font-size: clamp(16px, 2.8vw, 24px); font-weight: 800; line-height: 1.6; } .sbpg__audio-player-icon, .sbpg__audio-poster-icon { color: #fff; background: linear-gradient(145deg, #2563eb, #0f766e); border-radius: 7px; place-items: center; width: 82px; height: 82px; display: grid; position: relative; box-shadow: 0 18px 40px #2563eb3d; } .sbpg__audio-player-icon:before, .sbpg__audio-poster-icon:before { content: "♫"; font: 800 42px/1 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; } .sbpg__audio-wave { justify-content: center; align-items: center; gap: 5px; height: 34px; display: flex; } .sbpg__audio-wave i { background: linear-gradient(#2563eb, #0f766e); border-radius: 7px; width: 4px; height: 12px; animation: 1.05s ease-in-out infinite alternate sbpgAudioWave; display: block; } .sbpg__audio-wave i:nth-child(2n) { height: 24px; animation-delay: -0.25s; } .sbpg__audio-wave i:nth-child(3n) { height: 32px; animation-delay: -0.5s; } .sbpg__audio-wave i:nth-child(4n) { height: 18px; animation-delay: -0.7s; } @keyframes sbpgAudioWave { to { opacity: 0.62; transform: scaleY(0.45); } } .sbpg__thumb-play--audio:before { color: #fff; font: 800 14px/1 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; content: "♫" !important; border: 0 !important; margin: 0 !important; } .sbpg__thumb-placeholder--audio { place-items: center; position: relative; background: linear-gradient(145deg, #dbeafe, #d1fae5) !important; display: grid !important; } .sbpg__thumb-placeholder--audio:before { content: "♫"; color: #174b7a; font: 800 24px/1 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; } .sbpg__audio-player-shell { color: #10233f; background: radial-gradient(circle at 15% 10%, #3b82f624, #0000 34%), radial-gradient(circle at 90% 90%, #10b9811f, #0000 36%), linear-gradient(145deg, #fff, #f2f7ff); border: 1px solid #2563eb29; border-radius: 7px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; width: min(92%, 680px); max-height: calc(100% - 20px); padding: clamp(18px, 4vw, 34px); display: flex; box-shadow: 0 22px 55px #0f233f21; } .sbpg__audio-player-cover { aspect-ratio: 1; object-fit: cover; border-radius: 7px; width: min(220px, 42vw); display: block; box-shadow: 0 15px 38px #0f233f2e; } .sbpg__audio-player-title { color: #10233f; text-align: center; overflow-wrap: anywhere; max-width: 100%; font-size: clamp(16px, 2.6vw, 23px); font-weight: 800; line-height: 1.6; } .sbpg__audio-player { width: min(100%, 560px); height: 54px; display: block; } @media (max-width: 767.98px) { .sbpg__audio-poster { min-height: 180px; padding: 22px 16px; } .sbpg__audio-player-icon, .sbpg__audio-poster-icon { border-radius: 7px; width: 66px; height: 66px; } .sbpg__audio-player-icon:before, .sbpg__audio-poster-icon:before { font-size: 34px; } .sbpg__audio-player-shell { border-radius: 7px; width: calc(100% - 24px); padding: 22px 14px; } .sbpg__audio-player-cover { width: min(180px, 46vw); } } @media (prefers-reduced-motion: reduce) { .sbpg__audio-wave i { animation: none; } } .sbpg__video-poster--rich { position: relative; overflow: hidden; } .sbpg__video-poster--rich > img { filter: saturate(0.96) contrast(1.02); width: 100%; height: 100%; } .sbpg__audio-poster--fallback { background: radial-gradient(circle at 20% 20%, #2563eb73, #0000 36%), radial-gradient(circle at 80% 20%, #10b98138, #0000 28%), linear-gradient(135deg, #121826, #05070c); flex-direction: column; justify-content: center; align-items: center; gap: 14px; padding: 24px; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .sbpg__rich-poster-scrim { background: linear-gradient( #03060c1f 0, #03060c42 28%, #03060cad 70%, #03060ceb 100% ); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .sbpg__rich-poster-copy { color: #fff; text-align: right; direction: rtl; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 18px 20px; display: flex; position: absolute; bottom: 0; left: 0; right: 0; } .sbpg__rich-poster-badge { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: #ffffff24; border: 1px solid #ffffff2e; border-radius: 7px; align-items: center; gap: 6px; padding: 6px 10px; font-size: 12px; font-weight: 800; line-height: 1; display: inline-flex; } .sbpg__rich-poster-title { text-shadow: 0 2px 10px #00000040; max-width: min(92%, 720px); font-size: clamp(18px, 2.2vw, 28px); font-weight: 900; line-height: 1.45; display: block; } .sbpg__rich-poster-desc { color: #ffffffe0; max-width: min(92%, 760px); font-size: 13px; line-height: 1.8; display: block; } .sbpg__rich-poster-cta { color: #fff; background: linear-gradient(135deg, #2563eb, #0ea5e9); border-radius: 7px; align-items: center; gap: 10px; padding: 11px 16px 11px 14px; font-size: 13px; font-weight: 800; line-height: 1; display: inline-flex; box-shadow: 0 12px 30px #2563eb5c; } .sbpg__rich-poster-cta-icon { background: #ffffff29; border-radius: 7px; justify-content: center; align-items: center; width: 34px; height: 34px; display: inline-flex; position: relative; } .sbpg__rich-poster-cta-icon:before { content: ""; border-top: 7px solid #0000; border-bottom: 7px solid #0000; border-left: 12px solid #fff; margin-right: -2px; display: block; } .sbpg__rich-poster-cta-label { white-space: nowrap; } .sbpg__video-poster--rich .sbpg__play { display: none !important; } .sbpg__video-poster--video .sbpg__rich-poster-badge { background: #dc262638; } .sbpg__video-poster--audio .sbpg__rich-poster-badge { background: #0596693d; } .sbpg__video-poster--audio .sbpg__rich-poster-cta { background: linear-gradient(135deg, #059669, #10b981); box-shadow: 0 12px 30px #10b9814d; } .sbpg__video-poster--audio .sbpg__rich-poster-cta-icon:before { border-top-width: 5px; border-bottom-width: 5px; border-left-width: 10px; margin-right: -1px; } @media (max-width: 767.98px) { .sbpg__rich-poster-copy { gap: 8px; padding: 14px 14px 16px; } .sbpg__rich-poster-title { max-width: 100%; font-size: 17px; line-height: 1.55; } .sbpg__rich-poster-desc { max-width: 100%; font-size: 12px; line-height: 1.7; } .sbpg__rich-poster-cta { padding: 10px 14px 10px 12px; font-size: 12px; } .sbpg__rich-poster-cta-icon { width: 30px; height: 30px; } .sbpg__audio-poster--fallback { padding: 18px; } } .sbpg__noscript-gallery { border: 1px solid var(--sbpg-border, #e5e7eb); direction: rtl; background: #fff; border-radius: 7px; margin: 18px 0; padding: 16px; } .sbpg__noscript-gallery h2, .sbpg__noscript-gallery h3 { margin: 0 0 12px; } .sbpg__noscript-gallery ul { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin: 0 0 18px; padding: 0; list-style: none; display: grid; } .sbpg__noscript-gallery a { color: inherit; flex-direction: column; gap: 7px; text-decoration: none; display: flex; } .sbpg__noscript-gallery img { aspect-ratio: 1; object-fit: contain; background: #fff; border: 1px solid #eef1f4; border-radius: 7px; width: 100%; height: auto; display: block; } .sbpg__video-poster--rich { isolation: isolate; background: #0c1118 !important; } .sbpg__rich-poster-bg { z-index: 0; filter: blur(18px) saturate(0.92) brightness(0.72); opacity: 0.88; pointer-events: none; background-position: 50%; background-size: cover; position: absolute; top: -18px; bottom: -18px; left: -18px; right: -18px; transform: scale(1.06); } .sbpg__video-poster--rich > img { z-index: 1; position: relative; object-fit: contain !important; object-position: center top !important; background: 0 0 !important; transform: none !important; } .sbpg__rich-poster-scrim { z-index: 2; } .sbpg__rich-poster-copy { z-index: 3; } @media (max-width: 767.98px) { .sbpg__video-poster--rich > img { object-position: center top !important; } } .sbpg__glass-action-slot--pricehistory .sbph-trigger { width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; box-shadow: none !important; color: #24272c !important; background: 0 0 !important; border: 0 !important; border-radius: 7px !important; place-items: center !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 1 !important; display: grid !important; } .sbpg__glass-action-slot--pricehistory .sbph-trigger:hover { background: #ffffffb8 !important; } .sbpg__glass-action-slot--pricehistory .sbph-trigger:active { transform: scale(0.93); } .sbpg__glass-action-slot--pricehistory .sbph-trigger svg { width: 19px !important; height: 19px !important; color: inherit !important; margin: 0 !important; display: block !important; } .sbpg__glass-action-slot--pricehistory .sbph-trigger-label { clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; position: absolute !important; overflow: hidden !important; } @media (max-width: 767px) { .sbpg__glass-action-slot--pricehistory .sbph-trigger { border-radius: 7px !important; width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; } .sbpg__glass-action-slot--pricehistory .sbph-trigger svg { width: 18px !important; height: 18px !important; } } .sbpg__viewer { gap: 5px; } .sbpg__media { padding: 5px !important; } .sbpg__media-fullscreen { z-index: 31; color: #252a31; -webkit-backdrop-filter: blur(14px) saturate(145%); backdrop-filter: blur(14px) saturate(145%); cursor: pointer; background: #ffffffc7; border: 1px solid #ffffffdb; border-radius: 7px; place-items: center; width: 36px; height: 36px; padding: 0; transition: transform 0.14s, background-color 0.14s; display: grid; position: absolute; top: 12px; right: 12px; box-shadow: 0 6px 18px #0f172a1a; } .sbpg__media-fullscreen:hover { background: #fffffff0; } .sbpg__media-fullscreen:active { transform: scale(0.94); } .sbpg__media-fullscreen:focus-visible { outline-offset: 2px; outline: 2px solid #2563ebb3; } .sbpg__media-fullscreen .sbpg__glass-icon { width: 18px; height: 18px; } .sbpg__product-actions { z-index: 30; box-sizing: border-box; direction: rtl; } .sbpg__product-action-item[hidden], .sbpg__product-actions[hidden] { display: none !important; } .sbpg__product-action-item { color: #252a31; justify-content: center; align-items: center; min-width: 0; display: flex; position: relative; } .sbpg__product-action-label { white-space: nowrap; pointer-events: auto; cursor: pointer; font-size: 11px; font-weight: 700; line-height: 1; } .sbpg__product-actions .sbpg__glass-action-slot { flex: none; } .sbpg__product-actions .sbsc-add-button { font-size: 0 !important; } .sbpg__product-actions .sbsc-icon, .sbpg__product-actions .sbsc-icon i { font-size: 18px !important; } @media (max-width: 767.98px) { .sbpg__viewer { gap: 4px; } .sbpg__media { padding: 3px !important; } .sbpg__media-fullscreen { border-radius: 7px; width: 34px; height: 34px; top: 10px; right: 10px; } .sbpg__media-fullscreen .sbpg__glass-icon { width: 17px; height: 17px; } } @media (prefers-reduced-motion: reduce) { .sbpg__media-fullscreen, .sbpg__product-actions * { transition: none !important; } } body:has(.sbpg) .sbsc-product-action:not([data-sbpg-integrated]) { opacity: 0 !important; pointer-events: none !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } body:has([data-sbpg-pricehistory-slot]) .sbph-hook-displayProductRightColumn[data-sbph-trigger]:not( [data-sbpg-integrated] ) { opacity: 0 !important; pointer-events: none !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } body:has(.sbpg) [data-sbpg-compare-source]:not([data-sbpg-integrated]) { opacity: 0 !important; pointer-events: none !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } body:has([data-sbpg-pricehistory-slot]) [data-sbpg-pricehistory-source]:not([data-sbpg-integrated]) { opacity: 0 !important; pointer-events: none !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } html.sbpg-action-prepaint .sbsc-product-action:not([data-sbpg-integrated]), html.sbpg-action-prepaint .social_share_block:not([data-sbpg-integrated]), html.sbpg-action-prepaint [data-sbpg-compare-source]:not([data-sbpg-integrated]), html.sbpg-action-prepaint [data-sbpg-share-source]:not([data-sbpg-integrated]), html.sbpg-action-prepaint [data-stsocial-native-share-source]:not([data-sbpg-integrated]) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; clip-path: inset(50%) !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } .sbpg__product-action-label { cursor: pointer; -webkit-user-select: none; user-select: none; } .sbpg__product-action-item { cursor: pointer; } .sbpg__glass-icon--share:before { content: ""; font-family: inherit; } .sbpg__glass-action-slot--favorites .sbfav-product-action { vertical-align: middle !important; margin: 0 !important; display: flex !important; } .sbpg__glass-action-slot--favorites .sbfav-btn { box-shadow: none !important; color: #24272c !important; background: 0 0 !important; border: 0 !important; place-items: center !important; margin: 0 !important; padding: 0 !important; display: grid !important; } .sbpg__glass-action-slot--favorites .sbfav-btn span { font-size: 24px !important; line-height: 1 !important; } .sbpg__glass-action-slot--favorites .sbfav-btn.is-active, .sbpg__glass-action-slot--favorites .sbfav-btn:hover { color: #e34b4b !important; background: #fff7f7db !important; } body:has(.sbpg) .sbfav-product-action[data-sbpg-favorites-source]:not( [data-sbpg-integrated] ) { opacity: 0 !important; pointer-events: none !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } html.sbpg-action-prepaint .sbfav-product-action[data-sbpg-favorites-source]:not( [data-sbpg-integrated] ) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; clip-path: inset(50%) !important; width: 1px !important; min-width: 0 !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; overflow: hidden !important; } @media (max-width: 767.98px) { .sbpg__glass-action-slot--favorites .sbfav-btn span { font-size: 22px !important; } } .sbpg__rich-poster-cta--center { z-index: 6 !important; white-space: nowrap !important; gap: 8px !important; margin: 0 !important; padding: 10px 15px !important; position: absolute !important; top: 50% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } .sbpg__video-poster--rich .sbpg__rich-poster-copy { pointer-events: none !important; } .sbpg__video-poster--rich .sbpg__rich-poster-desc { display: none !important; } @media (max-width: 767.98px) { .sbpg__rich-poster-cta--center { padding: 9px 12px !important; font-size: 11.5px !important; } .sbpg__rich-poster-cta--center .sbpg__rich-poster-cta-icon { width: 30px !important; height: 30px !important; } } html body .sbpg .sbpg__product-actions, html body .sbpg .sbpg__shortcut-card, html body .sbpg .sbpg__shortcut-card img, html body .sbpg .sbpg__shortcut-more-dots, html body .sbpg .sbpg__stage { border-radius: 7px !important; } html body:not(#_) .sbpg__glass-action-slot .sbsc-add-button { background: 0 0 !important; border: 0 !important; box-shadow: none !important; } html body:not(#_) .sbpg__glass-action-slot .sbsc-add-button:hover { background: #ffffffb8 !important; border: 0 !important; color: #24272c !important; } .sbpg:has(.sbpg__media :is(video, iframe)) .sbpg__arrow { display: none !important; } .sbpg--shortcuts-cards5 .sbpg__shortcuts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; width: 100%; margin-top: 9px; overflow: visible; padding: 0; } .sbpg--shortcuts-cards5 .sbpg__shortcut-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 78px; padding: 7px 4px; border: 1px solid var(--sbpg-border, #e5e7eb); border-radius: 7px; background: #fff; color: #2d3440; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04); cursor: pointer; text-align: center; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .sbpg--shortcuts-cards5 .sbpg__shortcut-card:focus-visible, .sbpg--shortcuts-cards5 .sbpg__shortcut-card:hover { border-color: var(--sbpg-accent, #1877f2); box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08); transform: translateY(-1px); outline: 0; } .sbpg--shortcuts-cards5 .sbpg__shortcut-icon { flex: 0 0 25px; width: 25px; height: 25px; color: var(--sbpg-accent, #1877f2); } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy { display: flex; align-items: center; justify-content: center; gap: 3px; width: 100%; min-width: 0; line-height: 1.15; } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy b { min-width: 0; color: #343b47; font-weight: 600; overflow-wrap: anywhere; -webkit-box-orient: vertical; } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy small { flex: 0 0 auto; min-width: 15px; padding: 1px 4px; border-radius: 7px; background: #f0f3f7; color: #697382; font-size: 8px; line-height: 1.35; text-align: center; } .sbpg--shortcuts-cards5 .sbpg__shortcut-card--preview { padding: 6px 3px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-preview-images { display: flex; align-items: center; justify-content: center; gap: 2px; width: 100%; height: 27px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-preview-images img { display: block; width: 22px; height: 27px; border: 1px solid #e2e6eb; border-radius: 4px; background: #fff; object-fit: contain; } @media (max-width: 767.98px) { .sbpg--shortcuts-cards5 .sbpg__shortcuts { gap: 4px; margin-top: 8px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-card { min-height: 68px; padding: 5px 2px; border-radius: 7px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-icon { flex-basis: 22px; width: 22px; height: 22px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy { gap: 2px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy b { font-size: clamp(7.5px, 2.2vw, 9.5px); } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy small { min-width: 13px; padding: 1px 3px; font-size: 7px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-preview-images { height: 23px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-preview-images img { width: 18px; height: 23px; border-radius: 3px; } } @media (max-width: 370px) { .sbpg--shortcuts-cards5 .sbpg__shortcuts { gap: 3px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-card { min-height: 64px; padding-inline: 1px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy b { font-size: 7.5px; } } .sbpg--shortcuts-cards5 .sbpg__shortcut-copy b { display: block !important; overflow: visible !important; text-overflow: clip !important; -webkit-line-clamp: unset !important; line-clamp: unset !important; white-space: normal !important; font-size: 9px !important; line-height: 1.25 !important; } @media (max-width: 767.98px) { .sbpg--shortcuts-cards5 .sbpg__shortcut-copy b { font-size: clamp(7px, 2vw, 8.8px) !important; } } .sbpg--shortcuts-cards5 .sbpg__shortcut-card--image { position: relative; isolation: isolate; overflow: hidden; padding: 4px; background: #f7f8fa; } .sbpg--shortcuts-cards5 .sbpg__shortcut-card--image > img { display: block; width: 100%; height: 100%; min-height: 68px; border-radius: 6px; background: #fff; object-fit: contain; object-position: center; } @media (max-width: 767.98px) { .sbpg--shortcuts-cards5 .sbpg__shortcut-card--image > img { min-height: 58px; border-radius: 5px; } }   .sbpg--shortcuts-cards5 .sbpg__shortcut-card--more { min-height: 78px; color: var(--sbpg-accent, #1877f2); background: #e8f1fe; border-color: #a9c9fb; box-shadow: none; } .sbpg--shortcuts-cards5 .sbpg__shortcut-more-dots { display: grid; place-items: center; width: 34px; height: 26px; border-radius: 7px; background: #fff; color: inherit; font: 800 18px/1 sans-serif; letter-spacing: 2px; } .sbpg--shortcuts-cards5 .sbpg__shortcut-more-label { color: #0b4fb3; font-size: 10px; font-weight: 700; line-height: 1.2; } @media (max-width: 767.98px) { .sbpg--shortcuts-cards5 .sbpg__shortcut-card--more { min-height: 68px; } } .sbpg { --sb-accent: var(--sbpg-accent, #1877f2); --sb-ink: #111827; --sb-ink-2: #374151; --sb-mute: #6b7280; --sb-line: #e6e8ec; --sb-line-2: #d7dbe2; --sb-surface: #fff; --sb-soft: #f5f6f8; --sb-soft-2: #eef0f3; --sb-accent-soft: #e8f1fe; --sb-accent-line: #a9c9fb; --sb-accent-ink: #0b4fb3; --sb-r-lg: 7px; --sb-r-md: 7px; --sb-r-sm: 7px; --sb-shadow-1: 0 1px 2px #1018280f, 0 1px 3px #1018280a; --sb-shadow-2: 0 8px 24px -8px #1018282e, 0 2px 6px #1018280f; --sb-ease: cubic-bezier(0.22, 0.8, 0.3, 1); color: var(--sb-ink); isolation: isolate; -webkit-tap-highlight-color: transparent; max-width: 100%; } @supports (color: color-mix(in srgb, red, blue)) { .sbpg { --sb-accent-soft: color-mix(in srgb, var(--sb-accent) 9%, #fff); --sb-accent-line: color-mix(in srgb, var(--sb-accent) 38%, #fff); --sb-accent-ink: color-mix(in srgb, var(--sb-accent) 78%, #000); } } .sbpg :-webkit-any(button, a) { -webkit-tap-highlight-color: transparent; } .sbpg :is(button, a) { -webkit-tap-highlight-color: transparent; } .sbpg button { font-family: inherit; } .sbpg :-webkit-any(button, [role="button"]):focus-visible { outline: 2px solid var(--sb-accent) !important; outline-offset: 2px !important; } .sbpg :is(button, [role="button"]):focus-visible { outline: 2px solid var(--sb-accent) !important; outline-offset: 2px !important; } .sbpg button:focus:not(:focus-visible) { outline: 0; } .sbpg .sbpg__tabs { scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; gap: 6px !important; margin: 0 !important; padding: 2px 1px 12px !important; } .sbpg .sbpg__tabs::-webkit-scrollbar { display: none; } .sbpg .sbpg__tab { white-space: nowrap; cursor: pointer; flex: none; justify-content: center; align-items: center; margin: 0; line-height: 1.3; position: relative; border: 1px solid var(--sb-line) !important; border-radius: var(--sb-r-md) !important; background: var(--sb-surface) !important; min-height: 42px !important; color: var(--sb-ink-2) !important; box-shadow: none !important; transition: background-color 0.18s var(--sb-ease), border-color 0.18s var(--sb-ease), color 0.18s var(--sb-ease), box-shadow 0.18s var(--sb-ease) !important; gap: 8px !important; padding: 8px 14px !important; font-size: 13px !important; font-weight: 600 !important; display: inline-flex !important; } .sbpg .sbpg__tab:hover { border-color: var(--sb-line-2) !important; background: var(--sb-soft) !important; color: var(--sb-ink) !important; } .sbpg .sbpg__tab.is-active, .sbpg .sbpg__tab[aria-selected="true"] { border-color: var(--sb-accent-line) !important; background: var(--sb-accent-soft) !important; color: var(--sb-accent-ink) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--sb-accent) 10%, transparent) !important; } .sbpg .sbpg__tab small { font-variant-numeric: tabular-nums; place-items: center; min-width: 22px; height: 22px; line-height: 1; display: inline-grid; background: var(--sb-soft-2) !important; color: var(--sb-mute) !important; border-radius: 7px !important; padding: 0 6px !important; font-size: 11px !important; font-weight: 700 !important; } .sbpg .sbpg__tab.is-active small { background: var(--sb-accent) !important; color: #fff !important; } .sbpg .sbpg__tab .sbpg__icon { flex: none; width: 18px; height: 18px; } .sbpg .sbpg__stage { position: relative; overflow: hidden; border: 1px solid var(--sb-line) !important; border-radius: var(--sb-r-lg) !important; background: var(--sbpg-bg, #fff) !important; box-shadow: var(--sb-shadow-1) !important; } .sbpg .sbpg__stage:hover { border-color: var(--sb-line-2) !important; } .sbpg .sbpg__main-image { object-position: center; border-radius: 0 !important; } .sbpg .sbpg__media-fullscreen { -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%); justify-content: center; align-items: center; gap: 6px; width: 38px !important; height: 38px !important; color: var(--sb-ink) !important; box-shadow: var(--sb-shadow-1) !important; transition: transform 0.18s var(--sb-ease), background-color 0.18s, box-shadow 0.18s !important; background: #ffffffeb !important; border: 1px solid #11182714 !important; border-radius: 7px !important; padding: 0 !important; display: inline-flex !important; } .sbpg .sbpg__media-fullscreen:hover { transform: translateY(-1px); box-shadow: var(--sb-shadow-2) !important; background: #fff !important; } .sbpg .sbpg__media-fullscreen:active { transform: scale(0.94); } .sbpg .sbpg__media-fullscreen-label { display: none !important; } .sbpg .sbpg__media-fullscreen .sbpg__glass-icon { flex: none; width: 18px !important; height: 18px !important; } .sbpg .sbpg__arrow { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); place-items: center; line-height: 0; width: 42px !important; height: 42px !important; color: var(--sb-ink) !important; box-shadow: var(--sb-shadow-2) !important; transition: transform 0.18s var(--sb-ease), opacity 0.18s, background-color 0.18s !important; background: #fffffff0 !important; border: 1px solid #11182714 !important; border-radius: 7px !important; margin-top: -21px !important; padding: 0 !important; font-size: 0 !important; display: grid !important; } .sbpg .sbpg__arrow:before { content: ""; width: 18px; height: 18px; -webkit-mask: var(--sb-chev) center/contain no-repeat; -webkit-mask: var(--sb-chev) center/contain no-repeat; mask: var(--sb-chev) center/contain no-repeat; background: currentColor; } .sbpg .sbpg__arrow--prev { --sb-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5.5l6.5 6.5L9 18.5'/%3E%3C/svg%3E"); left: auto !important; right: 12px !important; } .sbpg .sbpg__arrow--next { --sb-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5.5L8.5 12 15 18.5'/%3E%3C/svg%3E"); left: 12px !important; right: auto !important; } .sbpg .sbpg__arrow:hover { transform: scale(1.07); background: #fff !important; } .sbpg .sbpg__arrow:active { transform: scale(0.94); } @media (hover: hover) and (min-width: 992px) { .sbpg .sbpg__arrow { opacity: 0; } .sbpg .sbpg__stage:hover .sbpg__arrow { opacity: 1; } .sbpg .sbpg__arrow:focus-visible { opacity: 1; } } .sbpg .sbpg__counter { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); letter-spacing: 0.3px; font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; color: #fff !important; box-shadow: none !important; background: #111827b8 !important; border-radius: 7px !important; padding: 4px 11px !important; font-size: 12px !important; font-weight: 600 !important; } .sbpg .sbpg__caption { min-width: 0; color: var(--sb-ink); gap: 8px; padding: 2px 2px 0; } .sbpg .sbpg__caption strong { color: var(--sb-ink-2); font-size: 13px; font-weight: 600; line-height: 1.7; } .sbpg .sbpg__caption span { color: var(--sb-mute); font-size: 12px; } .sbpg .sbpg__thumbs { scrollbar-width: thin; scrollbar-color: var(--sb-line-2) transparent; overscroll-behavior-x: contain; gap: 8px !important; } .sbpg .sbpg__thumb { flex-shrink: 0; padding: 0; position: relative; overflow: hidden; border-radius: var(--sb-r-md) !important; background: var(--sb-soft) !important; box-shadow: inset 0 0 0 1px var(--sb-line) !important; transition: border-color 0.18s var(--sb-ease), box-shadow 0.18s var(--sb-ease), transform 0.18s var(--sb-ease), opacity 0.18s !important; border: 2px solid #0000 !important; } .sbpg .sbpg__thumb img { object-fit: cover; display: block; border-radius: calc(var(--sb-r-md) - 3px) !important; } .sbpg .sbpg__thumb:hover { transform: translateY(-1px); box-shadow: inset 0 0 0 1px var(--sb-line-2), var(--sb-shadow-1) !important; } .sbpg .sbpg__thumb.is-active { border-color: var(--sb-accent) !important; background: var(--sb-surface) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--sb-accent) 14%, transparent) !important; } .sbpg .sbpg__thumb:not(.is-active) { opacity: 0.92; } .sbpg .sbpg__thumb:not(.is-active):hover { opacity: 1; } .sbpg .sbpg__thumb-type { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); line-height: 1.6; color: #fff !important; background: #111827ad !important; border-radius: 6px !important; padding: 1px 6px !important; font-size: 10px !important; font-weight: 600 !important; } .sbpg .sbpg__family-thumb-label { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-weight: 600; color: var(--sb-ink-2) !important; background: #fffffff0 !important; border-radius: 6px !important; } .sbpg .sbpg__shortcuts { gap: 8px !important; } .sbpg .sbpg__shortcut-card { cursor: pointer; border: 1px solid var(--sb-line) !important; border-radius: var(--sb-r-md) !important; background: var(--sb-surface) !important; color: var(--sb-ink-2) !important; box-shadow: none !important; transition: border-color 0.18s var(--sb-ease), background-color 0.18s, box-shadow 0.18s, transform 0.18s var(--sb-ease) !important; } .sbpg .sbpg__shortcut-card:hover { transform: translateY(-1px); border-color: var(--sb-accent-line) !important; background: var(--sb-accent-soft) !important; box-shadow: var(--sb-shadow-1) !important; } .sbpg .sbpg__shortcut-copy b { color: inherit; font-weight: 600; } .sbpg .sbpg__shortcut-copy small { font-weight: 700; background: var(--sb-soft-2) !important; color: var(--sb-mute) !important; border-radius: 7px !important; } .sbpg .sbpg__shortcut-card--image { overflow: hidden; padding: 0 !important; } .sbpg .sbpg__shortcut-card--image img { object-fit: cover; border-radius: inherit !important; } .sbpg .sbpg__product-action-item { transition: background-color 0.18s, color 0.18s !important; } .sbpg .sbpg__product-action-item:hover { background: var(--sb-soft) !important; } .sbpg .sbpg__product-action-label { font-weight: 600; } .sbpg .sbpg__glass-share-popover { border: 1px solid var(--sb-line) !important; border-radius: var(--sb-r-md) !important; background: var(--sb-surface) !important; box-shadow: var(--sb-shadow-2) !important; } .sbpg .sbpg__video-poster { overflow: hidden; border-radius: 0 !important; } .sbpg .sbpg__video-poster > img { transition: transform 0.5s var(--sb-ease); } .sbpg .sbpg__video-poster:hover > img { transform: scale(1.025); } .sbpg .sbpg__play { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform 0.2s var(--sb-ease) !important; box-shadow: 0 10px 30px #00000047 !important; } .sbpg .sbpg__video-poster:hover .sbpg__play { transform: translate(-50%, -50%) scale(1.08); } .sbpg .sbpg__loading { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: var(--sb-r-lg) !important; background: #ffffffb3 !important; } @media (max-width: 767.98px) { .sbpg { --sb-r-lg: 7px; --sb-r-md: 7px; } .sbpg .sbpg__tabs { gap: 6px !important; padding-bottom: 10px !important; } .sbpg .sbpg__tab { min-height: 40px !important; padding: 7px 12px !important; font-size: 12px !important; } .sbpg .sbpg__stage { box-shadow: none !important; } .sbpg .sbpg__arrow { width: 36px !important; height: 36px !important; margin-top: -18px !important; } .sbpg .sbpg__arrow:before { width: 16px; height: 16px; } .sbpg .sbpg__arrow--prev { right: 8px !important; } .sbpg .sbpg__arrow--next { left: 8px !important; } .sbpg .sbpg__media-fullscreen { min-width: 38px; width: auto !important; padding: 0 11px !important; } .sbpg .sbpg__media-fullscreen-label { white-space: nowrap; font-size: 12px; font-weight: 600; line-height: 1; display: inline !important; } .sbpg .sbpg__thumb-type { padding: 0 5px !important; font-size: 9px !important; } .sbpg .sbpg__shortcuts, .sbpg .sbpg__thumbs { gap: 6px !important; } } @media (hover: none) { .sbpg .sbpg__arrow:hover, .sbpg .sbpg__media-fullscreen:hover, .sbpg .sbpg__shortcut-card:hover, .sbpg .sbpg__thumb:hover { transform: none; } } @media (prefers-reduced-motion: reduce) { .sbpg *, .sbpg :after, .sbpg :before { transition: none !important; animation: none !important; } } .sbpg__fullscreen:not(.is-open) { display: none !important; } .sbpg .sbpg__stage { aspect-ratio: var(--sbpg-stage-ratio, 1/1) !important; } .sbpg__sr-only { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } .sbpg__sr-only img { width: 320px; height: auto; } html body .sbpg.sbpg--tidy-text .sbpg__thumb-type:not(.sbpg__thumb-type--video) { display: none !important; } html body .sbpg.sbpg--tidy-text .sbpg__thumb-type { font-size: 10px !important; line-height: 1.2 !important; padding: 1px 5px !important; } html body .sbpg.sbpg--tidy-text [data-sbpg-title] { font-size: 13px !important; line-height: 1.5 !important; font-weight: 600 !important; } @media (max-width: 767.98px) {   html body .sbpg .sbpg__stage { box-sizing: content-box !important; width: auto !important; max-width: 100%; padding-bottom: var(--sbpg-extra-h, 0px) !important; aspect-ratio: var(--sbpg-stage-ratio-m, 1/1) !important; min-height: calc(280px * var(--sbpg-m-h, 1)) !important; position: relative; } html body .sbpg .sbpg__stage > .sbpg__media { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); } html body .sbpg .sbpg__viewer { gap: calc(4px * var(--sbpg-m-h, 1)); } html body .sbpg .sbpg__thumb { flex-basis: calc(var(--sbpg-thumb-size, 72px) * var(--sbpg-m-h, 1)); width: calc(var(--sbpg-thumb-size, 72px) * var(--sbpg-m-h, 1)); height: calc(var(--sbpg-thumb-size, 72px) * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcuts { margin-top: calc(8px * var(--sbpg-m-h, 1)); gap: calc(4px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-card { min-height: calc(68px * var(--sbpg-m-h, 1)); padding: calc(5px * var(--sbpg-m-h, 1)) 2px; gap: calc(5px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-icon { flex-basis: calc(22px * var(--sbpg-m-h, 1)); width: calc(22px * var(--sbpg-m-h, 1)); height: calc(22px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-card--image > img { min-height: calc(58px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-card--more { min-height: calc(68px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-more-dots { width: calc(36px * var(--sbpg-m-h, 1)); height: calc(28px * var(--sbpg-m-h, 1)); font-size: calc(17px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-preview-images { height: calc(23px * var(--sbpg-m-h, 1)); } html body .sbpg.sbpg--shortcuts-cards5 .sbpg__shortcut-preview-images img { width: calc(18px * var(--sbpg-m-h, 1)); height: calc(23px * var(--sbpg-m-h, 1)); } html body .sbpg:not(.sbpg--shortcuts-cards5) .sbpg__shortcut-card, html body .sbpg:not(.sbpg--shortcuts-cards5) .sbpg__shortcuts button { min-height: calc(38px * var(--sbpg-m-h, 1)); } } .sbpg__peek { display: none; }   .sbpg__dots:not([hidden]) { display: flex; justify-content: center; align-items: center; gap: var(--sbpg-dot-gap, 6px); margin: 8px 0 0; direction: rtl; } .sbpg__dot { position: relative; flex-shrink:0; width: var(--sbpg-dot-size, 8px); height: var(--sbpg-dot-size, 8px); min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 6px; background: #cdd3db; cursor: pointer; transition: width 0.25s ease, background-color 0.2s; touch-action: manipulation; } .sbpg__dot::before { content: ""; position: absolute; inset: -10px 0; } .sbpg__dot.is-active { width: var(--sbpg-dot-active, 30px); background: var(--sbpg-accent, #1877f2); } .sbpg__dot.is-edge { width: var(--sbpg-dot-edge, 5px); height: var(--sbpg-dot-edge, 5px); } .sbpg__dot { transition: width 0.25s ease, background-color 0.2s, transform 0.2s; } .sbpg--dots-inside .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: rgba(255, 255, 255, 0.78); box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.22); } .sbpg--dots-inside .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9); } @media (max-width: 767.98px) { .sbpg__stage.has-peek > .sbpg__peek:not([hidden]) { display: block; position: absolute; top: 0; bottom: 0; width: var(--sbpg-peek-w, 0); margin: 0; padding: 0; border: 0; background: #f3f4f6; overflow: hidden; z-index: 3; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } .sbpg__peek--left { left: 0; border-top-right-radius: 7px !important; border-bottom-right-radius: 7px !important; } .sbpg__peek--right { right: 0; border-top-left-radius: 7px !important; border-bottom-left-radius: 7px !important; } .sbpg__peek img { position: absolute; top: 0; height: 100%; width: auto; max-width: none; object-fit: cover; opacity: 0.9; } .sbpg__peek--left img { right: 0; } .sbpg__peek--right img { left: 0; } } .sbpg--dots-left .sbpg__dots:not([hidden]) { justify-content: flex-end; padding: 0 10px; } .sbpg--dots-right .sbpg__dots:not([hidden]) { justify-content: flex-start; padding: 0 10px; } .sbpg--dots-inside .sbpg__stage > .sbpg__dots:not([hidden]) { position: absolute; bottom: 10px; left: calc(var(--sbpg-pad, 8px) + 12px); right: calc(var(--sbpg-pad, 8px) + 12px); margin: 0; padding: 0; z-index: 6; pointer-events: none; justify-content: flex-end; } .sbpg--dots-inside.sbpg--dots-center .sbpg__stage > .sbpg__dots:not([hidden]) { justify-content: center; } .sbpg--dots-inside.sbpg--dots-right .sbpg__stage > .sbpg__dots:not([hidden]) { justify-content: flex-start; } .sbpg--dots-inside .sbpg__stage > .sbpg__dots .sbpg__dot { pointer-events: auto; } .sbpg--dots-inside .sbpg__stage:has(> .sbpg__dots:not([hidden])) .sbpg__counter, .sbpg--dots-inside .sbpg__viewer:has(.sbpg__dots:not([hidden])) .sbpg__counter { display: none !important; } html body:not(#_) .sbpg .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); box-sizing: border-box !important; padding: var(--sbpg-pad, 8px) var(--sbpg-pad, 8px) calc(var(--sbpg-pad, 8px) + var(--sbpg-reserve, 0px)) !important; } @media (max-width: 767px) { html body:not(#_) .sbpg .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { padding: var(--sbpg-pad, 8px) var(--sbpg-pad, 8px) calc(var(--sbpg-pad, 8px) + var(--sbpg-reserve, 0px) * var(--sbpg-m-h, 1)) !important; } } @media (orientation: landscape) and (max-height: 600px) and (max-width: 1100px) { html body:not(#_) .sbpg.sbpg--landscape-fit .sbpg__stage { box-sizing: border-box !important; padding-bottom: 0 !important; aspect-ratio: auto !important; min-height: 0 !important; height: calc(100vh - 96px) !important; height: calc(100svh - 96px) !important; } html body:not(#_) .sbpg.sbpg--landscape-fit .sbpg__stage > .sbpg__media { min-height: 0 !important; } html body:not(#_) .sbpg-ls-row { display: flex !important; flex-flow: row nowrap !important; align-items: flex-start !important; } html body:not(#_) .sbpg-ls-row > .sbpg-ls-main { flex: 0 0 var(--sbpg-ls-w, 46%) !important; width: var(--sbpg-ls-w, 46%) !important; max-width: var(--sbpg-ls-w, 46%) !important; position: sticky; top: 8px; align-self: flex-start; } html body:not(#_) .sbpg-ls-row > .sbpg-ls-side { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; } }   .sbpg__dots--many:not([hidden]) { gap: 2px; padding-inline: 12px; } .sbpg__dots--xmany:not([hidden]) { gap: 1px; } .sbpg__dots--many .sbpg__dot { flex: 1 1 0; width: auto; min-width: 2px; max-width: 8px; height: 4px; } .sbpg__dots--many .sbpg__dot.is-active { flex: 0 0 14px; width: 14px; height: 6px; } .sbpg__dots--many .sbpg__dot::before { inset: -12px 0; } .sbpg__dots--xmany .sbpg__dot { min-width: 1px; }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions { --a-accent: var(--sb-accent, #1877f2); --a-accent-soft: var(--sb-accent-soft, #e8f1fe); --a-accent-line: var(--sb-accent-line, #a9c9fb); --a-ink: #1f2937; --a-line: var(--sb-line, #e6e8ec); --a-heart: #e5242b; --a-ic: 17px; --a-slot: 20px; --a-pad: 5px; --a-label: 11px; --ic-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3C/g%3E%3Cpath d='M8.6 13.5l6.8 4M15.4 6.5l-6.8 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); --ic-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ic-heart-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ic-price: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 12.5l2.5-2.5 2 2 3-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ic-compare: url("/img/cms/compare3.svg"); direction: rtl; box-sizing: border-box; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item{ position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; color: var(--a-ink); cursor: pointer; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item--pricehistory{ color: var(--a-accent); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-label{ font-size: var(--a-label); font-weight: 600; line-height: 1.3; white-space: nowrap; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot[hidden]{ display: none; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action--share, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot{ position: relative; display: block; flex: none; width: var(--a-slot); height: var(--a-slot); margin: 0; padding: 0; color: inherit; background: 0 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot::after{ content: ""; position: absolute; inset: 0; z-index: 1; margin: auto; width: var(--a-ic); height: var(--a-ic); pointer-events: none; background: currentColor; -webkit-mask: var(--ic) center/contain no-repeat; mask: var(--ic) center/contain no-repeat; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--compare{ --ic: var(--ic-compare); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--favorites{ --ic: var(--ic-heart); color: var(--a-heart); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--pricehistory{ --ic: var(--ic-price); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--favorites:has(.sbfav-btn.is-active)::after{ -webkit-mask-image: var(--ic-heart-fill); mask-image: var(--ic-heart-fill); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--compare:has( :is(.is-active, .is-added, .active, [aria-pressed="true"]) ) { color: var(--a-accent); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot :is(.sbsc-add-button, .sbfav-btn, .sbph-trigger) { position: absolute !important; inset: 0 !important; z-index: 2; display: block !important; width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: inherit !important; background: 0 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot :is(.sbsc-add-button, .sbfav-btn, .sbph-trigger) > *, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot :is( .sbsc-product-action, .sbfav-product-action, .sbsc-add-button, .sbfav-btn, .sbph-trigger ), html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot > * { opacity: 0 !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot :is(.sbsc-add-button, .sbfav-btn, .sbph-trigger)::after, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot :is(.sbsc-add-button, .sbfav-btn, .sbph-trigger)::before { opacity: 0 !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot :is(img, svg) { width: 0 !important; height: 0 !important; min-width: 0 !important; max-width: 0 !important; opacity: 0 !important; visibility: hidden !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action--share{ z-index: 2; cursor: pointer; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--share{ width: var(--a-ic); height: var(--a-ic); margin: auto; -webkit-mask-image: var(--ic-share); mask-image: var(--ic-share); }   html body:not(#_):not(#_):not(#_) .sbpg { --d7-s: 1; --d7-h: 38px; --d7-b: 34px; --sbpg-rail-w: 44px; } .sbpg__stage-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; } .sbpg__stage-shell > .sbpg__stage { grid-area: 1 / 1; min-width: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stage-shell > .sbpg__product-actions { grid-area: 1 / 1; min-width: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions { --a-ic: calc(17px * var(--d7-s)); --a-slot: calc(20px * var(--d7-s)); --d7-fg: var(--sbpg-dock-fg, #fff); --d7-fg-rgb: var(--sbpg-dock-fg-rgb, 255, 255, 255); --d7-line: rgba(var(--d7-fg-rgb), 0.16); --d7-hover: rgba(var(--d7-fg-rgb), 0.14); --ic-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5.5' r='2.7'/%3E%3Ccircle cx='6' cy='12' r='2.7'/%3E%3Ccircle cx='18' cy='18.5' r='2.7'/%3E%3Cpath d='M8.4 10.7l7.2-3.9M8.4 13.3l7.2 3.9'/%3E%3C/svg%3E"); --ic-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.2 4.6 13C2.5 11 2.4 7.9 4.3 6.1a4.6 4.6 0 0 1 6.6.1L12 7.3l1.1-1.1a4.6 4.6 0 0 1 6.6-.1c1.9 1.8 1.8 4.9-.3 6.9Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E"); --ic-heart-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.2 4.6 13C2.5 11 2.4 7.9 4.3 6.1a4.6 4.6 0 0 1 6.6.1L12 7.3l1.1-1.1a4.6 4.6 0 0 1 6.6-.1c1.9 1.8 1.8 4.9-.3 6.9Z' fill='black' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E"); --ic-price: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4v16.5h17'/%3E%3Cpath d='M7.5 15l3.6-4.2 3 2.6 5-6.3'/%3E%3Cpath d='M16 7.1h3.2v3.2'/%3E%3C/svg%3E"); --d7-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9.5l6 6 6-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --d7-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.4'/%3E%3Cpath d='M12 7.7v.1' stroke-width='2.2'/%3E%3C/svg%3E"); --d7-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); position: relative; z-index: 40; display: flex; flex-direction: row; align-items: center; gap: 2px; width: auto; max-width: 100%; height: calc(var(--d7-h) * var(--d7-s)); margin: 0; padding: 0 4px; color: var(--d7-fg); background: rgba(var(--sbpg-dock-rgb, 17, 24, 39), 0.88); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); border: 1px solid var(--d7-line); border-radius: 7px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions[hidden] { display: none !important; }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item { flex: 0 1 calc(var(--sbpg-row-tool-size, var(--d7-b)) * var(--d7-s)); min-width: 20px; width: calc(var(--sbpg-row-tool-size, var(--d7-b)) * var(--d7-s)); height: calc(var(--d7-b) * var(--d7-s)); padding: 0; gap: 0; color: var(--d7-fg); background: 0 0; border-radius: 6px; transition: background-color 0.15s; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item[hidden] { display: none !important; } @media (hover: hover) and (pointer: fine) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item:hover, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-toggle:hover, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-btn:hover { background: var(--d7-hover) !important; } } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item--pricehistory, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--favorites, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--pricehistory { color: var(--d7-fg); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--favorites:has(.sbfav-btn.is-active) { color: var(--sbpg-dock-heart, #ff6b73); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action-slot--compare:has(:is(.is-active, .is-added, .active, [aria-pressed="true"])) { color: var(--sbpg-dock-active, #7db4ff); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions :is(.sbsc-add-button, .sbfav-btn, .sbph-trigger) { color: inherit !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-label { position: absolute; bottom: calc(100% + 10px); left: 50%; z-index: 3; padding: 5px 8px !important; border: 0 !important; color: #fff !important; font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap; background: rgba(17, 24, 39, 0.94); border-radius: 6px; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 4px); transition: opacity 0.14s, transform 0.14s, visibility 0.14s; clip: auto !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; } @media (hover: hover) and (pointer: fine) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item:hover .sbpg__product-action-label, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item:focus-within .sbpg__product-action-label { opacity: 1; visibility: visible; transform: translate(-50%, 0); } } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item--share:has(.sbpg__glass-share-popover:not([hidden])) .sbpg__product-action-label { display: none; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--dock-tight .sbpg__dock-toggle-text { display:none; }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-toggle, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-btn { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: calc(var(--d7-b) * var(--d7-s)); min-width: calc(var(--sbpg-row-tool-size, var(--d7-b)) * var(--d7-s)); margin: 0; padding: 0 8px; color: var(--d7-fg); font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; background: 0 0; border: 0; border-radius: 6px; box-shadow: none; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background-color 0.15s; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-btn { padding: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-chev, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gicon { display: block; flex: none; width: calc(14px * var(--d7-s)); height: calc(14px * var(--d7-s)); background: currentColor; -webkit-mask: var(--d7-chev) center/contain no-repeat; mask: var(--d7-chev) center/contain no-repeat; transition: transform 0.18s; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gicon { width: calc(18px * var(--d7-s)); height: calc(18px * var(--d7-s)); -webkit-mask-image: var(--d7-info); mask-image: var(--d7-info); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-sep { flex: none; width: 1px; height: 18px; margin: 0 3px; background: var(--d7-line); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-btn[aria-expanded="true"] { background: var(--d7-hover); }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide { position: absolute; z-index: 5; width: min(272px, calc(100vw - 40px)); max-height: min(60vh, 300px); overflow: auto; overscroll-behavior: contain; padding: 4px 12px 8px; color: #fff; text-align: right; background: rgba(17, 24, 39, 0.98); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 7px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34); animation: sbpgDockIn 0.16s ease-out; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide[hidden] { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-head strong { font-size: 12.5px; font-weight: 700; line-height: 1.4; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-close { display: grid; place-items: center; width: 28px; height: 28px; margin: 0; padding: 0; color: #fff; background: 0 0; border: 0; border-radius: 6px; cursor: pointer; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-close::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--d7-close) center/contain no-repeat; mask: var(--d7-close) center/contain no-repeat; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row + .sbpg__dock-guide-row { border-top: 1px solid rgba(255, 255, 255, 0.08); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row[hidden] { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gi { flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ic) center/contain no-repeat; mask: var(--ic) center/contain no-repeat; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gi--compare { --ic: var(--ic-compare); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gi--favorites { --ic: var(--ic-heart); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gi--pricehistory { --ic: var(--ic-price); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-gi--share { --ic: var(--ic-share); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row b { display: block; font-size: 12px; font-weight: 700; line-height: 1.5; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row span:not(.sbpg__dock-gi) { display: block; color: rgba(255, 255, 255, 0.66); font-size: 11px; font-weight: 400; line-height: 1.6; }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-share-popover { top: auto !important; bottom: calc(100% + 10px) !important; left: auto !important; right: -6px !important; width: max-content; color: #1f2937; flex-direction: row; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-share-popover .social_share_block { flex-direction: row !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__product-actions .sbpg__glass-share-popover { left: -6px !important; right: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions :is(button, .sbpg__product-action-item):focus-visible { outline: 2px solid var(--sbpg-dock-active, #7db4ff); outline-offset: -2px; } @keyframes sbpgDockIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }   @media (min-width: 768px) {   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage-shell > .sbpg__product-actions { align-self: end; justify-self: start; margin: 0 1px 1px; border-bottom: 0; border-radius: 7px 7px 0 0 !important; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { justify-self: end; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__product-actions .sbpg__dock-guide { bottom: calc(100% + 8px); right: 0; left: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below.sbpg--tools-left .sbpg__product-actions .sbpg__dock-guide { left: 0; right: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { padding-bottom: calc(var(--sbpg-pad, 8px) + max(var(--sbpg-reserve, 0px), var(--sbpg-dock-reserve, 0px)) ) !important; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots:not([hidden]) { bottom: calc(var(--sbpg-dock-reserve, 0px) + 12px); }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage-shell > .sbpg__product-actions { align-self: start; justify-self: start; margin: 1px 1px 0; border-top: 0; border-radius: 0 0 7px 7px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { justify-self: end; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__dock-guide { top: calc(100% + 8px); bottom: auto; right: 0; left: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above.sbpg--tools-left .sbpg__product-actions .sbpg__dock-guide { left: 0; right: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__glass-share-popover { top: calc(100% + 10px) !important; bottom: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__product-action-label { top: calc(100% + 10px); bottom: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above:not(.sbpg--tools-left) .sbpg__media-fullscreen { top: calc(var(--d7-h) * var(--d7-s) + 10px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { padding-top: calc(var(--sbpg-pad, 8px) + var(--sbpg-dock-reserve, 0px) ) !important; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below:has(.sbpg__media :is(video, iframe)) .sbpg__product-actions, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above:has(.sbpg__media :is(video, iframe)) .sbpg__product-actions { opacity: 0; pointer-events: none; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage-shell { grid-template-columns: calc(var(--sbpg-rail-w) * var(--d7-s)) minmax(0, 1fr); column-gap: 6px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__stage-shell { grid-template-columns: minmax(0, 1fr) calc(var(--sbpg-rail-w) * var(--d7-s)); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage-shell > .sbpg__stage { grid-area: 1 / 2; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__stage-shell > .sbpg__stage { grid-area: 1 / 1; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage-shell > .sbpg__product-actions { grid-area: 1 / 1; align-self: start; flex-direction: column; justify-content: flex-start; width: 100%; height: auto; padding: 4px 0; gap: 2px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { grid-area: 1 / 2; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-toggle { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-sep { width: 18px; height: 1px; margin: 2px 0; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-toggle + .sbpg__dock-sep { display: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide { top: 0; bottom: auto; right: calc(100% + 8px); left: auto; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide { padding: 3px 10px 4px; max-height: none; overflow: visible; width: min(244px, calc(100vw - var(--sbpg-rail-w, 44px) - 36px)); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide-head { display: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide-row { box-sizing: border-box; height: calc(var(--d7-b) * var(--d7-s)); padding: 0; gap: 8px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide-row + .sbpg__dock-guide-row { border-top: 0; margin-top: 2px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide-row b { font-size: 11.5px; line-height: 1.3; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-guide-row span:not(.sbpg__dock-gi) { font-size: 10px; line-height: 1.3; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-guide { left: calc(100% + 8px); right: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__glass-share-popover { top: 0 !important; bottom: auto !important; right: calc(100% + 8px) !important; left: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__product-actions .sbpg__glass-share-popover { left: calc(100% + 8px) !important; right: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__product-action-label { top: 50%; bottom: auto; left: auto; right: calc(100% + 8px); transform: translate(4px, -50%); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__product-actions .sbpg__product-action-label { right: auto; left: calc(100% + 8px); transform: translate(-4px, -50%); } } @media (min-width: 768px) and (hover: hover) and (pointer: fine) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__product-action-item:hover .sbpg__product-action-label, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__product-action-item:focus-within .sbpg__product-action-label { transform: translate(0, -50%); } }   @media (min-width: 768px) { html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-d-side) .sbpg__product-actions--collapsible .sbpg__product-action-item, html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-d-side) .sbpg__product-actions--collapsible .sbpg__dock-sep, html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-d-side) .sbpg__product-actions--collapsible .sbpg__dock-guide-btn, html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-d-side) .sbpg__product-actions--collapsible .sbpg__dock-guide { display: none !important; } html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-d-side) .sbpg__dock-chev { transform: rotate(180deg); } } @media (max-width: 767.98px) {   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage-shell > .sbpg__product-actions { align-self: end; justify-self: start; margin: 0 1px 1px; border-bottom: 0; border-radius: 7px 7px 0 0 !important; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { justify-self: end; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__product-actions .sbpg__dock-guide { bottom: calc(100% + 8px); right: 0; left: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below.sbpg--tools-left .sbpg__product-actions .sbpg__dock-guide { left: 0; right: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { padding-bottom: calc(var(--sbpg-pad, 8px) + max(var(--sbpg-reserve, 0px), var(--sbpg-dock-reserve, 0px)) * var(--sbpg-m-h, 1)) !important; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots:not([hidden]) { bottom: calc(var(--sbpg-dock-reserve, 0px) * var(--sbpg-m-h, 1) + 12px); }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage-shell > .sbpg__product-actions { align-self: start; justify-self: start; margin: 1px 1px 0; border-top: 0; border-radius: 0 0 7px 7px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { justify-self: end; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__dock-guide { top: calc(100% + 8px); bottom: auto; right: 0; left: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above.sbpg--tools-left .sbpg__product-actions .sbpg__dock-guide { left: 0; right: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__glass-share-popover { top: calc(100% + 10px) !important; bottom: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__product-action-label { top: calc(100% + 10px); bottom: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above:not(.sbpg--tools-left) .sbpg__media-fullscreen { top: calc(var(--d7-h) * var(--d7-s) + 10px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { padding-top: calc(var(--sbpg-pad, 8px) + var(--sbpg-dock-reserve, 0px) * var(--sbpg-m-h, 1)) !important; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below:has(.sbpg__media :is(video, iframe)) .sbpg__product-actions, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above:has(.sbpg__media :is(video, iframe)) .sbpg__product-actions { opacity: 0; pointer-events: none; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage-shell { grid-template-columns: calc(var(--sbpg-rail-w) * var(--d7-s)) minmax(0, 1fr); column-gap: 6px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__stage-shell { grid-template-columns: minmax(0, 1fr) calc(var(--sbpg-rail-w) * var(--d7-s)); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage-shell > .sbpg__stage { grid-area: 1 / 2; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__stage-shell > .sbpg__stage { grid-area: 1 / 1; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage-shell > .sbpg__product-actions { grid-area: 1 / 1; align-self: start; flex-direction: column; justify-content: flex-start; width: 100%; height: auto; padding: 4px 0; gap: 2px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { grid-area: 1 / 2; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-toggle { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-sep { width: 18px; height: 1px; margin: 2px 0; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-toggle + .sbpg__dock-sep { display: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide { top: 0; bottom: auto; right: calc(100% + 8px); left: auto; }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide { padding: 3px 10px 4px; max-height: none; overflow: visible; width: min(244px, calc(100vw - var(--sbpg-rail-w, 44px) - 36px)); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide-head { display: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide-row { box-sizing: border-box; height: calc(var(--d7-b) * var(--d7-s)); padding: 0; gap: 8px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide-row + .sbpg__dock-guide-row { border-top: 0; margin-top: 2px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide-row b { font-size: 11.5px; line-height: 1.3; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-guide-row span:not(.sbpg__dock-gi) { font-size: 10px; line-height: 1.3; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-guide { left: calc(100% + 8px); right: auto; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__glass-share-popover { top: 0 !important; bottom: auto !important; right: calc(100% + 8px) !important; left: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__product-actions .sbpg__glass-share-popover { left: calc(100% + 8px) !important; right: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__product-action-label { top: 50%; bottom: auto; left: auto; right: calc(100% + 8px); transform: translate(4px, -50%); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__product-actions .sbpg__product-action-label { right: auto; left: calc(100% + 8px); transform: translate(-4px, -50%); } } @media (max-width: 767.98px) and (hover: hover) and (pointer: fine) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__product-action-item:hover .sbpg__product-action-label, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__product-action-item:focus-within .sbpg__product-action-label { transform: translate(0, -50%); } }   @media (max-width: 767.98px) { html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-m-side) .sbpg__product-actions--collapsible .sbpg__product-action-item, html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-m-side) .sbpg__product-actions--collapsible .sbpg__dock-sep, html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-m-side) .sbpg__product-actions--collapsible .sbpg__dock-guide-btn, html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-m-side) .sbpg__product-actions--collapsible .sbpg__dock-guide { display: none !important; } html[data-sbpg-dock="closed"] body:not(#_):not(#_):not(#_) .sbpg:not(.sbpg--tp-m-side) .sbpg__dock-chev { transform: rotate(180deg); } }   @media (min-width: 1600px) { html body:not(#_):not(#_):not(#_) .sbpg { --d7-s: 1.1; } } @media (min-width: 2400px) { html body:not(#_):not(#_):not(#_) .sbpg { --d7-s: 1.25; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg { --d7-h: 40px; --d7-b: 36px; --sbpg-rail-w: 40px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions { padding: 0 2px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-toggle { padding: 0 6px; font-size: 11.5px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-label { display: none; } } @media (max-width: 359.98px) { html body:not(#_):not(#_):not(#_) .sbpg { --d7-h: 38px; --d7-b: 32px; --sbpg-rail-w: 36px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions { gap: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-toggle-text { display: none; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row span:not(.sbpg__dock-gi) { font-size: 10.5px; } } @media (max-height: 520px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row span:not(.sbpg__dock-gi) { display: none; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide-row { padding: 5px 0; } } @media (prefers-reduced-motion: reduce) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-guide { animation: none; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-chev, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-label { transition: none !important; } }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots:not([hidden]) { bottom: calc(var(--d7-h) * var(--d7-s) / 2); transform: translateY(50%); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below.sbpg--tools-left .sbpg__stage > .sbpg__dots:not([hidden]) { justify-content: flex-start; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots:not([hidden]) { bottom: calc(var(--d7-h) * var(--d7-s) / 2); transform: translateY(50%); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below.sbpg--tools-left .sbpg__stage > .sbpg__dots:not([hidden]) { justify-content: flex-start; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-label { opacity: 1; visibility: visible; transform: translate(-50%, 0); animation: sbpg-hint-in 0.35s ease both; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="1"] .sbpg__product-action-label { bottom: calc(100% + 40px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="1"] .sbpg__product-action-label, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="1"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 40px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions.is-hinting .sbpg__product-action-item .sbpg__product-action-label { transform: translate(0, -50%); bottom: auto; } @keyframes sbpg-hint-in { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 380px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-label { font-size: 10.5px; padding: 4px 6px !important; } } @media (prefers-reduced-motion: reduce) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-label { animation: none; } }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage-shell > .sbpg__product-actions { justify-self: stretch; width: auto; max-width: none; margin: 0 1px 1px; padding-inline: calc(var(--sbpg-pad, 8px) + 8px); border-width: 1px 0 0; border-radius: 0 0 max(0px, calc(var(--sbpg-radius, 7px) - 1px)) max(0px, calc(var(--sbpg-radius, 7px) - 1px)) !important; box-shadow: none; background: rgba(var(--sbpg-dock-rgb, 17, 24, 39), 0.96); justify-content: flex-start; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { justify-self: stretch; justify-content: flex-start; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots:not([hidden]) { left: calc(var(--sbpg-pad, 8px) + 8px + 1px); right: calc(var(--sbpg-pad, 8px) + 8px + 1px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: rgba(var(--sbpg-dock-fg-rgb, 255, 255, 255), 0.5); box-shadow: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { box-shadow: none; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage-shell > .sbpg__product-actions { justify-self: stretch; width: auto; max-width: none; margin: 0 1px 1px; padding-inline: calc(var(--sbpg-pad, 8px) + 8px); border-width: 1px 0 0; border-radius: 0 0 max(0px, calc(var(--sbpg-radius, 7px) - 1px)) max(0px, calc(var(--sbpg-radius, 7px) - 1px)) !important; box-shadow: none; background: rgba(var(--sbpg-dock-rgb, 17, 24, 39), 0.96); justify-content: flex-start; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below.sbpg--tools-left .sbpg__stage-shell > .sbpg__product-actions { justify-self: stretch; justify-content: flex-start; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots:not([hidden]) { left: calc(var(--sbpg-pad, 8px) + 8px + 1px); right: calc(var(--sbpg-pad, 8px) + 8px + 1px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: rgba(var(--sbpg-dock-fg-rgb, 255, 255, 255), 0.5); box-shadow: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { box-shadow: none; } }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots:not([hidden]) { z-index: 45; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots:not([hidden]) { z-index: 45; } } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="1"] .sbpg__product-action-label { bottom: calc(100% + 10px + 30px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="1"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 30px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="1"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 30px); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="2"] .sbpg__product-action-label { bottom: calc(100% + 10px + 60px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="2"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 60px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="2"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 60px); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="3"] .sbpg__product-action-label { bottom: calc(100% + 10px + 90px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="3"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 90px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="3"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 90px); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="4"] .sbpg__product-action-label { bottom: calc(100% + 10px + 120px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="4"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 120px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="4"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 120px); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="5"] .sbpg__product-action-label { bottom: calc(100% + 10px + 150px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="5"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 150px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row="5"] .sbpg__product-action-label { bottom: auto; top: calc(100% + 10px + 150px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions.is-hinting .sbpg__product-action-item[data-sbpg-hint-row] .sbpg__product-action-label { bottom: auto; top: 50%; }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage-shell > .sbpg__product-actions { padding-inline: 4px; background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60%), rgba(var(--sbpg-dock-rgb, 17, 24, 39), var(--sbpg-dock-alpha, .6)); -webkit-backdrop-filter: blur(18px) saturate(180%); backdrop-filter: blur(18px) saturate(180%); border-color: rgba(var(--sbpg-dock-fg-rgb, 255, 255, 255), .22); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots:not([hidden]) { left: calc(var(--sbpg-pad, 8px) + 9px + var(--sbpg-radius, 7px) / 2); right: calc(var(--sbpg-pad, 8px) + 9px + var(--sbpg-radius, 7px) / 2); } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage-shell > .sbpg__product-actions { padding-inline: 4px; background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60%), rgba(var(--sbpg-dock-rgb, 17, 24, 39), var(--sbpg-dock-alpha, .6)); -webkit-backdrop-filter: blur(18px) saturate(180%); backdrop-filter: blur(18px) saturate(180%); border-color: rgba(var(--sbpg-dock-fg-rgb, 255, 255, 255), .22); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots:not([hidden]) { left: calc(var(--sbpg-pad, 8px) + 9px + var(--sbpg-radius, 7px) / 2); right: calc(var(--sbpg-pad, 8px) + 9px + var(--sbpg-radius, 7px) / 2); } }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage-shell > .sbpg__product-actions { background: linear-gradient(180deg, rgba(255,255,255,var(--sbpg-dock-sheen,.16)) 0%, rgba(255,255,255,0) 55%, rgba(0,0,0,calc(var(--sbpg-dock-sheen,.16) * .6)) 100%), rgba(var(--sbpg-dock-rgb, 17, 24, 39), var(--sbpg-dock-alpha, .78)); -webkit-backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); border-top: 1px solid rgba(255,255,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage-shell > .sbpg__product-actions { background: linear-gradient(180deg, rgba(255,255,255,var(--sbpg-dock-sheen,.16)) 0%, rgba(255,255,255,0) 55%, rgba(0,0,0,calc(var(--sbpg-dock-sheen,.16) * .6)) 100%), rgba(var(--sbpg-dock-rgb, 17, 24, 39), var(--sbpg-dock-alpha, .78)); -webkit-backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); border-top: 1px solid rgba(255,255,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); } } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item :is(button, a, span, div, i):not(.sbpg__product-action-label):is(:hover, :focus, :active, :focus-visible) { background-color: transparent !important; color: inherit !important; box-shadow: none !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item:is(:hover, :focus-within, :active) { background: var(--d7-hover) !important; color: var(--d7-fg) !important; } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions.is-hinting .sbpg__product-action-label { display: block !important; font-size: 11px; } }   @media (min-width: 768px) and (min-height: 601px), (min-width: 1101px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage { box-sizing: content-box !important; width: auto !important; max-width: 100%; min-height: 0 !important; aspect-ratio: var(--sbpg-stage-ratio, 1/1) !important; padding-bottom: calc(var(--d7-h) * var(--d7-s)) !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { bottom: calc(var(--d7-h) * var(--d7-s)) !important; padding-bottom: var(--sbpg-pad, 8px) !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage > .sbpg__dots:not([hidden]) { bottom: calc(var(--d7-h) * var(--d7-s) / 2); } } @media (max-width: 767.98px) and (orientation: portrait) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage { box-sizing: content-box !important; width: auto !important; max-width: 100%; min-height: 0 !important; aspect-ratio: var(--sbpg-stage-ratio, 1/1) !important; padding-bottom: calc(var(--d7-h) * var(--d7-s)) !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__media:has(> .sbpg__main-image) { bottom: calc(var(--d7-h) * var(--d7-s)) !important; padding-bottom: var(--sbpg-pad, 8px) !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage > .sbpg__dots:not([hidden]) { bottom: calc(var(--d7-h) * var(--d7-s) / 2); } }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage-shell > .sbpg__product-actions { transition: height .32s cubic-bezier(.2,.8,.2,1); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage-shell > .sbpg__product-actions.is-hinting { height: calc(var(--d7-h) * var(--d7-s) + 26px); align-items: flex-end; padding-bottom: calc((var(--d7-h) - var(--d7-b)) * var(--d7-s) / 2); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__product-actions.is-hinting .sbpg__product-action-item .sbpg__product-action-label { display: block !important; bottom: calc(100% + 2px); top: auto; left: 50%; padding: 0 !important; font-size: 10.5px; font-weight: 600; color: var(--d7-fg) !important; background: none !important; box-shadow: none !important; text-shadow: 0 1px 2px rgba(0,0,0,.25); } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage-shell > .sbpg__product-actions { transition: height .32s cubic-bezier(.2,.8,.2,1); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage-shell > .sbpg__product-actions.is-hinting { height: calc(var(--d7-h) * var(--d7-s) + 26px); align-items: flex-end; padding-bottom: calc((var(--d7-h) - var(--d7-b)) * var(--d7-s) / 2); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__product-actions.is-hinting .sbpg__product-action-item .sbpg__product-action-label { display: block !important; bottom: calc(100% + 2px); top: auto; left: 50%; padding: 0 !important; font-size: 10.5px; font-weight: 600; color: var(--d7-fg) !important; background: none !important; box-shadow: none !important; text-shadow: 0 1px 2px rgba(0,0,0,.25); } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip { position: absolute; z-index: 60; bottom: calc(100% + 11px); right: 8px; left: auto; box-sizing: border-box; width: max-content; max-width: min(250px, calc(100vw - 40px)); padding: 9px 12px; color: #111827; font-size: 12px; font-weight: 600; line-height: 1.85; text-align: right; white-space: normal; background: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.28); pointer-events: none; animation: sbpg-tip-in .28s cubic-bezier(.2,.8,.2,1) both; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip[hidden] { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip::after { content: ""; position: absolute; bottom: -5px; right: 22px; width: 11px; height: 11px; background: #fff; transform: rotate(45deg); border-radius: 2px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip { right: auto; left: 8px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip::after { right: auto; left: 22px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__dock-tip, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__dock-tip { bottom: auto; top: calc(100% + 11px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__dock-tip::after, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__dock-tip::after { bottom: auto; top: -5px; } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip { bottom: auto; top: 6px; left: auto; right: calc(100% + 12px); width: 190px; max-width: 190px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip::after { bottom: auto; top: 14px; right: -5px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip { right: auto; left: calc(100% + 12px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip::after { right: auto; left: -5px; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip { bottom: auto; top: 6px; left: auto; right: calc(100% + 12px); width: 170px; max-width: 170px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip::after { bottom: auto; top: 14px; right: -5px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip { right: auto; left: calc(100% + 12px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip::after { right: auto; left: -5px; } } @keyframes sbpg-tip-in { from { opacity: 0; transform: translateY(6px) scale(.96); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip { animation: none; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip { font-size: 11.5px; font-weight: 500; line-height: 1.8; padding: 8px 12px; } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip { top: 50%; width: 210px; max-width: 210px; animation-name: sbpg-tip-in-side; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip::after { top: calc(50% - 5px); } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip { top: 50%; width: 210px; max-width: 210px; animation-name: sbpg-tip-in-side; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip::after { top: calc(50% - 5px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage { min-height: 0 !important; padding-bottom: 0 !important; aspect-ratio: var(--sbpg-stage-ratio, 1/1) !important; } } @keyframes sbpg-tip-in-side { from { opacity: 0; transform: translateY(-50%) scale(.96); } to { opacity: 1; transform: translateY(-50%); } } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots:not([hidden]), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots:not([hidden]) { right: auto; left: calc(var(--sbpg-pad, 8px) + 10px); bottom: calc(var(--sbpg-pad, 8px) + 8px); width: fit-content; padding: 6px 10px; border-radius: 999px; background: rgba(var(--sbpg-dock-rgb, 17, 24, 39), var(--sbpg-dock-alpha, .78)); -webkit-backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: rgba(var(--sbpg-dock-fg-rgb, 255, 255, 255), .55); box-shadow: none; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots:not([hidden]), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots:not([hidden]) { right: auto; left: calc(var(--sbpg-pad, 8px) + 10px); bottom: calc(var(--sbpg-pad, 8px) + 8px); width: fit-content; padding: 6px 10px; border-radius: 999px; background: rgba(var(--sbpg-dock-rgb, 17, 24, 39), var(--sbpg-dock-alpha, .78)); -webkit-backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); backdrop-filter: blur(var(--sbpg-dock-blur, 16px)) saturate(190%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: rgba(var(--sbpg-dock-fg-rgb, 255, 255, 255), .55); box-shadow: none; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip { width: max-content; max-width: min(230px, calc(100vw - 40px)); padding: 4px 14px; font-size: 12px; font-weight: 600; line-height: 1.4; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip .sbpg__dock-tip-row { display: flex; align-items: center; min-height: 30px; white-space: nowrap; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip .sbpg__dock-tip-row + .sbpg__dock-tip-row { border-top: 1px solid #eef0f3; } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip { top: 0; width: max-content; max-width: 230px; padding: 4px 14px; animation-name: sbpg-tip-in; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip .sbpg__dock-tip-row { box-sizing: border-box; height: calc(var(--d7-b) * var(--d7-s)); min-height: 0; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip .sbpg__dock-tip-row + .sbpg__dock-tip-row { border-top: 0; margin-top: 2px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip::after { top: 17px; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip { top: 0; width: max-content; max-width: min(230px, calc(100vw - 110px)); padding: 4px 14px; animation-name: sbpg-tip-in; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip .sbpg__dock-tip-row { box-sizing: border-box; height: calc(var(--d7-b) * var(--d7-s)); min-height: 0; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip .sbpg__dock-tip-row + .sbpg__dock-tip-row { border-top: 0; margin-top: 2px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip::after { top: 17px; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip.sbpg__dock-tip--list { padding: 4px 14px; width: max-content; max-width: calc(100vw - 40px); white-space: nowrap; transform-origin: 85% 100%; --tx: 0px; --ty: 12px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip--list { transform-origin: 15% 100%; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__dock-tip--list, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__dock-tip--list { transform-origin: 85% 0; --ty: -12px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip-row { padding: 5px 0; font-size: 11.5px; font-weight: 600; line-height: 1.6; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip-row + .sbpg__dock-tip-row { border-top: 1px solid rgba(17,24,39,.08); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--aligned { padding-block: 0 !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--aligned .sbpg__dock-tip-row { position: absolute; left: 14px; right: 14px; display: flex; align-items: center; padding: 0; border-top: 0 !important; } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__product-actions .sbpg__dock-tip--list { top: 0; width: max-content; max-width: none; transform-origin: 100% 50%; --tx: 14px; --ty: 0px; animation-name: sbpg-tip-in; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip--list { transform-origin: 0 50%; --tx: -14px; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__product-actions .sbpg__dock-tip--list { top: 0; width: max-content; max-width: none; transform-origin: 100% 50%; --tx: 14px; --ty: 0px; animation-name: sbpg-tip-in; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip--list { transform-origin: 0 50%; --tx: -14px; } } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip.is-out { animation: sbpg-tip-out .9s cubic-bezier(.5,0,.8,.4) both; } @keyframes sbpg-tip-out { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate(var(--tx, 0), var(--ty, 12px)) scale(.12); } } @media (prefers-reduced-motion: reduce) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip.is-out { animation-duration: .2s; } }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots:not([hidden]), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots:not([hidden]) { left: 3px; bottom: 3px; gap: 4px; padding: 3px 7px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot { width: 6px; height: 6px; border-radius: 4px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot.is-active, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { width: 20px; box-shadow: 0 0 0 1px #fff; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot.is-edge, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot.is-edge { width: 4px; height: 4px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot::before, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot::before { inset: -10px -3px; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots:not([hidden]), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots:not([hidden]) { left: 3px; bottom: 3px; gap: 4px; padding: 3px 7px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot { width: 6px; height: 6px; border-radius: 4px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot.is-active, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { width: 20px; box-shadow: 0 0 0 1px #fff; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot.is-edge, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot.is-edge { width: 4px; height: 4px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot::before, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot::before { inset: -10px -3px; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--aligned { padding-block: 0 !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--aligned .sbpg__dock-tip-row { position: static; display: flex; align-items: center; padding: 0; border-top: 0 !important; box-sizing: border-box; }   @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots:not([hidden]), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots:not([hidden]) { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; padding: 3px 4px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: #aeb6c2; box-shadow: 0 0 0 1px rgba(255,255,255,.95); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage > .sbpg__dots .sbpg__dot.is-active, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { background: var(--sbpg-accent, #1877f2); box-shadow: 0 0 0 1.5px #fff; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots:not([hidden]), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots:not([hidden]) { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; padding: 3px 4px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active), html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot:not(.is-active) { background: #aeb6c2; box-shadow: 0 0 0 1px rgba(255,255,255,.95); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage > .sbpg__dots .sbpg__dot.is-active, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage > .sbpg__dots .sbpg__dot.is-active { background: var(--sbpg-accent, #1877f2); box-shadow: 0 0 0 1.5px #fff; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip.sbpg__dock-tip--pills { background: none !important; box-shadow: none !important; padding: 0 !important; width: auto !important; max-width: none !important; animation: none !important; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; --tx: 0px; --ty: 12px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__dock-tip.sbpg__dock-tip--pills::after { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__product-actions .sbpg__dock-tip.sbpg__dock-tip--pills { align-items: flex-start; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-actions .sbpg__dock-tip--pills, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-actions .sbpg__dock-tip--pills { --ty: -12px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-pill { position: relative; box-sizing: border-box; display: flex; align-items: center; padding: 6px 13px; color: #111827; background: #fff; font-size: 11.5px; font-weight: 600; line-height: 1.5; white-space: nowrap; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.24); transform-origin: 90% 100%; animation: sbpg-pill-in .32s cubic-bezier(.2,.8,.2,1) both; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--pills.is-out .sbpg__dock-pill { animation: sbpg-pill-out .75s cubic-bezier(.5,0,.8,.4) both; animation-delay: 0ms !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--side { top: 0 !important; bottom: auto !important; right: calc(100% + 11px) !important; left: auto !important; width: 0 !important; display: block !important; --tx: 14px; --ty: 0px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__dock-tip--side { right: auto !important; left: calc(100% + 11px) !important; --tx: -14px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--side .sbpg__dock-pill { position: absolute; right: 0; margin: 0; padding-block: 0; height: auto; transform-origin: 100% 50%; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__dock-tip--side .sbpg__dock-pill { right: auto; left: 0; transform-origin: 0 50%; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--side .sbpg__dock-pill::after { content: ""; position: absolute; top: 50%; right: -4px; width: 9px; height: 9px; margin-top: -4.5px; background: #fff; transform: rotate(45deg); border-radius: 2px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tools-left .sbpg__dock-tip--side .sbpg__dock-pill::after { right: auto; left: -4px; } @keyframes sbpg-pill-in { from { opacity: 0; transform: translate(var(--tx, 0), var(--ty, 8px)) scale(.7); } to { opacity: 1; transform: none; } } @keyframes sbpg-pill-out { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate(var(--tx, 0), var(--ty, 12px)) scale(.15); } } @media (prefers-reduced-motion: reduce) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-pill, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__dock-tip--pills.is-out .sbpg__dock-pill { animation-duration: .15s; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-intro { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%203.5h8.5L19%208v12.5H6z'/%3E%3Cpath%20d='M14%203.5V8h5'/%3E%3Cpath%20d='M9%2012.5h7M9%2016h5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%203.5h8.5L19%208v12.5H6z'/%3E%3Cpath%20d='M14%203.5V8h5'/%3E%3Cpath%20d='M9%2012.5h7M9%2016h5'/%3E%3C/svg%3E"); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-specs { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9.5%206.5H20M9.5%2012H20M9.5%2017.5H20'/%3E%3Cpath%20d='M4.5%206.5h.01M4.5%2012h.01M4.5%2017.5h.01'%20stroke-width='2.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9.5%206.5H20M9.5%2012H20M9.5%2017.5H20'/%3E%3Cpath%20d='M4.5%206.5h.01M4.5%2012h.01M4.5%2017.5h.01'%20stroke-width='2.6'/%3E%3C/svg%3E"); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-qa { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%205.5h16v10.5H11l-4.5%203.5V16H4z'/%3E%3Cpath%20d='M10.2%209.4a1.9%201.9%200%201%201%202.6%201.8c-.6.3-.8.7-.8%201.3'/%3E%3Cpath%20d='M12%2013.9v.01'%20stroke-width='2.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%205.5h16v10.5H11l-4.5%203.5V16H4z'/%3E%3Cpath%20d='M10.2%209.4a1.9%201.9%200%201%201%202.6%201.8c-.6.3-.8.7-.8%201.3'/%3E%3Cpath%20d='M12%2013.9v.01'%20stroke-width='2.4'/%3E%3C/svg%3E"); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-reviews { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.8l2.5%205.2%205.7.8-4.1%204%201%205.7L12%2016.8l-5.1%202.7%201-5.7-4.1-4%205.7-.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203.8l2.5%205.2%205.7.8-4.1%204%201%205.7L12%2016.8l-5.1%202.7%201-5.7-4.1-4%205.7-.8z'/%3E%3C/svg%3E"); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-action--nav { position: relative; display: block; flex: none; width: var(--a-slot); height: var(--a-slot); margin: 0; padding: 0; color: inherit; text-decoration: none; background: 0 0 !important; border: 0 !important; box-shadow: none !important; border-radius: 0; cursor: pointer; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-intro, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-specs, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-qa, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__glass-icon--nav-reviews { display: block; width: var(--a-ic); height: var(--a-ic); margin: auto; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__product-action-item--nav, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__product-action-item--nav, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__dock-sep--nav, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__dock-sep--nav { display: none !important; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__product-action-item--nav, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__product-action-item--nav, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__dock-sep--nav, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__dock-sep--nav { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side { --d7-b: clamp(24px, calc((100vw - 104px) / 9.4), 36px); } }     @media (max-width: 767.98px) and (orientation: portrait) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-below .sbpg__stage { aspect-ratio: var(--sbpg-stage-ratio-m, 1/1) !important; padding-bottom: calc(var(--d7-h) * var(--d7-s) + var(--sbpg-extra-h, 0px)) !important; } } @media (max-width: 767.98px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-side .sbpg__stage { aspect-ratio: var(--sbpg-stage-ratio-m, 1/1) !important; padding-bottom: var(--sbpg-extra-h, 0px) !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-m-above .sbpg__stage { box-sizing: content-box !important; min-height: 0 !important; aspect-ratio: var(--sbpg-stage-ratio-m, 1/1) !important; padding-bottom: var(--sbpg-extra-h, 0px) !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__shortcut-icon { flex-basis: var(--sbpg-sc-ic, 24px) !important; width: var(--sbpg-sc-ic, 24px) !important; height: var(--sbpg-sc-ic, 24px) !important; } }   @media (min-width: 768px) and (min-height: 601px), (min-width: 1101px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-below .sbpg__stage, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-side .sbpg__stage, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--tp-d-above .sbpg__stage { aspect-ratio: var(--sbpg-stage-ratio-d, var(--sbpg-stage-ratio, 1/1)) !important; } } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__shortcut-icon { flex-basis: calc(var(--sbpg-sc-ic, 24px) + 3px) !important; width: calc(var(--sbpg-sc-ic, 24px) + 3px) !important; height: calc(var(--sbpg-sc-ic, 24px) + 3px) !important; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stickers .st_sticker { zoom: var(--sbpg-sticker-zoom, 1); }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage { position: absolute; top: var(--sbpg-pad, 8px); right: var(--sbpg-pad, 8px); bottom: var(--sbpg-pad, 8px); left: var(--sbpg-pad, 8px); z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 4px; background: var(--sbpg-bg, #fff); transition: opacity .2s ease; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage.is-leaving { opacity: 0; pointer-events: none; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage--n2 { grid-template-rows: minmax(0, 1fr); } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage--n3 > .sbpg__collage-tile:first-child { grid-row: span 2; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-tile { position: relative; display: block; min-width: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 7px; background: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .15s ease, box-shadow .15s ease; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-tile:hover, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-tile:focus-visible { border-color: var(--sbpg-accent, #1877f2); box-shadow: 0 0 0 1px var(--sbpg-accent, #1877f2); outline: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-tile > img { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; padding: 4px; box-sizing: border-box; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label { position: absolute; bottom: 6px; right: 6px; max-width: calc(100% - 12px); padding: 2px 8px; border-radius: 7px; background: rgba(17, 24, 39, .78); color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(17, 24, 39, .55); color: #fff; font-size: 26px; font-weight: 800; direction: ltr; pointer-events: none; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--collage-on .sbpg__counter, html body:not(#_):not(#_):not(#_) .sbpg.sbpg--collage-on .sbpg__peek { visibility: hidden; } @media (max-width: 380px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage { gap: 3px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label { font-size: 10.5px; padding: 1px 6px; bottom: 4px; right: 4px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-more { font-size: 22px; } } @media (min-width: 1600px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage { gap: 6px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label { font-size: 13px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-more { font-size: 32px; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label { display: flex; flex-direction: column; align-items: flex-end; gap: 0; white-space: normal; text-align: right; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label > b, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label > small { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; unicode-bidi: plaintext; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label > b { font-weight: 700; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-label > small { font-size: .86em; font-weight: 500; opacity: .85; line-height: 1.4; }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-restore { position: absolute; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; padding: 0; border: 1px solid rgba(17, 24, 39, .14); border-radius: 7px; background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #111827; box-shadow: 0 2px 10px rgba(17, 24, 39, .14); cursor: pointer; -webkit-tap-highlight-color: transparent; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-restore[hidden] { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-restore:hover, html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-restore:focus-visible { color: var(--sbpg-accent, #1877f2); border-color: var(--sbpg-accent, #1877f2); outline: 0; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage[hidden] { display: none !important; } @media (min-width: 1600px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-restore { width: 40px; height: 40px; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__collage-restore svg { width: 21px; height: 21px; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stage > .sbpg__tagchip { position: absolute; z-index: 3; max-width: 60%; padding: 2px 10px; border-radius: 7px; background: rgba(17, 24, 39, .78); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; unicode-bidi: plaintext; } html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stage > .sbpg__tagchip[hidden], html body:not(#_):not(#_):not(#_) .sbpg.sbpg--collage-on .sbpg__stage > .sbpg__tagchip { display: none !important; } @media (min-width: 1600px) { html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stage > .sbpg__tagchip { font-size: 13.5px; } }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, 1fr) !important; gap: 6px !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--official { --sbpg-tc-d: #3b82f6; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--natural { --sbpg-tc-d: #22c55e; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--official_video { --sbpg-tc-d: #ef4444; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--buyers { --sbpg-tc-d: #f59e0b; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--family { --sbpg-tc-d: #8b5cf6; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card:not(.sbpg__shortcut-card--image):not(.sbpg__shortcut-card--more) { --tc: var(--sbpg-tc, var(--sbpg-tc-d, #1877f2)); position: relative; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-width: 0; min-height: 0 !important; padding: 6px 3px 8px !important; border: 1px solid #e5e7eb !important; border-radius: 7px !important; background: #fff !important; color: #111827 !important; overflow: hidden; -webkit-tap-highlight-color: transparent; } @supports (color: color-mix(in srgb, red, blue)) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card:not(.sbpg__shortcut-card--image):not(.sbpg__shortcut-card--more) { border-color: color-mix(in srgb, var(--tc) 16%, #e5e7eb) !important; background: color-mix(in srgb, var(--tc) var(--sbpg-sc-tint, 8%), #fff) !important; } } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card.is-active:not(.sbpg__shortcut-card--image):not(.sbpg__shortcut-card--more) { border-color: var(--tc) !important; box-shadow: inset 0 0 0 1px var(--tc) !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card.is-active::after { content: ""; position: absolute; left: 18%; right: 18%; bottom: 0; height: 2.5px; border-radius: 3px 3px 0 0; background: var(--tc); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-tile { display: grid; place-items: center; flex: none; width: var(--sbpg-sc-tile, 30px); height: var(--sbpg-sc-tile, 30px); border-radius: 7px; background: var(--tc); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-tile .sbpg__shortcut-icon { flex-basis: auto !important; width: calc(var(--sbpg-sc-tile, 30px) * .56) !important; height: calc(var(--sbpg-sc-tile, 30px) * .56) !important; color: #fff !important; background-color: #fff !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1px !important; width: 100%; min-width: 0; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy b { max-width: 100%; overflow: hidden; color: #111827 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.35 !important; white-space: nowrap !important; text-overflow: ellipsis; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy small { min-width: 0 !important; height: auto !important; padding: 0 !important; border-radius: 0 !important; background: none !important; color: #6b7280 !important; font-size: 10.5px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: nowrap; position: static !important; } @media (hover: hover) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card:not(.sbpg__shortcut-card--image):not(.sbpg__shortcut-card--more):hover { border-color: var(--tc) !important; transform: translateY(-1px); } } @media (max-width: 380px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts { gap: 4px !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-tile { width: calc(var(--sbpg-sc-tile, 30px) - 3px); height: calc(var(--sbpg-sc-tile, 30px) - 3px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy b { font-size: 10px !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy small { font-size: 9.5px !important; } } @media (min-width: 768px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-tile { width: calc(var(--sbpg-sc-tile, 30px) + 4px); height: calc(var(--sbpg-sc-tile, 30px) + 4px); } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy b { font-size: 12.5px !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy small { font-size: 11.5px !important; } }   @media (max-width: 480px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy b { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal !important; word-break: normal; line-height: 1.25 !important; font-size: clamp(9.5px, 2.65vw, 11.5px) !important; } }   html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts[hidden] { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts > .sbpg__shortcut-card { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts > .sbpg__shortcut-card--more { flex: .5 1 0 !important; min-height: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--more .sbpg__shortcut-more-dots { width: auto !important; height: auto !important; background: none !important; font-size: 13px !important; letter-spacing: 1px; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card--more .sbpg__shortcut-more-label { display: none !important; } html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcut-card .sbpg__shortcut-copy b { display: block !important; -webkit-line-clamp: unset; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; line-height: 1.3 !important; } @media (max-width: 380px) { html body:not(#_):not(#_):not(#_) .sbpg.sbpg--sc-tiles .sbpg__shortcuts > .sbpg__shortcut-card:not(.sbpg__shortcut-card--more) { padding-inline: 1px !important; } }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions{ --ic-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.75h11v16.5L12 15.9l-5.5 4.35z'/%3E%3C/svg%3E"); --ic-heart-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.75h11v16.5L12 15.9l-5.5 4.35z'/%3E%3C/svg%3E") }   html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item .sbpg__glass-icon.sbpg__glass-icon:is(:hover,:focus,:active,:focus-visible){background-color:currentColor!important}
/* 1.10.7: gap between the stickers and the edges of the image (settings «فاصلهٔ استیکرها از لبهٔ عکس»). */
html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stickers .st_sticker_block{top:var(--sbpg-sticker-inset,0px)!important;right:var(--sbpg-sticker-inset,0px)!important;bottom:var(--sbpg-sticker-inset,0px)!important;left:var(--sbpg-sticker-inset,0px)!important}
@media (max-width:767px){html body:not(#_):not(#_):not(#_) .sbpg .sbpg__stickers .st_sticker_block{top:var(--sbpg-sticker-inset-m,0px)!important;right:var(--sbpg-sticker-inset-m,0px)!important;bottom:var(--sbpg-sticker-inset-m,0px)!important;left:var(--sbpg-sticker-inset-m,0px)!important}}

/* 1.10.8 — «گالری بدون قاب» (setting frameless): no border, shadow or divider around the gallery parts */
html body section.sbpg.sbpg--frameless .sbpg__stage,
html body section.sbpg.sbpg--frameless .sbpg__product-actions,

html body section.sbpg.sbpg--frameless .sbpg__thumbs {
  border-color: transparent !important;
  box-shadow: none !important;
}
html body section.sbpg.sbpg--frameless .sbpg__product-actions { background: transparent !important; }
html body section.sbpg.sbpg--frameless hr { display: none !important; }

/* 1.10.8 mouse */@media (hover:hover) and (pointer:fine){html body section.sbpg:not([data-sbpg-mouse=off]) [data-sbpg-stage]{cursor:grab}html body .sbpg-is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;scroll-behavior:auto!important}html body .sbpg-is-dragging *{pointer-events:none!important}}

html body:not(#_):not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour] .sbpg__dock-tip{display:none!important;visibility:hidden!important}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour] .sbpg__product-action-item{position:relative!important;overflow:visible!important}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour].sbpg-touring .sbpg__product-action-item>.sbpg__glass-action-slot,html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour].sbpg-touring .sbpg__product-action-item>.sbpg__glass-action{border-radius:10px;animation:sbpgTourGlow 1.8s ease-in-out infinite}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour] .sbpg__product-action-item.is-tt>.sbpg__glass-action-slot,html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour] .sbpg__product-action-item.is-tt>.sbpg__glass-action{animation:none;box-shadow:0 0 0 2px #93c5fd,0 0 14px 2px #60a5fabf;border-radius:10px}@keyframes sbpgTourGlow{0%,to{box-shadow:0 0 0 1px #93c5fd8c,0 0 6px #60a5fa59}50%{box-shadow:0 0 0 2px #93c5fdf2,0 0 14px #60a5fab3}}html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg-tt{position:absolute;z-index:40;display:block;box-sizing:border-box;max-width:220px;padding:5px 10px;border-radius:8px;background:#111827;color:#fff;font:700 12px/1.45 Tahoma,Vazirmatn,IRANSans,sans-serif;white-space:nowrap;text-align:center;direction:rtl;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;box-shadow:0 6px 16px -6px #00000073}html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg-tt:after{content:"";position:absolute;width:0;height:0;border:6px solid transparent}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=above] .sbpg-tt{bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=above] .sbpg-tt:after{top:100%;left:50%;margin-left:-6px;border-top-color:#111827}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=below] .sbpg-tt{top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px)}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=below] .sbpg-tt:after{bottom:100%;left:50%;margin-left:-6px;border-bottom-color:#111827}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=start] .sbpg-tt{right:calc(100% + 11px);top:50%;transform:translate(4px,-50%)}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=start] .sbpg-tt:after{left:100%;top:50%;margin-top:-6px;border-left-color:#111827}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=end] .sbpg-tt{left:calc(100% + 11px);top:50%;transform:translate(-4px,-50%)}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=end] .sbpg-tt:after{right:100%;top:50%;margin-top:-6px;border-right-color:#111827}html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg__product-action-item.is-tt>.sbpg-tt{opacity:1}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=above] .is-tt>.sbpg-tt,html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=below] .is-tt>.sbpg-tt{transform:translate(-50%)}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=start] .is-tt>.sbpg-tt,html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=end] .is-tt>.sbpg-tt{transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour] .sbpg__product-action-item:hover>.sbpg-tt{opacity:1;transition-delay:.25s}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=above] .sbpg__product-action-item:hover>.sbpg-tt,html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=below] .sbpg__product-action-item:hover>.sbpg-tt{transform:translate(-50%)}html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=start] .sbpg__product-action-item:hover>.sbpg-tt,html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-tt=end] .sbpg__product-action-item:hover>.sbpg-tt{transform:translateY(-50%)}}@media (max-width:767.98px){html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg-tt{font-size:11.5px;padding:4px 9px}}@media (prefers-reduced-motion:reduce){html body:not(#_):not(#_):not(#_) .sbpg [data-sbpg-hint-style=tour].sbpg-touring .sbpg__product-action-item>*{animation:none!important}html body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions .sbpg-tt{transition:none}}html.sbpg-os-apple body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions{--ic-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2v11.3'/%3E%3Cpath d='M8.3 6.8 12 3.2l3.7 3.6'/%3E%3Cpath d='M8.6 10.2H7a2 2 0 0 0-2 2v7.1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7.1a2 2 0 0 0-2-2h-1.6'/%3E%3C/svg%3E")}html.sbpg-os-android body:not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions{--ic-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.6'/%3E%3Ccircle cx='6' cy='12' r='2.6'/%3E%3Ccircle cx='18' cy='19' r='2.6'/%3E%3Cpath d='m8.3 10.8 7.4-4.4M8.3 13.2l7.4 4.4'/%3E%3C/svg%3E")}html.sbpg-os-apple body .sbpg__glass-icon--share:not(.sbpg__product-actions .sbpg__glass-icon--share){-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2v11.3'/%3E%3Cpath d='M8.3 6.8 12 3.2l3.7 3.6'/%3E%3Cpath d='M8.6 10.2H7a2 2 0 0 0-2 2v7.1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7.1a2 2 0 0 0-2-2h-1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2v11.3'/%3E%3Cpath d='M8.3 6.8 12 3.2l3.7 3.6'/%3E%3Cpath d='M8.6 10.2H7a2 2 0 0 0-2 2v7.1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7.1a2 2 0 0 0-2-2h-1.6'/%3E%3C/svg%3E")}

html body:not(#_):not(#_):not(#_):not(#_) .sbpg .sbpg__product-actions{--a-ic:calc(17px * var(--d7-s, 1) * var(--sbpg-ic-k, 1));--a-slot:calc(20px * var(--d7-s, 1) * var(--sbpg-ic-k, 1))}@media (min-width:768px){html body:not(#_):not(#_):not(#_) .sbpg.sbpg--ddots-center .sbpg__dots:not([hidden]){justify-content:center!important;padding-left:0!important;padding-right:0!important}html body:not(#_):not(#_):not(#_) .sbpg.sbpg--ddots-left .sbpg__dots:not([hidden]){justify-content:flex-end!important;padding-left:10px!important;padding-right:10px!important}html body:not(#_):not(#_):not(#_) .sbpg.sbpg--ddots-right .sbpg__dots:not([hidden]){justify-content:flex-start!important;padding-left:10px!important;padding-right:10px!important}}html body:not(#_):not(#_):not(#_):not(#_) .sbpg.sbpg--more-auto .sbpg__shortcuts:has(>.sbpg__shortcut-card:not(.sbpg__shortcut-card--more):nth-child(4))>.sbpg__shortcut-card--more{display:none!important}html body:not(#_):not(#_):not(#_):not(#_) .sbpg.sbpg--more-auto.sbpg--shortcuts-cards5:not(.sbpg--sc-tiles) .sbpg__shortcuts:has(>.sbpg__shortcut-card:not(.sbpg__shortcut-card--more):nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))!important}