/* Ruchita search design */
:root{--ink:#102f3a;--accent:#184e60;--line:#e4e9eb;--paper:#fff;--canvas:#f3f5f6}
body{background:var(--canvas)!important;color:var(--ink)}
.diamond-page-shell{background:transparent!important}
.frame-search-intro{max-width:1082px;margin:26px auto 18px;display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 2px}
.frame-search-intro .eyebrow{font:600 10px/1.5 Arial,sans-serif;letter-spacing:2.2px;color:#8b7554;text-transform:uppercase;margin-bottom:7px}
.frame-search-intro h1{font:500 30px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 7px;color:#142f39}
.frame-search-intro p{font-size:13px;color:#6e8087;margin:0}.frame-search-intro .intro-tag{border:1px solid #dce5e7;border-radius:6px;background:white;padding:9px 13px;font-size:11px;color:#536c76;white-space:nowrap}
.search-form-container{border:1px solid #e0e6e8!important;border-radius:14px!important;background:white!important;box-shadow:0 8px 32px #18333e08!important;overflow:hidden}
#custom-menu{background:white!important;border:0!important;box-shadow:none!important}
#custom-menu .shade-box,#custom-menu .original-shapes,#custom-menu .original-colors,#custom-menu .original-clarity,#custom-menu .original-labs,#custom-menu .cps-wrapper,#custom-menu .cps-hidden,#custom-menu .depth-wrapper,#custom-menu .table-wrapper,#custom-menu .meas-wrapper,#custom-menu .ratio-wrapper{background:#fff!important;border-color:var(--line)!important;box-shadow:none!important}
#custom-menu .shade-box{border-bottom:1px solid var(--line)!important}
#custom-menu>.right-section{border-left:1px solid var(--line)!important}
#custom-menu .fancy-color-container,#custom-menu .fancy-color-container .colors{background:#f7f8fa!important}
#custom-menu .circle{background-color:#f7f9fa;border:1px solid #e1e7e9!important;box-shadow:none!important;color:#1d3c48}
#custom-menu .cps,#custom-menu .fluor-button,#custom-menu .growth-button{border:1px solid #e1e7e9!important;background-color:#f7f9fa;color:#1d3c48;box-shadow:none!important;border-radius:8px!important}
#custom-menu .shape-selected,#custom-menu .color-selected,#custom-menu .selected-clarity,#custom-menu .circle.selected,#custom-menu .cps.selected,#custom-menu .fluor-button.selected,#custom-menu .growth-button.selected{background:#184e60!important;color:white!important;border-color:#184e60!important;box-shadow:0 0 0 2px #b7cdd5!important}
#custom-menu .icon-label,#custom-menu .cut-pol-sym{color:#425b65;font-weight:500}
#custom-menu input{border-radius:0!important;border-bottom-color:#b1c1c8!important;color:#123e4d!important}
#custom-menu .show-more>.material-icons,#custom-menu .show-more-cps>.material-icons{background:transparent!important;border:0!important;box-shadow:none!important;color:#4b6874!important}
#custom-menu .frame-show-only{background:#fff!important;border-color:var(--line)!important;border-radius:0!important}
.diamond-search-footer{background:#ffffffed!important;backdrop-filter:blur(14px);border-top:1px solid #e0e7e9!important;box-shadow:0 -5px 25px #203e4806!important}
#searchDiamond,#resetSearchPage{height:46px!important;border-radius:8px!important;font-size:13px!important;box-shadow:none!important;min-width:155px!important}
#searchDiamond{background:#184e60!important;color:white!important;border:1px solid #184e60!important}
#resetSearchPage{background:#fff!important;color:#4c6671!important;border:1px solid #d8e2e6!important}
.frame-filter-dialog{border:1px solid #e0e7ea!important;box-shadow:0 24px 80px #14344030!important}.frame-filter-dialog header{background:#fbfcfc}.frame-filter-done{border-radius:8px!important;background:#184e60!important}
@media(min-width:1100px){.search-form-container{max-width:1082px!important;width:calc(100% - 32px)!important;margin:0 auto!important;padding:0!important}#custom-menu{width:100%!important;margin:0!important;padding:0!important;justify-content:center!important}#custom-menu>.left-section,#custom-menu>.right-section{width:50%!important;max-width:50%!important;padding:0!important;margin:0!important}}
@media(max-width:767px){.frame-search-intro{margin:18px 14px 14px;align-items:start}.frame-search-intro h1{font-size:25px}.frame-search-intro p{font-size:11px}.frame-search-intro .intro-tag{display:none}.search-form-container{border-radius:10px!important}.frame-search-intro .eyebrow{font-size:9px;margin-bottom:4px}#custom-menu>.right-section{border-left:0!important}#searchDiamond,#resetSearchPage{min-width:135px!important;height:44px!important}.diamond-search-footer{padding:10px!important}}

@media(min-width:1100px){
#custom-menu>.left-section,#custom-menu>.right-section{display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-rows:82px;align-content:start!important;gap:0!important}
#custom-menu>.left-section>.shade-box,#custom-menu>.right-section>*{height:82px!important;min-height:0!important;max-height:none!important;margin:0!important;box-sizing:border-box!important;border-bottom:1px solid #e4e9eb!important}
#custom-menu>.left-section>.lab-grown-fancy-container{grid-row:span 2;height:164px!important}
#custom-menu>.right-section>app-nobgm-eyeclean>div,#custom-menu>.right-section>app-depth-table>div,#custom-menu>.right-section>app-measurement>div,#custom-menu>.right-section>app-ratio>div,#custom-menu>.right-section>app-growth>div,#custom-menu>.right-section>app-treatment>div{height:100%!important;box-sizing:border-box!important;margin:0!important}
#custom-menu>.right-section>app-lab>.shade-box{height:100%!important;margin:0!important;box-sizing:border-box!important}
#custom-menu .frame-show-only{height:82px!important;box-sizing:border-box!important}
}

#custom-menu .icon-container{position:relative;left:7px}

#custom-menu .fancy-color.selected-fancy{position:relative!important;border:2px solid #184e60!important;box-shadow:0 0 0 3px #b7d1da!important;background-color:#e4f0f4!important}
#custom-menu .fancy-color.selected-fancy::after{content:'✓';position:absolute;right:-4px;bottom:-2px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;background:#184e60;color:#fff;border:2px solid white;border-radius:50%;font:700 11px Arial}
#custom-menu .cover:has(.fancy-color.selected-fancy) .fancy-label{color:#123e4d!important;font-weight:700!important;border-bottom:2px solid #184e60;padding-bottom:2px}

/* Solid disclosure triangles, preserving existing button hit areas. */
#custom-menu .show-more>.material-icons,#custom-menu .show-less>.material-icons,#custom-menu .show-more-cps>.material-icons,#custom-menu .hidden-show-more-cps>.material-icons,#custom-menu .filter-expanded-close>.material-icons{font-size:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
#custom-menu .show-more>.material-icons::before,#custom-menu .show-more-cps>.material-icons::before,#custom-menu .hidden-show-more-cps>.material-icons::before{content:'';display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #273e48}
#custom-menu .show-less>.material-icons::before,#custom-menu .filter-expanded-close>.material-icons::before{content:'';display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #273e48}

.search-form-container{margin-top:20px!important}
@media(max-width:767px){.search-form-container{margin-top:14px!important}}

/* Six compact clarity choices; remaining grades stay in the picker. */
#custom-menu .original-clarity .clarities-container{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;align-items:center!important}
#custom-menu .original-clarity .clarities-container>.cover{width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;justify-content:center!important}
#custom-menu .original-clarity .clarities-container>.cover:nth-child(n+7){display:none!important}
@media(max-width:767px){#custom-menu .original-clarity .clarities-container>.cover:nth-child(-n+6){display:flex!important}#custom-menu .original-clarity .clarities-container .circle{width:36px!important;height:36px!important;font-size:10px!important}}

@media(min-width:1100px){.search-form-container{max-width:1240px!important;width:calc(100% - 48px)!important}#custom-menu{width:100%!important;max-width:none!important}}

/* Let the document grow beyond short browser windows and the fixed action bar. */
html:not(.frame-filter-open){height:auto!important;min-height:100%;overflow-y:auto!important}
html:not(.frame-filter-open) body.diamond-app-bg{height:auto!important;min-height:100vh;overflow-y:visible!important;padding-bottom:120px!important}
.diamond-page-shell,.diamond-main-layout,.lab-grown-content-wrapper{height:auto!important;max-height:none!important}
@media(min-width:768px){
#custom-menu .lab-grown-shapes-container>.inner-container,#custom-menu .lab-grown-colors-container>.inner-container,#custom-menu .clarity-wrapper>.inner-container{width:calc(100% - 42px)!important;flex:0 0 calc(100% - 42px)!important}
#custom-menu .original-shapes,#custom-menu .original-colors,#custom-menu .original-clarity{width:100%!important;box-sizing:border-box!important}
#custom-menu .original-shapes .shape-container,#custom-menu .original-colors .color-container,#custom-menu .original-clarity .clarities-container{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 65px)!important;flex:1!important;min-width:0!important;gap:0!important;margin-left:25px!important}
#custom-menu .original-clarity .clarities-container{grid-template-columns:repeat(6,minmax(0,1fr))!important;height:50px!important}
#custom-menu .original-shapes .shape-container>.cover,#custom-menu .original-colors .color-container>.cover{width:100%!important;min-width:0!important;margin:0!important;display:flex!important;align-items:center!important}
#custom-menu .original-shapes .shape-container>.cover:nth-child(n+6),#custom-menu .original-colors .color-container>.cover:nth-child(n+6){display:none!important}
#custom-menu .fancy-color-container:not(.expanded)>.colors{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));width:calc(100% - 42px)!important;gap:0!important}
#custom-menu .fancy-color-container:not(.expanded)>.colors>.cover{width:100%!important;min-width:0!important;margin:0!important;display:flex!important;flex-direction:column;align-items:center!important}
}

/* Compact choices fill the row with options, rather than extra space. */
#custom-menu .original-shapes .shape-container,#custom-menu .original-colors .color-container,#custom-menu .original-clarity .clarities-container,#custom-menu .original-labs .labs-container,#custom-menu .fancy-color-container:not(.expanded)>.colors{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:0!important;overflow:hidden!important}
#custom-menu .original-shapes .shape-container>.cover{flex:0 0 68px!important;width:68px!important}
#custom-menu .original-colors .color-container>.cover,#custom-menu .original-clarity .clarities-container>.cover,#custom-menu .original-labs .labs-container>.cover,#custom-menu .fancy-color-container:not(.expanded)>.colors>.cover{flex:0 0 60px!important;width:60px!important}
@media(max-width:767px){#custom-menu .original-shapes .shape-container>.cover{flex-basis:58px!important;width:58px!important}#custom-menu .original-colors .color-container>.cover,#custom-menu .original-clarity .clarities-container>.cover,#custom-menu .original-labs .labs-container>.cover,#custom-menu .fancy-color-container:not(.expanded)>.colors>.cover{flex-basis:46px!important;width:46px!important}}

#custom-menu .fancy-color-container:not(.expanded)>.colors{overflow:visible!important;height:78px!important;align-items:flex-start!important}

@media(min-width:1100px){.frame-natural #custom-menu>.right-section>app-ratio{grid-row:span 2;height:164px!important}.frame-natural #custom-menu>.right-section>app-ratio>div{display:flex!important;align-items:center!important}.frame-natural #custom-menu>.right-section>.frame-show-only{border-radius:0!important}}

#custom-menu .fancy-color-container:not(.expanded){height:82px!important;min-height:82px!important;overflow:visible!important}
#custom-menu .fancy-color-container:not(.expanded)>.colors{height:82px!important;min-height:82px!important;box-sizing:border-box!important;padding-top:5px!important;padding-bottom:8px!important;align-items:flex-start!important;overflow:visible!important}
#custom-menu .fancy-color-container:not(.expanded)>.colors>.cover{height:68px!important;min-height:68px!important;overflow:visible!important;justify-content:flex-start!important;gap:3px!important;box-sizing:border-box!important}
#custom-menu .fancy-color-container .fancy-label{display:block!important;line-height:16px!important;height:auto!important;min-height:16px!important;white-space:nowrap!important;margin:0!important;padding:0 0 3px!important;overflow:visible!important;font-size:11px!important}
#hearts_and_arrows a{display:flex!important;align-items:center!important;gap:10px!important}#hearts_and_arrows .checkbox{flex-shrink:0}#hearts_and_arrows .checkbox-label{line-height:18px}


/* Keep the active Fancy pointer centred and matched to the selected tab. */
#custom-menu .lab-grown-fancy-container .fancy-btn{position:relative!important}
#custom-menu .lab-grown-fancy-container .fancy-btn .notch{display:none!important}
#custom-menu .lab-grown-fancy-container .fancy-btn.selected .notch{display:block!important;position:absolute!important;left:50%!important;top:auto!important;bottom:-7px!important;width:0!important;height:0!important;margin:0!important;background:transparent!important;border:0!important;border-left:7px solid transparent!important;border-right:7px solid transparent!important;border-top:7px solid #062532!important;transform:translateX(-50%)!important;z-index:3;pointer-events:none}