/* RYVON AUTO visual enhancement layer. Load AFTER assets/style.css. */
:root{--ryvon-ink:#080d12;--ryvon-panel:#111a22;--ryvon-gold:#f6c338;--ryvon-gold-light:#ffe17a;--ryvon-line:rgba(255,255,255,.12);--ryvon-muted:#aab5c0}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--ryvon-ink);color:#f7f8fa;overflow-x:hidden}
::selection{background:var(--ryvon-gold);color:#101317}
.ryvon-nav{background:rgba(8,13,18,.82);border-bottom:1px solid var(--ryvon-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s ease,box-shadow .3s ease}
.ryvon-nav.scrolled{background:rgba(8,13,18,.96);box-shadow:0 12px 35px #0005}
.navbar-brand{display:inline-flex;align-items:center;gap:.5rem;color:#fff!important;font-weight:800;letter-spacing:.04em}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,var(--ryvon-gold-light),#d99a12);color:#101317;font-weight:900;font-size:1.25rem;clip-path:polygon(0 0,100% 0,100% 70%,65% 100%,0 100%);transition:transform .35s ease}
.navbar-brand:hover .brand-mark{transform:rotate(-8deg) scale(1.06)}
.brand-light{color:var(--ryvon-gold);font-weight:500;margin-left:-.45rem}
.nav-link{color:#e4e8ed!important;position:relative;transition:color .25s ease}
.nav-link:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.15rem;height:2px;background:var(--ryvon-gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav-link:hover{color:var(--ryvon-gold-light)!important}.nav-link:hover:after{transform:scaleX(1)}
.btn-dark{background:var(--ryvon-gold)!important;border-color:var(--ryvon-gold)!important;color:#111!important;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn-dark:hover,.btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f6c33830;background:var(--ryvon-gold-light)!important;border-color:var(--ryvon-gold-light)!important;color:#111!important}
.btn-outline-light{transition:transform .25s ease,background .25s ease}.btn-outline-light:hover{transform:translateY(-2px)}
.hero{isolation:isolate;min-height:min(790px,100svh);display:flex;align-items:center;position:relative;overflow:hidden;background:#080d12}



.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#080d12 0%,transparent 28%,transparent 75%,#080d1240 100%);pointer-events:none}
.hero-content{padding-top:125px;padding-bottom:100px;animation:ryvonRise .85s .12s both}
.eyebrow,.section-kicker{color:var(--ryvon-gold);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ryvon-gold);margin-right:.55rem;box-shadow:0 0 0 5px #f6c33820;animation:ryvonPulse 2.2s infinite}
.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.98;letter-spacing:-.065em;font-weight:800;max-width:760px;margin:1.1rem 0}
.hero h1 span{color:var(--ryvon-gold)}.hero-copy{max-width:530px;color:#d0d7de;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}
.hero-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:3.4rem}.hero-stats>div{display:flex;align-items:center;gap:.75rem;padding:0 1.3rem;border-right:1px solid #ffffff30}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border:0}.hero-stats strong{color:var(--ryvon-gold);font-size:1.1rem}.hero-stats span{font-size:.83rem;color:#d0d7de;max-width:120px}
.hero-caption{position:absolute;right:3%;bottom:22px;color:#c5ccd3;font-size:.65rem;letter-spacing:.14em}
.search-section,.catalog-section,.why-section{padding:clamp(4rem,7vw,7rem) 0;background:radial-gradient(ellipse at 80% 0%,#18232d55,transparent 50%),var(--ryvon-ink)}
.search-section h2,.catalog-section h2,.why-section h2{font-weight:800;letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.5rem);margin:.55rem 0}.muted{color:var(--ryvon-muted)!important}
.finder-card{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.055);border:1px solid #ffffff24;border-radius:24px;padding:.75rem;box-shadow:0 20px 60px #0003;transition:border-color .3s ease,box-shadow .3s ease}
.finder-card:focus-within{border-color:#f6c3389c;box-shadow:0 0 0 4px #f6c33814,0 20px 60px #0004}.finder-card .form-control{background:transparent;border:0;color:#fff;box-shadow:none;min-width:0;padding:.9rem}.finder-card .form-control::placeholder{color:#83909d}.search-symbol{color:var(--ryvon-gold);font-size:1.8rem;padding:0 .5rem}
.clear-link,.text-link{color:var(--ryvon-gold);text-decoration:none;white-space:nowrap}.clear-link:hover,.text-link:hover{color:var(--ryvon-gold-light)}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:2.4rem 0 4.5rem}
.category-tile{position:relative;isolation:isolate;display:flex;align-items:center;min-height:270px;overflow:hidden;border:1px solid var(--ryvon-line);border-radius:18px;color:#fff;text-decoration:none;background:#121a22;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.category-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070b10f2 0%,#070b10b0 45%,#070b1030 100%)}
.category-tile>div{padding:2rem;z-index:1}
.category-tile img{position:absolute;z-index:-2;right:0;top:0;left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease;filter:saturate(.85)}
.category-tile:hover{transform:translateY(-5px);border-color:#f6c338a0;box-shadow:0 20px 50px #0005;color:#fff}
.category-tile:hover img{transform:scale(1.07);filter:saturate(1.15)}
.tile-label{color:var(--ryvon-gold);font-size:.72rem;letter-spacing:.13em;font-weight:700}.category-tile h3{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;margin:.7rem 0 1.2rem}.tile-arrow{font-size:.9rem;color:#fff}.tile-arrow:after{content:"";display:inline-block;width:22px;height:1px;background:var(--ryvon-gold);vertical-align:middle;margin-left:.6rem;transition:width .25s}.category-tile:hover .tile-arrow:after{width:38px}
.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.catalog-heading h2{margin-bottom:0}
.product-card,.filter-card,.product-tile{background:linear-gradient(145deg,#151e27,#0d1319)!important;border:1px solid #ffffff20!important;border-radius:16px!important;overflow:hidden;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.product-card:hover,.filter-card:hover,.product-tile:hover{transform:translateY(-6px);border-color:#f6c3388a!important;box-shadow:0 18px 38px #0006}.product-card img,.filter-card img,.product-tile img{transition:transform .55s ease}.product-card:hover img,.filter-card:hover img,.product-tile:hover img{transform:scale(1.045)}
.results-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1.2rem}.results-head h3{font-weight:800}.results-head span{color:var(--ryvon-muted);font-size:.9rem}
.empty-state{border:1px dashed #ffffff30;border-radius:20px;padding:3rem 1.5rem;text-align:center;background:#ffffff05}.empty-state h4{font-weight:800}.empty-icon{color:var(--ryvon-gold);font-size:2.5rem}
.benefit-list{border-top:1px solid var(--ryvon-line)}.benefit{display:grid;grid-template-columns:42px 1fr 32px;gap:1rem;align-items:start;padding:1.5rem 0;border-bottom:1px solid var(--ryvon-line)}.benefit>span:first-child,.benefit-icon{color:var(--ryvon-gold)}.benefit h4{font-size:1.08rem;font-weight:750}.benefit p{margin:0;color:var(--ryvon-muted);line-height:1.7}.benefit-icon{font-size:1.35rem;text-align:right}
footer{border-top:1px solid var(--ryvon-line);background:#080d12;padding:1.8rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-inner>span{color:var(--ryvon-muted);font-size:.85rem}
/* Scroll-in animation: JS adds .ryvon-ready and .ryvon-visible. */
.ryvon-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.ryvon-ready.ryvon-visible{opacity:1;transform:translateY(0)}
@keyframes ryvonRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ryvonHeroIn{from{opacity:.45;transform:scale(1.07)}to{opacity:1;transform:scale(1.025)}}@keyframes ryvonPulse{0%,100%{box-shadow:0 0 0 5px #f6c33820}50%{box-shadow:0 0 0 9px #f6c33808}}
@media(max-width:auto){.hero{min-height:auto;align-items:flex-start}
    
 
    
    .hero-content{padding-top:125px;padding-bottom:100px}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-stats{gap:1rem;margin-top:2.2rem}.hero-stats>div{padding:0 .8rem 0 0;border:0;min-width:28%}.hero-stats span{font-size:.72rem}.finder-card{flex-wrap:wrap;border-radius:18px}.finder-card .form-control{flex:1 1 calc(100% - 60px)}.finder-card .btn{width:100%}.category-grid{grid-template-columns:1fr}.category-tile{min-height:230px}.category-tile img{width:100%}.catalog-heading{align-items:start;flex-direction:column}.results-head{align-items:start;flex-direction:column}.footer-inner{justify-content:center;text-align:center;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ryvon-ready{opacity:1;transform:none}}