/* UygunFiyata v14.1 | Commerce-first visual refinements (no Akakce design assets).
   Loaded last to isolate the skin from the price, budget, and Telegram engines. */
:root {
  --uf141-ink:#172741;
  --uf141-muted:#65758b;
  --uf141-blue:#0a58cf;
  --uf141-blue-dark:#06439f;
  --uf141-stroke:#dfe6ef;
  --uf141-soft:#eef5ff;
  --uf141-orange:#f18825;
}
/* Header: the logo is centered against the actual page width, not relative to
   unequal right-hand navigation. Footer now owns the secondary navigation. */
header.topbar.container,
body:not(.workspace-open) header.topbar.container {
  width:min(1190px,calc(100% - 36px))!important;
  max-width:1190px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  padding:19px 0 11px!important;
  gap:0!important;
}
header.topbar.container .identity--full-logo,
body:not(.workspace-open) header.topbar.container .identity--full-logo {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:clamp(245px,25vw,323px)!important;
  max-width:323px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
header.topbar.container .brand-full-link {display:block!important;width:100%!important;margin:auto!important;}
header.topbar.container img.brand-full-logo,
body:not(.workspace-open) header.topbar.container img.brand-full-logo {
  display:block!important;width:100%!important;height:auto!important;
  max-height:78px!important;object-fit:contain!important;
  object-position:center center!important;
}
/* Balanced visual hierarchy. No misleading "thousands of stores" certainty. */
body:not(.workspace-open) .hero.container .uf140-hero-eyebrow {font-weight:800;letter-spacing:.13em;color:#72839a;}
body:not(.workspace-open) .hero.container .uf140-hero-copy {color:#66788e;}
body:not(.workspace-open) .hero.container .home-modes {margin-bottom:14px!important;}
/* Hover and focus: lift the complete control; never introduce an outlined ring. */
body:not(.workspace-open) .hero form#linkForm.search-shell {
  border:1px solid #dce4ed!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(15,42,83,.075)!important;
  outline:none!important;
  transform:translateY(0)!important;
  transition:transform .19s ease,box-shadow .19s ease!important;
  position:relative;z-index:2;
}
body:not(.workspace-open) .hero form#linkForm.search-shell:focus-within {
  border:1px solid #dce4ed!important;
  outline:none!important;
  box-shadow:0 15px 36px rgba(13,66,135,.17)!important;
  transform:translateY(-3px)!important;
  z-index:5;
}
body:not(.workspace-open) .hero form#linkForm.search-shell #productUrl {
  outline:none!important;
  box-shadow:none!important;
}
/* Budget form is a peer of the price search, with one uninterrupted field row. */
body:not(.workspace-open) section.budget-panel#budgetPanel {
  box-sizing:border-box!important;
  width:min(1020px,100%)!important;
  max-width:1020px!important;
  margin:0 auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
