/* Theme boundary: only Yioma components, including Elementor/Rey button overrides. */
/* No size containment: it can erase intrinsic width in shrink-to-fit widgets. */
html body .ysv-feed {
 display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important;
 align-self: stretch !important; float: none !important; container-type: normal !important; contain: none !important;
 writing-mode: horizontal-tb !important; text-orientation: mixed !important; height: auto !important;
}
html body .elementor-widget:has(.ysv-feed) {
 width: 100% !important; max-width: 100% !important; min-width: 0 !important; align-self: stretch !important;
 --container-widget-width: 100%; --container-widget-flex-grow: 1;
}
html body .elementor-widget-container:has(.ysv-feed), html body .elementor-shortcode:has(.ysv-feed) {
 display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
}
html body .ysv-feed .ysv-feed__header {
 display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
 align-items: center !important; justify-content: space-between !important;
 width: 100% !important; min-width: 0 !important; gap: 12px 20px !important; margin: 0 0 18px !important;
}
html body .ysv-feed .ysv-feed__title {
 display: block !important; position: static !important; flex: 1 1 240px !important;
 width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important;
 writing-mode: horizontal-tb !important; text-orientation: mixed !important; word-break: normal !important;
 overflow-wrap: normal !important; white-space: normal !important; transform: none !important;
 font-size: 24px !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important;
}
html body .ysv-feed .ysv-feed__title:empty { display: none !important; }
html body .ysv-feed .ysv-feed__arrows { display: flex !important; flex: 0 0 auto !important; gap: 8px !important; margin-left: auto !important; }
html body .ysv-feed .ysv-feed__track {
 display: grid !important; grid-auto-flow: column !important; grid-template-columns: none !important;
 width: 100% !important; max-width: 100% !important; min-width: 0 !important;
 overflow-x: auto !important; justify-content: start !important; margin-left: 0 !important; margin-right: 0 !important;
}
html body .ysv-feed--shop .ysv-feed__track { grid-auto-columns: var(--ysv-card-width, min(320px, 86%)) !important; gap: 24px !important; }
html body .ysv-feed--compact .ysv-feed__track { grid-auto-columns: 118px !important; gap: 12px !important; }
html body .ysv-feed--shop .ysv-card, html body .ysv-feed--compact .ysv-card { min-width: 0 !important; width: 100% !important; }
html body .ysv-feed--shop .ysv-card__open, html body .ysv-feed--compact .ysv-card__open { display: block !important; padding: 0 !important; border: 0 !important; width: 100% !important; height: 100% !important; background: #171816 !important; }
html body .ysv-feed .ysv-card__video { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body .ysv-feed--stories .ysv-story__ring .ysv-story__preview {
 position: absolute !important; inset: 3px !important; width: calc(100% - 6px) !important;
 height: calc(100% - 6px) !important; display: block !important; object-fit: cover !important;
 border-radius: 50% !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
 pointer-events: none !important; opacity: 0 !important;
}
html body .ysv-feed--stories .ysv-story__ring .ysv-story__preview.is-previewing { opacity: 1 !important; }
html body .ysv-feed *, html body .ysv-modal * { box-sizing: border-box !important; }
html body .ysv-feed button::before, html body .ysv-feed button::after,
html body .ysv-modal button::before, html body .ysv-modal button::after { content: none !important; display: none !important; }
html body .ysv-feed button, html body .ysv-modal button {
 appearance: none !important; -webkit-appearance: none !important;
 text-transform: none !important; letter-spacing: normal !important; text-indent: 0 !important;
 font-style: normal !important; text-decoration: none !important; box-shadow: none !important;
 min-width: 0 !important; min-height: 0 !important; max-width: none !important;
 margin: 0 !important; background-image: none !important; filter: none !important;
}
html body .ysv-feed--stories .ysv-feed__track { display: grid !important; grid-auto-flow: column !important; grid-template-columns: none !important; grid-auto-columns: 128px !important; gap: 24px !important; justify-content: start !important; align-items: start !important; }
html body .ysv-feed--stories .ysv-story { width: 128px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
html body .ysv-feed--stories .ysv-card__open {
 display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important;
 width: 128px !important; height: auto !important; padding: 0 !important; gap: 10px !important;
 color: #242824 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important;
 line-height: 1.35 !important; white-space: normal !important; text-align: center !important; opacity: 1 !important;
}
html body .ysv-feed--stories .ysv-story__ring {
 display: block !important; position: relative !important; flex: 0 0 120px !important;
 width: 120px !important; height: 120px !important; min-width: 120px !important;
 padding: 3px !important; margin: 0 !important; border: 1px solid var(--ysv-accent, #77846f) !important;
 border-radius: 50% !important; overflow: hidden !important; background: #fff !important;
}
html body .ysv-feed--stories .ysv-story__ring img {
 display: block !important; position: static !important; float: none !important;
 width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;
 margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
 object-fit: cover !important; object-position: center !important; transform: none !important;
}
html body .ysv-feed--stories .ysv-story__title {
 display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important;
 position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
 font: 400 14px/1.4 Arial, sans-serif !important; color: #242824 !important;
 min-height: 2.8em !important; max-height: 2.8em !important; overflow: hidden !important; text-align: center !important;
}
html body .ysv-feed .ysv-feed__arrow {
 display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important;
 padding: 0 !important; border: 1px solid #d8ddd5 !important; border-radius: 50% !important;
 background: #fff !important; color: #262d24 !important; font: 400 20px/1 Arial, sans-serif !important; opacity: 1 !important;
}
html body .ysv-modal .ysv-control {
 display: flex !important; align-items: center !important; justify-content: center !important;
 width: 44px !important; height: 44px !important; padding: 10px !important; flex: 0 0 44px !important;
 border: 0 !important; border-radius: 50% !important; background: rgba(18,20,18,.72) !important;
 color: #fff !important; opacity: 1 !important; line-height: 1 !important; cursor: pointer !important;
}
html body .ysv-modal .ysv-control:disabled { opacity: .38 !important; cursor: default !important; }
html body .ysv-modal .ysv-control svg, html body .ysv-modal .ysv-control svg * {
 fill: none !important; stroke: #fff !important; stroke-width: 2 !important;
 stroke-linecap: round !important; stroke-linejoin: round !important;
}
html body .ysv-modal .ysv-control svg { display: block !important; width: 24px !important; height: 24px !important; flex: 0 0 24px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; }
html body .ysv-modal .ysv-modal__toggle { background: transparent !important; border: 0 !important; border-radius: 50% !important; color: white !important; padding: 0 !important; }
html body .ysv-modal .ysv-modal__toggle svg { width: 42px !important; height: 42px !important; fill: white !important; stroke: none !important; }
html body .ysv-modal .ysv-modal__copy { overflow: hidden !important; scrollbar-width: none !important; }
html body .ysv-modal .ysv-modal__copy strong { color: white !important; font: 600 20px/1.3 Arial,sans-serif !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; }
html body .ysv-modal .ysv-modal__copy p { color: #ffffffe0 !important; font: 400 14px/1.4 Arial,sans-serif !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden !important; }
html body .ysv-modal .ysv-modal__cart { background: var(--ysv-accent,#77846f) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: 14px 20px !important; font: 600 14px/1.4 Arial,sans-serif !important; }
html body .ysv-modal .ysv-modal__cart.is-added { background: #2e6f49 !important; }
html body .ysv-modal button:focus-visible, html body .ysv-feed button:focus-visible { outline: 2px solid #9aab90 !important; outline-offset: 3px !important; }
html body .ysv-modal [hidden] { display: none !important; }
@media(max-width:760px) {
 html body .ysv-feed--stories .ysv-feed__track { grid-auto-columns: 100px !important; gap: 18px !important; }
 html body .ysv-feed--stories .ysv-story, html body .ysv-feed--stories .ysv-card__open { width: 100px !important; }
 html body .ysv-feed--stories .ysv-story__ring { width: 92px !important; height: 92px !important; min-width: 92px !important; flex-basis: 92px !important; }
 html body .ysv-feed--stories .ysv-story__title { font-size: 13px !important; }
}