/* The reference search is a broad card browser, not a narrow list dialog. */
#ref-search{padding:0;width:90vw;max-width:1400px;border:0;border-radius:40px;max-height:80dvh;overflow:hidden;box-sizing:border-box}
#ref-search::backdrop{background:rgb(0 0 0 / 50%);backdrop-filter:none}
.ref-search-bar{display:flex;align-items:center;gap:14px;padding:15px 25px;border-bottom:1px solid #e7e7e7}
#ref-search .ref-search-bar label{color:#0f100f;flex-shrink:0}
#ref-search #ref-query{flex:1;width:0;margin:0;padding:8px 0;border:0;border-radius:0;font-size:16px;outline:0;box-shadow:none;min-width:0}
.ref-search-submit{display:flex;align-items:center;gap:20px;background:#0f100f;color:#fff;border-radius:100px;height:52px;padding:5px 5px 5px 25px;white-space:nowrap;font-size:18px}
.ref-search-submit span{display:grid;place-items:center;background:white;color:#0f100f;border-radius:50%;width:42px;height:42px;font-size:26px}
.ref-search-close{font-size:16px;text-decoration:underline;background:none;color:#0f100f}
.ref-search-body{max-height:60dvh;overflow-y:auto;padding:0 40px 40px;overscroll-behavior:contain}
#ref-search .ref-search-empty{text-align:center;color:#6b7280;padding:80px 0;margin:0;font-size:18px}
.ref-search-tabs{display:flex;border-bottom:1px solid #e7e7e7;gap:30px;margin-top:20px}
.ref-search-tabs button{padding:12px 0;border-bottom:2px solid transparent;color:#888;font-size:18px}
.ref-search-tabs button[aria-selected=true]{color:#0f100f;border-color:#0f100f}
.ref-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.ref-search-grid .ref-product-info h3{font-size:16px;min-height:44px}.ref-search-grid .ref-price{font-size:18px}
.ref-search-grid .ref-view-options{font-size:14px;padding:8px 14px}.ref-search-grid .ref-product-info p{font-size:13px;margin:5px 0}
.ref-search-collection img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:25px}.ref-search-collection h3{font:24px GuarujaNeue,sans-serif;margin:15px 0}.ref-search-collection h3 span{float:right}
.ref-contact-anchor{position:relative}.ref-contact-popover{position:absolute;right:0;top:100%;margin-top:12px;z-index:70;width:280px;border-radius:20px;background:#fff;border:1px solid #0000000d;box-shadow:0 8px 40px #0000001f;padding:8px;animation:ref-contact-in .2s ease-out}
.ref-contact-popover>a{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;color:#0f100f;text-align:left}.ref-contact-popover>a:hover{background:#fbf8ef}
.ref-contact-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0f100f;color:white;flex-shrink:0}.ref-contact-popover>a:hover .ref-contact-icon{background:#ac7900}
.ref-contact-popover strong{display:block;font:500 15px/1.3 GuarujaNeue,sans-serif}.ref-contact-popover small{display:block;color:#666;font-size:13px;margin-top:2px}.ref-contact-popover .ref-contact-page-link{justify-content:space-between;border-top:1px solid #eee;font-size:14px;border-radius:0}
@keyframes ref-contact-in{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.ref-auth-route>[data-retract-header],.ref-auth-route>div:has([data-retract-header]),.ref-auth-route>footer,.ref-auth-route>.ref-enquiry{display:none!important}
.ref-auth-route .ref-auth-layout{min-height:100dvh;height:auto;padding-top:100px;padding-bottom:100px;background-size:cover;background-position:center}
.ref-auth-layout .ref-auth-email-form{padding-top:30px;width:100%;max-width:448px}
.ref-auth-email-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ref-auth-email-form>input:not([type=hidden]){display:block;width:100%;border:1px solid #bfbfbfb0;border-radius:100px;padding:15px 20px;font:14px GuarujaNeue,sans-serif;margin:0 0 15px;background:white;box-sizing:border-box}
.ref-auth-form-links{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;margin:10px 0 20px}.ref-auth-form-links label{display:flex;gap:8px;align-items:center}.ref-auth-form-links a{text-decoration:underline}
.ref-auth-submit{height:52px;padding:5px 5px 5px 25px;border-radius:100px;background:#0f100f;color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:18px}.ref-auth-submit>span:last-child{width:42px;height:42px;border-radius:50%;background:white;color:#0f100f;display:grid;place-items:center;font-size:26px}
.ref-auth-route .woocommerce-error{font-size:14px;color:#9f2424;background:#fff2f2;padding:12px;border-radius:10px;margin-bottom:15px}
.ref-contact-country{max-width:80px;min-width:64px;border-right:1px solid #ffffff60;color:white;background:transparent;font-size:14px;padding:0 8px}.ref-contact-country option{color:#111;background:white}.ref-contact-status{font-size:13px;margin-top:16px;color:#fff;line-height:1.5}
#ref-contact-page a[data-contact-unconfigured]{cursor:pointer}#ref-resource-article img{max-width:100%}
#ref-resources-page .swiper{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}#ref-resources-page .swiper-slide{scroll-snap-align:start}
@media(min-width:1024px){#ref-resources-page .swiper-slide{flex-basis:33.333%}}
@media(max-width:1023px){#ref-search{width:48rem;max-width:calc(100% - 30px);border-radius:25px}.ref-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-search-body{padding:0 24px 30px}.ref-contact-popover{max-height:70dvh;overflow:auto}.ref-auth-route .ref-auth-layout{padding-top:0;padding-bottom:50px}}
@media(max-width:767px){#ref-search{inset:auto 0 0;max-width:none;width:100%;margin:0;border-radius:25px 25px 0 0;max-height:85dvh}.ref-search-bar{flex-wrap:wrap;padding:18px 20px;gap:12px}#ref-search #ref-query{width:calc(100% - 80px);flex:auto}.ref-search-submit{order:4;width:100%;justify-content:space-between}.ref-search-close{position:absolute;right:18px;top:23px;font-size:14px}#ref-search #ref-query{padding-right:50px}.ref-search-grid{grid-template-columns:1fr}.ref-search-body{max-height:60dvh;padding:0 20px 25px}.ref-auth-route .ref-auth-layout{background-image:none!important;background:white}.ref-search-tabs{gap:25px}}
select.ref-contact-country{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:16px 16px;padding-right:22px}
:is(.ref-options-label select,.ref-phone-field select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%230f100f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.ref-options-label select{padding-right:42px}
.ref-phone-field select{padding-right:22px;background-position:right 4px center}
