/** Shopify CDN: Minification failed

Line 58:0 "@charset" must be the first rule in the file
Line 67:0 "@charset" must be the first rule in the file
Line 72:0 "@charset" must be the first rule in the file
Line 159:0 "@charset" must be the first rule in the file
Line 162:0 "@charset" must be the first rule in the file
Line 199:0 "@charset" must be the first rule in the file
Line 202:0 "@charset" must be the first rule in the file
Line 1080:0 "@charset" must be the first rule in the file
Line 1083:0 "@charset" must be the first rule in the file
Line 1090:0 "@charset" must be the first rule in the file
... and 24 more hidden warnings

**/
@charset "utf-8";

@font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: fallback; src: url("//getionix.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"), url("//getionix.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); }

@font-face { font-family: Montserrat; font-weight: 400; font-style: italic; font-display: fallback; src: url("//getionix.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"), url("//getionix.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff"); }

@font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: fallback; src: url("//getionix.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//getionix.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); }

@font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: fallback; src: url("//getionix.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), url("//getionix.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); }

@font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: fallback; src: url("//getionix.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//getionix.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); }

@font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: fallback; src: url("//getionix.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), url("//getionix.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); }

:root { --spacing-0-5: 0.125rem; --spacing-1: 0.25rem; --spacing-1-5: 0.375rem; --spacing-2: 0.5rem; --spacing-2-5: 0.625rem; --spacing-3: 0.75rem; --spacing-3-5: 0.875rem; --spacing-4: 1rem; --spacing-4-5: 1.125rem; --spacing-5: 1.25rem; --spacing-5-5: 1.375rem; --spacing-6: 1.5rem; --spacing-6-5: 1.625rem; --spacing-7: 1.75rem; --spacing-7-5: 1.875rem; --spacing-8: 2rem; --spacing-8-5: 2.125rem; --spacing-9: 2.25rem; --spacing-9-5: 2.375rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 3rem; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-18: 4.5rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 9rem; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 12rem; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 15rem; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --container-max-width: 1440px; --container-narrow-max-width: 1190px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-10); --section-inner-max-spacing-block: var(--spacing-9); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 2.625rem; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: Montserrat, sans-serif; --heading-font-weight: 400; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: "DM Sans", sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 2.75rem; --text-h1: 2rem; --text-h2: 1.75rem; --text-h3: 1.375rem; --text-h4: 1.125rem; --text-h5: 1.125rem; --text-h6: 1rem; --text-xs: 0.6875rem; --text-sm: 0.75rem; --text-base: 0.875rem; --text-lg: 1.125rem; --accent: 26 26 24; --text-primary: 26 26 24; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 26 26 24; --button-text-primary: 255 255 255; --button-background-secondary: 140 125 94; --button-text-secondary: 255 255 255; --success-background: 235 243 238; --success-text: 90 158 111; --warning-background: 241 239 236; --warning-text: 140 125 94; --error-background: 248 235 235; --error-text: 196 92 92; --on-sale-text: 140 125 94; --on-sale-badge-background: 140 125 94; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 154 149 144; --sold-out-badge-text: 255 255 255; --primary-badge-background: 26 26 24; --primary-badge-text: 255 255 255; --star-color: 140 125 94; --product-card-background: 255 255 255; --product-card-text: 26 26 24; --header-background: 255 255 255; --header-text: 26 26 24; --footer-background: 11 14 17; --footer-text: 241 240 236; --rounded-xs: 0.25rem; --rounded-sm: 0.3125rem; --rounded: 0.625rem; --rounded-lg: 1.25rem; --rounded-full: 9999px; --rounded-block: 1.25rem; --rounded-button: 3.75rem; --rounded-input: 0.5rem; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url("//getionix.com/cdn/shop/t/12/assets/cursor-close.svg?v=67823394671329714291791467512"); --cursor-zoom-in-svg-url: url("//getionix.com/cdn/shop/t/12/assets/cursor-zoom-in.svg?v=2656660652962230021791467512"); --cursor-zoom-out-svg-url: url("//getionix.com/cdn/shop/t/12/assets/cursor-zoom-out.svg?v=88110990802737771841791467512"); --checkmark-svg-url: url("//getionix.com/cdn/shop/t/12/assets/checkmark.svg?v=5588600397216680941791467512"); }

[dir="rtl"]:root { --transform-logical-flip: -1; --transform-origin-start: right; --transform-origin-end: left; }

@media screen and (min-width: 700px) {
  :root { --text-h0: 3.5rem; --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.625rem; --text-h4: 1.375rem; --text-h5: 1.125rem; --text-h6: 1rem; --text-xs: 0.6875rem; --text-sm: 0.8125rem; --text-base: 0.9375rem; --text-lg: 1.1875rem; --container-gutter: 2rem; --section-outer-spacing-block: var(--spacing-14); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 1rem; --input-height: 3.125rem; --input-padding-inline: var(--spacing-5); }
}

@media screen and (min-width: 1000px) {
  :root { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-14); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); }
}

@media screen and (min-width: 1150px) {
  :root { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-14); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); }
}

@media screen and (min-width: 1400px) {
  :root { --text-h0: 4.5rem; --text-h1: 3.5rem; --text-h2: 2.75rem; --text-h3: 2rem; --text-h4: 1.75rem; --text-h5: 1.375rem; --text-h6: 1.25rem; --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-18); }
}

@media screen and (min-width: 1600px) {
  :root { --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-20); }
}

@media screen and (pointer: fine) {
  .button:not([disabled]):not(.button--outline):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover { background-color: transparent !important; color: rgb(var(--button-outline-color) / var(--button-background-opacity, 1)) !important; box-shadow: currentcolor 0px 0px 0px 2px inset !important; }
  .button--outline:not([disabled]):hover { background: rgb(var(--button-background)); color: rgb(var(--button-text-color)); box-shadow: inset 0 0 0 2px rgb(var(--button-background)); }
}
@charset "utf-8";

#shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; }

#shopify-buyer-consent.hidden { display: none; }

#shopify-subscription-policy-button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; text-decoration: underline; font-size: inherit; cursor: pointer; }

#shopify-subscription-policy-button::before { box-shadow: none; }
@charset "utf-8";

.kaching-bundles__block { display: none; }

.kaching-bundles-sticky-atc { display: none; }
@charset "utf-8";

.jdgm-xx { left: 0px; }

:root { --jdgm-primary-color: #8C7D5F; --jdgm-secondary-color: rgba(140,125,95,0.1); --jdgm-star-color: #8C7D5F; --jdgm-write-review-text-color: white; --jdgm-write-review-bg-color: #8C7D5F; --jdgm-paginate-color: #8C7D5F; --jdgm-border-radius: 0; --jdgm-reviewer-name-color: #8C7D5F; }

.jdgm-histogram__bar-content { background-color: rgb(140, 125, 95); }

.jdgm-rev[data-verified-buyer="true"] .jdgm-rev__icon.jdgm-rev__icon::after, .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge { color: white; background-color: rgb(140, 125, 95); }

.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper::before { content: "See more"; }

@media only screen and (min-width: 768px) {
  .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper::before { content: "See more"; }
}

.jdgm-prev-badge[data-average-rating="0.00"] { display: none !important; }

.jdgm-author-all-initials { display: none !important; }

.jdgm-author-last-initial { display: none !important; }

.jdgm-rev-widg__title { visibility: hidden; }

.jdgm-rev-widg__summary-text { visibility: hidden; }

.jdgm-prev-badge__text { visibility: hidden; }

.jdgm-rev__prod-link-prefix::before { content: "about"; }

.jdgm-rev__variant-label::before { content: "Variant: "; }

.jdgm-rev__out-of-store-text::before { content: "(out of store)"; }

@media only screen and (min-width: 768px) {
  .jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator, .jdgm-rev__pics .jdgm-rev__product-picture { display: none; }
}

@media only screen and (max-width: 768px) {
  .jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator, .jdgm-rev__pics .jdgm-rev__product-picture { display: none; }
}

.jdgm-preview-badge[data-template="product"] { display: none !important; }

.jdgm-preview-badge[data-template="collection"] { display: none !important; }

.jdgm-preview-badge[data-template="index"] { display: none !important; }

.jdgm-review-widget[data-from-snippet="true"] { display: none !important; }

.jdgm-verified-count-badget[data-from-snippet="true"] { display: none !important; }

.jdgm-carousel-wrapper[data-from-snippet="true"] { display: none !important; }

.jdgm-all-reviews-text[data-from-snippet="true"] { display: none !important; }

.jdgm-medals-section[data-from-snippet="true"] { display: none !important; }

.jdgm-ugc-media-wrapper[data-from-snippet="true"] { display: none !important; }

.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"] { display: none !important; }

.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"] { display: none !important; }

.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"] { display: none !important; }

.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"] { display: none !important; }

.jdgm-review-snippet-widget { --jdgm-snippet-card-color: #fff; --jdgm-snippet-text-color: #000; --jdgm-snippet-lighter-text-color: #7B7B7B; --jdgm-snippet-star-color: #8C7D5F; --jdgm-snippet-border-radius: 8px; --jdgm-snippet-arrows-bg-color: #fff; --jdgm-snippet-arrows-color: #000; }

.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card { border-radius: 8px; background: rgb(255, 255, 255); }

.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star { color: rgb(140, 125, 95); }

.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn, .jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn { border-radius: 50%; background: rgb(255, 255, 255); }

.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn > svg, .jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn > svg { fill: rgb(0, 0, 0); }

.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content, .jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon, .jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img, .jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply { border-radius: 8px; }

.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after { border-radius: 8px; }

.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge { border-radius: calc(4px); }

.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before { content: "IONIX LABS"; }

.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button { border-radius: calc(48px); }
@charset "utf-8";


@charset "utf-8";

@-webkit-keyframes jdgm-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@keyframes jdgm-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

@font-face { font-family: JudgemeStar; src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff"); font-weight: normal; font-style: normal; }

.jdgm-star { font-family: JudgemeStar; font-weight: bold; opacity: 1; -webkit-font-smoothing: antialiased; display: inline !important; text-decoration: none !important; padding: 0px 4px 0px 0px !important; margin: 0px !important; }

.jdgm-star:hover { opacity: 1; }

.jdgm-star:last-of-type { padding: 0px !important; }

.jdgm-star.jdgm--on::before { content: ""; }

.jdgm-star.jdgm--off::before { content: ""; }

.jdgm-star.jdgm--half::before { content: ""; }

.jdgm-widget * { margin: 0px; line-height: 1.4; box-sizing: border-box; }

.jdgm-hidden { display: none !important; visibility: hidden !important; }

.jdgm-temp-hidden { display: none; }

.jdgm-spinner { width: 40px; height: 40px; margin: auto; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) rgb(204, 204, 204); animation: 0.8s linear 0s infinite normal none running jdgm-spin; }

.jdgm-spinner:empty { display: block; }

.jdgm-prev-badge { display: block !important; }
@charset "utf-8";

.ig-hidden { display: none !important; }
@charset "utf-8";

html.ap-lock, html.ap-lock body { overflow: hidden !important; }

html.ap-ready form.klaviyo-form:has(.ap-scene, .ap-ov) > :not(.ap-ov) { opacity: 0 !important; pointer-events: none !important; }

html.ap-ready.ap-body form.klaviyo-form:has(.ap-scene, .ap-phone) { opacity: 0 !important; pointer-events: none !important; }

html.ap-ready form.klaviyo-form.ap-sms-live { scrollbar-width: none; position: fixed !important; left: var(--ap-sx) !important; top: var(--ap-sy) !important; right: auto !important; bottom: auto !important; display: block !important; width: var(--ap-sw) !important; height: var(--ap-sh) !important; min-width: 0px !important; min-height: 0px !important; max-width: none !important; max-height: none !important; margin: 0px !important; padding: 0px !important; z-index: 2147483001 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; border: 0px !important; transform: none !important; opacity: 1 !important; }

html.ap-ready form.klaviyo-form.ap-sms-live.ap-sms-scroll { overflow: hidden auto !important; }

html.ap-ready form.klaviyo-form.ap-sms-live::-webkit-scrollbar { display: none; }

html.ap-ready form.klaviyo-form.ap-sms-live > :not(.ap-ov) { position: relative !important; z-index: 1 !important; width: auto !important; height: auto !important; min-height: 0px !important; max-height: none !important; max-width: 100% !important; margin: 0px !important; opacity: 1 !important; pointer-events: auto !important; transition: opacity 0.45s !important; }

html.ap-ready form.klaviyo-form.ap-sms-live [data-testid="form-row"] { flex-shrink: 0 !important; }

html.ap-ready form.klaviyo-form.ap-sms-live [data-testid="form-component"] { padding-top: 5px !important; padding-bottom: 5px !important; }

html.ap-ready form.klaviyo-form.ap-sms-live.ap-sms-hold > :not(.ap-ov) { opacity: 0 !important; pointer-events: none !important; }

html.ap-ready form.klaviyo-form.ap-sms-live > .ap-ov { z-index: 0 !important; }

.ap-ov { container: apov / size; position: fixed; inset: 0px; z-index: 2147483000; display: block; overflow: hidden; isolation: isolate; margin: 0px; padding: 0px; color: var(--ap-ink); font: 400 15px/1.5 var(--ap-sans); letter-spacing: normal; text-align: center; text-transform: none; background: radial-gradient(75% 85% at 32% 42%, var(--ap-bg-a) 0%, var(--ap-bg-b) 55%, var(--ap-bg-c) 100%); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; animation: 0.45s ease 0s 1 normal both running ap-in; }

.ap-ov.ap-contained { position: absolute; }

.ap-ov.ap-moved { animation: auto ease 0s 1 normal none running none; }

@keyframes ap-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ap-ov.ap-out { opacity: 0; transition: opacity 0.3s; }

.ap-ov *, .ap-ov ::before, .ap-ov ::after { box-sizing: border-box; }

.ap-ov input, .ap-ov button, .ap-ov select, .ap-ov textarea { box-sizing: border-box !important; }

.ap-ov p, .ap-ov h2 { margin: 0px; }

.ap-ov h2, .ap-ov p, .ap-ov div, .ap-ov span, .ap-ov a, .ap-ov label, .ap-ov small { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-shadow: inherit; color: inherit; }

.ap-ov em, .ap-ov i, .ap-ov strong, .ap-ov b, .ap-ov button, .ap-ov input, .ap-ov select { letter-spacing: inherit; text-transform: inherit; text-shadow: inherit; }

.ap-ov [hidden] { display: none !important; }

.ap-ov .ap-grain { position: absolute; inset: 0px; z-index: 0; background-image: var(--ap-grain, none); opacity: 0.4; mix-blend-mode: multiply; pointer-events: none; }

.ap-ov .ap-fx { position: absolute; inset: 0px; z-index: 50; display: block; width: 100%; height: 100%; pointer-events: none; }

.ap-ov .ap-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }

.ap-ov .ap-frame { position: absolute; inset: 10px; z-index: 30; border: 1px solid color-mix(in srgb, var(--ap-taupe) 50%, transparent); pointer-events: none; transition: border-color 0.8s; }

.ap-ov .ap-logo { position: absolute; top: 24px; left: 50%; z-index: 31; transform: translateX(-50%); font: 800 16px/1 var(--ap-logo); letter-spacing: 0.02em; white-space: nowrap; color: var(--ap-ink); transition: color 0.8s; }

.ap-ov .ap-logo strong { font-weight: 800; }

.ap-ov .ap-logo span, .ap-ov .ap-logo small { margin-left: 5px; font-weight: 400; font-size: 0.78em; letter-spacing: 0.04em; color: var(--ap-taupe); transition: color 0.8s; }

.ap-ov .ap-x { position: absolute; top: 16px; right: 16px; z-index: 31; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: var(--ap-ink); cursor: pointer; transition: color 0.8s; }

.ap-ov .ap-x svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; }