body:not(.workspace-open) section.budget-panel#budgetPanel[hidden] {display:none!important;}
body:not(.workspace-open) section.budget-panel#budgetPanel form#budgetForm {
  box-sizing:border-box!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  margin:0 auto!important;
  padding:8px!important;
  border:1px solid #dce4ed!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(15,42,83,.075)!important;
  outline:none!important;
  position:relative;
  transform:translateY(0)!important;
  transition:transform .19s ease,box-shadow .19s ease!important;
}
body:not(.workspace-open) section.budget-panel#budgetPanel form#budgetForm:focus-within {
  border:1px solid #dce4ed!important;
  box-shadow:0 15px 36px rgba(13,66,135,.17)!important;
  transform:translateY(-3px)!important;
  z-index:5;
}
.budget-product-field {
  flex:1 1 auto;min-width:90px;min-height:50px;
  position:relative;display:flex;align-items:center;gap:10px;
}
.budget-product-field .budget-input-icon {
  display:grid;place-items:center;flex:0 0 28px;
  margin-left:7px;color:#7890aa;pointer-events:none;
}
body:not(.workspace-open) #budgetPanel .budget-product-field #budgetProduct {
  display:block!important;width:100%!important;flex:1 1 auto!important;
  height:49px!important;min-width:0!important;
  padding:10px 4px!important;background:transparent!important;
  font-size:14px!important;line-height:1.2!important;color:#172b46!important;
  outline:none!important;box-shadow:none!important;
}
body:not(.workspace-open) #budgetPanel #budgetProduct::placeholder {color:#8a9aaf!important;}
.budget-typing-hint {
  position:absolute;z-index:1;
  left:45px;right:8px;top:50%;transform:translateY(-50%);
  overflow:hidden;text-overflow:clip;white-space:nowrap;
  color:#788ba4;font-size:14px;font-weight:500;line-height:1.4;
  pointer-events:none;user-select:none;
}
.budget-typing-hint[hidden]{display:none!important;}
/* Keep a legible static hint for users who disable JS. */
body:not(.workspace-open) #budgetPanel .budget-product-field:has(.budget-typing-hint:not([hidden])) #budgetProduct::placeholder{color:transparent!important;}
body:not(.workspace-open) #budgetPanel .budget-money {
  display:flex!important;align-items:center!important;gap:3px!important;
  flex:0 0 190px!important;width:190px!important;height:49px!important;
  padding:0 12px!important;
  border:1px solid #e3eaf3!important;
  border-radius:9px!important;background:#f8fafc!important;
  box-shadow:none!important;
}
body:not(.workspace-open) #budgetPanel .budget-money:focus-within {background:#fff!important;border-color:#a4c9f8!important;}
body:not(.workspace-open) #budgetPanel .budget-money-symbol {
  font-size:18px;font-weight:800;color:#0a58cf!important;
}
body:not(.workspace-open) #budgetPanel .budget-money #budgetAmount {
  width:100%!important;min-width:0!important;height:43px!important;
  padding:8px!important;font-size:13px!important;font-weight:600!important;
  border:none!important;background:transparent!important;color:#1a2d48!important;outline:none!important;
  appearance:textfield;-moz-appearance:textfield;
}
body:not(.workspace-open) #budgetPanel #budgetAmount::-webkit-outer-spin-button,
body:not(.workspace-open) #budgetPanel #budgetAmount::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
body:not(.workspace-open) #budgetPanel #budgetAmount::placeholder {color:#8595aa;font-weight:500;}
body:not(.workspace-open) #budgetPanel button#budgetSubmit {
  box-sizing:border-box!important;
  display:inline-flex!important;justify-content:center!important;align-items:center!important;
  flex:0 0 136px!important;gap:10px!important;
  width:136px!important;min-height:50px!important;height:50px!important;
  padding:10px!important;margin:0!important;
  border:0!important;border-radius:9px!important;
  background:linear-gradient(110deg,#ffa12e,#f27719)!important;
  color:#fff!important;font:800 13px/1.2 Inter,system-ui,sans-serif!important;
  box-shadow:0 3px 10px rgba(223,103,26,.16)!important;
  cursor:pointer;white-space:nowrap;
}
body:not(.workspace-open) #budgetPanel button#budgetSubmit svg {display:block!important;width:17px;height:17px;flex:none;}
body:not(.workspace-open) #budgetPanel button#budgetSubmit:hover {filter:brightness(.98);}
body:not(.workspace-open) #budgetPanel button#budgetSubmit:disabled {opacity:.6!important;cursor:progress;}
body:not(.workspace-open) #budgetPanel>p {display:none!important;}
/* Market-style tab bar — clean typographic selection without decorative AI glyphs. */
section#dealsPanel.deals-panel,
body:not(.workspace-open) #dealsPanel {
  box-sizing:border-box!important;
  margin:8px auto 22px!important;
  width:min(1020px,100%)!important;max-width:1020px!important;
  padding:25px 26px 27px!important;
  background:#fff!important;border:1px solid #e1e7ef!important;
  border-radius:15px!important;box-shadow:0 8px 26px rgba(26,55,91,.055)!important;
}
#dealsPanel.hidden{display:none!important;}
#dealsPanel .deals-heading {display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px!important;}
#dealsPanel .deals-heading .section-kicker {font-size:10px!important;color:#537299!important;letter-spacing:.14em!important;}
#dealsPanel .deals-heading h2 {font-size:clamp(24px,3vw,31px)!important;line-height:1.17!important;color:#1d304a!important;
  font-weight:850!important;letter-spacing:-.04em!important;margin:8px 0 8px!important;}
