:root{--op-divider:#0f161f26}
.op-reviews__inner,.op-faq__inner{max-width:1480px}
.op-reviews__trust,.op-faq__header{border-top-color:var(--op-divider)}
.op-reviews__trust{margin-top:24px}
:is(slideshow-arrows,.slideshow-controls__arrows) .slideshow-control{border-radius:50%!important;aspect-ratio:1;min-height:44px;min-width:44px;background:#f1edff;color:#7a61fd}
:is(slideshow-arrows,.slideshow-controls__arrows) .slideshow-control::before{border-radius:50%!important}
media-gallery .slideshow-controls__arrows .slideshow-control{width:44px;max-width:44px;height:44px}
media-gallery:not(.dialog-zoomed-gallery *){min-width:0}
@media(min-width:750px){
media-gallery.media-gallery--carousel{position:sticky;top:calc(var(--header-height,90px) + 16px);align-self:start}
media-gallery.media-gallery--carousel slideshow-container{max-height:calc(100dvh - var(--header-height,90px) - var(--header-group-height,48px) - 180px)}
media-gallery .product-media-container.constrain-height{--constrained-min-height:200px;--viewport-offset:calc(var(--header-height,90px) + var(--header-group-height,48px) + 180px);max-height:calc(100dvh - var(--header-height,90px) - var(--header-group-height,48px) - 180px)}
media-gallery .product-media-container .product-media{max-height:inherit}
media-gallery slideshow-controls[thumbnails]{margin-block:10px 0}
}
@media(max-width:749px){
media-gallery .product-media-container.constrain-height{max-height:55dvh}
media-gallery slideshow-controls[thumbnails]{margin-top:10px}
}
.op-catalog-intro{max-width:1480px;margin:24px auto 0;padding-inline:24px;color:#465161;font-size:15px;line-height:1.65}
.op-scroll-tools{position:fixed;inset-inline-end:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 36px);opacity:0;visibility:hidden;transition:opacity .2s}
.op-scroll-tools[data-visible]{opacity:1;visibility:visible}
.op-scroll-top{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid #b9aaed;background:#f8f6ffed;color:#7458db;box-shadow:0 4px 20px #30374b18;cursor:pointer}
.op-scroll-top svg{width:18px;height:18px}
.op-custom-floating{display:block;padding:12px 18px;border:1px solid #d2c4f6;border-radius:999px;background:linear-gradient(110deg,#d5f7fa,#e6dcff);color:#34315c;text-decoration:none;font-size:13px;font-weight:650;box-shadow:0 4px 20px #30374b18}
body:has(.menu-drawer-container[open]) .op-scroll-tools,body:has(dialog[open]) .op-scroll-tools{visibility:hidden;opacity:0}
.op-scroll-tools :focus-visible{outline:2px solid #24cfe7;outline-offset:4px}
@media(max-width:749px){.op-scroll-tools{inset-inline-end:12px;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px;max-width:calc(100vw - 24px)}.op-custom-floating{font-size:11px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.op-scroll-tools{transition:none}}

.op-faq-delivery{display:block;margin-top:18px;padding:16px;background:linear-gradient(110deg,#e2f7fa,#eee7ff);border:1px solid #d8d1ed;border-radius:12px;font-size:13px;line-height:1.7;color:#394761}.op-faq-delivery>p{margin:8px 0 0}.op-related__header nav button{border-radius:50%}

@media(min-width:990px){media-gallery.media-gallery--carousel{margin-block-start:32px;top:calc(var(--header-height,90px) + 32px)}.op-collection .op-collection__inner{padding-inline:76px!important}.op-collection__navigation{inset:0 -44px 110px}.op-collection__navigation button:first-child,.op-collection__navigation button:last-child{transform:none}.op-related{position:relative}.op-related__header nav{position:absolute;inset:50% 0 auto;display:flex;justify-content:space-between;pointer-events:none}.op-related__header nav button{pointer-events:auto}}
:is(.op-collection__navigation,.op-related__header nav) button,:is(slideshow-arrows,.slideshow-controls__arrows) .slideshow-control{display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:8px;border:0!important;border-radius:50%!important;background:transparent!important;color:#7a61fd!important;box-shadow:none!important;transition:background-color .2s,color .2s,transform .2s;cursor:pointer}
:is(.op-collection__navigation,.op-related__header nav) button svg{width:24px;height:24px;display:block}
:is(.op-collection__navigation,.op-related__header nav) button:hover,:is(slideshow-arrows,.slideshow-controls__arrows) .slideshow-control:hover{background:#ebe5ff!important;color:#5a3fcb!important;transform:scale(1.08)}
:is(.op-collection__navigation,.op-related__header nav) button:disabled{opacity:.25;cursor:default;transform:none}
@media(max-width:989px){.op-collection__navigation{display:none!important}}

@media(min-width:990px){media-gallery.media-gallery--carousel.spacing-style{margin-block-start:32px!important;top:calc(var(--header-height,90px) + 32px)!important}.op-collection .op-collection__navigation{inset:var(--op-nav-y,150px) -60px auto!important;height:40px;transform:translateY(-50%)}.op-collection .op-collection__navigation button{transform:none!important}.op-related .op-related__header nav{position:absolute!important;inset:50% 0 auto!important}}

main[data-template^="product"] .product-information {
  padding-block-start: 32px !important;
}
main[data-template^="product"] .product-information media-gallery.media-gallery--carousel.spacing-style,
main[data-template^="product"] .product-information .product-details > .group-block {
  margin-block-start: 0 !important;
}
@media(max-width:749px) {
  main[data-template^="product"] .product-information {
    padding-block-start: 20px !important;
  }
}

.op-scroll-tools{bottom:calc(20px + env(safe-area-inset-bottom) + var(--op-preview-bar-offset,0px));z-index:30}
.op-scroll-top:hover{background:#eee8ff;border-color:#8b72dc}
@media(max-width:749px){.op-scroll-tools{bottom:calc(14px + env(safe-area-inset-bottom) + var(--op-preview-bar-offset,0px))}}

main[data-template^="product"] .product-information__media .product-media.op-media-pad{align-items:center!important;justify-content:center!important}
main[data-template^="product"] .product-information__media .product-media.op-media-pad>.product-media__image{object-fit:contain!important;object-position:center center!important}
@media(min-width:750px){
main[data-template^="product"] .product-information__media media-gallery>slideshow-component{margin-inline:44px!important;width:calc(100% - 88px);overflow:visible}
main[data-template^="product"] .product-information__media slideshow-arrows{inset:0 -44px!important;width:calc(100% + 88px)!important;padding-inline:0!important;align-items:center!important;justify-content:space-between!important;pointer-events:none}
main[data-template^="product"] .product-information__media slideshow-arrows button{pointer-events:auto}
}