.ap-ov .ap-steps, .ap-ov .ap-motto, .ap-ov .ap-side { display: none; }

.ap-ov .ap-pane[hidden] { display: none !important; }

.ap-ov .ap-pane.ap-enter > * { animation-duration: 0.6s; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: ap-rise; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i, 0) * 70ms); }

@keyframes ap-rise { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: none; }
}

.ap-ov .ap-kick { font: 700 11px/1.3 var(--ap-sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--ap-bronze); }

.ap-ov .ap-head { margin-top: 10px; font: 400 31px/1.07 var(--ap-display); letter-spacing: -0.02em; text-wrap: balance; color: var(--ap-ink); }

.ap-ov .ap-head em { font-style: italic; color: var(--ap-gold); }

.ap-ov .ap-txt { max-width: 40ch; margin: 12px auto 0px; font-size: 14.5px; line-height: 1.6; color: var(--ap-body); text-wrap: balance; }

.ap-ov .ap-txt b, .ap-ov .ap-txt strong { color: var(--ap-ink); }

.ap-ov .ap-hint { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 46px; padding: 0px 22px; border: 1px solid color-mix(in srgb, var(--ap-ink) 12%, transparent); border-radius: 999px; background: rgba(255, 255, 255, 0.5); font: 700 11px/1 var(--ap-sans); letter-spacing: 0.16em; text-transform: uppercase; color: var(--ap-ink); }

.ap-ov .ap-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ap-gold); animation: 1.8s ease-out 0s infinite normal none running ap-ping; }

@keyframes ap-ping { 
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--ap-gold) 55%, transparent); }
  100% { box-shadow: 0 0 0 9px color-mix(in srgb, var(--ap-gold) 0%, transparent); }
}

.ap-ov .ap-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 380px; height: 56px; margin: 0px; padding: 0px 28px; border: 0px; border-radius: 999px; overflow: hidden; background: var(--ap-ink); color: var(--ap-cream); font: 700 13px/1 var(--ap-sans); letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; cursor: pointer; box-shadow: 0 16px 30px -16px color-mix(in srgb, var(--ap-ink) 75%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ap-gold-light) 35%, transparent); }

.ap-ov .ap-btn .ap-sheen { position: absolute; top: 0px; bottom: 0px; left: -60%; width: 40%; background: linear-gradient(100deg, color-mix(in srgb, var(--ap-gold-light) 0%, transparent), color-mix(in srgb, var(--ap-gold-light) 35%, transparent), color-mix(in srgb, var(--ap-gold-light) 0%, transparent)); transform: skewX(-20deg); animation: 3.6s ease-in-out 0s infinite normal none running ap-sweep; pointer-events: none; }

@keyframes ap-sweep { 
  0%, 55% { left: -60%; }
  100% { left: 130%; }
}

.ap-ov .ap-btn[disabled] { opacity: 0.6; cursor: wait; }

.ap-ov .ap-btn:focus-visible, .ap-ov .ap-lnk:focus-visible, .ap-ov .ap-x:focus-visible { outline: 2px solid var(--ap-gold); outline-offset: 3px; }

.ap-ov .ap-lnk { display: inline-block; margin-top: 10px; padding: 6px 8px; border: 0px; background: none; cursor: pointer; font: 500 12.5px/1.2 var(--ap-sans); color: var(--ap-muted); text-decoration: underline; text-underline-offset: 3px; }

.ap-ov .ap-lnk:hover { color: var(--ap-ink); }

.ap-ov .ap-cta { display: flex; flex-direction: column; align-items: center; margin-top: 18px; }

.ap-ov .ap-form { display: grid; gap: 10px; max-width: 380px; margin: 16px auto 0px; }

.ap-ov input.ap-input[type="email"] { display: block; width: 100%; height: 56px; margin: 0px; padding: 0px 20px; border: 1px solid color-mix(in srgb, var(--ap-ink) 14%, transparent); border-radius: 999px; background: var(--ap-field); box-shadow: none; font: 500 15px/1 var(--ap-sans); color: var(--ap-ink); text-align: center; appearance: none; }

.ap-ov input.ap-input[type="email"]::placeholder { color: color-mix(in srgb, var(--ap-ink) 42%, transparent); }

.ap-ov input.ap-input[type="email"]:focus { outline: none; border-color: var(--ap-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ap-gold) 18%, transparent); }

.ap-ov .ap-form .ap-btn { max-width: none; }

.ap-ov .ap-err { font-size: 12.5px; color: rgb(164, 69, 44); }

.ap-ov .ap-sms-slot { width: 100%; max-width: 420px; height: 330px; max-height: 330px; margin: 14px auto 0px; }

.ap-ov .ap-sms-skip { display: none; margin-top: 4px; }

.ap-ov.ap-sms-own-skip .ap-sms-skip { display: flex; }

.ap-ov .ap-legal { max-width: 380px; margin: 10px auto 0px; font-size: 10.5px; line-height: 1.5; color: var(--ap-muted); }

.ap-ov .ap-legal a { color: inherit; }

.ap-ov .ap-dn { margin-top: 10px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: -0.02em; color: var(--ap-ink); font-variant-numeric: lining-nums; }

.ap-ov .ap-dn em { margin-left: 6px; font: italic 400 0.3em/1 var(--ap-display); letter-spacing: 0px; color: var(--ap-gold); }

.ap-ov .ap-dsub { margin-top: 6px; font-size: 14px; color: var(--ap-muted); }

.ap-ov .ap-inbox { display: block; max-width: 400px; margin: 20px auto 0px; padding: 16px 30px; border-top: 1px solid color-mix(in srgb, var(--ap-ink) 12%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--ap-ink) 12%, transparent); font: 400 18px/1.4 var(--ap-display); color: var(--ap-ink); text-align: center; text-wrap: wrap; }

.ap-ov .ap-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; font-size: 12.5px; color: var(--ap-muted); }

.ap-ov .ap-check { position: relative; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: var(--ap-gold); }

.ap-ov .ap-check i { position: absolute; left: 5px; top: 5px; width: 8px; height: 4.5px; border-left: 1.5px solid rgb(255, 255, 255); border-bottom: 1.5px solid rgb(255, 255, 255); transform: rotate(-45deg); }

@container apov (min-width: 900px) {
  .ap-ov .ap-frame { inset: 22px; }
  .ap-ov .ap-logo { top: 46px; left: 58px; transform: none; font-size: 19px; }
  .ap-ov .ap-x { top: 34px; right: 38px; width: 44px; height: 44px; }
  .ap-ov .ap-x svg { width: 18px; height: 18px; }
  .ap-ov .ap-steps { position: absolute; right: 58px; bottom: 42px; z-index: 31; display: flex; gap: 26px; font: 700 10.5px/1 var(--ap-sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ap-taupe); transition: color 0.8s; }
  .ap-ov .ap-steps span { transition: color 0.4s; }
  .ap-ov .ap-steps b { margin-right: 8px; color: var(--ap-gold); }
  .ap-ov .ap-steps .ap-on { color: var(--ap-ink); }
  .ap-ov .ap-motto { position: absolute; left: 58px; bottom: 40px; z-index: 31; display: block; font: italic 400 15px/1 var(--ap-display); color: var(--ap-muted); transition: color 0.8s; }
  .ap-ov .ap-side { position: absolute; left: 38px; top: 50%; z-index: 31; display: block; transform: translate(-50%, -50%) rotate(-90deg); font: 700 9.5px/1 var(--ap-sans); letter-spacing: 0.34em; text-transform: uppercase; white-space: nowrap; color: var(--ap-taupe); transition: color 0.8s; }
  .ap-ov .ap-kick { font-size: 12px; letter-spacing: 0.24em; }
  .ap-ov .ap-head { margin-top: 18px; font-size: clamp(40px, 4.1cqw, 78px); line-height: 1.02; }
  .ap-ov .ap-txt { margin-top: 20px; max-width: 46ch; font-size: clamp(15.5px, 1.12cqw, 18px); }
  .ap-ov .ap-btn { width: auto; min-width: 320px; height: 57px; }
  .ap-ov .ap-cta { margin-top: 30px; }
  .ap-ov input.ap-input[type="email"] { height: 58px; }
  .ap-ov .ap-dn { font-size: clamp(90px, 8cqw, 150px); }
}

.ap-ov .ap-grid { position: absolute; inset: 62px 20px 22px; z-index: 2; display: flex; flex-direction: column; justify-content: center; overflow-y: auto; scrollbar-width: none; }

.ap-ov .ap-grid::-webkit-scrollbar { display: none; }

.ap-ov .ap-visual { position: relative; display: flex; align-items: flex-end; justify-content: center; order: 2; padding-top: 34%; margin-top: 8px; }

.ap-ov .ap-copy { order: 1; }

.ap-ov .ap-actions { order: 3; display: flex; flex-direction: column; align-items: center; margin-top: 14px; }

.ap-ov .ap-actions .ap-lnk { margin-top: 8px; }

.ap-ov .ap-actions > .ap-pane { display: flex; flex-direction: column; align-items: center; align-self: stretch; }

.ap-ov .ap-actions .ap-lnk { white-space: nowrap; }

.ap-ov .ap-target { cursor: pointer; }

.ap-ov .ap-target:focus, .ap-ov .fr-cover:focus { outline: none; }

.ap-ov.ap-still .ap-visual, .ap-ov.ap-still .ap-visual * { transition: none !important; }

@container apov (min-width: 900px) {
  .ap-ov .ap-grid { inset: 13cqh 9cqw 14.5cqh 9.75cqw; display: grid; grid-template: "copy visual" "actions visual" / minmax(0px, 0.9fr) minmax(0px, 1.1fr); column-gap: 6cqw; align-content: center; overflow: visible; text-align: left; }
  .ap-ov .ap-copy { grid-area: copy; align-self: end; }
  .ap-ov .ap-copy .ap-head { font-size: clamp(38px, 3.8cqw, 72px); }
  .ap-ov .ap-copy .ap-txt { margin-left: 0px; margin-right: 0px; }
  .ap-ov .ap-copy .ap-form, .ap-ov .ap-copy .ap-legal, .ap-ov .ap-copy .ap-inbox { max-width: 420px; margin-left: 0px; }
  .ap-ov .ap-copy input.ap-input[type="email"] { text-align: left; padding: 0px 24px; }
  .ap-ov .ap-copy .ap-note { justify-content: flex-start; }
  .ap-ov .ap-copy .ap-cta { align-items: flex-start; }
  .ap-ov .ap-actions { grid-area: actions; align-self: start; align-items: flex-start; margin-top: 34px; }
  .ap-ov .ap-actions > .ap-pane:not([hidden]) { display: flex; flex-flow: wrap; align-items: center; gap: 12px 18px; }
  .ap-ov .ap-actions .ap-lnk { margin-top: 0px; }
  .ap-ov .ap-visual { grid-area: visual; align-self: center; padding-top: 19.5cqh; margin: 0px; }
  .ap-ov .ap-halo { position: absolute; left: -10%; right: -10%; bottom: -12%; z-index: -1; height: 60%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); }
}

@container apov (max-width: 899px) {
  .ap-ov .ap-halo { display: none; }
  .ap-ov.ap-step-2 .ap-visual, .ap-ov.ap-step-3 .ap-visual { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ap-ov, .ap-ov *, .ap-ov ::before, .ap-ov ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

.ap-ov .dr-board { --w: min(84cqw, 320px); position: relative; width: var(--w); height: calc(var(--w) * 1.04); border-radius: 18px; background: linear-gradient(180deg, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 7px var(--ap-card-a), inset 0 0 0 8px color-mix(in srgb, var(--ap-gold) 70%, transparent), 0 26px 40px -22px color-mix(in srgb, var(--ap-shadow) 55%, transparent); }

.ap-ov .dr-board canvas { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; }

.ap-ov .dr-chute { position: absolute; left: 50%; top: 4%; width: 26%; height: 5%; transform: translateX(-50%); border-radius: 999px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--ap-gold) 55%, transparent) 0 2px, transparent 2px 7px); opacity: 0.8; }

.ap-ov .dr-slots { position: absolute; inset: 78% 0px 0px; display: flex; }

.ap-ov .dr-slot { position: relative; display: flex; flex: 1 1 0%; align-items: flex-end; justify-content: center; padding-bottom: 7%; border-left: 1.5px solid color-mix(in srgb, var(--ap-gold) 55%, transparent); transition: background 0.4s; }

.ap-ov .dr-slot:first-child { border-left: 0px; border-bottom-left-radius: 18px; }

.ap-ov .dr-slot:last-child { border-bottom-right-radius: 18px; }

.ap-ov .dr-slot i { font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-style: normal; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ap-muted); text-align: center; }

.ap-ov .dr-slot.dr-win { background: linear-gradient(180deg, color-mix(in srgb, var(--ap-gold-pale) 0%, transparent), color-mix(in srgb, var(--ap-gold-pale) 85%, transparent)); }

.ap-ov .dr-slot.dr-win i { color: var(--ap-ink); }

.ap-ov .dr-prize { position: absolute; left: 50%; top: 42%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 56%; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 40% 32%, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 5px var(--ap-card-a), inset 0 0 0 6px var(--ap-gold), 0 22px 34px -16px color-mix(in srgb, var(--ap-shadow) 60%, transparent); color: var(--ap-ink); text-align: center; opacity: 0; transform: translate(-50%, -50%) scale(0.4); transition: transform 0.6s cubic-bezier(0.2, 1.3, 0.4, 1), opacity 0.3s; pointer-events: none; }