#dealsPanel .deals-heading-copy {font-size:13px!important;line-height:1.5!important;margin:0!important;color:#718198!important;}
#dealsPanel .deal-segments {
  display:flex!important;align-items:stretch!important;gap:28px!important;
  padding:0 2px!important;margin:14px 0 20px!important;
  border:0!important;border-bottom:1px solid #e1e8f1!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#dealsPanel .deal-segments button {
  box-sizing:border-box!important;position:relative;
  padding:12px 2px 15px!important;margin:0!important;
  border:0!important;border-bottom:3px solid transparent!important;
  border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:#6c7c90!important;
  font-size:14px!important;font-weight:700!important;line-height:1.2!important;
  white-space:nowrap;cursor:pointer;
}
#dealsPanel .deal-segments button.active,
#dealsPanel .deal-segments button[aria-pressed="true"] {
  border-bottom-color:var(--uf141-blue)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--uf141-blue)!important;
}
#dealsPanel .deal-segments button:hover:not(.active) {color:#25496e!important;}
#dealsPanel .deals-search-row {display:flex!important;align-items:center!important;gap:16px!important;margin:0 0 11px!important;}
#dealsPanel .deals-filter-field {
  border:1px solid #e0e7ef!important;border-radius:9px!important;
  background:#fff!important;box-shadow:none!important;min-height:46px!important;
}
#dealsPanel .deals-filter-field:focus-within {border-color:#a9c8eb!important;box-shadow:0 4px 12px #103c7914!important;}
#dealsPanel .deals-filter-field input {font-size:13px!important;color:#233a54!important;}
#dealsPanel .deals-counter {color:#698096!important;font-size:12px!important;white-space:nowrap;}
#dealsPanel .deals-updated {color:#7a8a9e!important;font-size:12px!important;margin:6px 0 15px!important;}
#dealsPanel .deals-grid {gap:12px!important;}
#dealsPanel .deals-empty-state {
  box-sizing:border-box;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  background:#f8fafd;border:1px dashed #cdd9e7;
  border-radius:12px;padding:35px 18px 34px;
  min-height:237px;margin:4px 0 3px;
}
#dealsPanel .deals-empty-symbol {width:53px;height:53px;display:grid;place-items:center;
  border-radius:14px;background:#e8f1fd;color:#1b63c0;margin-bottom:12px;}
