@media only screen and (max-width:749px){.small--hide{display:none!important}}@media only screen and (max-width:749px){.grid{margin-left:0!important}}@media only screen and (min-width:750px){.medium-up--one-quarter{width:25%}.medium-up--one-half{width:50%}}.site-header{position:relative}@media only screen and (min-width:750px){.site-header{padding:0 55px}}@media only screen and (max-width:749px){.site-header__logo{padding-left:22px;text-align:left}.site-header__logo img{margin:0}}.site-header__logo img{display:block}.search__results{padding-bottom:20px}@media only screen and (max-width:749px){.site-header__icon{display:inline-block;vertical-align:middle;padding:10px 11px;margin:0}}@media only screen and (min-width:750px){.site-header__icon .icon-search{margin-right:3px}}.site-nav__link{display:block;white-space:nowrap}.site-nav__link .icon-chevron-down{width:calc(8em / 16);height:calc(8em / 16);margin-left:.5rem}.mobile-nav--open .icon-close{display:none}.main-content{opacity:1}.main-content .shopify-section{display:block}.main-content .shopify-section:first-child{display:inherit}.critical-hidden{display:none}.justify-content_center{justify-content:center}.site-header__book-appointment{display:flex}article,aside,details,figure,footer,header,main,menu,nav,section,summary{display:block}.page-width{padding-left:50px;padding-right:50px}.page-width{max-width:1500px;margin:0 auto}@media only screen and (min-width:750px){.medium-up--one-third{width:33.33333%}}.flex{display:flex}textarea{padding:8px 15px}select,textarea{border:1px solid var(--color-border-form);background:var(--color-text-field);color:var(--color-text-field-text);max-width:100%;line-height:1.2;border-radius:0}select,textarea{font-size:calc(var(--font-size-base)* 1px);font-family:var(--font-stack-body);font-style:var(--font-style-body);font-weight:var(--font-weight-body);color:var(--color-text);line-height:1.5}[role=button],button,input,label,select,textarea{touch-action:manipulation}input,select,textarea{color:inherit;font:inherit;margin:0}select,textarea{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}ol{margin:0;padding:0}a[href^=mail]{color:inherit}.critical-hidden{display:inherit}.one-whole{width:100%}.template-index .site-header{background:0 0;border-bottom:none}.template-index .country-selector,.template-index .site-header__icon{color:#fff;text-shadow:0 3px 6px #00000029}@media (min-width:1200px){.desk_country-selector{margin-right:-25px}.country-selector .disclosure{position:relative}.country-selector .disclosure img{width:14px;display:block}.country-selector .disclosure__button{display:flex;align-items:center;justify-self:center;font-size:15px;font-weight:600;letter-spacing:0!important;padding:0 8px}#CountryList{position:absolute;left:0;top:100%;background-color:#fff}#CountryList:not([hidden]){display:flex;flex-direction:column;gap:5px;width:100%;padding:5px;z-index:99999!important}.country-selector .disclosure__item a{display:flex;align-items:center;font-size:12px;gap:5px;color:var(--color-text)}}@media (max-width:1199px){.country-selector.desk_country-selector{display:none}.country-selector{padding:11px 5px}.country-selector .disclosure__list{margin-top:6px;list-style:none;margin:0;padding:0}.country-selector .disclosure__button,.country-selector .disclosure__list a{display:flex;align-items:center;font-size:14px;letter-spacing:.7px}.country-selector .disclosure__button{width:100%;position:relative}.country-selector .disclosure__button img,.country-selector .disclosure__list a img{width:20px;margin-right:14px}.country-selector .disclosure__button[aria-expanded=true]{padding-bottom:4px}.country-selector .disclosure__button[aria-expanded=true] .icon-caret{transform:rotateX(180deg)}.country-selector .disclosure__list a{color:var(--color-text);padding:6px 0}}ul.list-unstyled{position:absolute;display:none;background-color:#fff}ul.list-unstyled.open{display:block}ul.list-unstyled li{position:relative;cursor:pointer;width:70px;padding:5px;background:rgba(255,255,255,.95);border-radius:3px;display:flex;justify-content:space-between;align-items:center}ul.list-unstyled li span{font-size:13px;font-weight:500}.site-header{position:relative;background-color:var(--color-body)}.site-header__logo-link svg{max-width:100%}.site-header__logo img{display:block;width:170px;height:auto;margin:0 auto}.site-header__icon svg{display:block}.site-header__menu{display:none}.site-header__icon.site-header__book-appointment svg{width:20px;height:20px}@media only screen and (min-width:750px){.site-header__icon{color:var(--color-text);font-size:14px;font-weight:600;letter-spacing:.5px;padding:6px 8px}.site-header__icon .icon-search{margin:0}.site-header__icon.site-header__book-appointment{border-bottom:1px solid;padding:0;margin-left:10px}.site-header__icon.site-header__book-appointment svg{margin-right:5px}}@media (max-width:1200px){.site-header{border-bottom:1px solid #bebebe}}@media (max-width:749px){.site-header__logo{padding-left:0;text-align:left}.site-header__logo img{margin:0 auto;width:110px}.site-header__icon{display:inline-block;vertical-align:middle;align-items:center;padding:10px 2px;margin:0;display:flex}}.search-bar{z-index:999;background-color:var(--color-body);display:none;-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);max-height:100vh;position:fixed}.js-drawer-open-top .drawer--top{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);display:flex;max-height:100vh;width:100%;top:38px}.js-drawer-open .drawer-page-content:after{opacity:1;visibility:visible;pointer-events:auto}.search-bar__interior{height:100%;display:flex;flex:1}@media only screen and (min-width:750px){.search-bar__interior{padding-left:55px;padding-right:55px;height:auto}}.search-form__container{flex:1;display:flex;align-items:center;justify-content:center;padding-left:7px;padding-right:10px;background-color:var(--color-bg)}.search-bar__actions{display:flex;flex:0 0 auto;align-items:center}.search-bar__input{padding-right:45px;width:100%;min-height:44px;color:var(--color-text-field-text);background-color:var(--color-text-field);border:none;border:1px solid var(--color-border-form)}.search-bar__close{padding:.625em .75em;margin-right:-10px}.search-bar__close .icon{width:1rem;height:auto}@media only screen and (max-width:989px){.search-bar .predictive-search{overflow-y:auto;-webkit-overflow-scrolling:touch}}.menu-nav__with-dropdown .mobile-nav__link{font-size:14px;line-height:19px;letter-spacing:.7px;text-transform:uppercase}.menu-nav__with-dropdown .mobile-nav__link{font-weight:500}.menu-nav__with-dropdown{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}.menu-nav__with-dropdown .toggle-icon{display:flex;width:40px;height:27px;padding-left:27px;flex:0 0 40px;justify-content:center;align-items:center;position:relative;cursor:pointer}.menu-nav__with-dropdown.active .toggle-icon:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.menu-nav__with-dropdown .toggle-icon:before{width:12px;height:2px;background:var(--color-text);content:"";position:absolute;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all}.menu-nav__with-dropdown .toggle-icon:after{width:2px;height:12px;background:var(--color-text);content:"";position:absolute;-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all}.mobile-nav__level-2>.nav__level-2-item:not(:first-child) .menu-nav__with-dropdown{margin-top:30px}.mobile-nav__dropdown .link-create-your-engagement-ring,.mobile-nav__item.category .menu-nav__with-dropdown,.site-nav__childlist-item.about-us .menu-nav__with-dropdown{display:none}@media(max-width:768px){.search-bar__interior{padding:40px 0}div#SearchDrawer{height:100%;top:0;z-index:99999}.search-bar__actions{right:20px;position:absolute;z-index:99;top:47px}.search-form__container{align-items:flex-start;z-index:99999!important}predictive-search.is-active{align-items:center;z-index:99999!important}}
/* sp mini-flags (2026-07-05): the 7 selector flags pre-rendered from an 8.7KB mini sprite; the 80KB full sprite + 17KB css stay click-gated (see sp-flags-css in theme.liquid) */
.currency-flag{background-repeat:no-repeat;position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;overflow:hidden;box-shadow:0 0 1px 0 rgba(0,0,0,.3) inset;border-radius:50%;background-clip:padding-box}.currency-flag--au{background-image:url(sp-flags-mini.png);background-position:0 -0px}.currency-flag--ca{background-image:url(sp-flags-mini.png);background-position:0 -50px}.currency-flag--gb{background-image:url(sp-flags-mini.png);background-position:0 -100px}.currency-flag--in{background-image:url(sp-flags-mini.png);background-position:0 -150px}.currency-flag--mx{background-image:url(sp-flags-mini.png);background-position:0 -200px}.currency-flag--sa{background-image:url(sp-flags-mini.png);background-position:0 -250px}.currency-flag--us{background-image:url(sp-flags-mini.png);background-position:0 -300px}
/* ── WHITE-ERA HEADER BASE (css-war-02 consolidation, 2026-07-05) ─────────
   Moved verbatim from snippets/sp-white-header.liquid (the retired global
   inline undo-layer) so the header's own stylesheet declares the final
   values. The two BACKGROUND rules dropped !important: their selector
   specificity already beats the legacy navy bases still parked in
   style.aio.min.css / sp-critical-css.liquid (.header-bg{#0a1d2e},
   .bg-theme{var(--theme-color)}, .bg-two{var(--theme-color-TWO)}) — those
   base declarations are now dead weight on header elements (flagged for the
   style.aio owner; .bg-two itself stays live for sdaemon-blog-default).
   TEXT/SVG/STROKE rules MUST keep !important — they defeat
   sp-bootstrap-custom.min.css .text-white{color:#fff!important} on the nav
   links. v7 hamburger stroke fix retained (inline stroke="white" SVGs). */
header.mainheader .header-bg:not(.bg-two),
header.mainheader nav.bg-theme {
  background-color: #fff;
  border-bottom: 1px solid #eee7dc;
}
header.mainheader .header-bg:not(.bg-two) a,
header.mainheader .header-bg:not(.bg-two) span,
header.mainheader .header-bg:not(.bg-two) p,
header.mainheader .header-bg:not(.bg-two) .text-white,
header.mainheader nav.bg-theme a,
header.mainheader nav.bg-theme span,
header.mainheader nav.bg-theme .text-white {
  color: #0A1D2E !important;
}
header.mainheader .header-bg:not(.bg-two) svg,
header.mainheader .header-bg:not(.bg-two) svg path,
header.mainheader nav.bg-theme svg,
header.mainheader nav.bg-theme svg path {
  fill: #0A1D2E !important;
  color: #0A1D2E !important;
}
/* stroke override for mobile hamburger (and any other stroke-based icon in header) */
header.mainheader .header-bg:not(.bg-two) svg path[stroke],
header.mainheader nav.bg-theme svg path[stroke],
header.mainheader .js-mobile-nav-toggle svg,
header.mainheader .js-mobile-nav-toggle svg path,
header.mainheader .js-mobile-nav-toggle svg line {
  stroke: #0A1D2E !important;
}
header.mainheader .bg-two.header-bg { background-color: #0a1d2e; }
header.mainheader .bg-two.header-bg,
header.mainheader .bg-two.header-bg a,
header.mainheader .bg-two.header-bg span,
header.mainheader .bg-two.header-bg p { color: #ffffff !important; }
header.mainheader .bg-two.header-bg span.flag-text-color {
  color: black !important;
}
header.mainheader img[src*="STIENHARDT"],
header.mainheader a[href="/"] img,
header.mainheader .logo img,
header.mainheader [class*="logo"] img {
  filter: brightness(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
header.mainheader .book-an-appointment,
header.mainheader [class*="book-an-appointment"] {
  background-color: #ffffff !important;
  color: #0A1D2E !important;
  border: 1px solid #0A1D2E !important;
}
header.mainheader .book-an-appointment *,
header.mainheader [class*="book-an-appointment"] * { color: #0A1D2E !important; }
#SearchDrawer,
.search-bar,
.search-bar__interior { background-color: #0A1D2E !important; }
#SearchDrawer input[type="search"],
#SearchDrawer input[type="text"],
#SearchDrawer .search-bar__input,
.search-bar input[type="search"],
.search-bar input[type="text"],
.search-bar .search-bar__input,
.serach_bar_section input[type="search"],
.serach_bar_section input[type="text"] {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: rgba(255,255,255,.35) !important;
  caret-color: #ffffff !important;
}
#SearchDrawer input::placeholder,
.search-bar input::placeholder,
.serach_bar_section input::placeholder {
  color: rgba(255,255,255,.6) !important;
  opacity: 1 !important;
}
#SearchDrawer svg,
#SearchDrawer svg path,
#SearchDrawer button,
#SearchDrawer .search-bar__close,
.search-bar svg,
.search-bar svg path,
.search-bar .search-bar__close {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
#SearchDrawer h1, #SearchDrawer h2, #SearchDrawer h3, #SearchDrawer h4,
#SearchDrawer .predictive-search__title,
#SearchDrawer .predictive-search__heading,
#SearchDrawer a,
#SearchDrawer p,
#SearchDrawer span:not(.price):not([class*="money"]) {
  color: #ffffff !important;
}
#SearchDrawer .predictive-search__list-item:hover,
#SearchDrawer [class*="predictive-search"] a:hover { background-color: rgba(255,255,255,.06) !important; }
header.mainheader [data-action="open-drawer"] svg,
header.mainheader [data-action="open-drawer"] svg path,
header.mainheader .site-nav__link--search svg,
header.mainheader .site-nav__link--search svg path,
header.mainheader [class*="search"] svg:not(.search-bar svg),
header.mainheader [class*="search"] svg:not(.search-bar svg) path {
  fill: #0A1D2E !important;
  color: #0A1D2E !important;
  stroke: #0A1D2E !important;
}