.ap-ov .dr-ck { font: 700 calc(var(--w) * 0.03)/1.3 var(--ap-sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .dr-cn { font: 700 calc(var(--w) * 0.13)/1 var(--ap-numbers); letter-spacing: -0.02em; }

.ap-ov .dr-cn em { margin-left: 2px; font: italic 400 0.4em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .dr-cl { max-width: 80%; font: 500 calc(var(--w) * 0.032)/1.25 var(--ap-sans); color: var(--ap-muted); }

.ap-ov .dr-board.dr-won .dr-prize { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.ap-ov .dr-board.dr-won canvas { opacity: 0.35; transition: opacity 0.4s; }

.ap-ov.ap-drop .ap-visual { padding-top: 4%; }

@container apov (min-width: 900px) {
  .ap-ov .dr-board { --w: min(30cqw, 60cqh); }
  .ap-ov.ap-drop .ap-visual { padding-top: 0px; }
}

.ap-ov .fr-room { position: absolute; inset: 0px; z-index: 1; background: radial-gradient(60% 55% at 50% 32%, var(--ap-wall-a) 0%, var(--ap-wall-b) 50%, var(--ap-wall-c) 100%); }

.ap-ov .fr-floor { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; height: 14%; background: linear-gradient(180deg, var(--ap-floor-a), var(--ap-floor-b)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 12px 20px -12px color-mix(in srgb, var(--ap-shadow) 25%, transparent); }

.ap-ov .fr-mirror { position: absolute; left: 50%; top: 52%; z-index: 2; width: min(80cqw, 45cqh); aspect-ratio: 0.64 / 1; padding: 6px; transform: translate(-50%, -50%); border-radius: 50% 50% 10px 10px / 32% 32% 10px 10px; background: linear-gradient(135deg, var(--ap-gold-soft), var(--ap-gold) 35%, var(--ap-gold-deep) 55%, var(--ap-gold-light) 80%, var(--ap-gold)); box-shadow: 0 40px 60px -30px color-mix(in srgb, var(--ap-shadow) 55%, transparent); }

.ap-ov .fr-mshadow { position: absolute; left: 12%; right: 12%; bottom: -5.5%; height: 5%; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--ap-shadow) 35%, transparent), color-mix(in srgb, var(--ap-shadow) 0%, transparent)); }

.ap-ov .fr-glass { position: relative; display: flex; align-items: flex-start; justify-content: center; width: 100%; height: 100%; scrollbar-width: none; padding: 18% 9% 9%; overflow: hidden; border-radius: 50% 50% 6px 6px / 32% 32% 6px 6px; background: linear-gradient(118deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.55) 38%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.35) 64%, rgba(255, 255, 255, 0) 68%), radial-gradient(80% 60% at 50% 35%, var(--ap-glass-a) 0%, var(--ap-glass-b) 55%, var(--ap-glass-c) 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 -30px 40px -30px color-mix(in srgb, var(--ap-shadow) 30%, transparent); }

.ap-ov .fr-panes { position: relative; width: 100%; margin-block: auto; text-align: center; transition: opacity 0.9s 0.75s, transform 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.75s; }

.ap-ov.fr-closed .fr-panes { opacity: 0; transform: translateY(14px); }

.ap-ov .fr-panes .ap-head { font-size: 26px; }

.ap-ov .fr-big { margin-top: 8px; font: 700 clamp(56px, 18cqw, 76px)/1 var(--ap-numbers); color: var(--ap-ink); }

.ap-ov .fr-big em { margin-left: 4px; font: italic 400 0.36em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .fr-sub { margin-top: 4px; font-size: 13px; color: var(--ap-muted); }

.ap-ov .fr-try { margin-top: 10px; font: italic 400 15px/1.3 var(--ap-display); color: var(--ap-gold); }

.ap-ov .fr-panes .ap-btn { min-width: 0px; width: 100%; }

.ap-ov .fr-panes .ap-dn { font-size: clamp(60px, 20cqw, 84px); }

.ap-ov .fr-panes input.ap-input[type="email"] { padding: 0px 16px; }

.ap-ov .fr-sconce, .ap-ov .fr-props { display: none; }

.ap-ov .fr-cur { position: absolute; top: 0px; bottom: 0px; z-index: 5; width: 50.8%; overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 18%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.45) 100%),
repeating-linear-gradient(90deg, var(--ap-velvet-a) 0, var(--ap-velvet-b) calc(max(12px, 3.4cqw) * 0.28), var(--ap-velvet-c) calc(max(12px, 3.4cqw) * 0.44), var(--ap-velvet-d) calc(max(12px, 3.4cqw) * 0.66), var(--ap-velvet-a) max(12px, 3.4cqw)); will-change: transform; backface-visibility: hidden; transition: transform 1.6s cubic-bezier(0.62, 0.04, 0.28, 1); }

.ap-ov .fr-cur.l { left: 0px; transform-origin: 0px 50%; box-shadow: rgba(0, 0, 0, 0.4) 14px 0px 34px; }

.ap-ov .fr-cur.r { right: 0px; transform-origin: 100% 50%; box-shadow: rgba(0, 0, 0, 0.4) -14px 0px 34px; }

.ap-ov .fr-rings { position: absolute; left: 0px; right: 0px; top: 14px; height: 16px; background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0 4px, var(--ap-gold-light) 4.5px 6px, rgba(0, 0, 0, 0) 6.5px) 0 0 / max(12px, 3.4cqw) 16px repeat-x; }

.ap-ov .fr-hem { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 9px; background: linear-gradient(90deg, var(--ap-gold-deep), var(--ap-gold-soft), var(--ap-gold-deep)); opacity: 0.85; }

.ap-ov.fr-open .fr-cur { transform: scaleX(0.2); }

.ap-ov .fr-rail { position: absolute; left: 0px; right: 0px; top: 10px; z-index: 6; height: 9px; background: linear-gradient(180deg, var(--ap-velvet-c), var(--ap-velvet-a)); box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 6px; }

.ap-ov .fr-fin { position: absolute; top: -4px; width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, var(--ap-gold-pale), var(--ap-gold) 60%, var(--ap-bronze)); }

.ap-ov .fr-fin.l { left: 12px; }

.ap-ov .fr-fin.r { right: 12px; }

.ap-ov .fr-tie { position: absolute; top: 56%; z-index: 6; width: 10.2%; height: 26px; border-bottom: 3px solid var(--ap-gold-light); border-radius: 0px 0px 50% 50%; opacity: 0; transition: opacity 0.5s 1.3s; pointer-events: none; }

.ap-ov .fr-tie.l { left: 0px; }

.ap-ov .fr-tie.r { right: 0px; }

.ap-ov.fr-open .fr-tie { opacity: 1; }

.ap-ov .fr-cover { position: absolute; inset: 0px; z-index: 7; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px 28px 8%; color: var(--ap-cream); cursor: pointer; will-change: opacity, transform; transition: opacity 0.55s, transform 0.9s; }

.ap-ov .fr-cover .ap-kick { color: var(--ap-gold-light); }

.ap-ov .fr-cover .ap-head { color: var(--ap-cream); }

.ap-ov .fr-cover .ap-head em { color: var(--ap-gold-light); }

.ap-ov .fr-cover .ap-txt { color: color-mix(in srgb, var(--ap-cream) 72%, transparent); }

.ap-ov .fr-cover .ap-lnk { color: color-mix(in srgb, var(--ap-cream) 60%, transparent); }

.ap-ov .fr-knob { position: relative; display: grid; place-items: center; width: 104px; height: 104px; margin-top: 26px; padding: 0px; border: 1px solid color-mix(in srgb, var(--ap-gold-light) 60%, transparent); border-radius: 50%; background: none; cursor: pointer; }

.ap-ov .fr-knob .fr-pulse { position: absolute; inset: -8px; border: 1px solid color-mix(in srgb, var(--ap-gold-light) 40%, transparent); border-radius: 50%; animation: 2.4s ease-out 0s infinite normal none running ap-ring; pointer-events: none; }

@keyframes ap-ring { 
  0% { transform: scale(0.92); opacity: 0.9; }
  100% { transform: scale(1.35); opacity: 0; }
}

.ap-ov .fr-disc { display: grid; place-items: center; width: 82px; height: 82px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, var(--ap-gold-pale), var(--ap-gold-mid) 45%, var(--ap-gold-deep)); box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 20px, rgba(255, 255, 255, 0.5) 0px 2px 3px inset; font: italic 400 17px/1 var(--ap-display); color: color-mix(in srgb, var(--ap-ink) 80%, var(--ap-bronze)); transition: filter 0.3s; }

.ap-ov .fr-cover:hover .fr-knob { border-color: color-mix(in srgb, var(--ap-gold-light) 90%, transparent); }

.ap-ov .fr-cover:hover .fr-disc { filter: brightness(1.08); }

.ap-ov .fr-cover .fr-hint { margin-top: 14px; font: 700 9.5px/1 var(--ap-sans); letter-spacing: 0.2em; text-transform: uppercase; color: color-mix(in srgb, var(--ap-cream) 45%, transparent); }

.ap-ov.fr-open .fr-cover { opacity: 0; transform: scale(0.97); pointer-events: none; }

.ap-ov.fr-closed .ap-logo, .ap-ov.fr-closed .ap-x, .ap-ov.fr-closed .ap-motto, .ap-ov.fr-closed .ap-side, .ap-ov.fr-closed .ap-steps, .ap-ov.fr-closed .ap-steps .ap-on { color: var(--ap-cream); }

.ap-ov.fr-closed .ap-logo span, .ap-ov.fr-closed .ap-logo small { color: var(--ap-gold-light); }

.ap-ov.fr-closed .ap-frame { border-color: color-mix(in srgb, var(--ap-gold-light) 35%, transparent); }

.ap-ov.fr-closed .ap-logo { top: 38px; }

.ap-ov.fr-done .fr-cur { transition: none; }

.ap-ov .fr-glass::-webkit-scrollbar { display: none; }

.ap-ov.ap-sms-on .fr-panes { height: 100%; margin-block: 0px; }

.ap-ov .fr-panes .ap-pane[data-p="sms"]:not([hidden]) { display: flex; flex-direction: column; justify-content: center; height: 100%; }

.ap-ov .fr-panes .ap-pane[data-p="sms"] > * { flex: 0 0 auto; }

.ap-ov .fr-panes .ap-pane[data-p="sms"] .ap-sms-slot { flex: 0 1 auto; min-height: 0px; height: 300px; max-height: none; margin-top: 10px; }

.ap-ov .fr-mirror { transition: width 0.55s cubic-bezier(0.2, 0.8, 0.2, 1); }

@container apov (max-width: 899px) {
  .ap-ov .fr-panes .ap-pane[data-p="sms"] > .ap-kick, .ap-ov .fr-panes .ap-pane[data-p="sms"] > .ap-txt { display: none; }
  .ap-ov .fr-panes .ap-pane[data-p="sms"] .ap-head { font-size: 23px; }
  .ap-ov.ap-sms-on .fr-mirror { width: min(92cqw, 58cqh); }
  .ap-ov.ap-sms-on .fr-glass { padding-top: 15%; }
}

@container apov (min-width: 900px) {
  .ap-ov.ap-sms-on .fr-mirror { width: min(40cqw, 55cqh); }
  .ap-ov.ap-sms-on .fr-glass { padding: 12% 9% 6%; }
}

@container apov (min-width: 900px) and (max-height: 799px) {
  .ap-ov .fr-panes .ap-pane[data-p="sms"] > .ap-kick, .ap-ov .fr-panes .ap-pane[data-p="sms"] > .ap-txt { display: none; }
}

.ap-ov.ap-fitting .ap-x { right: calc(10cqw + 4px); }

@container apov (min-width: 900px) {
  .ap-ov .fr-mirror { width: min(32cqw, 44cqh); height: min(50cqw, 68.75cqh); aspect-ratio: auto; top: 50%; padding: 8px; }
  .ap-ov .fr-glass { padding: 17% 10% 9%; }
  .ap-ov .fr-panes .ap-head { font-size: clamp(28px, 2.2cqw, 39px); }
  .ap-ov .fr-big { font-size: clamp(82px, 7.8cqw, 136px); }
  .ap-ov .fr-sub { font-size: 15px; }
  .ap-ov .fr-try { font-size: 18px; }
  .ap-ov .fr-panes .ap-dn { font-size: clamp(82px, 7.2cqw, 128px); }
  .ap-ov .fr-cover { padding-bottom: 10cqh; }
  .ap-ov .fr-cover .ap-head { font-size: clamp(52px, 5cqw, 96px); text-align: center; }
  .ap-ov .fr-cover .ap-txt { margin: 20px auto 0px; text-align: center; }
  .ap-ov .fr-knob { width: 132px; height: 132px; margin-top: 32px; }
  .ap-ov .fr-knob .fr-pulse { inset: -10px; }
  .ap-ov .fr-disc { width: 106px; height: 106px; font-size: 21px; }
  .ap-ov .fr-rail { top: 22px; height: 11px; }
  .ap-ov .fr-rings { top: 28px; }
  .ap-ov.fr-closed .ap-logo { top: 50px; }
  .ap-ov.ap-fitting .ap-logo { left: 50%; transform: translateX(-50%); }
  .ap-ov.ap-fitting .ap-motto { left: 12.5cqw; }
  .ap-ov.ap-fitting .ap-steps { right: 12.5cqw; }
  .ap-ov.ap-fitting .ap-x { right: 16px; }
  .ap-ov.ap-fitting .ap-x, .ap-ov.ap-fitting .ap-side { color: var(--ap-cream); }
  .ap-ov .fr-sconce { position: absolute; top: 22%; display: block; width: 30px; height: 22px; box-shadow: rgba(255, 226, 160, 0.32) 0px 0px 70px 30px; }
  .ap-ov .fr-shade { position: absolute; inset: 0px; clip-path: polygon(22% 0px, 78% 0px, 100% 100%, 0px 100%); background: linear-gradient(rgb(255, 250, 240), rgb(234, 220, 191)); }
  .ap-ov .fr-arm { position: absolute; left: 50%; top: 100%; width: 2px; height: 26px; margin-left: -1px; background: linear-gradient(180deg, var(--ap-gold), var(--ap-bronze)); }
  .ap-ov .fr-sconce.l { left: -26%; }
  .ap-ov .fr-sconce.r { right: -26%; }
  .ap-ov .fr-props { position: absolute; inset: 0px; z-index: 1; display: block; pointer-events: none; }
  .ap-ov .fr-base { position: absolute; left: 0px; right: 0px; bottom: 14%; height: 10px; background: linear-gradient(180deg, var(--ap-glass-b), var(--ap-glass-c)); box-shadow: 0 1px 0 color-mix(in srgb, var(--ap-taupe) 45%, transparent); }
  .ap-ov .fr-hang { position: absolute; left: 18cqw; top: 22cqh; width: 11cqw; height: 46cqh; transform: translateX(-50%); }
  .ap-ov .fr-hang svg { position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible; }
  .ap-ov .fr-tag { position: absolute; left: 62%; top: 34%; display: grid; gap: 2px; padding: 7px 9px 8px; border-radius: 2px; background: var(--ap-glass-a); box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--ap-shadow) 45%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ap-taupe) 35%, transparent); transform: rotate(6deg); transform-origin: 50% 0px; text-align: left; white-space: nowrap; }
  .ap-ov .fr-string { position: absolute; left: 50%; top: -18px; width: 1px; height: 18px; background: color-mix(in srgb, var(--ap-bronze) 60%, transparent); }
  .ap-ov .fr-tag b { font: 700 8.5px/1.2 var(--ap-sans); letter-spacing: 0.16em; text-transform: uppercase; color: var(--ap-ink); }
  .ap-ov .fr-tag i { font: italic 400 10px/1.2 var(--ap-display); color: var(--ap-gold); }
  .ap-ov .fr-shelf { position: absolute; right: 18cqw; top: 40cqh; width: 13cqw; height: 13cqh; transform: translateX(50%); }
  .ap-ov .fr-board { position: absolute; left: -6%; right: -6%; bottom: 0px; height: 7px; background: linear-gradient(180deg, var(--ap-wall-b), var(--ap-floor-a)); box-shadow: 0 10px 14px -8px color-mix(in srgb, var(--ap-shadow) 45%, transparent); }
  .ap-ov .fr-bracket { position: absolute; top: 100%; width: 10px; height: 14px; border-left: 2px solid var(--ap-gold); border-bottom: 2px solid var(--ap-gold); }
  .ap-ov .fr-bracket.l { left: 14%; }
  .ap-ov .fr-bracket.r { right: 14%; transform: scaleX(-1); }
  .ap-ov .fr-fold { position: absolute; left: 6%; right: 6%; height: 22%; border-radius: 6px 6px 4px 4px; box-shadow: rgba(0, 0, 0, 0.18) 0px -3px 5px inset, rgba(255, 255, 255, 0.12) 0px 2px 2px inset; }
  .ap-ov .fr-fold i { position: absolute; left: 8%; right: 8%; top: 52%; height: 1px; background: rgba(255, 255, 255, 0.16); }
  .ap-ov .fr-fold.f1 { bottom: 7px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.3)), var(--ap-fold-a); }
  .ap-ov .fr-fold.f2 { bottom: calc(22% + 7px); left: 8%; right: 4%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.3)), var(--ap-fold-b); }
  .ap-ov .fr-fold.f3 { bottom: calc(44% + 7px); left: 4%; right: 8%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.14)), var(--ap-fold-c); }
  .ap-ov .fr-shelf small { position: absolute; left: 50%; top: calc(100% + 26px); transform: translateX(-50%); font: 700 8.5px/1.3 var(--ap-sans); letter-spacing: 0.22em; text-transform: uppercase; white-space: nowrap; color: var(--ap-taupe); }
}

