:root { --ink: #151311; --paper: #f8f4ed; --paper2: #fcfaf6; --line: #ddd5c8; --accent: #9c2d1e; --gold: #9c6c2d; --muted: #6f6860; --soft: #eee7dc; --black: #11100f; --max: 1480px; --serif: Georgia,'Times New Roman',serif; --sans: Arial,Helvetica,sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: var(--paper2); color: var(--ink); font-family: var(--sans); font-size: 14px; line-height: 1.55; }
body.drawer-open { overflow: hidden; }
h1, h2, h3, h4, .serif { font-family: var(--serif); font-weight: 400; }
.container { width: min(var(--max),calc(100% - 56px)); margin: auto; }
.narrow { max-width: 960px; }
.muted { color: var(--muted); }
a { color: inherit; }
.announcement { min-height: 30px; background: var(--black); color: rgb(255, 255, 255); text-align: center; display: grid; place-items: center; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px; }
.site-header { height: 78px; background: rgba(252, 250, 246, 0.98); border-bottom: 1px solid var(--line); position: sticky; top: 0px; z-index: 80; }
.header-row { height: 100%; display: grid; grid-template-columns: 250px 1fr auto; align-items: center; gap: 22px; }
.brand img { width: 210px; height: 50px; object-fit: cover; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 28px; }
.nav-item { position: relative; }
.nav-link { display: block; text-decoration: none; font: 16px var(--serif); padding: 28px 0px; }
.nav-link:hover { color: var(--accent); }
.mega { position: absolute; top: 68px; left: 50%; transform: translateX(-50%) translateY(8px); width: 820px; background: rgb(255, 255, 255); border: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.12) 0px 24px 60px; padding: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; opacity: 0; pointer-events: none; transition: 0.18s; }
.nav-item:hover .mega { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0px); }
.mega h4 { font: 16px var(--serif); margin: 0px 0px 12px; }
.mega a { display: block; text-decoration: none; color: rgb(79, 73, 67); padding: 5px 0px; font-size: 13px; }
.mega a:hover { color: var(--accent); }
.mega .feature { background: var(--paper); padding: 16px; }
.mega .feature img { width: 100%; height: 150px; object-fit: cover; }
.header-actions { display: flex; align-items: center; gap: 4px; }
.icon-btn { width: 40px; height: 40px; border: 0px; background: transparent; cursor: pointer; font-size: 18px; position: relative; }
.count-badge { position: absolute; right: 1px; top: 0px; min-width: 17px; height: 17px; border-radius: 99px; background: var(--accent); color: rgb(255, 255, 255); font-size: 9px; display: grid; place-items: center; padding: 0px 4px; }
.mobile-toggle { display: none; }
.hero { border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgb(246, 240, 231) 0px, rgb(246, 240, 231) 42%, rgb(251, 248, 242) 42%); overflow: hidden; }
.hero-grid { min-height: 610px; display: grid; grid-template-columns: 42% 58%; align-items: center; }
.hero-copy { padding-right: 50px; }
.rating-line, .subeyebrow, .eyebrow { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
.hero h1 { font-size: 60px; line-height: 1.02; margin: 18px 0px; letter-spacing: -0.025em; }
.hero p { max-width: 560px; color: rgb(89, 83, 77); font-size: 16px; }
.hero-proof { display: flex; gap: 22px; flex-wrap: wrap; margin: 24px 0px; }
.hero-proof span::before { content: "✦"; color: var(--accent); margin-right: 7px; }
.btns { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.btn { min-height: 46px; padding: 0px 22px; border: 1px solid var(--accent); background: transparent; color: var(--accent); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px; cursor: pointer; }
.btn.primary { background: var(--accent); color: rgb(255, 255, 255); }
.btn.secondary { background: transparent; }
.btn.light { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.btn.full { width: 100%; }
.btn.big { min-height: 54px; font-size: 12px; }
.hero-media { height: 560px; display: flex; align-items: center; justify-content: center; padding: 30px; }
.hero-media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.section { padding: 72px 0px; }
.section.soft { background: rgb(243, 237, 227); }
.latest-section { padding-top: 52px; }
.simple-title { text-align: center; font: 30px var(--serif); margin-bottom: 28px; }
.simple-title span { display: inline-block; position: relative; }
.simple-title span::after { content: ""; display: block; width: 52px; height: 1px; background: var(--accent); margin: 11px auto 0px; }
.latest-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.latest-card { border: 1px solid var(--line); background: rgb(255, 255, 255); text-decoration: none; overflow: hidden; }
.latest-card img, .latest-card .editorial-mark { width: 100%; height: 230px; object-fit: cover; display: grid; place-items: center; }
.latest-card .editorial-mark { background: linear-gradient(145deg, rgb(233, 223, 207), rgb(250, 247, 240)); font: 58px var(--serif); color: rgb(162, 140, 112); }
.latest-card span { display: block; padding: 14px; text-align: center; font: 16px var(--serif); }
.section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 26px; }
.section-head h2, .carousel-heading h2 { font-size: 34px; margin: 0px; }
.text-link { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none; border-bottom: 1px solid; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.product-card { position: relative; }
.product-card a { text-decoration: none; }
.product-image { aspect-ratio: 1 / 1.13; background: rgb(239, 232, 221); overflow: hidden; }
.product-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.35s; }
.product-card:hover .product-image img { transform: scale(1.025); }
.badge { position: absolute; left: 9px; top: 9px; z-index: 2; background: rgb(23, 20, 18); color: white; font-size: 9px; letter-spacing: 0.11em; padding: 6px 8px; }
.badge.accent { background: var(--accent); }
.product-info { padding: 11px 0px 3px; }
.product-title { font: 16px var(--serif); margin-bottom: 4px; }
.price { font-size: 12px; }
.quick-add, .quick-wish { position: absolute; right: 9px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.93); cursor: pointer; }
.quick-add { bottom: 62px; }
.quick-wish { bottom: 108px; }
.editorial-feature { display: grid; grid-template-columns: 58% 42%; background: rgb(18, 17, 15); color: rgb(255, 255, 255); min-height: 520px; }
.editorial-photo { background-size: cover; background-position: center center; min-height: 520px; }
.editorial-copy { padding: 70px; display: flex; flex-direction: column; justify-content: center; }
.editorial-copy h2 { font-size: 46px; margin: 12px 0px; }
.editorial-copy p { color: rgb(215, 208, 200); max-width: 520px; }
.stone-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.stone-grid a { background: rgb(255, 255, 255); text-decoration: none; text-align: center; padding: 28px 14px; }
.stone-grid b { display: block; font: 18px var(--serif); }
.stone-grid small { display: block; color: var(--muted); margin-top: 6px; }
.center-intro { text-align: center; margin-bottom: 30px; }
.center-intro h1, .center-intro h2 { margin: 8px 0px; font-size: 40px; }
.video-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.video-card { position: relative; text-decoration: none; }
.video-card img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
.video-card b { display: block; padding: 12px 0px; font: 16px var(--serif); }
.play { position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%); width: 64px; height: 64px; border: 1px solid rgb(255, 255, 255); border-radius: 50%; display: grid; place-items: center; color: white; background: rgba(0, 0, 0, 0.15); }
.play::after { content: "▶"; margin-left: 3px; }
.brand-manifesto { background: rgb(21, 20, 18); color: rgb(255, 255, 255); padding: 75px 0px; }
.manifesto-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
.manifesto-grid h2 { font-size: 50px; margin: 12px 0px; }
.manifesto-grid p { color: rgb(213, 206, 197); max-width: 560px; }
.manifesto-image img { width: 100%; height: 460px; object-fit: cover; }
.light-link { color: rgb(255, 255, 255); }
.community-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.community-grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.page-hero, .collection-titlebar { padding: 70px 0px; background: rgb(243, 237, 227); border-bottom: 1px solid var(--line); }
.page-hero h1, .collection-titlebar h1 { font-size: 54px; margin: 8px 0px; }
.page-hero p, .collection-titlebar p { max-width: 700px; color: var(--muted); }
.dark-hero { background: rgb(22, 21, 19); color: rgb(255, 255, 255); }
.dark-hero p { color: rgb(215, 209, 200); }
.collections-hero { text-align: center; }
.all-collections-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.all-collection { border: 1px solid var(--line); background: rgb(255, 255, 255); text-decoration: none; }
.all-collection .media { height: 340px; overflow: hidden; background: rgb(237, 229, 216); }
.all-collection .media img { width: 100%; height: 100%; object-fit: cover; }
.all-collection .copy { padding: 20px; }
.all-collection h3 { font-size: 24px; margin: 0px 0px 7px; }
.breadcrumbs { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 11px; margin-bottom: 20px; }
.breadcrumbs a { text-decoration: none; }
.collection-shell { padding: 0px 0px 70px; }
.collection-toolbar { min-height: 68px; display: flex; align-items: center; gap: 22px; border-bottom: 1px solid var(--line); justify-content: flex-end; }
.collection-toolbar .filter-toggle { margin-right: auto; }
.filter-toggle, .facet-close { background: none; border: 0px; text-decoration: underline; cursor: pointer; }
.product-count { color: var(--muted); margin-right: auto; }
.select, .input { min-height: 42px; border: 1px solid var(--line); background: rgb(255, 255, 255); color: var(--ink); padding: 8px 11px; }
.collection-layout { display: grid; grid-template-columns: 260px 1fr; gap: 30px; padding-top: 28px; }
.facet-panel { border-right: 1px solid var(--line); padding-right: 22px; }
.facet-close { display: none; }
.facet { padding: 16px 0px; border-bottom: 1px solid var(--line); }
.facet h4 { margin: 0px 0px 10px; font: 16px var(--serif); }
.facet label { display: flex; gap: 8px; margin: 6px 0px; color: rgb(85, 79, 73); }
.facet-price { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.collection-products .product-grid { grid-template-columns: repeat(3, 1fr); }
.editorial-category { padding: 28px; border: 1px solid var(--line); background: rgb(255, 255, 255); margin-bottom: 26px; }
.editorial-category img { width: 100%; max-height: 520px; object-fit: contain; background: rgb(244, 238, 229); }
.product-page { padding: 42px 0px 0px; }
.product-layout { display: grid; grid-template-columns: 58% 42%; gap: 50px; }
.gallery { position: relative; }
.zoom-btn { position: absolute; right: 14px; top: 14px; z-index: 3; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); background: rgb(255, 255, 255); cursor: pointer; font-size: 20px; }
.gallery-main { aspect-ratio: 1 / 1.05; background: rgb(243, 238, 230); }
.gallery-main img { width: 100%; height: 100%; object-fit: contain; }
.thumbs { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-top: 9px; }
.thumb { border: 1px solid var(--line); background: rgb(255, 255, 255); aspect-ratio: 1 / 1; overflow: hidden; padding: 0px; cursor: pointer; }
.thumb.active { border-color: var(--accent); }
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-copy { position: sticky; top: 105px; align-self: start; padding-bottom: 30px; }
.product-copy h1 { font-size: 42px; line-height: 1.08; margin: 9px 0px; }
.product-price { font-size: 23px; color: var(--accent); margin: 8px 0px 16px; }
.divider { height: 1px; background: var(--line); margin: 18px 0px; }
.similar-block { margin: 18px 0px; }
.field-label, .field label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.similar-styles { display: flex; gap: 8px; flex-wrap: wrap; }
.similar-style { width: 54px; height: 54px; border: 1px solid var(--line); padding: 0px; background: rgb(255, 255, 255); cursor: pointer; }
.similar-style img { width: 100%; height: 100%; object-fit: cover; }
.field { margin: 20px 0px; }
.inline-input { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.link-button { border: 0px; background: none; text-decoration: underline; cursor: pointer; font-size: 11px; }
.fit-buttons { display: flex; gap: 7px; margin-top: 8px; }
.fit-buttons button { border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 8px 14px; cursor: pointer; }
.fit-buttons button.active { border-color: var(--accent); color: var(--accent); }
.qty-row { display: flex; align-items: center; justify-content: space-between; margin: 18px 0px; }
.qty { width: 80px; }
.purchase-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 18px; }
.purchase-trust span { text-align: center; background: rgb(243, 237, 228); padding: 10px 4px; font-size: 10px; }
.accordions { margin-top: 18px; border-top: 1px solid var(--line); }
.acc { border-bottom: 1px solid var(--line); }
.acc button { width: 100%; padding: 15px 0px; border: 0px; background: none; text-align: left; display: flex; justify-content: space-between; font: 16px var(--serif); cursor: pointer; }
.acc .body { display: none; padding: 0px 0px 15px; color: var(--muted); }
.acc.open .body { display: block; }
.product-long { margin-top: 50px; }
.detail-band { padding: 65px 0px; border-top: 1px solid var(--line); }
.detail-two { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; }
.detail-two h2 { font-size: 36px; margin: 8px 0px 18px; }
.review-box { padding: 35px; background: rgb(242, 236, 227); }
.spec-table { border-top: 1px solid var(--line); }
.spec-row { display: grid; grid-template-columns: 150px 1fr; gap: 15px; padding: 12px 0px; border-bottom: 1px solid var(--line); }
.rich-copy ul { padding-left: 18px; }
.brand-mini { display: grid; grid-template-columns: 1fr 1fr; background: rgb(21, 20, 18); color: rgb(255, 255, 255); align-items: center; }
.brand-mini > div { padding: 60px; }
.brand-mini h2 { font-size: 42px; margin: 8px 0px; }
.brand-mini p { color: rgb(216, 209, 200); }
.brand-mini img { width: 100%; height: 420px; object-fit: cover; }
.explore-chips { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.explore-chips a { padding: 10px 14px; border: 1px solid var(--line); text-decoration: none; }
.carousel-heading { margin: 40px 0px 18px; }
.product-grid.compact { grid-template-columns: repeat(4, 1fr); }
.product-community { padding-top: 65px; }
.sticky-buy { position: fixed; left: 0px; right: 0px; bottom: 0px; background: rgb(255, 255, 255); border-top: 1px solid var(--line); z-index: 70; display: flex; align-items: center; gap: 14px; padding: 9px max(20px,calc((100vw - var(--max))/2)); transform: translateY(110%); transition: 0.2s; }
.sticky-buy.show { transform: translateY(0px); }
.sticky-buy img { width: 50px; height: 50px; object-fit: cover; }
.sticky-buy div { display: flex; flex-direction: column; margin-right: auto; }
.sticky-buy span { font-size: 11px; color: var(--muted); }
.utility-page { padding: 72px 0px; min-height: 65vh; }
.utility-page h1 { font-size: 50px; margin: 0px 0px 22px; }
.support-nav { display: flex; gap: 14px; flex-wrap: wrap; border-bottom: 1px solid var(--line); padding-bottom: 16px; margin-bottom: 30px; }
.support-nav a { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; }
.stack-form { display: grid; gap: 12px; max-width: 680px; }
.textarea { min-height: 150px; padding-top: 12px; resize: vertical; }
.form-confirm { margin-top: 8px; color: rgb(45, 107, 60); }
.faq-tabs, .account-tabs { display: flex; gap: 8px; margin: 22px 0px; }
.faq-tabs button, .account-tabs button { border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 10px 14px; cursor: pointer; }
.faq-tabs button.active, .account-tabs button.active { border-color: var(--accent); color: var(--accent); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item button { width: 100%; border: 0px; background: none; text-align: left; padding: 16px 0px; font: 17px var(--serif); display: flex; justify-content: space-between; cursor: pointer; }
.faq-answer { display: none; padding: 0px 0px 16px; color: var(--muted); }
.faq-item.open .faq-answer { display: block; }
.article h2 { font-size: 26px; margin-top: 34px; }
.fit-guide { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.fit-guide div { border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 18px; }
.fit-guide b, .fit-guide span { display: block; }
.size-table { width: 100%; border-collapse: collapse; }
.size-table td, .size-table th { border-bottom: 1px solid var(--line); padding: 12px; text-align: left; }
.care-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.care-grid > div { border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 26px; }
.notice { padding: 18px; border: 1px solid rgb(217, 198, 169); background: rgb(255, 248, 233); margin: 18px 0px; }
.cart-layout { display: grid; grid-template-columns: 1fr 360px; gap: 40px; }
.cart-item { display: grid; grid-template-columns: 110px 1fr auto; gap: 18px; align-items: center; padding: 14px 0px; border-bottom: 1px solid var(--line); }
.cart-item img { width: 110px; height: 110px; object-fit: cover; }
.cart-summary { background: rgb(243, 237, 228); padding: 24px; align-self: start; position: sticky; top: 110px; }
.summary-row { display: flex; justify-content: space-between; padding: 16px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.search-large .input { width: 100%; height: 56px; margin-bottom: 30px; }
.empty-state { padding: 70px 20px; text-align: center; background: rgb(255, 255, 255); border: 1px solid var(--line); }
.checkout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.form-grid .wide { grid-column: 1 / -1; }
.payment-placeholder { height: 220px; border: 1px dashed rgb(185, 170, 149); display: grid; place-items: center; background: rgb(255, 255, 255); }
.story-hero { padding: 90px 0px; background: rgb(23, 20, 18); color: rgb(255, 255, 255); }
.story-hero h1 { font-size: 64px; line-height: 1; margin: 12px 0px; }
.story-hero p { max-width: 650px; color: rgb(213, 206, 197); }
.story-stack { display: grid; gap: 80px; }
.story-row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.story-row.reverse img { order: 2; }
.story-row img { width: 100%; height: 480px; object-fit: cover; }
.story-row h2 { font-size: 40px; }
.steps-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); margin-bottom: 24px; }
.steps-3 > div { background: rgb(255, 255, 255); padding: 38px; text-align: center; }
.steps-3 span { font: 40px var(--serif); color: rgb(185, 170, 150); }
.custom-hero { background: rgb(241, 234, 223); }
.custom-examples { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.custom-examples a { border: 1px solid var(--line); text-decoration: none; background: rgb(255, 255, 255); }
.custom-examples img, .custom-examples .editorial-mark { width: 100%; height: 250px; object-fit: cover; display: grid; place-items: center; }
.custom-examples .editorial-mark { background: rgb(238, 229, 215); font: 50px var(--serif); color: rgb(162, 141, 112); }
.custom-examples b { display: block; padding: 14px; font: 16px var(--serif); text-align: center; }
.custom-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; }
.custom-form, .process-card { background: rgb(255, 255, 255); border: 1px solid var(--line); padding: 30px; }
.custom-form label { display: grid; gap: 7px; margin: 15px 0px; }
.process-step { border-top: 1px solid var(--line); padding: 17px 0px; }
.process-step b, .process-step span { display: block; }
.process-step span { color: var(--muted); margin-top: 4px; }
.legal h2 { font-size: 25px; margin-top: 34px; }
.drawer, .search-drawer, .cart-drawer, .country-drawer, .modal, .lightbox { position: fixed; z-index: 100; }
.overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.38); z-index: 90; }
.drawer { left: 0px; top: 0px; bottom: 0px; width: min(420px, 88vw); background: rgb(255, 255, 255); padding: 24px; overflow: auto; }
.drawer a { display: block; padding: 13px 0px; border-bottom: 1px solid var(--line); text-decoration: none; }
.drawer h4 { margin-top: 25px; }
.drawer-close { float: right; border: 0px; background: none; font-size: 28px; }
.search-drawer, .cart-drawer, .country-drawer { right: 0px; top: 0px; bottom: 0px; width: min(480px, 92vw); background: rgb(255, 255, 255); padding: 28px; overflow: auto; }
.drawer-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.drawer-head button { border: 0px; background: none; font-size: 24px; cursor: pointer; }
.mini-cart-item { display: grid; grid-template-columns: 80px 1fr; gap: 12px; padding: 12px 0px; border-bottom: 1px solid var(--line); }
.mini-cart-item img { width: 80px; height: 80px; object-fit: cover; }
.modal { left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(720px, 92vw); max-height: 85vh; overflow: auto; background: rgb(255, 255, 255); padding: 30px; }
.lightbox { inset: 0px; background: rgba(0, 0, 0, 0.92); display: grid; place-items: center; padding: 40px; }
.lightbox img { max-width: 90vw; max-height: 88vh; }
.lightbox button { position: absolute; right: 20px; top: 15px; background: none; border: 0px; color: rgb(255, 255, 255); font-size: 34px; cursor: pointer; }
.country-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.country-grid button { border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 10px; text-align: left; cursor: pointer; }
.footer { background: rgb(23, 20, 18); color: rgb(232, 224, 215); padding: 58px 0px 28px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.3fr; gap: 30px; }
.footer h4 { font: 16px var(--serif); margin: 0px 0px 14px; }
.footer a { color: rgb(203, 195, 186); text-decoration: none; display: block; font-size: 12px; margin: 7px 0px; }
.footer p { color: rgb(188, 180, 171); font-size: 12px; }
.footer input { width: 100%; height: 42px; border: 1px solid rgb(75, 68, 62); background: rgb(36, 33, 31); color: rgb(255, 255, 255); padding: 0px 10px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgb(56, 51, 47); margin-top: 38px; padding-top: 18px; color: rgb(159, 151, 143); font-size: 11px; }
.footer .country-btn { border: 1px solid rgb(75, 68, 62); background: none; color: rgb(255, 255, 255); padding: 8px 12px; cursor: pointer; }
.footer-brand img { width: 200px; height: 50px; object-fit: cover; filter: brightness(1.35); }
@media (max-width: 1100px) {
  .latest-grid { grid-template-columns: repeat(3, 1fr); }
  .stone-grid { grid-template-columns: repeat(3, 1fr); }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .collection-products .product-grid { grid-template-columns: repeat(2, 1fr); }
  .desktop-nav { display: none; }
  .mobile-toggle { display: block; }
  .header-row { grid-template-columns: 1fr auto; }
  .header-actions .account-action { display: none; }
  .hero-grid { grid-template-columns: 1fr 1fr; }
  .hero h1 { font-size: 48px; }
  .footer-grid { grid-template-columns: 2fr repeat(2, 1fr); }
  .footer-grid > div:nth-child(4), .footer-grid > div:nth-child(5) { margin-top: 10px; }
  .all-collections-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .container { width: min(100% - 28px,var(--max)); }
  .announcement { font-size: 9px; }
  .site-header { height: 68px; }
  .brand img { width: 165px; }
  .header-actions { gap: 0px; }
  .header-actions .wishlist-action, .header-actions .country-action { display: none; }
  .hero-grid, .custom-hero .hero-grid { grid-template-columns: 1fr; min-height: 0px; }
  .hero-copy { padding: 48px 0px 15px; }
  .hero h1 { font-size: 44px; }
  .hero-media { height: 360px; padding: 6px 0px 24px; }
  .hero-proof { gap: 12px; }
  .latest-grid { display: flex; overflow: auto; }
  .latest-card { min-width: 250px; }
  .latest-card img, .latest-card .editorial-mark { height: 220px; }
  .section { padding: 48px 0px; }
  .product-grid, .product-grid.compact { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .product-image { aspect-ratio: 1 / 1.2; }
  .editorial-feature { grid-template-columns: 1fr; }
  .editorial-photo { min-height: 380px; }
  .editorial-copy { padding: 42px 24px; }
  .stone-grid { grid-template-columns: repeat(2, 1fr); }
  .video-row { display: flex; overflow: auto; }
  .video-card { min-width: 280px; }
  .manifesto-grid, .detail-two, .brand-mini, .story-row, .custom-grid, .checkout-grid, .cart-layout { grid-template-columns: 1fr; }
  .manifesto-image img { height: 360px; }
  .community-grid { grid-template-columns: repeat(2, 1fr); }
  .page-hero h1, .collection-titlebar h1, .utility-page h1 { font-size: 40px; }
  .all-collections-grid { grid-template-columns: 1fr; }
  .collection-layout { grid-template-columns: 1fr; }
  .facet-panel { display: none; position: fixed; z-index: 100; inset: 0px 12% 0px 0px; background: rgb(255, 255, 255); padding: 24px; overflow: auto; border-right: 0px; }
  .facet-panel.open { display: block; }
  .facet-close { display: block; margin-left: auto; font-size: 28px; }
  .product-count { display: none; }
  .collection-products .product-grid { grid-template-columns: repeat(2, 1fr); }
  .product-layout { grid-template-columns: 1fr; gap: 25px; }
  .product-copy { position: static; }
  .gallery-main { aspect-ratio: 1 / 1; }
  .thumbs { grid-template-columns: repeat(5, 1fr); }
  .product-copy h1 { font-size: 35px; }
  .brand-mini img { height: 340px; }
  .brand-mini > div { padding: 38px 22px; }
  .purchase-trust { grid-template-columns: 1fr; }
  .sticky-buy { padding: 8px 12px; }
  .sticky-buy .btn { padding: 0px 12px; }
  .story-hero h1 { font-size: 48px; }
  .story-row.reverse img { order: 0; }
  .story-row img { height: 360px; }
  .steps-3, .custom-examples, .fit-guide, .care-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .wide { grid-column: auto; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid .footer-brand, .footer-grid .newsletter { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
  .country-grid { grid-template-columns: 1fr; }
}
:root { --ab-black: #050505; --ab-white: #fff; --ab-cream: #f7f5f1; --ab-gray: #8f8f8f; --ab-line: #e7e7e7; --ab-gold: #b5945d; --max: 1600px; }
body { background: rgb(255, 255, 255); color: rgb(10, 10, 10); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.45; }
.container { width: min(var(--max),calc(100% - 64px)); margin: auto; }
.announcement { height: 30px; min-height: 30px; background: rgb(5, 5, 5); color: rgb(255, 255, 255); font-size: 10px; letter-spacing: 0.11em; padding: 0px; }
.site-header { height: 76px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(233, 233, 233); box-shadow: none; position: sticky; top: 0px; }
.header-row { grid-template-columns: 220px 1fr 220px; gap: 16px; }
.brand { display: flex; align-items: center; text-decoration: none; }
.brand img { display: none; }
.brand::after { content: "MOGO"; font-family: Georgia, "Times New Roman", serif; font-size: 26px; letter-spacing: 0.2em; font-weight: 400; }
.desktop-nav { gap: 34px; }
.nav-link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; padding: 29px 0px; }
.nav-link:hover { color: rgb(0, 0, 0); }
.mega { top: 64px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none; width: 920px; box-shadow: rgba(0, 0, 0, 0.12) 0px 22px 55px; }
.header-actions { justify-content: flex-end; }
.icon-btn { font-size: 17px; }
.count-badge { background: rgb(0, 0, 0); }
.ab-hero { min-height: 650px; background: rgb(5, 5, 5); color: rgb(255, 255, 255); display: grid; grid-template-columns: 58% 42%; position: relative; overflow: hidden; }
.ab-hero-media { grid-area: 1 / 1; min-height: 650px; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 46% 42%, rgb(25, 25, 25) 0px, rgb(7, 7, 7) 44%, rgb(3, 3, 3) 76%); }
.ab-hero-media img { width: 88%; height: 88%; object-fit: contain; filter: none; }
.ab-hero-copy { grid-area: 1 / 2; display: flex; flex-direction: column; justify-content: center; padding: 70px 11vw 70px 5vw; background: rgb(5, 5, 5); }
.ab-kicker { font-size: 11px; letter-spacing: 0.17em; text-transform: uppercase; color: rgb(140, 109, 61); margin-bottom: 22px; }
.ab-kicker.light { color: rgb(216, 195, 154); }
.ab-hero-copy h1 { font-size: 58px; line-height: 1.03; margin: 0px 0px 24px; font-weight: 400; letter-spacing: -0.025em; }
.ab-hero-copy p { font-size: 15px; color: rgb(199, 199, 199); max-width: 460px; margin: 0px 0px 26px; }
.ab-hero-points { display: grid; gap: 10px; margin-bottom: 28px; color: rgb(238, 238, 238); font-size: 12px; }
.ab-hero-points span::before { content: "—"; margin-right: 10px; color: rgb(140, 109, 61); }
.ab-hero .btn.primary { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
.ab-hero .btn.secondary { color: rgb(255, 255, 255); border-color: rgb(85, 85, 85); }
.ab-hero .btn { min-height: 44px; font-size: 10px; letter-spacing: 0.11em; }
.ab-section { padding: 76px 0px; }
.ab-white { background: rgb(255, 255, 255); }
.ab-black { background: rgb(5, 5, 5); color: rgb(255, 255, 255); }
.ab-title-row { display: flex; align-items: end; justify-content: space-between; margin-bottom: 34px; }
.ab-title-row h2 { font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-weight: 500; letter-spacing: 0.01em; margin: 0px; text-transform: none; }
.ab-title-row a { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgb(17, 17, 17); padding-bottom: 4px; }
.ab-title-row.light a { border-color: rgb(255, 255, 255); }
.ab-collection-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.ab-collection-row a { text-decoration: none; text-align: center; font-size: 12px; }
.ab-collection-row img { width: 100%; aspect-ratio: 1 / 1.03; object-fit: cover; background: rgb(5, 5, 5); display: block; margin-bottom: 13px; }
.ab-collection-row span { display: block; padding: 0px 4px; }
.ab-products { grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ab-black .product-card { background: rgb(5, 5, 5); border: 0px; color: rgb(255, 255, 255); }
.ab-black .product-card > a { color: rgb(255, 255, 255); }
.ab-black .product-image { background: rgb(5, 5, 5); aspect-ratio: 1 / 1.05; }
.ab-black .product-image img { object-fit: contain; }
.ab-black .product-info { padding: 14px 2px 8px; }
.ab-black .product-title { font-size: 12px; color: rgb(255, 255, 255); }
.ab-black .price { font-size: 12px; color: rgb(170, 170, 170); }
.ab-black .badge { top: 12px; left: 10px; background: transparent; border: 1px solid rgb(148, 119, 70); color: rgb(210, 181, 119); border-radius: 0px; font-size: 9px; letter-spacing: 0.08em; }
.ab-black .quick-add, .ab-black .quick-wish { display: none; }
.ab-editorial { display: grid; grid-template-columns: 58% 42%; min-height: 620px; background: rgb(5, 5, 5); color: rgb(255, 255, 255); }
.ab-editorial-photo { overflow: hidden; background: rgb(17, 17, 17); }
.ab-editorial-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ab-editorial-copy { padding: 90px 8vw; display: flex; flex-direction: column; justify-content: center; }
.ab-editorial-copy h2 { font-size: 51px; line-height: 1.03; margin: 0px 0px 22px; }
.ab-editorial-copy p { color: rgb(200, 200, 200); max-width: 470px; font-size: 15px; margin-bottom: 30px; }
.ab-link-light { color: rgb(255, 255, 255); font-size: 11px; letter-spacing: 0.13em; text-decoration: none; border-bottom: 1px solid rgb(255, 255, 255); width: max-content; padding-bottom: 5px; }
.ab-stone-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.ab-stone-row a { border: 1px solid rgb(238, 238, 238); text-decoration: none; padding: 24px 18px; text-align: center; }
.swatch { width: 74px; height: 74px; border-radius: 50%; display: block; margin: 0px auto 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px inset; }
.s1 { background: rgb(100, 21, 25); }
.s2 { background: rgb(245, 240, 229); }
.s3 { background: rgb(74, 36, 95); }
.s4 { background: rgb(20, 90, 116); }
.s5 { background: rgb(13, 77, 53); }
.s6 { background: rgb(188, 143, 63); }
.ab-stone-row b { font-size: 12px; font-weight: 500; }
.ab-video { background: rgb(255, 255, 255); }
.ab-center-kicker { text-align: center; font-size: 10px; letter-spacing: 0.16em; color: rgb(119, 119, 119); text-transform: uppercase; }
.ab-center-title { text-align: center; font-size: 30px; margin: 8px 0px 34px; }
.ab-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ab-video-grid a { position: relative; text-decoration: none; }
.ab-video-grid img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; filter: none; }
.ab-video-grid b { display: block; font-weight: 500; font-size: 13px; margin-top: 12px; }
.ab-video-grid .play { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: rgb(0, 0, 0); display: grid; place-items: center; font-size: 12px; }
.ab-story { background: rgb(242, 242, 240); padding: 0px; }
.ab-story-grid { display: grid; grid-template-columns: 43% 57%; min-height: 620px; padding: 0px; }
.ab-story-copy { padding: 86px 6vw 86px 0px; display: flex; flex-direction: column; justify-content: center; }
.ab-story-copy h2 { font-size: 50px; line-height: 1.02; margin: 0px 0px 22px; }
.ab-story-copy p { max-width: 520px; color: rgb(85, 85, 85); font-size: 15px; margin-bottom: 28px; }
.ab-dark-link { color: rgb(0, 0, 0); text-decoration: none; border-bottom: 1px solid rgb(0, 0, 0); width: max-content; font-size: 11px; letter-spacing: 0.12em; padding-bottom: 5px; }
.ab-story-image { overflow: hidden; }
.ab-story-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ab-community { background: rgb(255, 255, 255); padding: 0px; }
.ab-community-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.ab-community-grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.footer { background: rgb(5, 5, 5); color: rgb(255, 255, 255); padding: 64px 0px 28px; }
.footer a { color: rgb(189, 189, 189); }
.footer p { color: rgb(151, 151, 151); }
.footer-grid { grid-template-columns: 1.25fr 1fr 1fr 1fr 1.2fr; }
.footer-brand img { display: none; }
.footer-brand::before { content: "MOGO"; display: block; font: 28px Georgia, "Times New Roman", serif; letter-spacing: 0.2em; margin-bottom: 18px; }
.footer input { background: rgb(17, 17, 17); border-color: rgb(51, 51, 51); }
.footer .btn.primary { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
.footer-bottom { border-top-color: rgb(37, 37, 37); color: rgb(119, 119, 119); }
body:not([data-page="index"]) { background: rgb(255, 255, 255); }
.page-hero, .story-hero, .custom-hero { background: rgb(5, 5, 5) !important; color: rgb(255, 255, 255) !important; }
.page-hero p, .story-hero p, .custom-hero p { color: rgb(187, 187, 187) !important; }
.collection-titlebar, .utility-page, .product-page, .section.soft { background: rgb(255, 255, 255); }
.product-image, .gallery-main { background: rgb(5, 5, 5); }
.product-image img, .gallery-main img { object-fit: contain; }
.btn.primary { background: rgb(5, 5, 5); color: rgb(255, 255, 255); border-color: rgb(5, 5, 5); }
.btn.secondary, .btn { border-color: rgb(17, 17, 17); color: rgb(17, 17, 17); }
.badge { border-radius: 0px; }
.facet-panel { background: rgb(255, 255, 255); }
@media (max-width: 1100px) {
  .ab-collection-row { grid-template-columns: repeat(3, 1fr); }
  .ab-products { grid-template-columns: repeat(3, 1fr); }
  .ab-stone-row { grid-template-columns: repeat(3, 1fr); }
  .ab-hero { grid-template-columns: 55% 45%; }
  .ab-hero-copy { padding-right: 5vw; }
  .ab-hero-copy h1 { font-size: 47px; }
}
@media (max-width: 760px) {
  .container { width: calc(100% - 28px); }
  .site-header { height: 64px; }
  .ab-hero { grid-template-columns: 1fr; min-height: 0px; }
  .ab-hero-media { grid-area: 1 / 1; min-height: 420px; }
  .ab-hero-copy { grid-area: 2 / 1; padding: 42px 24px 52px; }
  .ab-hero-copy h1 { font-size: 42px; }
  .ab-section { padding: 48px 0px; }
  .ab-collection-row { display: flex; overflow: auto; gap: 10px; }
  .ab-collection-row a { min-width: 220px; }
  .ab-products { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ab-editorial { grid-template-columns: 1fr; }
  .ab-editorial-photo { min-height: 420px; }
  .ab-editorial-copy { padding: 52px 24px; }
  .ab-editorial-copy h2 { font-size: 40px; }
  .ab-stone-row { grid-template-columns: repeat(2, 1fr); }
  .ab-video-grid { display: flex; overflow: auto; }
  .ab-video-grid a { min-width: 78vw; }
  .ab-story-grid { grid-template-columns: 1fr; min-height: 0px; }
  .ab-story-copy { padding: 52px 8px; }
  .ab-story-image { height: 430px; }
  .ab-community-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
:root { --ab-black: #000; --ab-panel: #070707; --ab-panel-2: #0b0b0b; --ab-text: #f3f3f3; --ab-muted: #8d8d8d; --ab-muted-2: #b7b7b7; --ab-line: #1d1d1d; --ab-warm: #c8a46a; --ab-max: 1600px; }
html { background: rgb(0, 0, 0); color-scheme: dark; }
body, body:not([data-page="index"]) { background: rgb(0, 0, 0) !important; color: var(--ab-text) !important; }
a { color: inherit; }
.container { width: min(var(--ab-max),calc(100% - 64px)); }
.announcement { display: none !important; }
.site-header { color: rgb(255, 255, 255); position: sticky; top: 0px; z-index: 90; height: 58px !important; background: rgb(5, 5, 5) !important; border-bottom: 1px solid rgb(36, 36, 36) !important; }
.header-row { grid-template-columns: 220px 1fr 220px !important; gap: 18px !important; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: rgb(255, 255, 255); min-width: 170px; }
.brand img { display: none !important; }
.brand::before { content: "MOGO"; font: 17px / 1 Georgia, "Times New Roman", serif; letter-spacing: 0.14em; color: rgb(255, 255, 255); }
.brand::after { content: "EASTERN HANDWORK"; font: 7px / 1.1 Arial, Helvetica, sans-serif; letter-spacing: 0.18em; color: rgb(118, 118, 118); white-space: nowrap; }
.desktop-nav { gap: 30px !important; }
.nav-link { color: rgb(215, 215, 215) !important; font: 10px / 1.1 Arial, Helvetica, sans-serif !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; padding: 23px 0px !important; }
.nav-link:hover { color: rgb(184, 149, 82) !important; }
.mega { top: 57px !important; background: rgb(7, 7, 7) !important; border: 1px solid rgb(36, 36, 36) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 28px 70px !important; color: rgb(255, 255, 255) !important; }
.mega h4 { color: rgb(245, 232, 208) !important; }
.mega a { color: rgba(245, 232, 208, 0.65) !important; }
.mega a:hover { color: rgb(184, 149, 82) !important; }
.mega .feature { background: rgb(13, 13, 13) !important; }
.mega .feature img { filter: none; }
.header-actions { justify-content: flex-end; }
.icon-btn { color: rgb(217, 217, 217) !important; }
.icon-btn:hover { color: rgb(255, 255, 255) !important; }
.count-badge { background: rgb(178, 145, 94) !important; color: rgb(0, 0, 0) !important; }
body[data-page="index"] main { background: rgb(0, 0, 0); }
.ab-hero { border-bottom: 1px solid rgb(20, 20, 20); min-height: 640px !important; background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; grid-template-columns: 64% 36% !important; }
.ab-hero-media { min-height: 640px !important; background: rgb(0, 0, 0) !important; padding: 18px 0px 18px 3vw !important; align-items: center !important; justify-content: center !important; }
.ab-hero-media img { width: min(900px, 94%) !important; height: 94% !important; object-fit: contain !important; }
.ab-hero-copy { background: rgb(0, 0, 0) !important; padding: 70px 7vw 70px 3vw !important; }
.ab-kicker { color: rgb(167, 139, 94) !important; font-size: 9px !important; letter-spacing: 0.18em !important; margin-bottom: 18px !important; }
.ab-hero-copy h1 { max-width: 510px; font-size: 52px !important; color: rgb(255, 255, 255) !important; line-height: 1.02 !important; margin: 0px 0px 22px !important; }
.ab-hero-copy p { color: rgb(158, 158, 158) !important; font-size: 13px !important; line-height: 1.7 !important; max-width: 440px !important; }
.ab-hero-points { font-size: 10px !important; color: rgb(184, 184, 184) !important; gap: 8px !important; }
.ab-hero-points span::before { color: rgb(128, 106, 73) !important; }
.ab-hero .btn, .ab-hero .btn.secondary { border: 1px solid rgb(76, 76, 76) !important; color: rgb(255, 255, 255) !important; background: transparent !important; }
.ab-hero .btn.primary { background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; }
.ab-section, .ab-white, .ab-black, .ab-video { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
.ab-section { padding: 64px 0px !important; }
.ab-section:first-of-type { padding-top: 48px !important; }
.ab-title-row { position: relative; margin-bottom: 26px !important; justify-content: center !important; }
.ab-title-row h2, .ab-center-title { font: 400 20px / 1.15 Arial, Helvetica, sans-serif !important; color: rgb(240, 240, 240) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: center !important; }
.ab-title-row > a { position: absolute; right: 0px; bottom: 2px; color: rgb(119, 119, 119) !important; border-color: rgb(85, 85, 85) !important; font-size: 8px !important; letter-spacing: 0.14em !important; }
.ab-collection-row { max-width: 840px; margin: 0px auto; grid-template-columns: repeat(6, 118px) !important; gap: 12px !important; justify-content: center !important; }
.ab-collection-row a { color: rgb(217, 217, 217) !important; font-size: 9px !important; letter-spacing: 0.04em !important; }
.ab-collection-row img { height: 122px !important; aspect-ratio: 1 / 1 !important; background: rgb(8, 8, 8) !important; object-fit: cover !important; margin-bottom: 8px !important; border: 0px !important; }
.ab-collection-row span { color: rgb(170, 170, 170) !important; }
.ab-products { grid-template-columns: repeat(4, 1fr) !important; gap: 1px !important; background: rgb(11, 11, 11) !important; border-top: 1px solid rgb(16, 16, 16) !important; border-left: 1px solid rgb(16, 16, 16) !important; }
.ab-products .product-card { min-width: 0px; background: rgb(0, 0, 0) !important; border-right: 1px solid rgb(16, 16, 16) !important; border-bottom: 1px solid rgb(16, 16, 16) !important; padding: 0px 0px 34px !important; }
.ab-products .product-image { aspect-ratio: 1 / 1.02 !important; background: rgb(0, 0, 0) !important; position: relative !important; overflow: hidden !important; }
.ab-products .product-image img { background: rgb(0, 0, 0); position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; object-fit: contain !important; transition: opacity 0.28s, transform 0.35s !important; }
.ab-products .product-image img.hover-image { opacity: 0 !important; }
.ab-products .product-card:hover .product-image img.primary-image { opacity: 0 !important; transform: none !important; }
.ab-products .product-card:hover .product-image img.hover-image { opacity: 1 !important; transform: none !important; }
.ab-products .product-info { padding: 12px 18px 0px !important; text-align: center !important; }
.ab-products .product-title { font: 400 10px / 1.45 Arial, Helvetica, sans-serif !important; color: rgb(221, 221, 221) !important; letter-spacing: 0.02em !important; }
.ab-products .price { margin-top: 3px; font-size: 9px !important; color: rgb(116, 116, 116) !important; }
.ab-products .badge { top: 13px !important; left: 14px !important; background: rgba(0, 0, 0, 0.62) !important; border: 1px solid rgb(135, 110, 72) !important; color: rgb(201, 170, 119) !important; font-size: 7px !important; padding: 5px 7px !important; }
.ab-products .quick-add, .ab-products .quick-wish { display: none !important; }
.ab-editorial { border-top: 1px solid rgb(21, 21, 21); border-bottom: 1px solid rgb(21, 21, 21); display: grid !important; grid-template-columns: 50% 50% !important; min-height: 560px !important; background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
.ab-editorial-photo { min-height: 560px !important; background: rgb(8, 8, 8) !important; }
.ab-editorial-photo img { object-fit: cover !important; filter: none !important; }
.ab-editorial-copy { background: rgb(0, 0, 0) !important; padding: 88px 9vw !important; }
.ab-editorial-copy h2 { font-size: 44px !important; color: rgb(255, 255, 255) !important; }
.ab-editorial-copy p { color: rgb(146, 146, 146) !important; font-size: 13px !important; line-height: 1.7 !important; }
.ab-link-light { color: rgb(221, 221, 221) !important; border-color: rgb(85, 85, 85) !important; }
.ab-stone-row { background: rgb(0, 0, 0) !important; border: 0px !important; gap: 1px !important; }
.ab-stone-row a { background: rgb(5, 5, 5) !important; border: 1px solid rgb(22, 22, 22) !important; color: rgb(189, 189, 189) !important; padding: 24px 10px !important; }
.ab-stone-row a:hover { background: rgb(11, 11, 11) !important; color: rgb(184, 149, 82) !important; }
.ab-stone-row b { font-size: 9px !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; }
.swatch { width: 58px !important; height: 58px !important; box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset !important; }
.ab-center-kicker { color: rgb(104, 104, 104) !important; font-size: 8px !important; }
.ab-center-title { margin: 8px 0px 28px !important; }
.ab-video-grid { gap: 1px !important; background: rgb(14, 14, 14) !important; }
.ab-video-grid a { background: rgb(0, 0, 0) !important; color: rgb(170, 170, 170) !important; padding-bottom: 20px !important; }
.ab-video-grid img { filter: none !important; aspect-ratio: 4 / 5 !important; }
.ab-video-grid b { padding: 0px 14px !important; font: 400 9px / 1.4 Arial, Helvetica, sans-serif !important; letter-spacing: 0.05em !important; color: rgb(154, 154, 154) !important; }
.ab-video-grid .play { width: 42px !important; height: 42px !important; background: rgba(0, 0, 0, 0.65) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.65) !important; }
.ab-story { border-top: 1px solid rgb(20, 20, 20); background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
.ab-story-grid { grid-template-columns: 43% 57% !important; min-height: 620px !important; }
.ab-story-copy { padding: 86px 7vw 86px 0px !important; }
.ab-story-copy h2 { font-size: 46px !important; color: rgb(255, 255, 255) !important; }
.ab-story-copy p { color: rgb(142, 142, 142) !important; font-size: 13px !important; line-height: 1.8 !important; }
.ab-dark-link { color: rgb(221, 221, 221) !important; border-color: rgb(85, 85, 85) !important; }
.ab-story-image { background: rgb(7, 7, 7) !important; }
.ab-story-image img { filter: none !important; object-fit: cover !important; }
.ab-community { border-top: 1px solid rgb(20, 20, 20); background: rgb(0, 0, 0) !important; }
.ab-community-grid { gap: 1px !important; background: rgb(16, 16, 16) !important; }
.ab-community-grid img { background: rgb(0, 0, 0) !important; }
body:not([data-page="index"]) { background: rgb(0, 0, 0) !important; color: rgb(232, 232, 232) !important; }
.page-hero, .story-hero, .custom-hero, .collection-titlebar { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; border-color: rgb(25, 25, 25) !important; }
.page-hero p, .story-hero p, .custom-hero p, .collection-titlebar p { color: rgb(141, 141, 141) !important; }
.utility-page, .product-page, .section, .section.soft, .collection-shell, .checkout-layout, .account-panel, .form-card, .summary-card, .faq-shell, .story-block, .custom-panel { background: rgb(0, 0, 0) !important; color: rgb(232, 232, 232) !important; }
.product-image, .gallery-main, .gallery-thumbs, .thumb, .all-collection, .all-collection .media, .editorial-category, .similar-style, .cart-item, .mini-cart-item, .summary-card, .checkout-card, .account-panel, .utility-card, .faq-item, .acc, .notice, .modal, .drawer, .search-drawer, .cart-drawer, .country-drawer { background: rgb(5, 5, 5) !important; color: rgb(229, 229, 229) !important; border-color: rgb(28, 28, 28) !important; }
.product-image img, .gallery-main img { background: rgb(0, 0, 0) !important; object-fit: contain !important; }
.product-info, .product-title, .price, .spec-row, .cart-item, .mini-cart-item, .faq-item, .acc { color: rgb(216, 216, 216) !important; }
.muted, .breadcrumbs, .product-count, .page-hero p, .collection-titlebar p, .product-copy p, .spec-row span, .footer p { color: rgb(119, 119, 119) !important; }
.all-collection, .all-collection .copy, .all-collection h3, .all-collection p { color: rgb(215, 215, 215) !important; }
.all-collection { border-color: rgb(23, 23, 23) !important; }
.all-collection:hover { border-color: rgb(51, 51, 51) !important; }
.collection-toolbar { border-color: rgb(23, 23, 23) !important; }
.collection-layout { background: rgb(0, 0, 0) !important; }
.facet-panel { background: rgb(0, 0, 0) !important; border-color: rgb(27, 27, 27) !important; }
.facet-group, .facet-row { border-color: rgb(23, 23, 23) !important; }
.select, .input, input, textarea, select { background: rgb(8, 8, 8) !important; color: rgb(221, 221, 221) !important; border-color: rgb(38, 38, 38) !important; }
input::placeholder, textarea::placeholder { color: rgb(95, 95, 95) !important; }
.btn, .btn.secondary { background: transparent !important; color: rgb(221, 221, 221) !important; border-color: rgb(59, 59, 59) !important; }
.btn.primary { background: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; }
.btn.light { border-color: rgb(170, 170, 170) !important; color: rgb(255, 255, 255) !important; }
.badge { background: transparent !important; border: 1px solid rgb(135, 110, 72) !important; color: rgb(201, 170, 119) !important; }
.quick-add, .quick-wish { background: rgb(9, 9, 9) !important; color: rgb(221, 221, 221) !important; border-color: rgb(38, 38, 38) !important; }
.drawer, .search-drawer, .cart-drawer, .country-drawer { box-shadow: rgba(0, 0, 0, 0.7) -30px 0px 80px !important; }
.overlay { background: rgba(0, 0, 0, 0.78) !important; }
.footer { background: rgb(0, 0, 0) !important; border-top: 1px solid rgb(24, 24, 24) !important; }
.footer-grid { color: rgb(221, 221, 221) !important; }
.footer h4 { color: rgb(245, 232, 208) !important; }
.footer a { color: rgba(245, 232, 208, 0.65) !important; }
.footer a:hover { color: rgb(184, 149, 82) !important; }
.footer-bottom { border-color: rgb(23, 23, 23) !important; color: rgb(85, 85, 85) !important; }
.footer-brand::before { color: rgb(255, 255, 255) !important; }
.country-btn { background: rgb(7, 7, 7) !important; color: rgb(153, 153, 153) !important; border-color: rgb(34, 34, 34) !important; }
hr, .line { border-color: rgb(23, 23, 23) !important; background: rgb(23, 23, 23) !important; }
@media (max-width: 1100px) {
  .header-row { grid-template-columns: 180px 1fr 180px !important; }
  .desktop-nav { gap: 18px !important; }
  .ab-hero { grid-template-columns: 60% 40% !important; }
  .ab-collection-row { grid-template-columns: repeat(6, 105px) !important; }
  .ab-products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 760px) {
  .container { width: calc(100% - 24px) !important; }
  .site-header { height: 56px !important; }
  .header-row { grid-template-columns: 1fr auto !important; }
  .desktop-nav { display: none !important; }
  .brand::after { display: none; }
  .mobile-toggle { display: inline-grid !important; place-items: center !important; }
  .ab-hero { grid-template-columns: 1fr !important; min-height: 0px !important; }
  .ab-hero-media { grid-area: 1 / 1 !important; min-height: 430px !important; padding: 8px 8px 0px !important; }
  .ab-hero-copy { grid-area: 2 / 1 !important; padding: 36px 22px 50px !important; }
  .ab-hero-copy h1 { font-size: 38px !important; }
  .ab-section { padding: 44px 0px !important; }
  .ab-title-row { justify-content: center !important; }
  .ab-title-row > a { display: none !important; }
  .ab-collection-row { display: flex !important; justify-content: flex-start !important; overflow: auto !important; gap: 8px !important; padding-bottom: 4px !important; }
  .ab-collection-row a { min-width: 112px !important; }
  .ab-collection-row img { height: 112px !important; }
  .ab-products { grid-template-columns: repeat(2, 1fr) !important; }
  .ab-products .product-info { padding: 10px 8px 0px !important; }
  .ab-editorial { grid-template-columns: 1fr !important; }
  .ab-editorial-photo { min-height: 420px !important; }
  .ab-editorial-copy { padding: 48px 22px !important; }
  .ab-editorial-copy h2 { font-size: 38px !important; }
  .ab-stone-row { grid-template-columns: repeat(3, 1fr) !important; }
  .ab-video-grid { display: flex !important; overflow: auto !important; gap: 1px !important; }
  .ab-video-grid a { min-width: 78vw !important; }
  .ab-story-grid { grid-template-columns: 1fr !important; min-height: 0px !important; }
  .ab-story-copy { padding: 48px 6px !important; }
  .ab-story-image { height: 430px !important; }
  .footer-grid { grid-template-columns: 1fr 1fr !important; }
}
.brand { background-image: url("../images/mogo-seal-header.png") !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: 20px 20px !important; padding-left: 28px !important; gap: 9px !important; }
.brand::before { font-size: 15px !important; letter-spacing: 0.18em !important; }
.brand::after { font-size: 6px !important; letter-spacing: 0.18em !important; color: rgb(95, 95, 95) !important; }
.desktop-nav { gap: 27px !important; }
.nav-link { font-size: 8px !important; letter-spacing: 0.17em !important; }
.header-actions { gap: 12px !important; }
.icon-btn { font-size: 14px !important; opacity: 0.82 !important; }
#ui-layer .mogo-search-strip { position: fixed !important; left: 0px !important; right: 0px !important; width: 100% !important; z-index: 140 !important; background: rgb(17, 17, 17) !important; border-top: 1px solid rgb(36, 36, 36) !important; border-bottom: 1px solid rgb(36, 36, 36) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 18px 45px !important; }
#ui-layer .mogo-search-inner { height: 58px !important; display: grid !important; grid-template-columns: 18px minmax(0px, 1fr) 30px !important; align-items: center !important; gap: 14px !important; padding: 0px 32px !important; }
#ui-layer .mogo-search-leading { width: 18px !important; height: 18px !important; display: grid !important; place-items: center !important; color: rgb(215, 215, 215) !important; font-size: 16px !important; }
#ui-layer .mogo-search-input { width: 100% !important; height: 58px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background: transparent !important; color: rgb(241, 241, 241) !important; box-shadow: none !important; font: 400 14px / 58px Arial, Helvetica, sans-serif !important; }
#ui-layer .mogo-search-input::placeholder { color: rgb(119, 119, 119) !important; opacity: 1 !important; }
#ui-layer .mogo-search-input::-webkit-search-cancel-button { display: none !important; }
#ui-layer .mogo-search-close { width: 30px !important; height: 40px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; color: rgb(215, 215, 215) !important; font: 300 25px / 1 Arial, sans-serif !important; cursor: pointer !important; }
#ui-layer .mogo-search-results { max-height: 420px !important; overflow: auto !important; padding: 0px 32px 18px !important; background: rgb(8, 8, 8) !important; border-bottom: 1px solid rgb(28, 28, 28) !important; }
#ui-layer .mogo-search-results:empty { display: none !important; }
@media (max-width: 760px) {
  .brand { background-size: 18px 18px !important; padding-left: 24px !important; gap: 7px !important; }
  .brand::after { display: none !important; }
  #ui-layer .mogo-search-inner { height: 54px !important; padding: 0px 16px !important; }
  #ui-layer .mogo-search-input { height: 54px !important; line-height: 54px !important; }
  #ui-layer .mogo-search-results { padding-left: 16px !important; padding-right: 16px !important; }
}
#site-chrome .header-actions, .site-header .header-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 18px !important; white-space: nowrap !important; }
#site-chrome .header-actions > *, .site-header .header-actions > * { flex: 0 0 auto !important; }
#site-chrome .header-actions .menu-toggle, #site-chrome .header-actions .icon-btn, .site-header .header-actions .menu-toggle, .site-header .header-actions .icon-btn { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; min-width: 30px !important; max-width: 30px !important; height: 30px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; background: transparent !important; color: rgb(242, 242, 242) !important; line-height: 1 !important; text-decoration: none !important; vertical-align: middle !important; box-sizing: border-box !important; }
#site-chrome .header-actions .menu-toggle, .site-header .header-actions .menu-toggle { margin-right: 4px !important; }
#site-chrome .header-actions .menu-toggle svg, #site-chrome .header-actions .icon-btn svg, #site-chrome .header-actions .menu-toggle i, #site-chrome .header-actions .icon-btn i, #site-chrome .header-actions .menu-toggle .icon, #site-chrome .header-actions .icon-btn .icon, .site-header .header-actions .menu-toggle svg, .site-header .header-actions .icon-btn svg, .site-header .header-actions .menu-toggle i, .site-header .header-actions .icon-btn i, .site-header .header-actions .menu-toggle .icon, .site-header .header-actions .icon-btn .icon { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; display: block !important; margin: 0px !important; padding: 0px !important; line-height: 1 !important; vertical-align: middle !important; box-sizing: border-box !important; }
#site-chrome .header-actions svg, .site-header .header-actions svg { stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#site-chrome #search-action, .site-header #search-action { transform: translateY(0px) !important; }
#site-chrome .account-action, .site-header .account-action { transform: translateY(0px) !important; }
#site-chrome .wishlist-action, .site-header .wishlist-action { transform: translateY(0px) !important; }
#site-chrome .country-action, .site-header .country-action { transform: translateY(0px) !important; }
#site-chrome #cart-action, .site-header #cart-action { transform: translateY(0px) !important; }
#site-chrome .header-actions .count-badge, .site-header .header-actions .count-badge { position: absolute !important; top: -6px !important; right: -7px !important; min-width: 18px !important; height: 18px !important; padding: 0px 5px !important; margin: 0px !important; display: grid !important; place-items: center !important; border-radius: 999px !important; background: rgb(184, 150, 98) !important; color: rgb(11, 11, 11) !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 18px !important; z-index: 5 !important; }
@media (max-width: 1200px) {
  #site-chrome .header-actions, .site-header .header-actions { gap: 15px !important; }
}
@media (max-width: 980px) {
  #site-chrome .header-actions, .site-header .header-actions { gap: 12px !important; }
  #site-chrome .header-actions .menu-toggle, #site-chrome .header-actions .icon-btn, .site-header .header-actions .menu-toggle, .site-header .header-actions .icon-btn { width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 28px !important; }
  #site-chrome .header-actions .menu-toggle svg, #site-chrome .header-actions .icon-btn svg, #site-chrome .header-actions .menu-toggle i, #site-chrome .header-actions .icon-btn i, #site-chrome .header-actions .menu-toggle .icon, #site-chrome .header-actions .icon-btn .icon, .site-header .header-actions .menu-toggle svg, .site-header .header-actions .icon-btn svg, .site-header .header-actions .menu-toggle i, .site-header .header-actions .icon-btn i, .site-header .header-actions .menu-toggle .icon, .site-header .header-actions .icon-btn .icon { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; }
}
html, body { background: rgb(0, 0, 0) !important; color-scheme: dark !important; }
body, main, #site-chrome, #site-footer, #ui-layer { background: rgb(0, 0, 0) !important; }
main > section, main > div, section, .section, .section.soft, .ab-section, .ab-white, .ab-black, .ab-video, .page-hero, .story-hero, .custom-hero, .collection-titlebar, .utility-page, .product-page, .collection-shell, .checkout-layout, .faq-shell, .story-block, .custom-panel, .ab-hero, .ab-hero-media, .ab-hero-copy, .ab-editorial, .ab-editorial-copy, .ab-story, .ab-community, .product-long, .detail-band, .brand-mini, .community, .product-community, .story-stack, .story-row, .all-collections-grid, .collection-layout, .cart-page, .checkout-page, .account-page, .wishlist-page, .search-page { background: none rgb(0, 0, 0) !important; }
.site-header, .mega, .mega .feature, .product-card, .product-image, .gallery-main, .thumb, .all-collection, .all-collection .media, .editorial-category, .similar-style, .cart-item, .mini-cart-item, .summary-card, .checkout-card, .account-panel, .utility-card, .faq-item, .acc, .notice, .modal, .drawer, .search-drawer, .cart-drawer, .country-drawer, .facet-panel, .select, .input, input, textarea, select, .ab-products, .ab-products .product-card, .ab-products .product-image, .ab-stone-row, .ab-stone-row a, .ab-video-grid, .ab-video-grid a, .ab-story-image, .ab-community-grid, .footer, .country-btn { background-color: rgb(5, 5, 5) !important; color: rgb(232, 232, 232) !important; border-color: rgb(27, 27, 27) !important; }
.product-image img, .gallery-main img, .ab-products .product-image img, .ab-collection-row img, .ab-editorial-photo, .ab-story-image { background-color: rgb(0, 0, 0) !important; }
.hero, .latest-card .editorial-mark, .editorial-category img { background: none rgb(0, 0, 0) !important; }
.btn.primary, .ab-hero .btn.primary { background: rgb(5, 5, 5) !important; color: rgb(184, 149, 82) !important; border: 1px solid rgb(184, 149, 82) !important; }
html { min-height: 100%; background: rgb(0, 0, 0) !important; }
body { min-height: 100vh; background: rgb(0, 0, 0) !important; }
.site-header { height: 68px !important; min-height: 68px !important; margin: 0px !important; padding: 0px !important; }
.site-header .container.header-row { width: 100% !important; max-width: none !important; height: 68px !important; min-height: 68px !important; margin: 0px !important; padding-left: 44px !important; padding-right: 38px !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(280px, 1fr) auto minmax(280px, 1fr) !important; align-items: center !important; gap: 0px !important; }
.site-header .brand { justify-self: start !important; width: max-content !important; min-width: 0px !important; display: inline-flex !important; align-items: center !important; margin: 0px !important; background-size: 22px 22px !important; background-position: left center !important; background-repeat: no-repeat !important; padding-left: 31px !important; gap: 9px !important; }
.site-header .brand::before { font-size: 20px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.17em !important; color: rgb(241, 240, 237) !important; }
.site-header .brand::after { font-size: 7px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: 0.16em !important; color: rgb(102, 99, 95) !important; white-space: nowrap !important; }
.site-header .desktop-nav { justify-self: center !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 40px !important; margin: 0px !important; padding: 0px !important; }
.site-header .desktop-nav > .nav-link, .site-header .desktop-nav > .nav-item > .nav-link { height: 68px !important; display: flex !important; align-items: center !important; margin: 0px !important; padding: 0px !important; color: rgb(231, 229, 225) !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0.11em !important; text-transform: uppercase !important; white-space: nowrap !important; }
.site-header .mega { top: 67px !important; }
.site-header .header-actions { justify-self: end !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 18px !important; margin: 0px !important; padding: 0px !important; }
.site-header .header-actions .icon-btn { position: relative !important; width: 20px !important; min-width: 20px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; color: rgb(222, 221, 217) !important; font-size: 17px !important; line-height: 1 !important; opacity: 0.9 !important; }
.site-header .header-actions .count-badge { top: 10px !important; right: -7px !important; min-width: 15px !important; height: 15px !important; padding: 0px 3px !important; border-radius: 999px !important; font-size: 8px !important; line-height: 15px !important; }
.site-header .desktop-nav > .nav-link:hover, .site-header .desktop-nav > .nav-item > .nav-link:hover, .site-header .header-actions .icon-btn:hover { color: rgb(255, 255, 255) !important; opacity: 1 !important; }
@media (max-width: 1200px) {
  .site-header .container.header-row { padding-left: 28px !important; padding-right: 26px !important; grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) !important; }
  .site-header .desktop-nav { gap: 28px !important; }
  .site-header .desktop-nav > .nav-link, .site-header .desktop-nav > .nav-item > .nav-link { font-size: 11px !important; }
}
@media (max-width: 760px) {
  .site-header { height: 58px !important; min-height: 58px !important; }
  .site-header .container.header-row { height: 58px !important; min-height: 58px !important; padding-left: 16px !important; padding-right: 16px !important; display: flex !important; justify-content: space-between !important; }
  .site-header .desktop-nav { display: none !important; }
  .site-header .brand { background-size: 19px 19px !important; padding-left: 26px !important; gap: 7px !important; }
  .site-header .brand::before { font-size: 17px !important; }
  .site-header .brand::after { display: none !important; }
  .site-header .header-actions { height: 58px !important; gap: 13px !important; }
  .site-header .header-actions .icon-btn { height: 58px !important; font-size: 16px !important; }
}
html body[data-page="product"] .product-community .community-viewport { position: relative !important; width: 100% !important; overflow: hidden !important; }
html body[data-page="product"] .product-community .community-grid { width: 100% !important; max-width: 100% !important; min-width: 0px !important; overflow-x: auto !important; overscroll-behavior-x: contain !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; animation: auto ease 0s 1 normal none running none !important; padding: 0px 7vw !important; }
html body[data-page="product"] .product-community .community-grid::-webkit-scrollbar { display: none !important; }
html body[data-page="product"] .product-community .community-grid img { scroll-snap-align: center !important; }
html body[data-page="product"] .product-community .community-arrow { position: absolute !important; z-index: 2 !important; top: 50% !important; transform: translateY(-50%) !important; width: 48px !important; height: 48px !important; border: 1px solid rgba(244, 234, 216, 0.55) !important; border-radius: 50% !important; background: rgba(0, 0, 0, 0.72) !important; color: rgb(244, 234, 216) !important; font: 36px / 40px Georgia, serif !important; cursor: pointer !important; }
html body[data-page="product"] .product-community .community-arrow-prev { left: 16px !important; }
html body[data-page="product"] .product-community .community-arrow-next { right: 16px !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community .community-grid { padding: 0px 12vw !important; }
  html body[data-page="product"] .product-community .community-arrow { width: 38px !important; height: 38px !important; font-size: 28px !important; line-height: 31px !important; }
  html body[data-page="product"] .product-community .community-arrow-prev { left: 8px !important; }
  html body[data-page="product"] .product-community .community-arrow-next { right: 8px !important; }
}
html body #site-chrome .site-header .header-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; height: 68px !important; gap: 14px !important; margin: 0px !important; padding: 0px !important; white-space: nowrap !important; }
html body #site-chrome .site-header .header-actions .mobile-toggle, html body #site-chrome .site-header .header-actions .account-action, html body #site-chrome .site-header .header-actions .wishlist-action, html body #site-chrome .site-header .header-actions .country-action { display: flex !important; }
html body #site-chrome .site-header .header-actions .icon-btn { position: relative !important; width: 26px !important; min-width: 26px !important; max-width: 26px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 26px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background: transparent !important; color: transparent !important; font-size: 0px !important; line-height: 0 !important; text-decoration: none !important; opacity: 1 !important; cursor: pointer !important; transform: none !important; }
html body #site-chrome .site-header .header-actions .icon-btn::before { content: "" !important; display: block !important; width: 19px !important; height: 19px !important; flex: 0 0 19px !important; margin: 0px !important; padding: 0px !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 19px 19px !important; opacity: 0.92 !important; transform: none !important; transition: opacity 0.15s, transform 0.15s !important; pointer-events: none !important; }
html body #site-chrome .site-header .header-actions .icon-btn:hover::before { opacity: 1 !important; transform: translateY(-1px) !important; }
html body #site-chrome .site-header #mobile-menu::before { width: 18px !important; height: 18px !important; background-size: 18px 18px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e7e4' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") !important; }
html body #site-chrome .site-header #search-action::before { width: 19px !important; height: 19px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e7e4' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.3' cy='10.3' r='5.7'/%3E%3Cpath d='M14.7 14.7L20 20'/%3E%3C/svg%3E") !important; }
html body #site-chrome .site-header .account-action::before { width: 19px !important; height: 19px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e7e4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.7' r='3.1'/%3E%3Cpath d='M5.6 19c.7-3.6 2.8-5.4 6.4-5.4s5.7 1.8 6.4 5.4'/%3E%3C/svg%3E") !important; }
html body #site-chrome .site-header .wishlist-action::before { width: 20px !important; height: 20px !important; background-size: 20px 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e7e4' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 5.8a4.7 4.7 0 0 0-6.7 0L12 7.5l-1.7-1.7a4.7 4.7 0 0 0-6.7 6.7L12 21l8.4-8.5a4.7 4.7 0 0 0 0-6.7Z'/%3E%3C/svg%3E") !important; }
html body #site-chrome .site-header .country-action::before { width: 19px !important; height: 19px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e7e4' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='M3.8 12h16.4M12 3.8c2.15 2.2 3.25 4.95 3.25 8.2S14.15 18 12 20.2M12 3.8C9.85 6 8.75 8.75 8.75 12S9.85 18 12 20.2'/%3E%3C/svg%3E") !important; }
html body #site-chrome .site-header #cart-action::before { width: 20px !important; height: 20px !important; background-size: 20px 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e7e4' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 8.4h11.2l.8 11H5.6l.8-11Z'/%3E%3Cpath d='M9 8.8V6.7C9 5 10.15 4 12 4s3 1 3 2.7v2.1'/%3E%3C/svg%3E") !important; }
html body #site-chrome .site-header .header-actions .count-badge { position: absolute !important; top: 9px !important; right: -4px !important; min-width: 15px !important; width: auto !important; height: 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px 4px !important; margin: 0px !important; box-sizing: border-box !important; border: 0px !important; border-radius: 999px !important; background: rgb(181, 150, 92) !important; color: rgb(10, 9, 7) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 700 !important; line-height: 15px !important; z-index: 8 !important; opacity: 1 !important; pointer-events: none !important; }
html body #site-chrome .site-header .wishlist-action .count-badge { right: -5px !important; }
html body #site-chrome .site-header #cart-action .count-badge { right: -5px !important; }
@media (max-width: 1200px) {
  html body #site-chrome .site-header .header-actions { gap: 11px !important; }
}
@media (max-width: 760px) {
  html body #site-chrome .site-header .header-actions { height: 58px !important; gap: 10px !important; }
  html body #site-chrome .site-header .header-actions .icon-btn { width: 23px !important; min-width: 23px !important; max-width: 23px !important; height: 58px !important; flex-basis: 23px !important; }
  html body #site-chrome .site-header .header-actions .icon-btn::before { width: 17px !important; height: 17px !important; flex-basis: 17px !important; background-size: 17px 17px !important; }
  html body #site-chrome .site-header .wishlist-action, html body #site-chrome .site-header .country-action { display: none !important; }
  html body #site-chrome .site-header .header-actions .count-badge { top: 7px !important; right: -4px !important; }
}
html body #site-chrome .site-header .brand::before { font-family: "Times New Roman", Times, serif !important; font-size: 22px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.19em !important; color: rgb(244, 241, 235) !important; text-rendering: optimizelegibility !important; -webkit-font-smoothing: antialiased !important; transform: translateY(0px) !important; }
html body #site-chrome .site-header .brand { gap: 10px !important; }
html body .eyebrow, html body .subeyebrow, html body .rating-line, html body .ab-kicker, html body .ab-center-kicker { color: rgb(154, 129, 90) !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.35 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
html body .story-hero h1 { color: rgb(241, 239, 235) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 44px !important; font-weight: 400 !important; line-height: 1.08 !important; letter-spacing: -0.015em !important; margin-top: 13px !important; margin-bottom: 18px !important; max-width: 720px !important; }
html body .page-hero h1, html body .custom-hero h1, html body .collection-titlebar h1, html body .utility-page h1 { color: rgb(241, 239, 235) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 42px !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: -0.012em !important; }
html body .story-row h2, html body .story-block h2 { color: rgb(239, 237, 232) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; font-weight: 400 !important; line-height: 1.18 !important; letter-spacing: -0.01em !important; margin-top: 14px !important; margin-bottom: 18px !important; }
html body .story-hero p, html body .story-row p, html body .story-block p, html body .page-hero p, html body .custom-hero p, html body .collection-titlebar p { color: rgb(155, 153, 148) !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.75 !important; letter-spacing: 0.01em !important; }
html body .story-hero p { max-width: 680px !important; }
html body .story-row p { max-width: 560px !important; }
html body .story-hero { padding-top: 76px !important; padding-bottom: 70px !important; }
html body .story-stack { gap: 84px !important; }
html body .story-row { gap: 52px !important; }
@media (max-width: 760px) {
  html body .story-hero h1 { font-size: 35px !important; line-height: 1.1 !important; }
  html body .page-hero h1, html body .custom-hero h1, html body .collection-titlebar h1, html body .utility-page h1 { font-size: 34px !important; line-height: 1.12 !important; }
  html body .story-row h2, html body .story-block h2 { font-size: 26px !important; line-height: 1.2 !important; }
  html body .eyebrow, html body .subeyebrow, html body .rating-line, html body .ab-kicker, html body .ab-center-kicker { font-size: 11px !important; letter-spacing: 0.15em !important; }
  html body .story-hero p, html body .story-row p, html body .story-block p, html body .page-hero p, html body .custom-hero p, html body .collection-titlebar p { font-size: 13px !important; line-height: 1.72 !important; }
}
html body .ab-kicker, html body .section-kicker, html body .story-kicker, html body .story-eyebrow, html body .eyebrow, html body .section-label, html body .minor-label, html body .small-label, html body .card-kicker, html body .card-label, html body .product-badge, html body .badge, html body .tag-badge, html body .hero-badge, html body .editorial-kicker, html body .ab-center-kicker { font-size: 13px !important; line-height: 1.35 !important; font-weight: 500 !important; letter-spacing: 0.18em !important; color: rgb(154, 129, 90) !important; text-transform: none !important; }
html body .product-badge, html body .badge, html body .tag-badge { padding: 6px 10px !important; min-height: 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-color: rgb(154, 129, 90) !important; }
@media (max-width: 760px) {
  html body .ab-kicker, html body .section-kicker, html body .story-kicker, html body .story-eyebrow, html body .eyebrow, html body .section-label, html body .minor-label, html body .small-label, html body .card-kicker, html body .card-label, html body .product-badge, html body .badge, html body .tag-badge, html body .hero-badge, html body .editorial-kicker, html body .ab-center-kicker { font-size: 12px !important; letter-spacing: 0.16em !important; }
  html body .product-badge, html body .badge, html body .tag-badge { padding: 5px 9px !important; min-height: 26px !important; }
}
body[data-page="limited"] .mogo-limited-shop { width: 100%; max-width: none; margin: 0px; padding: 0px 28px 90px; box-sizing: border-box; }
body[data-page="limited"] .mogo-limited-toolbar { min-height: 58px; display: flex; align-items: center; border-top: 1px solid rgb(32, 32, 32); border-bottom: 1px solid rgb(32, 32, 32); margin-bottom: 30px; }
body[data-page="limited"] .mogo-view-tools { display: flex; align-items: center; height: 58px; border-right: 1px solid rgb(32, 32, 32); }
body[data-page="limited"] .mogo-view-btn { width: 42px; height: 58px; display: grid; place-items: center; padding: 0px; margin: 0px; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(32, 32, 32) currentcolor currentcolor; border-image: none; background: transparent; color: rgb(141, 141, 141); cursor: pointer; }
body[data-page="limited"] .mogo-view-btn:hover, body[data-page="limited"] .mogo-view-btn.active { color: rgb(241, 238, 232); background: rgb(16, 16, 16); }
body[data-page="limited"] .grid-icon { width: 15px; height: 15px; display: grid; gap: 2px; }
body[data-page="limited"] .grid-icon i { display: block; background: currentcolor; }
body[data-page="limited"] .grid-4 { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); }
body[data-page="limited"] .grid-3 { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
body[data-page="limited"] .grid-2 { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }
body[data-page="limited"] .mogo-filter-toggle { display: none; height: 40px; padding: 0px 15px; border: 1px solid rgb(52, 52, 52); background: rgb(8, 8, 8); color: rgb(221, 221, 221); font-size: 12px; }
body[data-page="limited"] .mogo-limited-count { margin-left: 18px; color: rgb(119, 119, 119); font-size: 11px; letter-spacing: 0.05em; }
body[data-page="limited"] .mogo-limited-sort { margin-left: auto; display: flex; align-items: center; gap: 10px; }
body[data-page="limited"] .mogo-limited-sort label { color: rgb(119, 119, 119); font-size: 11px; }
body[data-page="limited"] #sort-filter { height: 38px; padding: 0px 32px 0px 12px; border: 0px; background: rgb(5, 5, 5); color: rgb(207, 207, 207); font-size: 11px; outline: none; cursor: pointer; }
body[data-page="limited"] .mogo-limited-layout { display: grid; grid-template-columns: 210px minmax(0px, 1fr); gap: 34px; align-items: start; }
body[data-page="limited"] .mogo-limited-facets { position: sticky; top: 82px; align-self: start; }
body[data-page="limited"] .mogo-facet-head { height: 42px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(40, 40, 40); color: rgb(200, 197, 191); font-size: 12px; letter-spacing: 0.08em; }
body[data-page="limited"] #limited-facet-close { display: none; border: 0px; background: transparent; color: rgb(170, 170, 170); font-size: 22px; }
body[data-page="limited"] .mogo-limited-facets .facet { padding: 15px 0px; border-bottom: 1px solid rgb(36, 36, 36); }
body[data-page="limited"] .mogo-limited-facets .facet h4 { margin: 0px 0px 10px; color: rgb(189, 186, 180); font-size: 12px; font-weight: 500; }
body[data-page="limited"] .mogo-limited-facets .facet label { display: flex; align-items: center; gap: 8px; padding: 4px 0px; color: rgb(133, 133, 133); font-size: 11px; }
body[data-page="limited"] .mogo-limited-facets input[type="checkbox"] { accent-color: rgb(154, 129, 90); }
body[data-page="limited"] .mogo-limited-facets .facet-price, body[data-page="limited"] .mogo-limited-facets .price-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
body[data-page="limited"] .mogo-limited-facets input[type="number"] { width: 100%; height: 34px; box-sizing: border-box; border: 1px solid rgb(45, 45, 45); background: rgb(7, 7, 7); color: rgb(221, 221, 221); padding: 0px 8px; font-size: 11px; }
body[data-page="limited"] .mogo-limited-grid { display: grid !important; width: 100% !important; gap: 34px 22px !important; align-items: start !important; }
body[data-page="limited"] .mogo-limited-grid[data-view="4"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
body[data-page="limited"] .mogo-limited-grid[data-view="3"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
body[data-page="limited"] .mogo-limited-grid[data-view="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 42px 28px !important; }
body[data-page="limited"] .mogo-limited-grid .product-card { min-width: 0px !important; border: 0px !important; background: rgb(5, 5, 5) !important; }
body[data-page="limited"] .mogo-limited-grid .product-image { position: relative; overflow: hidden; width: 100% !important; aspect-ratio: 1 / 1 !important; background: rgb(3, 3, 3) !important; }
body[data-page="limited"] .mogo-limited-grid .product-image img { transform: scale(1); transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.25s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
@media (hover: hover) and (pointer: fine) {
  body[data-page="limited"] .mogo-limited-grid .product-card:hover .product-image img { transform: scale(1.045); filter: brightness(1.04); }
}
body[data-page="limited"] .mogo-limited-grid .product-meta { padding: 12px 4px 18px !important; background: rgb(5, 5, 5) !important; }
body[data-page="limited"] .mogo-limited-grid .product-meta h3 { font-size: 13px !important; line-height: 1.35 !important; }
body[data-page="limited"] .mogo-limited-grid .price, body[data-page="limited"] .mogo-limited-grid .product-price { font-size: 12px !important; }
@media (max-width: 1350px) {
  body[data-page="limited"] .mogo-limited-layout { grid-template-columns: 190px minmax(0px, 1fr); gap: 24px; }
  body[data-page="limited"] .mogo-limited-grid[data-view="4"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (max-width: 900px) {
  body[data-page="limited"] .mogo-limited-shop { padding: 0px 16px 70px; }
  body[data-page="limited"] .mogo-filter-toggle { display: inline-flex; align-items: center; }
  body[data-page="limited"] .mogo-limited-count { display: none; }
  body[data-page="limited"] .mogo-limited-layout { display: block; }
  body[data-page="limited"] .mogo-limited-facets { position: fixed; z-index: 500; top: 0px; bottom: 0px; left: 0px; width: min(340px, 88vw); padding: 20px; box-sizing: border-box; overflow: auto; background: rgb(8, 8, 8); transform: translateX(-105%); transition: transform 0.25s; box-shadow: rgba(0, 0, 0, 0.55) 20px 0px 50px; }
  body[data-page="limited"] .mogo-limited-facets.open { transform: translateX(0px); }
  body[data-page="limited"] #limited-facet-close { display: block; }
  body[data-page="limited"] .mogo-limited-grid[data-view="4"], body[data-page="limited"] .mogo-limited-grid[data-view="3"] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  body[data-page="limited"] .mogo-limited-grid[data-view="2"] { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  body[data-page="limited"] .mogo-view-tools { display: none; }
  body[data-page="limited"] .mogo-limited-toolbar { gap: 10px; }
  body[data-page="limited"] .mogo-limited-sort label { display: none; }
  body[data-page="limited"] #sort-filter { max-width: 150px; }
  body[data-page="limited"] .mogo-limited-grid, body[data-page="limited"] .mogo-limited-grid[data-view="4"], body[data-page="limited"] .mogo-limited-grid[data-view="3"], body[data-page="limited"] .mogo-limited-grid[data-view="2"] { grid-template-columns: 1fr !important; }
}
html body[data-page="collection"] { overflow-x: hidden !important; }
html body[data-page="collection"] .collection-shell { width: 100% !important; max-width: none !important; padding-bottom: 80px !important; background: rgb(0, 0, 0) !important; }
html body[data-page="collection"] .collection-shell > .container { width: 100% !important; max-width: none !important; margin: 0px !important; padding-left: clamp(18px, 1.8vw, 36px) !important; padding-right: clamp(18px, 1.8vw, 36px) !important; box-sizing: border-box !important; }
html body[data-page="collection"] .collection-titlebar > .container { width: 100% !important; max-width: none !important; padding-left: clamp(24px, 3vw, 56px) !important; padding-right: clamp(24px, 3vw, 56px) !important; box-sizing: border-box !important; }
html body[data-page="collection"] .collection-toolbar { position: relative !important; width: 100% !important; max-width: none !important; min-height: 58px !important; display: flex !important; align-items: center !important; gap: 16px !important; margin: 0px !important; padding: 0px !important; border-top: 1px solid rgb(23, 23, 23) !important; border-bottom: 1px solid rgb(32, 32, 32) !important; }
html body[data-page="collection"] .collection-toolbar .filter-toggle { margin-right: auto !important; color: rgb(211, 208, 202) !important; font-size: 12px !important; letter-spacing: 0.04em !important; }
html body[data-page="collection"] .collection-toolbar .product-count { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0px !important; color: rgb(118, 118, 118) !important; font-size: 11px !important; white-space: nowrap !important; }
html body[data-page="collection"] .collection-toolbar .select, html body[data-page="collection"] .collection-toolbar select { margin-left: 0px !important; min-width: 132px !important; height: 38px !important; background: rgb(7, 7, 7) !important; color: rgb(210, 210, 210) !important; border: 1px solid rgb(38, 38, 38) !important; font-size: 11px !important; }
html body[data-page="collection"] .collection-layout { width: 100% !important; display: grid !important; grid-template-columns: clamp(205px, 13.5vw, 245px) minmax(0px, 1fr) !important; column-gap: clamp(14px, 1.3vw, 24px) !important; align-items: start !important; padding-top: 20px !important; background: rgb(0, 0, 0) !important; }
html body[data-page="collection"] .collection-products { min-width: 0px !important; width: 100% !important; }
html body[data-page="collection"] .facet-panel { position: sticky !important; top: 74px !important; width: 100% !important; max-height: calc(-92px + 100vh) !important; overflow: hidden auto !important; padding-right: 18px !important; border-right: 1px solid rgb(32, 32, 32) !important; background: rgb(0, 0, 0) !important; scrollbar-width: thin !important; scrollbar-color: rgb(50, 50, 50) transparent !important; }
html body[data-page="collection"] .facet-panel::-webkit-scrollbar { width: 4px !important; }
html body[data-page="collection"] .facet-panel::-webkit-scrollbar-thumb { background: rgb(50, 50, 50) !important; }
html body[data-page="collection"] .facet { padding: 14px 0px !important; border-bottom: 1px solid rgb(32, 32, 32) !important; }
html body[data-page="collection"] .facet h4 { margin: 0px 0px 9px !important; color: rgb(216, 214, 209) !important; font-size: 12px !important; font-weight: 500 !important; }
html body[data-page="collection"] .facet label { margin: 5px 0px !important; color: rgb(130, 130, 130) !important; font-size: 11px !important; }
html body[data-page="collection"] .collection-products .product-grid { width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 34px 1px !important; margin: 0px !important; padding: 0px !important; align-items: start !important; }
html body[data-page="collection"] .collection-products .product-card { width: 100% !important; min-width: 0px !important; max-width: none !important; margin: 0px !important; background: rgb(0, 0, 0) !important; border: 0px !important; overflow: visible !important; }
html body[data-page="collection"] .collection-products .product-image { width: 100% !important; aspect-ratio: 1.12 / 1 !important; overflow: hidden !important; background: rgb(0, 0, 0) !important; }
html body[data-page="collection"] .collection-products .product-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: contain !important; background: rgb(0, 0, 0) !important; transform: scale(1) !important; transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.25s !important; }
html body[data-page="collection"] .collection-products .product-info { min-height: 54px !important; padding: 10px 8px 14px !important; text-align: center !important; background: rgb(0, 0, 0) !important; }
html body[data-page="collection"] .collection-products .product-title { margin: 0px 0px 3px !important; color: rgb(228, 226, 222) !important; font-size: clamp(12px, 0.72vw, 14px) !important; line-height: 1.35 !important; font-weight: 400 !important; }
html body[data-page="collection"] .collection-products .price { color: rgb(170, 163, 154) !important; font-size: clamp(11px, 0.64vw, 13px) !important; }
@media (hover: hover) and (pointer: fine) {
  html body[data-page="collection"] .collection-products .product-card:hover .product-image img { transform: scale(1.035) !important; filter: brightness(1.04) !important; }
}
@media (min-width: 2200px) {
  html body[data-page="collection"] .collection-products .product-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
}
@media (max-width: 1359px) {
  html body[data-page="collection"] .collection-layout { grid-template-columns: clamp(190px, 15vw, 220px) minmax(0px, 1fr) !important; column-gap: 16px !important; }
  html body[data-page="collection"] .collection-products .product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (max-width: 980px) {
  html body[data-page="collection"] .collection-shell > .container { padding-left: 16px !important; padding-right: 16px !important; }
  html body[data-page="collection"] .collection-layout { display: block !important; padding-top: 16px !important; }
  html body[data-page="collection"] .facet-panel { display: none !important; position: fixed !important; z-index: 300 !important; top: 0px !important; bottom: 0px !important; left: 0px !important; width: min(350px, 88vw) !important; height: 100vh !important; max-height: none !important; padding: 22px !important; border-right: 1px solid rgb(41, 41, 41) !important; background: rgb(5, 5, 5) !important; overflow-y: auto !important; }
  html body[data-page="collection"] .facet-panel.open { display: block !important; }
  html body[data-page="collection"] .facet-close { display: block !important; margin-left: auto !important; color: rgb(221, 221, 221) !important; font-size: 26px !important; }
  html body[data-page="collection"] .collection-products .product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 26px 1px !important; }
}
@media (max-width: 760px) {
  html body[data-page="collection"] .collection-titlebar > .container { padding-left: 16px !important; padding-right: 16px !important; }
  html body[data-page="collection"] .collection-toolbar { min-height: 54px !important; }
  html body[data-page="collection"] .collection-toolbar .product-count { display: none !important; }
  html body[data-page="collection"] .collection-products .product-image { aspect-ratio: 1 / 1.08 !important; }
  html body[data-page="collection"] .collection-products .product-info { padding: 9px 5px 12px !important; }
}
@media (max-width: 520px) {
  html body[data-page="collection"] .collection-products .product-grid { grid-template-columns: 1fr !important; row-gap: 24px !important; }
  html body[data-page="collection"] .collection-products .product-image { aspect-ratio: 1.08 / 1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body[data-page="collection"] .collection-products .product-image img { transition: none !important; }
}
html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) { overflow-x: hidden !important; background: rgb(0, 0, 0) !important; }
html body[data-page="collection"] .collection-shell > .container { width: 100% !important; max-width: none !important; margin: 0px !important; padding-left: clamp(18px, 1.8vw, 36px) !important; padding-right: clamp(18px, 1.8vw, 36px) !important; box-sizing: border-box !important; }
html body[data-page="search"] main .container:has(.product-grid), html body .search-page .container:has(.product-grid) { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: clamp(18px, 2vw, 40px) !important; padding-right: clamp(18px, 2vw, 40px) !important; box-sizing: border-box !important; }
html body[data-page="wishlist"] main .container:has(.product-grid), html body .wishlist-page .container:has(.product-grid) { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: clamp(18px, 2vw, 40px) !important; padding-right: clamp(18px, 2vw, 40px) !important; box-sizing: border-box !important; }
html body[data-page="collections"] main .container:has(.all-collections-grid) { width: 100% !important; max-width: none !important; padding-left: clamp(18px, 2vw, 40px) !important; padding-right: clamp(18px, 2vw, 40px) !important; box-sizing: border-box !important; }
html body[data-page="limited"] .mogo-limited-shop { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
html body[data-page="collection"] .collection-layout { width: 100% !important; grid-template-columns: clamp(205px, 13.2vw, 240px) minmax(0px, 1fr) !important; column-gap: clamp(14px, 1.2vw, 22px) !important; align-items: start !important; background: rgb(0, 0, 0) !important; }
html body[data-page="collection"] .collection-products { width: 100% !important; min-width: 0px !important; }
html body[data-page="collection"] .facet-panel { position: sticky !important; top: 74px !important; max-height: calc(-90px + 100vh) !important; overflow-y: auto !important; background: rgb(0, 0, 0) !important; }
html body[data-page="search"] main .product-grid, html body[data-page="wishlist"] main .product-grid, html body .search-page .product-grid, html body .wishlist-page .product-grid { display: grid !important; width: 100% !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 34px 1px !important; margin: 0px !important; padding: 0px !important; align-items: start !important; }
html body[data-page="collection"]:not(:has(#mogo-view-4)) .collection-products .product-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
html body[data-page="collection"]:has(#mogo-view-4:checked) .collection-products .product-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
html body[data-page="collection"]:has(#mogo-view-3:checked) .collection-products .product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
html body[data-page="collection"]:has(#mogo-view-2:checked) .collection-products .product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 42px !important; }
html body[data-page="limited"] .mogo-limited-layout { width: 100% !important; max-width: none !important; }
html body[data-page="limited"] .mogo-limited-results { width: 100% !important; min-width: 0px !important; }
html body[data-page="limited"] .mogo-limited-grid { width: 100% !important; max-width: none !important; }
html body[data-page="collections"] .all-collections-grid { width: 100% !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 18px !important; }
html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-card { width: 100% !important; min-width: 0px !important; max-width: none !important; margin: 0px !important; background: rgb(0, 0, 0) !important; border: 0px !important; }
html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-image { width: 100% !important; aspect-ratio: 1.12 / 1 !important; overflow: hidden !important; background: rgb(0, 0, 0) !important; }
html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; background: rgb(0, 0, 0) !important; transform: scale(1) !important; transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.25s !important; }
html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-info { padding: 10px 8px 15px !important; background: rgb(0, 0, 0) !important; }
@media (hover: hover) and (pointer: fine) {
  html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-card:hover .product-image img { transform: scale(1.035) !important; filter: brightness(1.04) !important; }
}
@media (min-width: 2200px) {
  html body[data-page="search"] main .product-grid, html body[data-page="wishlist"] main .product-grid, html body .search-page .product-grid, html body .wishlist-page .product-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
  html body[data-page="collections"] .all-collections-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
  html body[data-page="collection"]:has(#mogo-view-4:checked) .collection-products .product-grid, html body[data-page="collection"]:not(:has(#mogo-view-4)) .collection-products .product-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
}
@media (max-width: 1359px) and (min-width: 981px) {
  html body[data-page="collection"] .collection-layout { grid-template-columns: clamp(190px, 15vw, 215px) minmax(0px, 1fr) !important; column-gap: 16px !important; }
  html body[data-page="search"] main .product-grid, html body[data-page="wishlist"] main .product-grid, html body .search-page .product-grid, html body .wishlist-page .product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  html body[data-page="collections"] .all-collections-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  html body[data-page="collection"]:has(#mogo-view-4:checked) .collection-products .product-grid, html body[data-page="collection"]:not(:has(#mogo-view-4)) .collection-products .product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (max-width: 980px) {
  html body[data-page="collection"] .collection-shell > .container { padding-left: 14px !important; padding-right: 14px !important; }
  html body[data-page="collection"] .collection-layout { display: block !important; padding-top: 16px !important; }
  html body[data-page="collection"] .facet-panel { display: none !important; position: fixed !important; z-index: 300 !important; top: 0px !important; bottom: 0px !important; left: 0px !important; width: min(350px, 88vw) !important; height: 100vh !important; max-height: none !important; padding: 22px !important; background: rgb(5, 5, 5) !important; overflow-y: auto !important; }
  html body[data-page="collection"] .facet-panel.open { display: block !important; }
  html body[data-page="search"] main .product-grid, html body[data-page="wishlist"] main .product-grid, html body .search-page .product-grid, html body .wishlist-page .product-grid, html body[data-page="collection"] .collection-products .product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 26px 1px !important; }
  html body[data-page="collections"] .all-collections-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 520px) {
  html body[data-page="search"] main .product-grid, html body[data-page="wishlist"] main .product-grid, html body .search-page .product-grid, html body .wishlist-page .product-grid, html body[data-page="collection"] .collection-products .product-grid { grid-template-columns: 1fr !important; row-gap: 24px !important; }
  html body[data-page="collections"] .all-collections-grid { grid-template-columns: 1fr !important; }
  html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-image { aspect-ratio: 1.08 / 1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body:is([data-page="collection"], [data-page="limited"], [data-page="new"], [data-page="search"], [data-page="wishlist"]) .product-image img { transition: none !important; }
}
:root { --mogo-catalog-edge: clamp(24px,3vw,56px); }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) { width: 100% !important; max-width: none !important; min-height: 190px !important; display: flex !important; align-items: center !important; padding: 44px 0px 42px !important; box-sizing: border-box !important; background: rgb(0, 0, 0) !important; border-bottom: 1px solid rgb(32, 32, 32) !important; color: rgb(238, 238, 238) !important; }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) > .container { width: 100% !important; max-width: none !important; margin: 0px !important; padding-left: var(--mogo-catalog-edge) !important; padding-right: var(--mogo-catalog-edge) !important; box-sizing: border-box !important; text-align: left !important; }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) .container { max-width: none !important; text-align: left !important; }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) .breadcrumbs { margin: 0px 0px 15px !important; color: rgb(104, 104, 104) !important; font-size: 10px !important; line-height: 1.4 !important; }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.eyebrow, .subeyebrow, .ab-kicker, .section-kicker, .editorial-kicker) { margin: 0px 0px 10px !important; color: rgb(154, 129, 90) !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.3 !important; letter-spacing: 0.16em !important; }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) h1 { margin: 0px 0px 13px !important; max-width: none !important; color: rgb(241, 239, 235) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(34px, 2.35vw, 46px) !important; font-weight: 400 !important; line-height: 1.08 !important; letter-spacing: -0.015em !important; }
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) p { max-width: 680px !important; margin: 0px !important; color: rgb(136, 133, 129) !important; font-size: 13px !important; line-height: 1.7 !important; letter-spacing: 0.01em !important; }
html body[data-page="collections"] .collections-hero { text-align: left !important; }
html body[data-page="collections"] .collections-hero * { text-align: left !important; }
html body[data-page="collection"] .collection-shell > .container, html body[data-page="limited"] .mogo-limited-shop { padding-left: var(--mogo-catalog-edge) !important; padding-right: var(--mogo-catalog-edge) !important; }
html body[data-page="search"] main .container:has(.product-grid), html body[data-page="wishlist"] main .container:has(.product-grid) { padding-left: var(--mogo-catalog-edge) !important; padding-right: var(--mogo-catalog-edge) !important; }
@media (max-width: 980px) {
  :root { --mogo-catalog-edge: 18px; }
  html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) { min-height: 164px !important; padding: 36px 0px 34px !important; }
}
@media (max-width: 620px) {
  :root { --mogo-catalog-edge: 16px; }
  html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) { min-height: 148px !important; padding: 30px 0px 28px !important; }
  html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) h1 { font-size: 32px !important; }
  html body:is([data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="search"], [data-page="wishlist"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) p { font-size: 12px !important; line-height: 1.65 !important; }
}
html body .footer { width: 100% !important; max-width: none !important; margin: 0px !important; padding: clamp(62px, 5vw, 96px) 0px 28px !important; box-sizing: border-box !important; background: none rgb(2, 2, 2) !important; color: rgb(232, 230, 225) !important; border-top: 1px solid rgb(32, 32, 32) !important; }
html body .footer > .container, html body .footer .container { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: clamp(34px, 4.3vw, 88px) !important; padding-right: clamp(34px, 4.3vw, 88px) !important; box-sizing: border-box !important; }
html body .footer-grid { width: 100% !important; display: grid !important; grid-template-columns: minmax(230px, 1.25fr) minmax(120px, 0.72fr) minmax(120px, 0.72fr) minmax(150px, 0.8fr) minmax(270px, 1.3fr) !important; gap: 34px clamp(34px, 4vw, 78px) !important; align-items: start !important; }
html body .footer-brand::before { color: rgb(241, 238, 232) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; font-weight: 400 !important; letter-spacing: 0.19em !important; line-height: 1 !important; margin-bottom: 20px !important; }
html body .footer-brand p { max-width: 330px !important; color: rgb(119, 117, 113) !important; font-size: 12px !important; line-height: 1.65 !important; }
html body .footer h3, html body .footer h4 { margin: 0px 0px 14px !important; color: rgb(238, 234, 228) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; }
html body .footer a { color: rgb(119, 117, 113) !important; font-size: 11px !important; line-height: 1.75 !important; text-decoration: none !important; transition: color 0.18s !important; }
@media (hover: hover) and (pointer: fine) {
  html body .footer a:hover { color: rgb(183, 154, 104) !important; }
}
html body .footer .newsletter p { margin-bottom: 14px !important; color: rgb(119, 117, 113) !important; font-size: 11px !important; line-height: 1.6 !important; }
html body .footer input, html body .footer input[type="email"] { width: 100% !important; height: 44px !important; margin: 0px !important; padding: 0px 14px !important; box-sizing: border-box !important; background: rgb(7, 7, 7) !important; color: rgb(221, 217, 210) !important; border: 1px solid rgb(41, 41, 41) !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; font-size: 11px !important; }
html body .footer input::placeholder { color: rgb(89, 89, 89) !important; }
html body .footer input:focus { border-color: rgb(154, 129, 90) !important; box-shadow: rgba(154, 129, 90, 0.28) 0px 0px 0px 1px inset !important; }
html body .footer .btn, html body .footer .btn.primary, html body .footer button, html body .footer input[type="submit"] { min-height: 44px !important; background: rgb(8, 8, 8) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; transition: background 0.18s, color 0.18s, border-color 0.18s !important; }
@media (hover: hover) and (pointer: fine) {
  html body .footer .btn:hover, html body .footer .btn.primary:hover, html body .footer button:hover, html body .footer input[type="submit"]:hover { background: rgb(184, 155, 104) !important; color: rgb(8, 8, 8) !important; border-color: rgb(184, 155, 104) !important; }
}
html body .footer .country-btn, html body .footer .country-action { background: rgb(5, 5, 5) !important; color: rgb(170, 166, 159) !important; border: 1px solid rgb(37, 37, 37) !important; box-shadow: none !important; }
html body .footer-bottom { width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; margin-top: clamp(42px, 4vw, 70px) !important; padding-top: 20px !important; border-top: 1px solid rgb(32, 32, 32) !important; color: rgb(87, 87, 87) !important; font-size: 10px !important; }
@media (min-width: 1800px) {
  html body .footer > .container, html body .footer .container { padding-left: 5.3vw !important; padding-right: 5.3vw !important; }
  html body .footer-grid { column-gap: clamp(54px, 5vw, 110px) !important; }
}
@media (max-width: 1200px) {
  html body .footer-grid { grid-template-columns: 1.15fr 0.8fr 0.8fr 0.8fr !important; }
  html body .footer .newsletter { grid-column: 1 / -1 !important; max-width: 520px !important; }
}
@media (max-width: 820px) {
  html body .footer > .container, html body .footer .container { padding-left: 22px !important; padding-right: 22px !important; }
  html body .footer-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 38px 30px !important; }
  html body .footer-brand, html body .footer .newsletter { grid-column: 1 / -1 !important; }
  html body .footer-bottom { align-items: flex-start !important; flex-direction: column !important; }
}
@media (max-width: 520px) {
  html body .footer { padding: 52px 0px 24px !important; }
  html body .footer > .container, html body .footer .container { padding-left: 16px !important; padding-right: 16px !important; }
  html body .footer-grid { grid-template-columns: 1fr !important; row-gap: 32px !important; }
  html body .footer-brand, html body .footer .newsletter { grid-column: auto !important; }
  html body .footer .newsletter { max-width: none !important; }
  html body .footer-bottom { margin-top: 40px !important; }
}
:root { --mogo-screen-edge: clamp(22px,2.6vw,54px); --mogo-wide-edge: clamp(24px,3.2vw,68px); --mogo-commerce-max: 1840px; --mogo-editorial-max: 1720px; --mogo-reading-max: 980px; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="bundle"], [data-page="collections"], [data-page="search"], [data-page="wishlist"]) { width: 100% !important; max-width: none !important; overflow-x: hidden !important; background: rgb(0, 0, 0) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="bundle"], [data-page="collections"]) :is(.page-hero, .collection-titlebar, .collections-hero) .container { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body:is([data-page="new"], [data-page="bundle"]) .section > .container { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body[data-page="collection"] .collection-shell > .container { width: 100% !important; max-width: none !important; margin: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body[data-page="limited"] .section > .container { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body[data-page="limited"] .mogo-limited-shop { width: 100% !important; max-width: none !important; margin: 0px !important; box-sizing: border-box !important; }
html body[data-page="collections"] .section > .container { width: 100% !important; max-width: none !important; margin: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body[data-page="search"] .utility-page > .container { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body[data-page="search"] .search-large { max-width: 820px !important; }
html body[data-page="wishlist"] .utility-page > .container { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: var(--mogo-screen-edge) !important; padding-right: var(--mogo-screen-edge) !important; box-sizing: border-box !important; }
html body:is([data-page="new"], [data-page="bundle"], [data-page="search"], [data-page="wishlist"]) .product-grid { width: 100% !important; max-width: none !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 34px 1px !important; }
html body[data-page="product"] .product-page > .container { width: min(
            var(--mogo-commerce-max),
            calc(100% - (var(--mogo-wide-edge) * 2))
        ) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
html body[data-page="custom"] .custom-hero .container, html body[data-page="custom"] .section > .container { width: min(
            var(--mogo-editorial-max),
            calc(100% - (var(--mogo-wide-edge) * 2))
        ) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
html body[data-page="cart"] .utility-page > .container { width: min(
            1600px,
            calc(100% - (var(--mogo-wide-edge) * 2))
        ) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
html body[data-page="loyalty"] .page-hero .container, html body[data-page="loyalty"] .section > .container { width: min(
            1560px,
            calc(100% - (var(--mogo-wide-edge) * 2))
        ) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
html body:is([data-page="faq"], [data-page="shipping"], [data-page="returns"], [data-page="repair"], [data-page="care"], [data-page="sizing"], [data-page="contact"], [data-page="terms"], [data-page="privacy"], [data-page="withdraw"], [data-page="checkout"]) .utility-page { width: 100% !important; max-width: none !important; background: rgb(0, 0, 0) !important; }
html body:is([data-page="faq"], [data-page="shipping"], [data-page="returns"], [data-page="repair"], [data-page="care"], [data-page="sizing"], [data-page="contact"], [data-page="terms"], [data-page="privacy"], [data-page="withdraw"]) .utility-page > .container.narrow { width: min(
            var(--mogo-reading-max),
            calc(100% - (var(--mogo-wide-edge) * 2))
        ) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
html body[data-page="checkout"] .utility-page > .container.narrow { width: min(
            1320px,
            calc(100% - (var(--mogo-wide-edge) * 2))
        ) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 1359px) {
  html body:is([data-page="new"], [data-page="bundle"], [data-page="search"], [data-page="wishlist"]) .product-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (max-width: 980px) {
  :root { --mogo-screen-edge: 16px; --mogo-wide-edge: 20px; }
  html body:is([data-page="new"], [data-page="bundle"], [data-page="search"], [data-page="wishlist"]) .product-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 26px !important; }
}
@media (max-width: 520px) {
  :root { --mogo-screen-edge: 14px; --mogo-wide-edge: 16px; }
  html body:is([data-page="new"], [data-page="bundle"], [data-page="search"], [data-page="wishlist"]) .product-grid { grid-template-columns: 1fr !important; row-gap: 24px !important; }
}
html body:is([data-page="new"], [data-page="collection"], [data-page="limited"]) { background: rgb(0, 0, 0) !important; color: rgb(238, 238, 238) !important; overflow-x: hidden !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-titlebar, html body[data-page="limited"] .page-hero { width: 100% !important; max-width: none !important; min-height: 170px !important; margin: 0px !important; padding: 34px 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; text-align: center !important; background: rgb(0, 0, 0) !important; border-bottom: 1px solid rgb(36, 36, 36) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-titlebar > .container, html body[data-page="limited"] .page-hero > .container { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; text-align: center !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-titlebar h1, html body[data-page="limited"] .page-hero h1 { margin: 0px auto 14px !important; font-size: clamp(30px, 2vw, 42px) !important; line-height: 1.08 !important; text-align: center !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-titlebar p, html body[data-page="limited"] .page-hero p { width: min(720px, 90vw) !important; max-width: 720px !important; margin: 0px auto !important; color: rgb(142, 139, 134) !important; text-align: center !important; font-size: 12px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .breadcrumbs { display: none !important; }
html body:is([data-page="collection"], [data-page="new"]) .collection-shell, html body:is([data-page="collection"], [data-page="new"]) .collection-shell > .container, html body[data-page="limited"] main > .section, html body[data-page="limited"] main > .section > .container, html body .mogo-catalog-v2-host { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; box-sizing: border-box !important; background: rgb(0, 0, 0) !important; }
html body .mogo-catalog-v2 { width: 100% !important; max-width: none !important; margin: 0px !important; background: rgb(0, 0, 0) !important; }
html body .mogo-cat-toolbar { width: 100% !important; max-width: none !important; min-height: 48px !important; margin: 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; background: rgb(0, 0, 0) !important; border-top: 1px solid rgb(36, 36, 36) !important; border-bottom: 1px solid rgb(36, 36, 36) !important; }
html body .mogo-cat-views { height: 48px !important; padding: 0px 20px !important; display: flex !important; align-items: center !important; gap: 9px !important; border-right: 1px solid rgb(36, 36, 36) !important; }
html body .mogo-cat-view { width: 18px !important; height: 26px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; color: rgb(94, 94, 94) !important; display: grid !important; place-items: center !important; cursor: pointer !important; }
html body .mogo-cat-view.active { color: rgb(238, 238, 238) !important; }
html body .mogo-cat-icon { width: 15px !important; height: 15px !important; display: grid !important; gap: 2px !important; }
html body .icon-compact { grid-template-columns: repeat(3, 1fr) !important; }
html body .icon-standard { grid-template-columns: repeat(2, 1fr) !important; }
html body .mogo-cat-view.grid-large { width: 20px !important; border: 0px !important; outline: 0px !important; box-shadow: none !important; }
html body .mogo-cat-view.grid-large .icon-standard { width: 14px !important; height: 14px !important; display: grid !important; grid-template-columns: repeat(2, 4px) !important; grid-template-rows: repeat(2, 4px) !important; gap: 3px !important; place-content: center !important; }
html body .mogo-cat-view.grid-large .icon-standard i { width: 4px !important; height: 4px !important; min-width: 4px !important; min-height: 4px !important; border: 0px !important; border-radius: 0px !important; background: currentcolor !important; box-shadow: none !important; }
html body .icon-large { grid-template-columns: repeat(3, 1fr) !important; align-items: center !important; }
html body .mogo-cat-icon i { display: block !important; min-width: 2px !important; min-height: 2px !important; background: currentcolor !important; }
html body .mogo-cat-count { display: none !important; }
html body .mogo-cat-sort { height: 48px !important; margin-left: auto !important; padding: 0px 17px !important; display: flex !important; align-items: center !important; border-left: 1px solid rgb(36, 36, 36) !important; }
html body .mogo-cat-sort label { margin-right: 7px !important; color: rgb(119, 119, 119) !important; font-size: 10px !important; }
html body .mogo-cat-sort select { width: 145px !important; height: 34px !important; border: 0px !important; outline: 0px !important; background: rgb(0, 0, 0) !important; color: rgb(153, 153, 153) !important; font-size: 10px !important; }
html body .mogo-cat-filter-open { display: none !important; height: 48px !important; border: 0px !important; background: transparent !important; color: rgb(221, 221, 221) !important; }
html body .mogo-cat-layout { width: 100% !important; max-width: none !important; margin: 0px !important; display: grid !important; grid-template-columns: 210px minmax(0px, 1fr) !important; gap: 0px !important; background: rgb(0, 0, 0) !important; }
html body .mogo-cat-sidebar { width: 210px !important; min-height: calc(-48px + 100vh) !important; padding: 20px 28px 80px !important; box-sizing: border-box !important; border-right: 1px solid rgb(32, 32, 32) !important; background: rgb(0, 0, 0) !important; }
html body .mogo-cat-mobile-head { display: none !important; }
html body #mogo-cat-facets .facet { width: 100% !important; margin: 0px !important; padding: 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(36, 36, 36) !important; border-image: none !important; background: rgb(0, 0, 0) !important; }
html body #mogo-cat-facets .facet h4 { width: 100% !important; min-height: 47px !important; margin: 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; color: rgb(197, 194, 189) !important; cursor: pointer !important; }
html body #mogo-cat-facets .facet h4::after { content: "⌄" !important; color: rgb(119, 119, 119) !important; font-size: 11px !important; }
html body #mogo-cat-facets .facet:not(.open) > :not(h4) { display: none !important; }
html body #mogo-cat-facets .facet.open { padding-bottom: 13px !important; }
html body #mogo-cat-facets .facet.open label { display: flex !important; align-items: center !important; gap: 7px !important; margin: 7px 0px !important; color: rgb(133, 133, 133) !important; font-size: 10px !important; }
html body #mogo-cat-facets .facet-price { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
html body #mogo-cat-facets .input { width: 100% !important; min-width: 0px !important; height: 34px !important; padding: 5px !important; box-sizing: border-box !important; border: 1px solid rgb(48, 48, 48) !important; background: rgb(7, 7, 7) !important; color: rgb(204, 204, 204) !important; }
html body .mogo-cat-results { width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 28px 13px 90px !important; box-sizing: border-box !important; background: rgb(0, 0, 0) !important; }
html body .mogo-cat-grid { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; display: grid !important; gap: 48px clamp(12px, 1.55vw, 32px) !important; }
@media (min-width: 1800px) {
  html body .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
}
@media (min-width: 1500px) and (max-width: 1799px) {
  html body .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  html body .mogo-cat-layout { grid-template-columns: 200px minmax(0px, 1fr) !important; }
  html body .mogo-cat-sidebar { width: 200px !important; }
  html body .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (min-width: 981px) and (max-width: 1199px) {
  html body .mogo-cat-layout { grid-template-columns: 190px minmax(0px, 1fr) !important; }
  html body .mogo-cat-sidebar { width: 190px !important; padding-left: 19px !important; padding-right: 19px !important; }
  html body .mogo-cat-grid[data-density="compact"], html body .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  html body .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
html body .mogo-cat-grid .product-image { width: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: rgb(2, 2, 2) !important; }
html body .mogo-cat-grid .product-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: contain !important; }
html body .mogo-cat-grid .product-info { padding: 10px 3px 0px !important; text-align: center !important; background: rgb(0, 0, 0) !important; }
html body .mogo-cat-grid .product-title { margin: 0px 0px 3px !important; color: rgb(228, 224, 218) !important; font-size: 11px !important; }
html body .mogo-cat-grid .price { color: rgb(207, 203, 197) !important; font-size: 10px !important; }
html body .mogo-cat-empty { grid-column: 1 / -1 !important; min-height: 470px !important; display: grid !important; place-content: center !important; text-align: center !important; background: rgb(0, 0, 0) !important; color: rgb(119, 119, 119) !important; }
html body .mogo-cat-empty h2 { color: rgb(170, 170, 170) !important; font-size: 18px !important; }
@media (max-width: 980px) {
  html body .mogo-cat-layout { grid-template-columns: 1fr !important; }
  html body .mogo-cat-filter-open { display: inline-flex !important; align-items: center !important; padding: 0px 14px !important; }
  html body .mogo-cat-sidebar { position: fixed !important; z-index: 260 !important; left: 0px !important; top: 0px !important; bottom: 0px !important; width: min(350px, 88vw) !important; height: 100vh !important; padding: 18px 23px 60px !important; overflow-y: auto !important; background: rgb(5, 5, 5) !important; transform: translateX(-105%) !important; transition: transform 0.2s !important; }
  html body .mogo-cat-sidebar.open { transform: translateX(0px) !important; }
  html body .mogo-cat-mobile-head { min-height: 48px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid rgb(41, 41, 41) !important; }
  html body #mogo-cat-filter-close { border: 0px !important; background: transparent !important; color: rgb(238, 238, 238) !important; font-size: 26px !important; }
  html body .mogo-cat-grid[data-density="compact"], html body .mogo-cat-grid[data-density="standard"], html body .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 380px) {
  html body .mogo-cat-grid[data-density="compact"], html body .mogo-cat-grid[data-density="standard"], html body .mogo-cat-grid[data-density="large"] { grid-template-columns: 1fr !important; }
}
html body #footer-country.mogo-country-current { min-height: 42px !important; display: inline-flex !important; align-items: center !important; gap: 9px !important; margin-top: 12px !important; padding: 8px 12px !important; border: 1px solid rgb(51, 43, 31) !important; background: rgb(5, 5, 5) !important; color: rgb(200, 170, 114) !important; cursor: pointer !important; }
html body .mogo-current-country-flag { width: 22px !important; height: 16px !important; display: block !important; flex: 0 0 auto !important; object-fit: cover !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; }
html body .mogo-current-country-label { display: block !important; color: rgb(200, 170, 114) !important; font-size: 11px !important; line-height: 1 !important; white-space: nowrap !important; }
html body .country-drawer.mogo-country-drawer { position: fixed !important; z-index: 120 !important; top: 0px !important; right: 0px !important; bottom: 0px !important; width: min(540px, 94vw) !important; height: 100vh !important; padding: 24px 24px 30px !important; box-sizing: border-box !important; overflow-y: auto !important; background: rgb(5, 5, 5) !important; color: rgb(233, 230, 224) !important; border-left: 1px solid rgb(36, 36, 36) !important; }
html body .mogo-country-head { position: sticky !important; top: -24px !important; z-index: 5 !important; min-height: 82px !important; margin: -24px -24px 0px !important; padding: 24px 24px 16px !important; background: rgb(5, 5, 5) !important; border-bottom: 1px solid rgb(30, 30, 30) !important; }
html body .mogo-country-head h2 { margin: 3px 0px 0px !important; color: rgb(240, 237, 232) !important; font-size: 25px !important; line-height: 1.1 !important; }
html body .mogo-country-eyebrow { color: rgb(154, 129, 90) !important; font-size: 9px !important; letter-spacing: 0.16em !important; }
html body .mogo-country-head > button { width: 36px !important; height: 36px !important; padding: 0px !important; border: 1px solid rgb(41, 41, 41) !important; background: rgb(8, 8, 8) !important; color: rgb(170, 170, 170) !important; font-size: 22px !important; cursor: pointer !important; }
html body .mogo-country-search-wrap { position: sticky !important; top: 74px !important; z-index: 4 !important; height: 46px !important; margin: 18px 0px 10px !important; display: grid !important; grid-template-columns: 20px 1fr !important; align-items: center !important; gap: 8px !important; padding: 0px 13px !important; border: 1px solid rgb(41, 41, 41) !important; background: rgb(8, 8, 8) !important; }
html body .mogo-country-search-wrap svg { width: 17px !important; height: 17px !important; fill: none !important; stroke: rgb(119, 119, 119) !important; stroke-width: 1.5 !important; }
html body #mogo-country-search { width: 100% !important; height: 42px !important; padding: 0px !important; border: 0px !important; outline: 0px !important; background: transparent !important; color: rgb(225, 221, 215) !important; font-size: 12px !important; }
html body #mogo-country-search::placeholder { color: rgb(98, 98, 98) !important; }
html body .mogo-country-total { padding: 4px 2px 10px !important; color: rgb(104, 104, 104) !important; font-size: 10px !important; }
html body .country-grid.mogo-country-grid { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 0px !important; background: rgb(5, 5, 5) !important; }
html body .mogo-country-option { width: 100% !important; min-height: 58px !important; display: grid !important; grid-template-columns: 28px minmax(0px, 1fr) 20px !important; align-items: center !important; gap: 11px !important; padding: 8px 7px !important; text-align: left !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(27, 27, 27) !important; border-image: none !important; background: rgb(5, 5, 5) !important; color: rgb(221, 221, 221) !important; cursor: pointer !important; }
html body .mogo-country-option:hover { background: rgb(10, 10, 10) !important; }
html body .mogo-country-option.selected { background: rgb(11, 10, 8) !important; }
html body .mogo-country-option[hidden] { display: none !important; }
html body .mogo-country-flag { width: 26px !important; height: 19px !important; display: block !important; object-fit: cover !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; }
html body .mogo-country-copy { min-width: 0px !important; display: flex !important; flex-direction: column !important; gap: 3px !important; }
html body .mogo-country-copy b { overflow: hidden !important; color: rgb(221, 217, 210) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.25 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body .mogo-country-copy small { overflow: hidden !important; color: rgb(103, 103, 103) !important; font-size: 9px !important; line-height: 1.3 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body .mogo-country-check { color: rgb(181, 154, 105) !important; font-size: 12px !important; text-align: center !important; }
html body .mogo-country-note { margin-top: 20px !important; padding: 14px 0px !important; border-top: 1px solid rgb(37, 37, 37) !important; color: rgb(102, 102, 102) !important; font-size: 10px !important; line-height: 1.7 !important; }
@media (max-width: 560px) {
  html body .country-drawer.mogo-country-drawer { width: 100vw !important; padding: 18px 16px 26px !important; }
  html body .mogo-country-head { top: -18px !important; margin: -18px -16px 0px !important; padding: 18px 16px 14px !important; }
  html body .mogo-country-search-wrap { top: 68px !important; }
}
.social-btn.google img, .social-btn.google svg, .google-btn img, .google-btn svg, .provider-google img, .provider-google svg { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; object-fit: contain !important; }
.mogo-provider-icon.mogo-google { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 22px !important; line-height: 1 !important; font-weight: 900 !important; }
html body a, html body .footer a, html body .nav a, html body nav a, html body .menu a, html body .dropdown a, html body .mega a, html body .product-card a { color: rgba(245, 232, 208, 0.65); }
html body a:hover, html body a:focus, html body .footer a:hover, html body .footer a:focus, html body .nav a:hover, html body .nav a:focus, html body nav a:hover, html body nav a:focus, html body .menu a:hover, html body .menu a:focus, html body .dropdown a:hover, html body .dropdown a:focus, html body .mega a:hover, html body .mega a:focus, html body .product-card a:hover, html body .product-card a:focus { color: rgb(184, 149, 82) !important; }
html body a:active, html body a.active, html body .footer a:active, html body .footer a.active, html body .nav a:active, html body .nav a.active, html body nav a:active, html body nav a.active { color: rgb(184, 149, 82) !important; }
html body h1, html body h2, html body h3, html body h4 { color: rgb(245, 232, 208); }
html body p { color: rgba(245, 232, 208, 0.65); }
html body .footer, html body .footer * { color: rgb(234, 231, 223) !important; }
html body .footer h1, html body .footer h2, html body .footer h3, html body .footer h4, html body .footer strong { color: rgb(245, 242, 234) !important; }
html body .footer a { color: rgb(234, 231, 223) !important; }
html body .footer a:hover { color: rgb(184, 149, 82) !important; }
html body .footer .active, html body .footer .selected { color: rgb(234, 231, 223) !important; }
html body .footer .btn, html body .footer button { color: rgb(234, 231, 223) !important; border-color: rgb(184, 149, 82) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-header, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-toolbar, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-grid-wrapper, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-products, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .products-container, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-shell, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .collection-shell > .container, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-catalog-v2, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-catalog-v2-host, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-layout, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-results, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-grid { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; outline: none !important; box-shadow: none !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-toolbar { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-views, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-sort, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"]) .mogo-cat-sidebar { border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-titlebar, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-shell, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-shell > .container, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-catalog-v2, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-catalog-v2-host { width: 100% !important; max-width: none !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-toolbar { min-height: 58px !important; display: grid !important; grid-template-columns: auto auto 1fr auto !important; align-items: center !important; gap: 22px !important; padding: 0px 24px !important; border-top: 1px solid rgb(29, 29, 29) !important; border-bottom: 1px solid rgb(29, 29, 29) !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-layout { display: grid !important; grid-template-columns: 210px minmax(0px, 1fr) !important; gap: 0px !important; width: 100% !important; max-width: none !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sidebar { width: 210px !important; min-width: 210px !important; padding: 20px 28px 80px !important; border-right: 1px solid rgb(31, 31, 31) !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-results { width: 100% !important; min-width: 0px !important; padding: 28px 13px 90px !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid { display: grid !important; width: 100% !important; max-width: none !important; margin: 0px !important; padding: 0px !important; gap: 48px clamp(12px, 1.55vw, 32px) !important; }
@media (min-width: 1800px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (min-width: 1500px) and (max-width: 1799px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-layout { grid-template-columns: 200px minmax(0px, 1fr) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sidebar { width: 200px !important; min-width: 200px !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-card { width: 100% !important; min-width: 0px !important; max-width: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-image { width: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: rgb(2, 2, 2) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-info { min-height: 44px !important; padding: 10px 3px 0px !important; text-align: center !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-title, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .price { margin-left: 0px !important; margin-right: 0px !important; text-align: center !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .badge { color: rgba(184, 149, 82, 0.7) !important; border-color: rgba(184, 149, 82, 0.38) !important; background: rgba(5, 5, 5, 0.45) !important; }
@media (min-width: 1500px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="compact"], html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="standard"], html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="large"], html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (min-width: 761px) and (max-width: 1499px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="standard"], html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
}
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-toolbar { width: 100% !important; min-height: 58px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; padding: 0px 24px !important; box-sizing: border-box !important; background: rgb(5, 5, 5) !important; border-top: 1px solid rgb(29, 29, 29) !important; border-bottom: 1px solid rgb(29, 29, 29) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-views { flex: 0 0 auto !important; height: 58px !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 0px !important; margin: 0px !important; border: 0px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-filter-open, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-count { display: none !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort { flex: 0 0 auto !important; height: 58px !important; margin-left: auto !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; border: 0px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort label { margin: 0px !important; color: rgb(138, 138, 138) !important; font-size: 11px !important; line-height: 1 !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort select { width: 150px !important; height: 38px !important; margin: 0px !important; padding: 0px 34px 0px 14px !important; background: rgb(8, 8, 8) !important; color: rgb(245, 232, 208) !important; border: 1px solid rgba(245, 232, 208, 0.12) !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; }
html body a.btn, html body button.btn, html body input.btn, html body .btn.primary, html body .btn.secondary, html body .btn.light, html body #newsletter-btn { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border: 1px solid rgb(184, 155, 104) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; opacity: 1 !important; transition: background 0.18s, color 0.18s, border-color 0.18s !important; }
html body a.btn:hover, html body button.btn:hover, html body input.btn:hover, html body .btn.primary:hover, html body .btn.secondary:hover, html body .btn.light:hover, html body #newsletter-btn:hover { background: rgb(8, 8, 8) !important; color: rgb(184, 155, 104) !important; border-color: rgb(112, 91, 57) !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }
html body a.btn, html body button.btn, html body #newsletter-btn { position: relative !important; overflow: hidden !important; isolation: isolate !important; }
html body a.btn::after, html body button.btn::after, html body #newsletter-btn::after { content: "" !important; position: absolute !important; inset: -40% auto -40% -70% !important; width: 58% !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent) !important; transform: skewX(-22deg) translateX(0px) !important; opacity: 0 !important; pointer-events: none !important; z-index: -1 !important; }
@media (hover: hover) and (pointer: fine) {
  html body a.btn:hover::after, html body button.btn:hover::after, html body #newsletter-btn:hover::after { opacity: 1 !important; animation: 0.72s ease-out 0s 1 normal none running mogoSubscribeShine !important; }
}
@keyframes mogoSubscribeShine { 
  0% { transform: skewX(-22deg) translateX(0px); }
  100% { transform: skewX(-22deg) translateX(360%); }
}
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort select, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #sort-filter { border: 0px !important; outline: 0px !important; box-shadow: none !important; background: rgb(5, 5, 5) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort select:focus, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #sort-filter:focus { border: 0px !important; outline: 0px !important; box-shadow: none !important; }
html body a.btn, html body button.btn, html body input.btn, html body .btn.primary, html body .btn.secondary, html body .btn.light, html body #newsletter-btn { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; opacity: 1 !important; }
html body a.btn:hover, html body button.btn:hover, html body input.btn:hover, html body .btn.primary:hover, html body .btn.secondary:hover, html body .btn.light:hover, html body #newsletter-btn:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-toolbar { border-width: 0px !important; border-style: none !important; border-color: currentcolor !important; box-shadow: none !important; outline: 0px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-view, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-view.active, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-view:focus, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-view:focus-visible { border: 0px !important; outline: 0px !important; box-shadow: none !important; background: transparent !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-titlebar, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-shell, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-shell > .container, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-catalog-v2-host, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-catalog-v2 { border-top: 0px !important; border-bottom: 0px !important; box-shadow: none !important; outline: 0px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-titlebar::before, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-titlebar::after, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-shell::before, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .collection-shell::after, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-toolbar::before, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-toolbar::after { display: none !important; content: none !important; }
html body a.btn::after, html body button.btn::after, html body #newsletter-btn::after { width: 42% !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent) !important; opacity: 0 !important; }
@media (hover: hover) and (pointer: fine) {
  html body a.btn:hover::after, html body button.btn:hover::after, html body #newsletter-btn:hover::after { opacity: 1 !important; animation: 1.35s cubic-bezier(0.22, 0.61, 0.36, 1) 0.08s 1 normal none running mogoSubscribeShineSoft !important; }
}
@keyframes mogoSubscribeShineSoft { 
  0% { transform: skewX(-22deg) translateX(-20%); opacity: 0; }
  18% { opacity: 0.9; }
  100% { transform: skewX(-22deg) translateX(430%); opacity: 0; }
}
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sidebar, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-sidebar, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet h4, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .facet-panel, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .facet-panel .facet, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .facet { border: 0px !important; box-shadow: none !important; outline: 0px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet::before, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet::after, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .facet::before, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .facet::after, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sidebar::before, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sidebar::after { display: none !important; content: none !important; }
html body[data-page="faq"] .faq-tabs button { min-height: 42px !important; padding: 0px 18px !important; background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }
html body[data-page="faq"] .faq-tabs button.active, html body[data-page="faq"] .faq-tabs button:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body .faq-tabs button, html body .faq-tabs button.active, html body .account-tabs button, html body .account-tabs button.active { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; outline: 0px !important; }
html body .faq-tabs button:hover, html body .account-tabs button:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body .faq-tabs button:focus, html body .faq-tabs button:focus-visible, html body .account-tabs button:focus, html body .account-tabs button:focus-visible { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border-color: rgb(112, 91, 57) !important; box-shadow: none !important; outline: 0px !important; }
html body[data-page="faq"] .faq-tabs button, html body[data-page="faq"] .faq-tabs button.active, html body[data-page="faq"] .faq-tabs button.active:not(:hover), html body[data-page="faq"] .faq-tabs button:focus, html body[data-page="faq"] .faq-tabs button:focus-visible { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; outline: 0px !important; }
html body[data-page="faq"] .faq-tabs button:hover, html body[data-page="faq"] .faq-tabs button.active:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body[data-page="sizing"] .fit-guide > div { background: rgb(5, 5, 5) !important; color: rgb(245, 232, 208) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; }
html body[data-page="sizing"] .fit-guide > div b { color: rgb(245, 232, 208) !important; }
html body[data-page="sizing"] .fit-guide > div span { color: rgba(245, 232, 208, 0.65) !important; }
html body[data-page="sizing"] .fit-guide > div:hover { border-color: rgb(184, 155, 104) !important; }
html body a:hover, html body a:focus, html body .footer a:hover, html body .footer a:focus, html body .support-nav a:hover, html body .support-nav a:focus, html body .nav a:hover, html body nav a:hover, html body .menu a:hover, html body .dropdown a:hover, html body .mega a:hover, html body .product-card a:hover { color: rgb(184, 155, 104) !important; }
html body a.active, html body .footer a.active, html body .support-nav a.active, html body nav a.active { color: rgb(184, 155, 104) !important; }
html body[data-page="care"] .care-grid > div { background: rgb(5, 5, 5) !important; color: rgb(245, 232, 208) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; }
html body[data-page="care"] .care-grid > div h2 { color: rgb(245, 232, 208) !important; }
html body[data-page="care"] .care-grid > div p { color: rgba(245, 232, 208, 0.65) !important; }
html body[data-page="care"] .care-grid > div:hover { border-color: rgb(184, 155, 104) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet h4 { min-height: 44px !important; color: rgb(245, 232, 208) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet h4::after { content: "⌄" !important; color: rgba(245, 232, 208, 0.7) !important; font-size: 14px !important; line-height: 1 !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet.open h4::after { content: "⌃" !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet.open label { min-height: 31px !important; display: flex !important; align-items: center !important; gap: 10px !important; margin: 5px 0px !important; color: rgba(245, 232, 208, 0.62) !important; font-size: 13px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-chip { cursor: pointer !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-chip input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-thumb { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; border-radius: 50% !important; background-color: rgb(17, 17, 17) !important; background-size: cover !important; background-position: center center !important; border: 1px solid rgba(245, 232, 208, 0.16) !important; box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 0px 1px inset !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-name { color: rgba(245, 232, 208, 0.72) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-total { color: rgba(245, 232, 208, 0.42) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-chip:hover .facet-name, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-chip input:checked ~ .facet-name { color: rgb(184, 155, 104) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-chip input:checked ~ .facet-thumb { border-color: rgb(184, 155, 104) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-switch label input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-toggle { width: 36px !important; height: 18px !important; flex: 0 0 36px !important; border-radius: 99px !important; background: rgb(29, 29, 29) !important; position: relative !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-toggle::after { content: "" !important; position: absolute !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; left: 3px !important; top: 3px !important; background: rgb(5, 5, 5) !important; transition: transform 0.18s, background 0.18s !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-switch input:checked + .facet-toggle { background: rgb(184, 155, 104) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-facets .facet-switch input:checked + .facet-toggle::after { transform: translateX(18px) !important; background: rgb(5, 5, 5) !important; }
html body[data-page="custom"] { background: rgb(5, 5, 5) !important; color: rgb(245, 232, 208) !important; }
html body[data-page="custom"] .custom-page { background: rgb(5, 5, 5) !important; color: rgb(245, 232, 208) !important; overflow: hidden !important; }
html body[data-page="custom"] .custom-container { max-width: 1680px !important; width: calc(100% - 96px) !important; margin: 0px auto !important; }
html body[data-page="custom"] .custom-kicker { margin: 0px 0px 28px !important; color: rgb(184, 149, 82) !important; font-size: 12px !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; }
html body[data-page="custom"] .custom-hero { min-height: calc(-78px + 100vh) !important; display: grid !important; grid-template-columns: 40% 60% !important; background: rgb(5, 5, 5) !important; border-bottom: 1px solid rgba(184, 149, 82, 0.16) !important; }
html body[data-page="custom"] .custom-hero-copy { min-height: 860px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 110px 5vw 110px max(7.5vw, 86px) !important; position: relative !important; z-index: 2 !important; }
html body[data-page="custom"] .custom-hero-copy h1 { margin: 0px 0px 42px !important; color: rgb(245, 232, 208) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(68px, 5.7vw, 104px) !important; font-weight: 400 !important; line-height: 1.04 !important; letter-spacing: 0px !important; }
html body[data-page="custom"] .custom-lede { max-width: 620px !important; margin: 0px !important; color: rgba(245, 232, 208, 0.74) !important; font-size: 21px !important; line-height: 2.05 !important; letter-spacing: 0.02em !important; }
html body[data-page="custom"] .custom-actions { display: flex !important; gap: 18px !important; margin-top: 52px !important; flex-wrap: wrap !important; }
html body[data-page="custom"] .custom-hero-media { position: relative !important; min-height: 860px !important; margin: 0px !important; overflow: hidden !important; background: rgb(5, 5, 5) !important; }
html body[data-page="custom"] .custom-hero-media::before { content: "" !important; position: absolute !important; inset: 0px !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(90deg, rgb(5, 5, 5) 0%, rgba(5, 5, 5, 0.78) 22%, rgba(5, 5, 5, 0.24) 54%, rgba(5, 5, 5, 0.48) 100%), radial-gradient(circle at 64% 46%, rgba(184, 149, 82, 0.12), rgba(5, 5, 5, 0) 48%) !important; }
html body[data-page="custom"] .custom-hero-media img { width: 112% !important; height: 112% !important; object-fit: cover !important; object-position: 60% center !important; transform: scale(0.82) !important; transform-origin: center center !important; filter: saturate(0.86) contrast(1.08) brightness(0.78) !important; display: block !important; }
html body[data-page="custom"] .custom-values { padding: 142px 0px !important; background: rgb(5, 5, 5) !important; border-bottom: 1px solid rgba(184, 149, 82, 0.14) !important; }
html body[data-page="custom"] .custom-value-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 120px !important; }
html body[data-page="custom"] .custom-value-grid article { min-height: 320px !important; padding: 18px 12px 0px !important; background: transparent !important; border: 0px !important; }
html body[data-page="custom"] .custom-value-grid article > span { display: block !important; margin-bottom: 24px !important; color: rgb(184, 149, 82) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 20px !important; line-height: 1 !important; }
html body[data-page="custom"] .custom-value-grid small, html body[data-page="custom"] .custom-process-grid small { display: block !important; color: rgba(184, 149, 82, 0.72) !important; font-size: 11px !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; }
html body[data-page="custom"] .custom-value-grid small { margin-bottom: 42px !important; }
html body[data-page="custom"] .custom-value-grid h2 { margin: 0px 0px 24px !important; color: rgb(245, 232, 208) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 34px !important; font-weight: 400 !important; }
html body[data-page="custom"] .custom-value-grid p, html body[data-page="custom"] .custom-process-grid p, html body[data-page="custom"] .custom-request-story p { margin: 0px !important; color: rgba(245, 232, 208, 0.62) !important; font-size: 16px !important; line-height: 2 !important; }
html body[data-page="custom"] .custom-process { padding: 196px 0px 208px !important; background: rgb(5, 5, 5) !important; border-bottom: 1px solid rgba(184, 149, 82, 0.16) !important; }
html body[data-page="custom"] .custom-section-head { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 32px !important; margin: 0px 0px 112px !important; }
html body[data-page="custom"] .custom-section-head span { height: 1px !important; background: linear-gradient(90deg, rgba(184, 149, 82, 0), rgba(184, 149, 82, 0.42), rgba(184, 149, 82, 0)) !important; }
html body[data-page="custom"] .custom-section-head h2 { margin: 0px !important; color: rgb(184, 149, 82) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 28px !important; font-weight: 400 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }
html body[data-page="custom"] .custom-block-title { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 32px !important; margin: 0px 0px 18px !important; }
html body[data-page="custom"] .custom-block-title span { height: 1px !important; background: linear-gradient(90deg, rgba(184, 149, 82, 0), rgba(184, 149, 82, 0.42), rgba(184, 149, 82, 0)) !important; }
html body[data-page="custom"] .custom-block-title h2 { margin: 0px !important; color: rgb(184, 149, 82) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 28px !important; font-weight: 400 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }
html body[data-page="custom"] .custom-process-grid { position: relative !important; display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 92px !important; }
html body[data-page="custom"] .custom-process-grid::before { content: "" !important; position: absolute !important; left: 0px !important; right: 0px !important; top: 54px !important; height: 1px !important; background: linear-gradient(90deg, rgba(184, 149, 82, 0), rgba(184, 149, 82, 0.38), rgba(184, 149, 82, 0)) !important; }
html body[data-page="custom"] .custom-process-grid article { min-height: 390px !important; position: relative !important; z-index: 1 !important; background: rgb(5, 5, 5) !important; border: 0px !important; padding: 0px !important; }
html body[data-page="custom"] .custom-process-grid strong { display: inline-block !important; margin-bottom: 30px !important; padding-right: 20px !important; background: rgb(5, 5, 5) !important; color: rgba(184, 149, 82, 0.94) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 98px !important; font-weight: 400 !important; line-height: 1 !important; }
html body[data-page="custom"] .custom-process-grid small { margin-bottom: 42px !important; }
html body[data-page="custom"] .custom-process-grid h3 { margin: 0px 0px 22px !important; color: rgb(245, 232, 208) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 22px !important; font-weight: 400 !important; }
html body[data-page="custom"] .custom-request { padding: 0px !important; background: rgb(7, 7, 7) !important; border-top: 1px solid rgba(184, 149, 82, 0.16) !important; border-bottom: 1px solid rgba(184, 149, 82, 0.16) !important; }
html body[data-page="custom"] .custom-request-grid { display: grid !important; grid-template-columns: 40% 60% !important; min-height: 840px !important; }
html body[data-page="custom"] .custom-request-story { display: grid !important; grid-template-rows: 64% 36% !important; background: rgb(5, 5, 5) !important; overflow: hidden !important; }
html body[data-page="custom"] .custom-request-story img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; filter: saturate(0.78) contrast(1.1) brightness(0.58) !important; }
html body[data-page="custom"] .custom-request-story > div { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 74px 78px !important; background: rgb(5, 5, 5) !important; }
html body[data-page="custom"] .custom-request-story h2 { margin: 0px 0px 30px !important; color: rgb(245, 232, 208) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 48px !important; font-weight: 400 !important; line-height: 1.16 !important; }
html body[data-page="custom"] .custom-form { width: 100% !important; max-width: none !important; margin: 0px !important; padding: 104px 112px !important; background: rgb(7, 7, 7) !important; border: 0px !important; box-shadow: none !important; }
html body[data-page="custom"] .custom-form label { display: grid !important; gap: 10px !important; margin: 0px 0px 26px !important; color: rgb(245, 232, 208) !important; font-size: 14px !important; letter-spacing: 0.04em !important; }
html body[data-page="custom"] .custom-form .input, html body[data-page="custom"] .custom-form .select, html body[data-page="custom"] .custom-form textarea { min-height: 58px !important; padding: 0px !important; background: transparent !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(184, 149, 82, 0.32) !important; border-image: none !important; border-radius: 0px !important; color: rgb(245, 232, 208) !important; font-size: 15px !important; box-shadow: none !important; }
html body[data-page="custom"] .custom-form textarea { min-height: 138px !important; padding-top: 18px !important; }
html body[data-page="custom"] .custom-form .input:focus, html body[data-page="custom"] .custom-form .select:focus, html body[data-page="custom"] .custom-form textarea:focus { border-bottom-color: rgb(184, 149, 82) !important; outline: none !important; }
html body[data-page="custom"] .custom-form button[type="submit"] { min-height: 60px !important; margin-top: 18px !important; background: rgb(184, 149, 82) !important; border: 1px solid rgb(184, 149, 82) !important; color: rgb(5, 5, 5) !important; box-shadow: none !important; }
html body[data-page="custom"] .custom-form button[type="submit"]:hover { background: rgb(5, 5, 5) !important; color: rgb(184, 149, 82) !important; }
html body[data-page="custom"] .custom-gallery { padding: 196px 0px 218px !important; background: rgb(5, 5, 5) !important; }
html body[data-page="custom"] .custom-gallery-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 78px 64px !important; }
html body[data-page="custom"] .custom-gallery-grid figure { height: 520px !important; margin: 0px !important; background: radial-gradient(circle at 50% 45%, rgba(184, 149, 82, 0.07), rgba(5, 5, 5, 0) 62%) !important; border: 0px !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; }
html body[data-page="custom"] .custom-gallery-grid img { width: 116% !important; height: 116% !important; max-width: none !important; object-fit: contain !important; display: block !important; filter: saturate(0.94) contrast(1.05) !important; transition: opacity 0.4s !important; }
html body[data-page="custom"] .custom-gallery-grid figure:hover img { opacity: 0.9 !important; }
html body[data-page="custom"] .custom-collections { padding: 126px 0px 150px !important; background: rgb(5, 5, 5) !important; border-top: 1px solid rgba(184, 149, 82, 0.14) !important; }
html body[data-page="custom"] .custom-collection-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 36px !important; }
html body[data-page="custom"] .custom-collection-grid a { min-height: 420px !important; position: relative !important; display: flex !important; align-items: flex-end !important; padding: 34px !important; overflow: hidden !important; background: rgb(5, 5, 5) !important; text-decoration: none !important; border: 0px !important; }
html body[data-page="custom"] .custom-collection-grid img { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.62 !important; filter: saturate(0.82) contrast(1.08) brightness(0.7) !important; transition: opacity 0.35s, transform 0.45s !important; }
html body[data-page="custom"] .custom-collection-grid a::after { content: "" !important; position: absolute !important; inset: 0px !important; background: linear-gradient(rgba(5, 5, 5, 0.05), rgba(5, 5, 5, 0.78)) !important; }
html body[data-page="custom"] .custom-collection-grid span { position: relative !important; z-index: 1 !important; color: rgb(245, 232, 208) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; font-weight: 400 !important; }
html body[data-page="custom"] .custom-collection-grid a:hover img { opacity: 0.82 !important; transform: scale(1.03) !important; }
@media (max-width: 1200px) {
  html body[data-page="custom"] .custom-hero, html body[data-page="custom"] .custom-request-grid { grid-template-columns: 1fr !important; }
  html body[data-page="custom"] .custom-hero-copy, html body[data-page="custom"] .custom-hero-media { min-height: 620px !important; }
  html body[data-page="custom"] .custom-hero-media img { width: 100% !important; height: 100% !important; transform: none !important; }
  html body[data-page="custom"] .custom-value-grid, html body[data-page="custom"] .custom-gallery-grid, html body[data-page="custom"] .custom-collection-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  html body[data-page="custom"] .custom-process-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  html body[data-page="custom"] .custom-process-grid::before { display: none !important; }
}
@media (max-width: 768px) {
  html body[data-page="custom"] .custom-container { width: calc(100% - 32px) !important; }
  html body[data-page="custom"] .custom-hero-copy, html body[data-page="custom"] .custom-form, html body[data-page="custom"] .custom-request-story > div { padding: 52px 24px !important; }
  html body[data-page="custom"] .custom-value-grid, html body[data-page="custom"] .custom-process-grid, html body[data-page="custom"] .custom-gallery-grid, html body[data-page="custom"] .custom-collection-grid { grid-template-columns: 1fr !important; }
  html body[data-page="custom"] .custom-gallery-grid figure { height: 420px !important; }
}
html body[data-page="product"] .zoom-btn, html body[data-page="product"] .fit-buttons button, html body .payment-placeholder, html body .empty-state, html body .cart-summary, html body .purchase-trust span, html body .review-box, html body .fit-guide > div, html body .care-grid > div, html body .steps-3 > div { background: rgb(5, 5, 5) !important; color: rgb(232, 232, 232) !important; border-color: rgb(42, 36, 27) !important; }
html body[data-page="product"] .fit-buttons button.active, html body[data-page="product"] .fit-buttons button:hover, html body[data-page="product"] .zoom-btn:hover { background: rgb(21, 18, 11) !important; color: rgb(184, 155, 104) !important; border-color: rgb(184, 155, 104) !important; }
html body .payment-placeholder { border-color: rgba(184, 155, 104, 0.45) !important; color: rgba(245, 232, 208, 0.72) !important; }
html body .empty-state .btn, html body .empty-state a.btn { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border-color: rgb(112, 91, 57) !important; }
html body .empty-state .btn:hover, html body .empty-state a.btn:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body .product-card .product-image img.primary-image { transition: opacity 0.72s, transform 1.05s, filter 0.72s !important; }
html body .product-card .product-image img.mogo-preview-fading { opacity: 0.24 !important; }
@media (hover: hover) and (pointer: fine) {
  html body .product-card:hover .product-image img.primary-image { transform: scale(1.012) !important; filter: saturate(0.96) contrast(1.04) brightness(0.96) !important; }
}
html body .btn.primary, html body button.btn.primary, html body a.btn.primary, html body input[type="submit"].btn, html body[data-page="custom"] .custom-form button[type="submit"] { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgba(184, 155, 104, 0.72) !important; box-shadow: none !important; }
html body .btn.primary:hover, html body button.btn.primary:hover, html body a.btn.primary:hover, html body input[type="submit"].btn:hover, html body[data-page="custom"] .custom-form button[type="submit"]:hover, html body .btn.primary:focus-visible, html body button.btn.primary:focus-visible, html body a.btn.primary:focus-visible { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body .product-card .product-image, html body[data-page="index"] .ab-products .product-image, html body[data-page="collection"] .collection-products .product-image, html body[data-page="new"] .mogo-cat-grid .product-image, html body[data-page="limited"] .mogo-cat-grid .product-image { background: rgb(5, 5, 5) !important; overflow: hidden !important; }
html body .product-card .product-image img.primary-image, html body .product-card .product-image img[src], html body[data-page="index"] .ab-products .product-image img.primary-image, html body[data-page="index"] .ab-products .product-image img[src] { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; background: rgb(5, 5, 5) !important; transform: none !important; }
html body .product-card:hover .product-image img.primary-image, html body[data-page="index"] .ab-products .product-card:hover .product-image img.primary-image { opacity: 1 !important; transform: none !important; filter: saturate(0.96) contrast(1.04) brightness(0.96) !important; }
html body[data-page="product"] .product-price, html body[data-page="product"] #prod-price, html body[data-page="product"] #sticky-price { color: rgb(184, 155, 104) !important; }
html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .product-title, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-title, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-products .product-title { font-size: clamp(13px, 0.82vw, 16px) !important; line-height: 1.5 !important; letter-spacing: 0.02em !important; }
html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .price, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .price, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-products .price { font-size: clamp(12px, 0.72vw, 14px) !important; line-height: 1.45 !important; }
html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-collection-row a, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-title-row > a, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .text-link, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort label, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-count, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .badge { font-size: clamp(11px, 0.68vw, 13px) !important; line-height: 1.5 !important; }
html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-hero-copy p, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-hero-points, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .collection-titlebar p { font-size: clamp(14px, 0.82vw, 16px) !important; line-height: 1.75 !important; }
html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .ab-kicker, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .eyebrow, html body:is([data-page="index"], [data-page="new"], [data-page="collection"], [data-page="limited"], [data-page="wishlist"]) .subeyebrow { font-size: clamp(12px, 0.7vw, 14px) !important; line-height: 1.5 !important; }
@media (max-width: 760px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="compact"], html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="standard"], html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(2, minmax(150px, 1fr)) !important; gap: 30px 18px !important; width: 100% !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-card { min-width: 0px !important; width: 100% !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-image { width: 100% !important; min-width: 0px !important; aspect-ratio: 1 / 1.12 !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .product-title { font-size: 14px !important; line-height: 1.45 !important; word-break: keep-all !important; overflow-wrap: normal !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid .price { font-size: 13px !important; }
}
@media (max-width: 390px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-grid, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid { grid-template-columns: 1fr !important; max-width: 260px !important; margin-left: auto !important; margin-right: auto !important; }
}
html body[data-page="product"] .gallery, html body[data-page="product"] .gallery-main, html body[data-page="product"] .gallery-main img, html body[data-page="product"] .thumbs, html body[data-page="product"] .thumb, html body[data-page="product"] .thumb img { background: rgb(0, 0, 0) !important; border-color: rgb(0, 0, 0) !important; box-shadow: none !important; }
html body[data-page="product"] .gallery-main { border: 0px !important; outline: 0px !important; }
html body[data-page="product"] .gallery::before, html body[data-page="product"] .gallery::after, html body[data-page="product"] .gallery-main::before, html body[data-page="product"] .gallery-main::after { content: none !important; display: none !important; }
html body[data-page="product"] .product-copy h1 { font-size: clamp(34px, 2.8vw, 52px) !important; line-height: 1.12 !important; }
html body[data-page="product"] #prod-short, html body[data-page="product"] .product-copy p, html body[data-page="product"] .acc .body, html body[data-page="product"] .rich-copy, html body[data-page="product"] .spec-table, html body[data-page="product"] .purchase-trust span { font-size: clamp(15px, 0.9vw, 17px) !important; line-height: 1.75 !important; }
html body[data-page="product"] .field-label, html body[data-page="product"] .field label, html body[data-page="product"] .qty-row label, html body[data-page="product"] .eyebrow { font-size: 13px !important; line-height: 1.5 !important; letter-spacing: 0.1em !important; }
html body[data-page="product"] .product-price { font-size: clamp(24px, 1.55vw, 30px) !important; line-height: 1.35 !important; }
html body[data-page="product"] .btn, html body[data-page="product"] .link-button, html body[data-page="product"] .fit-buttons button, html body[data-page="product"] .acc button { font-size: 15px !important; line-height: 1.45 !important; }
html body[data-page="product"] .similar-style { width: 64px !important; height: 64px !important; }
html body[data-page="product"] .detail-two h2, html body[data-page="product"] .carousel-heading h2, html body[data-page="product"] .brand-mini h2 { font-size: clamp(32px, 2.2vw, 44px) !important; line-height: 1.16 !important; }
html body[data-page="product"] .product-grid.compact .product-title { font-size: 15px !important; line-height: 1.5 !important; }
html body[data-page="product"] .product-grid.compact .price { font-size: 13px !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-copy h1 { font-size: 32px !important; }
  html body[data-page="product"] #prod-short, html body[data-page="product"] .product-copy p, html body[data-page="product"] .acc .body, html body[data-page="product"] .rich-copy, html body[data-page="product"] .spec-table { font-size: 15px !important; }
}
html body .product-card .badge, html body .ab-products .badge, html body .mogo-cat-grid .badge, html body .product-grid .badge { font-size: 12px !important; line-height: 1.4 !important; letter-spacing: 0.08em !important; color: rgb(242, 242, 242) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; padding: 0px !important; }
html body .product-card:hover .badge, html body .ab-products .product-card:hover .badge, html body .mogo-cat-grid .product-card:hover .badge, html body .product-grid .product-card:hover .badge { color: rgb(184, 155, 104) !important; }
@media (max-width: 760px) {
  html body .product-card .badge, html body .ab-products .badge, html body .mogo-cat-grid .badge, html body .product-grid .badge { font-size: 11px !important; }
}
html body .product-card .badge, html body .ab-products .badge, html body .mogo-cat-grid .badge, html body .product-grid .badge { font-size: 28px !important; line-height: 1.15 !important; letter-spacing: 0.04em !important; color: rgb(242, 242, 242) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; padding: 0px !important; }
html body .product-card:hover .badge, html body .ab-products .product-card:hover .badge, html body .mogo-cat-grid .product-card:hover .badge, html body .product-grid .product-card:hover .badge { color: rgb(184, 155, 104) !important; }
@media (max-width: 760px) {
  html body .product-card .badge, html body .ab-products .badge, html body .mogo-cat-grid .badge, html body .product-grid .badge { font-size: 22px !important; }
}
html body[data-page="product"] .sticky-buy { visibility: hidden !important; pointer-events: none !important; }
html body[data-page="product"] .sticky-buy.show { visibility: visible !important; pointer-events: auto !important; }
html body[data-page="product"] #buy-btn, html body[data-page="product"] #sticky-add { cursor: pointer !important; pointer-events: auto !important; }
html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; min-width: 240px !important; }
html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 38px !important; height: 38px !important; min-width: 38px !important; flex: 0 0 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; margin: 0px !important; }
html body #site-chrome .site-header .header-actions .icon-btn::before, html body .site-header .header-actions .icon-btn::before { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; }
html body #site-chrome .site-header .header-actions .count-badge, html body .site-header .header-actions .count-badge { right: -5px !important; top: -5px !important; }
@media (max-width: 1100px) {
  html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { gap: 10px !important; min-width: auto !important; }
}
@media (max-width: 760px) {
  html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { gap: 8px !important; }
  html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 34px !important; height: 34px !important; min-width: 34px !important; flex-basis: 34px !important; }
}
html body #site-chrome .site-header .header-actions > *, html body .site-header .header-actions > * { position: relative !important; inset: auto !important; transform: none !important; margin: 0px !important; order: initial !important; }
html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; flex: 0 0 38px !important; line-height: 1 !important; }
html body #site-chrome .site-header .header-actions .mobile-toggle { order: 1 !important; }
html body #site-chrome .site-header #search-action { order: 2 !important; }
html body #site-chrome .site-header .account-action { order: 3 !important; }
html body #site-chrome .site-header .wishlist-action { order: 4 !important; }
html body #site-chrome .site-header .country-action { order: 5 !important; }
html body #site-chrome .site-header #cart-action { order: 6 !important; }
@media (max-width: 760px) {
  html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; flex-basis: 34px !important; }
}
html body[data-page="cart"] .empty-state .btn.primary, html body[data-page="cart"] .cart-summary .btn.primary, html body .cart-drawer .btn.primary { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(184, 155, 104) !important; box-shadow: none !important; }
html body[data-page="cart"] .empty-state .btn.primary:hover, html body[data-page="cart"] .cart-summary .btn.primary:hover, html body .cart-drawer .btn.primary:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { gap: 14px !important; }
html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; flex: 0 0 38px !important; }
html body #site-chrome .site-header .header-actions .count-badge, html body .site-header .header-actions .count-badge { position: absolute !important; right: -6px !important; top: -5px !important; transform: none !important; }
@media (max-width: 1100px) {
  html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { gap: 14px !important; }
}
@media (max-width: 760px) {
  html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { gap: 14px !important; }
  html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; flex-basis: 38px !important; }
}
html body #site-chrome .site-header .header-row, html body .site-header .header-row { align-items: center !important; }
html body #site-chrome .site-header .desktop-nav, html body .site-header .desktop-nav, html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { height: 100% !important; display: flex !important; align-items: center !important; }
html body #site-chrome .site-header .nav-link, html body .site-header .nav-link { display: flex !important; align-items: center !important; height: 100% !important; padding-top: 0px !important; padding-bottom: 0px !important; line-height: 1 !important; }
html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; }
html body #site-chrome .site-header .header-actions .icon-btn::before, html body .site-header .header-actions .icon-btn::before { font-size: 24px !important; line-height: 1 !important; transform: translate(-50%, -50%) scale(1.18) !important; transform-origin: center center !important; }
html body #site-chrome .site-header .header-actions .mobile-toggle::before, html body .site-header .header-actions .mobile-toggle::before { font-size: 26px !important; }
html body #site-chrome .site-header #search-action::before, html body .site-header #search-action::before, html body #site-chrome .site-header .account-action::before, html body .site-header .account-action::before, html body #site-chrome .site-header .wishlist-action::before, html body .site-header .wishlist-action::before, html body #site-chrome .site-header .country-action::before, html body .site-header .country-action::before, html body #site-chrome .site-header #cart-action::before, html body .site-header #cart-action::before { font-size: 24px !important; }
html body #site-chrome .site-header .header-actions .icon-btn::before, html body .site-header .header-actions .icon-btn::before { width: 24px !important; height: 24px !important; flex: 0 0 24px !important; background-size: 24px 24px !important; background-position: center center !important; transform: none !important; margin: 0px !important; }
html body #site-chrome .site-header #mobile-menu::before, html body .site-header #mobile-menu::before { width: 24px !important; height: 24px !important; flex-basis: 24px !important; background-size: 24px 24px !important; }
html body #site-chrome .site-header .wishlist-action::before, html body .site-header .wishlist-action::before, html body #site-chrome .site-header #cart-action::before, html body .site-header #cart-action::before { width: 25px !important; height: 25px !important; flex-basis: 25px !important; background-size: 25px 25px !important; }
html body #site-chrome .site-header .header-actions .icon-btn:hover::before, html body .site-header .header-actions .icon-btn:hover::before { transform: none !important; }
html body #site-chrome .site-header #mobile-menu::before, html body #site-chrome .site-header #search-action::before, html body #site-chrome .site-header .account-action::before, html body #site-chrome .site-header .wishlist-action::before, html body #site-chrome .site-header .country-action::before, html body #site-chrome .site-header #cart-action::before { display: block !important; width: 24px !important; height: 24px !important; flex: 0 0 24px !important; background-size: 24px 24px !important; background-position: center center !important; transform: none !important; }
@media (max-width: 760px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }
  html body #site-chrome .site-header, html body .site-header { height: 68px !important; overflow: visible !important; }
  html body #site-chrome .site-header .header-row, html body .site-header .header-row { width: calc(100% - 28px) !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0px auto !important; }
  html body #site-chrome .site-header .brand, html body .site-header .brand { flex: 0 0 auto !important; min-width: 0px !important; }
  html body #site-chrome .site-header .brand img, html body .site-header .brand img { width: 126px !important; height: auto !important; max-width: 126px !important; object-fit: contain !important; }
  html body #site-chrome .site-header .desktop-nav, html body .site-header .desktop-nav, html body #site-chrome .site-header .mega, html body .site-header .mega { display: none !important; visibility: hidden !important; pointer-events: none !important; }
  html body #site-chrome .site-header .header-actions, html body .site-header .header-actions { flex: 0 0 auto !important; min-width: 0px !important; width: auto !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; }
  html body #site-chrome .site-header .wishlist-action, html body #site-chrome .site-header .country-action, html body .site-header .wishlist-action, html body .site-header .country-action { display: none !important; }
  html body #site-chrome .site-header .header-actions .icon-btn, html body .site-header .header-actions .icon-btn { width: 38px !important; min-width: 38px !important; max-width: 38px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; flex: 0 0 38px !important; }
}
@media (max-width: 760px) {
  html body #site-chrome .site-header .header-actions .icon-btn.wishlist-action, html body #site-chrome .site-header .header-actions .icon-btn.country-action, html body .site-header .header-actions .icon-btn.wishlist-action, html body .site-header .header-actions .icon-btn.country-action { display: none !important; width: 0px !important; min-width: 0px !important; max-width: 0px !important; flex: 0 0 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; }
}
html body .product-card .quick-add, html body .product-card .quick-wish, html body .mogo-cat-grid .product-card .quick-add, html body .mogo-cat-grid .product-card .quick-wish, html body .collection-products .product-card .quick-add, html body .collection-products .product-card .quick-wish { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; line-height: 1 !important; text-align: center !important; font-family: Arial, Helvetica, sans-serif !important; }
html body .product-card .quick-wish, html body .mogo-cat-grid .product-card .quick-wish, html body .collection-products .product-card .quick-wish { font-size: 18px !important; font-weight: 400 !important; }
html body .product-card .quick-add, html body .mogo-cat-grid .product-card .quick-add, html body .collection-products .product-card .quick-add { font-size: 22px !important; font-weight: 300 !important; padding-bottom: 1px !important; }
html body .product-card .badge, html body .ab-products .product-card .badge, html body .mogo-cat-grid .product-card .badge, html body .product-grid .product-card .badge { inset: 14px auto auto 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-width: 0px !important; min-height: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; color: rgb(244, 239, 229) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; transform: none !important; }
html body .product-card:hover .badge, html body .ab-products .product-card:hover .badge, html body .mogo-cat-grid .product-card:hover .badge, html body .product-grid .product-card:hover .badge { color: rgb(184, 155, 104) !important; background: transparent !important; border: 0px !important; }
html body[data-page="product"] .product-layout { display: grid !important; grid-template-columns: minmax(0px, 1.12fr) minmax(460px, 0.88fr) !important; gap: clamp(44px, 4vw, 72px) !important; align-items: start !important; overflow: visible !important; }
html body[data-page="product"] .gallery, html body[data-page="product"] .product-copy { min-width: 0px !important; }
html body[data-page="product"] .gallery-main { width: 100% !important; height: min(74vh, 820px) !important; min-height: 620px !important; aspect-ratio: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }
html body[data-page="product"] .gallery-main img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; }
html body[data-page="product"] .product-copy { width: 100% !important; max-width: 640px !important; justify-self: start !important; }
html body[data-page="product"] .inline-input { grid-template-columns: minmax(0px, 1fr) auto !important; width: 100% !important; }
html body[data-page="product"] .inline-input .input { min-width: 0px !important; }
html body[data-page="product"] .breadcrumbs { gap: 10px !important; }
@media (max-width: 980px) {
  html body[data-page="product"] .product-layout { grid-template-columns: 1fr !important; gap: 28px !important; }
  html body[data-page="product"] .gallery-main { height: auto !important; min-height: 0px !important; aspect-ratio: 1 / 1 !important; }
  html body[data-page="product"] .product-copy { max-width: none !important; }
}
html body .nav-item { position: relative !important; }
html body .nav-item::after { content: "" !important; position: absolute !important; left: -24px !important; right: -24px !important; top: 100% !important; height: 24px !important; display: block !important; background: transparent !important; pointer-events: auto !important; }
html body .mega { top: calc(100% + 14px) !important; transition: opacity 0.22s, transform 0.22s, visibility linear 0.18s !important; visibility: hidden !important; }
html body .nav-item:hover .mega, html body .mega:hover { opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; transform: translateX(-50%) translateY(0px) !important; transition-delay: 0s !important; }
html body .nav-item:not(:hover) .mega:not(:hover) { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; transform: translateX(-50%) translateY(8px) !important; transition-delay: 0.16s !important; }
html body .desktop-nav .nav-item { position: relative !important; }
html body .desktop-nav .nav-item::after { content: "" !important; position: absolute !important; left: -36px !important; right: -36px !important; top: 100% !important; height: 56px !important; display: block !important; background: transparent !important; pointer-events: auto !important; z-index: 79 !important; }
html body .desktop-nav .mega { top: calc(100% + 2px) !important; z-index: 90 !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(-50%) translateY(8px) !important; transition: opacity 0.2s 0.28s, transform 0.2s 0.28s, visibility linear 0.28s !important; }
html body .desktop-nav .nav-item:hover .mega, html body .desktop-nav .nav-item:focus-within .mega, html body .desktop-nav .mega:hover { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0px) !important; transition-delay: 0s !important; }
html body .desktop-nav .mega a, html body .desktop-nav .mega button { pointer-events: auto !important; }
html body .desktop-nav .nav-item:not(:hover) .mega:not(:hover):not(:focus-within) { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(-50%) translateY(8px) !important; transition: opacity 0.2s 0.32s, transform 0.2s 0.32s, visibility linear 0.32s !important; }
html body .desktop-nav .nav-item:hover::after, html body .desktop-nav .nav-item:focus-within::after { height: 70px !important; }
html body .site-header { height: 82px !important; }
html body .header-row { height: 82px !important; align-items: center !important; }
html body .desktop-nav { height: 82px !important; align-items: center !important; }
html body .desktop-nav .nav-link { padding-top: 0px !important; padding-bottom: 0px !important; height: 82px !important; display: inline-flex !important; align-items: center !important; }
html body .header-actions { height: 82px !important; align-items: center !important; }
html body .desktop-nav .mega { top: calc(100% + 8px) !important; }
html body .desktop-nav .nav-item::after { top: 100% !important; height: 64px !important; }
@media (min-width: 761px) {
  html body .site-header { height: 82px !important; min-height: 82px !important; }
  html body .site-header > .container.header-row, html body .site-header .header-row, html body .container.header-row { height: 82px !important; min-height: 82px !important; align-items: center !important; }
  html body .site-header .desktop-nav, html body .site-header .header-actions { height: 82px !important; min-height: 82px !important; align-items: center !important; }
  html body .site-header .desktop-nav .nav-link { height: 82px !important; min-height: 82px !important; padding-top: 0px !important; padding-bottom: 0px !important; display: inline-flex !important; align-items: center !important; }
  html body .site-header .brand { height: 82px !important; display: flex !important; align-items: center !important; }
}
html body[data-page="custom"] .mogo-custom-luxury { background: rgb(0, 0, 0) !important; color: rgb(244, 239, 229) !important; }
html body[data-page="product"] .product-community { padding-left: 0px !important; padding-right: 0px !important; overflow: hidden !important; }
html body[data-page="product"] .product-community::before, html body[data-page="product"] .product-community::after { display: none !important; }
html body[data-page="product"] .product-community .community-viewport { position: relative; overflow: auto hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0px 72px; }
html body[data-page="product"] .product-community .community-viewport::-webkit-scrollbar { display: none; }
html body[data-page="product"] .product-community .community-grid { display: flex !important; width: max-content !important; max-width: none !important; min-width: max-content !important; gap: 12px !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
html body[data-page="product"] .product-community .community-card { display: block; flex: 0 0 calc(-29.3333px + 16.6667vw); width: calc(-29.3333px + 16.6667vw); scroll-snap-align: start; overflow: hidden; }
html body[data-page="product"] .product-community .community-card img { display: block; height: calc(-29.3333px + 16.6667vw); object-fit: cover; width: 100% !important; max-width: none !important; }
html body[data-page="product"] .product-community .community-arrow { position: sticky; top: 50%; z-index: 2; width: 42px; height: 42px; margin-top: calc(14.6667px - 8.33333vw); border: 1px solid rgba(245, 240, 230, 0.9); border-radius: 50%; background: rgba(0, 0, 0, 0.72); color: rgb(245, 240, 230); font: 32px / 36px Georgia, serif; cursor: pointer; }
html body[data-page="product"] .product-community .community-arrow-prev { left: 12px; transform: translateX(-60px); }
html body[data-page="product"] .product-community .community-arrow-next { right: 12px; transform: translateX(60px); }
html body[data-page="product"] .product-community .community-arrow:hover, html body[data-page="product"] .product-community .community-arrow:focus-visible { background: rgb(245, 240, 230); color: rgb(17, 17, 17); outline: rgb(199, 154, 67) solid 2px; outline-offset: 2px; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community .community-viewport { padding: 0px 42px; }
  html body[data-page="product"] .product-community .community-card { flex-basis: 78vw; width: 78vw; }
  html body[data-page="product"] .product-community .community-card img { height: 78vw; }
  html body[data-page="product"] .product-community .community-arrow-prev { transform: translateX(-34px); }
  html body[data-page="product"] .product-community .community-arrow-next { transform: translateX(34px); }
}
html body[data-page="product"] .product-community .community-viewport { overflow: visible; padding: 0px 88px; }
html body[data-page="product"] .product-community .community-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); transition: opacity 0.16s; display: grid !important; width: 100% !important; min-width: 0px !important; gap: 14px !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
html body[data-page="product"] .product-community .community-grid.community-grid-changing { opacity: 0; }
html body[data-page="product"] .product-community .community-card { width: auto; min-width: 0px; display: block; aspect-ratio: 1 / 1; overflow: hidden; }
html body[data-page="product"] .product-community .community-card { position: relative; background: rgb(13, 13, 13); border: 1px solid rgba(218, 190, 125, 0.18); }
html body[data-page="product"] .product-community .community-card img { object-fit: cover; object-position: center center; transition: transform 0.55s, filter 0.55s; width: 100% !important; height: 100% !important; }
html body[data-page="product"] .product-community .community-card-label { position: absolute; right: 0px; bottom: 0px; left: 0px; padding: 28px 12px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.82)); color: rgb(246, 239, 227); font: 11px / 1.2 Arial, sans-serif; letter-spacing: 0.06em; opacity: 0; transform: translateY(6px); transition: opacity 0.3s, transform 0.3s; }
html body[data-page="product"] .product-community .community-card:hover img { transform: scale(1.04); filter: brightness(0.82); }
html body[data-page="product"] .product-community .community-card:hover .community-card-label, html body[data-page="product"] .product-community .community-card:focus-visible .community-card-label { opacity: 1; transform: none; }
html body[data-page="product"] .product-community .community-arrow { position: absolute; top: 50%; margin: 0px; transform: translateY(-50%); width: 38px; height: 38px; font-size: 28px; line-height: 32px; }
html body[data-page="product"] .product-community .community-arrow-prev { left: 22px; }
html body[data-page="product"] .product-community .community-arrow-next { right: 22px; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community .community-viewport { padding: 0px 48px; overflow: hidden; }
  html body[data-page="product"] .product-community .community-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }
  html body[data-page="product"] .product-community .community-card { width: auto; flex-basis: auto; }
  html body[data-page="product"] .product-community .community-arrow-prev { left: 8px; transform: translateY(-50%); }
  html body[data-page="product"] .product-community .community-arrow-next { right: 8px; transform: translateY(-50%); }
}
html body[data-page="product"] .product-community { padding-left: 0px !important; padding-right: 0px !important; }
html body[data-page="product"] .product-community::before, html body[data-page="product"] .product-community::after { display: none !important; }
html body[data-page="product"] .product-community .community-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; width: 100% !important; min-width: 0px !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; overflow: visible !important; }
html body[data-page="product"] .product-community .community-grid img { width: 100% !important; max-width: none !important; height: clamp(240px, 24vw, 390px) !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community { padding-left: 0px !important; padding-right: 0px !important; }
  html body[data-page="product"] .product-community .community-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  html body[data-page="product"] .product-community .community-grid img { height: 48vw !important; }
}
html body[data-page="custom"] .custom-container { width: min(1520px, 100% - 96px) !important; margin: 0px auto !important; }
html body[data-page="custom"] .custom-atelier-hero { min-height: calc(-82px + 100vh) !important; display: grid !important; grid-template-columns: minmax(420px, 0.82fr) minmax(0px, 1.18fr) !important; align-items: center !important; gap: clamp(56px, 6vw, 120px) !important; padding: clamp(76px, 8vw, 132px) clamp(48px, 5vw, 96px) !important; border-bottom: 1px solid rgba(184, 155, 104, 0.16) !important; }
html body[data-page="custom"] .custom-atelier-copy { max-width: 620px !important; justify-self: end !important; }
html body[data-page="custom"] .custom-kicker { color: rgb(184, 155, 104) !important; font-size: 13px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; margin: 0px 0px 24px !important; }
html body[data-page="custom"] .custom-atelier-copy h1 { margin: 0px !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(52px, 5vw, 92px) !important; line-height: 0.98 !important; font-weight: 400 !important; letter-spacing: 0px !important; }
html body[data-page="custom"] .custom-lede, html body[data-page="custom"] .custom-editorial-copy p, html body[data-page="custom"] .custom-request-story p { color: rgb(189, 182, 170) !important; font-size: 18px !important; line-height: 1.85 !important; }
html body[data-page="custom"] .custom-atelier-media { margin: 0px !important; height: min(72vh, 760px) !important; overflow: hidden !important; background: rgb(2, 2, 2) !important; }
html body[data-page="custom"] .custom-atelier-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }
html body[data-page="custom"] .luxury-link-row { margin-top: 42px !important; display: flex !important; gap: 34px !important; flex-wrap: wrap !important; }
html body[data-page="custom"] .luxury-text-link { color: rgb(244, 239, 229) !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 0.16em !important; font-size: 13px !important; border-bottom: 1px solid rgba(244, 239, 229, 0.72) !important; padding-bottom: 9px !important; }
html body[data-page="custom"] .luxury-text-link:hover { color: rgb(184, 155, 104) !important; border-color: rgb(184, 155, 104) !important; }
html body[data-page="custom"] .custom-signature-strip, html body[data-page="custom"] .custom-process, html body[data-page="custom"] .custom-request, html body[data-page="custom"] .custom-gallery { padding: clamp(72px, 7vw, 120px) 0px !important; background: rgb(0, 0, 0) !important; border-bottom: 1px solid rgba(184, 155, 104, 0.12) !important; }
html body[data-page="custom"] .custom-signature-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 1px !important; background: rgba(184, 155, 104, 0.16) !important; }
html body[data-page="custom"] .custom-signature-grid article, html body[data-page="custom"] .luxury-process-grid article { background: rgb(5, 5, 5) !important; padding: 34px !important; min-height: 210px !important; }
html body[data-page="custom"] .custom-signature-grid span, html body[data-page="custom"] .luxury-process-grid strong { color: rgb(184, 155, 104) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 30px !important; font-weight: 400 !important; }
html body[data-page="custom"] .custom-signature-grid b, html body[data-page="custom"] .luxury-process-grid h3 { display: block !important; margin: 22px 0px 10px !important; color: rgb(244, 239, 229) !important; font-size: 21px !important; }
html body[data-page="custom"] .custom-signature-grid p, html body[data-page="custom"] .luxury-process-grid p { color: rgb(170, 162, 150) !important; font-size: 15px !important; line-height: 1.75 !important; }
html body[data-page="custom"] .custom-editorial-split { display: grid !important; grid-template-columns: 1.08fr 0.92fr !important; min-height: 760px !important; background: rgb(0, 0, 0) !important; border-bottom: 1px solid rgba(184, 155, 104, 0.12) !important; }
html body[data-page="custom"] .custom-editorial-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html body[data-page="custom"] .custom-editorial-copy { padding: clamp(70px, 7vw, 128px) !important; align-self: center !important; }
html body[data-page="custom"] .custom-editorial-copy h2, html body[data-page="custom"] .custom-request-story h2, html body[data-page="custom"] .custom-section-head h2 { color: rgb(244, 239, 229) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(38px, 3.4vw, 64px) !important; line-height: 1.06 !important; font-weight: 400 !important; margin: 0px 0px 26px !important; }
html body[data-page="custom"] .custom-editorial-copy ul { margin: 30px 0px 0px !important; padding: 0px !important; list-style: none !important; }
html body[data-page="custom"] .custom-editorial-copy li { border-top: 1px solid rgba(184, 155, 104, 0.18) !important; padding: 15px 0px !important; color: rgb(217, 208, 192) !important; font-size: 16px !important; }
html body[data-page="custom"] .custom-section-head { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 28px !important; margin-bottom: 42px !important; }
html body[data-page="custom"] .custom-section-head span { height: 1px !important; background: rgba(184, 155, 104, 0.28) !important; }
html body[data-page="custom"] .custom-section-head h2 { font-size: clamp(28px, 2.4vw, 44px) !important; margin: 0px !important; white-space: nowrap !important; }
html body[data-page="custom"] .luxury-process-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 1px !important; background: rgba(184, 155, 104, 0.16) !important; }
html body[data-page="custom"] .luxury-process-grid small { display: block !important; color: rgb(143, 122, 85) !important; margin-top: 8px !important; letter-spacing: 0.16em !important; }
html body[data-page="custom"] .custom-request-grid { display: grid !important; grid-template-columns: minmax(0px, 0.92fr) minmax(460px, 0.78fr) !important; gap: clamp(48px, 5vw, 88px) !important; align-items: start !important; }
html body[data-page="custom"] .luxury-request-story { border: 1px solid rgba(184, 155, 104, 0.18) !important; background: rgb(5, 5, 5) !important; }
html body[data-page="custom"] .luxury-request-story img { width: 100% !important; height: 520px !important; object-fit: cover !important; display: block !important; background: rgb(0, 0, 0) !important; }
html body[data-page="custom"] .luxury-request-story div { padding: 42px !important; }
html body[data-page="custom"] .luxury-form { background: rgb(5, 5, 5) !important; border: 1px solid rgba(184, 155, 104, 0.22) !important; padding: 42px !important; }
html body[data-page="custom"] .luxury-form label { color: rgb(207, 197, 182) !important; font-size: 13px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
html body[data-page="custom"] .luxury-form .input, html body[data-page="custom"] .luxury-form .select, html body[data-page="custom"] .luxury-form textarea { margin-top: 9px !important; background: rgb(0, 0, 0) !important; border: 1px solid rgba(184, 155, 104, 0.22) !important; color: rgb(244, 239, 229) !important; }
html body[data-page="custom"] .luxury-submit { background: rgb(0, 0, 0) !important; border-color: rgb(184, 155, 104) !important; color: rgb(184, 155, 104) !important; min-height: 56px !important; }
html body[data-page="custom"] .luxury-submit:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; }
html body[data-page="custom"] .luxury-gallery-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 18px !important; }
html body[data-page="custom"] .luxury-gallery-grid figure { margin: 0px !important; background: rgb(5, 5, 5) !important; }
html body[data-page="custom"] .luxury-gallery-grid img { width: 100% !important; aspect-ratio: 1 / 1.18 !important; object-fit: contain !important; display: block !important; }
html body[data-page="custom"] .luxury-gallery-grid figcaption { color: rgb(216, 207, 191) !important; text-align: center !important; padding: 14px 6px 20px !important; font-size: 14px !important; }
@media (max-width: 980px) {
  html body[data-page="custom"] .custom-atelier-hero, html body[data-page="custom"] .custom-editorial-split, html body[data-page="custom"] .custom-request-grid { grid-template-columns: 1fr !important; }
  html body[data-page="custom"] .custom-atelier-copy { justify-self: start !important; }
  html body[data-page="custom"] .custom-signature-grid, html body[data-page="custom"] .luxury-process-grid, html body[data-page="custom"] .luxury-gallery-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 620px) {
  html body[data-page="custom"] .custom-container { width: calc(100% - 32px) !important; }
  html body[data-page="custom"] .custom-atelier-hero { padding: 48px 18px !important; }
  html body[data-page="custom"] .custom-signature-grid, html body[data-page="custom"] .luxury-process-grid, html body[data-page="custom"] .luxury-gallery-grid { grid-template-columns: 1fr !important; }
  html body[data-page="custom"] .custom-editorial-copy, html body[data-page="custom"] .luxury-form, html body[data-page="custom"] .luxury-request-story div { padding: 28px !important; }
}
html body[data-page="custom"] .custom-atelier-hero { grid-template-columns: minmax(560px, 0.92fr) minmax(0px, 1.08fr) !important; gap: clamp(64px, 7vw, 138px) !important; padding: clamp(82px, 7.2vw, 124px) clamp(72px, 7vw, 132px) !important; }
html body[data-page="custom"] .custom-atelier-copy { max-width: 760px !important; justify-self: center !important; }
html body[data-page="custom"] .custom-atelier-copy h1 { color: rgb(246, 234, 214) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(72px, 6.8vw, 132px) !important; line-height: 0.92 !important; font-weight: 700 !important; letter-spacing: 0px !important; margin: 0px 0px 24px !important; }
html body[data-page="custom"] .custom-atelier-copy .custom-lede { max-width: 720px !important; color: rgb(240, 232, 220) !important; font-size: clamp(18px, 1.18vw, 22px) !important; line-height: 1.55 !important; margin: 0px !important; }
html body[data-page="custom"] .custom-cn-note { margin: 16px 0px 0px !important; color: rgb(158, 149, 136) !important; font-size: 15px !important; line-height: 1.7 !important; letter-spacing: 0.02em !important; }
html body[data-page="custom"] .custom-kicker { color: rgb(184, 155, 104) !important; font-size: 14px !important; letter-spacing: 0.28em !important; font-weight: 600 !important; }
html body[data-page="custom"] .luxury-link-row { margin-top: 48px !important; gap: 42px !important; }
html body[data-page="custom"] .luxury-text-link { font-size: 14px !important; letter-spacing: 0.18em !important; color: rgb(255, 255, 255) !important; border-bottom-color: rgba(255, 255, 255, 0.78) !important; padding-bottom: 10px !important; }
html body[data-page="custom"] .custom-atelier-media { height: min(76vh, 820px) !important; max-width: 760px !important; justify-self: start !important; }
html body[data-page="custom"] .custom-atelier-media img { object-fit: cover !important; filter: contrast(1.04) saturate(1.02) !important; }
@media (max-width: 1180px) {
  html body[data-page="custom"] .custom-atelier-hero { grid-template-columns: 1fr !important; padding: 72px 42px !important; }
  html body[data-page="custom"] .custom-atelier-copy { max-width: 860px !important; justify-self: start !important; }
  html body[data-page="custom"] .custom-atelier-media { width: 100% !important; max-width: none !important; height: 520px !important; }
}
@media (max-width: 620px) {
  html body[data-page="custom"] .custom-atelier-copy h1 { font-size: clamp(48px, 14vw, 72px) !important; line-height: 0.96 !important; }
  html body[data-page="custom"] .custom-atelier-copy .custom-lede { font-size: 17px !important; }
  html body[data-page="custom"] .luxury-link-row { gap: 22px !important; }
  html body[data-page="custom"] .luxury-text-link { font-size: 12px !important; }
}
html body[data-page="custom"] .custom-gallery { overflow: hidden !important; }
html body[data-page="custom"] .custom-gallery-rail-wrap { position: relative !important; width: 100% !important; }
html body[data-page="custom"] .luxury-gallery-grid { display: flex !important; grid-template-columns: none !important; gap: 28px !important; overflow: auto hidden !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; padding: 8px 0px 18px !important; scrollbar-width: none !important; }
html body[data-page="custom"] .luxury-gallery-grid::-webkit-scrollbar { display: none !important; }
html body[data-page="custom"] .luxury-gallery-grid figure { flex: 0 0 clamp(260px, 22vw, 360px) !important; scroll-snap-align: start !important; background: rgb(3, 3, 3) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; overflow: hidden !important; }
html body[data-page="custom"] .luxury-gallery-grid img { width: 100% !important; height: clamp(340px, 31vw, 500px) !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center bottom !important; display: block !important; background: rgb(0, 0, 0) !important; }
html body[data-page="custom"] .luxury-gallery-grid figcaption { width: 100% !important; min-height: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; color: rgb(240, 232, 220) !important; padding: 16px 10px 20px !important; font-size: 15px !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; }
html body[data-page="custom"] .custom-gallery-arrow { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 5 !important; width: 46px !important; height: 80px !important; border: 0px !important; background: transparent !important; color: rgb(255, 255, 255) !important; font-size: 46px !important; line-height: 1 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0.82 !important; }
html body[data-page="custom"] .custom-gallery-arrow:hover { color: rgb(184, 155, 104) !important; opacity: 1 !important; }
html body[data-page="custom"] .custom-gallery-prev { left: -58px !important; }
html body[data-page="custom"] .custom-gallery-next { right: -58px !important; }
@media (max-width: 980px) {
  html body[data-page="custom"] .custom-gallery-prev { left: 4px !important; }
  html body[data-page="custom"] .custom-gallery-next { right: 4px !important; }
  html body[data-page="custom"] .luxury-gallery-grid { padding-left: 54px !important; padding-right: 54px !important; }
}
html body[data-page="custom"] .custom-gallery .custom-section-head { display: block !important; text-align: center !important; margin-bottom: 46px !important; }
html body[data-page="custom"] .custom-gallery .custom-section-head span { display: none !important; }
html body[data-page="custom"] .custom-gallery .custom-section-head h2 { display: inline-block !important; margin: 0px !important; padding: 0px !important; border: 0px !important; }
html body[data-page="custom"] .custom-gallery .custom-section-head h2::before, html body[data-page="custom"] .custom-gallery .custom-section-head h2::after { content: none !important; display: none !important; }
html body[data-page="custom"] #custom-reference-image { transition: opacity 0.22s, transform 0.22s !important; }
html body[data-page="custom"] #custom-reference-image.is-changing { opacity: 0.28 !important; transform: scale(0.985) !important; }
html body[data-page="custom"] #custom-reference-title, html body[data-page="custom"] #custom-reference-desc { transition: color 0.2s !important; }
html body[data-page="custom"] .luxury-request-story, html body[data-page="custom"] .custom-request-story { border: 0px !important; outline: 0px !important; box-shadow: none !important; background: rgb(0, 0, 0) !important; }
html body[data-page="custom"] .luxury-request-story img, html body[data-page="custom"] .custom-request-story img, html body[data-page="custom"] #custom-reference-image { border: 0px !important; outline: 0px !important; box-shadow: none !important; background: rgb(0, 0, 0) !important; }
html body[data-page="custom"] .luxury-request-story div, html body[data-page="custom"] .custom-request-story div { background: rgb(0, 0, 0) !important; border: 0px !important; box-shadow: none !important; }
html body[data-page="custom"] .custom-signature-strip, html body[data-page="custom"] .custom-process, html body[data-page="custom"] .custom-request, html body[data-page="custom"] .custom-gallery, html body[data-page="custom"] .custom-editorial-split, html body[data-page="custom"] .custom-atelier-hero { border-top: 0px !important; border-bottom: 0px !important; }
html body[data-page="custom"] .luxury-form, html body[data-page="custom"] .custom-form { border: 0px !important; outline: 0px !important; box-shadow: none !important; background: rgb(0, 0, 0) !important; }
html body[data-page="custom"] .luxury-request-story, html body[data-page="custom"] .custom-request-story { display: flex !important; flex-direction: column !important; align-items: center !important; }
html body[data-page="custom"] .luxury-request-story img, html body[data-page="custom"] .custom-request-story img, html body[data-page="custom"] #custom-reference-image { width: 100% !important; height: 520px !important; object-fit: contain !important; object-position: center center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; }
html body[data-page="custom"] .luxury-request-story div, html body[data-page="custom"] .custom-request-story div { width: 100% !important; }
html body[data-page="custom"] .luxury-request-story img, html body[data-page="custom"] .custom-request-story img, html body[data-page="custom"] #custom-reference-image { height: 620px !important; object-fit: cover !important; object-position: center center !important; }
@media (max-width: 980px) {
  html body[data-page="custom"] .luxury-request-story img, html body[data-page="custom"] .custom-request-story img, html body[data-page="custom"] #custom-reference-image { height: 520px !important; }
}
@media (max-width: 620px) {
  html body[data-page="custom"] .luxury-request-story img, html body[data-page="custom"] .custom-request-story img, html body[data-page="custom"] #custom-reference-image { height: 420px !important; }
}
html body[data-page="custom"] .custom-form button[type="submit"], html body[data-page="custom"] .luxury-submit, html body[data-page="custom"] button.btn.primary.full.luxury-submit { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; opacity: 1 !important; transition: background 0.18s, color 0.18s, border-color 0.18s !important; }
html body[data-page="custom"] .custom-form button[type="submit"]:hover, html body[data-page="custom"] .luxury-submit:hover, html body[data-page="custom"] button.btn.primary.full.luxury-submit:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }
html body[data-page="custom"] .custom-request { padding-top: clamp(84px, 7vw, 132px) !important; padding-bottom: clamp(84px, 7vw, 132px) !important; }
html body[data-page="custom"] .custom-request-grid { grid-template-columns: minmax(0px, 0.96fr) minmax(520px, 0.78fr) !important; gap: clamp(76px, 7vw, 132px) !important; align-items: center !important; max-width: 1560px !important; }
html body[data-page="custom"] .luxury-request-story, html body[data-page="custom"] .custom-request-story { max-width: 760px !important; justify-self: end !important; }
html body[data-page="custom"] .luxury-request-story img, html body[data-page="custom"] .custom-request-story img, html body[data-page="custom"] #custom-reference-image { height: min(58vh, 620px) !important; min-height: 500px !important; object-fit: contain !important; object-position: center center !important; }
html body[data-page="home"] .site-header { border-bottom: 0px !important; }
html body[data-page] #site-chrome .site-header, html body[data-page] .site-header { position: fixed !important; inset: 0px 0px auto !important; width: 100% !important; z-index: 900 !important; }
html body:not([data-page]) #site-chrome .site-header, html body:not([data-page]) .site-header { position: fixed !important; inset: 0px 0px auto !important; width: 100% !important; z-index: 900 !important; }
html body[data-page] main { padding-top: 82px !important; }
html body:not([data-page]) main { padding-top: 82px !important; }
html { scroll-padding-top: 82px; }
@media (max-width: 760px) {
  html body[data-page] main, html body:not([data-page]) main { padding-top: 58px !important; }
  html { scroll-padding-top: 58px; }
}
html body[data-page="custom"] .luxury-request-story div, html body[data-page="custom"] .custom-request-story div { padding: 34px 0px 0px !important; }
html body[data-page="custom"] .luxury-request-story .custom-kicker, html body[data-page="custom"] .custom-request-story .custom-kicker { margin-bottom: 14px !important; }
html body[data-page="custom"] .luxury-request-story h2, html body[data-page="custom"] .custom-request-story h2, html body[data-page="custom"] #custom-reference-title { font-size: clamp(46px, 4vw, 72px) !important; line-height: 1.02 !important; margin-bottom: 22px !important; }
html body[data-page="custom"] .luxury-request-story p, html body[data-page="custom"] .custom-request-story p, html body[data-page="custom"] #custom-reference-desc { max-width: 680px !important; font-size: 18px !important; line-height: 1.85 !important; color: rgb(201, 192, 178) !important; }
html body[data-page="custom"] .luxury-form, html body[data-page="custom"] .custom-form { max-width: 640px !important; justify-self: start !important; padding-top: 8px !important; padding-bottom: 8px !important; }
html body[data-page="custom"] .luxury-form label { margin-bottom: 24px !important; }
html body[data-page="custom"] #custom-product-reference-note { display: block; margin-top: 2px; color: rgb(150, 134, 110); font-size: 12px; line-height: 1.5; letter-spacing: 0.01em; }
html body[data-page="custom"] .luxury-form .input, html body[data-page="custom"] .luxury-form .select, html body[data-page="custom"] .luxury-form textarea { min-height: 58px !important; border-color: rgba(184, 155, 104, 0.34) !important; }
html body[data-page="custom"] .luxury-form textarea { min-height: 86px !important; }
html body[data-page="custom"] .luxury-form .form-grid { gap: 22px 18px !important; }
html body[data-page="custom"] .luxury-submit { margin-top: 18px !important; min-height: 64px !important; }
@media (max-width: 980px) {
  html body[data-page="custom"] .custom-request-grid { grid-template-columns: 1fr !important; gap: 54px !important; }
  html body[data-page="custom"] .luxury-request-story, html body[data-page="custom"] .custom-request-story, html body[data-page="custom"] .luxury-form, html body[data-page="custom"] .custom-form { max-width: none !important; justify-self: stretch !important; }
}
html body:not([data-admin]) main a.btn, html body:not([data-admin]) main button.btn, html body:not([data-admin]) main input.btn, html body:not([data-admin]) .utility-page a.btn, html body:not([data-admin]) .utility-page button.btn, html body:not([data-admin]) .custom-form button[type="submit"], html body:not([data-admin]) #newsletter-btn, html body:not([data-admin]) .cart-summary .btn, html body:not([data-admin]) .empty-state .btn, html body:not([data-admin]) .checkout-grid .btn, html body:not([data-admin]) .stack-form .btn { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; opacity: 1 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; transition: background 0.18s, color 0.18s, border-color 0.18s !important; }
html body:not([data-admin]) main a.btn:hover, html body:not([data-admin]) main button.btn:hover, html body:not([data-admin]) main input.btn:hover, html body:not([data-admin]) .utility-page a.btn:hover, html body:not([data-admin]) .utility-page button.btn:hover, html body:not([data-admin]) .custom-form button[type="submit"]:hover, html body:not([data-admin]) #newsletter-btn:hover, html body:not([data-admin]) .cart-summary .btn:hover, html body:not([data-admin]) .empty-state .btn:hover, html body:not([data-admin]) .checkout-grid .btn:hover, html body:not([data-admin]) .stack-form .btn:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }
html body:not([data-admin]) .quick-add, html body:not([data-admin]) .quick-wish, html body:not([data-admin]) .icon-btn, html body:not([data-admin]) .zoom-btn, html body:not([data-admin]) .custom-gallery-arrow, html body:not([data-admin]) .filter-toggle, html body:not([data-admin]) .facet-close, html body:not([data-admin]) .link-button { text-transform: none !important; letter-spacing: normal !important; }
html body[data-page="cart"] .cart-summary .btn, html body[data-page="cart"] .cart-summary button, html body[data-page="cart"] .cart-summary a.btn, html body[data-page="cart"] .empty-state .btn, html body[data-page="cart"] .empty-state a.btn, html body[data-page="checkout"] main .btn, html body[data-page="checkout"] main button.btn { background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; }
html body[data-page="cart"] .cart-summary .btn:hover, html body[data-page="cart"] .cart-summary button:hover, html body[data-page="cart"] .cart-summary a.btn:hover, html body[data-page="cart"] .empty-state .btn:hover, html body[data-page="cart"] .empty-state a.btn:hover, html body[data-page="checkout"] main .btn:hover, html body[data-page="checkout"] main button.btn:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
html body[data-page="custom"] .luxury-form .input, html body[data-page="custom"] .luxury-form .select, html body[data-page="custom"] .luxury-form input, html body[data-page="custom"] .luxury-form textarea, html body[data-page="custom"] .luxury-form select { padding-left: 18px !important; padding-right: 18px !important; text-indent: 0px !important; }
html body[data-page="custom"] .luxury-form textarea { padding-top: 16px !important; padding-bottom: 16px !important; }
html body[data-page="custom"] .luxury-form input[type="date"] { padding-right: 44px !important; }
html body[data-page="custom"] .country-combobox-field { position: relative !important; }
html body[data-page="custom"] .country-combobox { position: relative !important; width: 100% !important; }
html body[data-page="custom"] .country-options { position: absolute !important; top: calc(100% + 8px) !important; left: 0px !important; right: 0px !important; z-index: 80 !important; display: none !important; max-height: 292px !important; overflow-y: auto !important; background: rgb(5, 5, 5) !important; border: 1px solid rgba(112, 91, 57, 0.82) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 18px 44px !important; }
html body[data-page="custom"] .country-options.open { display: block !important; }
html body[data-page="custom"] .country-option { width: 100% !important; min-height: 42px !important; display: grid !important; grid-template-columns: 32px 1fr 42px !important; align-items: center !important; gap: 10px !important; padding: 0px 16px !important; margin: 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(112, 91, 57, 0.28) !important; border-image: none !important; background: rgb(5, 5, 5) !important; color: rgb(245, 239, 227) !important; font-size: 14px !important; line-height: 1 !important; text-align: left !important; cursor: pointer !important; }
html body[data-page="custom"] .country-option:hover, html body[data-page="custom"] .country-option:focus { background: rgb(20, 17, 11) !important; color: rgb(184, 155, 104) !important; outline: 0px !important; }
html body[data-page="custom"] .country-flag { font-size: 20px !important; line-height: 1 !important; }
html body[data-page="custom"] .country-code { color: rgb(141, 128, 111) !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-align: right !important; }
html body[data-page="custom"] .country-combobox { position: relative !important; }
html body[data-page="custom"] .country-selected-flag { position: absolute !important; left: 18px !important; top: 50% !important; z-index: 2 !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; line-height: 1 !important; pointer-events: none !important; }
html body[data-page="custom"] #custom-country-input { padding-left: 54px !important; }
html body[data-page="custom"] .country-selected-flag img, html body[data-page="custom"] .country-flag img { width: 24px !important; height: 16px !important; display: block !important; object-fit: cover !important; border: 0px !important; box-shadow: none !important; }
html body[data-page="custom"] .country-selected-flag span { color: rgb(141, 128, 111) !important; font-size: 12px !important; }
html body[data-page="custom"] .country-selected-flag.is-empty { display: none !important; }
html body[data-page="custom"] .country-selected-flag.is-empty + #custom-country-input { padding-left: 18px !important; }
html body:not([data-admin]) .product-card .quick-wish, html body:not([data-admin]) .mogo-cat-grid .product-card .quick-wish, html body:not([data-admin]) .collection-products .product-card .quick-wish { color: transparent !important; font-size: 0px !important; line-height: 0 !important; position: absolute !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px !important; }
html body:not([data-admin]) .product-card .quick-wish::before, html body:not([data-admin]) .mogo-cat-grid .product-card .quick-wish::before, html body:not([data-admin]) .collection-products .product-card .quick-wish::before { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 14px !important; height: 13px !important; background: rgb(255, 255, 255) !important; transform: translate(-50%, -50%) !important; border-radius: 0px !important; box-shadow: none !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 29'%3E%3Cpath fill='black' d='M23.6 0c-3.1 0-5.8 1.8-7.6 4.4C14.2 1.8 11.5 0 8.4 0 3.8 0 0 3.7 0 8.4 0 17.2 16 29 16 29S32 17.2 32 8.4C32 3.7 28.2 0 23.6 0z'/%3E%3C/svg%3E") center center / contain no-repeat !important; }
html body:not([data-admin]) .product-card .quick-wish::after, html body:not([data-admin]) .mogo-cat-grid .product-card .quick-wish::after, html body:not([data-admin]) .collection-products .product-card .quick-wish::after { content: none !important; display: none !important; }
html body[data-page="product"] .product-long .detail-band { border-top: 0px !important; border-bottom: 0px !important; }
html body[data-page="product"] .product-long .detail-band + .detail-band { border-top: 1px solid rgba(184, 155, 104, 0.08) !important; }
html body[data-page="product"] .spec-table { border-top: 0px !important; }
html body[data-page="product"] .spec-row { border-bottom: 1px solid rgba(184, 155, 104, 0.12) !important; }
html body[data-page="product"] .spec-row:last-child { border-bottom: 0px !important; }
html body[data-page="product"] .review-box { border: 0px !important; box-shadow: none !important; }
html body[data-page="custom"] .country-options { max-height: 360px !important; }
html body .footer #footer-country, html body .footer #footer-country .mogo-current-country-label { text-transform: none !important; }
html body[data-page="custom"] .country-combobox { display: block !important; }
html body[data-page="custom"] .country-selected-flag { top: 0px !important; bottom: 0px !important; margin: auto 0px !important; transform: none !important; }
html body[data-page="custom"] #custom-country-input { display: block !important; height: 58px !important; line-height: 58px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
html body[data-page="custom"] .country-selected-flag img { width: 24px !important; height: 16px !important; display: block !important; }
html body[data-page="product"] .product-community { position: relative !important; overflow: visible !important; padding-left: 72px !important; padding-right: 72px !important; }
html body[data-page="product"] .product-community .community-grid { width: 100% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; }
html body[data-page="product"] .product-community::before, html body[data-page="product"] .product-community::after { top: 58% !important; z-index: 20 !important; color: rgb(245, 240, 230) !important; opacity: 0.9 !important; pointer-events: none !important; }
html body[data-page="product"] .product-community::before { left: 24px !important; }
html body[data-page="product"] .product-community::after { right: 24px !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community { padding-left: 42px !important; padding-right: 42px !important; }
  html body[data-page="product"] .product-community::before { left: 8px !important; }
  html body[data-page="product"] .product-community::after { right: 8px !important; }
}
html body[data-page="product"] .product-community { overflow: visible !important; padding-left: 72px !important; padding-right: 72px !important; }
html body[data-page="product"] .product-community .community-grid { width: 100% !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; }
html body[data-page="product"] .product-community::before, html body[data-page="product"] .product-community::after { top: 58% !important; color: rgb(245, 240, 230) !important; opacity: 0.9 !important; z-index: 8 !important; }
html body[data-page="product"] .product-community::before { left: 26px !important; }
html body[data-page="product"] .product-community::after { right: 26px !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community { padding-left: 42px !important; padding-right: 42px !important; }
  html body[data-page="product"] .product-community::before { left: 8px !important; }
  html body[data-page="product"] .product-community::after { right: 8px !important; }
}
html body .mogo-footer-commerce { margin-top: 42px !important; padding-top: 28px !important; border-top: 1px solid rgba(201, 164, 92, 0.16) !important; display: grid !important; grid-template-columns: minmax(220px, 1fr) auto minmax(320px, 1fr) !important; align-items: center !important; gap: 28px !important; }
html body .mogo-footer-social, html body .mogo-footer-payments { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
html body .mogo-footer-social { justify-content: flex-start !important; }
html body .mogo-footer-social a { width: 22px !important; height: 22px !important; padding: 0px !important; color: rgba(245, 240, 230, 0.42) !important; text-decoration: none !important; border: 0px !important; background: transparent !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
html body .mogo-footer-social a:hover { color: rgba(245, 240, 230, 0.78) !important; }
html body .mogo-footer-social svg { width: 15px !important; height: 15px !important; fill: currentcolor !important; display: block !important; }
html body .mogo-footer-copy { color: rgba(245, 240, 230, 0.56) !important; font-size: 11px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; white-space: nowrap !important; text-align: center !important; }
html body .mogo-footer-payments { justify-content: flex-end !important; }
html body .mogo-footer-payments span { min-width: 42px !important; height: 22px !important; padding: 0px 7px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 4px !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important; font-size: 8.5px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; line-height: 1 !important; white-space: nowrap !important; }
html body .mogo-footer-payments .pay-amex { background: rgb(35, 116, 185) !important; color: rgb(255, 255, 255) !important; }
html body .mogo-footer-payments .pay-apple { font-size: 10px !important; }
html body .mogo-footer-payments .pay-discover { color: rgb(244, 122, 32) !important; }
html body .mogo-footer-payments .pay-gpay { color: rgb(66, 133, 244) !important; }
html body .mogo-footer-payments .pay-klarna { background: rgb(255, 179, 199) !important; color: rgb(17, 17, 17) !important; }
html body .mogo-footer-payments .pay-maestro { color: rgb(217, 36, 46) !important; }
html body .mogo-footer-payments .pay-mastercard { color: rgb(235, 0, 27) !important; }
html body .mogo-footer-payments .pay-paypal { color: rgb(23, 63, 143) !important; }
html body .mogo-footer-payments .pay-shop { background: rgb(90, 49, 244) !important; color: rgb(255, 255, 255) !important; }
html body .mogo-footer-payments .pay-union { color: rgb(215, 25, 32) !important; }
html body .mogo-footer-payments .pay-visa { background: rgb(26, 79, 155) !important; color: rgb(255, 255, 255) !important; }
html body .footer-bottom { margin-top: 18px !important; padding-top: 0px !important; border-top: 0px !important; justify-content: center !important; gap: 18px !important; color: rgba(245, 240, 230, 0.38) !important; }
@media (max-width: 980px) {
  html body .mogo-footer-commerce { grid-template-columns: 1fr !important; justify-items: center !important; gap: 20px !important; text-align: center !important; }
  html body .mogo-footer-social, html body .mogo-footer-payments { justify-content: center !important; }
  html body .mogo-footer-copy { white-space: normal !important; }
}
html body[data-page="product"] .product-community { position: relative !important; }
html body[data-page="product"] .product-community::before, html body[data-page="product"] .product-community::after { position: absolute !important; top: 60% !important; z-index: 3 !important; transform: translateY(-50%) !important; color: rgb(245, 240, 230) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: clamp(28px, 2.2vw, 42px) !important; font-weight: 300 !important; line-height: 1 !important; opacity: 0.86 !important; pointer-events: none !important; }
html body[data-page="product"] .product-community::before { content: "‹" !important; left: clamp(18px, 2.4vw, 42px) !important; }
html body[data-page="product"] .product-community::after { content: "›" !important; right: clamp(18px, 2.4vw, 42px) !important; }
html body[data-page="product"] .product-community .community-grid { width: min(1560px, -220px + 100vw) !important; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 980px) {
  html body[data-page="product"] .product-community .community-grid { width: calc(-72px + 100vw) !important; }
  html body[data-page="product"] .product-community::before { left: 12px !important; }
  html body[data-page="product"] .product-community::after { right: 12px !important; }
}
html body[data-page="product"] .product-community:hover::before, html body[data-page="product"] .product-community:hover::after { color: rgb(201, 164, 92) !important; opacity: 1 !important; }
html body[data-page="product"] .product-page { padding-top: clamp(34px, 4vw, 70px) !important; }
html body[data-page="product"] .product-layout { width: min(1640px, -96px + 100vw) !important; margin: 0px auto clamp(90px, 8vw, 150px) !important; display: grid !important; grid-template-columns: minmax(680px, 1.42fr) minmax(430px, 0.58fr) !important; gap: clamp(72px, 6vw, 128px) !important; align-items: start !important; }
html body[data-page="product"] .gallery { display: grid !important; grid-template-columns: minmax(0px, 1fr) 86px !important; grid-template-areas: "main thumbs" !important; gap: 18px !important; align-items: center !important; min-width: 0px !important; background: transparent !important; }
html body[data-page="product"] .gallery-main { grid-area: main !important; width: 100% !important; height: min(76vh, 900px) !important; min-height: 640px !important; max-height: 900px !important; background: rgb(0, 0, 0) !important; border: 0px !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }
html body[data-page="product"] .gallery-main img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; display: block !important; background: rgb(0, 0, 0) !important; }
html body[data-page="product"] .thumbs { grid-area: thumbs !important; width: 86px !important; height: min(76vh, 900px) !important; min-height: 640px !important; margin: 0px !important; padding: 0px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 14px !important; overflow: hidden auto !important; background: transparent !important; scrollbar-width: none !important; }
html body[data-page="product"] .thumbs::-webkit-scrollbar { width: 0px !important; height: 0px !important; }
html body[data-page="product"] .thumb { width: 72px !important; height: 72px !important; flex: 0 0 72px !important; padding: 0px !important; border: 1px solid rgba(201, 164, 92, 0.24) !important; background: rgb(2, 2, 2) !important; opacity: 0.72 !important; }
html body[data-page="product"] .thumb.active, html body[data-page="product"] .thumb:hover { border-color: rgba(245, 238, 222, 0.9) !important; opacity: 1 !important; }
html body[data-page="product"] .thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html body[data-page="product"] .zoom-btn { right: 118px !important; top: 24px !important; }
@media (max-width: 1180px) {
  html body[data-page="product"] .product-layout { width: min(100% - 34px, 980px) !important; grid-template-columns: 1fr !important; gap: 34px !important; }
  html body[data-page="product"] .gallery { grid-template-columns: 1fr !important; grid-template-areas: "main" "thumbs" !important; gap: 16px !important; }
  html body[data-page="product"] .gallery-main { height: auto !important; min-height: 0px !important; aspect-ratio: 1 / 1 !important; }
  html body[data-page="product"] .thumbs { width: 100% !important; height: auto !important; min-height: 0px !important; flex-direction: row !important; justify-content: center !important; overflow: auto hidden !important; }
  html body[data-page="product"] .zoom-btn { right: 18px !important; }
}
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort { align-items: center !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort label, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort select, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #sort-filter { font-size: 13px !important; line-height: 1.4 !important; letter-spacing: 0.02em !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort select, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #sort-filter { min-height: 24px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
html body[data-page="index"] .ab-community { overflow: hidden !important; background: rgb(0, 0, 0) !important; padding: clamp(46px, 5vw, 84px) 0px !important; }
html body[data-page="index"] .ab-community-viewport { width: 100% !important; overflow: hidden !important; }
html body[data-page="index"] .ab-community-grid { display: flex !important; grid-template-columns: none !important; gap: 12px !important; width: max-content !important; animation: 42s linear 0s infinite normal none running mogo-community-rail !important; will-change: transform !important; }
html body[data-page="index"] .ab-community:hover .ab-community-grid { animation-play-state: paused !important; }
html body[data-page="index"] .ab-community-grid img { width: clamp(330px, 24vw, 520px) !important; height: clamp(260px, 22vw, 430px) !important; flex: 0 0 auto !important; object-fit: cover !important; display: block !important; border: 0px !important; outline: 0px !important; background: rgb(0, 0, 0) !important; }
@keyframes mogo-community-rail { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 6px)); }
}
@media (max-width: 760px) {
  html body[data-page="index"] .ab-community-grid { gap: 8px !important; animation-duration: 36s !important; }
  html body[data-page="index"] .ab-community-grid img { width: 78vw !important; height: 58vw !important; }
}
html body .ab-community { overflow: hidden !important; background: rgb(0, 0, 0) !important; padding: clamp(48px, 5vw, 86px) 0px !important; border: 0px !important; box-shadow: none !important; }
html body .ab-community, html body .ab-community * { outline: 0px !important; }
html body .ab-community::before, html body .ab-community::after, html body .ab-community-viewport::before, html body .ab-community-viewport::after, html body .ab-community-grid::before, html body .ab-community-grid::after { display: none !important; content: none !important; }
html body .ab-community-viewport { width: 100% !important; max-width: none !important; overflow: hidden !important; border: 0px !important; box-shadow: none !important; background: rgb(0, 0, 0) !important; }
html body .ab-community-grid { display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; align-items: stretch !important; gap: 12px !important; width: max-content !important; min-width: max-content !important; animation: 54s linear 0s infinite normal none running mogo-community-rail !important; will-change: transform !important; border: 0px !important; box-shadow: none !important; }
html body .ab-community:hover .ab-community-grid { animation-play-state: paused !important; }
html body .ab-community-grid img { width: clamp(360px, 25vw, 540px) !important; height: clamp(280px, 22vw, 430px) !important; flex: 0 0 auto !important; object-fit: cover !important; object-position: center center !important; display: block !important; border: 0px !important; box-shadow: none !important; background: rgb(0, 0, 0) !important; }
@media (max-width: 760px) {
  html body .ab-community-grid { gap: 8px !important; animation-duration: 42s !important; }
  html body .ab-community-grid img { width: 78vw !important; height: 58vw !important; }
}
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort { position: relative !important; height: 34px !important; min-height: 34px !important; display: flex !important; align-items: center !important; gap: 18px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort label { display: flex !important; align-items: center !important; height: 34px !important; margin: 0px !important; padding: 0px !important; font-size: 13px !important; line-height: 34px !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort select, html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #sort-filter { appearance: none !important; display: flex !important; align-items: center !important; height: 34px !important; min-height: 34px !important; padding: 0px 30px 0px 0px !important; margin: 0px !important; border: 0px !important; background: transparent !important; font-size: 13px !important; line-height: 34px !important; color: rgb(184, 155, 104) !important; }
html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) .mogo-cat-sort::after { content: "" !important; position: absolute !important; right: 2px !important; top: 50% !important; width: 7px !important; height: 7px !important; border-right: 2px solid rgb(245, 234, 216) !important; border-bottom: 2px solid rgb(245, 234, 216) !important; transform: translateY(-62%) rotate(45deg) !important; pointer-events: none !important; }
html body[data-page="product"] .thumbs { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; width: 100% !important; margin: 18px auto 0px !important; padding: 0px !important; }
html body[data-page="product"] .thumb { width: 72px !important; height: 72px !important; flex: 0 0 72px !important; aspect-ratio: 1 / 1 !important; border: 1px solid rgba(184, 155, 104, 0.18) !important; background: rgb(5, 5, 5) !important; opacity: 0.62 !important; transition: opacity 0.18s, border-color 0.18s, transform 0.18s !important; }
html body[data-page="product"] .thumb.active, html body[data-page="product"] .thumb:hover { opacity: 1 !important; border-color: rgba(184, 155, 104, 0.72) !important; transform: translateY(-1px) !important; }
html body[data-page="product"] .thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .thumbs { justify-content: flex-start !important; overflow-x: auto !important; padding-bottom: 4px !important; }
  html body[data-page="product"] .thumb { width: 58px !important; height: 58px !important; flex-basis: 58px !important; }
}
html body[data-page="product"] .gallery { background: transparent !important; }
html body[data-page="product"] .gallery-main { background: transparent !important; border: 0px !important; box-shadow: none !important; overflow: visible !important; position: relative !important; isolation: isolate !important; }
html body[data-page="product"] .gallery-main::before { content: "" !important; position: absolute !important; inset: 5% 3% 0px !important; z-index: -1 !important; background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0) 58%) !important; pointer-events: none !important; }
html body[data-page="product"] .gallery-main img { background: transparent !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; filter: drop-shadow(rgba(0, 0, 0, 0.42) 0px 28px 52px) !important; }
html body[data-page="product"] .zoom-btn { background: rgba(0, 0, 0, 0.28) !important; border-color: rgba(184, 155, 104, 0.35) !important; }
html body[data-page="product"] .product-page { padding: 54px 0px 0px !important; background: rgb(0, 0, 0) !important; }
html body[data-page="product"] .product-page > .container { width: min(1680px, 100% - 96px) !important; max-width: 1680px !important; }
html body[data-page="product"] .breadcrumbs { margin: 0px 0px 24px !important; color: rgba(255, 255, 255, 0.46) !important; font-size: 12px !important; letter-spacing: 0.02em !important; }
html body[data-page="product"] .product-layout { display: grid !important; grid-template-columns: minmax(0px, 1.08fr) minmax(430px, 0.72fr) !important; gap: clamp(54px, 6vw, 112px) !important; align-items: start !important; }
html body[data-page="product"] .gallery { min-width: 0px !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
html body[data-page="product"] .gallery-main { width: 100% !important; max-width: 900px !important; aspect-ratio: 1 / 1.06 !important; margin: 0px auto !important; background: transparent !important; border: 0px !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; }
html body[data-page="product"] .gallery-main::before, html body[data-page="product"] .gallery-main::after { display: none !important; content: none !important; }
html body[data-page="product"] .gallery-main img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; background: transparent !important; filter: drop-shadow(rgba(0, 0, 0, 0.48) 0px 30px 56px) !important; }
html body[data-page="product"] .thumbs { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; width: 100% !important; margin: 18px auto 0px !important; padding: 0px !important; }
html body[data-page="product"] .thumb { width: 78px !important; height: 78px !important; flex: 0 0 78px !important; border: 1px solid rgba(184, 155, 104, 0.22) !important; background: rgb(3, 3, 3) !important; opacity: 0.58 !important; padding: 0px !important; }
html body[data-page="product"] .thumb.active, html body[data-page="product"] .thumb:hover { opacity: 1 !important; border-color: rgba(184, 155, 104, 0.75) !important; }
html body[data-page="product"] .thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }
html body[data-page="product"] .zoom-btn { top: 18px !important; right: 18px !important; width: 44px !important; height: 44px !important; background: rgba(0, 0, 0, 0.18) !important; color: rgb(245, 239, 227) !important; border: 1px solid rgba(184, 155, 104, 0.28) !important; }
html body[data-page="product"] .product-copy { position: sticky !important; top: 112px !important; max-width: 560px !important; padding: 8px 0px 42px !important; }
html body[data-page="product"] #prod-badges .badge, html body[data-page="product"] .badge { background: transparent !important; color: rgb(184, 155, 104) !important; border: 1px solid rgba(184, 155, 104, 0.42) !important; font-size: 12px !important; letter-spacing: 0.18em !important; padding: 8px 12px !important; }
html body[data-page="product"] .product-copy h1 { font-size: clamp(46px, 4.1vw, 78px) !important; line-height: 0.98 !important; color: rgb(244, 234, 216) !important; margin: 18px 0px 16px !important; letter-spacing: -0.015em !important; }
html body[data-page="product"] .product-price { color: rgb(184, 155, 104) !important; font-size: clamp(25px, 1.8vw, 34px) !important; margin: 0px 0px 22px !important; }
html body[data-page="product"] .divider { background: rgba(255, 255, 255, 0.42) !important; margin: 22px 0px !important; }
html body[data-page="product"] .field-label, html body[data-page="product"] .field label, html body[data-page="product"] .qty-row label { color: rgb(245, 239, 227) !important; font-size: 13px !important; letter-spacing: 0.14em !important; }
html body[data-page="product"] #prod-short { color: rgba(245, 239, 227, 0.62) !important; font-size: 17px !important; line-height: 1.7 !important; max-width: 520px !important; }
html body[data-page="product"] .similar-style { width: 66px !important; height: 66px !important; background: rgb(3, 3, 3) !important; border: 1px solid rgba(184, 155, 104, 0.2) !important; }
html body[data-page="product"] .input, html body[data-page="product"] .fit-buttons button { background: rgb(3, 3, 3) !important; color: rgb(245, 239, 227) !important; border-color: rgba(184, 155, 104, 0.24) !important; }
html body[data-page="product"] .fit-buttons button.active { color: rgb(184, 155, 104) !important; border-color: rgb(184, 155, 104) !important; background: rgba(184, 155, 104, 0.08) !important; }
html body[data-page="product"] #buy-btn, html body[data-page="product"] #wish-btn { min-height: 58px !important; background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border-color: rgb(112, 91, 57) !important; font-size: 13px !important; letter-spacing: 0.16em !important; }
html body[data-page="product"] #buy-btn:hover, html body[data-page="product"] #wish-btn:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; }
html body[data-page="product"] .purchase-trust { gap: 8px !important; }
html body[data-page="product"] .purchase-trust span { background: rgba(255, 255, 255, 0.035) !important; color: rgb(245, 239, 227) !important; font-size: 14px !important; padding: 16px 8px !important; }
html body[data-page="product"] .accordions { border-top: 1px solid rgba(255, 255, 255, 0.16) !important; }
html body[data-page="product"] .acc { border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important; }
html body[data-page="product"] .acc button { color: rgb(245, 239, 227) !important; font-size: 18px !important; }
html body[data-page="product"] .acc .body { color: rgba(245, 239, 227, 0.62) !important; }
html body[data-page="product"] .product-long { margin-top: 96px !important; }
html body[data-page="product"] .product-long .detail-band { border-top: 0px !important; padding: 72px 0px !important; }
html body[data-page="product"] .product-long .detail-band + .detail-band { border-top: 1px solid rgba(184, 155, 104, 0.14) !important; }
html body[data-page="product"] .detail-two { grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1fr) !important; gap: clamp(48px, 6vw, 110px) !important; }
html body[data-page="product"] .detail-two h2, html body[data-page="product"] .carousel-heading h2 { color: rgb(244, 234, 216) !important; font-size: clamp(34px, 3vw, 56px) !important; line-height: 1.05 !important; }
html body[data-page="product"] .detail-two p, html body[data-page="product"] .rich-copy, html body[data-page="product"] .review-box p { color: rgba(245, 239, 227, 0.68) !important; font-size: 17px !important; line-height: 1.8 !important; }
html body[data-page="product"] .review-box { background: rgba(255, 255, 255, 0.035) !important; border: 0px !important; }
html body[data-page="product"] .spec-table { border-top: 1px solid rgba(184, 155, 104, 0.22) !important; }
html body[data-page="product"] .spec-row { border-bottom: 1px solid rgba(184, 155, 104, 0.18) !important; color: rgb(245, 239, 227) !important; }
html body[data-page="product"] .spec-row span { color: rgba(245, 239, 227, 0.62) !important; }
html body[data-page="product"] .brand-mini { background: rgb(0, 0, 0) !important; }
html body[data-page="product"] .brand-mini > div { padding-left: 0px !important; }
html body[data-page="product"] .brand-mini img { height: clamp(360px, 33vw, 560px) !important; object-fit: cover !important; }
html body[data-page="product"] .product-community { border-top: 0px !important; }
@media (max-width: 980px) {
  html body[data-page="product"] .product-page > .container { width: min(100% - 36px, 1680px) !important; }
  html body[data-page="product"] .product-layout { grid-template-columns: 1fr !important; gap: 34px !important; }
  html body[data-page="product"] .product-copy { position: static !important; max-width: none !important; }
  html body[data-page="product"] .gallery-main { max-width: 100% !important; aspect-ratio: 1 / 1.08 !important; }
}
@media (max-width: 760px) {
  html body[data-page="product"] .product-page { padding-top: 32px !important; }
  html body[data-page="product"] .product-copy h1 { font-size: 42px !important; }
  html body[data-page="product"] .thumbs { justify-content: flex-start !important; overflow-x: auto !important; padding-bottom: 6px !important; }
  html body[data-page="product"] .thumb { width: 62px !important; height: 62px !important; flex-basis: 62px !important; }
  html body[data-page="product"] .purchase-trust { grid-template-columns: 1fr !important; }
}
html body[data-page="product"] .product-community { overflow: hidden !important; background: rgb(0, 0, 0) !important; padding: 78px 0px 88px !important; border: 0px !important; }
html body[data-page="product"] .product-community .center-intro { margin-bottom: 42px !important; }
html body[data-page="product"] .product-community .center-intro h2 { color: rgb(244, 234, 216) !important; font-size: clamp(36px, 3vw, 56px) !important; }
html body[data-page="product"] .product-community .community-grid { display: flex !important; grid-template-columns: none !important; flex-wrap: nowrap !important; gap: 12px !important; width: max-content !important; min-width: max-content !important; animation: 48s linear 0s infinite normal none running mogo-product-community-rail !important; will-change: transform !important; border: 0px !important; background: rgb(0, 0, 0) !important; }
html body[data-page="product"] .product-community:hover .community-grid { animation-play-state: paused !important; }
html body[data-page="product"] .product-community .community-grid img { width: clamp(390px, 25vw, 560px) !important; height: clamp(290px, 22vw, 430px) !important; flex: 0 0 auto !important; object-fit: cover !important; object-position: center center !important; display: block !important; border: 0px !important; box-shadow: none !important; background: rgb(0, 0, 0) !important; }
@keyframes mogo-product-community-rail { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-50% - 6px)); }
}
@media (max-width: 760px) {
  html body[data-page="product"] .product-community .community-grid { animation-duration: 42s !important; gap: 8px !important; }
  html body[data-page="product"] .product-community .community-grid img { width: 78vw !important; height: 58vw !important; }
}
html body[data-page="product"] .gallery { display: grid !important; grid-template-columns: minmax(0px, 1fr) 92px !important; grid-template-areas: "main thumbs" !important; align-items: center !important; column-gap: 18px !important; }
html body[data-page="product"] .gallery-main { grid-area: main !important; }
html body[data-page="product"] .thumbs { grid-area: thumbs !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 12px !important; width: 92px !important; max-height: 560px !important; margin: 0px !important; overflow: hidden auto !important; padding: 2px 0px !important; scrollbar-width: thin !important; }
html body[data-page="product"] .thumb { width: 76px !important; height: 76px !important; flex: 0 0 76px !important; }
html body[data-page="product"] .zoom-btn { right: 118px !important; }
@media (max-width: 980px) {
  html body[data-page="product"] .gallery { grid-template-columns: 1fr !important; grid-template-areas: "main" "thumbs" !important; row-gap: 16px !important; }
  html body[data-page="product"] .thumbs { flex-direction: row !important; justify-content: center !important; width: 100% !important; max-height: none !important; overflow: auto hidden !important; margin: 0px auto !important; }
  html body[data-page="product"] .zoom-btn { right: 18px !important; }
}
html body[data-page="custom"] input[type="date"].input { padding-right: 18px !important; }
html body[data-page="custom"] input[type="date"].input::-webkit-calendar-picker-indicator { margin-right: -6px !important; padding: 4px !important; cursor: pointer !important; }
html body[data-page="custom"] .country-combobox { height: 58px !important; }
html body[data-page="custom"] #custom-country-input { height: 58px !important; line-height: 58px !important; padding-left: 52px !important; font-size: 14px !important; font-weight: 500 !important; }
html body[data-page="custom"] .country-selected-flag { left: 18px !important; top: 50% !important; width: 22px !important; height: 15px !important; transform: translateY(calc(-50% + 6px)) !important; }
html body[data-page="custom"] .country-selected-flag img { width: 22px !important; height: 15px !important; object-fit: cover !important; }
html body[data-page="custom"] .country-selected-flag.is-empty + #custom-country-input { padding-left: 18px !important; }
html body[data-page="custom"] .custom-atelier-hero { grid-template-columns: minmax(0px, 0.9fr) minmax(520px, 1.1fr) !important; gap: clamp(84px, 7vw, 150px) !important; }
html body[data-page="custom"] .custom-atelier-copy { width: 100% !important; max-width: 700px !important; justify-self: end !important; }
html body[data-page="custom"] .custom-atelier-copy h1 { max-width: 700px !important; font-size: clamp(68px, 5.7vw, 110px) !important; line-height: 0.93 !important; }
html body[data-page="custom"] .custom-atelier-media { width: 100% !important; max-width: 880px !important; justify-self: start !important; }
@media (max-width: 1180px) {
  html body[data-page="custom"] .custom-atelier-hero { grid-template-columns: 1fr !important; gap: 44px !important; }
  html body[data-page="custom"] .custom-atelier-copy { max-width: 860px !important; justify-self: start !important; }
  html body[data-page="custom"] .custom-atelier-copy h1 { max-width: 860px !important; }
  html body[data-page="custom"] .custom-atelier-media { max-width: none !important; }
}
html body[data-page="custom"] .country-selected-flag { top: 50% !important; bottom: auto !important; width: 24px !important; height: 16px !important; margin: 0px !important; transform: translateY(calc(-50% + 1px)) !important; align-items: center !important; justify-content: center !important; }
html body[data-page="custom"] .country-selected-flag img { width: 24px !important; height: 16px !important; display: block !important; }
html body[data-page="product"] .product-community { position: relative !important; overflow: visible !important; padding-left: 72px !important; padding-right: 72px !important; }
html body[data-page="product"] .product-community .community-grid { width: 100% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; }
html body[data-page="product"] .product-community::before, html body[data-page="product"] .product-community::after { top: 58% !important; z-index: 20 !important; color: rgb(245, 240, 230) !important; opacity: 0.9 !important; pointer-events: none !important; }
html body[data-page="product"] .product-community::before { left: 24px !important; }
html body[data-page="product"] .product-community::after { right: 24px !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community { padding-left: 42px !important; padding-right: 42px !important; }
  html body[data-page="product"] .product-community::before { left: 8px !important; }
  html body[data-page="product"] .product-community::after { right: 8px !important; }
}
html body .mogo-footer-commerce { grid-template-columns: minmax(180px, 1fr) auto minmax(420px, 1fr) !important; }
html body .mogo-footer-social { gap: 22px !important; }
html body .mogo-footer-social a { width: 18px !important; height: 18px !important; padding: 0px !important; border: 0px !important; background: transparent !important; opacity: 0.48 !important; }
html body .mogo-footer-social a:hover { opacity: 0.82 !important; }
html body .mogo-footer-social img { width: 16px !important; height: 16px !important; display: block !important; filter: invert(1) brightness(0.72) !important; }
html body .mogo-footer-payments { gap: 10px !important; }
html body .mogo-footer-payments span { min-width: 44px !important; width: auto !important; height: 24px !important; padding: 3px 7px !important; border-radius: 4px !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; }
html body .mogo-footer-payments img { max-width: 52px !important; max-height: 16px !important; width: auto !important; height: auto !important; display: block !important; object-fit: contain !important; }
@media (max-width: 980px) {
  html body .mogo-footer-commerce { grid-template-columns: 1fr !important; }
}
html body .mogo-footer-payments { gap: 10px !important; align-items: center !important; }
html body .mogo-footer-payments .pay-card { min-width: 44px !important; height: 24px !important; padding: 0px 8px !important; border-radius: 4px !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0px !important; line-height: 1 !important; text-transform: none !important; white-space: nowrap !important; }
html body .mogo-footer-payments .pay-amex { background: rgb(31, 116, 183) !important; color: rgb(255, 255, 255) !important; font-size: 8px !important; }
html body .mogo-footer-payments .pay-apple { font-size: 10px !important; font-weight: 700 !important; }
html body .mogo-footer-payments .pay-discover { color: rgb(243, 112, 33) !important; }
html body .mogo-footer-payments .pay-gpay b { color: rgb(66, 133, 244) !important; margin-right: 2px !important; }
html body .mogo-footer-payments .pay-klarna { background: rgb(255, 179, 199) !important; color: rgb(17, 17, 17) !important; }
html body .mogo-footer-payments .pay-paypal { color: rgb(23, 63, 143) !important; }
html body .mogo-footer-payments .pay-shop { background: rgb(90, 49, 244) !important; color: rgb(255, 255, 255) !important; }
html body .mogo-footer-payments .pay-union { color: rgb(215, 25, 32) !important; }
html body .mogo-footer-payments .pay-visa { background: rgb(26, 79, 155) !important; color: rgb(255, 255, 255) !important; }
html body .mogo-footer-payments .pay-maestro, html body .mogo-footer-payments .pay-master { min-width: 42px !important; gap: 0px !important; }
html body .mogo-footer-payments .pay-maestro i, html body .mogo-footer-payments .pay-maestro em, html body .mogo-footer-payments .pay-master i, html body .mogo-footer-payments .pay-master em { width: 14px !important; height: 14px !important; border-radius: 50% !important; display: block !important; margin: 0px -2px !important; opacity: 0.92 !important; }
html body .mogo-footer-payments .pay-maestro i { background: rgb(227, 27, 35) !important; }
html body .mogo-footer-payments .pay-maestro em { background: rgb(31, 98, 182) !important; }
html body .mogo-footer-payments .pay-master i { background: rgb(235, 0, 27) !important; }
html body .mogo-footer-payments .pay-master em { background: rgb(247, 158, 27) !important; }
html body .mogo-footer-commerce, html body .mogo-footer-social, html body .mogo-footer-payments { display: none !important; }
html body .footer-bottom { margin-top: 28px !important; padding-top: 22px !important; border-top: 1px solid rgba(201, 164, 92, 0.14) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 24px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; color: rgba(245, 240, 230, 0.45) !important; }
html body[data-page="product"] { overflow-x: hidden !important; }
html body[data-page="product"] .sticky-buy { left: 0px !important; right: 0px !important; bottom: 0px !important; width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; overflow: hidden !important; display: grid !important; grid-template-columns: 48px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 12px !important; padding: 10px clamp(18px, 5vw, 88px) !important; background: rgba(0, 0, 0, 0.94) !important; border-top: 1px solid rgba(245, 240, 230, 0.18) !important; }
html body[data-page="product"] .sticky-buy img { width: 48px !important; height: 48px !important; object-fit: cover !important; display: block !important; }
html body[data-page="product"] .sticky-buy > div { min-width: 0px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 2px !important; }
html body[data-page="product"] .sticky-buy b, html body[data-page="product"] .sticky-buy span { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body[data-page="product"] .sticky-buy .btn { width: auto !important; min-width: 132px !important; height: 44px !important; padding: 0px 24px !important; justify-self: end !important; }
@media (max-width: 720px) {
  html body .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
  html body[data-page="product"] .sticky-buy { grid-template-columns: 42px minmax(0px, 1fr) !important; padding: 10px 16px !important; }
  html body[data-page="product"] .sticky-buy img { width: 42px !important; height: 42px !important; }
  html body[data-page="product"] .sticky-buy .btn { grid-column: 1 / -1 !important; width: 100% !important; min-width: 0px !important; justify-self: stretch !important; }
}
html, html body { max-width: 100% !important; overflow-x: hidden !important; }
html body[data-page="product"] .product-community { overflow: hidden !important; max-width: 100vw !important; box-sizing: border-box !important; }
html body[data-page="product"] .product-community .community-grid { width: 100% !important; max-width: 100% !important; min-width: 0px !important; overflow: visible !important; box-sizing: border-box !important; }
html body[data-page="product"] .product-community .community-grid img { width: clamp(320px, 24vw, 520px) !important; max-width: calc(-32px + 100vw) !important; }
html body[data-page="product"] .similar-style.active { border-color: rgb(199, 154, 67) !important; box-shadow: rgb(199, 154, 67) 0px 0px 0px 1px inset !important; }
html body[data-page="product"] .product-community { overflow: hidden !important; }
html body[data-page="product"] .product-community .community-grid { display: flex !important; width: max-content !important; max-width: none !important; min-width: max-content !important; gap: 12px !important; animation: 32s linear 0s infinite normal none running mogo-product-community-unique-rail !important; will-change: transform !important; }
html body[data-page="product"] .product-community .community-grid img { flex: 0 0 clamp(320px, 24vw, 520px) !important; width: clamp(320px, 24vw, 520px) !important; max-width: none !important; }
html body[data-page="product"] .product-community:hover .community-grid { animation-play-state: paused !important; }
@keyframes mogo-product-community-unique-rail { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-100% + 100vw)); }
}
@media (max-width: 760px) {
  html body[data-page="product"] .product-community .community-grid { animation-duration: 26s !important; }
  html body[data-page="product"] .product-community .community-grid img { flex-basis: 78vw !important; width: 78vw !important; }
}
@media (min-width: 761px) {
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="compact"] { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="standard"] { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  html body:is([data-page="collection"], [data-page="new"], [data-page="limited"], [data-page="wishlist"]) #mogo-cat-products.mogo-cat-grid[data-density="large"] { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
html body[data-page="product"] .product-community { overflow: hidden !important; padding: 74px 0px 86px !important; }
html body[data-page="product"] .product-community .community-viewport { position: relative; display: block; width: 100%; max-width: 1280px; margin: 0px auto; padding: 0px 88px; box-sizing: border-box; overflow: visible !important; }
html body[data-page="product"] .product-community .community-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); display: grid !important; width: 100% !important; max-width: none !important; min-width: 0px !important; gap: 16px !important; overflow: visible !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; will-change: auto !important; }
html body[data-page="product"] .product-community .community-card { position: relative; display: block; min-width: 0px; aspect-ratio: 1 / 1; overflow: hidden; background: rgb(17, 17, 17); border: 1px solid rgba(218, 190, 125, 0.2); width: auto !important; }
html body[data-page="product"] .product-community .community-card img { display: block; object-fit: cover; object-position: center center; flex: 0 0 auto !important; width: 100% !important; max-width: none !important; height: 100% !important; }
html body[data-page="product"] .product-community .community-arrow { z-index: 4; position: absolute !important; top: 50% !important; width: 44px !important; height: 44px !important; margin: 0px !important; transform: translateY(-50%) !important; }
html body[data-page="product"] .product-community .community-arrow-prev { left: 20px !important; }
html body[data-page="product"] .product-community .community-arrow-next { right: 20px !important; }
@media (max-width: 760px) {
  html body[data-page="product"] .product-community .community-viewport { padding: 0px 50px; }
  html body[data-page="product"] .product-community .community-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important; }
  html body[data-page="product"] .product-community .community-arrow-prev { left: 7px !important; }
  html body[data-page="product"] .product-community .community-arrow-next { right: 7px !important; }
}
html body[data-page="story"] .site-header, html body[data-page="story"] .story-hero, html body[data-page="story"] main > .section, html body[data-page="story"] .story-stack, html body[data-page="story"] .story-row, html body[data-page="story"] .brand-mini, html body[data-page="story"] .detail-band { border: 0px !important; }
html body .desktop-nav > .nav-item:nth-of-type(3), html body #site-chrome a[href*="cat=bamboo"], html body .footer a[href*="cat=bamboo"] { display: none !important; }
body[data-page="index"] { --ft-max: 1680px; --ft-side: clamp(28px,4.7vw,92px); background: rgb(0, 0, 0) !important; }
body[data-page="index"] .container { width: min(var(--ft-max),calc(100% - (var(--ft-side) * 2))) !important; }
body[data-page="index"] .ab-hero { min-height: 690px !important; grid-template-columns: 62.5% 37.5% !important; border-bottom: 0px !important; }
body[data-page="index"] .ab-hero-media { min-height: 690px !important; padding: 24px 2vw 24px 5vw !important; }
body[data-page="index"] .ab-hero-media img { width: min(880px, 91%) !important; height: 91% !important; }
body[data-page="index"] .ab-hero-copy { padding: 86px 8vw 86px 2.6vw !important; }
body[data-page="index"] .ab-hero-copy h1 { font-size: 46px !important; line-height: 1.04 !important; letter-spacing: -0.028em !important; max-width: 455px !important; margin-bottom: 20px !important; }
body[data-page="index"] .ab-hero-copy p { max-width: 400px !important; font-size: 11px !important; line-height: 1.75 !important; color: rgb(133, 133, 133) !important; }
body[data-page="index"] .ab-hero-points { font-size: 8px !important; letter-spacing: 0.04em !important; color: rgb(136, 136, 136) !important; margin: 2px 0px 26px !important; }
body[data-page="index"] .ab-hero .btn { min-height: 38px !important; padding: 0px 19px !important; font-size: 8px !important; letter-spacing: 0.14em !important; }
body[data-page="index"] .ab-hero .btn.primary { background: rgb(189, 161, 120) !important; border-color: rgb(189, 161, 120) !important; color: rgb(5, 5, 5) !important; }
body[data-page="index"] .ab-section { padding: 86px 0px !important; }
body[data-page="index"] .ab-title-row { margin-bottom: 34px !important; }
body[data-page="index"] .ab-title-row h2, body[data-page="index"] .ab-center-title { font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0.1em !important; text-transform: none !important; }
body[data-page="index"] .ab-title-row > a { font-size: 7px !important; color: rgb(105, 105, 105) !important; right: 2px !important; }
body[data-page="index"] .ab-collection-row { grid-template-columns: repeat(6, 126px) !important; gap: 20px !important; max-width: none !important; }
body[data-page="index"] .ab-collection-row a { font-size: 8px !important; letter-spacing: 0.055em !important; }
body[data-page="index"] .ab-collection-row img { width: 126px !important; height: 142px !important; aspect-ratio: auto !important; object-fit: contain !important; background: rgb(0, 0, 0) !important; margin-bottom: 11px !important; }
body[data-page="index"] .ab-collection-row span { color: rgb(133, 133, 133) !important; }
body[data-page="index"] .ab-black { padding-top: 98px !important; padding-bottom: 132px !important; }
body[data-page="index"] .ab-products { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 42px !important; background: rgb(0, 0, 0) !important; border: 0px !important; }
body[data-page="index"] .ab-products .product-card { border: 0px !important; background: rgb(0, 0, 0) !important; padding: 0px 0px 12px !important; }
body[data-page="index"] .ab-products .product-image { aspect-ratio: 1.28 / 1 !important; background: rgb(0, 0, 0) !important; overflow: visible !important; }
body[data-page="index"] .ab-products .product-image img { width: 94% !important; height: 94% !important; inset: 3% auto auto 3% !important; object-fit: contain !important; }
body[data-page="index"] .ab-products .product-info { padding: 15px 2px 0px !important; min-height: 52px !important; }
body[data-page="index"] .ab-products .product-title { font-size: 8px !important; line-height: 1.45 !important; letter-spacing: 0.055em !important; color: rgb(183, 183, 183) !important; }
body[data-page="index"] .ab-products .price { margin-top: 5px !important; font-size: 7px !important; color: rgb(89, 89, 89) !important; }
body[data-page="index"] .ab-products .badge { top: 8px !important; left: 8px !important; font-size: 6px !important; padding: 4px 6px !important; border-color: rgb(109, 89, 62) !important; color: rgb(169, 140, 96) !important; }
body[data-page="index"] .ab-editorial { grid-template-columns: 58% 42% !important; min-height: 640px !important; border-top: 0px !important; border-bottom: 0px !important; }
body[data-page="index"] .ab-editorial-photo { min-height: 640px !important; background: rgb(0, 0, 0) !important; }
body[data-page="index"] .ab-editorial-photo img { object-fit: contain !important; padding: 22px !important; }
body[data-page="index"] .ab-editorial-copy { padding: 104px 8vw !important; }
body[data-page="index"] .ab-editorial-copy h2 { font-size: 39px !important; line-height: 1.04 !important; max-width: 430px !important; }
body[data-page="index"] .ab-editorial-copy p { max-width: 390px !important; font-size: 11px !important; line-height: 1.75 !important; color: rgb(120, 120, 120) !important; }
body[data-page="index"] .ab-stone-row { gap: 30px !important; background: rgb(0, 0, 0) !important; }
body[data-page="index"] .ab-stone-row a { border: 0px !important; background: rgb(0, 0, 0) !important; padding: 12px 4px !important; }
body[data-page="index"] .swatch { width: 50px !important; height: 50px !important; margin-bottom: 13px !important; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset !important; }
body[data-page="index"] .ab-stone-row b { font-size: 7px !important; font-weight: 400 !important; color: rgb(119, 119, 119) !important; letter-spacing: 0.1em !important; }
body[data-page="index"] .ab-video { padding: 102px 0px 116px !important; }
body[data-page="index"] .ab-video .container { width: min(1220px,calc(100% - (var(--ft-side) * 2))) !important; }
body[data-page="index"] .ab-video-grid { gap: 18px !important; background: rgb(0, 0, 0) !important; }
body[data-page="index"] .ab-video-grid a { padding: 0px 0px 12px !important; background: rgb(0, 0, 0) !important; }
body[data-page="index"] .ab-video-grid img { aspect-ratio: 4 / 5 !important; object-fit: cover !important; }
body[data-page="index"] .ab-video-grid b { font-size: 8px !important; color: rgb(118, 118, 118) !important; margin-top: 11px !important; padding: 0px !important; }
body[data-page="index"] .ab-video-grid .play { width: 38px !important; height: 38px !important; font-size: 9px !important; background: rgba(0, 0, 0, 0.58) !important; border-color: rgba(255, 255, 255, 0.55) !important; }
body[data-page="index"] .ab-story { border-top: 0px !important; padding: 28px 0px 92px !important; }
body[data-page="index"] .ab-story-grid { grid-template-columns: 44% 56% !important; min-height: 620px !important; }
body[data-page="index"] .ab-story-copy { padding: 96px 8vw 96px 0px !important; }
body[data-page="index"] .ab-story-copy h2 { font-size: 40px !important; line-height: 1.04 !important; }
body[data-page="index"] .ab-story-copy p { font-size: 11px !important; line-height: 1.8 !important; max-width: 410px !important; color: rgb(119, 119, 119) !important; }
body[data-page="index"] .ab-story-image img { object-fit: cover !important; }
body[data-page="index"] .ab-community { display: none !important; }
@media (max-width: 1100px) {
  body[data-page="index"] .ab-products { gap: 24px !important; }
  body[data-page="index"] .ab-collection-row { grid-template-columns: repeat(6, 108px) !important; gap: 12px !important; }
  body[data-page="index"] .ab-collection-row img { width: 108px !important; height: 122px !important; }
}
@media (max-width: 760px) {
  body[data-page="index"] { --ft-side: 12px; }
  body[data-page="index"] .ab-hero { grid-template-columns: 1fr !important; min-height: 0px !important; }
  body[data-page="index"] .ab-hero-media { min-height: 430px !important; padding: 14px 10px 0px !important; }
  body[data-page="index"] .ab-hero-copy { padding: 34px 22px 54px !important; }
  body[data-page="index"] .ab-hero-copy h1 { font-size: 36px !important; }
  body[data-page="index"] .ab-section { padding: 58px 0px !important; }
  body[data-page="index"] .ab-collection-row { display: flex !important; gap: 12px !important; overflow-x: auto !important; justify-content: flex-start !important; }
  body[data-page="index"] .ab-collection-row a { min-width: 104px !important; }
  body[data-page="index"] .ab-collection-row img { width: 104px !important; height: 118px !important; }
  body[data-page="index"] .ab-products { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 18px 10px !important; }
  body[data-page="index"] .ab-products .product-image { aspect-ratio: 1 / 1.12 !important; }
  body[data-page="index"] .ab-editorial { grid-template-columns: 1fr !important; min-height: 0px !important; }
  body[data-page="index"] .ab-editorial-photo { min-height: 430px !important; }
  body[data-page="index"] .ab-editorial-copy { padding: 54px 22px 70px !important; }
  body[data-page="index"] .ab-video { padding: 64px 0px 72px !important; }
  body[data-page="index"] .ab-video-grid { display: flex !important; overflow-x: auto !important; gap: 10px !important; }
  body[data-page="index"] .ab-video-grid a { min-width: 78vw !important; }
  body[data-page="index"] .ab-story { padding: 0px 0px 64px !important; }
  body[data-page="index"] .ab-story-grid { grid-template-columns: 1fr !important; min-height: 0px !important; }
  body[data-page="index"] .ab-story-copy { padding: 60px 10px 48px !important; }
  body[data-page="index"] .ab-story-image { height: 440px !important; }
}
body[data-page="index"] .ab-collection-row > a { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-decoration: none !important; cursor: pointer !important; transform: translateY(0px) !important; transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.22s !important; }
body[data-page="index"] .ab-collection-row > a img { display: block !important; transform: translateY(0px) scale(1) !important; transform-origin: 50% 62% !important; transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.28s !important; will-change: transform !important; }
body[data-page="index"] .ab-collection-row > a > span { position: relative !important; display: inline-block !important; color: rgb(143, 143, 143) !important; transition: color 0.22s, transform 0.28s !important; }
body[data-page="index"] .ab-collection-row > a > span::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: -8px !important; width: 0px !important; height: 1px !important; background: rgb(181, 150, 92) !important; transform: translateX(-50%) !important; opacity: 0 !important; transition: width 0.28s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s !important; }
@media (hover: hover) and (pointer: fine) {
  body[data-page="index"] .ab-collection-row > a:hover { transform: translateY(-4px) !important; }
  body[data-page="index"] .ab-collection-row > a:hover img { transform: translateY(-5px) scale(1.035) !important; filter: brightness(1.08) contrast(1.03) !important; }
  body[data-page="index"] .ab-collection-row > a:hover > span { color: rgb(238, 238, 236) !important; transform: translateY(1px) !important; }
  body[data-page="index"] .ab-collection-row > a:hover > span::after { width: 26px !important; opacity: 1 !important; }
}
body[data-page="index"] .ab-collection-row > a:active { transform: translateY(-1px) scale(0.985) !important; transition-duration: 0.08s !important; }
body[data-page="index"] .ab-collection-row > a:active img { transform: translateY(-2px) scale(1.015) !important; transition-duration: 0.08s !important; }
body[data-page="index"] .ab-collection-row > a:focus-visible { outline: rgba(181, 150, 92, 0.75) solid 1px !important; outline-offset: 8px !important; }
@media (max-width: 760px) {
  body[data-page="index"] .ab-collection-row > a > span::after { bottom: -6px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="index"] .ab-collection-row > a, body[data-page="index"] .ab-collection-row > a img, body[data-page="index"] .ab-collection-row > a > span, body[data-page="index"] .ab-collection-row > a > span::after { transition: none !important; }
}
html body[data-page="index"] .eyebrow, html body[data-page="index"] .subeyebrow, html body[data-page="index"] .rating-line, html body[data-page="index"] .ab-kicker, html body[data-page="index"] .ab-center-kicker { color: rgb(154, 129, 90) !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.35 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
@media (max-width: 760px) {
  html body[data-page="index"] .eyebrow, html body[data-page="index"] .subeyebrow, html body[data-page="index"] .rating-line, html body[data-page="index"] .ab-kicker, html body[data-page="index"] .ab-center-kicker { font-size: 11px !important; letter-spacing: 0.15em !important; }
}
body[data-page="index"] a.btn, body[data-page="index"] button.btn, body[data-page="index"] .ab-hero .btn, body[data-page="index"] .ab-hero .btn.primary, body[data-page="index"] .ab-hero .btn.secondary { position: relative !important; overflow: hidden !important; isolation: isolate !important; background: rgb(5, 5, 5) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgb(112, 91, 57) !important; border-radius: 0px !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; opacity: 1 !important; transition: background 0.18s, color 0.18s, border-color 0.18s !important; }
body[data-page="index"] a.btn:hover, body[data-page="index"] button.btn:hover, body[data-page="index"] .ab-hero .btn:hover, body[data-page="index"] .ab-hero .btn.primary:hover, body[data-page="index"] .ab-hero .btn.secondary:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
body[data-page="index"] a.btn::after, body[data-page="index"] button.btn::after, body[data-page="index"] .ab-hero .btn::after { content: "" !important; position: absolute !important; inset: -45% auto -45% -70% !important; width: 58% !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent) !important; transform: skewX(-22deg) translateX(0px) !important; opacity: 0 !important; pointer-events: none !important; z-index: 1 !important; }
@media (hover: hover) and (pointer: fine) {
  body[data-page="index"] a.btn:hover::after, body[data-page="index"] button.btn:hover::after, body[data-page="index"] .ab-hero .btn:hover::after { opacity: 1 !important; animation: 0.72s ease-out 0s 1 normal none running mogoIndexSubscribeShine !important; }
}
@keyframes mogoIndexSubscribeShine { 
  0% { transform: skewX(-22deg) translateX(0px); }
  100% { transform: skewX(-22deg) translateX(360%); }
}
body[data-page="index"] a.btn::after, body[data-page="index"] button.btn::after, body[data-page="index"] .ab-hero .btn::after { width: 42% !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent) !important; opacity: 0 !important; }
@media (hover: hover) and (pointer: fine) {
  body[data-page="index"] a.btn:hover::after, body[data-page="index"] button.btn:hover::after, body[data-page="index"] .ab-hero .btn:hover::after { opacity: 1 !important; animation: 1.35s cubic-bezier(0.22, 0.61, 0.36, 1) 0.08s 1 normal none running mogoIndexSubscribeShineSoft !important; }
}
@keyframes mogoIndexSubscribeShineSoft { 
  0% { transform: skewX(-22deg) translateX(-20%); opacity: 0; }
  18% { opacity: 0.9; }
  100% { transform: skewX(-22deg) translateX(430%); opacity: 0; }
}
body[data-page="index"] .dragon-strip { position: relative !important; max-width: min(1060px, -120px + 100vw) !important; margin: 0px auto !important; }
body[data-page="index"] .dragon-strip-window { overflow: hidden !important; width: 100% !important; }
body[data-page="index"] .dragon-strip .ab-collection-row { transform: translateX(0px); display: flex !important; grid-template-columns: none !important; gap: 20px !important; width: max-content !important; max-width: none !important; overflow: visible !important; justify-content: flex-start !important; scroll-behavior: smooth !important; transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1) !important; }
body[data-page="index"] .dragon-strip .ab-collection-row > a { flex: 0 0 calc(0.25 * (-60px + min(1060px, -120px + 100vw))) !important; min-width: 0px !important; }
body[data-page="index"] .dragon-strip .ab-collection-row img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1.12 !important; object-fit: contain !important; }
body[data-page="index"] .dragon-strip-arrow { position: absolute !important; top: 44% !important; transform: translateY(-50%) !important; z-index: 5 !important; width: 34px !important; height: 68px !important; display: grid !important; place-items: center !important; background: rgba(0, 0, 0, 0.62) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgba(184, 155, 104, 0.45) !important; font-size: 28px !important; line-height: 1 !important; cursor: pointer !important; }
body[data-page="index"] .dragon-strip-prev { left: -48px !important; }
body[data-page="index"] .dragon-strip-next { right: -48px !important; }
body[data-page="index"] .dragon-strip-arrow:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
body[data-page="index"] .dragon-strip-arrow:disabled { opacity: 0.35 !important; pointer-events: none !important; }
@media (max-width: 760px) {
  body[data-page="index"] .dragon-strip { max-width: calc(-28px + 100vw) !important; }
  body[data-page="index"] .dragon-strip .ab-collection-row > a { flex-basis: calc(-29px + 50vw) !important; }
  body[data-page="index"] .dragon-strip-prev { left: 0px !important; }
  body[data-page="index"] .dragon-strip-next { right: 0px !important; }
  body[data-page="index"] .dragon-strip-arrow { width: 30px !important; height: 54px !important; font-size: 22px !important; }
}
body[data-page="index"] .top-products-strip { position: relative !important; max-width: min(1440px, -150px + 100vw) !important; margin: 0px auto !important; }
body[data-page="index"] .top-products-window { width: 100% !important; overflow: hidden !important; }
body[data-page="index"] .top-products-strip .ab-products { transform: translateX(0px); display: flex !important; grid-template-columns: none !important; gap: 42px !important; width: max-content !important; max-width: none !important; overflow: visible !important; transition: transform 0.46s cubic-bezier(0.22, 0.61, 0.36, 1) !important; }
body[data-page="index"] .top-products-strip .ab-products .product-card { flex: 0 0 calc(0.25 * (-126px + min(1440px, -150px + 100vw))) !important; min-width: 0px !important; }
body[data-page="index"] .top-products-arrow { position: absolute !important; top: 43% !important; transform: translateY(-50%) !important; z-index: 8 !important; width: 38px !important; height: 92px !important; display: grid !important; place-items: center !important; background: rgba(0, 0, 0, 0.68) !important; color: rgb(184, 155, 104) !important; border: 1px solid rgba(184, 155, 104, 0.45) !important; font-size: 34px !important; line-height: 1 !important; cursor: pointer !important; }
body[data-page="index"] .top-products-prev { left: -58px !important; }
body[data-page="index"] .top-products-next { right: -58px !important; }
body[data-page="index"] .top-products-arrow:hover { background: rgb(184, 155, 104) !important; color: rgb(5, 5, 5) !important; border-color: rgb(184, 155, 104) !important; }
body[data-page="index"] .top-products-arrow:disabled { opacity: 0.32 !important; pointer-events: none !important; }
@media (max-width: 760px) {
  body[data-page="index"] .top-products-strip { max-width: calc(-36px + 100vw) !important; }
  body[data-page="index"] .top-products-strip .ab-products { gap: 18px !important; }
  body[data-page="index"] .top-products-strip .ab-products .product-card { flex-basis: calc(-27px + 50vw) !important; }
  body[data-page="index"] .top-products-prev { left: 0px !important; }
  body[data-page="index"] .top-products-next { right: 0px !important; }
  body[data-page="index"] .top-products-arrow { width: 32px !important; height: 64px !important; font-size: 24px !important; }
}
body[data-page="index"] .top-products-arrow { border: 0px !important; background: transparent !important; color: rgb(184, 155, 104) !important; box-shadow: none !important; }
body[data-page="index"] .top-products-arrow:hover { background: transparent !important; color: rgb(224, 196, 131) !important; }
body[data-page="index"] a.btn, body[data-page="index"] button.btn, body[data-page="index"] .ab-hero .btn, body[data-page="index"] .ab-hero .btn.primary, body[data-page="index"] .ab-hero .btn.secondary { border: 0px !important; background: transparent !important; color: rgb(184, 155, 104) !important; font-size: 11px !important; letter-spacing: 0.12em !important; padding-left: 0px !important; padding-right: 0px !important; }
body[data-page="index"] a.btn:hover, body[data-page="index"] button.btn:hover, body[data-page="index"] .ab-hero .btn:hover { color: rgb(224, 196, 131) !important; background: transparent !important; }
body[data-page="index"] .ab-products .product-title { font-size: 11px !important; line-height: 1.45 !important; }
body[data-page="index"] .ab-title-row h2, body[data-page="index"] .ab-center-title { font-size: 18px !important; }
body[data-page="index"] .ab-title-row > a, body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { font-size: 10px !important; }
body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn, body[data-page="index"] .ab-hero .btns .btn.primary, body[data-page="index"] .ab-hero .btns .btn.secondary { border-color: transparent !important; box-shadow: none !important; outline: 0px !important; }
body[data-page="index"] .ab-hero .btns { gap: 28px !important; align-items: center !important; margin-top: 34px !important; }
body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn, body[data-page="index"] .ab-hero .btns .btn.primary, body[data-page="index"] .ab-hero .btns .btn.secondary { min-height: auto !important; height: auto !important; padding: 0px 0px 8px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(184, 155, 104, 0.42) !important; border-image: none !important; background: transparent !important; color: rgb(184, 155, 104) !important; font-size: 14px !important; line-height: 1.45 !important; letter-spacing: 0.12em !important; font-weight: 600 !important; text-transform: none !important; white-space: nowrap !important; }
body[data-page="index"] .ab-hero .btns .btn:hover, body[data-page="index"] .ab-hero .btns a.btn:hover, body[data-page="index"] .ab-hero .btns .btn.primary:hover, body[data-page="index"] .ab-hero .btns .btn.secondary:hover { color: rgb(227, 196, 126) !important; border-bottom-color: rgb(227, 196, 126) !important; transform: none !important; }
body[data-page="index"] .ab-hero .btns .btn::after, body[data-page="index"] .ab-hero .btns a.btn::after { display: none !important; content: none !important; }
@media (max-width: 760px) {
  body[data-page="index"] .ab-hero .btns { gap: 20px !important; }
  body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn { font-size: 13px !important; }
}
body[data-page="index"] .ab-editorial-copy p, body[data-page="index"] .ab-story-copy p { font-size: 17px !important; line-height: 1.85 !important; color: rgb(168, 168, 168) !important; max-width: 560px !important; }
body[data-page="index"] .ab-editorial-copy .ab-kicker, body[data-page="index"] .ab-story-copy .ab-kicker { font-size: 13px !important; line-height: 1.5 !important; letter-spacing: 0.16em !important; }
body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { display: inline-block !important; margin-top: 28px !important; font-size: 15px !important; line-height: 1.5 !important; letter-spacing: 0.1em !important; color: rgb(184, 155, 104) !important; border-bottom: 1px solid rgba(184, 155, 104, 0.5) !important; padding-bottom: 7px !important; text-decoration: none !important; }
body[data-page="index"] .ab-link-light:hover, body[data-page="index"] .ab-dark-link:hover { color: rgb(227, 196, 126) !important; border-bottom-color: rgb(227, 196, 126) !important; }
@media (max-width: 760px) {
  body[data-page="index"] .ab-editorial-copy p, body[data-page="index"] .ab-story-copy p { font-size: 15px !important; }
  body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { font-size: 14px !important; }
}
body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn, body[data-page="index"] .ab-hero .btns .btn.primary, body[data-page="index"] .ab-hero .btns .btn.secondary, body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { border-bottom-color: transparent !important; }
body[data-page="index"] .ab-hero .btns .btn:hover, body[data-page="index"] .ab-hero .btns a.btn:hover, body[data-page="index"] .ab-hero .btns .btn.primary:hover, body[data-page="index"] .ab-hero .btns .btn.secondary:hover, body[data-page="index"] .ab-link-light:hover, body[data-page="index"] .ab-dark-link:hover { border-bottom-color: rgb(184, 155, 104) !important; }
body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn, body[data-page="index"] .ab-hero .btns .btn.primary, body[data-page="index"] .ab-hero .btns .btn.secondary, body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { color: rgb(242, 242, 242) !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(242, 242, 242, 0.55) !important; border-image: none !important; background: transparent !important; padding: 0px 0px 7px !important; font-size: 13px !important; line-height: 1.4 !important; letter-spacing: 0.14em !important; font-weight: 500 !important; text-transform: uppercase !important; }
body[data-page="index"] .ab-hero .btns .btn:hover, body[data-page="index"] .ab-hero .btns a.btn:hover, body[data-page="index"] .ab-hero .btns .btn.primary:hover, body[data-page="index"] .ab-hero .btns .btn.secondary:hover, body[data-page="index"] .ab-link-light:hover, body[data-page="index"] .ab-dark-link:hover { color: rgb(184, 155, 104) !important; border-bottom-color: rgb(184, 155, 104) !important; }
body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn, body[data-page="index"] .ab-hero .btns .btn.primary, body[data-page="index"] .ab-hero .btns .btn.secondary, body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { font-size: 15px !important; line-height: 1.45 !important; letter-spacing: 0.13em !important; padding-bottom: 8px !important; }
@media (max-width: 760px) {
  body[data-page="index"] .ab-hero .btns .btn, body[data-page="index"] .ab-hero .btns a.btn, body[data-page="index"] .ab-link-light, body[data-page="index"] .ab-dark-link { font-size: 14px !important; }
}
body[data-page="index"] .ab-hero-copy > .ab-kicker { display: none !important; }
body[data-page="index"] .top-products-arrow { color: rgb(242, 242, 242) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; }
body[data-page="index"] .top-products-arrow:hover { color: rgb(184, 155, 104) !important; background: transparent !important; }
body[data-page="index"] .ab-products .badge, body[data-page="index"] .top-products-strip .badge { color: rgb(242, 242, 242) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; }
body[data-page="index"] .ab-products .product-card:hover .badge, body[data-page="index"] .top-products-strip .product-card:hover .badge { color: rgb(184, 155, 104) !important; }
body[data-page="index"] .top-products-strip, body[data-page="index"] .top-products-window, body[data-page="index"] .top-products-strip .ab-products, body[data-page="index"] .top-products-strip .product-card, body[data-page="index"] .top-products-strip .product-card a, body[data-page="index"] .top-products-strip .product-image, body[data-page="index"] .top-products-strip .product-info { background: rgb(0, 0, 0) !important; border: 0px !important; box-shadow: none !important; }
body[data-page="index"] .top-products-strip .product-image img { background: rgb(0, 0, 0) !important; }
body[data-page="index"] .top-products-strip .product-card::before, body[data-page="index"] .top-products-strip .product-card::after, body[data-page="index"] .top-products-strip .product-image::before, body[data-page="index"] .top-products-strip .product-image::after { content: none !important; display: none !important; }
body[data-page="index"] .top-products-strip, body[data-page="index"] .top-products-strip *, body[data-page="index"] .top-products-arrow, body[data-page="index"] .top-products-window { user-select: none !important; -webkit-tap-highlight-color: transparent !important; }
body[data-page="index"] .top-products-strip ::selection { background: transparent !important; color: inherit !important; }
body[data-page="index"] .top-products-strip .product-image { aspect-ratio: 1 / 0.86 !important; max-height: 360px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }
body[data-page="index"] .top-products-strip .product-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; transform: scale(1.08) !important; transform-origin: center center !important; }
body[data-page="index"] .top-products-strip .product-card:hover .product-image img { transform: scale(1.1) !important; }
body[data-page="index"] .top-products-strip .product-info { padding-top: 18px !important; }
body[data-page="index"] .ab-black, body[data-page="index"] .ab-black .container, body[data-page="index"] .top-products-strip, body[data-page="index"] .top-products-window, body[data-page="index"] #top-products, body[data-page="index"] #top-products.product-grid, body[data-page="index"] #top-products .product-card, body[data-page="index"] #top-products .product-card a, body[data-page="index"] #top-products .product-image, body[data-page="index"] #top-products .product-info { background-color: rgb(0, 0, 0) !important; background-image: none !important; border: 0px !important; box-shadow: none !important; }
body[data-page="index"] #top-products .product-image { padding: 0px !important; }
body[data-page="index"] #top-products .product-image img { background: rgb(0, 0, 0) !important; filter: contrast(1.16) brightness(0.92) !important; }
body[data-page="index"] #top-products .badge { background: transparent !important; border: 0px !important; padding: 0px !important; }
body[data-page="index"] #top-products .badge, body[data-page="index"] .top-products-strip .badge, body[data-page="index"] .ab-products .badge, body[data-page="index"] .product-card .badge { font-size: 28px !important; line-height: 1.15 !important; letter-spacing: 0.04em !important; color: rgb(242, 242, 242) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; padding: 0px !important; }
body[data-page="index"] #top-products .product-card:hover .badge, body[data-page="index"] .top-products-strip .product-card:hover .badge, body[data-page="index"] .ab-products .product-card:hover .badge, body[data-page="index"] .product-card:hover .badge { color: rgb(184, 155, 104) !important; }
@media (max-width: 760px) {
  body[data-page="index"] #top-products .badge, body[data-page="index"] .top-products-strip .badge, body[data-page="index"] .ab-products .badge, body[data-page="index"] .product-card .badge { font-size: 22px !important; }
}
body[data-page="index"] #top-products, body[data-page="index"] .top-products-strip .ab-products { transition: transform 0.75s !important; }
body[data-page="index"] #top-products .badge, body[data-page="index"] .top-products-strip .badge, body[data-page="index"] .ab-products .badge, body[data-page="index"] .product-card .badge { font-size: 14px !important; line-height: 1.15 !important; letter-spacing: 0.05em !important; color: rgb(242, 242, 242) !important; background: transparent !important; border: 0px !important; box-shadow: none !important; padding: 0px !important; }
body[data-page="index"] #top-products .product-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transform: none !important; }
body[data-page="index"] #top-products .product-card:hover .product-image img { transform: none !important; }
@media (max-width: 760px) {
  body[data-page="index"] #top-products .badge, body[data-page="index"] .top-products-strip .badge, body[data-page="index"] .ab-products .badge, body[data-page="index"] .product-card .badge { font-size: 12px !important; }
}
body[data-page="index"] .mogo-knot-hero { --gold: #c8a66a; position: relative; isolation: isolate; min-height: clamp(560px, 52vw, 760px); overflow: hidden; background: rgb(2, 2, 2); color: rgb(242, 232, 216); }
body[data-page="index"] .mogo-knot-hero__atmosphere, body[data-page="index"] .mogo-knot-hero__grain, body[data-page="index"] .mogo-knot-hero__brush, body[data-page="index"] .mogo-knot-hero__floor { position: absolute; inset: 0px; pointer-events: none; }
body[data-page="index"] .mogo-knot-hero__atmosphere { z-index: -4; background: radial-gradient(at 50% 76%, rgba(84, 55, 27, 0.16) 0%, rgba(42, 28, 15, 0.08) 22%, rgba(10, 8, 6, 0.024) 46%, transparent 67%), radial-gradient(at 51% 30%, rgba(35, 27, 19, 0.1) 0%, transparent 58%), rgb(2, 2, 2); }
body[data-page="index"] .mogo-knot-hero__atmosphere-art { position: absolute; z-index: -3; inset: 0px; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
body[data-page="index"] .mogo-knot-hero::before { content: ""; position: absolute; z-index: 7; inset: 0px; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.52) 0px 0px 180px inset, rgba(0, 0, 0, 0.3) 0px 80px 130px inset, rgba(0, 0, 0, 0.3) 0px -100px 160px inset; }
body[data-page="index"] .mogo-knot-hero__brush { z-index: -2; inset: -18%; opacity: 0.035; filter: blur(3px); mix-blend-mode: screen; }
body[data-page="index"] .mogo-knot-hero__brush--a { transform: rotate(-8deg); background: linear-gradient(96deg, transparent 0px, transparent 19%, rgba(168, 120, 67, 0.45) 29%, transparent 39%, transparent 58%, rgba(119, 86, 52, 0.26) 67%, transparent 77%); }
body[data-page="index"] .mogo-knot-hero__brush--b { transform: rotate(7deg); opacity: 0.05; background: linear-gradient(92deg, transparent 0px, transparent 35%, rgba(188, 141, 80, 0.42) 43%, transparent 51%, transparent 73%, rgba(145, 107, 68, 0.24) 81%, transparent 92%); }
body[data-page="index"] .mogo-knot-hero__brush--c { transform: rotate(-13deg); opacity: 0.045; filter: blur(5px); background: linear-gradient(90deg, transparent 9%, rgba(179, 130, 70, 0.45) 23%, transparent 35%, transparent 65%, rgba(145, 103, 56, 0.3) 74%, transparent 87%); }
body[data-page="index"] .mogo-knot-hero__floor { z-index: 0; top: auto; height: 28%; background: radial-gradient(rgba(130, 86, 41, 0.13) 0%, rgba(64, 42, 21, 0.067) 28%, transparent 70%); filter: blur(14px); }
body[data-page="index"] .mogo-knot-hero__grain { z-index: 8; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 160px 100px; mix-blend-mode: screen; }
body[data-page="index"] .mogo-knot-hero__title { position: absolute; z-index: 2; top: 1%; left: 50%; width: 108vw; max-width: none; height: clamp(150px, 13.2vw, 210px); transform: translateX(-50%); opacity: 0.38; pointer-events: none; user-select: none; }
body[data-page="index"] .mogo-knot-hero__sidecopy { position: absolute; z-index: 11; margin: 0px; font-family: Inter, Arial, sans-serif; font-size: 10px; font-weight: 500; line-height: 1.85; letter-spacing: 0.28em; text-transform: uppercase; pointer-events: none; }
body[data-page="index"] .mogo-knot-hero__sidecopy--left { top: clamp(218px, 23vw, 340px); left: clamp(28px, 4.35vw, 74px); color: rgba(182, 146, 96, 0.72); }
body[data-page="index"] .mogo-knot-hero__sidecopy--right { top: clamp(218px, 23vw, 340px); right: clamp(28px, 4.35vw, 74px); color: rgba(196, 181, 157, 0.52); text-align: right; }
body[data-page="index"] .mogo-knot-hero__stage { position: absolute; z-index: 3; inset: 0px; overflow: hidden; }
body[data-page="index"] .mogo-knot-hero__stage::after { content: ""; position: absolute; left: 7%; right: 7%; bottom: 5%; height: 17%; border-radius: 50%; background: radial-gradient(rgba(185, 132, 63, 0.2), rgba(0, 0, 0, 0) 69%); filter: blur(15px); pointer-events: none; }
body[data-page="index"] .mogo-knot-hero__product { position: absolute; left: 50%; top: 42%; width: clamp(255px, 35vw, 560px); aspect-ratio: 1 / 1; object-fit: contain; mix-blend-mode: normal; transform: translate(-50%, -50%); transform-origin: 50% 53%; will-change: left, top, transform, filter, opacity; transition: left 650ms cubic-bezier(0.4, 0, 0.2, 1), top 650ms cubic-bezier(0.4, 0, 0.2, 1), transform 650ms cubic-bezier(0.4, 0, 0.2, 1), filter 650ms cubic-bezier(0.4, 0, 0.2, 1), opacity 650ms cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; }
body[data-page="index"] .mogo-knot-hero__product[data-position="center"] { left: 50%; top: 50%; z-index: 6; opacity: 1; filter: blur(0px); transform: translate(-50%, -50%) scale(1.18); }
body[data-page="index"] .mogo-knot-hero__product[data-position="left"] { left: 28%; top: 55%; z-index: 4; opacity: 0.88; filter: blur(0.35px) saturate(0.92); transform: translate(-50%, -50%) scale(0.82); }
body[data-page="index"] .mogo-knot-hero__product[data-position="right"] { left: 73%; top: 55%; z-index: 4; opacity: 0.88; filter: blur(0.35px) saturate(0.92); transform: translate(-50%, -50%) scale(0.82); }
body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"] { left: 9%; top: 57%; z-index: 3; opacity: 0.57; filter: blur(2.3px) saturate(0.74); transform: translate(-50%, -50%) scale(0.61); }
body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"] { left: 92%; top: 57%; z-index: 3; opacity: 0.57; filter: blur(2.3px) saturate(0.74); transform: translate(-50%, -50%) scale(0.61); }
body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"] { left: 100%; top: 58%; z-index: 2; opacity: 0.26; filter: blur(5px) saturate(0.58); transform: translate(-50%, -50%) scale(0.46); }
body[data-page="index"] .mogo-knot-hero__arrow { position: absolute; z-index: 12; top: 55%; display: grid; place-items: center; width: 58px; height: 36px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; color: rgb(215, 181, 116); font: 300 33px / 0.8 Georgia, "Times New Roman", serif; cursor: pointer; opacity: 0.82; transition: color 0.25s, opacity 0.25s, transform 0.25s; }
body[data-page="index"] .mogo-knot-hero__arrow::after { content: ""; position: absolute; bottom: 0px; width: 40px; height: 1px; background: currentcolor; transform: scaleX(0.55); transition: transform 0.25s; }
body[data-page="index"] .mogo-knot-hero__arrow:hover { color: rgb(243, 223, 184); opacity: 1; transform: translateX(3px); }
body[data-page="index"] .mogo-knot-hero__arrow--prev:hover { transform: translateX(-3px); }
body[data-page="index"] .mogo-knot-hero__arrow:hover::after { transform: scaleX(1); }
body[data-page="index"] .mogo-knot-hero__arrow--prev { left: clamp(20px, 3vw, 54px); }
body[data-page="index"] .mogo-knot-hero__arrow--next { right: clamp(20px, 3vw, 54px); }
body[data-page="index"] .mogo-knot-hero__meta { position: absolute; z-index: 11; left: clamp(30px, 4.1vw, 72px); bottom: clamp(36px, 4.6vw, 74px); width: min(360px, 27vw); padding-top: 0px; text-shadow: rgb(0, 0, 0) 0px 2px 20px; }
body[data-page="index"] .mogo-knot-hero__meta::before { display: none; }
body[data-page="index"] .mogo-knot-hero__eyebrow { display: block; margin-bottom: 12px; font-family: Inter, Arial, sans-serif; color: rgb(200, 173, 130); font-size: 10px; font-weight: 500; letter-spacing: 0.28em; }
body[data-page="index"] .mogo-knot-hero__meta h1 { margin: 0px 0px 13px; font-family: "Libre Bodoni", "Bodoni Moda", serif; font-size: clamp(34px, 3vw, 52px); font-weight: 400; line-height: 0.96; letter-spacing: 0.015em; color: rgb(228, 213, 189); text-transform: uppercase; }
body[data-page="index"] .mogo-knot-hero__meta p { margin: 0px; color: rgb(213, 198, 173); font: 400 12px / 1.65 Georgia, "Times New Roman", serif; letter-spacing: 0.08em; }
body[data-page="index"] .mogo-knot-hero__dots { position: absolute; z-index: 13; left: 50%; bottom: clamp(27px, 3.35vw, 54px); display: flex; gap: 8px; transform: translateX(-50%); }
body[data-page="index"] .mogo-knot-hero__dot { width: 7px; height: 7px; padding: 0px; border: 1px solid rgba(194, 153, 89, 0.72); border-radius: 50%; background: transparent; cursor: pointer; transition: background 0.3s, border-color 0.3s, transform 0.3s; }
body[data-page="index"] .mogo-knot-hero__dot[aria-selected="true"] { border-color: rgb(234, 209, 164); background: rgb(234, 209, 164); transform: scale(1.1); }
body[data-page="index"] .mogo-knot-hero__cta { position: absolute; z-index: 12; right: clamp(34px, 4.5vw, 80px); bottom: clamp(39px, 5.7vw, 88px); display: inline-flex; align-items: center; gap: 29px; min-width: 255px; justify-content: center; padding: 19px 24px; border: 1px solid rgba(157, 124, 78, 0.58); color: rgb(209, 185, 143); font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; background: rgba(5, 5, 4, 0.12); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 0px 1px inset; transition: border-color 0.25s, color 0.25s, background 0.25s; }
body[data-page="index"] .mogo-knot-hero__cta:hover { border-color: rgb(240, 212, 161); color: rgb(243, 219, 172); background: rgba(151, 105, 49, 0.13); }
@media (max-width: 760px) {
  body[data-page="index"] .mogo-knot-hero { min-height: 620px; }
  body[data-page="index"] .mogo-knot-hero__title { top: 90px; font-size: 22vw; }
  body[data-page="index"] .mogo-knot-hero__product { width: 92vw; }
  body[data-page="index"] .mogo-knot-hero__product[data-position="center"] { top: 45%; transform: translate(-50%, -50%) scale(1.03); }
  body[data-page="index"] .mogo-knot-hero__product[data-position="left"] { left: 17%; top: 48%; transform: translate(-50%, -50%) scale(0.52); }
  body[data-page="index"] .mogo-knot-hero__product[data-position="right"] { left: 83%; top: 48%; transform: translate(-50%, -50%) scale(0.52); }
  body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"], body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"], body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"] { opacity: 0; }
  body[data-page="index"] .mogo-knot-hero__arrow { top: 48%; width: 39px; height: 39px; }
  body[data-page="index"] .mogo-knot-hero__meta { bottom: 92px; width: calc(100% - 52px); text-align: center; }
  body[data-page="index"] .mogo-knot-hero__meta p { font-size: 10px; }
  body[data-page="index"] .mogo-knot-hero__cta { right: 50%; bottom: 27px; min-width: 218px; padding: 14px 18px; transform: translateX(50%); }
  body[data-page="index"] .mogo-knot-hero__dots { bottom: 72px; }
}
body[data-page="index"] .mogo-knot-hero { --gold: #c7a36a; min-height: clamp(600px, 52vw, 790px); background: rgb(3, 3, 2); }
body[data-page="index"] .mogo-knot-hero__atmosphere { background: radial-gradient(43% 35% at 50% 59%, rgba(91, 72, 43, 0.09) 0%, rgba(35, 29, 20, 0.035) 42%, transparent 74%), radial-gradient(72% 88% at 50% 52%, rgba(14, 13, 11, 0.22) 0%, transparent 72%), rgb(3, 3, 2); }
body[data-page="index"] .mogo-knot-hero__atmosphere-art, body[data-page="index"] .mogo-knot-hero__brush { display: none; }
body[data-page="index"] .mogo-knot-hero::before { box-shadow: rgba(0, 0, 0, 0.66) 0px 0px 150px inset, rgba(0, 0, 0, 0.42) 0px 80px 120px inset, rgba(0, 0, 0, 0.42) 0px -100px 145px inset; }
body[data-page="index"] .mogo-knot-hero__floor { height: 22%; background: radial-gradient(at 50% 62%, rgba(113, 87, 47, 0.067), rgba(35, 28, 18, 0.02) 39%, transparent 71%); filter: blur(20px); }
body[data-page="index"] .mogo-knot-hero__grain { opacity: 0.022; }
body[data-page="index"] .mogo-knot-hero__title { top: 4.4%; width: 98vw; height: clamp(145px, 13.8vw, 220px); opacity: 0.24; filter: saturate(0.7) brightness(0.82); }
body[data-page="index"] .mogo-knot-hero__stage::after { left: 18%; right: 18%; bottom: 6%; height: 12%; background: radial-gradient(rgba(142, 108, 60, 0.075), rgba(0, 0, 0, 0) 70%); filter: blur(18px); }
body[data-page="index"] .mogo-knot-hero__product { top: 47%; width: clamp(250px, 31vw, 500px); }
body[data-page="index"] .mogo-knot-hero__product[data-position="center"] { left: 50%; top: 47%; transform: translate(-50%, -50%) scale(1.03); }
body[data-page="index"] .mogo-knot-hero__product[data-position="left"] { left: 18%; top: 53%; opacity: 1; filter: none; transform: translate(-50%, -50%) scale(0.72); }
body[data-page="index"] .mogo-knot-hero__product[data-position="right"] { left: 82%; top: 53%; opacity: 1; filter: none; transform: translate(-50%, -50%) scale(0.72); }
body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"], body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"], body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"] { opacity: 0; pointer-events: none; }
body[data-page="index"] .mogo-knot-hero__sidecopy { font-size: 9px; line-height: 1.95; letter-spacing: 0.32em; }
body[data-page="index"] .mogo-knot-hero__sidecopy--left { top: 48%; left: clamp(32px, 4.3vw, 72px); color: rgba(189, 151, 93, 0.55); }
body[data-page="index"] .mogo-knot-hero__sidecopy--right { top: 48%; right: clamp(32px, 4.3vw, 72px); color: rgba(205, 188, 158, 0.38); }
body[data-page="index"] .mogo-knot-hero__arrow { top: 60%; color: rgb(194, 155, 93); font-size: 30px; opacity: 0.7; }
body[data-page="index"] .mogo-knot-hero__meta { bottom: clamp(42px, 4.7vw, 76px); width: min(318px, 25vw); }
body[data-page="index"] .mogo-knot-hero__meta h1 { font-size: clamp(32px, 2.8vw, 47px); letter-spacing: 0.025em; color: rgb(232, 218, 195); }
body[data-page="index"] .mogo-knot-hero__meta p { color: rgb(188, 174, 152); letter-spacing: 0.045em; }
body[data-page="index"] .mogo-knot-hero__dots { bottom: clamp(24px, 2.8vw, 44px); }
body[data-page="index"] .mogo-knot-hero__dot { border-color: rgba(170, 135, 78, 0.62); }
body[data-page="index"] .mogo-knot-hero__dot[aria-selected="true"] { border-color: rgb(184, 150, 94); background: rgb(184, 150, 94); }
body[data-page="index"] .mogo-knot-hero__cta { right: clamp(38px, 4.4vw, 76px); bottom: clamp(44px, 5vw, 80px); min-width: 260px; background: rgba(7, 6, 4, 0.48); border-color: rgba(193, 151, 83, 0.68); color: rgb(219, 196, 155); }
@media (max-width: 760px) {
  body[data-page="index"] .mogo-knot-hero { min-height: 640px; }
  body[data-page="index"] .mogo-knot-hero__title { top: 10%; width: 126vw; height: 105px; opacity: 0.2; }
  body[data-page="index"] .mogo-knot-hero__sidecopy { display: none; }
  body[data-page="index"] .mogo-knot-hero__product { width: 100vw; }
  body[data-page="index"] .mogo-knot-hero__product[data-position="center"] { top: 44%; opacity: 1; filter: none; transform: translate(-50%, -50%) scale(1); }
  body[data-page="index"] .mogo-knot-hero__product[data-position="left"], body[data-page="index"] .mogo-knot-hero__product[data-position="right"], body[data-page="index"] .mogo-knot-hero__product[data-position="farLeft"], body[data-page="index"] .mogo-knot-hero__product[data-position="farRight"], body[data-page="index"] .mogo-knot-hero__product[data-position="edgeRight"] { display: none; }
  body[data-page="index"] .mogo-knot-hero__meta { bottom: 104px; }
  body[data-page="index"] .mogo-knot-hero__cta { bottom: 29px; }
}
body[data-page="index"] #site-chrome { position: fixed; inset: 0px 0px auto; z-index: 80; }
body[data-page="index"] #site-chrome .announcement { display: none; }
body[data-page="index"] #site-chrome .site-header { position: relative; top: auto; z-index: 80; }
body[data-page="index"] main { padding-top: 68px; }
body[data-page="index"] .mogo-motion { color: rgb(238, 227, 209); background: rgb(0, 0, 0) !important; padding: 106px 0px 118px !important; }
body[data-page="index"] .mogo-motion .container { width: min(1220px, 100% - 72px) !important; }
.mogo-motion__eyebrow { color: rgb(185, 144, 82); }
.mogo-motion__title { margin: 13px 0px 11px; color: rgb(233, 222, 208); font: 400 clamp(34px, 3.4vw, 54px) / 0.98 "Libre Bodoni", "Bodoni Moda", serif; letter-spacing: 0.025em; text-transform: uppercase; }
.mogo-motion__intro { max-width: 520px; margin: 0px auto 45px; color: rgb(167, 155, 141); font: 400 15px / 1.55 Arial, Helvetica, sans-serif; }
.mogo-motion__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.mogo-motion__card { min-width: 0px; display: flex; flex-direction: column; border: 1px solid rgba(191, 146, 80, 0.58); background: linear-gradient(rgb(8, 7, 6) 0%, rgb(0, 0, 0) 42%); padding: 0px 22px 25px; }
.mogo-motion__media { position: relative; aspect-ratio: 9 / 16; overflow: hidden; background: rgb(17, 17, 17); margin: 0px -22px; border-bottom: 1px solid rgba(191, 146, 80, 0.45); }
.mogo-motion__poster, .mogo-motion__video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.mogo-motion__video { display: none; opacity: 0; transition: opacity 0.3s; }
.mogo-motion__card.is-playing .mogo-motion__video { display: block; opacity: 1; }
.mogo-motion__card.is-playing .mogo-motion__poster { opacity: 0; }
.mogo-motion__play { position: absolute; z-index: 2; inset: 0px; border: 0px; cursor: pointer; color: rgb(240, 223, 193); background: linear-gradient(rgba(0, 0, 0, 0.04) 40%, rgba(0, 0, 0, 0.42)); display: grid; place-items: center; }
.mogo-motion__play::before { content: ""; width: 62px; height: 62px; border: 1px solid rgba(240, 223, 193, 0.88); border-radius: 50%; background: rgba(0, 0, 0, 0.22); transition: transform 0.25s, background 0.25s; }
.mogo-motion__play::after { content: "▶"; position: absolute; margin-left: 4px; font-size: 16px; }
.mogo-motion__play:hover::before, .mogo-motion__play:focus-visible::before { transform: scale(1.08); background: rgba(143, 101, 44, 0.22); }
.mogo-motion__card.is-playing .mogo-motion__play { opacity: 0; transition: opacity 0.2s; }
.mogo-motion__card.is-playing .mogo-motion__media:hover .mogo-motion__play, .mogo-motion__card.is-playing .mogo-motion__play:focus-visible { opacity: 1; }
.mogo-motion__number { display: block; margin: 20px 0px 11px; color: rgb(185, 144, 82); font: 500 11px / 1 Arial, sans-serif; letter-spacing: 0.25em; }
.mogo-motion__card h3 { margin: 0px; color: rgb(233, 222, 208); font: 400 28px / 1 "Libre Bodoni", "Bodoni Moda", serif; letter-spacing: 0.035em; }
.mogo-motion__card p { margin: 12px 0px 0px; color: rgb(167, 155, 141); font-size: 14px; line-height: 1.55; }
@media (max-width: 760px) {
  body[data-page="index"] .mogo-motion { padding: 68px 0px 74px !important; }
  body[data-page="index"] .mogo-motion .container { width: calc(100% - 32px) !important; }
  .mogo-motion__intro { margin-bottom: 30px; font-size: 14px; }
  .mogo-motion__grid { display: grid; grid-template-columns: 1fr; overflow: visible; gap: 22px; padding-bottom: 0px; }
  .mogo-motion__card { min-width: 0px; width: 100%; scroll-snap-align: none; }
  .mogo-motion__card h3 { font-size: 25px; }
}
/* Same Google Fonts, served from Pages. */
/* math */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ddba751f560c13f0e7f9.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/8aabdfd3a1121d248bee.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/f156e4a7cef0928383fe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/c032219ef636f7b4932f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ddba751f560c13f0e7f9.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/8aabdfd3a1121d248bee.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/f156e4a7cef0928383fe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/c032219ef636f7b4932f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/aab348b9b72ef45e6dbe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/b4b962f48ee989534453.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/7b06869e6f8b0fba0b31.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/aab348b9b72ef45e6dbe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/b4b962f48ee989534453.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/7b06869e6f8b0fba0b31.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body[data-page="index"] .mogo-knot-hero__product{height:auto}

/* Keep existing homepage copy and CTA inside the phone viewport. */
@media(max-width:760px){body[data-page="index"] .mogo-knot-hero__meta{left:26px;right:26px;width:auto;text-align:center}body[data-page="index"] .mogo-knot-hero__meta p{max-width:340px;margin-left:auto;margin-right:auto}body[data-page="index"] .mogo-knot-hero__cta{left:50%;right:auto;transform:translateX(-50%);width:max-content;min-width:0;max-width:calc(100% - 52px);gap:16px}body[data-page="index"] .mogo-knot-hero__dots{bottom:82px}}

body[data-page="index"] .mogo-knot-hero__product{height:auto}