/* UygunFiyata v13.7 | Clean premium search interface.
   Last stylesheet by design; overrides legacy mobile tab compression. */
:root{--uf-ink:#241b39;--uf-sub:#756f83;--uf-violet:#7746d5;--uf-line:#e8e0f4;--uf-surface:#fff}
body:not(.workspace-open):not(.budget-show-results) .hero.container{
  --uf-max-width:890px;
  padding-inline:14px!important;
  box-sizing:border-box!important;
}
.hero.container .home-modes{
  width:min(890px,calc(100vw - 36px))!important;
  max-width:890px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
  margin:0 auto 13px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.hero.container .home-modes button,
.hero.container .home-modes #dealsToggle{
  box-sizing:border-box!important;
  display:flex!important;
  flex:initial!important;
  min-width:0!important;
  width:100%!important;
  min-height:66px!important;
  height:auto!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:11px!important;
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #e9e2f4!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 4px 16px rgba(52,31,90,.045),inset 0 1px #fff!important;
  color:#33284a!important;
  text-align:left!important;
  transform:none!important;
  white-space:normal!important;
  font:inherit!important;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.hero.container .home-modes button:hover{border-color:#cdb7f8!important;box-shadow:0 7px 22px rgba(94,67,153,.10)!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:linear-gradient(137deg,#fcfaff 4%,#f1eafd 100%)!important;
  border-color:#a57dee!important;
  color:#5234a4!important;
  box-shadow:0 3px 0 rgba(119,70,213,.07),0 7px 19px rgba(119,70,213,.07)!important;
}
.hero.container .home-modes .uf137-mode-icon{
  flex:0 0 40px!important;
  width:40px!important;height:40px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  background:#f5f0fd!important;color:#8554cb!important;
}
.hero.container .home-modes button.active .uf137-mode-icon,
.hero.container .home-modes button[aria-selected="true"] .uf137-mode-icon{background:#e7d8fe!important;color:#6b37cd!important}
.hero.container .home-modes .uf137-mode-icon svg{width:21px!important;height:21px!important;display:block!important;transform:none!important}
.hero.container .home-modes .uf137-mode-copy{
  display:flex!important;flex:1!important;min-width:0!important;
  flex-direction:column!important;gap:4px!important;
  font-size:inherit!important;text-align:left!important;
}
.hero.container .home-modes .uf137-mode-copy strong{
  display:block!important;font-size:12.5px!important;line-height:1.26!important;
  color:#2e253e!important;font-weight:800!important;letter-spacing:-.008em!important;
  overflow-wrap:normal!important;
}
.hero.container .home-modes .uf137-mode-copy small{
  display:block!important;font-size:10.5px!important;line-height:1.35!important;
  font-weight:500!important;color:#867e95!important;
}
.hero.container .home-modes #dealsToggle .deal-chevron{display:none!important}
.hero.container .home-modes button:focus-visible{
  outline:3px solid rgba(145,84,226,.5)!important;outline-offset:3px!important;
}
/* Search box: single clear action, predictable heights and no mobile overlap */
body:not(.workspace-open) .hero .search-shell{
  box-sizing:border-box!important;
  width:min(890px,calc(100vw - 36px))!important;
  max-width:890px!important;
  margin:0 auto!important;padding:8px!important;
  border:1px solid #d8cbea!important;border-radius:21px!important;
  background:#fff!important;
  box-shadow:0 12px 37px rgba(67,43,108,.10)!important;
}
body:not(.workspace-open) .hero .search-shell:focus-within{border-color:#b38ae5!important;box-shadow:0 12px 37px rgba(67,43,108,.15),0 0 0 3px #e6d6ff!important}
body:not(.workspace-open) .hero .search-row{min-height:54px!important;height:54px!important;gap:8px!important;align-items:center!important;}
body:not(.workspace-open) .hero .search-icon{color:#8457cc!important;margin-left:12px!important;flex:none!important;}
body:not(.workspace-open) .hero #productUrl{min-width:0!important;flex:1 1 auto!important;height:54px!important;font-size:14px!important;color:#2a2240!important;letter-spacing:0!important;}
body:not(.workspace-open) .hero .search-submit{
  flex:0 0 auto!important;width:103px!important;min-width:103px!important;
  height:53px!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;
  gap:9px!important;border-radius:14px!important;
  background:linear-gradient(130deg,#864dde,#6e37c4)!important;color:#fff!important;
  border:0!important;box-shadow:0 5px 15px rgba(110,55,196,.2)!important;
  font-weight:800!important;font-size:13px!important;
}
body:not(.workspace-open) .hero .search-submit:hover{filter:brightness(1.04)!important}
.hero .search-submit .uf137-submit-arrow{display:block;width:17px;height:17px}
/* Card preferences: genuine credit-card icon and compact premium accordion. */
.hero.container .google-card-prefs{
  box-sizing:border-box!important;width:min(740px,calc(100vw - 36px))!important;
  max-width:740px!important;margin:14px auto 0!important;
  border:1px solid #e7def2!important;border-radius:17px!important;
  background:rgba(255,255,255,.85)!important;
  box-shadow:0 5px 20px rgba(79,53,128,.035)!important;
  color:var(--uf-ink)!important;
}
.hero.container .google-card-prefs summary{min-height:58px!important;padding:10px 16px!important;gap:12px!important;}
.hero.container .google-card-prefs .card-prefs-symbol{
  flex:0 0 38px!important;width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:1px solid #e8d8f8!important;border-radius:11px!important;
  background:#f7f1ff!important;color:#7d48cc!important;
}
.hero.container .google-card-prefs .card-prefs-symbol svg{width:22px;height:22px}
.hero.container .google-card-prefs summary strong{font-size:12.5px!important;font-weight:800!important;color:#34274a!important;letter-spacing:0!important;line-height:1.5!important}
.hero.container .google-card-prefs summary small{font-size:11px!important;line-height:1.45!important;color:#8a8298!important;max-width:none!important}
.hero.container .google-card-prefs summary>svg{flex:none!important;width:17px;height:17px;color:#8759cc!important;}
.hero.container .google-card-prefs[open]{box-shadow:0 9px 28px rgba(103,67,174,.085)!important}
@media(max-width:720px){
  body:not(.workspace-open):not(.budget-show-results) .hero.container{padding-inline:0!important}
  .hero.container .home-modes{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;margin-bottom:11px!important;
  }
  .hero.container .home-modes #dealsToggle{grid-column:1/-1!important}
  .hero.container .home-modes button,.hero.container .home-modes #dealsToggle{
    min-height:61px!important;padding:9px 10px!important;gap:8px!important;border-radius:14px!important;
  }
  .hero.container .home-modes .uf137-mode-icon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
  .hero.container .home-modes .uf137-mode-icon svg{width:20px!important;height:20px!important}
  .hero.container .home-modes .uf137-mode-copy strong{font-size:11.5px!important;line-height:1.25!important}
  .hero.container .home-modes .uf137-mode-copy small{font-size:10px!important;line-height:1.25!important}
  body:not(.workspace-open) .hero .search-shell{width:calc(100vw - 28px)!important;border-radius:18px!important;padding:5px!important}
  body:not(.workspace-open) .hero .search-row{min-height:51px!important;height:51px!important;gap:6px!important}
  body:not(.workspace-open) .hero .search-icon{margin-left:9px!important}
  body:not(.workspace-open) .hero #productUrl{height:50px!important;font-size:13px!important}
  body:not(.workspace-open) .hero .search-submit{width:72px!important;min-width:72px!important;height:47px!important;gap:4px!important;border-radius:13px!important;font-size:12px!important}
  body:not(.workspace-open) .hero .search-submit svg{width:16px;height:16px}
  .hero.container .google-card-prefs{width:calc(100vw - 28px)!important;margin-top:10px!important}
  .hero.container .google-card-prefs summary{gap:9px!important;padding:10px!important}
  .hero.container .google-card-prefs .card-prefs-symbol{flex-basis:34px!important;width:34px!important;height:34px!important}
  .hero.container .google-card-prefs summary strong{font-size:11.5px!important}
  .hero.container .google-card-prefs summary small{font-size:9.9px!important}
}
@media(max-width:359px){
  .hero.container .home-modes .uf137-mode-copy small{display:none!important}
  .hero.container .home-modes .uf137-mode-copy strong{font-size:11.4px!important}
  .hero.container .home-modes button,.hero.container .home-modes #dealsToggle{gap:6px!important;padding:9px 7px!important;min-height:53px!important}
  .hero.container .home-modes .uf137-mode-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  body:not(.workspace-open) .hero .search-submit{width:60px!important;min-width:60px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero.container .home-modes button,.hero.container .search-shell{transition:none!important}
}
/* Legacy v11 hid non-enter button children; restore our clear labeled action. */
body:not(.workspace-open) .hero .search-submit>.uf137-submit-label{
  display:inline-block!important;visibility:visible!important;opacity:1!important;
  color:#fff!important;font-size:13px!important;font-weight:800!important;
}
body:not(.workspace-open) .hero .search-submit>.uf137-submit-arrow{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:17px!important;height:17px!important;flex:none!important;
}
body:not(.workspace-open) .hero #productUrl::placeholder{color:#91869f!important;opacity:1!important}
@media(max-width:390px){body:not(.workspace-open) .hero .search-submit>.uf137-submit-label{display:inline-block!important;font-size:12px!important}}

/* Prevent typing animation from sliding under the action on compact screens. */
.hero .search-row .typed-placeholder:not([hidden]),
.hero .search-row input:focus~.typed-placeholder:not([hidden]){
  left:57px!important;right:120px!important;
  max-width:calc(100% - 177px)!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .hero .search-row .typed-placeholder:not([hidden]),
  .hero .search-row input:focus~.typed-placeholder:not([hidden]){
    left:52px!important;right:87px!important;max-width:calc(100% - 139px)!important;
  }
}
@media(max-width:359px){
  .hero .search-row .typed-placeholder:not([hidden]),
  .hero .search-row input:focus~.typed-placeholder:not([hidden]){
    left:48px!important;right:73px!important;max-width:calc(100% - 121px)!important;
  }
}

/* Final polish applied to results and budget actions as well as the hero. */
#workspace .google-heading-icon svg{width:21px!important;height:21px!important}
#workspace .google-result-column{border-radius:22px!important}
#workspace .google-column-heading h4{font-weight:800!important;letter-spacing:-.015em!important}
#workspace .uf121-go{border-radius:12px!important;font-weight:760!important;box-shadow:0 4px 12px rgba(119,70,213,.12)!important}
.budget-panel #budgetSubmit{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px!important;min-height:45px!important;font-weight:800!important;letter-spacing:-.01em!important}
.budget-panel #budgetSubmit svg{flex:none}
.budget-results .budget-item{border-radius:19px!important;border-color:#e8e1f1!important;box-shadow:0 5px 18px rgba(67,46,106,.05)!important}
.budget-results .budget-item h3{letter-spacing:-.012em!important}
.budget-results .budget-buy>a{display:inline-flex!important;padding:9px 12px!important;border:1px solid #d9c6f1!important;border-radius:10px!important;background:#f7f1ff!important;text-decoration:none!important;}
.budget-results .budget-buy>a:hover{background:#eee4ff!important}

.budget-item-picture .uf137-fallback-img,.deal-picture .uf137-fallback-img{display:block;width:68%!important;height:68%!important;object-fit:contain!important;margin:auto!important}