.ap-ov .dk-fan { --w: min(84cqw, 320px); --pick: 1.42; position: relative; width: var(--w); height: calc(var(--w) * 0.7); }

.ap-ov .dk-card { --x: 0%; --y: 0%; --r: 0deg; --s: 1; position: absolute; left: 50%; bottom: 0px; width: calc(var(--w) * 0.36); aspect-ratio: 0.66 / 1; perspective: 900px; transform: translateX(-50%) translateX(var(--x)) translateY(var(--y)) rotate(var(--r)) scale(var(--s)); transform-origin: 50% 90%; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s; }

.ap-ov .dk-card.c0 { --x: -64%; --r: -11deg; --y: 4%; }

.ap-ov .dk-card.c1 { --y: -3%; z-index: 1; }

.ap-ov .dk-card.c2 { --x: 64%; --r: 11deg; --y: 4%; }

.ap-ov .dk-fan:not(.dk-picked) .dk-card:hover { --y: -8%; }

.ap-ov .dk-fan:not(.dk-picked) .dk-card.c1:hover { --y: -11%; }

.ap-ov .dk-inner { position: absolute; inset: 0px; transform-style: preserve-3d; transition: transform 0.75s cubic-bezier(0.45, 0.05, 0.25, 1); }

.ap-ov .dk-back, .ap-ov .dk-face { position: absolute; inset: 0px; overflow: hidden; border-radius: 9px; backface-visibility: hidden; }

.ap-ov .dk-back { background: radial-gradient(120% 90% at 50% 40%, var(--ap-wax-a), var(--ap-wax-b) 55%, var(--ap-wax-c)); box-shadow: 0 22px 34px -18px color-mix(in srgb, var(--ap-shadow) 70%, transparent), inset 0 0 0 5px var(--ap-wax-b), inset 0 0 0 6px color-mix(in srgb, var(--ap-gold-light) 70%, transparent); }

.ap-ov .dk-rays { position: absolute; inset: 11px; border-radius: 5px; background: repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--ap-gold-light) 22%, transparent) 0deg 1.2deg, transparent 1.2deg 12deg); mask: radial-gradient(closest-side, transparent 26%, rgb(0, 0, 0) 27%, rgb(0, 0, 0) 100%); }

.ap-ov .dk-rays::after { content: ""; position: absolute; inset: 0px; border: 1px solid color-mix(in srgb, var(--ap-gold-light) 45%, transparent); border-radius: 4px; }

.ap-ov .dk-seal { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 42%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%); border: 1px solid color-mix(in srgb, var(--ap-gold-light) 80%, transparent); border-radius: 50%; box-shadow: 0 0 0 4px var(--ap-wax-b), 0 0 0 5px color-mix(in srgb, var(--ap-gold-light) 35%, transparent); }

.ap-ov .dk-seal b { font: 700 calc(var(--w) * 0.075)/1 var(--ap-numbers); color: var(--ap-gold-light); }