#dealsPanel .deals-empty-state strong {font-size:16px!important;font-weight:800;color:#203450;letter-spacing:-.015em;}
#dealsPanel .deals-empty-state p {font-size:13px!important;color:#74869b;margin:7px 0 17px!important;line-height:1.5;}
#dealsPanel .deals-empty-actions {display:flex;align-items:center;justify-content:center;min-height:0;}
#dealsPanel .deals-header-actions {display:flex;align-items:center;justify-content:flex-end;}
#dealsPanel button.deals-refresh {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-width:140px;min-height:43px;padding:11px 18px!important;
  border-radius:9px!important;border:1px solid #0c61d0!important;
  background:#0b61cf!important;color:white!important;
  box-shadow:0 4px 12px rgba(11,97,207,.14)!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:0!important;
  cursor:pointer;
}
#dealsPanel button.deals-refresh:hover {background:#084fae!important;transform:translateY(-1px);}
#dealsPanel button.deals-refresh[hidden] {display:none!important;}
#dealsPanel .deal-card {border:1px solid #e3e9f2!important;border-radius:11px!important;box-shadow:none!important;background:#fff!important;}
#dealsPanel .deal-card h3 {color:#1e344c!important;}
#dealsPanel .deal-store {color:#0b58c8!important;}
#dealsPanel .deal-coupon {background:#fff6e9!important;border:1px solid #fde1bd!important;color:#985515!important;}
/* Quiet, purposeful footer, consistent on all home tabs. */
footer.footer.container.uf-footer-84 {box-sizing:border-box!important;max-width:1190px!important;width:calc(100% - 36px)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;
  gap:10px 24px!important;padding:15px 0 17px!important;min-height:65px!important;
  color:#6c7c90!important;font-size:12px!important;
}
footer.footer.container.uf-footer-84 a.privacy-link {
  color:#45617f!important;font-weight:650!important;
  margin:0!important;padding:5px 0!important;background:none!important;border:none!important;
  border-radius:0!important;text-decoration:none!important;box-shadow:none!important;
}
footer.footer.container.uf-footer-84 a.privacy-link:hover {color:#055cc7!important;text-decoration:underline!important;}
/* Coherent result and budget CTA colors. */
.budget-results .budget-buy>a {background:#f18825!important;border-color:#f18825!important;color:#fff!important;border-radius:8px!important;}
.budget-results .budget-info h3 {color:#1f3550!important;}
.budget-results .budget-buy strong {color:#1f3550!important;}
.budget-results .uf91-budget-ai h3 {color:#1e3b5b!important;}
@media(max-width:720px){
 header.topbar.container,body:not(.workspace-open) header.topbar.container {
   width:calc(100% - 28px)!important;justify-content:center!important;
   flex-direction:row!important;padding:14px 0 10px!important;
 }
 header.topbar.container .identity--full-logo,body:not(.workspace-open) header.topbar.container .identity--full-logo {
   width:min(275px,76vw)!important;max-width:275px!important;
 }
 header.topbar.container img.brand-full-logo {max-height:64px!important;}
 body:not(.workspace-open) section.budget-panel#budgetPanel form#budgetForm {
   flex-wrap:wrap!important;gap:7px!important;padding:6px!important;border-radius:11px!important;
 }
 body:not(.workspace-open) #budgetPanel .budget-product-field {flex:0 0 100%;width:100%;min-height:43px;}
 body:not(.workspace-open) #budgetPanel .budget-product-field #budgetProduct {height:44px!important;font-size:12.5px!important;}
 .budget-typing-hint {font-size:12.5px;}
 body:not(.workspace-open) #budgetPanel .budget-money {
   flex:1 1 110px!important;width:auto!important;height:46px!important;
 }
 body:not(.workspace-open) #budgetPanel #budgetAmount {height:40px!important;font-size:12px!important;}
 body:not(.workspace-open) #budgetPanel button#budgetSubmit {
   flex:0 0 127px!important;width:127px!important;min-height:46px!important;height:46px!important;font-size:12px!important;
 }
 section#dealsPanel.deals-panel,body:not(.workspace-open) #dealsPanel {padding:17px 14px 22px!important;border-radius:12px!important;}
 #dealsPanel .deals-heading h2 {font-size:24px!important;}
 #dealsPanel .deals-heading-copy {font-size:12px!important;}
 #dealsPanel .deal-segments {gap:19px!important;margin:9px 0 15px!important;}
 #dealsPanel .deal-segments button {font-size:12px!important;padding:9px 1px 13px!important;}
 #dealsPanel .deals-search-row {flex-wrap:wrap;gap:7px!important;}
 #dealsPanel .deals-filter-field {width:100%;flex:1 1 100%;}
 #dealsPanel .deals-counter {font-size:11px!important;}
 #dealsPanel .deals-empty-state {min-height:220px;padding:28px 12px;}
 footer.footer.container.uf-footer-84 {width:calc(100% - 28px)!important;justify-content:center!important;text-align:center;
   padding:15px 0 19px!important;gap:5px 18px!important;}
 footer.footer.container.uf-footer-84 .uf-footer-legal {flex:0 0 100%;}
}
@media(max-width:390px){
 body:not(.workspace-open) #budgetPanel .budget-money {flex-basis:100px!important;}
 body:not(.workspace-open) #budgetPanel button#budgetSubmit {flex-basis:113px!important;width:113px!important;}
 body:not(.workspace-open) #budgetPanel .budget-money #budgetAmount {font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){
 body:not(.workspace-open) .hero form#linkForm.search-shell,
 body:not(.workspace-open) #budgetPanel form#budgetForm {transition:none!important;transform:none!important;}
}
/* Keep the floating popular searches exclusive to product search mode. */
body.budget-mode .uf140-shortcuts,
body.deals-mode .uf140-shortcuts {display:none!important;}
/* Legacy footer skin forces nowrap; override it for narrow devices. */
footer.footer.container.uf-footer-84 {flex-wrap:wrap!important;}
@media(max-width:720px){
 footer.footer.container.uf-footer-84 {
   flex-wrap:wrap!important;flex-direction:row!important;
   min-height:66px!important;height:auto!important;
   max-height:none!important;
 }
 footer.footer.container.uf-footer-84 .uf-footer-legal {
   flex:0 0 100%!important;width:100%!important;display:block!important;
   text-align:center!important;
 }
 footer.footer.container.uf-footer-84 a.privacy-link {
   display:inline-block!important;flex:0 1 auto!important;
   white-space:normal!important;font-size:11px!important;
 }
}
/* A missing result is a full-width page state, never one narrow product tile. */
#dealsPanel .deals-grid .deals-empty-state {
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
}
#dealsPanel .deals-heading .deals-heading-copy {display:block!important;}


/* v14.2 — iOS input zoom fix for search and budget fields */
body:not(.workspace-open) .hero #productUrl,
body:not(.workspace-open) #budgetPanel .budget-product-field #budgetProduct,
body:not(.workspace-open) #budgetPanel .budget-money #budgetAmount{font-size:16px!important;}
@media (max-width:760px){
  body:not(.workspace-open) .hero #productUrl,
  body:not(.workspace-open) #budgetPanel .budget-product-field #budgetProduct,
  body:not(.workspace-open) #budgetPanel .budget-money #budgetAmount{font-size:16px!important;line-height:1.35!important;}
}