@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f7f4ee;--paper2:#eee8de;--ink:#25231f;--muted:#777168;--line:#ded7cb;--gold:#b49762;--dark:#26251f;--white:#fffdf8;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.announcement{height:29px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--dark);color:#f0e9dc;font-size:9px;letter-spacing:.17em}.announcement span{color:var(--gold)}.site-header{height:83px;padding:0 6.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,244,238,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font-family:var(--serif);font-size:25px;letter-spacing:-.025em}.brand-mark span{color:var(--gold);font-size:22px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:10px;letter-spacing:.17em;font-weight:700}.brand-copy small{font-size:8px;letter-spacing:.24em;color:var(--muted)}.main-nav{display:flex;gap:33px;font-size:11px;color:#625d54}.main-nav a:hover,.footer-bottom a:hover{color:var(--gold)}.header-shortlist{border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:10px;letter-spacing:.04em}.header-shortlist span{display:inline-flex;min-width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;background:var(--dark);color:white;margin-left:9px;font-size:9px}.hero{padding:67px 8% 0;min-height:530px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden}.hero-copy{padding:40px 0 70px;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:.19em;color:var(--gold);font-weight:700;margin:0 0 19px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,5.1vw,74px);letter-spacing:-.045em;line-height:1.06;margin:0 0 23px}.hero h1 em,.customize-copy h2 em{font-weight:400;color:#a58b5e}.hero-description{max-width:405px;color:var(--muted);font-size:13px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 20px;font-size:10px;letter-spacing:.07em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--dark);color:#fffdf8}.button-dark:hover{background:#3a382f}.button span{font-size:15px;color:#d6bd8d}.hero-note{font-size:9px;color:var(--muted);letter-spacing:.06em}.hero-art{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art-frame{position:relative;width:min(84%,430px);height:390px;background:#e8dfd1;overflow:hidden;border:1px solid #d8c9ae}.hero-art-frame:before{content:'';position:absolute;inset:17px;border:1px solid rgba(181,151,99,.5)}.hero-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px;z-index:1}.hero-art-caption{z-index:2}.hero-art-frame.hero-art-image-only{width:min(100%,700px);height:430px;background:transparent;border:0;overflow:visible}.hero-art-frame.hero-art-image-only:before{display:none}.hero-art-frame.hero-art-image-only .hero-art-image{inset:0;width:100%;height:100%;padding:0;object-fit:contain;transform:scale(1.215);transform-origin:center center}.hero-art-frame.hero-art-image-only .hero-art-caption{display:none}@media(max-width:1000px){.hero-art-frame.hero-art-image-only{height:380px}.hero-art-frame.hero-art-image-only .hero-art-image{transform:scale(1.2)}}@media(max-width:680px){.hero-art-frame.hero-art-image-only{width:100%;height:310px}.hero-art-frame.hero-art-image-only .hero-art-image{transform:scale(1.12)}}.hero-art-orbit{position:absolute;border:1px solid rgba(156,125,72,.75);border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:240px;height:330px;left:80px;top:22px}.orbit-two{width:150px;height:280px;left:125px;top:48px;transform:rotate(32deg);border-color:rgba(255,253,248,.8)}.hero-art-stone{position:absolute;width:98px;height:124px;left:calc(50% - 49px);top:calc(50% - 62px);background:linear-gradient(135deg,#fffdf7,#c7b28c 47%,#e9e0ce 70%,#8c754c);clip-path:polygon(50% 0,86% 20%,100% 60%,50% 100%,0 60%,14% 20%);filter:drop-shadow(0 13px 13px #a3947a);opacity:.78}.hero-art-caption{position:absolute;bottom:29px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#655a47}.hero-side-note{position:absolute;right:-10px;top:65px;font-size:8px;line-height:1.9;letter-spacing:.2em;color:#7d7467}.hero-side-note span{color:var(--gold)}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);height:42px;display:flex;align-items:center;justify-content:space-between;color:#938b7e;font-size:8px;letter-spacing:.13em}.section-wrap{padding-left:8%;padding-right:8%}.catalog-section{padding-top:83px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2,.how-section h2{font-family:var(--serif);font-size:clamp(34px,3.7vw,48px);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:0}.gold-dot{color:var(--gold)}.section-intro{max-width:345px;margin:0 0 4px;color:var(--muted);font-size:11px;line-height:1.9}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-tab{border:1px solid transparent;background:transparent;color:#777168;padding:9px 12px;font-size:10px}.filter-tab.active{background:var(--dark);color:var(--white)}.filter-tab span{font-size:8px;opacity:.7;margin-left:5px}.catalog-tools{display:flex;gap:9px}.search-box{height:34px;border:1px solid var(--line);display:flex;align-items:center;padding:0 10px;gap:8px;background:rgba(255,253,248,.6)}.search-box span{font-size:18px;color:#928777}.search-box input{width:135px;border:0;outline:0;background:transparent;font-size:10px;color:var(--ink)}.catalog-tools select{border:1px solid var(--line);background:transparent;padding:0 10px;font-size:10px;color:#625d54;outline:0}.results-line{display:flex;justify-content:space-between;color:#938b7e;font-size:8px;letter-spacing:.12em;padding:17px 0 14px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 17px}.product-card{min-width:0}.product-image{aspect-ratio:4/4.35;position:relative;background:#eee8de;border:1px solid #e4dcd0;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image:before{content:'';position:absolute;inset:12px;border:1px solid rgba(181,151,99,.22)}.product-image.image-rings{background:linear-gradient(145deg,#eee5d7,#f7f2e8 55%,#e1d4bf)}.product-image.image-earrings{background:linear-gradient(145deg,#e5ded2,#f4eee4 55%,#d9cbb6)}.product-image.image-necklaces{background:linear-gradient(145deg,#f1e9de,#e3d7c5 60%,#f5efe6)}.product-image.image-bracelets{background:linear-gradient(145deg,#e6ddcf,#f6f0e5 58%,#ded1bb)}.image-ornament{width:100px;height:100px;border:2px solid rgba(158,127,74,.65);border-radius:50%;position:relative;transform:rotate(-18deg);opacity:.72;box-shadow:inset 0 0 0 5px rgba(255,253,248,.25),0 9px 22px rgba(90,72,40,.08)}.image-ornament:before{content:'';position:absolute;width:24px;height:24px;left:calc(50% - 12px);top:-13px;background:linear-gradient(135deg,#fffdf7,#bba06d,#e8d9b9);transform:rotate(45deg);border:1px solid rgba(147,117,65,.6)}.image-earrings .image-ornament{width:56px;height:82px;border-radius:50%;transform:rotate(15deg);box-shadow:42px 8px 0 -2px transparent,42px 8px 0 0 rgba(158,127,74,.65)}.image-earrings .image-ornament:before{top:4px;left:calc(50% - 9px);width:18px;height:18px}.image-necklaces .image-ornament{width:122px;height:122px;border-radius:50%;border-top-color:transparent;transform:rotate(45deg)}.image-necklaces .image-ornament:before{top:87px;left:calc(50% - 12px)}.image-bracelets .image-ornament{width:122px;height:84px;border-radius:50%;transform:rotate(-25deg)}.image-bracelets .image-ornament:before{left:calc(50% - 9px);top:2px;width:18px;height:18px}.image-code{position:absolute;left:18px;top:17px;font-size:8px;letter-spacing:.14em;color:#a29683}.image-tag{position:absolute;bottom:17px;left:18px;font-size:7px;letter-spacing:.15em;color:#958875}.favorite-button{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(165,148,121,.5);background:rgba(255,253,248,.82);font-size:17px;color:#7f725d;display:flex;align-items:center;justify-content:center}.favorite-button.selected{background:var(--dark);color:#fffdf8;border-color:var(--dark)}.add-style-button{position:absolute;bottom:12px;right:12px;border:0;background:var(--dark);color:#fffdf8;font-size:8px;letter-spacing:.07em;padding:9px 11px;opacity:0;transform:translateY(4px);transition:.2s}.product-card:hover .add-style-button,.product-card:focus-within .add-style-button{opacity:1;transform:translateY(0)}.product-info{padding:13px 2px 0}.product-title-row{display:flex;align-items:start;justify-content:space-between;gap:8px}.product-title-row h3{font-size:11px;font-weight:500;margin:0}.style-code{font-size:8px;letter-spacing:.08em;color:#9a8e7c;white-space:nowrap}.product-meta{font-size:9px;color:#938b7e;margin-top:5px}.product-description{font-size:9px;color:#777168;margin-top:6px;line-height:1.7}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-state strong{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--ink)}.text-button{border:0;background:transparent;color:#92764a;font-size:10px;padding:5px 0;border-bottom:1px solid #cdbb99}.customize-section{background:var(--dark);color:#f7f2e9;padding:78px 0 83px}.customize-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.eyebrow-light{color:#c4a66e}.customize-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.5vw,58px);line-height:1.07;letter-spacing:-.04em;margin:0 0 24px}.customize-copy h2 em{color:#c7a66c}.customize-copy>p:not(.eyebrow){max-width:360px;color:#c4bdb1;font-size:11px;line-height:1.95}.light-link{display:inline-block;color:#d8c093;border-bottom-color:#74654a;margin-top:15px}.customize-options{border-top:1px solid #57544a}.custom-option{display:grid;grid-template-columns:40px 1fr 28px;gap:12px;align-items:start;padding:24px 0;border-bottom:1px solid #57544a}.option-number{font-size:9px;color:#c4a66e;letter-spacing:.1em;padding-top:4px}.custom-option h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:0 0 5px}.custom-option p{font-size:10px;line-height:1.8;color:#b9b2a6;margin:0;max-width:430px}.option-symbol{font-size:20px;color:#c4a66e;text-align:right}.inquiry-section{padding-top:88px;padding-bottom:95px}.inquiry-heading{margin-bottom:34px}.inquiry-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:25px;align-items:start}.shortlist-panel{border:1px solid var(--line);background:rgba(255,253,248,.48);padding:22px 22px 18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.panel-heading h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:0}.panel-heading h3 span{font-family:var(--sans);font-size:10px;color:var(--gold);margin-left:6px}.panel-heading .text-button{font-size:9px}.shortlist-empty{text-align:center;padding:48px 8px 43px}.shortlist-empty>span{font-family:var(--serif);font-size:31px;color:#bda577}.shortlist-empty p{font-family:var(--serif);font-size:18px;margin:10px 0 3px}.shortlist-empty small{font-size:9px;color:var(--muted)}.shortlist-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.mini-thumb{width:54px;height:58px;background:var(--paper2);display:flex;align-items:center;justify-content:center;color:#b19a71;font-family:var(--serif);font-size:18px}.shortlist-row h4{font-size:10px;font-weight:500;margin:0}.shortlist-row p{font-size:8px;color:var(--muted);margin:4px 0 0}.shortlist-row input{width:48px;border:1px solid var(--line);background:transparent;padding:7px 5px;font-size:10px}.remove-item{border:0;background:transparent;color:#9b8b71;font-size:15px;padding:0 0 0 6px}.inquiry-form{border:1px solid var(--line);padding:24px 25px;background:rgba(255,253,248,.3)}.form-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:17px}.form-title span{font-size:8px;color:var(--gold);letter-spacing:.15em;font-weight:700}.form-title p{font-size:9px;color:var(--muted);margin:0}.form-title-spaced{margin-top:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-row .form-row-full{grid-column:1 / -1}.inquiry-form [hidden]{display:none!important}.inquiry-form label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#6c665c}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #e2dbcf;background:rgba(255,253,248,.68);padding:11px 10px;color:var(--ink);font-size:10px;outline:none;border-radius:0}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#b79a65}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#aaa193}.full-label{margin-bottom:18px}.inquiry-form textarea{resize:vertical;line-height:1.6}.form-submit-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.submit-button{padding:14px 17px}.privacy-note{font-size:8px;color:#9b9387}.submit-result{margin-top:15px;padding:14px;background:#eee8de;border:1px solid #d9cdb9;font-size:10px;line-height:1.7}.submit-result textarea{margin-top:9px;min-height:140px;font-family:monospace}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.result-actions button,.result-actions a{border:1px solid #c7b89e;padding:9px 12px;font-size:9px;background:var(--white);color:var(--ink)}.how-section{background:#eee8de;padding:72px 0 80px}.how-section h2{font-size:clamp(30px,3.5vw,43px);margin-bottom:36px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{border-top:1px solid #cfc3b0;padding-top:18px}.step>span{font-size:9px;letter-spacing:.14em;color:var(--gold)}.step h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:10px 0 8px}.step p{font-size:10px;color:var(--muted);line-height:1.9;max-width:270px}.site-footer{background:var(--dark);color:#f6f0e6;padding:33px 6.3% 0}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px}.brand-footer .brand-copy small{color:#a9a195}.brand-footer>p{color:#c4bdb1}.footer-main>p{font-family:var(--serif);font-size:18px;font-style:italic;color:#d1c8b8}.footer-cta{font-size:10px;color:#d6bd8d;border-bottom:1px solid #82704d;padding-bottom:6px}.footer-bottom{border-top:1px solid #4b4941;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9d978b;font-size:8px;letter-spacing:.11em}.footer-bottom a{color:#d0c5b1}.no-scroll{overflow:hidden}
@media(max-width:1000px){.site-header{padding:0 4%}.hero{padding-left:6%;padding-right:6%}.section-wrap{padding-left:6%;padding-right:6%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:60px}.hero-art-frame{height:350px}.hero-art{min-height:350px}.hero-side-note{right:-3px}.main-nav{gap:18px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-tools{width:100%}.search-box{flex:1}.search-box input{width:100%}}
@media(max-width:680px){.announcement{font-size:7px;letter-spacing:.12em}.site-header{height:69px;padding:0 5%}.brand-mark{font-size:23px}.brand-copy strong{font-size:8px}.brand-copy small{font-size:7px}.main-nav{display:none}.header-shortlist{padding:8px 9px;font-size:9px}.hero{display:flex;flex-direction:column;padding:32px 6% 0;min-height:0}.hero-copy{padding:25px 0 35px}.hero h1{font-size:clamp(47px,13vw,65px)}.hero-description{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.hero-art{min-height:310px;margin-bottom:25px}.hero-art-frame{height:300px;width:82%}.hero-art-orbit.orbit-one{left:calc(50% - 120px)}.hero-art-orbit.orbit-two{left:calc(50% - 75px)}.hero-side-note{right:0;top:38px;font-size:7px}.hero-bottom{font-size:7px;letter-spacing:.05em}.hero-bottom span:nth-child(2){display:none}.section-wrap{padding-left:6%;padding-right:6%}.catalog-section{padding-top:58px;padding-bottom:65px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:39px}.section-intro{margin-top:13px;font-size:11px}.catalog-toolbar{gap:13px}.filter-tabs{gap:3px}.filter-tab{padding:8px 9px;font-size:9px}.catalog-tools{display:grid;grid-template-columns:1fr 115px}.search-box input{min-width:0}.results-line{font-size:7px;letter-spacing:.07em}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.product-image{aspect-ratio:4/4.6}.image-ornament{width:75px;height:75px}.image-earrings .image-ornament{width:42px;height:67px}.image-necklaces .image-ornament,.image-bracelets .image-ornament{width:91px;height:91px}.image-bracelets .image-ornament{height:65px}.product-image:before{inset:8px}.image-code{left:12px;top:12px;font-size:7px}.image-tag{left:12px;bottom:12px;font-size:6px}.favorite-button{right:8px;top:8px;width:27px;height:27px}.add-style-button{opacity:1;transform:none;right:8px;bottom:8px;padding:8px;font-size:7px}.product-info{padding-top:10px}.product-title-row{display:block}.product-title-row h3{font-size:10px}.style-code{display:block;margin-top:3px;font-size:7px}.product-meta,.product-description{font-size:8px}.customize-section{padding:58px 0}.customize-inner{display:block}.customize-copy{margin-bottom:35px}.customize-copy h2{font-size:48px}.custom-option{grid-template-columns:27px 1fr 20px;padding:20px 0;gap:10px}.custom-option h3{font-size:19px}.custom-option p{font-size:9px}.inquiry-section{padding-top:60px;padding-bottom:65px}.inquiry-layout{grid-template-columns:1fr;gap:17px}.shortlist-panel,.inquiry-form{padding:17px}.form-title{display:block}.form-title p{margin-top:5px}.form-row{gap:9px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{padding:10px 8px}.form-submit-row{align-items:flex-start;flex-direction:column;gap:10px}.how-section{padding:55px 0}.how-section h2{font-size:34px}.steps-grid{grid-template-columns:1fr;gap:19px}.step{padding-top:13px}.step h3{font-size:22px;margin:6px 0}.step p{max-width:none;margin-bottom:3px}.footer-main{align-items:flex-start;gap:16px;flex-wrap:wrap}.footer-main>p{width:100%;order:3;font-size:16px;margin:0}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding:13px 0;gap:8px}.footer-bottom span:nth-child(2){display:none}}
/* CMS product image sizing */
.product-image .real-product-image{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:12px;display:block;z-index:0}
.product-image .image-code,.product-image .image-tag,.product-image .favorite-button,.product-image .add-style-button{z-index:1}


/* Two-level gold-type and jewelry-category navigation */
.filter-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group-label{font-size:8px;letter-spacing:.13em;color:var(--gold);font-weight:700;min-width:94px}.filter-group .filter-tabs{gap:5px}.filter-group .filter-tab{padding:7px 10px}.filter-group .metal-tab{border-color:var(--line)}@media(max-width:680px){.filter-group{align-items:flex-start;flex-direction:column;gap:5px}.filter-group-label{min-width:0}.filter-group .filter-tab{padding:7px 9px}.filter-stack{gap:10px}}

/* Accessibility typography pass: larger readable type on desktop and mobile */
body{font-size:16px;line-height:1.65}
.announcement{font-size:11px;min-height:34px;height:auto;padding:7px 12px}
.brand-copy strong{font-size:12px}.brand-copy small{font-size:10px}.main-nav{font-size:13px}.header-shortlist{font-size:12px}
.eyebrow{font-size:11px}.hero-description{font-size:15px;line-height:1.85}.hero-note{font-size:11px}.hero-bottom{font-size:10px}
.section-intro{font-size:13px;line-height:1.85}.filter-group-label{font-size:10px}.filter-tab{font-size:12px;padding:10px 13px}.search-box input{font-size:12px}.catalog-tools select{font-size:12px}.results-line{font-size:10px;letter-spacing:.08em}
.image-code{font-size:10px}.image-tag{font-size:9px}.favorite-button{font-size:20px}.add-style-button{font-size:11px;padding:10px 12px}
.product-title-row h3{font-size:13px;line-height:1.5}.style-code{font-size:10px}.product-meta{font-size:11px;line-height:1.6}.product-description{font-size:11px;line-height:1.75}
.customize-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.custom-option p{font-size:12px;line-height:1.85}.option-number{font-size:11px}
.panel-heading h3{font-size:23px}.panel-heading .text-button{font-size:11px}.shortlist-empty small{font-size:11px}.shortlist-row h4{font-size:12px}.shortlist-row p{font-size:10px}.shortlist-row input{font-size:12px}
.form-title span{font-size:10px}.form-title p{font-size:11px}.inquiry-form label{font-size:12px;gap:8px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:12px;padding:12px}.privacy-note{font-size:10px}.submit-result{font-size:12px}
.step>span{font-size:11px}.step p{font-size:12px;line-height:1.85}.footer-bottom{font-size:10px}.footer-cta{font-size:12px}
@media(max-width:1000px){.main-nav{font-size:12px}.catalog-tools select,.search-box input{font-size:12px}.product-title-row h3{font-size:13px}.product-meta,.product-description{font-size:11px}}
@media(max-width:680px){body{font-size:15px}.announcement{font-size:9px;letter-spacing:.08em;line-height:1.5}.brand-copy strong{font-size:10px}.brand-copy small{font-size:8px}.header-shortlist{font-size:11px}.hero-description{font-size:14px}.hero-note{font-size:11px}.hero-bottom{font-size:9px}.eyebrow{font-size:10px}.section-intro{font-size:13px}.filter-group-label{font-size:10px}.filter-tab{font-size:12px;padding:9px 11px}.search-box input{font-size:12px}.catalog-tools select{font-size:12px}.results-line{font-size:9px;letter-spacing:.05em}.image-code{font-size:9px}.image-tag{font-size:8px}.add-style-button{font-size:10px;padding:9px}.product-title-row h3{font-size:12px;line-height:1.5}.style-code{font-size:9px}.product-meta{font-size:10px;line-height:1.6}.product-description{font-size:10px;line-height:1.7}.customize-copy>p:not(.eyebrow){font-size:13px}.custom-option h3{font-size:20px}.custom-option p{font-size:12px}.option-number{font-size:10px}.panel-heading h3{font-size:22px}.panel-heading .text-button{font-size:10px}.shortlist-empty small{font-size:10px}.shortlist-row h4{font-size:12px}.shortlist-row p{font-size:10px}.inquiry-form label{font-size:12px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:12px;padding:11px 10px}.form-title span{font-size:10px}.form-title p{font-size:10px}.privacy-note{font-size:10px}.submit-result{font-size:11px}.step>span{font-size:10px}.step p{font-size:12px}.footer-bottom{font-size:9px}.footer-cta{font-size:11px}.hero-art-caption{font-size:9px}}

/* Stone-shape tier: independent of metal and jewelry category */
.shape-filter-group{align-items:flex-start}.shape-tabs{max-width:100%;row-gap:5px}.shape-tabs .shape-tab{white-space:nowrap}.shape-filter-group .filter-group-label{padding-top:9px}@media(max-width:680px){.shape-tabs{gap:4px}.shape-tabs .shape-tab{font-size:11px;padding:8px 9px}.shape-filter-group .filter-group-label{padding-top:0}}

/* Hide removed catalog labels on small screens; protects against cached mobile styles */
@media(max-width:680px){.results-line{display:none!important}.product-image .image-code,.product-image .image-tag,.product-title-row .style-code{display:none!important}}

/* Add breathing room between the filter divider and product cards */
.results-line{margin-bottom:24px!important}.product-grid{margin-top:0!important}
@media(max-width:680px){.results-line{margin-bottom:18px!important}.product-grid{margin-top:0!important}}

/* Divider shifted upward only; preserve surrounding layout */
.catalog-toolbar{border-bottom-color:transparent!important;background-image:linear-gradient(to bottom,transparent calc(100% - 10px),var(--line) calc(100% - 10px),var(--line) calc(100% - 9px),transparent calc(100% - 9px))}

/* Shift the library eyebrow down by 10px only */
.catalog-section .section-heading .eyebrow{transform:translateY(10px)}

/* Desktop hero gemstone image: center between horizontal rules, shift left 20px, enlarge 10%; mobile unchanged */
@media(min-width:1001px){.hero-art-frame.hero-art-image-only .hero-art-image{transform:translate(-20px,-32px) scale(1.3365)}}

/* Move the complete customization catalog section up by 25px */
#catalog{transform:translateY(-25px)}

/* Mobile only: reduce Add to Selection button and text by about 30% */
@media(max-width:680px){.add-style-button{font-size:7px!important;padding:6px 8px!important;letter-spacing:.07em!important;right:8px;bottom:8px}}

/* Product image lightbox: same enlarged preview on desktop and mobile */
.previewable-product-image{cursor:zoom-in}.previewable-product-image:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.product-image-preview[hidden]{display:none!important}.product-image-preview{position:fixed;inset:0;z-index:9999;background:rgba(20,19,16,.88);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.product-preview-full{display:block;max-width:min(92vw,1200px);max-height:88vh;width:auto;height:auto;object-fit:contain;box-shadow:0 16px 60px rgba(0,0,0,.25);cursor:default}.product-preview-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(30,29,25,.65);color:#fff;font-size:30px;line-height:1;cursor:pointer}.product-preview-caption{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;color:#fffdf8;font-size:13px;pointer-events:none}.product-preview-open{overflow:hidden}@media(max-width:680px){.product-image-preview{padding:14px}.product-preview-full{max-width:96vw;max-height:82vh}.product-preview-close{top:max(12px,env(safe-area-inset-top));right:12px;width:40px;height:40px}.product-preview-caption{font-size:12px}}

/* Swap hero gemstone guide on desktop only; retain the current image on mobile */
.desktop-hero-image{display:none!important}.mobile-hero-image{display:block!important}@media(min-width:1001px){.desktop-hero-image{display:block!important}.mobile-hero-image{display:none!important}}


/* Mobile hero gemstone image: enlarge 8% and move up 5px; desktop unchanged */
@media(max-width:680px){.hero-art-frame.hero-art-image-only .hero-art-image.mobile-hero-image{transform:translateY(-5px) scale(1.2096)!important}}


/* Mobile only: shrink Add to Selection button by 15%; desktop unchanged */
@media(max-width:680px){.add-style-button{transform:scale(.97416)!important;transform-origin:bottom right!important}}


/* Selected style thumbnails show the real product photo and open the existing lightbox */
.mini-thumb-image{padding:0;border:0;overflow:hidden;cursor:zoom-in;background:var(--paper2)}
.mini-thumb-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mini-thumb-image:focus-visible{outline:1px solid var(--gold);outline-offset:2px}


/* Mobile only: tighten product row spacing by 22px */
@media(max-width:680px){.product-grid{row-gap:1px!important}}


/* Desktop only: move product grid up by 10px */
@media(min-width:681px){.product-grid{transform:translateY(-10px)}}

/* Active wishlist item: high-contrast selection state for per-style customization */
.shortlist-row{cursor:pointer;position:relative;border:1px solid transparent;border-bottom:1px solid var(--line);border-left:4px solid transparent;padding:13px 9px;margin:0 -9px;transition:background .18s,border-color .18s,box-shadow .18s}
.shortlist-row:hover{background:#f7f0e4}
.shortlist-row.is-active{background:#f1e5cf;border:1px solid #b58b46;border-left:5px solid #8e692d;box-shadow:0 0 0 2px rgba(174,137,72,.2);padding-left:8px}
.shortlist-row.is-active h4{color:#67491e;font-weight:700}
.shortlist-row:focus-visible{outline:2px solid #8e692d;outline-offset:2px}
.shortlist-row-copy{min-width:0}
.shortlist-active-badge{display:inline-block;margin-top:6px;padding:3px 6px;background:#8e692d;color:#fffdf8;font-size:8px;line-height:1.5;letter-spacing:.08em;font-weight:700}
.shortlist-select-hint{display:inline-block;margin-top:5px;color:#9a7a45;font-size:9px}
#customizationLabel{display:inline-block;max-width:65%;line-height:1.6}
#customizationHint{max-width:70%;text-align:right}
@media(max-width:680px){.shortlist-row{padding:11px 6px;margin:0 -6px;grid-template-columns:46px minmax(0,1fr) auto;gap:8px}.shortlist-row.is-active{padding-left:5px}.shortlist-active-badge{font-size:7px}.shortlist-select-hint{font-size:8px}#customizationLabel,#customizationHint{max-width:100%}}


/* Mobile wishlist spacing: keep the thumbnail separate from the product text and reduce the quantity box */
@media(max-width:680px){
  .shortlist-row{grid-template-columns:54px minmax(0,1fr) auto!important;column-gap:11px!important;row-gap:8px!important;padding:11px 6px!important;margin:0 -6px!important;box-sizing:border-box}
  .shortlist-row .mini-thumb{width:56px!important;height:60px!important;justify-self:start}
  .shortlist-row-copy{min-width:0;margin-left:2px;padding-right:2px}
  .shortlist-row h4{overflow-wrap:anywhere;line-height:1.45}
  .shortlist-row input[data-quantity]{width:32px!important;min-width:32px!important;max-width:32px!important;box-sizing:border-box;padding:5px 3px!important;height:28px;font-size:10px!important}
  .shortlist-row-actions{gap:3px!important;min-width:0}
  .shortlist-row .remove-item{padding-left:3px!important;font-size:14px}
}


/* Desktop wishlist: enlarge product thumbnails by about 15% and give the title more breathing room */
@media(min-width:681px){
  .shortlist-row{grid-template-columns:62px minmax(0,1fr) auto;column-gap:14px}
  .shortlist-row .mini-thumb{width:62px;height:67px}
  .shortlist-row-copy{min-width:0;margin-left:2px}
}


/* Version B refined: continuous, staggered purple-pink-blue fireworks around the customization card */
.customization-id-modal[hidden]{display:none!important}
.customization-id-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px;overflow:hidden;background:radial-gradient(ellipse at 8% 18%,rgba(150,82,255,.36),transparent 34%),radial-gradient(ellipse at 92% 22%,rgba(255,66,185,.3),transparent 32%),radial-gradient(ellipse at 78% 88%,rgba(54,190,255,.29),transparent 36%),rgba(8,7,22,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:customizationIdBackdrop .04s ease-out both}
.customization-id-card{position:relative;z-index:2;isolation:isolate;box-sizing:border-box;width:min(550px,100%);padding:clamp(28px,5vw,44px);overflow:hidden;background:linear-gradient(142deg,#17132f 0%,#211638 42%,#111b36 100%);color:#f8f5ff;border:1px solid rgba(188,151,255,.7);border-radius:8px;box-shadow:0 28px 100px rgba(0,0,0,.48),0 0 34px rgba(151,86,255,.35),0 0 72px rgba(69,172,255,.15);animation:customizationIdAppear .08s cubic-bezier(.16,.82,.22,1) both}
.customization-id-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,rgba(173,105,255,.25),transparent 45%),radial-gradient(ellipse at 100% 12%,rgba(255,87,197,.18),transparent 39%),radial-gradient(ellipse at 88% 100%,rgba(69,198,255,.18),transparent 44%)}
.customization-id-card:after{content:'';position:absolute;inset:0;padding:1px;pointer-events:none;border-radius:8px;background:linear-gradient(125deg,#B58CFF 0%,#FF72CB 34%,#70DFFF 68%,#9D8CFF 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.95}
.customization-id-brand{display:flex;align-items:center;gap:10px;margin:0 48px 30px 0;color:#f7f2ff}
.customization-id-brand-mark{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:-.08em;line-height:1}
.customization-id-brand-name{padding-left:10px;border-left:1px solid rgba(188,151,255,.7);font-size:9px;font-weight:700;letter-spacing:.19em;color:#c7b7ec}
.customization-id-close{position:absolute;top:16px;right:16px;z-index:4;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(198,176,255,.45);border-radius:5px;background:rgba(255,255,255,.06);color:#f8f5ff;font-size:24px;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.customization-id-close:hover{background:rgba(185,128,255,.18);border-color:#FF8DE0;transform:rotate(4deg)}
.customization-id-eyebrow{margin:0 0 11px;background:linear-gradient(90deg,#C6A5FF,#FF8AD8 52%,#83E4FF);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.customization-id-title{margin:0 36px 25px 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,5vw,42px);font-weight:400;line-height:1.08;letter-spacing:-.045em;color:#fffaff;text-shadow:0 0 25px rgba(185,139,255,.16)}
.customization-id-reference{position:relative;padding:21px 22px 20px;border:1px solid rgba(191,159,255,.38);border-radius:5px;background:linear-gradient(120deg,rgba(139,94,255,.16),rgba(255,94,195,.1) 52%,rgba(76,199,255,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 28px rgba(0,0,0,.14)}
.customization-id-label{display:block;margin:0 0 8px;color:#d0c2ef;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.customization-id-reference-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.customization-id-value{display:block;min-width:0;background:linear-gradient(105deg,#D8B9FF 0%,#FF8EDB 47%,#8DE7FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,9vw,76px);font-weight:400;line-height:.95;letter-spacing:-.055em;text-shadow:0 0 28px rgba(189,130,255,.08);overflow-wrap:anywhere;filter:drop-shadow(0 0 12px rgba(181,140,255,.12))}
.customization-id-copy{flex:0 0 auto;align-self:center;min-width:100px;padding:13px 17px;border:1px solid rgba(255,255,255,.52);border-radius:4px;background:linear-gradient(115deg,#8057F5 0%,#D94FC1 53%,#398FEA 100%);color:#fff;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(134,82,241,.32),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.customization-id-copy:hover{transform:translateY(-2px);filter:saturate(1.18) brightness(1.08);box-shadow:0 12px 30px rgba(213,79,193,.28),0 0 18px rgba(89,216,255,.2)}
.customization-id-copy:disabled{cursor:wait;opacity:.58;filter:saturate(.7);box-shadow:none}
.customization-id-message{margin:22px 0 0;padding-top:19px;border-top:1px solid rgba(201,185,239,.24);color:#d0c9e2;font-size:14px;line-height:1.75}
.customization-id-copy-status{min-height:16px;margin:8px 0 0;color:#a8eaff;font-size:11px;line-height:1.5;letter-spacing:.015em}
.customization-id-fireworks{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.customization-id-firework{position:absolute;width:1px;height:1px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(173,118,255,.38))}
.customization-id-firework:after{content:'';position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 16px #B58CFF,0 0 28px rgba(255,99,195,.9),0 0 38px rgba(105,217,255,.42);animation:customizationIdCore 1.9s ease-out both}
.customization-id-spark{position:absolute;top:0;left:0;width:var(--spark-width,1.8px);height:var(--spark-height,18px);border-radius:99px;background:linear-gradient(to top,transparent 0%,var(--spark-color) 30%,rgba(255,255,255,.98) 100%);box-shadow:0 0 4px var(--spark-color),0 0 9px var(--spark-color),0 0 15px rgba(185,140,255,.2);transform-origin:50% 100%;animation:customizationIdSpark 1.9s cubic-bezier(.12,.7,.2,1) var(--spark-delay,0ms) both}
@keyframes customizationIdBackdrop{from{opacity:0}to{opacity:1}}
@keyframes customizationIdAppear{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes customizationIdSpark{0%{opacity:0;transform:rotate(var(--angle)) translateY(-2px) scaleY(.08)}10%{opacity:1;transform:rotate(var(--angle)) translateY(var(--spark-mid, -14px)) scaleY(.72)}56%{opacity:.94;transform:rotate(var(--angle)) translateY(var(--spark-end, -60px)) scaleY(1)}78%{opacity:.72}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--spark-end, -60px) - 13px)) scaleY(.18)}}
@keyframes customizationIdCore{0%{opacity:0;transform:scale(.15)}12%{opacity:1;transform:scale(1.15)}45%{opacity:.85;transform:scale(.8)}100%{opacity:0;transform:scale(.15)}}
.customization-id-open{overflow:hidden}
@media(max-width:680px){.customization-id-modal{padding:16px}.customization-id-card{width:100%;padding:25px 21px 22px;border-radius:7px}.customization-id-brand{margin-bottom:24px}.customization-id-title{font-size:clamp(28px,7.2vw,36px);margin-right:25px;margin-bottom:21px}.customization-id-reference{padding:18px 16px}.customization-id-reference-row{gap:12px}.customization-id-value{font-size:clamp(50px,13vw,64px)}.customization-id-copy{min-width:86px;padding:12px 11px;font-size:10px}.customization-id-message{font-size:13px;margin-top:18px;padding-top:16px}.customization-id-close{top:12px;right:12px;width:36px;height:36px}.customization-id-spark{height:var(--spark-height,16px);width:var(--spark-width,1.8px)}.customization-id-spark:after{width:2.5px;height:2.5px}.customization-id-firework:after{width:7px;height:7px;left:-3.5px;top:-3.5px}}
@media(prefers-reduced-motion:reduce){.customization-id-modal{animation-duration:.04s!important}.customization-id-card{animation-duration:.08s!important}}
/* Premium Shopping Cart header control: refined charcoal, warm gold, and an elegant cart icon */
.header-shortlist{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 17px!important;border:1px solid #b89555!important;background:linear-gradient(135deg,#302e28 0%,#24231f 100%)!important;color:#fffaf1!important;font-family:inherit;font-size:11px!important;font-weight:600;letter-spacing:.075em;white-space:nowrap;box-shadow:0 5px 16px rgba(38,36,31,.12),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.header-shortlist:hover{transform:translateY(-1px);border-color:#d8bb7f!important;box-shadow:0 8px 22px rgba(38,36,31,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.header-shortlist:focus-visible{outline:2px solid #b89555;outline-offset:3px}
.header-shortlist .header-cart-icon{flex:0 0 auto;color:#d5b878;display:block}
.header-shortlist span#headerCount{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;box-sizing:border-box;border-radius:50%;background:linear-gradient(135deg,#dfc58e 0%,#b89555 100%);color:#24231f;margin-left:1px;font-size:10px;font-weight:700;letter-spacing:0;box-shadow:0 1px 3px rgba(0,0,0,.15)}
@media(max-width:680px){.header-shortlist{min-height:44px;padding:10px 11px!important;gap:7px;font-size:10px!important;letter-spacing:.045em;box-shadow:0 4px 12px rgba(38,36,31,.13)}.header-shortlist .header-cart-icon{width:17px;height:17px}.header-shortlist span#headerCount{min-width:22px;height:22px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.header-shortlist{transition:none}.header-shortlist:hover{transform:none}}

/* Mobile Add to Cart button: a further 3% larger; desktop unchanged */
@media(max-width:680px){.add-style-button{transform:scale(1.0636)!important;transform-origin:bottom right!important}}

.brand-logo{display:block;width:58px;height:auto;flex:0 0 auto}.brand-footer .brand-logo{width:58px}@media(max-width:680px){.brand-logo{width:54px}.brand-footer .brand-logo{width:54px}}



/* YFN onboarding guide — luxury editorial tour, responsive and independent from the inquiry ID modal */
.yfn-guide-modal[hidden]{display:none!important}
.yfn-guide-modal{position:fixed;inset:0;z-index:90000;display:grid;place-items:center;box-sizing:border-box;padding:22px;background:radial-gradient(ellipse at 12% 10%,rgba(183,145,78,.16),transparent 38%),rgba(22,21,18,.68);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:yfnGuideFadeIn .2s ease-out both}
.yfn-guide-dialog{position:relative;box-sizing:border-box;width:min(880px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#f8f5ef;color:#292720;border:1px solid #c7a768;border-radius:12px;box-shadow:0 32px 100px rgba(0,0,0,.34),0 0 0 5px rgba(203,171,111,.08);animation:yfnGuideRiseIn .28s cubic-bezier(.2,.8,.2,1) both;outline:none}
.yfn-guide-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 30px 18px;border-bottom:1px solid #e3dac9}
.yfn-guide-brand{display:flex;align-items:center;gap:12px;min-width:0}
.yfn-guide-brand-mark{font-family:Georgia,'Times New Roman',serif;font-size:29px;line-height:1;letter-spacing:-.08em;color:#26251f}
.yfn-guide-brand-copy{display:flex;flex-direction:column;gap:5px;padding-left:12px;border-left:1px solid #c9b58b}
.yfn-guide-brand-copy strong{font-size:9px;letter-spacing:.19em;white-space:nowrap}
.yfn-guide-brand-copy small{font-size:8px;letter-spacing:.2em;color:#827969;white-space:nowrap}
.yfn-guide-header-label{margin-left:auto;color:#9c7a40;font-size:9px;font-weight:700;letter-spacing:.2em;text-align:right}
.yfn-guide-close{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8cebb;border-radius:50%;background:transparent;color:#302e28;font-size:24px;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.yfn-guide-close:hover{background:#eee5d4;border-color:#b99b60;transform:rotate(5deg)}
.yfn-guide-progress{height:3px;background:#e8dfd0}
.yfn-guide-progress-fill{display:block;width:33.333%;height:100%;background:linear-gradient(90deg,#8d682e,#d3b16b);transition:width .24s ease}
.yfn-guide-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:30px;padding:34px 34px 29px}
.yfn-guide-copy{min-width:0}
.yfn-guide-kicker{margin:0 0 14px;color:#a17e43;font-size:10px;font-weight:700;letter-spacing:.2em}
.yfn-guide-copy h2{max-width:390px;margin:0 0 16px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,4vw,45px);font-weight:400;line-height:1.07;letter-spacing:-.045em;color:#282720}
.yfn-guide-description{margin:0;color:#6f6a60;font-size:14px;line-height:1.8}
.yfn-guide-points{display:grid;gap:13px;margin:23px 0 0;padding:0;list-style:none}
.yfn-guide-points li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:8px;align-items:start;color:#464239;font-size:12px;line-height:1.7}
.yfn-guide-points li>span:first-child{color:#a57f3c;font-size:12px}
.yfn-guide-visual{min-width:0;display:flex;align-items:center;justify-content:center;min-height:300px;padding:18px;border:1px solid #e3d7c2;background:linear-gradient(145deg,#f0e7d8,#fbf8f2 58%,#eee4d2);border-radius:8px;overflow:hidden}
.yfn-guide-art{position:relative;box-sizing:border-box;width:100%;max-width:380px;min-height:258px;border-radius:5px;overflow:hidden}
.yfn-guide-art-top{display:flex;justify-content:space-between;align-items:center;padding:15px 14px 11px;color:#c8b58e;font-size:8px;letter-spacing:.18em}
.yfn-guide-art-top i{width:28px;height:2px;background:#b99b60}
.yfn-guide-art-catalog{padding-bottom:15px;background:#27251f;box-shadow:0 12px 26px rgba(37,34,28,.13)}
.yfn-guide-art-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 13px 13px}
.yfn-guide-art-filters span{padding:6px 8px;border:1px solid rgba(219,194,143,.3);color:#f1e7d5;font-size:7px;letter-spacing:.08em}
.yfn-guide-art-filters span:first-child{background:#d2b474;color:#2c2921;border-color:#d2b474}
.yfn-guide-art-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px}
.yfn-guide-art-product{position:relative;min-width:0;padding:6px;background:#f8f5ef;border:1px solid #d9c9ab}
.yfn-guide-art-gem{position:relative;display:grid;place-items:center;height:105px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f2eee5 65%,#e6dcc8 100%)}
.yfn-guide-art-gem:before{content:'';position:absolute;width:49px;height:49px;border:3px solid #c8a45d;border-radius:50%;transform:rotate(-25deg) scaleX(.72);box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),0 4px 8px rgba(70,55,27,.1)}
.yfn-guide-art-gem:after{content:'';position:absolute;width:22px;height:30px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#d8e1e8 38%,#fff 60%,#aeb9c5);border:1px solid #b7c0c8;box-shadow:0 0 8px rgba(143,158,175,.28)}
.yfn-guide-art-gem i{position:absolute;z-index:1;width:15px;height:15px;border:1px solid #fff;background:linear-gradient(135deg,#e7f4ff,#fff 40%,#a7bac9);transform:rotate(45deg)}
.yfn-guide-art-gem-two:before{border-color:#aeb7c0;transform:rotate(20deg) scaleX(.78)}
.yfn-guide-art-gem-two:after{width:31px;height:17px;border-radius:50%;transform:rotate(-30deg)}
.yfn-guide-art-gem-three:before{border-color:#d0b274;transform:rotate(42deg) scaleX(.8)}
.yfn-guide-art-gem-three:after{width:17px;height:29px}
.yfn-guide-art-lines{display:grid;gap:5px;padding:9px 2px 8px}
.yfn-guide-art-lines i{height:3px;background:#d8d0c2}
.yfn-guide-art-lines i:last-child{width:58%;background:#e7dfd1}
.yfn-guide-art-product b{display:block;padding:7px 3px;background:#292720;color:#fff9ed;text-align:center;font-size:6px;letter-spacing:.06em;white-space:nowrap}
.yfn-guide-art-caption{display:flex;align-items:center;gap:9px;padding:15px 14px 0;color:#d6c6a5;font-size:8px;letter-spacing:.16em}
.yfn-guide-art-caption span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b99b60;border-radius:50%;color:#e6c77f}
.yfn-guide-art-form{padding:20px 19px;background:#fbf8f2;border:1px solid #d8c7a6;box-shadow:0 12px 26px rgba(37,34,28,.1)}
.yfn-guide-form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid #ded3c0;color:#a58144;font-size:9px;font-weight:700;letter-spacing:.2em}
.yfn-guide-form-head i{width:8px;height:8px;border-radius:50%;background:#c4a264;box-shadow:0 0 0 4px #eee4d2}
.yfn-guide-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}
.yfn-guide-form-row>div{min-width:0;display:grid;gap:8px}
.yfn-guide-form-row small{color:#8e8576;font-size:8px;font-weight:700;letter-spacing:.1em}
.yfn-guide-form-row b{display:flex;justify-content:space-between;gap:6px;padding:11px 9px;border:1px solid #e0d7c8;background:#fffdf8;color:#49453d;font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yfn-guide-form-row b span{color:#9b7b43}
.yfn-guide-form-notes{display:grid;gap:6px;margin-top:16px;padding:12px;border:1px solid #e0d7c8;background:#fffdf8}
.yfn-guide-form-notes i{height:3px;width:88%;background:#e5ded2}
.yfn-guide-form-notes i:nth-child(2){width:67%}
.yfn-guide-form-notes i:nth-child(3){width:42%}
.yfn-guide-form-submit{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding:13px 12px;background:#282720;color:#fffaf0;font-size:8px;font-weight:700;letter-spacing:.11em}
.yfn-guide-form-submit span{color:#d4b36f;font-size:13px}
.yfn-guide-form-foot{margin:11px 0 0;color:#9c917d;text-align:center;font-size:7px;letter-spacing:.13em}
.yfn-guide-art-id{padding:22px 20px;background:linear-gradient(145deg,#19152e 0%,#29203d 52%,#142b42 100%);color:#fff;box-shadow:0 16px 35px rgba(35,24,56,.2)}
.yfn-guide-id-glow{position:absolute;inset:-35%;pointer-events:none;background:radial-gradient(ellipse at 12% 14%,rgba(197,114,255,.25),transparent 40%),radial-gradient(ellipse at 85% 88%,rgba(72,188,255,.2),transparent 40%)}
.yfn-guide-id-brand,.yfn-guide-id-eyebrow,.yfn-guide-art-id h3,.yfn-guide-id-box,.yfn-guide-id-rule,.yfn-guide-id-note,.yfn-guide-id-tag{position:relative}
.yfn-guide-id-brand{display:flex;align-items:center;gap:9px;margin-bottom:22px}
.yfn-guide-id-brand strong{font-family:Georgia,'Times New Roman',serif;font-size:24px;letter-spacing:-.08em}
.yfn-guide-id-brand span{padding-left:9px;border-left:1px solid rgba(216,186,255,.55);color:#d0c2e8;font-size:7px;font-weight:700;letter-spacing:.17em}
.yfn-guide-id-eyebrow{margin:0 0 8px;color:#d8a8ef;font-size:8px;font-weight:700;letter-spacing:.22em}
.yfn-guide-art-id h3{margin:0 0 19px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,3vw,30px);font-weight:400;letter-spacing:-.035em}
.yfn-guide-id-box{padding:13px 13px 12px;border:1px solid rgba(196,166,255,.42);background:linear-gradient(115deg,rgba(145,91,255,.18),rgba(255,100,207,.1),rgba(76,190,255,.15))}
.yfn-guide-id-box small{color:#c6b7e1;font-size:7px;font-weight:700;letter-spacing:.17em}
.yfn-guide-id-box>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.yfn-guide-id-box strong{font-family:Georgia,'Times New Roman',serif;font-size:37px;font-weight:400;letter-spacing:.05em;background:linear-gradient(100deg,#ff9ce7,#8edfff);color:transparent;background-clip:text;-webkit-background-clip:text}
.yfn-guide-id-box span{padding:10px 12px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(110deg,#8a56ed,#d64cbd,#438de9);color:#fff;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.yfn-guide-id-rule{height:1px;margin:16px 0;background:rgba(210,193,240,.22)}
.yfn-guide-id-note{margin:0;color:#d5cee5;font-size:10px;line-height:1.7}
.yfn-guide-id-tag{display:inline-block;margin-top:15px;color:#99dfff;font-size:7px;letter-spacing:.12em}
.yfn-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 30px 22px;border-top:1px solid #e3dac9;background:rgba(237,230,218,.42)}
.yfn-guide-footer-left{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}
.yfn-guide-step-count{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.yfn-guide-step-count strong{font-family:Georgia,'Times New Roman',serif;color:#a17b3c;font-size:21px;font-weight:400}
.yfn-guide-step-count span{color:#9b9385;font-size:10px}
.yfn-guide-dots{display:flex;align-items:center;gap:5px}
.yfn-guide-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#d7cebd;cursor:pointer;transition:width .2s ease,background .2s ease}
.yfn-guide-dot.is-active{width:22px;background:#ad8848}
.yfn-guide-optout{display:inline-flex;align-items:center;gap:6px;color:#837b6e;font-size:10px;line-height:1.4;cursor:pointer}
.yfn-guide-optout input{width:13px;height:13px;margin:0;accent-color:#a78143}
.yfn-guide-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.yfn-guide-back-button,.yfn-guide-next-button{min-height:43px;padding:11px 15px;border:1px solid #cfc3ad;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.yfn-guide-back-button{background:transparent;color:#5e584d}
.yfn-guide-back-button[hidden]{display:none!important}
.yfn-guide-back-button:hover{background:#eee5d5;border-color:#b99a5c}
.yfn-guide-next-button{border-color:#292720;background:linear-gradient(120deg,#302e28,#211f1b);color:#fffaf0;box-shadow:0 5px 14px rgba(40,37,30,.13)}
.yfn-guide-next-button span{margin-left:8px;color:#d9b76e;font-size:14px}
.yfn-guide-next-button:hover{transform:translateY(-1px);background:linear-gradient(120deg,#484237,#25231e)}
.yfn-guide-open{overflow:hidden}
@keyframes yfnGuideFadeIn{from{opacity:0}to{opacity:1}}
@keyframes yfnGuideRiseIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){
  .yfn-guide-modal{padding:10px;align-items:center}
  .yfn-guide-dialog{max-height:calc(100dvh - 20px);border-radius:9px}
  .yfn-guide-header{gap:9px;padding:16px 15px 13px}
  .yfn-guide-brand{gap:8px}
  .yfn-guide-brand-mark{font-size:25px}
  .yfn-guide-brand-copy{padding-left:8px;gap:4px}
  .yfn-guide-brand-copy strong{font-size:8px;letter-spacing:.13em}
  .yfn-guide-brand-copy small{font-size:7px;letter-spacing:.14em}
  .yfn-guide-header-label{display:none}
  .yfn-guide-close{width:32px;height:32px;font-size:22px}
  .yfn-guide-layout{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 18px 18px}
  .yfn-guide-kicker{margin-bottom:10px;font-size:9px}
  .yfn-guide-copy h2{max-width:none;margin-bottom:11px;font-size:clamp(29px,8vw,37px)}
  .yfn-guide-description{font-size:12px;line-height:1.7}
  .yfn-guide-points{gap:8px;margin-top:14px}
  .yfn-guide-points li{font-size:11px;line-height:1.55}
  .yfn-guide-visual{min-height:220px;padding:11px}
  .yfn-guide-art{min-height:210px}
  .yfn-guide-art-catalog{padding-bottom:10px}
  .yfn-guide-art-gem{height:76px}
  .yfn-guide-art-products{gap:5px;padding:0 8px}
  .yfn-guide-art-product{padding:4px}
  .yfn-guide-art-product b{font-size:5px;padding:6px 1px}
  .yfn-guide-art-lines{padding:7px 2px 6px}
  .yfn-guide-art-caption{padding:10px 10px 0;font-size:7px}
  .yfn-guide-art-form{padding:15px 12px}
  .yfn-guide-form-row{gap:7px;margin-top:13px}
  .yfn-guide-form-row b{padding:9px 6px;font-size:8px}
  .yfn-guide-art-id{padding:18px 15px}
  .yfn-guide-id-brand{margin-bottom:15px}
  .yfn-guide-art-id h3{font-size:25px}
  .yfn-guide-id-box strong{font-size:32px}
  .yfn-guide-footer{align-items:stretch;flex-direction:column;gap:13px;padding:13px 18px 17px}
  .yfn-guide-footer-left{gap:10px}
  .yfn-guide-optout{margin-left:auto;font-size:9px}
  .yfn-guide-actions{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%}
  .yfn-guide-back-button,.yfn-guide-next-button{min-height:42px}
  .yfn-guide-next-button{padding-left:12px;padding-right:12px}
}
@media(max-width:380px){
  .yfn-guide-optout{width:100%;margin-left:0}
  .yfn-guide-footer-left{gap:9px}
  .yfn-guide-art-filters span{padding:5px 6px;font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .yfn-guide-modal,.yfn-guide-dialog{animation:none!important}
  .yfn-guide-progress-fill,.yfn-guide-dot,.yfn-guide-close,.yfn-guide-back-button,.yfn-guide-next-button{transition:none!important}
}




/* YFN compact onboarding refinements */
.yfn-guide-dialog{width:min(760px,100%);border-radius:10px}
.yfn-guide-header{gap:12px;padding:18px 24px 14px}
.yfn-guide-header-label{font-size:8px;letter-spacing:.16em}
.yfn-guide-layout{gap:22px;padding:22px 24px 20px}
.yfn-guide-kicker{margin-bottom:9px}
.yfn-guide-copy h2{margin-bottom:10px;font-size:clamp(28px,3.3vw,36px)}
.yfn-guide-description{font-size:13px;line-height:1.65}
.yfn-guide-points:empty{display:none}
.yfn-guide-visual{min-height:240px;padding:13px}
.yfn-guide-art{min-height:220px}
.yfn-guide-footer{gap:12px;padding:13px 24px 16px}
.yfn-guide-footer-left{gap:11px}
.yfn-guide-optout{font-size:9px}
.yfn-guide-back-button,.yfn-guide-next-button{min-height:39px;padding:9px 13px}
@media(max-width:680px){
 .yfn-guide-header{padding:14px 14px 11px}
 .yfn-guide-layout{gap:11px;padding:17px 15px 14px}
 .yfn-guide-copy h2{margin-bottom:8px;font-size:clamp(27px,7vw,33px)}
 .yfn-guide-description{font-size:12px;line-height:1.55}
 .yfn-guide-visual{min-height:180px;padding:9px}
 .yfn-guide-art{min-height:175px}
 .yfn-guide-art-gem{height:60px}
 .yfn-guide-art-caption{padding-top:8px}
 .yfn-guide-footer{gap:10px;padding:12px 15px 14px}
}
@media(prefers-reduced-motion:reduce){
 .yfn-guide-progress-fill,.yfn-guide-dot,.yfn-guide-close,.yfn-guide-back-button,.yfn-guide-next-button{transition:none!important}
}





/* YFN AI Jewelry Design Studio — Google Gemini image generation */
.ai-studio-section{padding:82px 0 92px;background:#f0eae0;border-top:1px solid #e2d8c9}
.ai-studio-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}
.ai-studio-heading .eyebrow{margin:0 0 12px;color:#ad8a4d;font-size:9px;font-weight:700;letter-spacing:.19em}
.ai-studio-heading .eyebrow span{color:#948b7d;font-weight:500;letter-spacing:.12em}
.ai-studio-heading h2{margin:0;font-family:var(--serif);font-size:clamp(38px,4.1vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.08;color:#292720}
.ai-studio-heading h2 em{color:#b18d51;font-weight:400}
.ai-studio-intro{max-width:385px;margin:0 0 3px;color:#777065;font-size:11px;line-height:1.9}
.ai-studio-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:18px;align-items:stretch}
.ai-studio-form-panel{min-width:0;padding:25px 25px 19px;background:#faf8f3;border:1px solid #ded4c4;box-shadow:0 12px 35px rgba(61,48,28,.035)}
.ai-studio-form-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid #e3d9c9;color:#9f7d43;font-size:8px;font-weight:700;letter-spacing:.17em}
.ai-studio-powered{padding:6px 8px;border:1px solid #e3d4b7;color:#a88a56;font-size:7px;letter-spacing:.12em}
.ai-studio-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}
.ai-studio-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#6e685e;font-size:10px}
.ai-studio-field select,.ai-studio-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ded5c7;border-radius:0;background:#fffdf8;color:#302e28;font:inherit;font-size:11px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.ai-studio-field select{height:40px;padding:0 11px}
.ai-studio-field textarea{min-height:94px;padding:12px;resize:vertical;line-height:1.65}
.ai-studio-field select:focus,.ai-studio-field textarea:focus{border-color:#b7955c;box-shadow:0 0 0 2px rgba(183,149,92,.1)}
.ai-studio-prompt-field{margin-top:16px}
.ai-studio-field textarea::placeholder{color:#aaa092}

.ai-studio-upload{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px dashed #d4c7b2;background:#f8f4ec;cursor:pointer}
.ai-upload-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d8c8aa;border-radius:50%;color:#a3834c;font-size:17px}
.ai-studio-upload>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.ai-studio-upload strong{color:#5b554b;font-size:9px;font-weight:600}
.ai-studio-upload small{overflow:hidden;color:#9d9486;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.ai-studio-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.ai-studio-generate{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:47px;margin-top:14px;padding:0 16px;border:1px solid #292720;background:#292720;color:#fffdf8;font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease}
.ai-studio-generate span{color:#d2b47a;font-size:17px}
.ai-studio-generate:hover{background:#3a352a;border-color:#b99a65}
.ai-studio-generate:disabled{opacity:.58;cursor:wait}
.ai-studio-status{min-height:15px;margin:8px 0 0;color:#887044;font-size:9px;line-height:1.5}
.ai-studio-status.is-error{color:#a4493f}
.ai-studio-cost-note{margin:4px 0 0;color:#a59c8e;font-size:8px;letter-spacing:.03em}
.ai-studio-preview-panel{display:flex;flex-direction:column;min-width:0;padding:19px;background:#292720;border:1px solid #6b5b3c;box-shadow:0 16px 40px rgba(45,38,26,.1)}
.ai-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 14px;color:#d2b67e;font-size:8px;font-weight:700;letter-spacing:.16em}
.ai-preview-heading span:last-child{color:#b7afa1;font-size:7px;font-weight:500;letter-spacing:.1em;text-align:right}
.ai-preview-canvas{position:relative;display:grid;place-items:center;min-height:360px;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fffdf9 0%,#f5f0e7 65%,#e6ddce 100%);border:1px solid rgba(196,165,106,.42)}
.ai-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;text-align:center}
.ai-preview-sparkle{color:#b6955c;font-family:var(--serif);font-size:43px;line-height:1}
.ai-preview-placeholder strong{color:#4b4438;font-family:var(--serif);font-size:24px;font-weight:400}
.ai-preview-placeholder small{color:#948b7d;font-size:9px;letter-spacing:.05em}
.ai-preview-canvas>img{width:100%;height:100%;max-height:560px;object-fit:contain}
.ai-preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:rgba(247,243,235,.92);text-align:center}
.ai-preview-loading[hidden]{display:none}
.ai-preview-loading strong{color:#403a30;font-family:var(--serif);font-size:23px;font-weight:400}
.ai-preview-loading small{color:#8d8477;font-size:9px}
.ai-loading-orbit{width:36px;height:36px;border:2px solid #e4d8c5;border-top-color:#b39158;border-right-color:#b39158;border-radius:50%;animation:aiStudioSpin .85s linear infinite}
@keyframes aiStudioSpin{to{transform:rotate(360deg)}}
.ai-preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}
.ai-preview-actions[hidden]{display:none}
.ai-download-button,.ai-use-button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 12px;font-size:8px;letter-spacing:.04em;text-decoration:none;cursor:pointer}
.ai-download-button{border:1px solid #b99a65;background:#b99a65;color:#292720}
.ai-use-button{border:1px solid #6b6252;background:transparent;color:#f6f0e5}
.ai-use-button:hover{border-color:#d3b77e;color:#e3c994}
.ai-preview-disclaimer{margin:12px 2px 0;color:#a69e90;font-size:8px;line-height:1.7}
@media(max-width:1000px){.ai-studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.ai-studio-form-panel{padding:20px}.ai-preview-canvas{min-height:300px}}
@media(max-width:680px){
 .ai-studio-section{padding:58px 0 65px}
 .ai-studio-heading{display:block;margin-bottom:23px}
 .ai-studio-heading h2{font-size:40px}
 .ai-studio-intro{margin-top:12px;font-size:10px}
 .ai-studio-layout{grid-template-columns:1fr;gap:13px}
 .ai-studio-form-panel{padding:18px 15px 16px}
 .ai-studio-field-grid{gap:11px 9px}
 .ai-studio-field{font-size:9px}
 .ai-studio-field select{height:43px;padding:0 8px;font-size:10px}
 .ai-studio-field textarea{font-size:11px}
 .ai-studio-preview-panel{padding:13px}
 .ai-preview-canvas{min-height:0}
 .ai-preview-placeholder strong{font-size:21px}
 .ai-preview-actions{display:grid;grid-template-columns:1fr 1fr}
 .ai-download-button,.ai-use-button{min-height:42px;padding:0 8px;text-align:center}
}
@media(prefers-reduced-motion:reduce){.ai-loading-orbit{animation:none}.ai-studio-field select,.ai-studio-field textarea,.ai-studio-generate{transition:none}}


/* Catalog pagination: four responsive rows per page */
.catalog-pagination[hidden]{display:none!important}
.catalog-pagination{display:flex;align-items:center;justify-content:flex-end;gap:34px;width:min(100%,570px);margin:26px 0 0 auto;padding:10px 0 8px;color:var(--ink)}
.catalog-page-arrow{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#74664f;padding:12px 2px;font-size:9px;font-weight:700;letter-spacing:.13em;transition:color .2s,opacity .2s}
.catalog-page-arrow:hover:not(:disabled){color:var(--gold)}
.catalog-page-arrow span[aria-hidden]{font-size:19px;font-weight:400;line-height:1}
.catalog-page-arrow:disabled{opacity:.28;cursor:not-allowed}
.catalog-page-center{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:76px}
.catalog-page-caption{font-size:8px;letter-spacing:.2em;color:#9a8d78}
.catalog-page-counter{display:flex;align-items:baseline;gap:7px;font-family:var(--serif);color:var(--ink)}
.catalog-page-counter strong{font-size:24px;font-weight:400;line-height:1}
.catalog-page-counter>span{font-size:13px;color:#9b907f}
.catalog-page-track{width:82px;height:2px;background:#e2dbcf;margin-top:4px;overflow:hidden}
.catalog-page-track span{display:block;height:100%;background:var(--gold);transition:width .3s ease}
@media(max-width:680px){.catalog-pagination{width:100%;gap:16px;margin-top:20px;padding:8px 0 4px}.catalog-page-arrow{gap:6px;font-size:8px;letter-spacing:.1em}.catalog-page-center{min-width:65px}.catalog-page-counter strong{font-size:22px}.catalog-page-track{width:68px}}
@media(prefers-reduced-motion:reduce){.catalog-page-track span{transition:none}}

/* Premium AI Image Generation side prompt */
.ai-side-prompt{position:fixed;z-index:9;left:0;top:clamp(150px,23.6vh,240px);display:flex;width:108px;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:11px 8px;border:1px solid #ded3c0;background:rgba(247,243,235,.94);box-shadow:0 4px 14px rgba(37,33,25,.07);color:#39352d;text-align:center;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.ai-side-prompt:hover{transform:translateX(3px);background:#f2ece1;border-color:#c9b58f}
.ai-side-prompt:focus-visible{outline:2px solid #b49762;outline-offset:3px}
.ai-side-prompt-title{display:flex;flex-direction:column;gap:2px;color:#39352d;font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:-.025em;line-height:1.16}
.ai-side-prompt-title strong{color:#ad8c53;font-weight:400}
.ai-side-prompt-arrow{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(173,140,83,.42);border-radius:50%;color:#ad8c53;font-size:14px;line-height:1}
@media(max-width:1100px){.ai-side-prompt{display:none}}
@media(prefers-reduced-motion:reduce){.ai-side-prompt{transition:none}}


/* Temporary add-to-cart guidance arrow */
.cart-arrow-hint{position:fixed;inset:0;z-index:10020;width:100vw;height:100vh;pointer-events:none;overflow:visible}
.cart-arrow-hint svg{display:block;width:100%;height:100%;overflow:visible}
.cart-arrow-hint__glow{fill:none;stroke:#c3a36d;stroke-width:9;stroke-linecap:round;opacity:.22;filter:blur(3px)}
.cart-arrow-hint__line{fill:none;stroke:#b5965e;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(120,91,43,.22));transition:stroke-dashoffset .72s cubic-bezier(.18,.72,.25,1),opacity .4s ease}
.cart-arrow-hint__start{fill:#d2b77f;stroke:#fffaf0;stroke-width:2;opacity:.95;transition:opacity .4s ease}
.cart-arrow-hint.is-fading .cart-arrow-hint__line,.cart-arrow-hint.is-fading .cart-arrow-hint__glow,.cart-arrow-hint.is-fading .cart-arrow-hint__start{opacity:0}
@media(max-width:600px){.cart-arrow-hint__line{stroke-width:2.8}.cart-arrow-hint__glow{stroke-width:7}}
@media(prefers-reduced-motion:reduce){.cart-arrow-hint__line{transition:opacity .4s ease}}


/* Refined compact luxury cart and subtle pointer — desktop and mobile */
/* A smaller, more tailored Shopping Cart frame */
.header-shortlist{min-height:42px!important;padding:9px 13px!important;gap:8px!important;border-color:#aa8e5e!important;background:linear-gradient(145deg,#302e28 0%,#24231f 100%)!important;box-shadow:0 3px 11px rgba(38,36,31,.10),inset 0 1px 0 rgba(255,255,255,.055)!important;font-size:10px!important;letter-spacing:.085em!important}
.header-shortlist:hover{border-color:#cbb27e!important;box-shadow:0 5px 15px rgba(38,36,31,.15),inset 0 1px 0 rgba(255,255,255,.07)!important}
.header-shortlist .header-cart-icon{width:16px;height:16px;color:#c9ad76}
.header-shortlist span#headerCount{min-width:20px;height:20px;padding:0 4px;background:linear-gradient(145deg,#d9c18f 0%,#b89a62 100%);font-size:9px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
/* Fine champagne-gold pointer: lighter stroke, smaller head and softer glow */
.cart-arrow-hint{position:fixed;inset:0;z-index:10020;width:100%;height:100%;pointer-events:none;overflow:visible}
.cart-arrow-hint__glow{stroke:#c2a875;stroke-width:5.5;opacity:.13;filter:blur(2px)}
.cart-arrow-hint__line{stroke:#aa905f;stroke-width:2.05;filter:drop-shadow(0 1px 2px rgba(120,91,43,.14));transition:stroke-dashoffset .82s cubic-bezier(.2,.72,.24,1),opacity .48s ease}
.cart-arrow-hint__start{fill:#c7ad7b;stroke:#faf6ed;stroke-width:1.3;opacity:.88}
.cart-arrow-hint.is-fading .cart-arrow-hint__line,.cart-arrow-hint.is-fading .cart-arrow-hint__glow,.cart-arrow-hint.is-fading .cart-arrow-hint__start{opacity:0}
@media(max-width:680px){
  .header-shortlist{min-height:39px!important;padding:7px 9px!important;gap:6px!important;font-size:9px!important;letter-spacing:.055em!important;box-shadow:0 3px 9px rgba(38,36,31,.11)!important}
  .header-shortlist .header-cart-icon{width:15px;height:15px}
  .header-shortlist span#headerCount{min-width:18px;height:18px;font-size:8px}
  .cart-arrow-hint__line{stroke-width:1.75}
  .cart-arrow-hint__glow{stroke-width:4.5;opacity:.12}
  .cart-arrow-hint__start{stroke-width:1.1}
}
@media(prefers-reduced-motion:reduce){.cart-arrow-hint__line{transition:opacity .4s ease}}

.customization-id-whatsapp-countdown[hidden]{display:none!important}
.customization-id-whatsapp-countdown{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:10px 13px;border:1px solid rgba(133,190,255,.38);border-radius:5px;background:linear-gradient(110deg,rgba(113,83,211,.16),rgba(71,172,231,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(103,145,255,.08)}
.customization-id-whatsapp-count-number{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(149,177,255,.65);border-radius:50%;background:linear-gradient(145deg,rgba(168,93,244,.35),rgba(58,175,232,.25));color:#f7eaff;font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1;text-shadow:0 0 12px rgba(164,132,255,.7);box-shadow:0 0 15px rgba(112,145,255,.2);animation:whatsappCountdownPulse .95s ease-in-out infinite}
.customization-id-whatsapp-count-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.customization-id-whatsapp-count-copy strong{color:#d9caff;font-size:9px;font-weight:700;letter-spacing:.17em}
.customization-id-whatsapp-count-copy small{color:#c7d9ef;font-size:11px;line-height:1.35}
@keyframes whatsappCountdownPulse{0%,100%{transform:scale(1);box-shadow:0 0 12px rgba(112,145,255,.18)}50%{transform:scale(1.07);box-shadow:0 0 21px rgba(112,185,255,.38)}}
@media(prefers-reduced-motion:reduce){.customization-id-whatsapp-count-number{animation:none}}
@media(max-width:680px){.customization-id-whatsapp-countdown{gap:10px;padding:9px 11px}.customization-id-whatsapp-count-number{flex-basis:35px;width:35px;height:35px;font-size:23px}}

/* AI FUTURE LAB — Midnight technology theme */
.ai-studio-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:88px 0 96px;
  background:
    radial-gradient(ellipse at 12% 16%,rgba(40,157,201,.16),transparent 31%),
    radial-gradient(ellipse at 88% 78%,rgba(49,105,172,.17),transparent 34%),
    linear-gradient(135deg,#080f19 0%,#0b1726 52%,#101d2d 100%);
  border-top:1px solid rgba(107,194,228,.28);
  border-bottom:1px solid rgba(107,194,228,.16);
}
.ai-studio-section::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.23;
  background-image:
    linear-gradient(rgba(118,190,224,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(118,190,224,.09) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%);
}
.ai-studio-section>.section-wrap{
  position:relative;
  z-index:1;
}
.ai-studio-heading .eyebrow{
  color:#78d6f4;
  text-shadow:0 0 18px rgba(91,202,239,.24);
}
.ai-studio-heading .eyebrow span{
  color:#8298ad;
}
.ai-studio-heading h2{
  color:#f0f6fb;
}
.ai-studio-heading h2 em{
  color:#83dcf5;
  text-shadow:0 0 24px rgba(91,202,239,.2);
}
.ai-studio-intro{
  color:#a7b8c8;
}
.ai-studio-form-panel{
  background:linear-gradient(145deg,rgba(17,31,47,.96),rgba(10,21,34,.96));
  border:1px solid rgba(108,170,202,.3);
  box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.ai-studio-form-top{
  color:#80d8f2;
  border-bottom-color:rgba(116,178,207,.22);
}
.ai-studio-powered{
  border-color:rgba(115,207,237,.38);
  background:rgba(83,183,221,.07);
  color:#a4e7fa;
}
.ai-studio-field{
  color:#b8c8d7;
}
.ai-studio-field select,
.ai-studio-field textarea{
  border-color:rgba(121,158,185,.34);
  background:rgba(5,15,26,.76);
  color:#edf6fc;
  color-scheme:dark;
}
.ai-studio-field select option{
  background:#101d2c;
  color:#edf6fc;
}
.ai-studio-field select:focus,
.ai-studio-field textarea:focus{
  border-color:#70d7f4;
  box-shadow:0 0 0 2px rgba(93,198,232,.14),0 0 20px rgba(66,178,222,.09);
}
.ai-studio-field textarea::placeholder{
  color:#71869a;
}
.ai-studio-upload{
  border-color:rgba(109,188,220,.42);
  background:rgba(52,112,145,.1);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.ai-studio-upload:hover{
  border-color:rgba(125,220,247,.78);
  background:rgba(52,140,177,.16);
  box-shadow:0 0 20px rgba(75,177,219,.08);
}
.ai-upload-icon{
  border-color:rgba(117,210,239,.55);
  background:rgba(75,178,216,.1);
  color:#8be2fb;
}
.ai-studio-upload strong{
  color:#e1edf6;
}
.ai-studio-upload small{
  color:#91a6b9;
}
.ai-studio-generate{
  border-color:#75d9f4;
  background:linear-gradient(105deg,#75d9f4 0%,#82c7f0 54%,#b5d6f5 100%);
  color:#071521;
  box-shadow:0 8px 24px rgba(73,180,222,.18),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,opacity .18s ease;
}
.ai-studio-generate span{
  color:#102b40;
}
.ai-studio-generate:hover{
  transform:translateY(-1px);
  border-color:#b6f0ff;
  background:linear-gradient(105deg,#a1eaff 0%,#9bd7fa 54%,#d3e8ff 100%);
  box-shadow:0 11px 30px rgba(73,180,222,.28),0 0 22px rgba(73,180,222,.13);
}
.ai-studio-generate:disabled{
  transform:none;
  filter:saturate(.55);
}
.ai-studio-status{
  color:#91dff4;
}
.ai-studio-status.is-error{
  color:#ff9eaa;
}
.ai-studio-cost-note{
  color:#8296aa;
}
.ai-studio-preview-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(48,145,188,.14),transparent 48%),
    linear-gradient(150deg,#0b1928 0%,#07121f 72%,#0b1a2a 100%);
  border:1px solid rgba(111,197,229,.42);
  box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);
}
.ai-preview-heading{
  color:#8be0f7;
}
.ai-preview-heading span:last-child{
  color:#8da8bb;
}
.ai-preview-canvas{
  background:
    radial-gradient(ellipse at 50% 42%,rgba(62,139,177,.22),transparent 43%),
    linear-gradient(145deg,#0c1b2b 0%,#07131f 62%,#0d1d2e 100%);
  border:1px solid rgba(107,197,230,.34);
}
.ai-preview-canvas::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.48;
  background-image:
    linear-gradient(rgba(126,202,231,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,202,231,.08) 1px,transparent 1px);
  background-size:34px 34px;
}
.ai-preview-canvas::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,transparent 25%,rgba(2,9,17,.28) 100%);
}
.ai-preview-placeholder{
  position:relative;
  z-index:1;
}
.ai-preview-sparkle{
  color:#8ce6ff;
  text-shadow:0 0 12px rgba(102,215,249,.55),0 0 34px rgba(67,174,220,.3);
}
.ai-preview-placeholder strong{
  color:#eaf5fc;
  text-shadow:0 2px 20px rgba(102,188,224,.12);
}
.ai-preview-placeholder small{
  color:#91aabd;
}
.ai-preview-canvas>img{
  position:relative;
  z-index:1;
}
.ai-preview-loading{
  z-index:2;
  background:rgba(5,15,26,.94);
  color:#eaf5fc;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ai-preview-loading strong{
  color:#eaf5fc;
}
.ai-preview-loading small{
  color:#9bb4c7;
}
.ai-loading-orbit{
  border-color:rgba(110,198,230,.2);
  border-top-color:#85e5ff;
  border-right-color:#69c5ed;
  box-shadow:0 0 22px rgba(84,197,237,.16);
}
.ai-download-button,
.ai-use-button{
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.ai-download-button{
  border-color:#7bdcf6;
  background:linear-gradient(105deg,#7bdcf6,#a7dcf7);
  color:#071521;
  box-shadow:0 5px 18px rgba(77,184,224,.14);
}
.ai-download-button:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(77,184,224,.24);
}
.ai-use-button{
  border-color:rgba(126,205,235,.48);
  background:rgba(65,145,180,.08);
  color:#d9edf7;
}
.ai-use-button:hover{
  border-color:#8ce5ff;
  background:rgba(65,145,180,.17);
  color:#a8edff;
  box-shadow:0 0 18px rgba(77,184,224,.1);
}
.ai-preview-disclaimer{
  color:#8299ac;
}
.ai-side-prompt{
  border-color:rgba(110,190,221,.42);
  background:rgba(9,22,36,.96);
  box-shadow:0 8px 26px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);
  color:#e8f5fb;
}
.ai-side-prompt:hover{
  background:#102b40;
  border-color:#82def8;
  box-shadow:0 8px 28px rgba(39,147,190,.2);
}
.ai-side-prompt-title{
  color:#e8f5fb;
}
.ai-side-prompt-title strong{
  color:#84ddf6;
}
.ai-side-prompt-arrow{
  border-color:rgba(125,216,245,.5);
  color:#84ddf6;
}
.ai-side-prompt:focus-visible{
  outline-color:#83def8;
}
@media(max-width:680px){
  .ai-studio-section{
    padding:62px 0 70px;
  }
  .ai-studio-form-panel{
    padding:18px 15px 16px;
  }
  .ai-studio-preview-panel{
    padding:13px;
  }
}
@media(prefers-reduced-motion:reduce){
  .ai-studio-upload,
  .ai-studio-generate,
  .ai-download-button,
  .ai-use-button{
    transition:none;
  }
  .ai-studio-generate:hover,
  .ai-download-button:hover{
    transform:none;
  }
}


/* YFN INQUIRY — BLACK GOLD LUXURY
   Scoped exclusively to #inquiry; all form behavior and product data remain unchanged. */
.inquiry-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  padding:clamp(34px,4.8vw,64px);
  margin-top:18px;
  margin-bottom:24px;
  color:#f4eddf;
  background:
    radial-gradient(ellipse at 8% 4%,rgba(194,158,91,.13),transparent 34%),
    radial-gradient(ellipse at 92% 94%,rgba(151,117,62,.09),transparent 35%),
    linear-gradient(138deg,#171713 0%,#211f19 48%,#151511 100%);
  border:1px solid rgba(190,157,95,.52);
  box-shadow:0 22px 58px rgba(24,21,15,.16),inset 0 1px 0 rgba(255,255,255,.035);
}
.inquiry-section:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:10px;
  border:1px solid rgba(198,166,108,.13);
  pointer-events:none;
}
.inquiry-section:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:340px;
  height:340px;
  right:-170px;
  top:-205px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(206,174,115,.12),transparent 68%);
  pointer-events:none;
}
.inquiry-section > *{position:relative;z-index:1}
.inquiry-section .eyebrow{
  color:#c9a96d;
  letter-spacing:.22em;
}
.inquiry-section .inquiry-heading{margin-bottom:34px}
.inquiry-section .inquiry-heading h2{
  color:#f5efe4;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.inquiry-section .inquiry-heading .gold-dot{color:#c9a96d}
.inquiry-section .section-intro{
  color:#bdb5a5;
}
.inquiry-section .shortlist-panel,
.inquiry-section .inquiry-form{
  position:relative;
  box-sizing:border-box;
  border:1px solid rgba(190,157,95,.42);
  background:linear-gradient(145deg,rgba(12,12,10,.78),rgba(31,29,23,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.12);
}
.inquiry-section .shortlist-panel:before,
.inquiry-section .inquiry-form:before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(198,166,108,.09);
  pointer-events:none;
}
.inquiry-section .panel-heading{
  border-bottom:1px solid rgba(190,157,95,.32);
}
.inquiry-section .panel-heading h3{color:#f1e8d7}
.inquiry-section .panel-heading h3 span{color:#d0b27a}
.inquiry-section .panel-heading .text-button{
  color:#d0b27a;
  border-bottom-color:rgba(208,178,122,.55);
  transition:color .18s ease,border-color .18s ease;
}
.inquiry-section .panel-heading .text-button:hover{
  color:#f2d9a5;
  border-bottom-color:#e1c58e;
}
.inquiry-section .shortlist-empty{padding-top:clamp(40px,5vw,58px);padding-bottom:clamp(36px,4vw,48px)}
.inquiry-section .shortlist-empty>span{
  color:#c9a96d;
  text-shadow:0 0 18px rgba(201,169,109,.2);
}
.inquiry-section .shortlist-empty p{color:#eee4d2}
.inquiry-section .shortlist-empty small{color:#aaa292}
.inquiry-section .shortlist-row{
  border-bottom-color:rgba(190,157,95,.2);
  border-left-color:transparent;
  color:#eee5d5;
}
.inquiry-section .shortlist-row:hover{
  background:rgba(201,169,109,.075);
}
.inquiry-section .shortlist-row.is-active{
  background:linear-gradient(110deg,rgba(185,146,77,.19),rgba(255,255,255,.025));
  border-color:rgba(199,166,105,.48);
  border-left-color:#c9a96d;
  box-shadow:inset 0 0 0 1px rgba(201,169,109,.08),0 5px 18px rgba(0,0,0,.12);
}
.inquiry-section .shortlist-row.is-active h4{color:#f2dfb9}
.inquiry-section .shortlist-row h4{color:#eee5d5}
.inquiry-section .shortlist-row p{color:#aaa292}
.inquiry-section .shortlist-row input{
  border-color:rgba(190,157,95,.4);
  background:#171713;
  color:#f4eddf;
}
.inquiry-section .shortlist-row input:focus{
  outline:1px solid #c9a96d;
  border-color:#c9a96d;
}
.inquiry-section .shortlist-row .remove-item{
  color:#c9a96d;
  background:transparent;
  border:0;
}
.inquiry-section .shortlist-active-badge,
.inquiry-section .shortlist-select-hint{
  color:#c8ad79;
}
.inquiry-section .inquiry-form .form-title{
  border-bottom-color:rgba(190,157,95,.34);
}
.inquiry-section .inquiry-form .form-title span{color:#d0b27a}
.inquiry-section .inquiry-form .form-title p{color:#aaa292}
.inquiry-section .inquiry-form label{
  color:#d0c5b2;
}
.inquiry-section .inquiry-form input,
.inquiry-section .inquiry-form select,
.inquiry-section .inquiry-form textarea{
  box-sizing:border-box;
  border:1px solid rgba(190,157,95,.38);
  background:linear-gradient(145deg,#171713,#201e18);
  color:#f2eadb;
  color-scheme:dark;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.18);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.inquiry-section .inquiry-form input:focus,
.inquiry-section .inquiry-form select:focus,
.inquiry-section .inquiry-form textarea:focus{
  border-color:#c9a96d;
  box-shadow:0 0 0 2px rgba(201,169,109,.12),inset 0 1px 3px rgba(0,0,0,.18);
  outline:none;
}
.inquiry-section .inquiry-form input::placeholder,
.inquiry-section .inquiry-form textarea::placeholder{color:#928876}
.inquiry-section .inquiry-form select option{
  background:#201e18;
  color:#f2eadb;
}
.inquiry-section .inquiry-form input:disabled,
.inquiry-section .inquiry-form select:disabled,
.inquiry-section .inquiry-form textarea:disabled{
  opacity:.56;
}
.inquiry-section .form-submit-row{gap:15px}
.inquiry-section .submit-button{
  border:1px solid #d2b477;
  background:linear-gradient(135deg,#d4b879 0%,#b38e50 52%,#94713b 100%);
  color:#171611;
  font-weight:700;
  box-shadow:0 7px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.inquiry-section .submit-button span{color:#211d14}
.inquiry-section .submit-button:hover{
  background:linear-gradient(135deg,#e2ca98 0%,#c5a365 52%,#a48249 100%);
  color:#171611;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 18px rgba(201,169,109,.13);
}
.inquiry-section .privacy-note{color:#aaa292}
.inquiry-section .submit-result{
  border:1px solid rgba(190,157,95,.43);
  background:linear-gradient(145deg,#171713,#242119);
  color:#e9dfcc;
}
.inquiry-section .submit-result textarea{
  border:1px solid rgba(190,157,95,.38);
  background:#11110f;
  color:#eee5d5;
}
.inquiry-section :focus-visible{
  outline:2px solid #d0b27a;
  outline-offset:3px;
}
@media(max-width:680px){
  .inquiry-section{
    padding:28px 17px 32px;
    margin-top:10px;
    margin-bottom:16px;
  }
  .inquiry-section:before{inset:6px}
  .inquiry-section .inquiry-heading{margin-bottom:22px}
  .inquiry-section .shortlist-panel,
  .inquiry-section .inquiry-form{padding:17px 14px}
  .inquiry-section .shortlist-empty{padding:34px 6px 30px}
  .inquiry-section .form-submit-row{gap:10px}
  .inquiry-section .submit-button{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .inquiry-section .panel-heading .text-button,
  .inquiry-section .inquiry-form input,
  .inquiry-section .inquiry-form select,
  .inquiry-section .inquiry-form textarea,
  .inquiry-section .submit-button{transition:none}
}


/* YFN INQUIRY — WARM IVORY PRODUCT-FIRST REDESIGN */
/* Visual-only overrides: preserve all existing shortlist, quantity, image preview and inquiry behavior. */
.inquiry-section{
  color:#302b23!important;
  background:linear-gradient(145deg,#fbf9f4 0%,#f3eee4 100%)!important;
  border:1px solid #e7dfd0!important;
  box-shadow:0 18px 46px rgba(67,53,31,.09)!important;
}
.inquiry-section:before,
.inquiry-section:after{display:none!important}
.inquiry-section .eyebrow{color:#9b783d!important}
.inquiry-section .inquiry-heading h2{
  color:#2e2a23!important;
  text-shadow:none!important;
}
.inquiry-section .inquiry-heading .gold-dot{color:#a98243!important}
.inquiry-section .section-intro{color:#756d61!important}
.inquiry-section .inquiry-layout{
  grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(18px,2.2vw,32px)!important;
}
.inquiry-section .shortlist-panel,
.inquiry-section .inquiry-form{
  position:relative;
  border:1px solid #e5ddcf!important;
  border-radius:10px!important;
  background:#fffefa!important;
  box-shadow:0 8px 24px rgba(62,49,29,.055)!important;
  color:#302b23!important;
  padding:clamp(18px,2vw,26px)!important;
}
.inquiry-section .shortlist-panel:before,
.inquiry-section .inquiry-form:before{display:none!important}
.inquiry-section .panel-heading{
  border-bottom:1px solid #e9e1d4!important;
  padding-bottom:16px!important;
}
.inquiry-section .panel-heading h3{
  color:#302b23!important;
  font-size:24px!important;
}
.inquiry-section .panel-heading h3 span{color:#98743c!important}
.inquiry-section .panel-heading .text-button{
  color:#87652f!important;
  border-bottom-color:#cdb98f!important;
}
.inquiry-section .panel-heading .text-button:hover{
  color:#59401c!important;
  border-bottom-color:#98743c!important;
}
.inquiry-section .shortlist-empty>span{color:#a9874e!important}
.inquiry-section .shortlist-empty p{color:#302b23!important}
.inquiry-section .shortlist-empty small{color:#81786b!important}
.inquiry-section .shortlist-row{
  grid-template-columns:116px minmax(0,1fr) auto!important;
  gap:16px!important;
  padding:16px 12px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-bottom:1px solid #eee7dc!important;
  border-left:3px solid transparent!important;
  border-radius:8px!important;
  color:#302b23!important;
  background:#fffefa!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.inquiry-section .shortlist-row:hover{
  background:#faf7f0!important;
}
.inquiry-section .shortlist-row.is-active{
  background:#f8f2e7!important;
  border:1px solid #d9c49b!important;
  border-left:4px solid #a98243!important;
  box-shadow:0 5px 16px rgba(102,78,39,.07)!important;
}
.inquiry-section .shortlist-row .mini-thumb{
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  box-sizing:border-box!important;
  border:1px solid #eee8de!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#a9874e!important;
  overflow:hidden!important;
}
.inquiry-section .shortlist-row .mini-thumb-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px!important;
  cursor:zoom-in!important;
}
.inquiry-section .shortlist-row .mini-thumb-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.inquiry-section .shortlist-row-copy{min-width:0!important}
.inquiry-section .shortlist-row h4{
  color:#302b23!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
.inquiry-section .shortlist-row p{
  color:#81786b!important;
  font-size:11px!important;
  margin-top:6px!important;
}
.inquiry-section .shortlist-active-badge{
  display:inline-block!important;
  margin-top:8px!important;
  padding:4px 8px!important;
  border-radius:3px!important;
  background:#9a783f!important;
  color:#fffefa!important;
  font-size:8px!important;
  letter-spacing:.09em!important;
}
.inquiry-section .shortlist-select-hint{
  color:#8a6a36!important;
  font-size:10px!important;
}
.inquiry-section .shortlist-row-actions{gap:7px!important}
.inquiry-section .shortlist-row input{
  width:48px!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  border:1px solid #ded5c6!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#302b23!important;
  text-align:center!important;
}
.inquiry-section .shortlist-row input:focus{
  outline:2px solid rgba(169,133,70,.22)!important;
  border-color:#a98243!important;
}
.inquiry-section .shortlist-row .remove-item{
  color:#927342!important;
  background:transparent!important;
}
.inquiry-section .inquiry-form .form-title{
  border-bottom:1px solid #e9e1d4!important;
  padding-bottom:15px!important;
  margin-bottom:20px!important;
}
.inquiry-section .inquiry-form .form-title span{
  color:#98743c!important;
  font-size:9px!important;
}
.inquiry-section .inquiry-form .form-title p{color:#81786b!important}
.inquiry-section .inquiry-form label{
  color:#514a3f!important;
  font-size:11px!important;
  font-weight:500!important;
}
.inquiry-section .inquiry-form input,
.inquiry-section .inquiry-form select,
.inquiry-section .inquiry-form textarea{
  box-sizing:border-box!important;
  border:1px solid #ded6c8!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#302b23!important;
  color-scheme:light!important;
  box-shadow:none!important;
  font-size:12px!important;
  min-height:44px;
}
.inquiry-section .inquiry-form input:focus,
.inquiry-section .inquiry-form select:focus,
.inquiry-section .inquiry-form textarea:focus{
  border-color:#a98243!important;
  box-shadow:0 0 0 3px rgba(169,130,67,.12)!important;
  outline:none!important;
}
.inquiry-section .inquiry-form input::placeholder,
.inquiry-section .inquiry-form textarea::placeholder{color:#a49a8a!important}
.inquiry-section .inquiry-form select option{
  background:#fff!important;
  color:#302b23!important;
}
.inquiry-section .submit-button{
  border:1px solid #a98243!important;
  border-radius:4px!important;
  background:linear-gradient(135deg,#d5bb83 0%,#b18b4c 100%)!important;
  color:#211b12!important;
  box-shadow:0 6px 16px rgba(118,88,39,.13)!important;
}
.inquiry-section .submit-button span{color:#211b12!important}
.inquiry-section .submit-button:hover{
  background:linear-gradient(135deg,#e0cb9f 0%,#c19b5d 100%)!important;
  transform:translateY(-1px);
}
.inquiry-section .privacy-note{color:#81786b!important}
.inquiry-section .submit-result{
  border:1px solid #e2d7c5!important;
  background:#fbf8f1!important;
  color:#302b23!important;
}
.inquiry-section .submit-result textarea{
  border:1px solid #ded6c8!important;
  background:#fff!important;
  color:#302b23!important;
}
.inquiry-section :focus-visible{
  outline-color:#a98243!important;
}
@media(max-width:900px){
  .inquiry-section .inquiry-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}
@media(max-width:680px){
  .inquiry-section{
    padding:26px 15px 30px!important;
    margin-top:10px!important;
    margin-bottom:16px!important;
  }
  .inquiry-section .inquiry-heading{margin-bottom:22px!important}
  .inquiry-section .shortlist-panel,
  .inquiry-section .inquiry-form{padding:16px 13px!important}
  .inquiry-section .shortlist-row{
    grid-template-columns:84px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:11px 7px!important;
  }
  .inquiry-section .shortlist-row .mini-thumb{
    width:82px!important;
    height:88px!important;
    min-width:82px!important;
  }
  .inquiry-section .shortlist-row .mini-thumb-image{padding:5px!important}
  .inquiry-section .shortlist-row h4{font-size:11px!important}
  .inquiry-section .shortlist-row p{font-size:9px!important}
  .inquiry-section .shortlist-active-badge{font-size:7px!important}
  .inquiry-section .shortlist-row input{
    width:40px!important;
    min-height:36px!important;
  }
  .inquiry-section .shortlist-row-actions{gap:3px!important}
  .inquiry-section .inquiry-form .form-title{display:block!important}
  .inquiry-section .inquiry-form .form-title p{margin-top:5px!important}
  .inquiry-section .inquiry-form .form-row{gap:9px!important}
  .inquiry-section .inquiry-form input,
  .inquiry-section .inquiry-form select,
  .inquiry-section .inquiry-form textarea{padding:10px 9px!important}
  .inquiry-section .form-submit-row{gap:10px!important}
  .inquiry-section .submit-button{width:100%!important;justify-content:space-between!important}
}
@media(max-width:380px){
  .inquiry-section .shortlist-row{
    grid-template-columns:72px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .inquiry-section .shortlist-row .mini-thumb{
    width:70px!important;
    height:76px!important;
    min-width:70px!important;
  }
  .inquiry-section .shortlist-row h4{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .inquiry-section .shortlist-row,
  .inquiry-section .submit-button{transition:none!important}
}


/* YFN HERO — INDEPENDENT GEMSTONE HOVER FLOAT */
.hero-gem-grid{
  display:none;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  aspect-ratio:1.35;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:0 5px;
  align-items:stretch;
  justify-items:stretch;
  z-index:3;
}
@media(min-width:1001px){
  .hero-gem-grid{display:grid}
}
.hero-gem-card{
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  position:relative;
}
.hero-gem-label{
  width:100%;
  min-height:clamp(17px,1.65vw,25px);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#27241f;
  font-family:var(--serif,Georgia,serif);
  font-size:clamp(10px,1.1vw,18px);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.12;
  text-align:center;
  white-space:nowrap;
}
.hero-gem-image-wrap{
  display:flex;
  flex:1;
  width:100%;
  min-height:0;
  align-items:center;
  justify-content:center;
  position:relative;
  outline:none;
}
.hero-gem-image{
  display:block;
  width:auto;
  height:auto;
  max-width:80%;
  max-height:86%;
  object-fit:contain;
  object-position:center;
  position:relative;
  transform:translateY(0) scale(1);
  transform-origin:center center;
  transition:filter .3s ease;
  will-change:transform,filter;
}
.hero-gem-image:hover,
.hero-gem-image-wrap:focus-visible .hero-gem-image{
  z-index:8;
  animation:hero-gem-hover-float 1.65s ease-in-out infinite;
  filter:drop-shadow(0 13px 11px rgba(55,65,80,.20)) drop-shadow(0 0 10px rgba(190,174,143,.22));
}
@keyframes hero-gem-hover-float{
  0%,100%{transform:translateY(-3px) scale(1.025)}
  50%{transform:translateY(-11px) scale(1.075)}
}
.hero-gem-image-wrap:focus-visible{
  outline:1px solid rgba(166,139,91,.65);
  outline-offset:2px;
}
@media(max-width:1200px) and (min-width:1001px){
  .hero-gem-grid{gap:0 2px}
  .hero-gem-label{font-size:clamp(9px,1.05vw,13px);letter-spacing:-.035em}
  .hero-gem-image{max-width:91%}
}
@media(prefers-reduced-motion:reduce){
  .hero-gem-image:hover,
  .hero-gem-image-wrap:focus-visible .hero-gem-image{
    animation:none;
    transform:translateY(-5px) scale(1.04);
  }
}




/* Desktop only: preserve the requested 30px upward gemstone position */
@media(min-width:1001px){
  .hero-gem-grid{top:calc(50% - 30px)!important;}
}

/* Keep the desktop site header and navigation visible */
@media(min-width:1001px){
  .site-header{display:flex!important;visibility:visible!important;opacity:1!important;position:sticky!important;top:0!important;z-index:1000!important;}
  .main-nav{display:flex!important;visibility:visible!important;opacity:1!important;}
}

/* Accessible gemstone selection */
.hero-gem-card{cursor:pointer;-webkit-tap-highlight-color:transparent;}
.hero-gem-card:focus-visible{outline:1px solid rgba(166,139,91,.7);outline-offset:3px;border-radius:6px;}
.hero-gem-card:hover .hero-gem-label,.hero-gem-card[aria-pressed="true"] .hero-gem-label{color:#a58b5e;transition:color .2s ease;}


/* Mobile: use the same individual, tappable gemstone cards as desktop */
@media(max-width:1000px){
  .hero-art-frame.hero-art-image-only .mobile-hero-image{display:none!important;}
  .hero-gem-grid{display:grid!important;}
}
@media(max-width:680px){
  .hero-art{min-height:0!important;margin-bottom:25px;}
  .hero-art-frame.hero-art-frame.hero-art-image-only{width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;}
  .hero-gem-grid{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(94px,auto))!important;gap:9px 5px!important;padding:8px 0 14px!important;}
  .hero-gem-card{height:auto!important;min-height:94px!important;padding:7px 3px 8px!important;gap:5px!important;border:1px solid rgba(180,151,99,.2);border-radius:3px;background:rgba(255,253,248,.48);touch-action:manipulation;user-select:none;-webkit-user-select:none;}
  .hero-gem-label{min-height:18px!important;font-size:clamp(10px,2.8vw,12px)!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere;}
  .hero-gem-image-wrap{width:100%!important;height:65px!important;min-height:65px!important;flex:0 0 65px!important;}
  .hero-gem-image{max-width:78%!important;max-height:100%!important;}
  .hero-gem-card:active{background:#efe6d7;border-color:rgba(165,139,94,.65);}
  .hero-gem-card[aria-pressed="true"]{border-color:#b49762;background:#f0e7d8;}
  .hero-gem-card[aria-pressed="true"] .hero-gem-label{color:#8c6c36;}
}


/* Mobile onboarding steps 2 and 3: fit content and navigation in one screen */
@media(max-width:680px){
  .yfn-guide-modal.is-compact-step{padding:8px!important;place-items:center!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-dialog{width:100%!important;height:var(--yfn-guide-step-one-height,auto)!important;max-height:calc(100dvh - 16px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:9px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-header{flex:0 0 auto!important;gap:8px!important;padding:10px 13px 9px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-brand{gap:7px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-brand-mark{font-size:23px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-brand-copy{padding-left:7px!important;gap:3px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-brand-copy strong{font-size:7px!important;letter-spacing:.12em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-brand-copy small{font-size:6px!important;letter-spacing:.12em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-close{width:29px!important;height:29px!important;font-size:20px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-progress{flex:0 0 3px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-layout{flex:1 1 auto!important;align-self:stretch!important;min-height:0!important;overflow:hidden!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;align-items:stretch!important;gap:9px!important;padding:11px 10px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-copy{align-self:center!important;min-width:0!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-kicker{margin:0 0 7px!important;font-size:7px!important;letter-spacing:.13em!important;line-height:1.4!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-copy h2{margin:0 0 8px!important;font-size:clamp(21px,5.8vw,26px)!important;line-height:1.08!important;letter-spacing:-.04em!important;overflow-wrap:anywhere!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-description{font-size:10px!important;line-height:1.48!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-points{display:none!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-visual{height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:6px!important;overflow:hidden!important;border-radius:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-art{width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;max-height:100%!important;overflow:hidden!important;border-radius:4px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-art-form{padding:9px 8px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-head{padding-bottom:7px!important;font-size:7px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-head i{width:6px!important;height:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-row{gap:5px!important;margin-top:8px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-row>div{gap:5px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-row small{font-size:6px!important;letter-spacing:.06em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-row b{min-height:28px!important;box-sizing:border-box!important;padding:7px 5px!important;font-size:7px!important;white-space:normal!important;line-height:1.25!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-notes{gap:4px!important;margin-top:8px!important;padding:8px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-notes i{height:2px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-submit{margin-top:8px!important;padding:9px 8px!important;font-size:6.5px!important;letter-spacing:.07em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-foot{margin-top:7px!important;font-size:5.5px!important;letter-spacing:.08em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-art-id{padding:10px 9px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-brand{gap:7px!important;margin-bottom:10px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-brand strong{font-size:20px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-brand span{padding-left:7px!important;font-size:5.5px!important;letter-spacing:.12em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-eyebrow{margin:0 0 6px!important;font-size:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-art-id h3{margin:0 0 10px!important;font-size:clamp(18px,4.8vw,22px)!important;line-height:1.12!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-box{padding:9px 8px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-box small{font-size:5.5px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-box>div{gap:5px!important;margin-top:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-box strong{font-size:25px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-box span{padding:7px 6px!important;font-size:6px!important;letter-spacing:.05em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-rule{margin:10px 0!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-note{font-size:8px!important;line-height:1.45!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-tag{margin-top:8px!important;font-size:5.5px!important;letter-spacing:.08em!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-footer{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;gap:7px!important;padding:9px 10px 10px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-footer-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-step-count strong{font-size:18px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-step-count span{font-size:8px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-dots{gap:4px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-dot{width:6px!important;height:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-dot.is-active{width:16px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-optout{width:auto!important;margin:0!important;gap:4px!important;font-size:7px!important;white-space:nowrap!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-optout input{width:12px!important;height:12px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-actions{display:flex!important;flex:0 0 auto!important;gap:6px!important;width:auto!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-back-button,.yfn-guide-modal.is-compact-step .yfn-guide-next-button{min-height:36px!important;padding:8px 9px!important;font-size:9px!important;white-space:nowrap!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-next-button span{margin-left:4px!important;font-size:11px!important;}
}
@media(max-width:680px) and (max-height:650px){
  .yfn-guide-modal.is-compact-step .yfn-guide-header{padding-top:7px!important;padding-bottom:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-layout{gap:7px!important;padding:7px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-copy h2{font-size:20px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-description{font-size:9px!important;line-height:1.35!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-row{margin-top:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-notes{margin-top:6px!important;padding:6px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-form-submit{margin-top:6px!important;padding:7px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-brand{margin-bottom:7px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-art-id h3{margin-bottom:7px!important;font-size:18px!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-id-rule{margin:7px 0!important;}
  .yfn-guide-modal.is-compact-step .yfn-guide-footer{padding-top:7px!important;padding-bottom:7px!important;}
}


/* Mobile guide dialog: center against the live visible viewport, not the layout viewport */
@media(max-width:680px){
  .yfn-guide-modal.is-compact-step{position:fixed!important;inset:auto 0 auto!important;top:var(--yfn-guide-viewport-top,0px)!important;height:var(--yfn-guide-viewport-height,100dvh)!important;min-height:0!important;}
}


/* YFN guide true centering: keep the backdrop out of the modal layout flow */
.yfn-guide-modal{display:flex!important;align-items:center!important;justify-content:center!important;}
.yfn-guide-backdrop{position:absolute!important;inset:0!important;z-index:0!important;}
.yfn-guide-dialog{position:relative!important;z-index:1!important;margin:auto!important;}
@media(max-width:680px){.yfn-guide-modal.is-compact-step{align-items:center!important;justify-content:center!important;}}

/* Additive two-image product lightbox controls */
.product-preview-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(30,29,25,.68);color:#fff;font-size:36px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-preview-nav[hidden]{display:none!important}.product-preview-prev{left:max(18px,env(safe-area-inset-left))}.product-preview-next{right:max(18px,env(safe-area-inset-right))}.product-preview-count{position:absolute;bottom:max(34px,calc(env(safe-area-inset-bottom) + 22px));left:0;right:0;text-align:center;color:#fff;font-size:12px;letter-spacing:.12em;pointer-events:none}.product-preview-full{touch-action:pan-y}@media(max-width:680px){.product-preview-nav{width:40px;height:40px;font-size:30px}.product-preview-prev{left:8px}.product-preview-next{right:8px}}

/* Brief first-two-opens hint: nudge the first image left to reveal the second image */
.product-preview-stage{position:relative;flex:0 1 auto;width:min(92vw,1200px);max-width:calc(100vw - 48px);height:88vh;max-height:88vh;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:default}
.product-preview-full{position:relative;z-index:2;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;box-shadow:0 16px 60px rgba(0,0,0,.25);cursor:default;transform:translateX(0)}
.product-preview-peek{position:absolute;z-index:1;right:0;top:0;width:112px;height:100%;object-fit:cover;object-position:center;opacity:0;transform:translateX(18px);pointer-events:none}
.product-preview-peek[hidden]{display:none!important}
.product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHint 1.05s cubic-bezier(.22,.61,.36,1) both}
.product-preview-stage.is-hinting .product-preview-peek{opacity:1;transform:translateX(0);transition:opacity .18s ease,transform .18s ease}
@keyframes productPreviewSwipeHint{0%,100%{transform:translateX(0)}28%,68%{transform:translateX(-48px)}}
@media(max-width:680px){.product-preview-stage{width:96vw;max-width:calc(100vw - 28px);height:82vh;max-height:82vh}.product-preview-peek{width:88px}.product-preview-stage.is-hinting .product-preview-full{animation-name:productPreviewSwipeHintMobile}@keyframes productPreviewSwipeHintMobile{0%,100%{transform:translateX(0)}28%,68%{transform:translateX(-38px)}}}
@media(prefers-reduced-motion:reduce){.product-preview-stage.is-hinting .product-preview-full{animation:none!important}.product-preview-stage.is-hinting .product-preview-peek{opacity:0!important}}

/* Refined two-image hint: both images use the same full-size contain frame */
.product-preview-stage{overflow:hidden}
.product-preview-full,.product-preview-peek{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}
.product-preview-peek{inset:0;right:auto;top:0;position:absolute;z-index:1;opacity:0;transform:translateX(100%);pointer-events:none}
.product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHintV2 1.75s cubic-bezier(.4,0,.2,1) both}
.product-preview-stage.is-hinting .product-preview-peek{animation:productPreviewPeekHintV2 1.75s cubic-bezier(.4,0,.2,1) both;transition:none}
@keyframes productPreviewSwipeHintV2{0%,18%{transform:translateX(0)}48%,68%{transform:translateX(-78px)}100%{transform:translateX(0)}}
@keyframes productPreviewPeekHintV2{0%,18%{transform:translateX(100%);opacity:0}48%,68%{transform:translateX(calc(100% - 78px));opacity:1}100%{transform:translateX(100%);opacity:0}}
@media(max-width:680px){.product-preview-stage.is-hinting .product-preview-full{animation-name:productPreviewSwipeHintV2Mobile}.product-preview-stage.is-hinting .product-preview-peek{animation-name:productPreviewPeekHintV2Mobile}}
@media(max-width:680px){@keyframes productPreviewSwipeHintV2Mobile{0%,18%{transform:translateX(0)}48%,68%{transform:translateX(-68px)}100%{transform:translateX(0)}}@keyframes productPreviewPeekHintV2Mobile{0%,18%{transform:translateX(100%);opacity:0}48%,68%{transform:translateX(calc(100% - 68px));opacity:1}100%{transform:translateX(100%);opacity:0}}}
/* The requested gallery hint remains animated even when the OS requests reduced motion. */

/* Equal, slightly wider reveal on desktop and mobile */
.product-preview-stage.is-hinting .product-preview-full{animation-name:productPreviewSwipeHintV3}
.product-preview-stage.is-hinting .product-preview-peek{animation-name:productPreviewPeekHintV3}
@keyframes productPreviewSwipeHintV3{0%,18%{transform:translateX(0)}48%,68%{transform:translateX(-96px)}100%{transform:translateX(0)}}
@keyframes productPreviewPeekHintV3{0%,18%{transform:translateX(100%);opacity:0}48%,68%{transform:translateX(calc(100% - 96px));opacity:1}100%{transform:translateX(100%);opacity:0}}
@media(max-width:680px){.product-preview-stage.is-hinting .product-preview-full{animation-name:productPreviewSwipeHintV3}.product-preview-stage.is-hinting .product-preview-peek{animation-name:productPreviewPeekHintV3}}

/* Desktop gallery hint: explicitly restore the same slide animation */
@media(min-width:681px){
.product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
.product-preview-stage.is-hinting .product-preview-peek{animation:productPreviewPeekHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
}

/* Desktop gallery hint final override */
@media(min-width:681px){
  .product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
  .product-preview-stage.is-hinting .product-preview-peek{animation:productPreviewPeekHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
}
@media(min-width:681px) and (prefers-reduced-motion:reduce){
  .product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
  .product-preview-stage.is-hinting .product-preview-peek{animation:productPreviewPeekHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
}

/* Desktop second-image visibility fix */
@media(min-width:681px){
  .product-preview-stage.is-hinting .product-preview-peek{opacity:1!important;animation:productPreviewPeekHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
  .product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
}
@media(min-width:681px) and (prefers-reduced-motion:reduce){
  .product-preview-stage.is-hinting .product-preview-peek{opacity:1!important;animation:productPreviewPeekHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
  .product-preview-stage.is-hinting .product-preview-full{animation:productPreviewSwipeHintV3 1.75s cubic-bezier(.4,0,.2,1) both!important;}
}

/* Final gallery hint layout: match the preview stage to the actual image ratio */
.product-preview-stage{position:relative!important;flex:0 0 auto!important;overflow:hidden!important;max-width:none!important;max-height:none!important;}
.product-preview-full,.product-preview-peek{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;}
.product-preview-full{z-index:2!important;transform:translateX(0);}
.product-preview-peek{z-index:3!important;opacity:0;transform:translateX(100%);pointer-events:none;}
.product-preview-peek[hidden]{display:none!important;}
.product-preview-stage.is-hinting .product-preview-full{animation:productPreviewMainV4 1.8s cubic-bezier(.22,.61,.36,1) both!important;}
.product-preview-stage.is-hinting .product-preview-peek{opacity:1!important;animation:productPreviewNextV4 1.8s cubic-bezier(.22,.61,.36,1) both!important;}
@keyframes productPreviewMainV4{0%,20%{transform:translateX(0)}48%,68%{transform:translateX(-120px)}100%{transform:translateX(0)}}
@keyframes productPreviewNextV4{0%,20%{transform:translateX(100%);opacity:0}48%,68%{transform:translateX(calc(100% - 120px));opacity:1}100%{transform:translateX(100%);opacity:0}}
@media(max-width:680px){.product-preview-stage.is-hinting .product-preview-full{animation-name:productPreviewMainV4Mobile!important}.product-preview-stage.is-hinting .product-preview-peek{animation-name:productPreviewNextV4Mobile!important}}
@media(max-width:680px){@keyframes productPreviewMainV4Mobile{0%,20%{transform:translateX(0)}48%,68%{transform:translateX(-96px)}100%{transform:translateX(0)}}@keyframes productPreviewNextV4Mobile{0%,20%{transform:translateX(100%);opacity:0}48%,68%{transform:translateX(calc(100% - 96px));opacity:1}100%{transform:translateX(100%);opacity:0}}}