.ap-ov .dk-face { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 10%; transform: rotateY(180deg); background: linear-gradient(180deg, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 5px var(--ap-card-a), inset 0 0 0 6px var(--ap-gold), 0 22px 34px -18px color-mix(in srgb, var(--ap-shadow) 60%, transparent); color: var(--ap-ink); text-align: center; }

.ap-ov .dk-ck { font: 700 calc(var(--w) * 0.026)/1.3 var(--ap-sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .dk-cn { font: 700 calc(var(--w) * 0.115)/1 var(--ap-numbers); letter-spacing: -0.02em; }

.ap-ov .dk-cn em { margin-left: 3px; font: italic 400 0.4em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .dk-cl { font: 500 calc(var(--w) * 0.03)/1.3 var(--ap-sans); color: var(--ap-muted); }

.ap-ov .dk-motto { position: absolute; left: 0px; right: 0px; bottom: 9%; font: italic 400 calc(var(--w) * 0.032)/1 var(--ap-display); color: color-mix(in srgb, var(--ap-taupe) 80%, var(--ap-ink)); }

.ap-ov .dk-card.dk-chosen { --x: 0%; --y: -12%; --r: 0deg; --s: var(--pick); z-index: 3; }

.ap-ov .dk-card.dk-gone { --y: 26%; --s: 0.9; opacity: 0; pointer-events: none; }

.ap-ov .dk-card.c0.dk-gone { --x: -120%; --r: -22deg; }

.ap-ov .dk-card.c2.dk-gone { --x: 120%; --r: 22deg; }

.ap-ov .dk-card.c1.dk-gone { --y: 40%; }

.ap-ov .dk-card.dk-flip .dk-inner { transform: rotateY(180deg); }

.ap-ov.ap-deck .ap-visual { padding-top: 26%; }

@container apov (min-width: 900px) {
  .ap-ov .dk-fan { --w: min(34cqw, 64cqh); --pick: 1.3; }
  .ap-ov.ap-deck .ap-visual { padding-top: 16cqh; }
}

.ap-ov .tw-box { --w: min(58cqw, 230px); position: relative; width: var(--w); height: calc(var(--w) * 0.86); }

.ap-ov .tw-box > span { position: absolute; }

.ap-ov .tw-shadow { left: -8%; right: -8%; bottom: calc(var(--w) * -0.05); height: calc(var(--w) * 0.14); border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--ap-shadow) 45%, transparent), transparent); }

.ap-ov .tw-body { left: 0px; right: 0px; bottom: 0px; z-index: 2; height: calc(var(--w) * 0.5); border-radius: 0 0 50% 50% / 0 0 calc(var(--w) * 0.1) calc(var(--w) * 0.1); background: linear-gradient(90deg, var(--ap-wax-c), var(--ap-wax-a) 26%, var(--ap-wax-b) 52%, var(--ap-wax-c) 88%, var(--ap-wax-b)); box-shadow: rgba(0, 0, 0, 0.35) 0px -10px 18px inset; }

.ap-ov .tw-band { position: absolute; left: 0px; right: 0px; top: 16%; height: 5%; background: linear-gradient(90deg, var(--ap-gold-deep), var(--ap-gold-soft) 32%, var(--ap-gold) 58%, var(--ap-gold-deep)); }

.ap-ov .tw-motto { position: absolute; left: 0px; right: 0px; top: 46%; font: italic 400 calc(var(--w) * 0.075)/1 var(--ap-display); color: var(--ap-gold-light); text-align: center; }

.ap-ov .tw-rim { left: 1%; right: 1%; bottom: calc(var(--w) * 0.4); z-index: 1; height: calc(var(--w) * 0.2); border-radius: 50%; background: radial-gradient(ellipse at 50% 55%, var(--ap-gold-pale), var(--ap-gold) 22%, var(--ap-wax-b) 62%); box-shadow: inset 0 0 0 2px var(--ap-gold-deep); opacity: 0; transition: opacity 0.4s; }

.ap-ov .tw-lid { left: -3%; right: -3%; bottom: calc(var(--w) * 0.43); z-index: 4; height: calc(var(--w) * 0.34); transition: transform 1.4s cubic-bezier(0.45, 0.05, 0.4, 1); }

.ap-ov .tw-side { position: absolute; left: 0px; right: 0px; bottom: 0px; height: calc(var(--w) * 0.22); border-radius: 0 0 50% 50% / 0 0 calc(var(--w) * 0.1) calc(var(--w) * 0.1); background-image: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: 0px 0px, 0px 0px; transition: background-position 1.4s cubic-bezier(0.45, 0.05, 0.4, 1); box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 12px -6px; }

.ap-ov .tw-top { position: absolute; left: 0px; right: 0px; top: 0px; height: calc(var(--w) * 0.25); }

.ap-ov .tw-disc { position: absolute; left: 0px; top: 50%; width: 100%; aspect-ratio: 1 / 1; transform: translateY(-50%) rotateX(76deg); border-radius: 50%; background: radial-gradient(circle at 42% 38%, var(--ap-gold-pale), var(--ap-gold-mid) 42%, var(--ap-gold-deep)); box-shadow: inset 0 0 0 calc(var(--w) * 0.03) color-mix(in srgb, var(--ap-gold-deep) 80%, transparent), inset 0 0 0 calc(var(--w) * 0.036) var(--ap-gold-soft); }

.ap-ov .tw-dial { position: absolute; inset: 9%; display: grid; place-items: center; border-radius: 50%; background: repeating-conic-gradient(color-mix(in srgb, var(--ap-gold-deep) 55%, transparent) 0 1.5deg, transparent 1.5deg 10deg); mask: radial-gradient(closest-side, transparent 80%, rgb(0, 0, 0) 81%); transition: transform 1.4s cubic-bezier(0.45, 0.05, 0.4, 1); }

.ap-ov .tw-dial b { position: absolute; inset: 0px; display: grid; place-items: center; mask: none; font: 700 calc(var(--w) * 0.34)/1 var(--ap-numbers); color: var(--ap-gold-deep); text-shadow: rgba(255, 255, 255, 0.35) 0px 2px 0px; }

.ap-ov .tw-medal { left: 50%; bottom: calc(var(--w) * 0.44); z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: calc(var(--w) * 0.7); aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 40% 32%, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 5px var(--ap-card-a), inset 0 0 0 6px var(--ap-gold), inset 0 0 0 9px var(--ap-card-a), inset 0 0 0 10px color-mix(in srgb, var(--ap-gold) 40%, transparent), 0 20px 30px -14px color-mix(in srgb, var(--ap-shadow) 60%, transparent); color: var(--ap-ink); text-align: center; opacity: 0; transform: translate(-50%, 30%) scale(0.35); transition: transform 0.75s cubic-bezier(0.2, 1.3, 0.4, 1), opacity 0.35s; }

.ap-ov .tw-ck { font: 700 calc(var(--w) * 0.036)/1.3 var(--ap-sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .tw-cn { font: 700 calc(var(--w) * 0.19)/1 var(--ap-numbers); letter-spacing: -0.02em; }

.ap-ov .tw-cn em { margin-left: 2px; font: italic 400 0.4em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .tw-cl { max-width: 80%; font: 500 calc(var(--w) * 0.042)/1.25 var(--ap-sans); color: var(--ap-muted); }

.ap-ov .tw-box:not(.tw-turn):hover .tw-lid { transform: translateY(-2%); }

.ap-ov .tw-box.tw-turn .tw-lid { transform: translateY(-9%); }

.ap-ov .tw-box.tw-turn .tw-side { background-position: 0 0, calc(var(--w) * -0.9) 0; }

.ap-ov .tw-box.tw-turn .tw-dial { transform: rotate(-540deg); }

.ap-ov .tw-box.tw-pop .tw-lid { transform: translate(34%, -150%) rotate(22deg); opacity: 0; transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.3, 1), opacity 0.5s 0.25s; }

.ap-ov .tw-box.tw-pop .tw-rim { opacity: 1; }

.ap-ov .tw-box.tw-up .tw-medal { opacity: 1; transform: translate(-50%, -30%) scale(1); }

.ap-ov.ap-twist .ap-visual { padding-top: 40%; }

@container apov (min-width: 900px) {
  .ap-ov .tw-box { --w: min(24cqw, 44cqh); }
  .ap-ov.ap-twist .ap-visual { padding-top: 24cqh; }
}

.ap-ov .ev-env { --w: min(86cqw, 290px); position: relative; width: var(--w); aspect-ratio: 3 / 2; perspective: 1100px; cursor: pointer; transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ap-ov .ev-env > span { position: absolute; }

.ap-ov .ev-back { inset: 0px; border-radius: 6px; background: linear-gradient(160deg, var(--ap-paper-a), var(--ap-paper-b)); box-shadow: 0 34px 50px -24px color-mix(in srgb, var(--ap-shadow) 50%, transparent); }

.ap-ov .ev-card { left: 6%; right: 6%; top: 5%; height: 90%; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; padding-top: 8%; border-radius: 4px; background: linear-gradient(180deg, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 5px var(--ap-card-a), inset 0 0 0 6px var(--ap-gold), 0 -6px 20px rgba(0, 0, 0, 0.12); color: var(--ap-ink); transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ap-ov .ev-ck { font: 700 calc(var(--w) * 0.028)/1.4 var(--ap-sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .ev-cn { font: 700 calc(var(--w) * 0.17)/1 var(--ap-numbers); }

.ap-ov .ev-cn em { margin-left: 4px; font: italic 400 0.4em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .ev-cl { font: 500 calc(var(--w) * 0.038)/1.3 var(--ap-sans); color: var(--ap-muted); }

.ap-ov .ev-front { inset: 0px; z-index: 3; border-radius: 6px; clip-path: polygon(0px 0px, 50% 54%, 100% 0px, 100% 100%, 0px 100%); background: linear-gradient(28deg, rgba(0, 0, 0, 0) 49.6%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 58%), linear-gradient(-28deg, rgba(0, 0, 0, 0) 49.6%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 58%), linear-gradient(180deg, var(--ap-paper-c), var(--ap-paper-d)); }

.ap-ov .ev-motto { position: absolute; left: 0px; right: 0px; bottom: 11%; font: italic 400 calc(var(--w) * 0.042)/1 var(--ap-display); color: color-mix(in srgb, var(--ap-taupe) 80%, var(--ap-ink)); text-align: center; }

.ap-ov .ev-flap { left: 0px; right: 0px; top: 0px; height: 56%; z-index: 4; transform-origin: 50% 0px; clip-path: polygon(0px 0px, 100% 0px, 50% 100%); background: linear-gradient(180deg, var(--ap-gold-light), var(--ap-taupe)); transition: transform 0.75s cubic-bezier(0.45, 0.05, 0.25, 1), z-index linear 0.37s; }

.ap-ov .ev-flap-in { position: absolute; inset: 0px 2px 2px; clip-path: polygon(0px 0px, 100% 0px, 50% 100%); background: linear-gradient(180deg, var(--ap-paper-e), var(--ap-paper-f)); }

.ap-ov .ev-env.ev-open .ev-flap { transform: rotateX(180deg); z-index: 0; }

.ap-ov .ev-env.ev-rise .ev-card { transform: translateY(-62%); }

.ap-ov .ev-seal { position: absolute; left: 50%; top: 56%; z-index: 6; width: calc(var(--w) * 0.27); aspect-ratio: 1 / 1; padding: 0px; transform: translate(-50%, -50%); border: 0px; border-radius: 50%; background: none; cursor: pointer; }

.ap-ov .ev-pulse { position: absolute; inset: -7%; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--ap-gold) 70%, transparent); animation: 2.2s ease-out 0s infinite normal none running ap-ring; pointer-events: none; }

.ap-ov .ev-half { position: absolute; inset: 0px; display: block; transition: transform 0.8s cubic-bezier(0.3, 0.1, 0.3, 1), opacity 0.6s 0.25s; }

.ap-ov .ev-half.l { clip-path: polygon(0px 0px, 52% 0px, 46% 22%, 55% 41%, 47% 63%, 54% 80%, 49% 100%, 0px 100%); }

.ap-ov .ev-half.r { clip-path: polygon(52% 0px, 100% 0px, 100% 100%, 49% 100%, 54% 80%, 47% 63%, 55% 41%, 46% 22%); }

.ap-ov .ev-wax { position: absolute; inset: 0px; display: grid; place-items: center; border-radius: 47% 53% 51% 49% / 52% 46% 54% 48%; background: radial-gradient(circle at 34% 28%, var(--ap-wax-a), var(--ap-wax-b) 45%, var(--ap-wax-c)); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 16px, rgba(255, 255, 255, 0.2) 0px 2px 3px inset, rgba(0, 0, 0, 0.6) 0px -5px 9px inset; }

.ap-ov .ev-ring { position: absolute; inset: 17%; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 2px inset, rgba(255, 255, 255, 0.12) 0px 1px 0px; }

.ap-ov .ev-wax b { position: relative; font: 700 calc(var(--w) * 0.12)/1 var(--ap-numbers); color: var(--ap-wax-ink); text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px; }

.ap-ov .ev-seal canvas { position: absolute; inset: 0px; z-index: 2; display: block; width: 100%; height: 100%; pointer-events: none; transition: opacity 0.3s; }

.ap-ov .ev-seal.ev-shake { animation: 0.32s ease 0s 1 normal none running ap-shake; }

@keyframes ap-shake { 
  0%, 100% { transform: translate(-50%, -50%); }
  25% { transform: translate(-52%, -49%) rotate(-3deg); }
  60% { transform: translate(-48%, -51%) rotate(2deg); }
}

.ap-ov .ev-seal.ev-broken { pointer-events: none; }

.ap-ov .ev-seal.ev-broken .ev-pulse, .ap-ov .ev-seal.ev-broken canvas { opacity: 0; animation: auto ease 0s 1 normal none running none; }

.ap-ov .ev-seal.ev-broken .ev-half.l { transform: translate(-40%, 90%) rotate(-38deg); opacity: 0; }

.ap-ov .ev-seal.ev-broken .ev-half.r { transform: translate(40%, 105%) rotate(30deg); opacity: 0; }

.ap-ov.ap-busy .ev-pulse { animation: auto ease 0s 1 normal none running none; opacity: 0; }

@container apov (min-width: 900px) {
  .ap-ov .ev-env { --w: min(36cqw, 74cqh); }
}

.ap-ov .lb-wrap { --w: min(82cqw, 310px); position: relative; display: grid; place-items: center; width: var(--w); aspect-ratio: 1.08 / 1; }

.ap-ov .lb-fabric { position: absolute; inset: 0px; border-radius: 16px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(0, 0, 0, 0.06)), repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0 1px, rgba(255, 255, 255, 0.06) 1px 2.5px, transparent 2.5px 5px), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.07) 0 2px, transparent 2px 4px), linear-gradient(135deg, var(--ap-paper-c), var(--ap-paper-b)); box-shadow: 0 26px 40px -24px color-mix(in srgb, var(--ap-shadow) 55%, transparent), inset 0 -2px 0 rgba(0, 0, 0, 0.05); }

.ap-ov .lb-fabric::after { content: ""; position: absolute; left: 0px; right: 0px; top: 13%; border-top: 1px dashed color-mix(in srgb, var(--ap-ink) 18%, transparent); }

.ap-ov .lb-label { position: relative; z-index: 1; width: 64%; aspect-ratio: 1.75 / 1; perspective: 900px; transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }

.ap-ov .lb-inner { position: absolute; inset: 0px; transform-style: preserve-3d; transition: transform 0.85s cubic-bezier(0.45, 0.05, 0.25, 1); }

.ap-ov .lb-front, .ap-ov .lb-back { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 3px; backface-visibility: hidden; }

.ap-ov .lb-front { gap: 6px; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 3px), linear-gradient(135deg, var(--ap-wax-a), var(--ap-wax-b) 55%, var(--ap-wax-c)); box-shadow: rgba(0, 0, 0, 0.55) 0px 8px 14px -8px; }

.ap-ov .lb-logo { font: 800 calc(var(--w) * 0.058)/1 var(--ap-logo); letter-spacing: 0.06em; white-space: nowrap; color: var(--ap-gold-light); }

.ap-ov .lb-logo strong { font-weight: 800; }

.ap-ov .lb-logo span, .ap-ov .lb-logo small { margin-left: 4px; font-weight: 400; font-size: 0.7em; letter-spacing: 0.12em; color: color-mix(in srgb, var(--ap-gold-light) 70%, transparent); }

.ap-ov .lb-motto { font: italic 400 calc(var(--w) * 0.034)/1 var(--ap-display); color: color-mix(in srgb, var(--ap-cream) 70%, transparent); }

.ap-ov .lb-st { position: absolute; transition: transform 0.35s, opacity 0.35s; }

.ap-ov .lb-st.t, .ap-ov .lb-st.b { left: 6px; right: 6px; height: 0px; border-top: 1.5px dashed var(--ap-gold-light); }

.ap-ov .lb-st.l, .ap-ov .lb-st.r { top: 6px; bottom: 6px; width: 0px; border-left: 1.5px dashed var(--ap-gold-light); }

.ap-ov .lb-st.t { top: 6px; transform-origin: 100% 50%; }

.ap-ov .lb-st.b { bottom: 6px; transform-origin: 0px 50%; transition-delay: 0.6s; }

.ap-ov .lb-st.r { right: 6px; transform-origin: 50% 100%; transition-delay: 0.3s; }

.ap-ov .lb-st.l { left: 6px; transform-origin: 50% 0px; transition-delay: 0.9s; }

.ap-ov .lb-wrap.lb-open .lb-st.t, .ap-ov .lb-wrap.lb-open .lb-st.b { transform: scaleX(0); opacity: 0.2; }

.ap-ov .lb-wrap.lb-open .lb-st.l, .ap-ov .lb-wrap.lb-open .lb-st.r { transform: scaleY(0); opacity: 0.2; }

.ap-ov .lb-back { gap: 2px; transform: rotateY(180deg); background: linear-gradient(180deg, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ap-gold) 55%, transparent), 0 16px 26px -12px color-mix(in srgb, var(--ap-shadow) 60%, transparent); color: var(--ap-ink); text-align: center; }

.ap-ov .lb-ck { font: 700 calc(var(--w) * 0.026)/1.3 var(--ap-sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .lb-cn { font: 700 calc(var(--w) * 0.12)/1 var(--ap-numbers); letter-spacing: -0.02em; }

.ap-ov .lb-cn em { margin-left: 2px; font: italic 400 0.4em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .lb-cl { font: 500 calc(var(--w) * 0.03)/1.25 var(--ap-sans); color: var(--ap-muted); }

.ap-ov .lb-care { display: flex; gap: 8px; margin-top: 6px; }

.ap-ov .lb-care i { position: relative; width: 11px; height: 11px; }

.ap-ov .lb-care .c1 { border: 1.2px solid var(--ap-muted); border-radius: 50%; }

.ap-ov .lb-care .c2 { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid var(--ap-muted); }

.ap-ov .lb-care .c3 { border: 1.2px solid var(--ap-muted); }

.ap-ov .lb-care .c3::after { content: ""; position: absolute; inset: 1.5px; border: 1.2px solid var(--ap-muted); border-radius: 50%; }

.ap-ov .lb-wrap.lb-lift .lb-label { transform: translateY(-5%) scale(1.14); }

.ap-ov .lb-wrap.lb-flip .lb-inner { transform: rotateY(180deg); }

.ap-ov.ap-label .ap-visual { padding-top: 4%; }

@container apov (min-width: 900px) {
  .ap-ov .lb-wrap { --w: min(34cqw, 62cqh); }
  .ap-ov.ap-label .ap-visual { padding-top: 0px; }
}

.ap-ov .if-wrap { --w: min(74cqw, 280px); position: relative; width: var(--w); height: calc(var(--w) * 1.08); }

.ap-ov .if-wrap > span { position: absolute; }

.ap-ov .if-count { left: 0px; top: 34%; display: grid; justify-items: center; gap: 6px; width: 34%; color: var(--ap-ink); }

.ap-ov .if-num { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: -0.03em; font-variant-numeric: tabular-nums lining-nums; }

.ap-ov .if-num i { margin-left: 1px; font-style: normal; font-size: 0.5em; color: var(--ap-gold); }

.ap-ov .if-count small { font: 700 calc(var(--w) * 0.032)/1.2 var(--ap-sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--ap-muted); }

.ap-ov .if-bottle { left: 41%; top: 0px; bottom: 0px; width: 37%; filter: drop-shadow(0 18px 20px color-mix(in srgb, var(--ap-shadow) 30%, transparent)); }

.ap-ov .if-cap { position: absolute; left: 27%; right: 27%; top: 0px; height: 12%; border-radius: 6px 6px 3px 3px; background: linear-gradient(90deg, var(--ap-wax-c), var(--ap-wax-a) 32%, var(--ap-wax-b) 60%, var(--ap-wax-c)); box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--ap-gold) 90%, transparent); }

.ap-ov .if-neck { position: absolute; left: 34%; right: 34%; top: 12%; height: 6%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.25)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ap-ink) 14%, transparent); }

.ap-ov .if-glass { position: absolute; inset: 17% 0px 0px; overflow: hidden; border-radius: 46% 46% 14% 14% / 20% 20% 7% 7%; background: linear-gradient(90deg, color-mix(in srgb, var(--ap-taupe) 18%, rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.6) 22%, color-mix(in srgb, var(--ap-taupe) 10%, rgba(255, 255, 255, 0.2)) 60%, rgba(255, 255, 255, 0.45)); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ap-ink) 14%, transparent), inset 0 -12px 20px -12px color-mix(in srgb, var(--ap-shadow) 30%, transparent); }

.ap-ov .if-glass canvas { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; }

.ap-ov .if-marks { position: absolute; right: 9%; top: 18%; bottom: 10%; width: 12%; background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--ap-ink) 28%, transparent) 0 1px, transparent 1px 10%); }

.ap-ov .if-label { position: absolute; left: 20%; right: 20%; top: 50%; display: grid; place-items: center; height: 13%; border-radius: 3px; background: color-mix(in srgb, var(--ap-card-a) 88%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ap-gold) 60%, transparent); }

.ap-ov .if-label em { font: italic 400 calc(var(--w) * 0.046)/1 var(--ap-display); color: var(--ap-ink); }

.ap-ov .if-line { position: absolute; left: 0px; right: -60%; top: 30%; height: 0px; border-top: 1.5px dashed color-mix(in srgb, var(--ap-gold) 80%, transparent); }

.ap-ov .if-glass { overflow: visible; }

.ap-ov .if-glass canvas { border-radius: inherit; clip-path: inset(0px round 46% 46% 14% 14% / 20% 20% 7% 7%); }

.ap-ov .if-tag { position: absolute; left: 100%; top: 0px; padding: 5px 9px; transform: translate(-40%, -50%); border-radius: 999px; background: var(--ap-card-a); box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--ap-shadow) 50%, transparent), inset 0 0 0 1px var(--ap-gold); font: 700 calc(var(--w) * 0.055)/1 var(--ap-numbers); white-space: nowrap; color: var(--ap-ink); transition: transform 0.45s cubic-bezier(0.2, 1.4, 0.4, 1), background 0.3s; }

.ap-ov .if-tag em { margin-left: 3px; font: italic 400 0.8em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .if-shine { position: absolute; left: 12%; top: 8%; bottom: 10%; width: 7%; border-radius: 999px; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); pointer-events: none; }

.ap-ov .if-wrap.if-full .if-line { border-top-style: solid; border-top-color: var(--ap-gold); box-shadow: 0 0 10px 1px color-mix(in srgb, var(--ap-gold-light) 70%, transparent); }

.ap-ov .if-wrap.if-full .if-tag { transform: translate(-40%, -50%) scale(1.18); background: var(--ap-gold-pale); }

.ap-ov.ap-infusion .ap-visual { padding-top: 4%; }

@container apov (min-width: 900px) {
  .ap-ov .if-wrap { --w: min(34cqw, 64cqh); }
  .ap-ov.ap-infusion .ap-visual { padding-top: 0px; }
}

.ap-ov .qz-card { --w: min(88cqw, 350px); position: relative; width: var(--w); padding: calc(var(--w) * 0.075) calc(var(--w) * 0.07) calc(var(--w) * 0.08); border-radius: 18px; background: linear-gradient(180deg, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 6px var(--ap-card-a), inset 0 0 0 7px color-mix(in srgb, var(--ap-gold) 60%, transparent), 0 26px 40px -22px color-mix(in srgb, var(--ap-shadow) 55%, transparent); color: var(--ap-ink); text-align: center; }

.ap-ov .qz-prog { display: flex; gap: 6px; margin: 0px auto 16px; max-width: 70%; }

.ap-ov .qz-prog i { flex: 1 1 0%; height: 3px; border-radius: 3px; background: color-mix(in srgb, var(--ap-ink) 12%, transparent); transition: background 0.3s; }

.ap-ov .qz-prog i.on { background: var(--ap-gold); }

.ap-ov .qz-screens { display: grid; min-height: calc(var(--w) * 0.62); align-content: center; }

.ap-ov .qz-screen.ap-enter > * { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: ap-rise; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i, 0) * 60ms); }

