/* KHEROON — International Atelier / search and commerce refinements.
   Deliberately loaded after existing styles to avoid changing working app logic. */
:root{--intl-navy:#10264a;--intl-cobalt:#254b82;--intl-ivory:#fffcf8;--intl-champagne:#c6a16c;--intl-line:#e8dfd4;--intl-text:#233148;--intl-muted:#6b7483;--intl-ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--intl-ivory)}
.announcement{font-size:9px!important;letter-spacing:2.7px!important;min-height:33px;line-height:1.3;text-align:center;padding:5px 16px}
.masthead{background:var(--intl-ivory)!important;height:100px!important;border-color:#ece3d8!important}
.nav{background:var(--intl-ivory)!important;border-color:#ede5dc!important}
.search-trigger{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#25395b;min-height:42px;transition:color .3s,opacity .3s}
.search-trigger:hover{color:#a47d4a}
.search-trigger span{border-bottom:1px solid #d2bb9d;padding-bottom:4px}
.masthead .brand{width:clamp(180px,16vw,220px)!important}
.nav>a,.nav .dropdown>summary{font-size:10px;letter-spacing:1.4px;font-weight:600}
.nav-enquiry{font-size:9px!important;letter-spacing:1.35px!important;padding-inline:19px!important}
.card-image{box-shadow:inset 0 0 0 1px rgba(16,38,74,.045)}
.card-visual{background:#f6f2ed!important;border-color:#eee8df!important}
.card h3{font-family:Georgia,serif;font-weight:400!important;letter-spacing:-.025em}
.card .eyebrow{color:#a17c50!important}
.card-shop-actions button{min-height:47px;transition:background .28s,color .28s,border .28s,letter-spacing .3s}
.card-shop-actions button:hover{letter-spacing:1.7px}
.page-intro{background:radial-gradient(ellipse at 87% 12%,rgba(90,109,159,.12),transparent 32%),linear-gradient(125deg,#f9f3ea,#fffdfa 62%,#f5f2ef)!important}
.page-intro h1{font-family:Georgia,serif;line-height:1.06;letter-spacing:-.045em}
.page-intro>.eyebrow{color:#a78456}
.toolbar{box-shadow:0 6px 25px rgba(11,30,57,.025)!important}
.footer-grid{padding-bottom:20px}
.footer-signature{max-width:1300px;margin:35px auto 0;padding:42px 4px 45px;border-top:1px solid rgba(241,231,214,.19);border-bottom:1px solid rgba(241,231,214,.19);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.footer-signature>span{font:600 9px/1.6 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:2.6px;color:#dbc097}
.footer-signature p{font:400 clamp(24px,2.7vw,37px)/1.2 Georgia,serif;color:#fffaf2;margin:0}
.footer-signature em{font-weight:400;color:#d7b889}
.footer-signature a{display:inline-block;width:max-content;font:600 10px/1.5 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid #dbc097;margin:0;color:#f7ebd8}
.footer-signature a:hover{color:#dbc097}
/* Full editorial search studio. Single parent grid avoids the label/input overlap from prior styles. */
dialog.dialog.search-studio{position:fixed;inset:0;margin:auto;padding:0!important;border:1px solid rgba(221,202,177,.85);width:min(1080px,calc(100vw - 42px));max-width:1080px;max-height:min(790px,calc(100dvh - 46px));height:min(700px,calc(100dvh - 46px));overflow:hidden;background:var(--intl-ivory);color:var(--intl-text);box-shadow:0 34px 100px rgba(5,19,38,.29);border-radius:0!important;overscroll-behavior:contain;animation:search-studio-in .35s var(--intl-ease)}
dialog.dialog.search-studio::backdrop{background:rgba(5,19,40,.69);backdrop-filter:blur(5px)}
@keyframes search-studio-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.search-studio *{box-sizing:border-box}
.search-studio-layout{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);height:100%;min-height:0}
.search-studio-editorial{position:relative;display:flex;flex-direction:column;overflow:hidden;justify-content:space-between;background:radial-gradient(ellipse at 100% 4%,rgba(116,98,146,.35),transparent 55%),linear-gradient(145deg,#0c1e3e,#122f5d 72%,#181a39);color:#f7f2e8;padding:40px clamp(25px,3vw,42px) 26px}
.search-studio-editorial:before{content:'✦';font:400 164px/1 Georgia,serif;position:absolute;right:-44px;top:40px;color:rgba(232,208,161,.07);pointer-events:none}
.search-studio-kicker,.search-studio-index{position:relative;z-index:1;letter-spacing:2.3px;font:650 9px/1.7 'Avenir Next','Segoe UI',Arial,sans-serif;color:#ddc6a2}
.search-studio-editorial h2{font:400 clamp(34px,3.3vw,52px)/1.1 Georgia,serif;color:#fffdf8;letter-spacing:-.05em;margin:55px 0 14px;position:relative;z-index:1}
.search-studio-editorial h2 em{font-weight:400;color:#e0c18e}
.search-studio-editorial p{font:400 13px/1.75 'Avenir Next','Segoe UI',Arial,sans-serif;color:#dbe0eb;max-width:290px;margin:0 0 20px;position:relative;z-index:1}
.search-studio-gem{position:relative;width:82%;aspect-ratio:1.25/1;border:1px solid rgba(228,201,155,.35);border-radius:46% 46% 3px 3px;overflow:hidden;align-self:center;transform:rotate(-6deg);box-shadow:0 12px 37px rgba(0,5,22,.36);margin:12px 0 25px}
.search-studio-gem img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88)}
.search-studio-index{font-size:8px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#d5c6b3}
.search-studio-index b{color:#e0c18e;font-weight:400}
.search-studio-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:clamp(22px,3.2vw,45px) clamp(23px,3.8vw,53px) 20px}
.search-studio-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}
.search-overline{margin:0 0 14px;font:650 9px/1.4 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:2.6px;color:#ad8758}
.search-studio-top h2{font:400 clamp(31px,3.1vw,46px)/1.1 Georgia,serif;color:#1b2e50;margin:0;letter-spacing:-.045em;max-width:500px}
.search-studio-close{font:400 28px/1 Arial,sans-serif;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #e1d8cc;background:transparent;color:#253958;cursor:pointer;transition:background .2s,transform .25s}
.search-studio-close:hover{background:#f3ede5;transform:rotate(90deg)}
.search-field{display:flex;flex-direction:column;gap:11px;flex:0 0 auto;min-width:0;position:relative;z-index:2}
.search-field>label{position:static!important;display:block!important;font:500 12px/1.45 'Avenir Next','Segoe UI',Arial,sans-serif;color:#58657b;letter-spacing:0;margin:0!important;padding:0!important;transform:none!important}
.search-input-wrap{display:flex;align-items:center;gap:12px;width:100%;height:58px;border:1px solid #cfc3b3;background:#fffdf9;padding:0 16px;transition:border-color .25s,box-shadow .25s}
.search-input-wrap:focus-within{border-color:#a77f4c;box-shadow:0 0 0 3px rgba(201,167,125,.14)}
.search-input-wrap svg{width:22px;height:22px;flex:0 0 22px;color:#425a7c}
.search-studio .search-input-wrap input#global-search{font:400 15px/1.35 'Avenir Next','Segoe UI',Arial,sans-serif;min-width:0;min-height:0;height:100%;padding:0!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent;color:#26364e;width:100%;flex:1}
.search-studio .search-input-wrap input::placeholder{color:#9499a4;opacity:1}
.search-studio .search-input-wrap input::-webkit-search-cancel-button{appearance:none}
.search-clear{background:transparent;border:0;color:#9b754a;text-transform:uppercase;font-size:10px;letter-spacing:1px;cursor:pointer;padding:8px 1px;flex:0 0 auto}
.search-clear[hidden]{display:none!important}
.search-popular{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;margin:19px 0 18px}
.search-popular>span{font:650 9px/1.5 'Avenir Next','Segoe UI',Arial,sans-serif;color:#a0805a;letter-spacing:2px}
.search-popular-items{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.search-popular button{border:1px solid #e2d8cd;background:#f7f1eb;color:#344360;min-height:31px;padding:7px 12px;cursor:pointer;font:600 11px/1.25 'Avenir Next','Segoe UI',Arial,sans-serif;transition:background .23s,border-color .23s,color .23s}
.search-popular button span{font-size:11px;padding-left:7px;color:#a1835f}
.search-popular button:hover{background:#193767;border-color:#193767;color:white}
.search-popular button:hover span{color:#e5c99d}
.search-studio-results{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;border-top:1px solid #e9e1d8}
.search-results-heading{display:flex;justify-content:space-between;gap:12px;padding:16px 0 11px;font:650 9px/1.4 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#af8c5a;flex:0 0 auto}
.search-results-heading>span:last-child{color:#6a7688;letter-spacing:1px}
.search-studio .search-results{max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 5px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 11px;align-content:start;scrollbar-width:thin;scrollbar-color:#ddcdb7 transparent}
.search-studio .search-results a.search-result-item{display:flex;align-items:center;gap:12px;border:1px solid #eee7df;padding:7px;background:#fffdfa;position:relative;border-radius:0;min-height:94px;min-width:0;transition:border-color .25s,background .25s,transform .25s}
.search-studio .search-results a.search-result-item:hover,.search-studio .search-results a.search-result-item:focus-visible{background:#f7f2ec;border-color:#d8bc93;transform:translateY(-1px)}
.search-result-photo{display:block;flex:0 0 69px;width:69px;height:77px;background:#f4efe8;overflow:hidden}
.search-result-photo img{width:100%!important;height:100%!important;object-fit:cover;border:0!important}
.search-result-description{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.search-result-gem{font:650 8px/1.35 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#aa895c}
.search-result-description strong{font:400 15px/1.2 Georgia,serif;color:#233553;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result-price{font:500 11px/1.5 'Avenir Next','Segoe UI',Arial,sans-serif;color:#697383}
.search-result-arrow{align-self:flex-start;flex:0 0 auto;font:400 16px/1 Georgia,serif;color:#b28d61}
.search-empty{grid-column:1/-1;text-align:center;padding:29px 14px;color:#677285}
.search-empty>span{display:block;font-size:26px;color:#b59665}
.search-empty h3{font:400 26px/1.15 Georgia,serif;color:#253b61;margin:12px 0 8px}
.search-empty p{font-size:13px;line-height:1.7;margin:0 0 13px}
.search-empty a{font-size:11px;letter-spacing:1px;border-bottom:1px solid #b59665;padding-bottom:5px;color:#273958}
.search-studio-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #e9e1d8;padding-top:15px;margin-top:10px;flex:0 0 auto;font-family:'Avenir Next','Segoe UI',Arial,sans-serif;font-size:11px}
.search-studio-footer>span{color:#7e8290;font-family:Georgia,serif;font-style:italic;font-size:14px}
.search-studio-footer>a{color:#163563;border-bottom:1px solid #c4a06e;padding-bottom:5px;font-weight:650;letter-spacing:.5px;white-space:nowrap}
.search-studio :focus-visible{outline:2px solid #ba955f!important;outline-offset:2px}
@media(max-width:1020px){dialog.dialog.search-studio{width:calc(100vw - 32px)}.search-studio-layout{grid-template-columns:29% minmax(0,1fr)}.search-studio-editorial{padding:30px 20px}.search-studio-editorial h2{font-size:clamp(29px,3.5vw,41px);margin-top:40px}.search-studio-editorial p{font-size:12px}.search-studio-main{padding:28px 26px 18px}}
@media(max-width:750px){
 dialog.dialog.search-studio{height:min(92dvh,760px);max-height:92dvh;width:calc(100vw - 22px)}
 .search-studio-layout{display:block}
 .search-studio-editorial{display:none}
 .search-studio-main{height:100%;padding:24px 22px 19px}
 .search-studio-top{margin-bottom:24px}
 .search-studio-top h2{font-size:clamp(29px,5vw,39px)}
 .search-popular{margin:17px 0 17px}
 .search-studio .search-results{grid-template-columns:1fr;gap:8px}
 .search-studio .search-results a.search-result-item{min-height:87px}
 .search-result-photo{flex-basis:65px;width:65px;height:70px}
 .footer-signature{gap:20px;margin:20px 0 0;padding:33px 0}
 .footer-signature p{font-size:clamp(25px,5vw,36px)}
}
@media(max-width:480px){
 .masthead{height:77px!important}
 .masthead .brand{width:150px!important}
 .announcement{font-size:8px!important;letter-spacing:1px!important}
 .search-studio-main{padding:19px 17px 16px}
 .search-studio-top{margin-bottom:20px}
 .search-studio-top h2{font-size:30px}
 .search-studio-close{height:36px;width:36px;flex-basis:36px}
 .search-input-wrap{height:54px;padding:0 12px}
 .search-studio .search-input-wrap input#global-search{font-size:14px}
 .search-popular button{font-size:10px;padding:7px 9px}
 .search-popular button span{padding-left:2px}
 .search-studio-footer>span{display:none}
 .search-studio-footer{justify-content:flex-end}
}
@media(max-height:630px){dialog.dialog.search-studio{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.search-studio-main{padding-top:18px;padding-bottom:13px}.search-studio-top{margin-bottom:12px}.search-popular{margin-top:10px;margin-bottom:10px}.search-overline{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){dialog.dialog.search-studio{animation:none!important}.search-studio-close,.search-studio .search-results a.search-result-item,.search-popular button{transition:none!important}}