/* Iyitercih V9 - mobile-first shopping and quotation */
:root{--ux-pink:#ed0752;--ux-dark:#1d2639}
.ux-quick{background:#f7f8fb;padding:43px 0 48px}
.ux-quick .container{max-width:1240px}
.ux-quick h2{font-size:clamp(30px,4vw,45px);color:var(--ux-dark);letter-spacing:-.055em;line-height:1.1;margin:7px 0}
.ux-quick p{font-size:12px;line-height:1.7;color:#707787;margin:8px 0 20px}
.ux-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--ux-pink)}
.ux-search{display:flex;align-items:center;gap:12px;min-height:65px;border:1px solid #e3e5ec;background:#fff;border-radius:19px;padding:6px 7px 6px 20px;box-shadow:0 12px 35px #13203308}
.ux-search>span{font-size:30px;color:#8a8d9c;line-height:1}
.ux-search input{background:transparent;border:0!important;outline:none!important;flex:1;min-width:0;font-size:15px;font-weight:550;color:#20283b;box-shadow:none!important}
.ux-search button{background:var(--ux-pink);color:white;border:0;border-radius:14px;font-weight:850;padding:16px 24px;cursor:pointer}
.ux-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.ux-cat{display:flex;align-items:center;gap:10px;border:1px solid #e7e9ef;background:#fff;color:var(--ux-dark);border-radius:14px;min-height:49px;padding:11px 15px;cursor:pointer;transition:.2s}
.ux-cat:hover{border-color:#f1b0ca;background:#fff4f7}
.ux-cat span{font-size:22px;color:var(--ux-pink)}
.ux-cat strong{font-size:12px;font-weight:800}
.ux-picker{display:none;align-items:center;gap:8px;position:relative;background:#fff;border:1px solid #e3e6ed;border-radius:12px;padding:5px 12px}
.ux-picker>span{white-space:nowrap;font-size:11px;font-weight:750;color:#677181}
.ux-picker select{width:100%;min-width:0;appearance:none;border:0!important;outline:0;background:transparent;color:var(--ux-dark);padding:9px 21px 9px 4px;font-size:12px;font-weight:750;cursor:pointer}
.ux-picker i{position:absolute;right:13px;font-size:21px;font-style:normal;color:var(--ux-pink);pointer-events:none}
.ux-noresult{border:1px dashed #d9dce5;border-radius:20px;text-align:center;background:#fff;padding:36px 14px}
.ux-noresult[hidden]{display:none!important}
.ux-noresult strong{font-size:16px;color:#20283b}
.ux-noresult p{font-size:12px;color:#788192;margin:9px 0 17px}
.ux-noresult button{border:0;border-radius:11px;color:#fff;background:var(--ux-pink);font-weight:750;padding:13px 18px;cursor:pointer}
body.catalog-view .ux-quick{display:none!important}
.ux-bottom,.ux-detail-actions{display:none}
#uxReturn{background:#fff;color:#d3114b;border:0;text-align:left;padding:10px 16px;font-size:12px;font-weight:750;cursor:pointer}
#uxReturn:hover{text-decoration:underline}
@media(max-width:760px){
 body{padding-bottom:calc(67px + env(safe-area-inset-bottom,0px))}
 .ux-quick{padding:26px 0 30px}
 .ux-quick h2{font-size:30px}
 .ux-quick p{font-size:11px;margin:8px 0 15px}
 .ux-search{padding:5px 5px 5px 12px;min-height:52px;gap:6px;border-radius:14px}
 .ux-search>span{font-size:25px}
 .ux-search input{font-size:13px!important}
 .ux-search button{padding:12px 12px;border-radius:10px;font-size:12px;white-space:nowrap}
 .ux-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
 .ux-cat{flex-direction:column;justify-content:center;gap:5px;min-height:70px;padding:11px 3px;border-radius:12px}
 .ux-cat span{font-size:23px}
 .ux-cat strong{font-size:10px;text-align:center;line-height:1.2}
 .ux-bottom{position:fixed;bottom:0;left:0;right:0;z-index:28;background:rgba(255,255,255,.98);box-shadow:0 -8px 25px #1d22320f;border-top:1px solid #ecebf0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 8px env(safe-area-inset-bottom,0px);backdrop-filter:blur(16px)}
 .ux-bottom a,.ux-bottom button{border:0;background:transparent;color:#818696;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;padding:3px;position:relative;cursor:pointer}
 .ux-bottom a span,.ux-bottom button span{font-size:23px;line-height:22px;height:24px;position:relative}
 .ux-bottom strong{white-space:nowrap;font-weight:750;font-size:9px;letter-spacing:-.02em}
 .ux-bottom .selected{color:var(--ux-pink)}
 .ux-bottom i{font-style:normal;font:800 9px Arial,sans-serif;position:absolute;top:-8px;right:-10px;color:#fff;background:var(--ux-pink);min-width:17px;height:17px;border-radius:20px;display:grid;place-items:center}
 .ux-bottom i[hidden]{display:none!important}
 body.catalog-view #urunler{padding-top:24px!important}
 body.catalog-view #urunler>.container{gap:12px!important}
 body.catalog-view #urunler .section-heading h2{font-size:29px!important;line-height:1.15}
 body.catalog-view #urunler .section-heading p{font-size:11px!important;margin-top:7px}
 body.catalog-view #urunler .catalog-toolbar{position:sticky;top:0;z-index:23;background:#fff;padding:12px 0 9px;margin:0!important;display:flex!important;flex-direction:column;gap:9px;align-items:stretch;box-shadow:0 7px 11px #262a330b}
 body.catalog-view #urunler .catalog-search{min-height:45px!important;border-radius:12px!important}
 .ux-picker{display:flex;width:100%;min-height:42px}
 body.catalog-view #urunler #filters{position:absolute!important;left:-9999px!important;opacity:0;pointer-events:none;height:1px!important;max-height:1px!important;min-height:1px!important;overflow:hidden!important;padding:0!important;transform:translateX(-100%);width:1px!important}
 body.catalog-view #urunler #productStatus{font-size:11px!important;margin:0!important}
 #v8Detail .ux-detail-actions{position:fixed;bottom:0;left:0;right:0;z-index:120;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fff;border-top:1px solid #e6e9f0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 25px #1820381a}
 #v8Detail .ux-detail-actions button{border:0;border-radius:12px;min-height:49px;color:#fff;font-size:12px;font-weight:850;padding:8px;cursor:pointer}
 #v8Detail #uxWhatsApp{background:#0ab456}
 #v8Detail #uxOffer{background:var(--ux-pink)}
 #v8Detail .v8-ctas{display:none!important}
 #v8Detail .v8-page{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))!important}
 #v8Detail .v8-stage{height:345px!important;min-height:300px!important}
 #v8Detail .v8-step{padding:15px!important}
}
@media(max-width:380px){.ux-cat strong{font-size:9px}.ux-bottom strong{font-size:8px}.ux-search button{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.ux-cat{transition:none}}