.ap-ov .qz-count { font: 700 10.5px/1 var(--ap-sans); letter-spacing: 0.2em; color: var(--ap-muted); }

.ap-ov .qz-q { margin-top: 10px; font: 400 calc(var(--w) * 0.068)/1.15 var(--ap-display); letter-spacing: -0.01em; text-wrap: balance; }

.ap-ov .qz-opts { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin-top: 18px; }

.ap-ov .qz-opt { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--ap-ink) 14%, transparent); border-radius: 12px; background: var(--ap-field); color: var(--ap-ink); font: 600 13.5px/1.25 var(--ap-sans); cursor: pointer; transition: border-color 0.2s, background 0.2s, color 0.2s, transform 0.2s; }

.ap-ov .qz-opt:hover { border-color: var(--ap-gold); transform: translateY(-1px); }

.ap-ov .qz-opt:focus-visible { outline: 2px solid var(--ap-gold); outline-offset: 2px; }

.ap-ov .qz-opt.sel { border-color: var(--ap-ink); background: var(--ap-ink); color: var(--ap-cream); }

.ap-ov .qz-wait { justify-items: center; }

.ap-ov .qz-dots { display: flex; gap: 8px; }

.ap-ov .qz-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--ap-gold); animation: 0.9s ease-in-out 0s infinite normal none running qz-dot; }

.ap-ov .qz-dots i:nth-child(2) { animation-delay: 0.15s; }

.ap-ov .qz-dots i:nth-child(3) { animation-delay: 0.3s; }

@keyframes qz-dot { 
  0%, 100% { transform: translateY(0px); opacity: 0.4; }
  50% { transform: translateY(-7px); opacity: 1; }
}

.ap-ov .qz-rk { font: 700 11px/1.3 var(--ap-sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .qz-rt { margin-top: 8px; font: italic 400 calc(var(--w) * 0.1)/1.05 var(--ap-display); color: var(--ap-gold); }

.ap-ov .qz-rbig { margin-top: 10px; font: 700 calc(var(--w) * 0.2)/1 var(--ap-numbers); letter-spacing: -0.02em; }

.ap-ov .qz-rbig em { margin-left: 3px; font: italic 400 0.35em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .qz-rsub { margin-top: 6px; font-size: 13px; color: var(--ap-muted); }

.ap-ov.ap-quiz .ap-visual { padding-top: 0px; }

@container apov (min-width: 900px) {
  .ap-ov .qz-card { --w: min(34cqw, 460px); }
  .ap-ov .qz-opt { min-height: 58px; font-size: 14.5px; }
}

.ap-ov .st-wrap { --w: min(80cqw, 300px); position: relative; width: var(--w); aspect-ratio: 1.1 / 1; overflow: hidden; border-radius: 14px; background: var(--ap-velvet-b); box-shadow: 0 30px 44px -24px color-mix(in srgb, var(--ap-shadow) 65%, transparent), inset 0 0 0 1px rgba(255, 255, 255, 0.06); }

.ap-ov .st-wrap canvas { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; }

.ap-ov .st-sheen { position: absolute; top: -20%; bottom: -20%; left: -60%; width: 45%; background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--ap-gold-pale) 30%, transparent), transparent); transform: skewX(-14deg); pointer-events: none; }

.ap-ov .st-wrap.st-go .st-sheen { animation: 1.9s cubic-bezier(0.4, 0.1, 0.3, 1) 0.2s 1 normal both running st-sweep; }

@keyframes st-sweep { 
  0% { left: -60%; }
  100% { left: 130%; }
}

.ap-ov .st-prize { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--ap-gold-light); text-align: center; opacity: 0; transform: scale(0.96); transition: opacity 0.8s, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1); pointer-events: none; }

.ap-ov .st-wrap.st-show .st-prize { opacity: 1; transform: none; }

.ap-ov .st-ck { font: 700 calc(var(--w) * 0.03)/1.3 var(--ap-sans); letter-spacing: 0.24em; text-transform: uppercase; color: color-mix(in srgb, var(--ap-gold-light) 80%, transparent); }

.ap-ov .st-cn { font: 700 calc(var(--w) * 0.2)/1 var(--ap-numbers); letter-spacing: -0.02em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 1px 0px); }

.ap-ov .st-cn em { margin-left: 3px; font: italic 400 0.4em/1 var(--ap-display); }

.ap-ov .st-cl { font: 500 calc(var(--w) * 0.038)/1.3 var(--ap-sans); color: color-mix(in srgb, var(--ap-cream) 75%, transparent); }

.ap-ov .st-motto { margin-top: 10px; font: italic 400 calc(var(--w) * 0.042)/1 var(--ap-display); color: color-mix(in srgb, var(--ap-gold-light) 70%, transparent); }

.ap-ov.ap-smooth .ap-visual { padding-top: 4%; }

@container apov (min-width: 900px) {
  .ap-ov .st-wrap { --w: min(32cqw, 60cqh); }
  .ap-ov.ap-smooth .ap-visual { padding-top: 0px; }
}

.ap-ov .tk-ticket { --w: min(86cqw, 340px); position: relative; width: var(--w); aspect-ratio: 1.75 / 1; filter: drop-shadow(0 22px 26px color-mix(in srgb, var(--ap-shadow) 38%, transparent)); }

.ap-ov .tk-paper { position: absolute; inset: 0px; display: flex; border-radius: 10px; background: linear-gradient(135deg, var(--ap-card-a), var(--ap-card-b)); box-shadow: inset 0 0 0 7px var(--ap-card-a), inset 0 0 0 8px var(--ap-gold), inset 0 0 0 11px var(--ap-card-a), inset 0 0 0 12px color-mix(in srgb, var(--ap-gold) 40%, transparent); mask: radial-gradient(circle at 26% 0px, transparent 9px, rgb(0, 0, 0) 9.5px) center top / 100% 51% no-repeat, radial-gradient(circle at 26% 100%, transparent 9px, rgb(0, 0, 0) 9.5px) center bottom / 100% 51% no-repeat; }

.ap-ov .tk-stub { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 26%; border-right: 1.5px dashed color-mix(in srgb, var(--ap-gold) 55%, transparent); }

.ap-ov .tk-stub b { font: 700 calc(var(--w) * 0.12)/1 var(--ap-numbers); color: var(--ap-gold); }

.ap-ov .tk-stub small { font: 700 calc(var(--w) * 0.024)/1 var(--ap-sans); letter-spacing: 0.2em; color: var(--ap-muted); }

.ap-ov .tk-prize { display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0px 6%; color: var(--ap-ink); text-align: center; }

.ap-ov .tk-ck { font: 700 calc(var(--w) * 0.026)/1.3 var(--ap-sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--ap-gold); }

.ap-ov .tk-cn { font: 700 calc(var(--w) * 0.14)/1 var(--ap-numbers); letter-spacing: -0.02em; }

.ap-ov .tk-cn em { margin-left: 3px; font: italic 400 0.4em/1 var(--ap-display); color: var(--ap-gold); }

.ap-ov .tk-cl { font: 500 calc(var(--w) * 0.034)/1.3 var(--ap-sans); color: var(--ap-muted); }

.ap-ov .tk-foil { position: absolute; inset: 15% 5.5% 15% 29%; display: block; width: 65.5%; height: 70%; border-radius: 6px; cursor: pointer; touch-action: none; transition: opacity 0.55s; }

.ap-ov .tk-coin { position: absolute; left: 0px; top: 0px; width: calc(var(--w) * 0.15); aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, var(--ap-gold-pale), var(--ap-gold-mid) 45%, var(--ap-gold-deep)); box-shadow: 0 8px 14px rgba(0, 0, 0, 0.3), inset 0 0 0 3px color-mix(in srgb, var(--ap-gold-deep) 60%, transparent), inset 0 2px 3px rgba(255, 255, 255, 0.5); transform: translate(calc(var(--w) * 0.9), calc(var(--w) * 0.47)) translate(-50%, -50%) rotate(-20deg); opacity: 0; pointer-events: none; transition: opacity 0.3s; }

.ap-ov .tk-coin::after { content: ""; position: absolute; inset: 18%; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--ap-gold-deep) 55%, transparent); }

.ap-ov .tk-ticket.tk-auto .tk-coin, .ap-ov .tk-ticket.tk-hand .tk-coin { opacity: 1; }

.ap-ov .tk-ticket.tk-clear .tk-foil { opacity: 0; pointer-events: none; }

.ap-ov .tk-ticket.tk-clear .tk-coin { opacity: 0; }

.ap-ov.ap-ticket .ap-visual { padding-top: 6%; }

@container apov (min-width: 900px) {
  .ap-ov .tk-ticket { --w: min(40cqw, 96cqh); }
  .ap-ov.ap-ticket .ap-visual { padding-top: 0px; }
}
@charset "utf-8";

[data-ig-discount]:not([data-ig-discount="0"]) { display: none; }
@charset "utf-8";

@font-face { font-family: GTStandard-M; src: url("https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MRegular.woff2") format("woff2"); font-style: normal; font-weight: 450; font-display: swap; }

@font-face { font-family: GTStandard-M; src: url("https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MMedium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }

@font-face { font-family: GTStandard-M; src: url("https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MSemibold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600&family=Inter:ital,wght@0,400;0,500;0,600;0,700&family=Jost:ital,wght@0,400;0,500;0,600;0,700&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700&family=Oswald:ital,wght@0,400;0,500;0,600;0,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_italic_400.woff2"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_italic_700.woff2"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_regular_400_2.woff2"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_regular_700.woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@charset "utf-8";

[data-shopify-attribute-error]::after { content: attr(data-shopify-attribute-error); background-color: rgb(255, 255, 255); color: red; }
@charset "utf-8";

:root { --sticky-announcement-bar-enabled: 0; }
@charset "utf-8";

:root { --sticky-header-enabled: 1; }

#shopify-section-sections--30732672368975__header { --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr); --header-padding-block: var(--spacing-3); --header-background-opacity: 1.0; --header-background-blur-radius: 0px; --header-transparent-text-color: 255 255 255; --header-logo-width: 100px; --header-logo-height: 16px; position: sticky; top: 0px; z-index: 10; }

.shopify-section--announcement-bar ~ #shopify-section-sections--30732672368975__header { top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px)); }

@media screen and (max-width: 699px) {
  .navigation-drawer { --drawer-content-max-height: calc(100vh - (var(--spacing-2) * 2)); }
}

@media screen and (min-width: 700px) {
  #shopify-section-sections--30732672368975__header { --header-logo-width: 125px; --header-logo-height: 20px; --header-padding-block: var(--spacing-6); }
}

@media screen and (min-width: 1150px) {
  #shopify-section-sections--30732672368975__header { --header-grid-template: "logo main-nav secondary-nav" / auto minmax(0, 1fr) minmax(0, max-content); }
}
@charset "utf-8";

#shopify-section-template--30732677120335__custom_liquid_FKQBkm { --section-background-hash: 0; }

#shopify-section-template--30732677120335__custom_liquid_FKQBkm + * { --previous-section-background-hash: 0; }
@charset "utf-8";

#shopify-section-template--30732677120335__custom_liquid_FKQBkm { --section-spacing-block: 0px; --section-spacing-inline: 0px; }
@charset "utf-8";

.ix-hero2, .ix-hero2 *, .ix-hero2 ::before, .ix-hero2 ::after { box-sizing: border-box; margin: 0px; padding: 0px; }

.shopify-section:has(.ix-hero2), .shopify-section:has(.ix-hero2) :has(.ix-hero2) { max-width: none !important; width: auto !important; padding-inline: 0px !important; margin-inline: 0px !important; overflow: visible !important; }

.shopify-section:has(.ix-hero2) { padding-block: 0px !important; margin-block: 0px !important; }

.ix-hero2 { --ix-ink: #1A1A18; --ix-band: #17150F; --ix-gold: #D8B87A; --ix-stage: linear-gradient(to bottom,
    #70665C 0%,  #84766B 10%, #8E8075 20%, #94887C 30%,
    #95897D 40%, #95887F 50%, #94887C 60%, #9F9289 70%,
    #BAB0A7 80%, #BBB2A9 90%, #B6ACA3 100%); position: relative; width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); display: flex; flex-direction: column; background: var(--ix-band); overflow: hidden; isolation: isolate; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }

.ix-hero2__frame { position: relative; width: 100%; aspect-ratio: 1536 / 2752; max-height: 60vh; min-height: 380px; background: var(--ix-stage); }

.ix-hero2__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }

.ix-hero2__frame::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; z-index: 1; height: 16%; pointer-events: none; background: linear-gradient(to bottom, rgba(23,21,15,0) 0%, var(--ix-band) 92%); }

.ix-hero2__inner { position: relative; z-index: 2; width: 100%; background: var(--ix-band); padding: 4px 22px 34px; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; text-align: left; }

.ix-hero2__rating { display: inline-flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.ix-hero2__stars { display: inline-flex; gap: 2px; }

.ix-hero2__star { display: block; width: 15px; height: 15px; color: var(--ix-gold); }

.ix-hero2__rating span { font-size: 13.5px; font-weight: 500; color: rgba(255, 255, 255, 0.94); letter-spacing: 0.01em; }

.ix-hero2__rating strong { font-weight: 700; color: rgb(255, 255, 255); }

.ix-hero2__title { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; color: rgb(255, 255, 255); line-height: 1.06; letter-spacing: -0.025em; font-size: clamp(36px, 10.4vw, 58px); hyphens: none; }

.ix-hero2__title span { display: block; }

.ix-hero2__title em { font-style: italic; color: var(--ix-gold); }

.ix-hero2__sub { font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, 0.9); max-width: 40ch; text-wrap: pretty; }

.ix-hero2__ctas { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }

.ix-hero2__btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: 1 1 auto; min-width: 0px; min-height: 56px; padding: 17px 26px; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform 0.22s, background-color 0.22s, color 0.22s, box-shadow 0.22s; -webkit-tap-highlight-color: transparent; }

.ix-hero2__btn--solid { background: rgb(255, 255, 255); color: var(--ix-ink); border: 2px solid rgb(255, 255, 255); }

.ix-hero2__btn--solid:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 28px; }

.ix-hero2__btn--ghost { background: transparent; color: rgb(255, 255, 255); border: 2px solid rgba(255, 255, 255, 0.72); }

.ix-hero2__btn--ghost:hover { background: rgb(255, 255, 255); color: var(--ix-ink); border-color: rgb(255, 255, 255); transform: translateY(-2px); }

.ix-hero2__btn:focus-visible { outline: 3px solid var(--ix-gold); outline-offset: 3px; }

.ix-hero2__proof { display: flex; flex-direction: column; gap: 5px; padding-top: 13px; margin-top: 2px; border-top: 1px solid rgba(255, 255, 255, 0.2); width: 100%; max-width: 460px; }

.ix-hero2__proof-label { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ix-gold); }

.ix-hero2__proof-label svg { width: 14px; height: 14px; flex-shrink: 0; }

.ix-hero2__proof-line { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.88); }

.ix-hero2__proof-line strong { color: rgb(255, 255, 255); font-weight: 700; }

