.smx-lpp__panel{display:grid;gap:var(--lp-s6);background:var(--bg-surface);border:1px solid var(--border-1);padding:var(--lp-s4)}.smx-lpp__panel--mobile-gallery-bottom .smx-lpp__gallery{order:2}.smx-lpp__details{gap:var(--lp-s4)}.smx-lpp .lp-h{margin:0;line-height:var(--lh-tight)}.smx-lpp__eyebrow{align-self:flex-start;background:var(--smx-yellow);color:var(--fg-on-yellow);padding:var(--lp-s1) var(--lp-s3)}.smx-lpp__gallery{min-width:0}.smx-lpp__media-set[hidden]{display:none}.smx-lpp__main{position:relative;aspect-ratio:1;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden}.smx-lpp__main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.smx-lpp__placeholder{width:60%;height:auto}.smx-lpp__spin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--bg-subtle);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.smx-lpp__spin[hidden]{display:none}.smx-lpp__spin:active{cursor:grabbing}.smx-lpp__spin:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.smx-lpp__spin img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.smx-lpp__spin-hint{position:absolute;left:50%;bottom:var(--lp-s3);transform:translate(-50%);margin:0;padding:var(--lp-s1) var(--lp-s3);background:var(--smx-black);color:var(--smx-white);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-12);letter-spacing:var(--tracking-wide);text-transform:uppercase;pointer-events:none}.smx-lpp__thumb--spin{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--lp-fs-16);color:var(--fg-1)}.smx-lpp__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);padding:0;border:0;border-radius:var(--radius-0);background:var(--smx-black);color:var(--smx-white);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.smx-lpp__arrow--prev{left:var(--lp-s2)}.smx-lpp__arrow--next{right:var(--lp-s2)}.smx-lpp__arrow svg{width:50%;height:50%}.smx-lpp__arrow:hover{background:var(--smx-cyan)}.smx-lpp__arrow:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.smx-lpp__thumbs{display:flex;gap:var(--lp-s2);margin-top:var(--lp-s2);overflow-x:auto;scrollbar-width:none}.smx-lpp__thumbs::-webkit-scrollbar{display:none}.smx-lpp__thumb{flex:none;width:calc(var(--tap-target-min) * 1.6);aspect-ratio:1;padding:var(--lp-s1);background:var(--bg-subtle);border:1px solid transparent;border-radius:var(--radius-0);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.smx-lpp__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.smx-lpp__thumb:hover{border-color:var(--smx-gray-300)}.smx-lpp__thumb.is-active{border:2px solid var(--smx-black)}.smx-lpp__thumb:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.smx-lpp__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lp-s3);padding:var(--lp-s3) 0;border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}.smx-lpp__badges:empty{display:none}.smx-lpp__badges{justify-content:space-between}.smx-lpp__badges{flex-wrap:nowrap;gap:var(--lp-s2)}.smx-lpp__badges img{height:var(--lp-s8);width:auto;min-width:0}.smx-lpp__badges .smx-lpp__badge--warranty{height:var(--lp-s10)}.smx-lpp__psi.sm-min-max-psi{padding:var(--lp-s1) var(--lp-s2);flex:none}.smx-lpp__psi .psi{font-size:var(--lp-fs-16)}.smx-lpp__psi .mm-sep svg{width:var(--lp-s2);height:auto}@media screen and (min-width:750px){.smx-lpp__badges{flex-wrap:wrap;gap:var(--lp-s3)}.smx-lpp__badges img{height:var(--lp-s12)}.smx-lpp__badges .smx-lpp__badge--warranty{height:var(--lp-s16)}.smx-lpp__psi.sm-min-max-psi{padding:var(--lp-s2) var(--lp-s3)}.smx-lpp__psi .psi{font-size:var(--lp-fs-24)}}.smx-lpp__psi[hidden]{display:none}.smx-lpp__psi{color:var(--smx-white)}.smx-lpp__psi .psi{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide)}.smx-lpp__trust{list-style:none;margin:0;padding:var(--lp-s3) var(--lp-s4);background:var(--bg-subtle);border-left:var(--smx-heading-bar) solid var(--smx-green);display:grid;gap:var(--lp-s2)}.smx-lpp__trust li{display:flex;align-items:center;gap:var(--lp-s2);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-14);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-1)}.smx-lpp__trust .lp-icon{color:var(--smx-green);flex:none}.smx-lpp__acc{border-bottom:1px solid var(--border-1)}.smx-lpp__acc[hidden],.smx-lpp .lp-bv-rating[hidden]{display:none}.smx-lpp__details>.smx-lpp__acc+.smx-lpp__acc{margin-top:calc(var(--lp-s4) * -1)}.smx-lpp__details>:not(.smx-lpp__acc)+.smx-lpp__acc{border-top:1px solid var(--border-1)}.smx-lpp__acc summary{display:flex;align-items:center;justify-content:space-between;gap:var(--lp-s3);min-height:calc(var(--tap-target-min) * 1.2);list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-16);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-1);transition:color var(--dur-fast) var(--ease-out)}.smx-lpp__acc summary::-webkit-details-marker{display:none}.smx-lpp__acc summary:hover{color:var(--smx-cyan)}.smx-lpp__acc summary .icon-caret{position:static;width:auto;height:.8em;fill:currentColor;transition:transform var(--dur-fast) var(--ease-out)}.smx-lpp__acc[open] summary .icon-caret{transform:rotate(180deg)}.smx-lpp__acc-body{padding-bottom:var(--lp-s4);font-size:var(--lp-fs-16);color:var(--fg-2)}.smx-lpp__acc-body>:first-child{margin-top:0}.smx-lpp__acc-body ul{padding-left:var(--lp-s5)}.smx-lpp__specs{margin:0}.smx-lpp__specs>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--lp-s3);padding:var(--lp-s2) 0;border-top:1px solid var(--border-1)}.smx-lpp__specs>div:first-child{border-top:0}.smx-lpp__specs dt{font-weight:var(--fw-bold);color:var(--fg-1)}.smx-lpp__specs dd{margin:0;color:var(--fg-2)}@media screen and (min-width:990px){.smx-lpp__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--lp-s10);padding:var(--lp-s10);align-items:start}.smx-lpp__panel--gallery-right .smx-lpp__gallery{order:2}.smx-lpp__panel--gallery-left .smx-lpp__gallery{order:0}.smx-lpp__gallery{position:sticky;top:var(--lp-s6)}}.smx-strip{border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}.smx-strip__row{display:grid;grid-template-columns:calc(var(--lp-s20) * 1.2) minmax(0,1fr);gap:var(--lp-s4);align-items:center}.smx-strip__media{align-self:stretch}.smx-strip__img{aspect-ratio:1;background:var(--bg-subtle)}.smx-strip__img[hidden]{display:none}.smx-strip__img img,.smx-strip__img svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}.smx-strip__copy{display:grid;gap:var(--lp-s2);min-width:0}.smx-strip__heading{margin:0;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--lp-fs-24);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--fg-1)}.smx-strip__text{margin:0;color:var(--fg-2)}.smx-strip .lp-price{align-items:baseline}.smx-strip .lp-price__now{order:1;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--lp-fs-32)}.smx-strip .lp-price__was{order:2;font-size:var(--lp-fs-18)}.smx-strip .lp-price .lp-badge{order:3}.smx-strip__buy{grid-column:1 / -1;display:grid;gap:var(--lp-s3)}.smx-strip__buy .lp-btn{min-height:calc(var(--button-min-height) * 1.15)}@media screen and (min-width:990px){.smx-strip__row{grid-template-columns:calc(var(--lp-s20) * 1.6) minmax(0,1fr) minmax(0,calc(var(--lp-s20) * 4.5));gap:var(--lp-s8)}.smx-strip__buy{grid-column:auto}}.smx-vgrid__list{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--space-4) * var(--smx-r))}.smx-vgrid__item{aspect-ratio:16 / 9;background:var(--smx-black)}.smx-vgrid__item iframe{display:block;width:100%;height:100%;border:0}.smx-ugc{--smx-ugc-gap: calc(var(--space-3) * var(--smx-r))}.smx-ugc__head{display:grid;gap:calc(var(--space-3) * var(--smx-r));margin-bottom:calc(var(--space-6) * var(--smx-r))}.smx-ugc__eyebrow{margin:0;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:calc(var(--fs-13) * var(--smx-r));letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--smx-cyan)}.smx-ugc__heading{color:inherit;margin:0}.smx-ugc__text{max-width:40em}.smx-ugc__text p{margin:0}.smx-ugc__track{display:grid;grid-auto-flow:column;gap:var(--smx-ugc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.smx-ugc__track::-webkit-scrollbar{display:none}.smx-ugc__track[hidden]{display:none}.smx-ugc__card{margin:0;scroll-snap-align:start;min-width:0}.smx-ugc__media{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius-0);overflow:hidden;background:var(--smx-gray-800);cursor:zoom-in}.smx-ugc__media:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.smx-ugc__expand{position:absolute;right:calc(var(--space-2) * var(--smx-r));bottom:calc(var(--space-2) * var(--smx-r));width:var(--tap-target-min);height:var(--tap-target-min);display:flex;align-items:center;justify-content:center;background:var(--smx-black);color:var(--smx-white);transition:background-color var(--dur-fast) var(--ease-out)}.smx-ugc__expand svg{width:50%;height:50%}.smx-ugc__media:hover .smx-ugc__expand{background:var(--smx-cyan)}.smx-ugc__head--center{justify-items:center;text-align:center}.smx-ugc__dialog{width:min(92vw,calc(var(--space-32) * var(--smx-r) * 4));max-height:92vh;padding:0;border:0;border-radius:var(--radius-0);background:var(--smx-black);overflow:visible}.smx-ugc__dialog::backdrop{background:var(--smx-overlay-black)}.smx-ugc__dialog-media video{display:block;width:100%;max-height:92vh;object-fit:contain;background:var(--smx-black)}.smx-ugc__close{position:absolute;top:0;right:0;z-index:1;width:var(--tap-target-min);height:var(--tap-target-min);display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-0);background:var(--smx-black);color:var(--smx-white);cursor:pointer}.smx-ugc__close svg{width:50%;height:50%}.smx-ugc__close:hover{background:var(--smx-cyan)}.smx-ugc__video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.smx-ugc__caption{display:grid;gap:calc(var(--space-1) * var(--smx-r));padding-top:calc(var(--space-2) * var(--smx-r));font-size:calc(var(--fs-14) * var(--smx-r))}.smx-ugc__caption strong{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.smx-ugc__empty{margin:0;opacity:var(--opacity-muted)}.smx-lpp .lp-price{align-items:baseline}.smx-lpp .lp-price__now{order:1;font-size:var(--lp-fs-48);font-family:var(--font-display);font-weight:var(--fw-black)}.smx-lpp .lp-price__was{order:2;font-size:var(--lp-fs-24)}.smx-lpp .lp-price .lp-badge{order:3}.smx-lpp__btn--large{min-height:calc(var(--button-min-height) * 1.3);font-size:var(--lp-fs-20)}.smx-lpp__promo{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--lp-s2)}.smx-lpp__promo{column-gap:0}.smx-lpp__promo li{color:var(--fg-1);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-14);letter-spacing:var(--tracking-wide);text-transform:uppercase}.smx-lpp__promo{flex-direction:column;row-gap:var(--lp-s1)}.smx-lpp__promo li+li:before{content:none}@media screen and (min-width:750px){.smx-lpp__promo{flex-direction:row}.smx-lpp__promo li+li:before{content:""}}.smx-lpp__promo li+li:before{display:inline-block;width:1px;height:1em;margin:0 var(--lp-s3);vertical-align:-.15em;background:var(--border-2)}.smx-lpp__compat{border:1px solid var(--border-1);padding:var(--lp-s4);display:grid;gap:var(--lp-s3)}.smx-lpp__compat-title{margin:0;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-16);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-1)}.smx-lpp__compat-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--lp-s2)}.smx-lpp__compat-list[hidden]{display:none}.smx-lpp__compat-list li{display:flex;align-items:center;gap:var(--lp-s2);font-size:var(--lp-fs-16);color:var(--fg-1)}.smx-lpp__compat-list .lp-icon{color:var(--smx-green);flex:none}.smx-lpp__checker{display:grid;gap:var(--lp-s2);padding-top:var(--lp-s3);border-top:1px solid var(--border-1)}.smx-lpp__checker label{font-weight:var(--fw-bold);font-size:var(--lp-fs-14);color:var(--fg-1)}.smx-lpp__checker-row{display:flex;gap:var(--lp-s2)}.smx-lpp__checker-row input{flex:1 1 auto;min-width:0;min-height:var(--tap-target-min);border:1px solid var(--smx-gray-300);border-radius:var(--radius-0);padding:0 var(--lp-s3);font-family:var(--font-body);font-size:var(--lp-fs-16)}.smx-lpp__checker-row input:focus{outline:none;border-color:var(--border-focus)}.smx-lpp__checker-row .lp-btn{width:auto;min-height:var(--tap-target-min);flex:none}.smx-lpp__checker-result{margin:0;padding:var(--lp-s2) var(--lp-s3);font-weight:var(--fw-bold);font-size:var(--lp-fs-14)}.smx-lpp__checker-result[data-state=yes]{background:var(--bg-success);color:var(--smx-green-600)}.smx-lpp__checker-result[data-state=low],.smx-lpp__checker-result[data-state=high]{background:var(--bg-subtle);color:var(--status-danger)}.smx-lpp__checker-result[data-state=unknown]{background:var(--bg-subtle);color:var(--fg-2)}.smx-lpp__addon{display:grid}.smx-lpp__addon+.smx-lpp__addon,.lp-addons__heading+.smx-lpp__addon{margin-top:calc(var(--lp-s2) - var(--lp-s4))}.smx-lpp__addon .lp-addon__price strong{color:var(--fg-1)}.smx-lpp__addon .lp-addon__price--sale strong{color:var(--smx-green-600)}.smx-lpp__addon-save{background:var(--smx-green);color:var(--smx-white);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-12);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:0 var(--lp-s2)}.smx-lpp__addon-more{border:1px solid var(--border-1);border-top:0}.smx-lpp__addon-more summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-target-min);padding:0 var(--lp-s3);list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--lp-fs-13);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-1)}.smx-lpp__addon-more summary::-webkit-details-marker{display:none}.smx-lpp__addon-more summary:hover{color:var(--smx-cyan)}.smx-lpp__addon-more summary .icon-caret{position:static;height:.8em;width:auto;fill:currentColor;transition:transform var(--dur-fast) var(--ease-out)}.smx-lpp__addon-more[open] summary .icon-caret{transform:rotate(180deg)}.smx-lpp__addon-body{display:grid;gap:var(--lp-s3);padding:0 var(--lp-s3) var(--lp-s4)}.smx-lpp__addon-photos{display:grid;grid-auto-flow:column;grid-auto-columns:45%;gap:var(--lp-s2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.smx-lpp__addon-photo{scroll-snap-align:start;aspect-ratio:1;background:var(--bg-subtle)}.smx-lpp__addon-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.smx-lpp__addon-text{font-size:var(--lp-fs-14);color:var(--fg-2)}.smx-lpp__addon-text>:first-child{margin-top:0}.smx-lpp__addon-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lp-s3)}.smx-lpp__addon-badges:empty{display:none}.smx-lpp__addon-badges img{height:var(--lp-s10);width:auto}.smx-lpp__addon-link{font-size:var(--lp-fs-14);color:var(--fg-link)}.smx-lpp__sticky{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:var(--lp-s3);padding:var(--lp-s2) var(--lp-gutter);background:var(--bg-surface);border-top:1px solid var(--border-1);transform:translateY(110%);transition:transform var(--dur-base) var(--ease-out)}.smx-lpp__sticky.is-visible{transform:none}.smx-lpp__sticky-price{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--lp-fs-24);color:var(--smx-green);flex:none}.smx-lpp__sticky .lp-btn{flex:1 1 auto;width:auto}@media screen and (min-width:990px){.smx-lpp__sticky{display:none}}@media(prefers-reduced-motion:reduce){.smx-lpp__acc summary .icon-caret,.smx-lpp__thumb,.smx-lpp__arrow,.smx-lpp__sticky,.smx-lpp__addon-more summary .icon-caret{transition:none}}.smx-lpp .lp-variant__input:checked+.lp-variant__pill,.smx-strip .lp-variant__input:checked+.lp-variant__pill{background:var(--smx-cyan);border-color:var(--smx-cyan);color:var(--fg-on-cyan)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/smx-lp-product.css.map */