/* v14.0 — UygunFiyata's original catalog-first marketplace interface.
   Inspired by practical comparison-site hierarchy; no third-party assets copied. */
:root{
 --uf-ink:#13223c;--uf-sub:#69778a;--uf-violet:#1262d6;--uf-line:#e1e7ef;
 --uf-surface:#fff;--uf-blue:#0954ce;--uf-orange:#f58924;--uf-bg:#f5f7fa;
}
html{background:#f5f7fa!important}
body{background:#f5f7fa!important;color:#13223c!important;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
body .ambient,body .noise-layer,body .waves,.hero-glow{display:none!important}
.topbar.container{box-sizing:border-box!important;max-width:1230px!important;width:calc(100% - 36px)!important;margin:0 auto!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
 gap:28px!important;background:transparent!important;border:0!important;padding:16px 0 13px!important}
body:not(.workspace-open) .topbar.container{padding:16px 0 13px!important}
.topbar .identity--full-logo,body:not(.workspace-open) .identity--full-logo{
 width:clamp(235px,29vw,355px)!important;max-width:355px!important;flex:0 1 auto!important}
.topbar .brand-full-link{display:block!important;width:100%!important}
.topbar img.brand-full-logo,body:not(.workspace-open) .brand-full-logo{
 display:block!important;width:100%!important;height:auto!important;max-height:81px!important;object-fit:contain!important;object-position:left center!important;
 image-rendering:auto!important;filter:none!important}
.uf140-topnav{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
.uf140-topnav a{color:#294260!important;font-size:13px;font-weight:750!important;text-decoration:none!important;white-space:nowrap;
 border-bottom:2px solid transparent;padding:10px 0}
.uf140-topnav a:hover,.uf140-topnav a:focus-visible{color:var(--uf-blue)!important;border-bottom-color:var(--uf-orange)}
body:not(.workspace-open):not(.budget-show-results) .hero.container{
 max-width:1110px!important;width:calc(100% - 36px)!important;padding:33px 0 35px!important;transform:none!important;
 justify-content:flex-start!important;box-sizing:border-box!important;min-height:auto!important;height:auto!important}
@media(min-height:650px){body:not(.workspace-open):not(.budget-show-results):not(.budget-mode):not(.deals-mode) .hero.container{
  transform:none!important;max-width:1110px!important;padding:25px 0 33px!important}}
body:not(.workspace-open) .hero .orb-wrap{display:none!important}
.uf140-hero-eyebrow{width:100%;text-align:center;font-size:11px;letter-spacing:.20em;font-weight:850;color:#5c7491;margin:6px auto 12px}
body:not(.workspace-open) .hero h1{font-size:clamp(34px,4.6vw,54px)!important;font-weight:850!important;color:#13233b!important;
 letter-spacing:-.049em!important;margin:0 auto 11px!important;line-height:1.15!important;text-align:center!important;max-width:1050px!important}
body:not(.workspace-open) .hero .hero-key{color:#0954ce!important;background:none!important;-webkit-text-fill-color:#0954ce!important}
.uf140-hero-copy{font-size:clamp(13px,1.4vw,16px);text-align:center;color:#718093;margin:0 auto 29px;line-height:1.6}
.hero.container .home-modes{width:min(1020px,100%)!important;max-width:1020px!important;gap:11px!important;margin:0 auto 17px!important}
.hero.container .home-modes button,.hero.container .home-modes #dealsToggle{min-height:76px!important;border:1px solid #dfe5ec!important;
 background:#fff!important;box-shadow:0 3px 9px rgba(25,46,76,.035)!important;border-radius:12px!important;color:#263d56!important;
 padding:13px 14px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.hero.container .home-modes button:hover{border-color:#8eb9f0!important;box-shadow:0 5px 16px rgba(10,77,170,.09)!important;transform:translateY(-2px)!important}
.hero.container .home-modes button.active,.hero.container .home-modes button[aria-selected="true"],
.hero.container .home-modes #dealsToggle.active,.hero.container .home-modes #dealsToggle[aria-selected="true"]{
 background:#eef5ff!important;border-color:#6b9de5!important;box-shadow:0 4px 12px rgba(11,87,199,.08)!important;color:#1358b5!important}
.hero.container .home-modes .uf137-mode-icon{background:#e9f1ff!important;color:#175cc4!important;border-radius:10px!important}
.hero.container .home-modes button.active .uf137-mode-icon,.hero.container .home-modes button[aria-selected="true"] .uf137-mode-icon{
 background:#d9e9ff!important;color:#0751cc!important}
.hero.container .home-modes .uf137-mode-copy strong{color:#203a5b!important;font-size:13px!important}
.hero.container .home-modes .uf137-mode-copy small{color:#738397!important}
body:not(.workspace-open) .hero .search-shell{width:min(1020px,100%)!important;max-width:1020px!important;padding:6px!important;
 border:2px solid #cdd9e8!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 14px rgba(23,52,100,.075)!important}
body:not(.workspace-open) .hero .search-shell:focus-within{border-color:#0a64db!important;box-shadow:0 0 0 3px #dae9ff!important}
body:not(.workspace-open) .hero .search-row{height:58px!important;min-height:58px!important}
body:not(.workspace-open) .hero .search-icon{color:#627d9b!important}
body:not(.workspace-open) .hero #productUrl{color:#182b45!important;font-size:15px!important;height:56px!important}
body:not(.workspace-open) .hero #productUrl::placeholder{color:#8290a4!important}
body:not(.workspace-open) .hero .search-submit{width:112px!important;min-width:112px!important;height:51px!important;
 border-radius:8px!important;background:linear-gradient(110deg,#ffa12e,#f27719)!important;
 box-shadow:0 3px 10px rgba(223,103,26,.18)!important;color:#fff!important;font-size:14px!important}
body:not(.workspace-open) .hero .search-submit:hover{filter:brightness(.98)!important}
.uf140-shortcuts{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;width:min(1040px,100%);margin:16px auto 10px}
.uf140-shortcuts>span{color:#677a91;font-size:12px;font-weight:800;margin-right:4px}
.uf140-shortcuts button{border:1px solid #e2e7ed;border-radius:7px;background:#fff;color:#34516d;padding:8px 12px;
 font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 1px 2px #0b2c5008}
.uf140-shortcuts button:hover,.uf140-shortcuts button:focus-visible{border-color:#0b63ce;background:#edf6ff;color:#0753c3}
.hero.container .google-card-prefs{border:1px solid #e0e6ee!important;border-radius:11px!important;background:#fff!important;
 box-shadow:0 3px 10px #0b224508!important;margin-top:16px!important;width:min(800px,100%)!important;max-width:800px!important}
.hero.container .google-card-prefs summary strong{color:#20344e!important}
.hero.container .google-card-prefs .card-prefs-symbol{background:#eaf2ff!important;color:#145dd1!important}
.hero.container .google-card-prefs summary>svg{color:#145dd1!important}
.budget-panel,#dealsPanel{border-color:#e1e6ef!important;background:#fff!important;box-shadow:0 8px 23px #13243d0b!important;border-radius:14px!important}
.budget-panel #budgetSubmit,.budget-results .budget-buy>a,.uf85-watch-form button{
 background:#0a62d0!important;color:#fff!important;border-radius:8px!important;border-color:#0a62d0!important}
#workspace{max-width:1200px!important;margin:0 auto!important}
#workspace .price-page-top{color:#172c46!important}
#workspace .price-brand-phrase{color:#0a5fcb!important;background:none!important;-webkit-text-fill-color:#0a5fcb!important}
#workspace .section-kicker,#workspace .price-small-label,#workspace .price-small-label,.section-kicker{color:#095bcd!important}
#workspace #productPanel,#workspace .google-result-column,#workspace .price-best-card,#workspace .uf85-card{
 background:#fff!important;border:1px solid #e1e6ec!important;border-radius:13px!important;box-shadow:0 4px 15px rgba(17,42,77,.045)!important}
#workspace .google-results-grid{grid-template-columns:minmax(0,1fr)!important}
#workspace .google-result-column{padding:19px!important}
#workspace .google-offer{background:#fff!important;border:1px solid #e5e9ed!important;border-radius:10px!important;
 padding:12px 14px!important;box-shadow:none!important;gap:13px!important}
#workspace .google-offer-best{border-color:#f1b76b!important;background:#fffdf9!important}
#workspace .google-offer-action>b,#workspace .google-plan-price>b{color:#172b44!important;font-size:clamp(17px,2.4vw,23px)!important}
#workspace .uf121-go,#workspace .price-reset,.budget-results .budget-buy>a{
 border-radius:8px!important;font-weight:750!important}
#workspace .uf121-go{background:#f28a22!important;border:1px solid #ea821a!important;color:#fff!important;box-shadow:none!important}
#workspace .uf121-go:hover{background:#dc7411!important}
#workspace .google-heading-icon{color:#0c5ecb!important;background:#eaf3ff!important}
#workspace .google-counter{color:#145cb5!important;background:#eaf3ff!important}
#workspace .google-offer-stock.stock-yes{color:#14763d!important}
#workspace .google-image-placeholder img,#workspace .uf130-logo-photo img,#workspace .uf140-fallback-photo img{
 object-fit:contain!important;padding:7px!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important}
#workspace .uf140-fallback-photo{background:#f3f7fc!important}
#workspace .uf140-fallback-photo img{width:100%!important;height:100%!important}
#workspace .uf130-logo-photo{background:#f5f8fd!important}
#workspace .uf130-logo-photo img{padding:10px!important}
#workspace .price-disclaimer{color:#6a788b!important}
/* Actual pipeline stage indicator: no invented elapsed time or fake completion. */
#workspace .uf140-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;
 width:min(510px,calc(100% - 36px));margin:18px auto 8px;font-size:12px;font-weight:700;color:#455d77}
#workspace .uf140-progress-head strong{color:#075bce;font-size:24px;font-weight:850;font-variant-numeric:tabular-nums}
#workspace .uf140-progress-track{width:min(510px,calc(100% - 36px));margin:0 auto!important;height:16px!important;
 overflow:hidden;border:1px solid #cbdff3!important;border-radius:999px!important;background:#e8f0fb!important;
 box-shadow:inset 0 1px 4px #113c6918!important}
#workspace .uf140-progress-track #progressBar{height:100%!important;border-radius:999px!important;
 background:linear-gradient(90deg,#064cad,#2788fb,#fca12f)!important;position:relative;
 transition:width .65s cubic-bezier(.25,.8,.25,1)!important;overflow:hidden}
#workspace .uf140-progress-track #progressBar::after{content:"";position:absolute;inset:0;
 background:linear-gradient(110deg,transparent 30%,#ffffff55 43%,transparent 56%);
 background-size:190% 100%;animation:uf140-shine 1.9s linear infinite}
@keyframes uf140-shine{from{background-position:190% 0}to{background-position:-190% 0}}
#workspace .uf140-progress-hint{font-size:11px;text-align:center;color:#8391a4;margin:10px auto 0;max-width:515px}
#workspace .uf134-loading-orb{display:none!important}
.deals-refresh{color:#fff!important;background:#0a5fc9!important;border-radius:8px!important;border:1px solid #0a5fc9!important;
 font-weight:780!important;padding:10px 13px!important;cursor:pointer!important}
.deals-refresh:hover{background:#094a9e!important}
.deals-refresh[hidden]{display:none!important}
.deals-updated{color:#52708d!important;font-size:12px!important}
#dealsPanel .deal-card,#dealsPanel .deal-segments button{border-radius:9px!important}
#dealsPanel .deal-links a{background:#0b61cf!important;color:white!important;border-radius:7px!important}
#dealsPanel .deal-fallback{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;
 background-image:url('uygunfiyata-logo-final.png');background-size:contain;background-position:center;background-repeat:no-repeat;
 font-size:0!important}
#dealsPanel .deal-picture.no-photo img{display:block!important;object-fit:contain!important;padding:8px!important}
.footer.container{border-top:1px solid #e2e8ee!important;color:#68778d!important}
a:focus-visible,button:focus-visible{outline:3px solid #83b6f7!important;outline-offset:2px}
@media(max-width:720px){
 .topbar.container,body:not(.workspace-open) .topbar.container{width:calc(100% - 28px)!important;gap:6px!important;
 flex-direction:column!important;padding:10px 0!important;align-items:center!important}
 .topbar .identity--full-logo,body:not(.workspace-open) .identity--full-logo{width:min(300px,82vw)!important}
 .topbar img.brand-full-logo,body:not(.workspace-open) .brand-full-logo{max-height:68px!important;object-position:center!important}
 .uf140-topnav{gap:16px!important;justify-content:center!important}
 .uf140-topnav a{font-size:11px!important;padding:5px 0!important}
 body:not(.workspace-open):not(.budget-show-results) .hero.container{width:calc(100% - 26px)!important;padding:14px 0 24px!important}
 body:not(.workspace-open) .hero h1{font-size:clamp(29px,7vw,41px)!important;line-height:1.2!important;margin:0 0 10px!important}
 .uf140-hero-copy{font-size:12px!important;margin-bottom:19px!important;max-width:340px}
 .uf140-hero-eyebrow{font-size:9px!important;margin-top:3px!important;letter-spacing:.12em!important}
 .hero.container .home-modes{width:100%!important;gap:7px!important;margin-bottom:12px!important}
 .hero.container .home-modes button,.hero.container .home-modes #dealsToggle{min-height:56px!important;
 padding:9px 7px!important;gap:6px!important;border-radius:9px!important}
 .hero.container .home-modes .uf137-mode-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
 .hero.container .home-modes .uf137-mode-copy strong{font-size:11px!important;line-height:1.25!important}
 .hero.container .home-modes .uf137-mode-copy small{display:none!important}
 body:not(.workspace-open) .hero .search-shell{width:100%!important;max-width:100%!important;border-radius:10px!important;padding:4px!important}
 body:not(.workspace-open) .hero .search-row{height:52px!important;min-height:52px!important}
 body:not(.workspace-open) .hero .search-submit{width:76px!important;min-width:76px!important;height:46px!important;border-radius:7px!important}
 body:not(.workspace-open) .hero #productUrl{font-size:12.5px!important;height:49px!important}
 .uf140-shortcuts{gap:6px!important;margin:13px auto 7px!important}
 .uf140-shortcuts>span{font-size:10.5px!important}
 .uf140-shortcuts button{font-size:10.5px!important;padding:7px 9px!important}
 #workspace .google-offer{padding:10px!important}
 #workspace .google-result-column{padding:11px!important}
 #workspace .uf140-progress-head{width:calc(100% - 24px)!important}
 #workspace .uf140-progress-track{width:calc(100% - 24px)!important}
}
@media(max-width:390px){.hero.container .home-modes .uf137-mode-copy strong{font-size:10px!important}
 .hero.container .home-modes .uf137-mode-icon{width:25px!important;flex-basis:25px!important}
}
@media(prefers-reduced-motion:reduce){#workspace .uf140-progress-track #progressBar{transition:none!important}
 #workspace .uf140-progress-track #progressBar::after{animation:none!important}}