@media (prefers-reduced-motion: no-preference) {
  .ix-hero2__anim { opacity: 0; transform: translateY(16px); animation: 0.65s ease-out 0s 1 normal forwards running ix-hero2-up; }
  .ix-hero2__anim--1 { animation-delay: 0.1s; }
  .ix-hero2__anim--2 { animation-delay: 0.18s; }
  .ix-hero2__anim--3 { animation-delay: 0.26s; }
  .ix-hero2__anim--4 { animation-delay: 0.34s; }
  .ix-hero2__anim--5 { animation-delay: 0.44s; }
}

@keyframes ix-hero2-up { 
  100% { opacity: 1; transform: translateY(0px); }
}

@media (max-width: 419px) {
  .ix-hero2__btn { flex: 1 1 100%; }
}

@media (max-width: 359px) {
  .ix-hero2__inner { padding-inline: 16px; }
  .ix-hero2__title { font-size: 33px; }
  .ix-hero2__sub { font-size: 15px; }
  .ix-hero2__btn { font-size: 11.5px; letter-spacing: 0.05em; padding-inline: 16px; }
}

@media (min-width: 600px) {
  .ix-hero2__frame { aspect-ratio: 4 / 3; max-height: 62vh; }
  .ix-hero2__img { object-fit: contain; object-position: center bottom; }
  .ix-hero2__frame::after { height: 12%; }
  .ix-hero2__inner { padding: 8px 34px 44px; gap: 17px; max-width: 660px; }
  .ix-hero2__sub { font-size: 17px; }
  .ix-hero2__btn { flex: 0 0 auto; font-size: 13px; padding: 18px 32px; }
  .ix-hero2__star { width: 16px; height: 16px; }
}

@media (min-width: 900px) {
  .ix-hero2 { display: block; position: relative; min-height: 620px; height: 88vh; max-height: 900px; background: var(--ix-stage); }
  .ix-hero2__frame { position: absolute; inset: 0px 0px 0px auto; z-index: 0; width: auto; aspect-ratio: 0.72 / 1; max-width: 44%; max-height: none; min-height: 0px; background: none; }
  .ix-hero2__img { object-fit: cover; object-position: center 26%; mask-image: linear-gradient(to right, transparent 0%, rgb(0, 0, 0) 22%, rgb(0, 0, 0) 100%); }
  .ix-hero2__frame::after { display: none; }
  .ix-hero2__frame::before { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 260%; z-index: -1; pointer-events: none; background: radial-gradient(120% 80% at 78% 46%, rgba(214, 203, 190, 0.42) 0%, rgba(190, 178, 164, 0.2) 38%, rgba(160, 148, 134, 0) 68%); }
  .ix-hero2::before { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(to right, rgba(18, 16, 14, 0.9) 0%, rgba(18, 16, 14, 0.84) 30%, rgba(18, 16, 14, 0.64) 50%, rgba(18, 16, 14, 0.24) 68%, rgba(18, 16, 14, 0) 84%); }
  .ix-hero2__inner { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); z-index: 2; background: none; width: min(54%, 640px); padding: 0px clamp(24px, 3vw, 56px) 0px clamp(40px, 4.6vw, 88px); gap: 19px; }
  .ix-hero2__title { font-size: clamp(42px, 4.2vw, 62px); }
  .ix-hero2__sub { font-size: 18px; max-width: 42ch; }
  .ix-hero2__rating span { font-size: 14.5px; }
}

@media (min-width: 1400px) {
  .ix-hero2__inner { padding-left: 96px; }
}
@charset "utf-8";

#shopify-section-template--30732677120335__custom_liquid_TayXwF { --section-background-hash: 0; }

#shopify-section-template--30732677120335__custom_liquid_TayXwF + * { --previous-section-background-hash: 0; }
@charset "utf-8";

#shopify-section-template--30732677120335__custom_liquid_TayXwF { --section-spacing-inline: 0px; }
@charset "utf-8";

.ixn, .ixn *, .ixn ::before, .ixn ::after { box-sizing: border-box; margin: 0px; padding: 0px; }

.shopify-section:has(.ixn), .shopify-section:has(.ixn) :has(.ixn) { max-width: none !important; width: auto !important; padding-inline: 0px !important; margin-inline: 0px !important; overflow: visible !important; }

.shopify-section:has(.ixn) { padding-block: 0px !important; margin-block: 0px !important; }

.ixn { --ixn-band: #17150F; --ixn-gold: #D8B87A; --ixn-label: rgba(255,255,255,0.66); --ixn-rule: rgba(255,255,255,0.10); --ease: cubic-bezier(.19,1,.22,1); position: relative; width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); background: var(--ixn-band); color: rgb(255, 255, 255); font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; padding: clamp(26px, 4vw, 44px) 22px; }

.ixn__inner { max-width: 1120px; margin: 0px auto; }

.ixn__grid { display: grid; grid-template-columns: repeat(4, 1fr); }

.ixn__stat { position: relative; text-align: center; padding: 6px clamp(10px, 2vw, 24px); opacity: 0; transform: translateY(18px); transition: opacity .8s var(--ease), transform .8s var(--ease); }

.ixn__stat + .ixn__stat::before { content: ""; position: absolute; left: 0px; top: 12%; bottom: 12%; width: 1px; background: var(--ixn-rule); }

.ixn.is-in .ixn__stat { opacity: 1; transform: none; }

.ixn.is-in .ixn__stat:nth-child(1) { transition-delay: 0.05s; }

.ixn.is-in .ixn__stat:nth-child(2) { transition-delay: 0.13s; }

.ixn.is-in .ixn__stat:nth-child(3) { transition-delay: 0.21s; }

.ixn.is-in .ixn__stat:nth-child(4) { transition-delay: 0.29s; }

.ixn__num { font-weight: 600; font-size: clamp(34px, 4.2vw, 52px); line-height: 1; letter-spacing: -0.025em; color: rgb(255, 255, 255); display: inline-flex; align-items: baseline; justify-content: center; font-variant-numeric: tabular-nums; }

.ixn__u { font-size: 0.42em; font-weight: 500; color: var(--ixn-gold); margin-left: 0.05em; letter-spacing: 0px; }

.ixn__u--pre { margin-left: 0px; margin-right: 0.03em; }

.ixn__label { font-size: 12px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ixn-label); margin-top: 12px; line-height: 1.45; }

@media (max-width: 720px) {
  .ixn { padding: clamp(22px, 6vw, 32px) 16px; }
  .ixn__grid { grid-template-columns: repeat(2, 1fr); }
  .ixn__stat { padding: clamp(14px, 4vw, 22px) 10px; }
  .ixn__stat + .ixn__stat::before { content: none; }
  .ixn__stat:nth-child(2n)::before { content: ""; position: absolute; left: 0px; top: 14%; bottom: 14%; width: 1px; background: var(--ixn-rule); }
  .ixn__stat:nth-child(n+3)::after { content: ""; position: absolute; top: 0px; left: 10%; right: 10%; height: 1px; background: var(--ixn-rule); }
  .ixn__num { font-size: clamp(31px, 8.4vw, 42px); }
  .ixn__label { font-size: 11px; letter-spacing: 0.1em; margin-top: 9px; }
}

@media (max-width: 360px) {
  .ixn__num { font-size: 28px; }
  .ixn__label { font-size: 10.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .ixn__stat { opacity: 1; transform: none; transition: none; }
}
@charset "utf-8";

.ixn__sr { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
@charset "utf-8";

#shopify-section-template--30732677120335__featured_collection_kEEyDF { --section-background-hash: 0; }

#shopify-section-template--30732677120335__featured_collection_kEEyDF + * { --previous-section-background-hash: 0; }
@charset "utf-8";

#shopify-section-template--30732677120335__featured_collection_kEEyDF .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 2; --product-list-carousel-item-width: 74vw; --product-list-grid: auto / auto-flow var(--product-list-carousel-item-width); }

@media screen and (min-width: 700px) {
  #shopify-section-template--30732677120335__featured_collection_kEEyDF .product-list { --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap); --product-list-items-per-row: 2; --product-list-carousel-item-width: 36vw; }
}

@media screen and (min-width: 1000px) {
  #shopify-section-template--30732677120335__featured_collection_kEEyDF .product-list { --product-list-items-per-row: 4; --product-list-carousel-item-width: calc(var(--container-inner-width) / 4 - (var(--product-list-column-gap) / 4 * 3)); }
}
@charset "utf-8";

#shopify-section-template--30732677120335__custom_liquid_q7CpBP { --section-background-hash: 0; }

#shopify-section-template--30732677120335__custom_liquid_q7CpBP + * { --previous-section-background-hash: 0; }
@charset "utf-8";

#shopify-section-template--30732677120335__custom_liquid_q7CpBP { --section-spacing-block: 0px; --section-spacing-inline: 0px; }
@charset "utf-8";

.ixc, .ixc *, .ixc ::before, .ixc ::after { box-sizing: border-box; margin: 0px; padding: 0px; }

.shopify-section:has(.ixc), .shopify-section:has(.ixc) :has(.ixc) { max-width: none !important; width: auto !important; padding-inline: 0px !important; margin-inline: 0px !important; overflow: visible !important; }

.shopify-section:has(.ixc) { padding-block: 0px !important; margin-block: 0px !important; }

.shopify-section:has(.ixc) > :not(style):not(script):not(link):not(template):not(noscript), .ixc, .ixc__inner { display: block !important; }

.shopify-section:has(.ixc) style, .shopify-section:has(.ixc) script, .shopify-section:has(.ixc) link, .shopify-section:has(.ixc) template, .shopify-section:has(.ixc) noscript { display: none !important; }

.ixc__head, .ixc__grid { width: 100%; float: none; clear: both; }

.ixc { text-align: left; letter-spacing: normal; }

.ixc__media { display: block; }

.ixc .ixc__card, .ixc .ixc__card:hover { text-decoration: none; }

.ixc { --ixc-page: #F5F4F2; --ixc-card: #E6E6E6; --ixc-ink: #1A1A18; --ixc-gold: #6E5520; --ixc-muted: #5A5248; --ease: cubic-bezier(.19,1,.22,1); position: relative; width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); background: var(--ixc-page); font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; padding: clamp(34px, 5vw, 60px) 0px clamp(38px, 5.5vw, 66px); }

.ixc__inner { max-width: 1360px; margin: 0px auto; padding-inline: clamp(16px, 3vw, 40px); }

.ixc__head { margin-bottom: clamp(20px, 3vw, 32px); }

.ixc__eyebrow { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ixc-gold); margin-bottom: 8px; }

.ixc__title { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.12; letter-spacing: -0.02em; color: var(--ixc-ink); }

.ixc__grid { grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.6vw, 22px); align-items: start; display: grid !important; }

.ixc__card { flex-direction: column; text-decoration: none; color: inherit; min-width: 0px; opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease), transform .7s var(--ease); display: flex !important; }

.ixc.is-in .ixc__card { opacity: 1; transform: none; }

.ixc.is-in .ixc__card:nth-child(1) { transition-delay: 0.05s; }

.ixc.is-in .ixc__card:nth-child(2) { transition-delay: 0.12s; }

.ixc.is-in .ixc__card:nth-child(3) { transition-delay: 0.19s; }

.ixc.is-in .ixc__card:nth-child(4) { transition-delay: 0.26s; }

.ixc__media { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--ixc-card); border-radius: 14px; }

.ixc__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--ixc-focus, center center); transform: scale(var(--ixc-zoom, 1)); transform-origin: var(--ixc-origin, center center); transition: transform .8s var(--ease); }

.ixc__card:hover .ixc__img { transform: scale(calc(var(--ixc-zoom, 1) * 1.04)); }

.ixc__body { padding: 14px 2px 0px; display: flex; flex-direction: column; gap: 5px; }

.ixc__kicker { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--ixc-gold); }

.ixc__name { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; font-size: clamp(19px, 1.5vw, 23px); line-height: 1.2; letter-spacing: -0.015em; color: var(--ixc-ink); }

.ixc__meta { font-size: 13.5px; color: var(--ixc-muted); }

.ixc__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 5px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ixc-ink); }

.ixc__link span { border-bottom: 1.5px solid var(--ixc-gold); padding-bottom: 3px; }

.ixc__link svg { width: 14px; height: 14px; transition: transform 0.25s; }

.ixc__card:hover .ixc__link svg { transform: translateX(4px); }

.ixc__card:focus-visible { outline: 3px solid var(--ixc-gold); outline-offset: 4px; border-radius: 16px; }

@media (max-width: 1099px) and (min-width: 750px) {
  .ixc__grid { grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 2.4vw, 26px); display: grid !important; }
}

@media (max-width: 749px) {
  .ixc { padding: clamp(28px, 7vw, 40px) 0px clamp(30px, 7vw, 44px); }
  .ixc__inner { padding-inline: 0px; }
  .ixc__head { padding-inline: 16px; }
  .ixc__grid { grid-template-columns: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; gap: 12px; padding: 2px 16px 6px; scrollbar-width: none; display: flex !important; }
  .ixc__grid::-webkit-scrollbar { display: none; }
  .ixc__card { flex: 0 0 78%; scroll-snap-align: start; }
  .ixc__name { font-size: 20px; }
}

@media (max-width: 380px) {
  .ixc__card { flex: 0 0 84%; }
}

@media (prefers-reduced-motion: reduce) {
  .ixc__card { opacity: 1; transform: none; transition: none; }
  .ixc__img { transition: none; }
}
@charset "utf-8";

#shopify-section-sections--30732672303439__custom_liquid_hRqydL { --section-background-hash: 0; }

#shopify-section-sections--30732672303439__custom_liquid_hRqydL + * { --previous-section-background-hash: 0; }
@charset "utf-8";

#shopify-section-sections--30732672303439__custom_liquid_hRqydL { --section-spacing-block: 0px; --section-spacing-inline: 0px; }
@charset "utf-8";

.ionix-trust, .ionix-trust *, .ionix-trust ::before { box-sizing: border-box; margin: 0px; padding: 0px; }

.ionix-trust { --ink: #1A1A18; --gold: #6E5520; --muted: #5A5248; --hair: rgba(26, 26, 24, .10); position: relative; background: transparent; padding: 40px 0px; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; text-align: left; letter-spacing: normal; }

.ionix-trust::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: min(46%, 520px); height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: 0.28; }

.ionix-trust__inner { max-width: 1200px; margin: 0px auto; padding-inline: clamp(16px, 3vw, 40px); display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }

.ionix-trust__item { position: relative; text-align: center; }

.ionix-trust__item svg { width: 22px; height: 22px; margin: 0px auto 10px; display: block; stroke: var(--gold); stroke-width: 1.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }

.ionix-trust__t { font-size: 13px; font-weight: 700; color: var(--ink); letter-spacing: -0.005em; margin-bottom: 4px; }

.ionix-trust__d { font-size: 12px; line-height: 1.5; color: var(--muted); }

