/* RaccLi Smart Product Search — v1.0.0 */
.rkl-top-tools{gap:18px}
.rkl-search-toggle{appearance:none;background:transparent;border:0;color:inherit;padding:0;cursor:pointer;font:inherit}
.rkl-search-toggle:focus-visible{outline:2px solid #d6ae63;outline-offset:6px;border-radius:4px}
.rkl-search-panel{position:absolute;z-index:10;top:76px;right:30px;width:min(440px,calc(100% - 36px));padding:18px;background:rgba(5,43,32,.96);border:1px solid rgba(214,174,99,.62);border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(12px)}
.rkl-search-panel[hidden]{display:none}
.rkl-search-form,.rkl-search-results-form{display:flex;gap:8px}
.rkl-search-form input,.rkl-search-results-form input{flex:1;min-width:0;background:#fff;color:#203c32;border:1px solid #d8d6cc;border-radius:8px;padding:12px 14px;font:inherit;outline:none}
.rkl-search-form input:focus,.rkl-search-results-form input:focus{border-color:#d6ae63;box-shadow:0 0 0 3px rgba(214,174,99,.2)}
.rkl-search-form button,.rkl-search-results-form button{border:1px solid #d6ae63;border-radius:8px;background:#d6ae63;color:#15392e;padding:0 18px;font:inherit;font-weight:800;cursor:pointer}
.rkl-search-panel p{font-size:12px;line-height:1.8;color:rgba(255,255,255,.75);margin:9px 2px 0}
.rkl-search-results{background:#f6f5ef;color:#263f35;min-height:60vh;padding-bottom:75px}
.rkl-search-hero{background:linear-gradient(120deg,#052f25,#0b4b38);color:#fff;padding:72px 0 58px}
.rkl-search-hero .container{max-width:1000px}
.rkl-search-kicker{font-size:11px;letter-spacing:3px;color:#d6ae63;font-weight:800}
.rkl-search-hero h1{color:#fff;font-size:clamp(32px,4vw,48px);margin:12px 0 8px}
.rkl-search-hero p{color:rgba(255,255,255,.8);margin:0 0 25px;line-height:2}
.rkl-search-results-form{max-width:720px;background:rgba(255,255,255,.08);padding:7px;border:1px solid rgba(214,174,99,.4);border-radius:13px}
.rkl-search-results-form input{border:0;border-radius:8px}
.rkl-search-results-section{padding:42px 0 20px}
.rkl-search-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.rkl-search-results-head h2{font-size:22px;color:#153f31;margin:0}
.rkl-search-results-head>span{white-space:nowrap;color:#7a817a;font-size:13px}
.rkl-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rkl-search-card{min-width:0;background:#fff;border:1px solid #e5e1d7;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(20,50,40,.055);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.rkl-search-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(20,50,40,.11)}
.rkl-search-card-image{height:210px;display:flex;align-items:center;justify-content:center;background:#eeeee7;text-decoration:none;overflow:hidden;color:#c09a53;font-size:28px;font-weight:800}
.rkl-search-card-image img{width:100%;height:100%;object-fit:contain;display:block}
.rkl-search-card-body{padding:18px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.rkl-search-category{font-size:11px;color:#96723a;background:#f7f0df;border-radius:30px;padding:5px 10px;margin-bottom:8px}
.rkl-search-card h3{font-size:18px;line-height:1.8;margin:0 0 7px;color:#143f31}
.rkl-search-card h3 a{color:inherit;text-decoration:none}
.rkl-search-card-body>p{font-size:13px;line-height:1.9;color:#68756e;margin:0 0 12px}
.rkl-search-card-meta{display:flex;gap:7px;flex-wrap:wrap;color:#69746e;font-size:11px;margin-top:auto;padding-top:8px}
.rkl-search-card-meta span{background:#f6f6f2;border-radius:6px;padding:5px 7px}
.rkl-search-card-link{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border-top:1px solid #eeece5;margin-top:15px;padding-top:13px;color:#0c563e;text-decoration:none;font-size:13px;font-weight:800}
.rkl-search-empty{text-align:center;background:#fff;border:1px solid #e5e1d7;border-radius:16px;padding:45px 22px}
.rkl-search-empty h2{margin:0 0 8px;color:#153f31;font-size:24px}
.rkl-search-empty p{color:#6b766f;line-height:2;margin:0 0 15px}
.rkl-search-empty a{display:inline-flex;background:#0b4b38;color:#fff;border-radius:30px;padding:10px 20px;text-decoration:none;font-weight:700}
@media(max-width:900px){.rkl-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rkl-search-card-image{height:190px}}
@media(max-width:600px){.rkl-top-tools{right:18px;top:20px;gap:13px}.rkl-search-panel{right:18px;top:64px;width:calc(100% - 36px);padding:13px}.rkl-search-form{gap:6px}.rkl-search-form input{padding:10px;font-size:13px}.rkl-search-form button{padding:0 12px;font-size:13px}.rkl-search-hero{padding:55px 0 38px}.rkl-search-results-form{gap:6px}.rkl-search-results-form input{font-size:13px;padding:10px}.rkl-search-results-form button{padding:0 13px}.rkl-search-grid{grid-template-columns:1fr}.rkl-search-card-image{height:220px}.rkl-search-results-head{align-items:flex-start;flex-direction:column}.rkl-search-results-head h2{font-size:19px}}

/* RaccLi refined search control — anchored to the search icon */
.rkl-top-tools{position:absolute;isolation:isolate}
.rkl-search-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(214,174,99,.38);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));box-shadow:0 5px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.16);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.rkl-search-toggle:hover,.rkl-search-toggle[aria-expanded="true"]{background:rgba(214,174,99,.14);border-color:rgba(214,174,99,.88);box-shadow:0 7px 24px rgba(0,0,0,.2),0 0 0 3px rgba(214,174,99,.07);transform:translateY(-1px)}
.rkl-search-luxe-icon{width:22px;height:22px;overflow:visible}
.rkl-search-panel{position:absolute;top:calc(100% + 13px);right:0;left:auto;width:min(430px,calc(100vw - 36px));padding:19px 20px 15px;border:1px solid rgba(214,174,99,.55);border-radius:15px;background:linear-gradient(145deg,rgba(7,48,36,.985),rgba(3,30,23,.975));box-shadow:0 20px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(18px);transform-origin:top right;animation:rklSearchReveal .22s ease-out}
.rkl-search-panel:before{content:"";position:absolute;right:12px;top:-5px;width:9px;height:9px;background:#073024;border-top:1px solid rgba(214,174,99,.55);border-left:1px solid rgba(214,174,99,.55);transform:rotate(45deg)}
.rkl-search-panel[hidden]{display:none}
.rkl-search-form{gap:9px;padding:5px;border:1px solid rgba(214,174,99,.28);border-radius:11px;background:rgba(255,255,255,.055)}
.rkl-search-form input{border:0;background:transparent;color:#fff;padding:12px 11px;font-size:13px}
.rkl-search-form input::placeholder{color:rgba(255,255,255,.62)}
.rkl-search-form input:focus{border:0;box-shadow:none}
.rkl-search-form button{min-height:40px;border-radius:8px;padding:0 17px;background:linear-gradient(135deg,#e2c17c,#c49a4d);box-shadow:0 4px 12px rgba(0,0,0,.14);transition:filter .2s,transform .2s}
.rkl-search-form button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.rkl-search-panel p{font-size:11px;letter-spacing:.05px;color:rgba(255,255,255,.67);margin:10px 3px 0}
@keyframes rklSearchReveal{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.rkl-search-toggle{width:34px;height:34px}.rkl-search-panel{top:calc(100% + 11px);right:0;width:min(370px,calc(100vw - 30px));padding:13px;border-radius:12px}.rkl-search-panel:before{right:11px}.rkl-search-form input{font-size:12px;padding:9px 7px}.rkl-search-form button{min-height:36px;padding:0 12px;font-size:12px}}


/* RaccLi search v1.1 — load on homepage and anchor dropdown to the icon */
.rkl-top-tools{overflow:visible}
.rkl-search-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:visible}
.rkl-search-toggle{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(214,174,99,.52);border-radius:50%;color:#f8f3e8;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));box-shadow:0 6px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.18);transition:all .25s ease}
.rkl-search-toggle .rkl-search-luxe-icon{width:22px;height:22px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
.rkl-search-toggle:hover,.rkl-search-toggle[aria-expanded="true"]{color:#f1d59a;border-color:#d6ae63;background:linear-gradient(145deg,rgba(214,174,99,.23),rgba(214,174,99,.08));box-shadow:0 8px 26px rgba(0,0,0,.22),0 0 0 3px rgba(214,174,99,.09);transform:translateY(-1px)}
.rkl-search-panel{position:absolute!important;z-index:20;top:calc(100% + 13px)!important;right:-4px!important;left:auto!important;width:min(430px,calc(100vw - 32px))!important;margin:0!important;padding:18px 19px 14px!important;border:1px solid rgba(214,174,99,.62)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(5,43,32,.985),rgba(2,27,21,.98))!important;box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px);transform-origin:top right;animation:rklSearchReveal .2s ease-out}
.rkl-search-panel:before{content:"";position:absolute;right:15px;top:-5px;width:9px;height:9px;background:#073024;border-top:1px solid rgba(214,174,99,.62);border-left:1px solid rgba(214,174,99,.62);transform:rotate(45deg)}
.rkl-search-panel[hidden]{display:none!important}
.rkl-search-form{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgba(214,174,99,.34);border-radius:10px;background:rgba(255,255,255,.055)}
.rkl-search-form input{min-width:0;flex:1;border:0!important;outline:none;background:transparent!important;color:#fff!important;padding:11px 10px;font-size:13px;box-shadow:none!important}
.rkl-search-form input::placeholder{color:rgba(255,255,255,.62)}
.rkl-search-form button{flex:0 0 auto;min-height:39px;padding:0 16px;border:1px solid rgba(240,211,151,.8);border-radius:8px;background:linear-gradient(135deg,#e7cb8b,#c49a4d);color:#17372c;font-weight:800;transition:filter .2s,transform .2s}
.rkl-search-form button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.rkl-search-panel p{margin:9px 3px 0;color:rgba(255,255,255,.67);font-size:11px;line-height:1.8}
@keyframes rklSearchReveal{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.rkl-search-toggle{width:35px;height:35px}.rkl-search-panel{top:calc(100% + 10px)!important;right:-8px!important;width:min(360px,calc(100vw - 28px))!important;padding:13px!important}.rkl-search-form{gap:5px}.rkl-search-form input{padding:9px 7px;font-size:12px}.rkl-search-form button{min-height:35px;padding:0 12px;font-size:12px}}

/* RaccLi Luxury Search Results — visual refinement */
.rkl-search-results{position:relative;overflow:hidden;background:#f5f3ec;color:#233d32}
.rkl-search-results:before{content:"";position:absolute;inset:0 0 auto;height:430px;pointer-events:none;background:radial-gradient(ellipse at 12% 8%,rgba(211,174,101,.14),transparent 34%),radial-gradient(ellipse at 90% 30%,rgba(255,255,255,.06),transparent 32%)}
.rkl-search-hero{position:relative;isolation:isolate;padding:82px 0 72px;background:linear-gradient(125deg,#06281f 0%,#0b3e30 52%,#124b39 100%);border-bottom:1px solid rgba(202,164,91,.65)}
.rkl-search-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.15;background-image:linear-gradient(30deg,transparent 48%,rgba(214,174,99,.22) 49%,transparent 50%),linear-gradient(150deg,transparent 48%,rgba(214,174,99,.16) 49%,transparent 50%);background-size:42px 72px;mask-image:linear-gradient(90deg,#000,transparent 62%)}
.rkl-search-hero:after{content:"R";position:absolute;z-index:-1;left:max(5%,calc((100vw - 1180px)/2));top:4%;font-family:Georgia,serif;font-size:clamp(190px,27vw,360px);font-weight:400;line-height:1;color:rgba(214,174,99,.055);pointer-events:none}
.rkl-search-hero .container{max-width:1120px;position:relative}
.rkl-search-kicker{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3.6px;color:#d9b56f;font-weight:800}
.rkl-search-kicker:before{content:"";width:28px;height:1px;background:#d9b56f;display:inline-block}
.rkl-search-hero h1{font-size:clamp(34px,4.2vw,54px);font-weight:700;letter-spacing:-.7px;line-height:1.35;margin:17px 0 9px;text-shadow:0 2px 22px rgba(0,0,0,.12)}
.rkl-search-hero p{max-width:620px;font-size:14px;line-height:2.1;color:rgba(255,255,255,.73);margin:0 0 29px}
.rkl-search-results-form{max-width:760px;gap:8px;padding:7px;border:1px solid rgba(220,185,115,.47);border-radius:15px;background:rgba(255,255,255,.075);box-shadow:0 15px 42px rgba(0,0,0,.13);backdrop-filter:blur(14px)}
.rkl-search-results-form input{min-height:52px;padding:14px 18px;background:#fbfaf6;color:#183c2f;border-radius:9px;font-size:14px}
.rkl-search-results-form input::placeholder{color:#8d968e}
.rkl-search-results-form button{min-width:112px;border-radius:9px;background:linear-gradient(135deg,#e1c17d,#cba45e);border-color:#e1c17d;color:#17392d;font-size:13px;box-shadow:inset 0 1px rgba(255,255,255,.35);transition:filter .2s,transform .2s}
.rkl-search-results-form button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.rkl-search-results-section{position:relative;padding:48px 0 86px}
.rkl-search-results-section .container{max-width:1180px}
.rkl-search-results-head{position:relative;padding:0 2px 18px;margin:0 0 25px;border-bottom:1px solid #ded9cb}
.rkl-search-results-head h2{font-size:clamp(18px,2.2vw,23px);line-height:1.8;font-weight:700;color:#153c2e}
.rkl-search-results-head h2:before{content:"";display:inline-block;vertical-align:middle;width:4px;height:24px;border-radius:5px;background:linear-gradient(#e0bf79,#b58a43);margin-left:12px}
.rkl-search-results-head>span{border:1px solid #e4d7b8;background:#fbf6e9;color:#8d6c34;padding:8px 13px;border-radius:30px;font-size:12px;font-weight:700}
.rkl-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.rkl-search-card{position:relative;border:1px solid #e4dfd2;border-radius:17px;background:linear-gradient(180deg,#fff 0%,#fdfcf8 100%);box-shadow:0 5px 18px rgba(23,53,41,.045);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.rkl-search-card:after{content:"";position:absolute;inset:0 18px auto;height:2px;background:linear-gradient(90deg,transparent,#d5b16d,transparent);opacity:0;transition:opacity .25s}
.rkl-search-card:hover{transform:translateY(-5px);border-color:#d7c69f;box-shadow:0 18px 38px rgba(23,53,41,.105)}
.rkl-search-card:hover:after{opacity:1}
.rkl-search-card-image{position:relative;height:225px;background:radial-gradient(ellipse at center,#fff 0%,#f1f0e8 76%,#e9e8de 100%);border-bottom:1px solid #eeeadf}
.rkl-search-card-image:before{content:"RaccLi";position:absolute;z-index:0;font-family:Georgia,serif;font-size:28px;letter-spacing:1px;color:rgba(174,137,68,.2)}
.rkl-search-card-image img{position:relative;z-index:1;transition:transform .4s ease}
.rkl-search-card:hover .rkl-search-card-image img{transform:scale(1.035)}
.rkl-search-card-body{padding:21px 21px 18px}
.rkl-search-category{border:1px solid #eadcbb;background:#faf4e5;color:#8a6b36;padding:5px 11px;font-weight:700;letter-spacing:.1px}
.rkl-search-card h3{font-size:17px;line-height:1.9;margin:2px 0 8px;color:#123e2e}
.rkl-search-card-body>p{font-size:12.5px;line-height:2;color:#69756d;margin:0 0 12px}
.rkl-search-card-meta{gap:7px;color:#657169;font-size:11px;padding-top:12px}
.rkl-search-card-meta span{border:1px solid #eeece4;background:#f8f7f2;border-radius:7px;padding:6px 9px}
.rkl-search-card-link{margin-top:17px;padding-top:14px;border-top:1px solid #eae6db;color:#14513a;font-size:12px;letter-spacing:.1px}
.rkl-search-card-link span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #dfc78e;border-radius:50%;color:#967239;transition:transform .2s,background .2s}
.rkl-search-card:hover .rkl-search-card-link span{transform:translateX(-3px);background:#f8f0df}
.rkl-search-empty{position:relative;max-width:780px;margin:8px auto 0;padding:55px 28px;border:1px solid #e4d9bf;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#faf8f0 100%);box-shadow:0 15px 45px rgba(27,55,42,.06)}
.rkl-search-empty:before{content:"⌕";display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 20px;border:1px solid #e0c88f;border-radius:50%;color:#a5803e;font-size:34px;background:#fbf5e7}
.rkl-search-empty h2{font-size:25px;color:#123e2e}
.rkl-search-empty p{font-size:13px;color:#727b72}
.rkl-search-empty a{margin-top:7px;border:1px solid #d6b875;background:linear-gradient(135deg,#0b3f30,#14523c);padding:12px 23px;box-shadow:0 7px 17px rgba(9,54,39,.12);transition:transform .2s}
.rkl-search-empty a:hover{transform:translateY(-2px)}
@media(max-width:900px){.rkl-search-hero{padding:67px 0 58px}.rkl-search-grid{gap:16px}.rkl-search-card-image{height:195px}.rkl-search-card-body{padding:17px}}
@media(max-width:600px){.rkl-search-hero{padding:51px 0 39px}.rkl-search-hero:after{left:-18px;top:10%;font-size:180px}.rkl-search-kicker{font-size:9px;letter-spacing:2.4px}.rkl-search-hero h1{font-size:31px;margin-top:13px}.rkl-search-hero p{font-size:12.5px;margin-bottom:22px}.rkl-search-results-form{display:flex;padding:5px;gap:5px}.rkl-search-results-form input{min-height:46px;padding:10px 11px;font-size:12px}.rkl-search-results-form button{min-width:78px;padding:0 10px;font-size:12px}.rkl-search-results-section{padding:31px 0 55px}.rkl-search-results-head{gap:10px;margin-bottom:18px;padding-bottom:14px}.rkl-search-results-head h2{font-size:17px}.rkl-search-results-head h2:before{height:19px;margin-left:8px}.rkl-search-results-head>span{font-size:11px;padding:6px 10px}.rkl-search-grid{grid-template-columns:1fr;gap:15px}.rkl-search-card{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch;border-radius:13px}.rkl-search-card-image{height:auto;min-height:190px;border-bottom:0;border-left:1px solid #eeeadf}.rkl-search-card-image img{height:100%;object-fit:contain}.rkl-search-card-image:before{font-size:16px}.rkl-search-card-body{padding:13px 12px}.rkl-search-category{font-size:9px;padding:4px 7px;margin-bottom:5px}.rkl-search-card h3{font-size:14px;line-height:1.7;margin-bottom:5px}.rkl-search-card-body>p{font-size:11px;line-height:1.75;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rkl-search-card-meta{font-size:9px;gap:4px;padding-top:5px}.rkl-search-card-meta span{padding:4px 5px}.rkl-search-card-link{font-size:10px;margin-top:10px;padding-top:8px}.rkl-search-card-link span{width:21px;height:21px}.rkl-search-empty{padding:39px 18px}.rkl-search-empty h2{font-size:21px}}

/* RaccLi — 4K Search Results Hero */
.rkl-search-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 28, 21, 0.12) 0%,
            rgba(3, 28, 21, 0.38) 42%,
            rgba(3, 28, 21, 0.88) 100%
        ),
        url("assets/images/raccli-search-header-4k.png");
    background-size: cover;
    background-position: center 48%;
    background-repeat: no-repeat;
}

/* Keep heading and search controls readable */
.rkl-search-hero .container {
    position: relative;
    z-index: 1;
}

/* Mobile optimization */
@media (max-width: 600px) {
    .rkl-search-hero {
        background-position: 35% center;
        padding-top: 48px;
        padding-bottom: 38px;
    }
}