@media (min-width: 900px) {
  .ionix-trust { padding: 52px 0px; }
  .ionix-trust__inner { grid-template-columns: repeat(4, 1fr); gap: 0px; }
  .ionix-trust__item + .ionix-trust__item::before { content: ""; position: absolute; left: 0px; top: 6px; bottom: 6px; width: 1px; background: var(--hair); }
  .ionix-trust__item { padding-inline: clamp(16px, 2.4vw, 32px); }
  .ionix-trust__item svg { width: 24px; height: 24px; margin-bottom: 14px; }
  .ionix-trust__t { font-size: 14px; margin-bottom: 6px; }
  .ionix-trust__d { font-size: 13px; line-height: 1.55; }
}
@charset "utf-8";

@media screen and (min-width: 1000px) {
  #shopify-section-sections--30732672303439__footer { --footer-block-list-gap: var(--spacing-10); --footer-block-list-justify-content: space-between; }
}
@charset "utf-8";

:host { color-scheme: initial; forced-color-adjust: initial; math-depth: initial; position: initial; position-anchor: initial; text-size-adjust: initial; appearance: initial; color: initial; font-palette: initial; font-synthesis: initial; position-area: initial; text-orientation: initial; text-rendering: initial; text-spacing-trim: initial; -webkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orientation: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: initial; accent-color: initial; place-content: initial; place-items: initial; place-self: initial; alignment-baseline: initial; anchor-name: initial; anchor-scope: initial; animation-composition: initial; animation: initial; animation-trigger: initial; app-region: initial; aspect-ratio: initial; backdrop-filter: initial; backface-visibility: initial; background: initial; background-blend-mode: initial; baseline-shift: initial; baseline-source: initial; block-size: initial; border-block: initial; border: initial; border-radius: initial; border-collapse: initial; border-end-end-radius: initial; border-end-start-radius: initial; border-inline: initial; border-shape: initial; border-start-end-radius: initial; border-start-start-radius: initial; inset: initial; box-decoration-break: initial; box-shadow: initial; box-sizing: initial; break-after: initial; break-before: initial; break-inside: initial; buffered-rendering: initial; caption-side: initial; caret-animation: initial; caret-color: initial; caret-shape: initial; clear: initial; clip: initial; clip-path: initial; clip-rule: initial; color-interpolation: initial; color-interpolation-filters: initial; color-rendering: initial; columns: initial; column-fill: initial; gap: initial; rule-break: initial; rule: initial; rule-inset: initial; rule-visibility-items: initial; column-span: initial; contain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size: initial; contain-intrinsic-inline-size: initial; container: initial; content: initial; content-visibility: initial; corner-shape: initial; corner-block-end-shape: initial; corner-block-start-shape: initial; counter-increment: initial; counter-reset: initial; counter-set: initial; cursor: initial; cx: initial; cy: initial; d: initial; display: initial; dominant-baseline: initial; dynamic-range-limit: initial; empty-cells: initial; field-sizing: initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: initial; flex: initial; flex-flow: initial; flex-line-count: initial; float: initial; flood-color: initial; flood-opacity: initial; grid: initial; grid-area: initial; height: initial; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphens: initial; image-orientation: initial; image-rendering: initial; initial-letter: initial; inline-size: initial; inset-block: initial; inset-inline: initial; interactivity: initial; interest-delay: initial; interpolate-size: initial; isolation: initial; lighting-color: initial; line-break: initial; list-style: initial; margin-block: initial; margin: initial; margin-inline: initial; marker: initial; mask: initial; mask-type: initial; math-shift: initial; math-style: initial; max-block-size: initial; max-height: initial; max-inline-size: initial; max-width: initial; min-block-size: initial; min-height: initial; min-inline-size: initial; min-width: initial; mix-blend-mode: initial; object-fit: initial; object-position: initial; object-view-box: initial; offset: initial; opacity: initial; order: initial; orphans: initial; outline: initial; outline-offset: initial; overflow-anchor: initial; overflow-block: initial; overflow-clip-margin: initial; overflow-inline: initial; overflow-wrap: initial; overflow: initial; overlay: initial; overscroll-behavior-block: initial; overscroll-behavior-inline: initial; overscroll-behavior: initial; padding-block: initial; padding: initial; padding-inline: initial; page: initial; page-margin-safety: initial; page-orientation: initial; paint-order: initial; perspective: initial; perspective-origin: initial; pointer-events: initial; position-try: initial; position-visibility: initial; print-color-adjust: initial; quotes: initial; r: initial; reading-flow: initial; reading-order: initial; resize: initial; rotate: initial; ruby-align: initial; ruby-overhang: initial; ruby-position: initial; rule-overlap: initial; rx: initial; ry: initial; scale: initial; scroll-behavior: initial; scroll-initial-target: initial; scroll-margin-block: initial; scroll-margin: initial; scroll-margin-inline: initial; scroll-marker-group: initial; scroll-padding-block: initial; scroll-padding: initial; scroll-padding-inline: initial; scroll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: initial; scroll-target-group: initial; scroll-timeline: initial; scrollbar-color: initial; scrollbar-gutter: initial; scrollbar-width: initial; shape-image-threshold: initial; shape-margin: initial; shape-outside: initial; shape-rendering: initial; size: initial; speak: initial; stop-color: initial; stop-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dashoffset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-size: initial; table-layout: initial; text-align-last: initial; text-anchor: initial; text-autospace: initial; text-box: initial; text-combine-upright: initial; text-decoration: initial; text-decoration-skip-ink: initial; text-emphasis: initial; text-emphasis-position: initial; text-fit: initial; text-overflow: initial; text-underline-offset: initial; text-underline-position: initial; text-wrap: initial; timeline-scope: initial; timeline-trigger: initial; touch-action: initial; transform: initial; transform-box: initial; transform-origin: initial; transform-style: initial; transition: initial; translate: initial; trigger-scope: initial; user-select: initial; vector-effect: initial; vertical-align: initial; view-timeline: initial; view-transition-class: initial; view-transition-group: initial; view-transition-name: initial; view-transition-scope: initial; visibility: initial; border-spacing: initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-ordinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initial; -webkit-box-reflect: initial; -webkit-line-break: initial; -webkit-line-clamp: initial; -webkit-mask-box-image: initial; -webkit-rtl-ordering: initial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial; -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-text-stroke: initial; -webkit-user-drag: initial; white-space-collapse: initial; widows: initial; width: initial; will-change: initial; window-drag: initial; word-break: initial; x: initial; y: initial; z-index: initial; font: inherit; letter-spacing: inherit; text-align: inherit; text-indent: inherit; text-justify: inherit; text-shadow: inherit; text-transform: inherit; word-spacing: inherit; }

button.UpcartDesignSettings__button, input.UpcartDesignSettings__button, .UpcartDesignSettings__button, .UpcartDesignSettings__button span, .UpcartDesignSettings__button:visited { background: rgb(26, 26, 24); color: rgb(255, 255, 255); border-radius: var(--upcart-internal-global-button-border-radius); }

.UpcartDesignSettings__buttonLoadingIcon { border-width: 2px; border-style: solid; border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255); border-image: none; }

.UpcartDesignSettings__buttonLoadingIcon--dark { border-width: 2px; border-style: solid; border-color: transparent rgb(26, 26, 24) rgb(26, 26, 24); border-image: none; opacity: 0.5; }

.UpcartDesignSettings__discountBadge { background: rgb(26, 26, 24); }

.UpcartDesignSettings__discountBadge p { color: rgb(255, 255, 255) !important; }

.UpcartDesignSettings__discountBadge svg { color: rgb(255, 255, 255); }

button.UpcartDesignSettings__button:hover span, input.UpcartDesignSettings__button:hover, .UpcartDesignSettings__button:hover, .UpcartDesignSettings__button:hover span { color: rgb(255, 255, 255) !important; }

.UpcartDesignSettings__backgroundColor > div { background: rgb(255, 255, 255); }

.UpcartDesignSettings__cartAccentColor { background: rgb(245, 244, 240); }

.DesignSettings__cartAccentColor > div.Polaris-Card { background: rgb(245, 244, 240); }

.UpcartDesignSettings__cartTextColor { color: rgb(26, 26, 24); }

.UpcartDesignSettings__cartTextSubduedColor { color: rgb(26, 26, 24); opacity: 0.4; }

.UpcartDesignSettings__cartSavingsTextColor { color: rgb(140, 125, 94); }

.UpcartDesignSettings__subtotalTextColor { color: rgb(0, 0, 0); }

.UpcartDesignSettings__subtotalSubduedColor { color: rgb(0, 0, 0); opacity: 0.4; }
@charset "utf-8";

.upcart-public-cart-summary { display: none !important; }

.ig-shipping-bar { display: none; }
@charset "utf-8";

#kins_root { display: block !important; }
@charset "utf-8";

.shopify-payment-button__button--hidden { visibility: hidden; }

.shopify-payment-button__button { height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,44px), 55px); min-height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,44px), 55px); border-radius: var(--shopify-accelerated-checkout-button-border-radius,0px); color: rgb(255, 255, 255); cursor: pointer; text-align: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; font-size: 1em; font-weight: 500; line-height: 1; transition: background 0.2s ease-in-out; display: block; box-shadow: rgba(0, 0, 0, 0) 0px 0px; }

.shopify-payment-button__button[disabled] { opacity: 0.6; cursor: default; }

.shopify-payment-button__button--unbranded { background-color: rgb(25, 144, 198); padding: 1em 2em; }

.shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: rgb(19, 111, 153); }

.shopify-payment-button__more-options { cursor: pointer; text-align: center; background: 0px 0px; border: 0px; width: 100%; margin-top: 1em; font-size: 1em; text-decoration: underline; display: block; }

.shopify-payment-button__more-options.shopify-payment-button__skeleton { width: 50%; margin-left: 25%; margin-right: 25%; border-radius: 4px !important; height: auto !important; min-height: 0px !important; }

.shopify-payment-button__button.shopify-payment-button__button--branded { z-index: 1; flex-direction: column; display: flex; position: relative; }

.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate { flex-direction: column !important; flex: 1 1 0% !important; display: flex !important; }

.shopify-payment-button__button.button.loading { color: rgba(0, 0, 0, 0); position: relative; }

.shopify-payment-button__button.button.loading > .loading-overlay__spinner { align-items: center; height: 100%; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner { width: fit-content; }

.button.loading > .loading-overlay__spinner .path { stroke: rgb(255, 255, 255); }

.shopify-payment-button__button .loading-overlay__spinner { width: 1.8rem; display: inline-block; }

.shopify-payment-button__button .spinner { animation: 1.4s linear 0s infinite normal none running shopify-rotator; }

@keyframes shopify-rotator { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}

.shopify-payment-button__button .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: 50% center; stroke: rgb(18, 18, 18); animation: 1.4s ease-in-out 0s infinite normal none running shopify-dash; }

@media screen and (forced-colors: active) {
  .shopify-payment-button__button .path { stroke: canvastext; }
}

@keyframes shopify-dash { 
  0% { stroke-dashoffset: 280px; }
  50% { stroke-dashoffset: 75px; transform: rotate(135deg); }
  100% { stroke-dashoffset: 280px; transform: rotate(450deg); }
}

#shopify-buyer-consent { width: 100%; margin-top: 1em; display: inline-block; }

#shopify-buyer-consent.hidden { display: none; }

#shopify-subscription-policy-button, #shopify-managed-markets-terms-and-conditions-button, #shopify-managed-markets-privacy-policy-button { font-size: inherit; cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; text-decoration: underline; }

#shopify-subscription-policy-button::before, #shopify-managed-markets-terms-and-conditions-button::before, #shopify-managed-markets-privacy-policy-button::before { box-shadow: none; }

@keyframes acceleratedCheckoutLoadingSkeleton { 
  50% { opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start,1); }
  75% { opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end,.5); }
  100% { opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start,1); }
}

.shopify-payment-button__skeleton { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; background-color: var(--shopify-accelerated-checkout-skeleton-background-color,#dedede); box-sizing: border-box; height: var(--shopify-accelerated-checkout-button-block-size,inherit); border-radius: var(--shopify-accelerated-checkout-button-border-radius,inherit); min-height: 25px; max-height: 55px; animation-delay: -0.168s; text-decoration: none !important; }

.wallet-cart-button__skeleton { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; background-color: var(--shopify-accelerated-checkout-skeleton-background-color,#dedede); animation-delay: -0.168s; }

.wallet-button-wrapper { width: 100%; container: wrapper / inline-size; }

.wallet-cart-grid { justify-content: var(--shopify-accelerated-checkout-inline-alignment,start); flex-direction: row; margin: 0px -5px -5px; padding: 0px; display: flex; }

.wallet-cart-button-container { margin: 0px 5px 5px; position: relative; }

.wallet-cart-button-container, .wallet-cart-button { width: auto; min-width: 100px; height: clamp(25px, var(--shopify-accelerated-checkout-button-inline-size,var(--shopify-accelerated-checkout-button-block-size,42px)), 55px); border-radius: var(--shopify-accelerated-checkout-button-border-radius,4px); text-align: center; flex: 1 1 0px; list-style-type: none !important; }

.wallet-cart-grid.wallet-cart-grid--vertical, .additional-checkout-buttons--vertical .wallet-cart-grid { flex-direction: column; justify-content: flex-start; margin: 0px; }

.wallet-cart-grid.wallet-cart-grid--vertical .wallet-cart-button-container, .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }

.wallet-cart-grid.wallet-cart-grid--vertical .wallet-cart-button-container:first-child, .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }

.wallet-cart-grid.wallet-cart-grid--vertical .wallet-cart-button, .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }

.wallet-cart-grid.wallet-cart-grid--horizontal, .additional-checkout-buttons--horizontal .wallet-cart-grid { justify-content: stretch; }

.wallet-cart-grid.wallet-cart-grid--horizontal .wallet-cart-button-container, .additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button-container, .wallet-cart-grid.wallet-cart-grid--horizontal .wallet-cart-button, .additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button { min-width: 0px; }

@container wrapper (width >= 100px) and (width <= 500px) {
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:first-of-type).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
}

@container wrapper (width <= 210px) {
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
}

@container wrapper (width <= 320px) {
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
}

@container wrapper (width <= 430px) {
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
}

@container wrapper (width <= 540px) {
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) { flex-direction: column; justify-content: flex-start; margin: 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
  .wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(> .wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
}

.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) { flex-direction: column; justify-content: flex-start; margin: 0px; }

.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }

.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }

.wallet-cart-grid:not(.wallet-cart-grid--horizontal):has(> .wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }

@media screen and (width <= 750px) {
  .wallet-cart-grid { justify-content: stretch; }
  .wallet-cart-button-container, .wallet-cart-button { min-width: 0px; }
}

@supports (not (container-type:inline-size)) or (not selector(:has(*))) {
  .wallet-cart-grid { flex-direction: column; justify-content: flex-start; margin: 0px; }
  .wallet-cart-button-container { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); margin: var(--shopify-accelerated-checkout-row-gap,8px) 0 0 0; }
  .wallet-cart-button-container:first-child { margin: 8px 0px 0px; }
  .wallet-cart-button { width: 100%; height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size,54px), 55px); }
}

.screen-reader-text { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }