:root{--green:#176b4b;--green-dark:#0e4933;--green-soft:#e8f3ed;--red:#df4b52;--yellow:#efbd3f;--cream:#f7f3e8;--paper:#fff;--ink:#17221d;--muted:#617068;--line:#dce3de;--danger:#b4232c;--shadow:0 14px 36px rgba(20,45,33,.09);--container:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:9999;top:8px;left:8px;padding:10px 14px;background:#fff;border:2px solid var(--green);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.announcement{background:var(--green-dark);color:#fff;text-align:center;padding:8px 0;font-size:14px;font-weight:650;letter-spacing:.01em}
.announcement a{text-decoration:underline;text-underline-offset:3px}
.site-header{height:96px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.header-row{height:100%;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.brand-mark{width:43px;height:43px}
.site-header .brand-mark{width:60px;height:60px}.brand-upload{width:auto;max-width:266px;height:70px;object-fit:contain}.site-header .brand-name{font-size:30px}
.brand-name{font-size:22px;line-height:1;letter-spacing:-.8px;white-space:nowrap}
.brand-name b{color:var(--yellow);font-weight:850}.brand-name strong{color:var(--red);font-weight:850}
.main-nav{display:flex;align-items:center;gap:25px;margin-right:auto}
.main-nav a,.text-link,.link-button{font-size:15px;font-weight:650;color:#35463e}
.main-nav a:hover,.main-nav a:focus,.text-link:hover,.link-button:hover{color:var(--green)}
.header-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}.header-actions form{margin:0}
.link-button{appearance:none;border:0;background:none;padding:0}
.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:9px;margin-left:auto}
.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:5px 0}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 21px;border:1px solid transparent;border-radius:8px;font-weight:750;line-height:1.2;transition:background .18s,border-color .18s,transform .18s}
.button:hover{transform:translateY(-1px)}
.button-small{min-height:40px;padding:9px 16px;font-size:14px}
.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-dark)}
.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#2a3932}
.button-red{background:var(--red);color:#fff}.button-red:hover{background:#c83c44}
.button-light{background:#fff;border-color:#bbc8c0;color:var(--ink)}.button-light:hover{border-color:var(--green);color:var(--green)}
.button[disabled]{opacity:.5;pointer-events:none}
.notices{padding-top:18px}.notice{padding:14px 17px;border-left:4px solid;margin-bottom:12px;background:#fff;box-shadow:0 4px 18px rgba(20,45,33,.06)}
.notice-success{border-color:var(--green);background:#eff8f3}.notice-error{border-color:var(--danger);background:#fff2f2}.notice ul{margin:7px 0 0;padding-left:20px}
.context-line,.service-card-category{display:block;color:var(--muted);font-size:13px;font-weight:700;margin:0 0 5px}.service-card-category:hover{color:var(--green)}
.section{padding:82px 0}.section-compact{padding:48px 0}.section-cream{background:var(--cream)}.section-green{background:var(--green-dark);color:#fff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading.center{display:block;text-align:center;max-width:720px;margin:0 auto 38px}
.section-heading h1,.section-heading h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px;line-height:1.12;margin:7px 0 0}.section-heading p{max-width:620px;color:var(--muted);margin:8px 0 0}.section-green .section-heading p{color:#d7e7df}
.section-heading>a{font-weight:750;color:var(--green);white-space:nowrap}
.hero{background:#fbfaf6;border-bottom:1px solid #e3e8e5;padding:72px 0 64px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:72px;align-items:center}
.hero-copy h1{font-size:clamp(42px,5.4vw,66px);line-height:1.03;letter-spacing:-2.8px;margin:0 0 20px;max-width:760px}
.hero-copy h1 em{font-style:normal;color:var(--red)}
.hero-copy>p{font-size:18px;color:#536159;max-width:650px;margin:0 0 25px}
.hero-search-label{display:block;font-size:14px;font-weight:800;margin:0 0 8px}
.hero-search{display:flex;background:#fff;border:1px solid #aebbb4;padding:5px;max-width:680px;transition:border-color .18s}
.hero-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,75,.1)}
.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:10px 14px;font-size:16px;color:var(--ink)}
.hero-search .button{min-width:125px}
.popular-searches{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:13px;color:#59675f}.popular-searches span{font-weight:750;color:var(--ink)}.popular-searches a{border-bottom:1px solid #a9b4ae}.popular-searches a:hover{color:var(--green);border-color:var(--green)}
.hero-showcase{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:181px 181px;gap:12px;min-width:0}
.hero-showcase-card{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;background:#fff;border:1px solid #d5ddd8;transition:border-color .18s}
.hero-showcase-card:first-child{grid-row:1/3}
.hero-showcase-card:hover{border-color:var(--green)}
.hero-showcase-image{display:block;min-height:0;overflow:hidden;background:var(--green-soft)}
.hero-showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.hero-showcase-card:hover .hero-showcase-image img{transform:scale(1.02)}
.hero-showcase-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.hero-showcase-copy strong{font-size:14px;line-height:1.25}
.hero-showcase-copy small{color:var(--muted);font-size:11px;white-space:nowrap}
.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.trust-item{padding:22px 24px;border-right:1px solid var(--line)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border-right:0}.trust-item strong{display:block;font-size:22px;line-height:1.2}.trust-item span{font-size:13px;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{display:block;overflow:hidden;border:1px solid var(--line);background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}
.category-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,45,33,.08)}
.category-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--green-soft)}.category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.category-card:hover .category-card-image img{transform:scale(1.025)}
.category-photo-fallback{width:100%;height:100%;min-height:120px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:42px;font-weight:850}
.category-card-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px}.category-card-copy b{color:var(--green);font-size:20px}
.category-card h3{font-size:17px;line-height:1.25;margin:0 0 3px}.category-card p{font-size:13px;color:var(--muted);margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{border:1px solid var(--line);background:#fff;min-width:0;transition:box-shadow .18s,transform .18s}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.service-card-image{display:block;aspect-ratio:16/9;background:var(--cream);overflow:hidden}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-card:hover .service-card-image img{transform:scale(1.025)}
.service-card-body{padding:20px}.service-card h3{font-size:20px;line-height:1.25;margin:5px 0 8px}.service-card p{font-size:14px;color:var(--muted);margin:0;min-height:44px}
.service-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line);font-size:13px}.service-card-footer span{color:var(--muted)}.service-card-footer a{font-weight:800;color:var(--green)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;counter-reset:work}.step{counter-increment:work;border-top:3px solid var(--ink);padding-top:22px}.step:before{content:"0" counter(work);display:block;font-weight:850;font-size:14px;color:var(--red);letter-spacing:.08em}.step h3{font-size:22px;margin:10px 0 6px}.step p{color:var(--muted);margin:0}
.split-cta{display:grid;grid-template-columns:1fr 1fr}.split-cta>div{padding:56px}.split-cta .customer-cta{background:var(--yellow);color:#272419}.split-cta .provider-cta{background:var(--red);color:#fff}.split-cta h2{font-size:34px;letter-spacing:-1px;margin:0 0 10px;line-height:1.15}.split-cta p{margin:0 0 22px;max-width:520px}.split-cta .provider-cta .button-light{border-color:#fff}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan-card{background:#fff;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;position:relative}.plan-card.featured{border:2px solid var(--green);box-shadow:var(--shadow)}.plan-label{position:absolute;right:18px;top:18px;background:var(--yellow);padding:4px 9px;font-size:12px;font-weight:850}.plan-card h3{font-size:24px;margin:0 0 8px}.plan-card>p{color:var(--muted);min-height:52px}.plan-price{font-size:38px;font-weight:850;letter-spacing:-1.5px;line-height:1;margin:18px 0}.plan-price small{font-size:14px;font-weight:600;color:var(--muted)}.plan-card ul{padding:0;margin:5px 0 26px;list-style:none;flex:1}.plan-card li{padding:8px 0;border-bottom:1px solid var(--line)}.plan-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}
.page-hero{background:var(--cream);padding:58px 0 50px;border-bottom:1px solid #e7dfcd}.page-hero-inner{max-width:820px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:13px;margin-bottom:16px}.breadcrumbs span:before{content:"/";margin-right:7px;color:#9aa59f}.page-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.06;letter-spacing:-2px;margin:0}.page-hero p{font-size:18px;color:var(--muted);margin:16px 0 0;max-width:760px}
.category-hero{padding:42px 0}.category-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:52px;align-items:center}.category-hero-image{aspect-ratio:16/10;overflow:hidden;background:#fff;border:1px solid #e0d7c2;box-shadow:12px 12px 0 rgba(239,189,63,.55)}.category-hero-image img{width:100%;height:100%;object-fit:cover}
.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start}.filter-panel{border:1px solid var(--line);padding:22px;position:sticky;top:98px}.filter-panel h2{font-size:18px;margin:0 0 13px}.filter-panel ul{list-style:none;margin:0;padding:0}.filter-panel li+li{border-top:1px solid var(--line)}.filter-panel a{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.filter-panel a:hover{color:var(--green)}
.subcategories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.subcategories a{padding:8px 12px;border:1px solid var(--line);font-size:14px;font-weight:650}.subcategories a:hover{border-color:var(--green);color:var(--green)}
.pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:38px 0 0}.page-item .page-link{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);padding:0 10px}.page-item.active .page-link{background:var(--green);color:#fff;border-color:var(--green)}.page-item.disabled .page-link{opacity:.45}
.service-hero{padding:50px 0;background:var(--cream)}.service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:54px;align-items:center}.service-hero-image{aspect-ratio:4/3;background:#fff;border:1px solid var(--line)}.service-hero-image img{width:100%;height:100%;object-fit:cover}.service-hero h1{font-size:clamp(38px,5vw,57px);line-height:1.05;letter-spacing:-2px;margin:12px 0 15px}.service-hero p{font-size:18px;color:var(--muted)}.price-range{display:flex;gap:8px;align-items:center;margin:20px 0 25px}.price-range strong{font-size:22px}.price-range span{color:var(--muted);font-size:14px}
.service-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:50px;align-items:start}.prose{color:#35423b}.prose h2{font-size:28px;line-height:1.2;color:var(--ink);margin:36px 0 12px}.prose h2:first-child{margin-top:0}.prose h3{font-size:21px;color:var(--ink);margin:28px 0 8px}.prose p,.prose li{font-size:16px}.prose a{color:var(--green);text-decoration:underline}.prose img{margin:24px 0}.prose table{width:100%;border-collapse:collapse}.prose th,.prose td{padding:12px;border:1px solid var(--line);text-align:left}.prose blockquote{margin:24px 0;padding:15px 20px;border-left:4px solid var(--yellow);background:var(--cream)}
.sticky-card{position:sticky;top:98px;border:1px solid var(--line);padding:26px;box-shadow:var(--shadow)}.sticky-card h2{font-size:24px;margin:0 0 9px;line-height:1.2}.sticky-card p{color:var(--muted);font-size:14px}.sticky-card .button{width:100%;margin-top:9px}.assurance-list{list-style:none;padding:0;margin:20px 0 0}.assurance-list li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.assurance-list li:before{content:"✓";font-weight:900;color:var(--green);margin-right:8px}
.search-page-form{display:grid;grid-template-columns:1fr 260px auto;gap:10px;margin-bottom:30px}.field,.select-field,.textarea-field{width:100%;border:1px solid #bfcac3;background:#fff;color:var(--ink);padding:12px 13px;outline:none;border-radius:4px}.field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,75,.1)}.textarea-field{min-height:130px;resize:vertical}
.form-group{margin-bottom:18px}.form-label{display:block;font-weight:750;margin-bottom:6px}.form-help{display:block;color:var(--muted);font-size:13px;margin-top:5px}.form-check{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.form-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--green);flex:0 0 auto}.form-check a{color:var(--green);text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}
.auth-section{min-height:calc(100vh - 96px);background:var(--cream);padding:60px 0}.auth-grid{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1000px;margin:auto;background:#fff;box-shadow:var(--shadow)}.auth-aside{background:var(--green-dark);color:#fff;padding:52px}.auth-aside h1{font-size:38px;line-height:1.1;margin:0 0 15px}.auth-aside p{color:#d3e3db}.auth-aside ul{list-style:none;padding:0;margin:30px 0}.auth-aside li{padding:12px 0;border-top:1px solid rgba(255,255,255,.16)}.auth-aside li:before{content:"✓";color:var(--yellow);font-weight:900;margin-right:10px}.auth-card{padding:52px}.auth-card h2{font-size:30px;margin:0 0 6px}.auth-card>.muted{margin-top:0}.auth-card .button{width:100%;margin-top:8px}.auth-switch{text-align:center;margin-top:20px;color:var(--muted)}.auth-switch a{color:var(--green);font-weight:750}
.muted{color:var(--muted)}
.account-shell{background:#f5f7f5;min-height:680px;padding:38px 0 70px}.account-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.account-nav{background:#fff;border:1px solid var(--line);padding:10px;position:sticky;top:98px}.account-nav a{display:block;padding:11px 13px;font-size:14px;font-weight:650;border-left:3px solid transparent}.account-nav a:hover{background:#f3f7f4;color:var(--green)}.account-nav a.active{background:var(--green-soft);border-left-color:var(--green);color:var(--green)}
.account-content{min-width:0}.account-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.account-heading h1{font-size:34px;letter-spacing:-1px;margin:0}.account-heading p{margin:4px 0 0;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);padding:21px}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:31px;line-height:1.1;margin-top:6px}.stat-card small{color:var(--muted)}
.panel-card{background:#fff;border:1px solid var(--line);padding:25px;margin-bottom:20px}.panel-card-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}.panel-card-header h2{font-size:21px;margin:0}.panel-card-header a{font-size:14px;color:var(--green);font-weight:750}
.data-list{list-style:none;padding:0;margin:0}.data-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.data-list>li:first-child{border-top:0}.data-list h3{font-size:16px;margin:0 0 3px}.data-list p{font-size:13px;color:var(--muted);margin:0}.data-list .amount{font-weight:850;text-align:right}.data-list .amount small{display:block;font-weight:500;color:var(--muted)}
.status{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;border-radius:4px;background:#edf1ee;color:#425149}.status-open,.status-submitted{background:#e6f3ec;color:#176b4b}.status-accepted,.status-assigned{background:#dff4e7;color:#0e6336}.status-pending{background:#fff2cc;color:#775c08}.status-declined,.status-cancelled{background:#f9e7e8;color:#8f252b}
.request-card{border:1px solid var(--line);padding:21px;background:#fff;margin-bottom:14px}.request-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.request-card h2{font-size:20px;margin:8px 0}.request-card p{margin:0;color:var(--muted)}.request-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}
.offer-card{border:1px solid var(--line);padding:22px;margin-top:15px}.offer-card.accepted{border:2px solid var(--green);background:#f6fbf8}.offer-head{display:flex;justify-content:space-between;gap:20px}.offer-head h3{margin:0}.offer-price{font-size:25px;font-weight:850;white-space:nowrap}.offer-card blockquote{margin:15px 0;padding:13px 16px;background:#f5f7f5;border-left:3px solid var(--yellow)}.offer-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:16px}.phone-box{background:var(--green-soft);padding:12px 15px;color:var(--green-dark);font-weight:750}
.pending-box{border-left:4px solid var(--yellow);background:#fff9e7;padding:18px;margin-bottom:22px}.pending-box h2{font-size:18px;margin:0 0 5px}.pending-box p{margin:0;color:#695c31}
.empty-state{text-align:center;background:#fff;border:1px dashed #b9c7bf;padding:55px 25px}.empty-state img{margin:0 auto 15px}.empty-state h2{margin:0 0 5px}.empty-state p{color:var(--muted);max-width:520px;margin:0 auto 20px}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start}.legal-aside{position:sticky;top:100px;border-left:3px solid var(--yellow);padding-left:18px}.legal-aside strong{display:block;margin-bottom:8px}.legal-aside p{font-size:13px;color:var(--muted);margin:0}.legal-content{max-width:780px}
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px}.contact-details{background:var(--green-dark);color:#fff;padding:30px}.contact-details h2{margin-top:0}.contact-details a,.contact-details address,.contact-details span{display:block;margin:12px 0;color:#e2eee8}.contact-details address{font-style:normal}.contact-form{border:1px solid var(--line);padding:30px}
.site-footer{background:#101b16;color:#dfe8e3;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.5fr .85fr 1fr 1fr;gap:46px}.brand-footer{color:#fff;margin-bottom:17px}.footer-brand p{color:#aebdb5;max-width:360px}.site-footer h2{font-size:15px;color:#fff;margin:0 0 16px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer a{color:#bdc9c3;font-size:14px}.site-footer a:hover{color:#fff}.footer-contact>a,.footer-contact>span,.footer-contact>address{display:block;color:#bdc9c3;font-size:14px;margin:8px 0}.footer-contact address{font-style:normal}.social-links{display:flex;gap:13px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:46px;padding:20px 0;border-top:1px solid #29352f;color:#91a198;font-size:13px}.footer-cookie-button{color:#bdc9c3}
.cookie-panel{position:fixed;z-index:500;left:20px;right:20px;bottom:20px;max-width:820px;margin:auto;background:#fff;border:1px solid #b7c3bc;box-shadow:0 18px 55px rgba(0,0,0,.2);padding:22px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cookie-panel[hidden]{display:none}.cookie-panel h2{font-size:19px;margin:0 0 4px}.cookie-panel p{font-size:13px;color:var(--muted);margin:0}.cookie-panel a{font-size:13px;color:var(--green);text-decoration:underline}.cookie-actions{display:flex;gap:9px;flex-shrink:0}.cookie-actions .button{font-size:13px;min-height:42px;padding:9px 13px}
@media(max-width:1050px){.main-nav{gap:13px}.main-nav a{font-size:13px}.header-actions .text-link{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:38px}.service-hero-grid{grid-template-columns:minmax(0,1fr) 380px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:2/-1}.split-cta>div{padding:42px}}
@media(max-width:820px){.container{width:min(calc(100% - 28px),var(--container))}.site-header{height:76px}.header-row{gap:12px}.site-header .brand-mark{width:48px;height:48px}.site-header .brand-name{font-size:23px}.brand-upload{height:58px;max-width:210px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:13px 18px;box-shadow:0 15px 25px rgba(20,45,33,.1)}.main-nav.open{display:block}.main-nav a{display:block;padding:12px;border-bottom:1px solid var(--line)}.header-actions{gap:9px}.header-actions .link-button{display:none}.header-actions .button{font-size:12px;padding:8px 10px}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr}.hero-copy h1{letter-spacing:-2px}.hero-showcase{max-width:680px}.trust-row{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}.split-cta{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr;max-width:580px;margin:auto}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.service-hero-grid{grid-template-columns:1fr}.service-hero-image{order:-1;max-height:360px}.service-content-grid{grid-template-columns:1fr}.sticky-card{position:static}.search-page-form{grid-template-columns:1fr}.auth-grid{grid-template-columns:1fr}.auth-aside{padding:35px}.auth-card{padding:35px}.account-grid{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow:auto;white-space:nowrap}.account-nav a{border-left:0;border-bottom:3px solid transparent}.account-nav a.active{border-left:0;border-bottom-color:var(--green)}.legal-layout{grid-template-columns:1fr}.legal-aside{position:static}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}.cookie-panel{align-items:flex-start;flex-direction:column}.cookie-actions{width:100%}.cookie-actions .button{flex:1}}
@media(max-width:560px){body{font-size:15px}.section{padding:56px 0}.section-heading{align-items:start;flex-direction:column;gap:12px}.hero{padding:38px 0}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:17px}.hero-search{display:block;padding:8px}.hero-search .button{width:100%;margin-top:5px}.hero-showcase{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:9px}.hero-showcase-card:first-child{grid-column:1/-1;grid-row:auto}.hero-showcase-card:first-child .hero-showcase-image{aspect-ratio:16/9}.hero-showcase-card:not(:first-child) .hero-showcase-image{aspect-ratio:4/3}.hero-showcase-copy{display:block;padding:10px}.hero-showcase-copy small{display:block;margin-top:2px}.trust-item{padding:18px 12px}.trust-item strong{font-size:18px}.category-grid,.service-grid{grid-template-columns:1fr}.category-card{min-height:84px}.split-cta>div{padding:34px 24px}.page-hero{padding:38px 0}.page-hero h1{font-size:38px}.form-grid{grid-template-columns:1fr}.auth-section{padding:20px 0}.auth-aside,.auth-card{padding:27px 22px}.auth-aside h1{font-size:31px}.stats-grid{grid-template-columns:1fr}.account-heading{align-items:start;flex-direction:column}.account-heading .button{width:100%}.panel-card{padding:19px}.data-list>li{grid-template-columns:1fr}.data-list .amount{text-align:left}.offer-head,.offer-actions,.request-footer{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.cookie-panel{left:10px;right:10px;bottom:10px;padding:17px}.cookie-actions{flex-direction:column}.service-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.home-banner{display:block;border:1px solid var(--line);overflow:hidden}.home-banner+.home-banner{margin-top:18px}.home-banner img{width:100%;max-height:340px;object-fit:cover}
.catalog-category-block{padding:48px 0;border-top:1px solid var(--line)}.catalog-category-block:first-child{padding-top:0;border-top:0}.catalog-category-header{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:25px}.catalog-category-image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--green-soft)}.catalog-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.catalog-category-image:hover img{transform:scale(1.025)}.catalog-category-copy h2{font-size:30px;line-height:1.15;margin:0}.catalog-category-copy p{color:var(--muted);margin:8px 0 12px;max-width:690px}.catalog-category-copy>a{font-weight:750;color:var(--green)}
.subcategory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 27px}.subcategory-card{border:1px solid var(--line);background:#fff;overflow:hidden;transition:border-color .18s,transform .18s}.subcategory-card:hover{border-color:var(--green);transform:translateY(-2px)}.subcategory-image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--green-soft)}.subcategory-image img{width:100%;height:100%;object-fit:cover}.subcategory-card>span:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:14px;font-weight:750}.subcategory-card b{color:var(--green)}
.category-service-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category-service-links a{display:flex;justify-content:space-between;gap:12px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:650}.category-service-links a:hover{color:var(--green);background:var(--green-soft)}
.package-note{max-width:760px;text-align:center;margin:30px auto 0;color:var(--muted)}
.role-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:22px 0}.role-switch a{text-align:center;padding:11px;font-weight:700;font-size:14px}.role-switch a+a{border-left:1px solid var(--line)}.role-switch a.active{background:var(--green);color:#fff}.selected-service{background:var(--cream);border-left:3px solid var(--yellow);padding:12px 14px;margin-bottom:18px}
.provider-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.provider-overview-grid .panel-card{height:calc(100% - 20px)}.usage-meter{border-top:1px solid var(--line);margin-top:16px;padding-top:15px;color:var(--green)}
.phone-consent{border:1px solid #b9c9bf;background:#f5faf7;padding:12px 15px;margin:6px 0 20px}.detail-list{margin:22px 0}.detail-list>div{display:grid;grid-template-columns:190px 1fr;border-top:1px solid var(--line);padding:10px 0}.detail-list dt{font-weight:750;text-transform:capitalize}.detail-list dd{margin:0;color:var(--muted)}
.price-guidance{padding:13px 15px;background:var(--cream);border-left:3px solid var(--yellow)}.commission-note{background:#eef4f0;border-left:4px solid var(--green);padding:16px 18px;margin:18px 0;color:#31463a}.offer-form-card .button{margin-top:3px}
.wallet-balance{background:var(--green-dark);color:#fff;padding:32px;margin-bottom:20px}.wallet-balance span{font-size:14px;color:#c8ddd2}.wallet-balance strong{display:block;font-size:43px;letter-spacing:-1.5px;line-height:1.1;margin:6px 0}.wallet-balance p{color:#c8ddd2;margin:10px 0 0;max-width:650px}.amount.positive{color:var(--green)}.amount.negative{color:var(--red)}
.active-subscription{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--green-soft);border-left:5px solid var(--green);padding:22px;margin-bottom:24px}.active-subscription span:first-child{font-size:13px;color:var(--muted)}.active-subscription h2{margin:2px 0}.active-subscription p{margin:0;color:var(--muted)}.account-plans .plan-card{padding:24px}.account-plans .plan-price{font-size:31px}.account-plans form,.account-plans .button{width:100%}
.page-contact-extra{grid-column:1/-1;margin-top:45px}.legal-content+.page-contact-extra{margin-top:45px}
@media(max-width:1050px){.category-service-links{grid-template-columns:repeat(3,1fr)}.subcategory-grid{grid-template-columns:repeat(3,1fr)}.category-hero-grid{grid-template-columns:minmax(0,1fr) 350px;gap:34px}}
@media(max-width:820px){.category-service-links{grid-template-columns:1fr 1fr}.provider-overview-grid{grid-template-columns:1fr}.category-hero-grid{grid-template-columns:1fr}.category-hero-image{max-width:620px}.catalog-category-header{grid-template-columns:190px minmax(0,1fr)}.subcategory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.category-service-links{grid-template-columns:1fr}.detail-list>div{grid-template-columns:1fr}.detail-list dd{margin-top:2px}.active-subscription{align-items:flex-start;flex-direction:column}.catalog-category-header{grid-template-columns:1fr}.catalog-category-image{max-width:none}.subcategory-grid{grid-template-columns:1fr 1fr}.subcategory-card>span:last-child{font-size:13px;padding:10px}}
.payment-shell{max-width:860px}.iyzico-checkout{min-height:320px}.payment-security{text-align:center}.iyzico-checkout iframe{max-width:100%}
.error-page{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;background:var(--cream)}.error-page img{margin-bottom:14px}.error-page h1{font-size:clamp(34px,5vw,54px);letter-spacing:-1.5px;line-height:1.1;margin:8px 0}.error-page p{color:var(--muted);max-width:560px;margin:0 0 22px}
@media(max-width:820px){.trust-item,.trust-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line);padding-left:12px}.trust-item:last-child{border-bottom:0}}
.latest-requests-section{padding:44px 0 48px;background:#fff;border-bottom:1px solid var(--line)}
.latest-requests-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.latest-requests-heading h2{font-size:clamp(28px,4vw,40px);line-height:1.12;letter-spacing:-1.2px;margin:0}.latest-requests-heading p{color:var(--muted);margin:7px 0 0}
.latest-requests-controls{display:flex;gap:8px}.latest-requests-controls button{width:42px;height:42px;border:1px solid #aebcb4;background:#fff;color:var(--ink);font-size:20px}.latest-requests-controls button:hover{border-color:var(--green);color:var(--green)}
.latest-requests-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9eaea5 transparent;padding:2px 2px 14px}.latest-request-card{flex:0 0 315px;border:1px solid var(--line);background:#fff;scroll-snap-align:start;transition:border-color .18s,transform .18s}.latest-request-card:hover{border-color:var(--green);transform:translateY(-2px)}.latest-request-card>a{display:flex;min-height:190px;height:100%;padding:20px;flex-direction:column}.latest-request-service{font-size:13px;color:var(--green);font-weight:750}.latest-request-card h3{font-size:18px;line-height:1.3;margin:7px 0 15px}.latest-request-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.latest-request-card>a>strong{font-size:15px;margin-top:8px}.latest-requests-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);padding:20px}.latest-requests-empty p{margin:0;color:var(--muted)}
.service-picker-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.service-picker-filter{border:1px solid #bfcac3;background:#fff;padding:10px 14px;font-weight:700;color:#35463e}.service-picker-filter[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}.service-picker-summary{display:flex;align-items:center;gap:5px;padding:10px 0;font-size:13px;color:var(--muted)}.service-picker-summary strong{color:var(--ink)}.service-picker-summary button{margin-left:auto;border:0;background:none;color:var(--green);font-weight:700;padding:0}.service-picker-list{border:1px solid #bfcac3;background:#fff;max-height:410px;overflow:auto}.service-picker-group+.service-picker-group{border-top:1px solid var(--line)}.service-picker-group[hidden],.service-picker-option[hidden]{display:none}.service-picker-group h3{position:sticky;top:0;z-index:1;background:#edf4f0;border-bottom:1px solid var(--line);font-size:14px;margin:0;padding:10px 13px}.service-picker-options{display:grid;grid-template-columns:1fr 1fr}.service-picker-option{display:flex;align-items:flex-start;gap:10px;padding:10px 13px;border-bottom:1px solid #edf0ee;cursor:pointer;font-size:14px;line-height:1.35}.service-picker-option:nth-child(odd){border-right:1px solid #edf0ee}.service-picker-option:hover{background:#f5f9f6}.service-picker-option:has(input:checked){background:#e8f3ed;color:var(--green-dark);font-weight:700}.service-picker-option input{width:19px;height:19px;accent-color:var(--green);flex:0 0 auto;margin:0}.service-picker-empty{padding:24px;text-align:center;color:var(--muted);margin:0}
.catalog-hero{background:var(--cream);padding:52px 0 48px;border-bottom:1px solid #e7dfcd}.catalog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:60px;align-items:end}.catalog-hero h1{font-size:clamp(40px,5vw,60px);letter-spacing:-2px;line-height:1.04;margin:0}.catalog-hero p{font-size:17px;color:var(--muted);max-width:680px;margin:14px 0 0}.catalog-search{background:#fff;border:1px solid #bdc9c1;padding:17px;box-shadow:10px 10px 0 rgba(239,189,63,.45)}.catalog-search label{display:block;font-size:14px;font-weight:750;margin-bottom:7px}.catalog-search>div{display:flex}.catalog-search input{min-width:0;flex:1;border:1px solid #bfcac3;border-right:0;padding:11px 12px;outline:0}.catalog-search input:focus{border-color:var(--green)}.catalog-search .button{border-radius:0}
.catalog-jump-nav{position:sticky;top:96px;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.catalog-jump-nav .container{display:flex;overflow-x:auto;scrollbar-width:thin}.catalog-jump-nav a{flex:0 0 auto;padding:14px 17px;border-right:1px solid var(--line);font-size:13px;font-weight:700}.catalog-jump-nav a:first-child{border-left:1px solid var(--line)}.catalog-jump-nav a:hover{color:var(--green);background:var(--green-soft)}
.catalog-section{padding:55px 0 80px}.catalog-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.catalog-overview-card{border:1px solid var(--line);background:#fff;scroll-margin-top:170px;overflow:hidden}.catalog-overview-image{display:block;aspect-ratio:16/7;background:var(--green-soft);overflow:hidden}.catalog-overview-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.catalog-overview-card:hover .catalog-overview-image img{transform:scale(1.02)}.catalog-overview-body{padding:22px}.catalog-overview-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.catalog-overview-title h2{font-size:25px;line-height:1.15;margin:0}.catalog-overview-title p{font-size:13px;color:var(--muted);margin:3px 0 0}.catalog-overview-title>a{font-size:13px;color:var(--green);font-weight:750;white-space:nowrap}.catalog-child-links{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 12px}.catalog-child-links a{white-space:nowrap;padding:9px 12px 9px 0;margin-right:12px;font-size:13px;font-weight:700;color:#46564e}.catalog-child-links a:hover{color:var(--green)}.catalog-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.catalog-service-list a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf0ee;font-size:14px}.catalog-service-list a:hover{color:var(--green)}.catalog-service-list b{color:var(--green)}
.error-code{font-size:15px;color:var(--green);margin-bottom:3px}
@media(max-width:900px){.catalog-hero-grid{grid-template-columns:1fr;gap:28px}.catalog-overview-grid{grid-template-columns:1fr}.catalog-jump-nav{top:96px}.service-picker-options{grid-template-columns:1fr}}
@media(max-width:820px){.catalog-jump-nav{top:76px}}
@media(max-width:560px){.latest-requests-heading{align-items:start}.latest-request-card{flex-basis:270px}.latest-requests-empty{align-items:flex-start;flex-direction:column}.service-picker-toolbar{grid-template-columns:1fr}.service-picker-filter{width:100%}.catalog-hero{padding:36px 0}.catalog-search>div{display:block}.catalog-search input{width:100%;border-right:1px solid #bfcac3}.catalog-search .button{width:100%;margin-top:7px}.catalog-service-list{grid-template-columns:1fr}.catalog-overview-body{padding:18px}.catalog-overview-title{display:block}.catalog-overview-title>a{display:inline-block;margin-top:8px}}
.header-wallet{display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:center;border:1px solid #b9c8bf;background:#f4f8f5;color:var(--ink);padding:7px 10px;min-width:142px;text-align:left;line-height:1.05}.header-wallet span{font-size:11px;color:var(--muted)}.header-wallet strong{font-size:14px;grid-row:2}.header-wallet b{font-size:11px;color:var(--green);grid-column:2;grid-row:1/3;align-self:center}.header-wallet:hover,.header-wallet:focus-visible{border-color:var(--green);background:var(--green-soft)}
.wallet-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #9ead9f;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:auto}.wallet-dialog::backdrop{background:rgba(10,25,18,.64)}.wallet-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--green-dark);color:#fff;padding:18px 22px}.wallet-dialog-header span{display:block;color:#c9ddd2;font-size:12px}.wallet-dialog-header strong{display:block;font-size:24px;line-height:1.1}.wallet-dialog-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;font-size:28px;line-height:1}.wallet-dialog-close:hover{background:#fff;color:var(--green-dark)}.wallet-dialog-body{padding:24px}.wallet-dialog-body>h2{font-size:27px;margin:0}.wallet-dialog-body>p{color:var(--muted);margin:3px 0 20px}
.wallet-form-errors{border-left:4px solid var(--danger);background:#fff2f2;padding:12px 14px;margin-bottom:18px}.wallet-form-errors ul{margin:6px 0 0;padding-left:20px}.wallet-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:7px 0 18px}.wallet-preset{min-height:46px;border:1px solid #b9c8bf;background:#fff;color:var(--ink);font-weight:800}.wallet-preset:hover{border-color:var(--green);color:var(--green)}.wallet-preset.active{border-color:var(--green);background:var(--green);color:#fff}.wallet-custom-amount{max-width:390px}.wallet-amount-input{position:relative}.wallet-amount-input .field{padding-right:52px;font-size:20px;font-weight:800}.wallet-amount-input>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:800;color:var(--muted)}.wallet-billing-grid{border-top:1px solid var(--line);padding-top:19px}.wallet-topup-form .textarea-field{min-height:88px}.wallet-submit{width:100%}.wallet-security-note{text-align:center;color:var(--muted);font-size:12px;margin:9px 0 0}.wallet-topup-form-compact .wallet-billing-grid{margin-top:2px}
.wallet-payment-flow{width:100%}.wallet-topup-form[hidden]{display:none}.wallet-inline-checkout{border-top:1px solid var(--line);padding-top:18px}.wallet-checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:14px 16px;background:#f4f8f5;border:1px solid #cdd9d1}.wallet-checkout-heading span{display:block;color:var(--muted);font-size:12px}.wallet-checkout-heading strong{display:block;margin-top:2px;font-size:23px}.wallet-checkout-heading .wallet-checkout-secure{color:var(--green);font-weight:800}.wallet-inline-checkout #iyzipay-checkout-form{min-height:360px}.wallet-inline-checkout iframe{width:100%!important;max-width:100%;border:0}.wallet-dialog:has(.wallet-inline-checkout:not([hidden])){width:min(980px,calc(100% - 28px))}
.package-wallet-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--green-dark);color:#fff;padding:20px 22px;margin-bottom:22px}.package-wallet-bar span,.package-wallet-bar small{display:block;color:#c9ddd2;font-size:12px}.package-wallet-bar strong{display:block;font-size:28px;line-height:1.15;margin:2px 0}.package-wallet-bar .button-light{background:#fff}.public-package-wallet{max-width:820px;margin:0 auto 30px}.plan-card form,.plan-card form .button{width:100%}.plan-card.current-plan{border-color:var(--green);background:#f7fbf8}.current-plan-label{position:absolute;left:18px;top:18px;background:var(--green);color:#fff;padding:4px 9px;font-size:12px;font-weight:850}.current-plan h3{margin-top:30px}.plan-balance-warning{display:block;text-align:center;color:var(--danger);font-size:12px;font-weight:700;margin-top:7px}
@media(max-width:1050px){.header-wallet{min-width:118px;padding:7px 8px}.header-wallet b{display:none}.header-wallet strong{grid-column:1/-1}}
@media(max-width:820px){.header-wallet{display:block;min-width:0;padding:7px 8px}.header-wallet span,.header-wallet b{display:none}.header-wallet strong{font-size:12px}.wallet-dialog{width:min(680px,calc(100% - 20px));max-height:calc(100vh - 20px)}.wallet-dialog-body{padding:20px}}
@media(max-width:560px){.header-actions{margin-left:0}.header-wallet{padding:6px}.header-wallet strong{font-size:11px}.wallet-dialog-header{padding:15px 17px}.wallet-dialog-header strong{font-size:21px}.wallet-dialog-body{padding:17px}.wallet-presets{grid-template-columns:1fr 1fr}.package-wallet-bar{align-items:flex-start;flex-direction:column}.package-wallet-bar .button{width:100%}.public-package-wallet{margin-bottom:22px}.wallet-dialog .form-grid{grid-template-columns:1fr}}

/* === KK GIYDIRME V2 START === */


/* =========================================================
   ANA SAYFA GIYDIRME
   ========================================================= */

.kk-giydirme-hero{
    position:relative;

    width:100%;
    aspect-ratio:3 / 1;

    min-height:430px;

    overflow:hidden;

    background:#faf9f5;

    border-bottom:1px solid #e2e7e3;
}


/*
 * Görseli background olarak kullanıyoruz.
 * HTML elemanlarını etkilemez.
 */

.kk-giydirme-image{
    position:absolute;
    inset:0;

    z-index:1;

    background-image:url('/images/giydirme.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}


/* =========================================================
   GERÇEK ÇALIŞAN HİZMET ARAMA
   ========================================================= */

.kk-live-search{
    position:absolute;

    z-index:10;

    left:50%;
    top:43%;

    transform:translate(-50%,-50%);

    width:min(1010px,52vw);

    box-sizing:border-box;

    padding:17px 19px 14px;

    background:rgba(255,255,255,.98);

    border:1px solid rgba(196,207,200,.95);

    border-radius:15px;

    box-shadow:
        0 12px 32px rgba(20,45,33,.14),
        0 2px 6px rgba(20,45,33,.05);
}


.kk-live-search-title{
    margin:0 0 9px 2px;

    color:#17211c;

    font-size:19px;
    line-height:1.2;
    font-weight:800;
}


/* =========================================================
   INPUT + BUTON
   ========================================================= */

.kk-live-search-form{
    display:flex;
    align-items:center;

    width:100%;
    height:63px;

    box-sizing:border-box;

    overflow:hidden;

    background:#fff;

    border:1px solid #bdc8c1;
    border-radius:8px;
}


.kk-search-icon{
    width:58px;
    height:100%;

    flex:0 0 58px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#66736c;
}


.kk-search-icon svg{
    width:25px;
    height:25px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
}


.kk-live-search-form input{
    flex:1;

    min-width:0;
    height:100%;

    box-sizing:border-box;

    margin:0 !important;

    padding:0 16px 0 0 !important;

    border:0 !important;
    border-radius:0 !important;

    outline:none !important;

    background:#fff !important;

    box-shadow:none !important;

    color:#17211c !important;

    font-family:inherit;
    font-size:17px !important;
    font-weight:400;
}


.kk-live-search-form input:focus{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}


.kk-live-search-form input::placeholder{
    color:#758079;
    opacity:1;
}


.kk-live-search-form button{
    flex:0 0 185px;

    align-self:stretch;

    box-sizing:border-box;

    margin:5px;

    padding:0 25px;

    border:0;

    border-radius:7px;

    outline:0;

    cursor:pointer;

    background:#207b42;

    color:#fff;

    font-family:inherit;
    font-size:17px;
    font-weight:800;

    transition:background .15s ease;
}


.kk-live-search-form button:hover{
    background:#176636;
}


/* =========================================================
   ÇOK ARANAN
   ========================================================= */

.kk-popular{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px 24px;

    box-sizing:border-box;

    padding:11px 4px 0;

    color:#34413a;

    font-size:13px;
    line-height:1.45;
}


.kk-popular strong{
    color:#17211c;

    font-weight:800;
}


.kk-popular a{
    color:#34413a;

    text-decoration:none;

    border-bottom:1px solid #9da8a2;
}


.kk-popular a:hover{
    color:#176b4b;

    border-color:#176b4b;
}


/* =========================================================
   ORTA EKRAN
   ========================================================= */

@media(max-width:1200px){

    .kk-giydirme-hero{
        min-height:400px;
    }

    .kk-live-search{
        width:55vw;

        padding:14px 16px 12px;
    }

    .kk-live-search-title{
        font-size:16px;
    }

    .kk-live-search-form{
        height:56px;
    }

    .kk-live-search-form input{
        font-size:14px !important;
    }

    .kk-live-search-form button{
        flex-basis:145px;

        font-size:14px;
    }

    .kk-popular{
        gap:6px 15px;

        font-size:11px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:820px){

    .kk-giydirme-hero{
        aspect-ratio:auto;

        height:540px;
        min-height:540px;
    }

    .kk-giydirme-image{
        background-size:auto 540px;
        background-position:center top;
    }

    .kk-live-search{
        left:50%;
        top:45%;

        width:calc(100% - 34px);

        max-width:650px;

        transform:translate(-50%,-50%);

        padding:14px;
    }

    .kk-live-search-title{
        font-size:16px;
    }

}


/* =========================================================
   TELEFON
   ========================================================= */

@media(max-width:560px){

    .kk-giydirme-hero{
        height:520px;
        min-height:520px;
    }

    .kk-giydirme-image{
        background-size:auto 520px;
        background-position:center top;
    }

    .kk-live-search{
        top:46%;

        width:calc(100% - 22px);

        padding:12px;

        border-radius:12px;
    }

    .kk-live-search-title{
        margin-bottom:8px;

        font-size:15px;
    }

    .kk-live-search-form{
        display:grid;

        grid-template-columns:44px minmax(0,1fr);

        height:auto;
    }

    .kk-search-icon{
        grid-column:1;
        grid-row:1;

        width:44px;
        height:52px;
    }

    .kk-live-search-form input{
        grid-column:2;
        grid-row:1;

        width:100%;
        height:52px;

        padding-right:8px !important;

        font-size:13px !important;
    }

    .kk-live-search-form button{
        grid-column:1 / -1;
        grid-row:2;

        width:100%;
        height:46px;

        margin:0;

        border-radius:0;

        font-size:14px;
    }

    .kk-popular{
        gap:6px 12px;

        padding-top:9px;

        font-size:10px;
    }

}


/* === KK GIYDIRME V2 END === */


/* === KK ARAMA KONUM/BOYUT INCE AYAR === */

.kk-live-search{
    top:48% !important;
    width:min(970px,48vw) !important;
    padding:15px 18px 12px !important;
}

.kk-live-search-form{
    height:61px !important;
}

@media(max-width:1200px){
    .kk-live-search{
        top:50% !important;
        width:51vw !important;
        padding:13px 15px 11px !important;
    }

    .kk-live-search-form{
        height:55px !important;
    }
}

@media(max-width:820px){
    .kk-live-search{
        top:50% !important;
        width:calc(96% - 34px) !important;
    }
}

@media(max-width:560px){
    .kk-live-search{
        top:51% !important;
        width:calc(96% - 22px) !important;
        padding:11px !important;
    }
}

/* === /KK ARAMA KONUM/BOYUT INCE AYAR === */



/* =========================================================
   KK HERO SON INCE AYAR
   ========================================================= */

/* Arama alanı %0.5 yukarı */
.kk-live-search{
    top:47.5% !important;
}


/* =========================================================
   GIYDIRME.PNG ALT KATEGORİ TIKLAMA ALANLARI
   ========================================================= */

/*
 * Görselin içindeki 10 kategori kutusunun üzerine
 * şeffaf gerçek linkler bindirilir.
 */

.kk-hero-category-hotspots{
    position:absolute;

    z-index:20;

    left:6.1%;
    bottom:0;

    width:68.4%;
    height:20%;

    display:grid;
    grid-template-columns:repeat(10, 1fr);

    margin:0;
    padding:0;

    pointer-events:auto;
}


.kk-hero-category-hotspots a{
    position:relative;

    display:block;

    width:100%;
    height:100%;

    cursor:pointer;

    border-left:1px solid transparent;

    text-decoration:none;

    -webkit-tap-highlight-color:transparent;

    transition:
        background-color .15s ease,
        box-shadow .15s ease;
}


/*
 * Görsel bozulmasın.
 * Sadece mouse üzerine gelince çok hafif belli olsun.
 */

.kk-hero-category-hotspots a:hover{
    background:rgba(31,122,66,.055);

    box-shadow:
        inset 0 3px 0 rgba(31,122,66,.55);
}


.kk-hero-category-hotspots a:focus-visible{
    outline:2px solid #207b42;
    outline-offset:-3px;

    background:rgba(31,122,66,.07);
}


/* Tablet arama da %0.5 yukarı */
@media(max-width:1200px){

    .kk-live-search{
        top:49.5% !important;
    }

}


/*
 * Çok dar ekranda masaüstü görsel kırpıldığı için
 * yanlış kategoriye basılmasını engelliyoruz.
 */

@media(max-width:820px){

    .kk-live-search{
        top:49.5% !important;
    }

    .kk-hero-category-hotspots{
        display:none;
    }

}


@media(max-width:560px){

    .kk-live-search{
        top:50.5% !important;
    }

}


/* === KK HOTSPOT FIX V3 === */

/* Alt kategori tıklama alanları: hizala + ufalt */
.kk-hero-category-hotspots{
    left: 7.2% !important;
    width: 66.2% !important;
    height: 15.2% !important;
    bottom: 1.2% !important;

    grid-template-columns:
        1.02fr
        1.06fr
        0.92fr
        0.93fr
        1.02fr
        0.88fr
        0.93fr
        0.88fr
        1.22fr
        0.86fr !important;
}

.kk-hero-category-hotspots a{
    height: calc(100% - 14px) !important;
    margin: 7px 6px !important;
    border-radius: 10px !important;
}

.kk-hero-category-hotspots a:hover{
    background: rgba(31,122,66,.04) !important;
    box-shadow: inset 0 2px 0 rgba(31,122,66,.42) !important;
}

.kk-hero-category-hotspots a:focus-visible{
    outline: 2px solid #207b42 !important;
    outline-offset: -2px !important;
}

/* çok hafif yukarı çek */
.kk-live-search{
    top: 47% !important;
}

@media(max-width:1200px){
    .kk-live-search{
        top: 49% !important;
    }

    .kk-hero-category-hotspots{
        left: 7.4% !important;
        width: 66% !important;
        height: 15% !important;
        bottom: 1% !important;
    }

    .kk-hero-category-hotspots a{
        margin: 6px 5px !important;
    }
}

@media(max-width:820px){
    .kk-hero-category-hotspots{
        display:none !important;
    }

    .kk-live-search{
        top: 49% !important;
    }
}

@media(max-width:560px){
    .kk-live-search{
        top: 50% !important;
    }
}

/* === /KK HOTSPOT FIX V3 === */



/* === KK KATEGORI HOTSPOT KAPAT === */
.kk-hero-category-hotspots{
    display:none !important;
    pointer-events:none !important;
}
/* === /KK KATEGORI HOTSPOT KAPAT === */


/* =========================================================
   MOBIL GIYDIRME TAM GORSEL + KUCUK ARAMA
   ========================================================= */

@media(max-width:820px){

    /*
     * 3:1 görsel mobilde kırpılmadan TAM görünür.
     */
    .kk-giydirme-hero{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:3 / 1 !important;

        overflow:hidden !important;

        background:#faf9f5 !important;
    }

    .kk-giydirme-image{
        position:absolute !important;
        inset:0 !important;

        width:100% !important;
        height:100% !important;

        background-image:url('/images/giydirme.png') !important;

        background-repeat:no-repeat !important;

        /* KIRPMA YOK */
        background-size:100% 100% !important;

        background-position:center center !important;
    }


    /*
     * MOBIL ARAMA
     * Görselin oranına göre küçültüldü.
     */

    .kk-live-search{
        left:50% !important;
        top:47% !important;

        transform:translate(-50%,-50%) !important;

        width:49% !important;

        padding:5px 6px 5px !important;

        border-radius:7px !important;

        box-shadow:
            0 3px 10px rgba(20,45,33,.14) !important;
    }


    .kk-live-search-title{
        margin:0 0 3px 1px !important;

        font-size:7px !important;
        line-height:1.15 !important;
        font-weight:800 !important;
    }


    .kk-live-search-form{
        display:flex !important;

        width:100% !important;

        height:27px !important;
        min-height:27px !important;

        border-radius:4px !important;
    }


    .kk-search-icon{
        flex:0 0 24px !important;

        width:24px !important;
        height:27px !important;
    }


    .kk-search-icon svg{
        width:11px !important;
        height:11px !important;
    }


    .kk-live-search-form input{
        flex:1 !important;

        width:auto !important;
        min-width:0 !important;

        height:27px !important;

        padding:0 3px 0 0 !important;

        font-size:7px !important;
        line-height:27px !important;
    }


    .kk-live-search-form input::placeholder{
        font-size:7px !important;
    }


    .kk-live-search-form button{
        flex:0 0 62px !important;

        width:62px !important;
        min-width:62px !important;

        height:23px !important;
        min-height:23px !important;

        align-self:center !important;

        margin:2px !important;
        padding:0 5px !important;

        border-radius:3px !important;

        font-size:7px !important;
        line-height:1 !important;
    }


    /*
     * Mobilde "Çok aranan" satırı görüntüyü
     * gereksiz kaplamasın.
     */
    .kk-popular{
        display:none !important;
    }

}


/* Daha küçük telefonlar */
@media(max-width:480px){

    .kk-live-search{
        width:51% !important;

        top:47% !important;

        padding:4px 5px !important;
    }

    .kk-live-search-title{
        font-size:6px !important;
    }

    .kk-live-search-form{
        height:24px !important;
        min-height:24px !important;
    }

    .kk-search-icon{
        flex-basis:21px !important;

        width:21px !important;
        height:24px !important;
    }

    .kk-search-icon svg{
        width:9px !important;
        height:9px !important;
    }

    .kk-live-search-form input{
        height:24px !important;

        font-size:6px !important;
        line-height:24px !important;
    }

    .kk-live-search-form input::placeholder{
        font-size:6px !important;
    }

    .kk-live-search-form button{
        flex-basis:54px !important;

        width:54px !important;
        min-width:54px !important;

        height:20px !important;
        min-height:20px !important;

        font-size:6px !important;
    }

}

/* =========================================================
   /MOBIL GIYDIRME
   ========================================================= */


/* =========================================================
   MOBIL GIYDIRME V2 - %10 YAKIN + ARAMA BUYUT
   ========================================================= */

@media(max-width:820px){

    .kk-giydirme-hero{
        aspect-ratio:2.72 / 1 !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:hidden !important;
    }

    .kk-giydirme-image{
        background-size:110% auto !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }

    .kk-live-search{
        left:50% !important;
        top:47% !important;
        transform:translate(-50%,-50%) !important;

        width:62% !important;

        padding:8px 9px 7px !important;

        border-radius:9px !important;

        box-shadow:
            0 5px 15px rgba(20,45,33,.15) !important;
    }

    .kk-live-search-title{
        margin:0 0 5px 1px !important;

        font-size:10px !important;
        line-height:1.15 !important;
        font-weight:800 !important;
    }

    .kk-live-search-form{
        display:flex !important;

        height:38px !important;
        min-height:38px !important;

        border-radius:5px !important;
    }

    .kk-search-icon{
        flex:0 0 31px !important;

        width:31px !important;
        height:38px !important;
    }

    .kk-search-icon svg{
        width:14px !important;
        height:14px !important;
    }

    .kk-live-search-form input{
        flex:1 !important;

        width:auto !important;
        min-width:0 !important;

        height:38px !important;

        padding:0 5px 0 0 !important;

        font-size:10px !important;
        line-height:38px !important;
    }

    .kk-live-search-form input::placeholder{
        font-size:10px !important;
    }

    .kk-live-search-form button{
        flex:0 0 82px !important;

        width:82px !important;
        min-width:82px !important;

        height:32px !important;
        min-height:32px !important;

        align-self:center !important;

        margin:3px !important;
        padding:0 8px !important;

        border-radius:4px !important;

        font-size:10px !important;
        font-weight:800 !important;
    }

    .kk-popular{
        display:none !important;
    }
}

@media(max-width:480px){

    .kk-giydirme-hero{
        aspect-ratio:2.72 / 1 !important;
    }

    .kk-giydirme-image{
        background-size:110% auto !important;
    }

    .kk-live-search{
        width:66% !important;
        top:47% !important;

        padding:7px 8px 6px !important;
    }

    .kk-live-search-title{
        font-size:9px !important;
    }

    .kk-live-search-form{
        height:36px !important;
        min-height:36px !important;
    }

    .kk-search-icon{
        flex-basis:29px !important;
        width:29px !important;
        height:36px !important;
    }

    .kk-search-icon svg{
        width:13px !important;
        height:13px !important;
    }

    .kk-live-search-form input{
        height:36px !important;
        font-size:9px !important;
        line-height:36px !important;
    }

    .kk-live-search-form input::placeholder{
        font-size:9px !important;
    }

    .kk-live-search-form button{
        flex-basis:76px !important;

        width:76px !important;
        min-width:76px !important;

        height:30px !important;
        min-height:30px !important;

        font-size:9px !important;
    }
}

/* =========================================================
   /MOBIL GIYDIRME V2
   ========================================================= */


/* =========================================================
   MOBILDE GIYDIRME GIZLE - SADECE ARAMA
   ========================================================= */

@media(max-width:820px){

    .kk-giydirme-hero{
        position:relative !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:auto !important;

        padding:28px 14px !important;

        overflow:visible !important;

        background:#faf9f5 !important;
    }

    /* Mobilde görsel tamamen kapalı */
    .kk-giydirme-image{
        display:none !important;
    }

    /* Arama artık absolute değil normal akışta */
    .kk-live-search{
        position:relative !important;

        left:auto !important;
        top:auto !important;

        transform:none !important;

        width:100% !important;
        max-width:620px !important;

        margin:0 auto !important;

        padding:14px !important;

        background:#fff !important;

        border:1px solid #d7ddd9 !important;
        border-radius:12px !important;

        box-shadow:
            0 7px 22px rgba(20,45,33,.10) !important;
    }

    .kk-live-search-title{
        margin:0 0 10px 1px !important;

        font-size:17px !important;
        line-height:1.25 !important;
        font-weight:800 !important;
    }

    .kk-live-search-form{
        display:flex !important;
        align-items:center !important;

        width:100% !important;

        height:54px !important;
        min-height:54px !important;

        border:1px solid #bdc8c1 !important;
        border-radius:7px !important;

        overflow:hidden !important;
    }

    .kk-search-icon{
        flex:0 0 44px !important;

        width:44px !important;
        height:54px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .kk-search-icon svg{
        width:20px !important;
        height:20px !important;
    }

    .kk-live-search-form input{
        flex:1 !important;

        width:auto !important;
        min-width:0 !important;

        height:52px !important;

        padding:0 8px 0 0 !important;

        font-size:14px !important;
        line-height:52px !important;
    }

    .kk-live-search-form input::placeholder{
        font-size:14px !important;
    }

    .kk-live-search-form button{
        flex:0 0 112px !important;

        width:112px !important;
        min-width:112px !important;

        height:44px !important;
        min-height:44px !important;

        margin:4px !important;
        padding:0 10px !important;

        border-radius:6px !important;

        font-size:14px !important;
        font-weight:800 !important;
    }

    .kk-popular{
        display:flex !important;
        flex-wrap:wrap !important;

        gap:7px 14px !important;

        padding:11px 2px 0 !important;

        font-size:12px !important;
    }

}


/* Küçük telefon */
@media(max-width:480px){

    .kk-giydirme-hero{
        padding:20px 10px !important;
    }

    .kk-live-search{
        padding:12px !important;
    }

    .kk-live-search-title{
        font-size:16px !important;
    }

    .kk-live-search-form{
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) !important;

        height:auto !important;
        min-height:0 !important;
    }

    .kk-search-icon{
        grid-column:1 !important;
        grid-row:1 !important;

        width:42px !important;
        height:50px !important;
    }

    .kk-search-icon svg{
        width:18px !important;
        height:18px !important;
    }

    .kk-live-search-form input{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;
        height:50px !important;

        font-size:13px !important;
        line-height:50px !important;
    }

    .kk-live-search-form input::placeholder{
        font-size:13px !important;
    }

    .kk-live-search-form button{
        grid-column:1 / -1 !important;
        grid-row:2 !important;

        width:100% !important;
        min-width:0 !important;

        height:46px !important;
        min-height:46px !important;

        margin:0 !important;

        border-radius:0 0 6px 6px !important;

        font-size:14px !important;
    }

    .kk-popular{
        font-size:11px !important;
        gap:6px 11px !important;
    }

}

/* =========================================================
   /MOBILDE GIYDIRME GIZLE
   ========================================================= */



/* =========================================================
   KK CANLI HİZMET ARAMA
   ========================================================= */

.kk-live-search{
    overflow:visible !important;
}

.kk-live-results{
    position:absolute;

    z-index:999;

    left:0;
    right:0;

    top:calc(100% + 8px);

    max-height:330px;

    overflow-x:hidden;
    overflow-y:auto;

    background:#fff;

    border:1px solid #d5ddd8;
    border-radius:12px;

    box-shadow:
        0 18px 45px rgba(20,45,33,.18),
        0 4px 12px rgba(20,45,33,.07);

    scrollbar-width:thin;
}

.kk-live-results[hidden]{
    display:none !important;
}


.kk-live-result-list{
    display:block;
}


.kk-live-result-item{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    width:100%;

    padding:13px 16px;

    border-bottom:1px solid #edf0ee;

    background:#fff;

    color:#17211c;

    text-decoration:none;

    transition:
        background .15s ease,
        padding-left .15s ease;
}


.kk-live-result-item:last-child{
    border-bottom:0;
}


.kk-live-result-item:hover,
.kk-live-result-item:focus{
    background:#f5faf7;

    outline:0;
}


.kk-live-result-item:hover{
    padding-left:19px;
}


.kk-live-result-content{
    display:block;

    min-width:0;

    flex:1;
}


.kk-live-result-top{
    display:flex;
    align-items:center;

    gap:10px;

    min-width:0;
}


.kk-live-result-top strong{
    display:block;

    min-width:0;

    overflow:hidden;

    color:#17211c;

    font-size:15px;
    font-weight:800;

    line-height:1.3;

    text-overflow:ellipsis;
    white-space:nowrap;
}


.kk-live-result-category{
    flex:0 0 auto;

    padding:3px 7px;

    background:#eff7f2;

    color:#176b4b;

    border-radius:4px;

    font-size:10px;
    font-weight:800;

    line-height:1.2;
}


.kk-live-result-description{
    display:block;

    margin-top:4px;

    overflow:hidden;

    color:#65716a;

    font-size:12px;
    line-height:1.35;

    text-overflow:ellipsis;
    white-space:nowrap;
}


.kk-live-result-arrow{
    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:30px;

    border-radius:50%;

    background:#f0f7f3;

    color:#176b4b;

    font-size:17px;
    font-weight:800;
}


.kk-live-result-status{
    padding:20px;

    color:#66736c;

    font-size:14px;
    font-weight:600;

    text-align:center;
}


.kk-live-result-footer{
    padding:10px 16px;

    background:#f8faf9;

    border-top:1px solid #e8ece9;

    color:#78817c;

    font-size:11px;

    text-align:center;
}


/* =========================================================
   TABLET / MOBİL
   ========================================================= */

@media(max-width:820px){

    /*
     * Mobilde giydirme zaten gizli.
     * Sonuçların aşağı doğru rahat açılması için.
     */

    .kk-giydirme-hero{
        overflow:visible !important;
    }

    .kk-live-search{
        z-index:50 !important;
    }

    .kk-live-results{
        top:calc(100% + 7px);

        max-height:360px;

        border-radius:10px;

        box-shadow:
            0 14px 35px rgba(20,45,33,.17);
    }

    .kk-live-result-item{
        padding:13px 13px;
        gap:10px;
    }

    .kk-live-result-item:hover{
        padding-left:13px;
    }

    .kk-live-result-top{
        display:block;
    }

    .kk-live-result-top strong{
        font-size:14px;

        white-space:normal;
    }

    .kk-live-result-category{
        display:inline-block;

        margin-top:5px;
    }

    .kk-live-result-description{
        margin-top:5px;

        font-size:11px;

        white-space:normal;

        display:-webkit-box;

        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .kk-live-result-arrow{
        width:28px;
        height:28px;

        font-size:15px;
    }

}


/* =========================================================
   KÜÇÜK TELEFON
   ========================================================= */

@media(max-width:480px){

    .kk-live-results{
        left:-2px;
        right:-2px;

        max-height:330px;
    }

    .kk-live-result-item{
        padding:12px 11px;
    }

    .kk-live-result-top strong{
        font-size:13px;
    }

    .kk-live-result-description{
        font-size:10px;
    }

    .kk-live-result-category{
        font-size:9px;
    }

}


/* =========================================================
   /KK CANLI HİZMET ARAMA
   ========================================================= */


/* =========================================================
   KAVUN + KARPUZ SAYFA BASLIK ALANLARI
   Sol: Karpuz içi
   Sağ: Kavun içi
   ========================================================= */

.page-hero,
.category-hero,
.service-hero,
.catalog-hero{
    position:relative !important;
    overflow:hidden !important;

    background:none !important;
    border-bottom:1px solid rgba(24,55,39,.12) !important;

    isolation:isolate;
}


/* ---------------------------------------------------------
   SOL %50 — KARPUZ İÇİ
   --------------------------------------------------------- */

.page-hero::before,
.category-hero::before,
.service-hero::before,
.catalog-hero::before{
    content:"";

    position:absolute;
    z-index:-2;

    left:0;
    top:0;

    width:50%;
    height:100%;

    background-color:#f28b8e;

    background-image:
        radial-gradient(
            ellipse at 18px 18px,
            rgba(27,65,42,.48) 0 2px,
            transparent 2.7px
        ),
        radial-gradient(
            ellipse at 55px 43px,
            rgba(27,65,42,.34) 0 1.7px,
            transparent 2.5px
        );

    background-size:
        82px 64px,
        82px 64px;

    background-position:
        0 0,
        0 0;
}


/* ---------------------------------------------------------
   SAĞ %50 — KAVUN İÇİ
   --------------------------------------------------------- */

.page-hero::after,
.category-hero::after,
.service-hero::after,
.catalog-hero::after{
    content:"";

    position:absolute;
    z-index:-2;

    right:0;
    top:0;

    width:50%;
    height:100%;

    background-color:#f5c66a;

    background-image:
        radial-gradient(
            ellipse at 22px 18px,
            rgba(255,255,255,.26) 0 4px,
            transparent 4.7px
        ),
        radial-gradient(
            ellipse at 62px 47px,
            rgba(255,246,211,.22) 0 5px,
            transparent 5.8px
        );

    background-size:
        92px 72px,
        92px 72px;
}


/* =========================================================
   ORTADAKİ GEÇİŞ ÇOK SERT GÖZÜKMESİN
   Ama gradient/parlama da olmasın.
   ========================================================= */

.page-hero > .container,
.category-hero > .container,
.service-hero > .container,
.catalog-hero > .container{
    position:relative;
    z-index:2;
}


/* =========================================================
   YAZILAR
   ========================================================= */

.page-hero h1,
.category-hero h1,
.service-hero h1,
.catalog-hero h1{
    color:#15271e !important;
    font-weight:850 !important;
}


.page-hero p,
.category-hero p,
.service-hero p,
.catalog-hero p{
    color:#30483b !important;
}


.page-hero .breadcrumbs,
.category-hero .breadcrumbs,
.service-hero .breadcrumbs,
.catalog-hero .breadcrumbs{
    color:#345344 !important;
}


.page-hero .breadcrumbs a,
.category-hero .breadcrumbs a,
.service-hero .breadcrumbs a,
.catalog-hero .breadcrumbs a{
    color:#285541 !important;
}


.page-hero .breadcrumbs a:hover,
.category-hero .breadcrumbs a:hover,
.service-hero .breadcrumbs a:hover,
.catalog-hero .breadcrumbs a:hover{
    color:#123d2c !important;
}


/* =========================================================
   KATEGORİ / HİZMET GÖRSELİ
   Eski sarı yapay gölgeyi biraz daha doğal yap
   ========================================================= */

.category-hero-image,
.service-hero-image{
    position:relative;
    z-index:3;

    border:4px solid rgba(255,255,255,.88) !important;

    box-shadow:
        9px 9px 0 rgba(24,103,64,.22) !important;
}


/* =========================================================
   KATALOG ARAMA KUTUSU
   ========================================================= */

.catalog-search{
    position:relative;
    z-index:3;

    background:rgba(255,255,255,.96) !important;

    border:1px solid rgba(28,69,45,.23) !important;

    box-shadow:
        9px 9px 0 rgba(28,104,65,.18) !important;
}


/* =========================================================
   MOBİL
   Üst yarı karpuz, alt yarı kavun.
   Böylece dar ekranda saçma dikey 50/50 kesilmez.
   ========================================================= */

@media(max-width:820px){

    .page-hero::before,
    .category-hero::before,
    .service-hero::before,
    .catalog-hero::before{
        left:0;
        top:0;

        width:100%;
        height:52%;
    }


    .page-hero::after,
    .category-hero::after,
    .service-hero::after,
    .catalog-hero::after{
        left:0;
        right:auto;
        top:52%;

        width:100%;
        height:48%;
    }


    .category-hero-image,
    .service-hero-image{
        box-shadow:
            6px 6px 0 rgba(24,103,64,.20) !important;
    }

}


/* =========================================================
   KÜÇÜK TELEFON
   ========================================================= */

@media(max-width:560px){

    .page-hero,
    .category-hero,
    .service-hero,
    .catalog-hero{
        border-bottom:0 !important;
    }

    .page-hero h1,
    .category-hero h1,
    .service-hero h1,
    .catalog-hero h1{
        letter-spacing:-1.2px !important;
    }

}

/* =========================================================
   /KAVUN + KARPUZ SAYFA BASLIK ALANLARI
   ========================================================= */


/* =========================================================
   CANLI ARAMA SONUÇLARI KIRPILMA FIX
   ========================================================= */

/* Arama sonuçlarının hero dışına taşmasına izin ver */
.kk-giydirme-hero{
    overflow:visible !important;
    z-index:30 !important;
}

/* Arka plan yine kendi hero alanında kalır */
.kk-giydirme-image{
    overflow:hidden !important;
}

/* Arama kutusu üst katmanda */
.kk-live-search{
    z-index:100 !important;
    overflow:visible !important;
}

/* Sonuç paneli diğer bölümlerin üzerinde açılsın */
.kk-live-results{
    z-index:99999 !important;

    max-height:430px !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    background:#fff !important;
}

/* Hero'dan sonra gelen alanlar dropdown'un üstüne çıkmasın */
.kk-giydirme-hero + section,
.kk-giydirme-hero + div{
    position:relative;
    z-index:1;
}

/* Sonuç satırları biraz daha rahat */
.kk-live-result-item{
    min-height:62px !important;
}

/* PC */
@media(min-width:821px){

    .kk-live-results{
        top:calc(100% + 9px) !important;
        max-height:440px !important;
    }

}

/* Tablet + Mobil */
@media(max-width:820px){

    .kk-giydirme-hero{
        overflow:visible !important;
        z-index:30 !important;
    }

    .kk-live-search{
        overflow:visible !important;
        z-index:100 !important;
    }

    .kk-live-results{
        max-height:420px !important;
        z-index:99999 !important;
    }

}

/* Küçük telefon */
@media(max-width:480px){

    .kk-live-results{
        max-height:380px !important;
    }

}

/* =========================================================
   /CANLI ARAMA KIRPILMA FIX
   ========================================================= */


/* =========================================================
   GERÇEK ÇEKİRDEK DOKUSU FIX
   ========================================================= */

/* SOL TARAF: KARPUZ İÇİ */
.page-hero::before,
.category-hero::before,
.service-hero::before,
.catalog-hero::before{
    background-color:#f4878e !important;

    background-image:
        radial-gradient(ellipse 7px 12px at 10% 16%, rgba(28,21,20,.96) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 22% 31%, rgba(28,21,20,.95) 0 58%, transparent 63%),
        radial-gradient(ellipse 7px 12px at 16% 56%, rgba(28,21,20,.96) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 31% 19%, rgba(28,21,20,.95) 0 58%, transparent 63%),
        radial-gradient(ellipse 7px 12px at 36% 42%, rgba(28,21,20,.96) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 28% 72%, rgba(28,21,20,.95) 0 58%, transparent 63%),
        radial-gradient(ellipse 7px 12px at 43% 27%, rgba(28,21,20,.96) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 46% 61%, rgba(28,21,20,.95) 0 58%, transparent 63%),
        radial-gradient(ellipse 7px 12px at 14% 80%, rgba(28,21,20,.96) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 38% 86%, rgba(28,21,20,.94) 0 58%, transparent 63%),

        radial-gradient(ellipse 2px 4px at 9.3% 14.7%, rgba(255,255,255,.22) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 21.3% 29.8%, rgba(255,255,255,.18) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 15.3% 54.8%, rgba(255,255,255,.20) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 30.3% 17.7%, rgba(255,255,255,.18) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 35.2% 40.5%, rgba(255,255,255,.20) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 27.4% 70.1%, rgba(255,255,255,.18) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 42.1% 25.5%, rgba(255,255,255,.18) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 45.1% 58.8%, rgba(255,255,255,.18) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 13.2% 78.6%, rgba(255,255,255,.18) 0 55%, transparent 62%),
        radial-gradient(ellipse 2px 4px at 37.2% 84.5%, rgba(255,255,255,.16) 0 55%, transparent 62%) !important;
}


/* SAĞ TARAF: KAVUN İÇİ */
.page-hero::after,
.category-hero::after,
.service-hero::after,
.catalog-hero::after{
    background-color:#f4c864 !important;

    background-image:
        radial-gradient(ellipse 8px 13px at 13% 18%, #f8efcf 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 12px at 25% 34%, #f9efd2 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 13px at 18% 60%, #f8efcf 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 12px at 34% 22%, #f9efd2 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 13px at 39% 46%, #f8efcf 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 12px at 29% 73%, #f9efd2 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 13px at 45% 28%, #f8efcf 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 12px at 47% 63%, #f9efd2 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 13px at 16% 83%, #f8efcf 0 54%, #d4b36b 55% 63%, transparent 67%),
        radial-gradient(ellipse 8px 12px at 39% 86%, #f9efd2 0 54%, #d4b36b 55% 63%, transparent 67%),

        radial-gradient(ellipse 2px 4px at 12% 16.5%, rgba(255,255,255,.40) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 24% 32.5%, rgba(255,255,255,.38) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 17% 58.5%, rgba(255,255,255,.40) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 33% 20.5%, rgba(255,255,255,.36) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 38% 44.5%, rgba(255,255,255,.38) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 28% 71.5%, rgba(255,255,255,.36) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 44% 26.5%, rgba(255,255,255,.38) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 46% 61.5%, rgba(255,255,255,.38) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 15% 81.5%, rgba(255,255,255,.36) 0 58%, transparent 64%),
        radial-gradient(ellipse 2px 4px at 38% 84.5%, rgba(255,255,255,.34) 0 58%, transparent 64%) !important;
}


/* Mobilde de daha düzgün görünsün */
@media(max-width:820px){

    .page-hero::before,
    .category-hero::before,
    .service-hero::before,
    .catalog-hero::before{
        background-size:auto !important;
    }

    .page-hero::after,
    .category-hero::after,
    .service-hero::after,
    .catalog-hero::after{
        background-size:auto !important;
    }
}

/* =========================================================
   /GERÇEK ÇEKİRDEK DOKUSU FIX
   ========================================================= */


/* =========================================================
   KAVUN-KARPUZ HERO DOKU DÜZELTME V2
   Eski sade görünüm + seyrek gerçek çekirdek
   ========================================================= */

/* ANA BLOKLAR */
.page-hero,
.category-hero,
.service-hero,
.catalog-hero{
    position:relative !important;
    overflow:hidden !important;
    background:none !important;
    border-bottom:1px solid rgba(24,55,39,.10) !important;
    isolation:isolate !important;
}

/* ---------------------------------------------------------
   SOL: KARPUZ İÇİ
   --------------------------------------------------------- */
.page-hero::before,
.category-hero::before,
.service-hero::before,
.catalog-hero::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:50%;
    height:100%;
    z-index:-2;

    background-color:#ef8a92 !important;

    background-image:
        radial-gradient(ellipse 6px 11px at 7% 18%, rgba(26,20,20,.92) 0 58%, transparent 63%),
        radial-gradient(ellipse 5px 10px at 16% 34%, rgba(26,20,20,.90) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 12% 69%, rgba(26,20,20,.92) 0 58%, transparent 63%),
        radial-gradient(ellipse 5px 10px at 23% 22%, rgba(26,20,20,.90) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 29% 53%, rgba(26,20,20,.92) 0 58%, transparent 63%),
        radial-gradient(ellipse 5px 10px at 24% 82%, rgba(26,20,20,.90) 0 58%, transparent 63%),
        radial-gradient(ellipse 6px 11px at 37% 28%, rgba(26,20,20,.92) 0 58%, transparent 63%),
        radial-gradient(ellipse 5px 10px at 42% 64%, rgba(26,20,20,.90) 0 58%, transparent 63%),

        radial-gradient(ellipse 2px 4px at 6.5% 16.8%, rgba(255,255,255,.16) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 15.5% 32.8%, rgba(255,255,255,.14) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 11.5% 67.8%, rgba(255,255,255,.15) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 22.5% 20.8%, rgba(255,255,255,.14) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 28.5% 51.8%, rgba(255,255,255,.15) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 23.5% 80.8%, rgba(255,255,255,.14) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 36.5% 26.8%, rgba(255,255,255,.15) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 41.5% 62.8%, rgba(255,255,255,.14) 0 55%, transparent 60%) !important;

    background-repeat:no-repeat !important;
}

/* ---------------------------------------------------------
   SAĞ: KAVUN İÇİ
   --------------------------------------------------------- */
.page-hero::after,
.category-hero::after,
.service-hero::after,
.catalog-hero::after{
    content:"";
    position:absolute;
    inset:0 0 0 auto;
    width:50%;
    height:100%;
    z-index:-2;

    background-color:#efc55f !important;

    background-image:
        radial-gradient(ellipse 7px 11px at 9% 18%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 18% 37%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 13% 71%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 26% 25%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 31% 55%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 27% 84%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 39% 31%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),
        radial-gradient(ellipse 7px 11px at 44% 66%, #f8efd5 0 56%, #d4b16a 57% 65%, transparent 69%),

        radial-gradient(ellipse 2px 4px at 8% 16.5%, rgba(255,255,255,.34) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 17% 35.5%, rgba(255,255,255,.32) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 12% 69.5%, rgba(255,255,255,.33) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 25% 23.5%, rgba(255,255,255,.31) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 30% 53.5%, rgba(255,255,255,.33) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 26% 82.5%, rgba(255,255,255,.31) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 38% 29.5%, rgba(255,255,255,.33) 0 55%, transparent 60%),
        radial-gradient(ellipse 2px 4px at 43% 64.5%, rgba(255,255,255,.31) 0 55%, transparent 60%) !important;

    background-repeat:no-repeat !important;
}

/* YAZILAR OKUNAKLI KALSIN */
.page-hero > .container,
.category-hero > .container,
.service-hero > .container,
.catalog-hero > .container{
    position:relative;
    z-index:2;
}

.page-hero h1,
.category-hero h1,
.service-hero h1,
.catalog-hero h1{
    color:#15271e !important;
    font-weight:850 !important;
}

.page-hero p,
.category-hero p,
.service-hero p,
.catalog-hero p{
    color:#30483b !important;
}

.page-hero .breadcrumbs,
.category-hero .breadcrumbs,
.service-hero .breadcrumbs,
.catalog-hero .breadcrumbs{
    color:#355244 !important;
}

.page-hero .breadcrumbs a,
.category-hero .breadcrumbs a,
.service-hero .breadcrumbs a,
.catalog-hero .breadcrumbs a{
    color:#285541 !important;
}

/* GÖRSEL ÇERÇEVESİ */
.category-hero-image,
.service-hero-image{
    position:relative;
    z-index:3;
    border:4px solid rgba(255,255,255,.9) !important;
    box-shadow:9px 9px 0 rgba(24,103,64,.18) !important;
}

/* ARAMA KUTUSU */
.catalog-search{
    position:relative;
    z-index:3;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(28,69,45,.18) !important;
    box-shadow:8px 8px 0 rgba(28,104,65,.14) !important;
}

/* MOBİL: üst karpuz, alt kavun */
@media(max-width:820px){

    .page-hero::before,
    .category-hero::before,
    .service-hero::before,
    .catalog-hero::before{
        width:100% !important;
        height:52% !important;
        inset:0 0 auto 0 !important;
    }

    .page-hero::after,
    .category-hero::after,
    .service-hero::after,
    .catalog-hero::after{
        width:100% !important;
        height:48% !important;
        inset:52% 0 0 0 !important;
    }

    .category-hero-image,
    .service-hero-image{
        box-shadow:6px 6px 0 rgba(24,103,64,.16) !important;
    }
}

@media(max-width:560px){

    .page-hero h1,
    .category-hero h1,
    .service-hero h1,
    .catalog-hero h1{
        letter-spacing:-1px !important;
    }
}

/* =========================================================
   /KAVUN-KARPUZ HERO DOKU DÜZELTME V2
   ========================================================= */


/* =========================================================
   KAVUN + KARPUZ DIŞ KABUK TASARIMI
   SOL: KARPUZ KABUĞU
   SAĞ: KAVUN KABUĞU
   ========================================================= */

.page-hero,
.category-hero,
.service-hero,
.catalog-hero{
    position:relative !important;
    overflow:hidden !important;
    background:none !important;
    isolation:isolate !important;

    border-bottom:1px solid rgba(20,50,35,.12) !important;
}


/* =========================================================
   SOL YARI — KARPUZ KABUĞU
   ========================================================= */

.page-hero::before,
.category-hero::before,
.service-hero::before,
.catalog-hero::before{
    content:"";

    position:absolute;
    z-index:-2;

    left:0;
    top:0;

    width:50%;
    height:100%;

    background-color:#4f8f48 !important;

    background-image:

        /* koyu düzensiz kabuk çizgileri */
        repeating-linear-gradient(
            102deg,
            transparent 0px,
            transparent 46px,
            rgba(28,83,41,.72) 47px,
            rgba(28,83,41,.72) 57px,
            transparent 59px,
            transparent 103px
        ),

        repeating-linear-gradient(
            78deg,
            transparent 0px,
            transparent 69px,
            rgba(35,101,47,.48) 71px,
            rgba(35,101,47,.48) 79px,
            transparent 82px,
            transparent 145px
        ),

        /* hafif doğal ton */
        linear-gradient(
            90deg,
            rgba(255,255,255,.04),
            rgba(22,74,37,.10)
        ) !important;

    background-size:
        160px 100%,
        220px 100%,
        100% 100% !important;

    background-repeat:repeat !important;
}


/* =========================================================
   SAĞ YARI — KAVUN KABUĞU
   ========================================================= */

.page-hero::after,
.category-hero::after,
.service-hero::after,
.catalog-hero::after{
    content:"";

    position:absolute;
    z-index:-2;

    right:0;
    top:0;

    width:50%;
    height:100%;

    background-color:#d7bd76 !important;

    background-image:

        /* kavun kabuğundaki yatay lifler */
        repeating-linear-gradient(
            17deg,
            transparent 0px,
            transparent 15px,
            rgba(116,93,48,.20) 16px,
            rgba(116,93,48,.20) 18px,
            transparent 19px,
            transparent 32px
        ),

        /* çapraz ağ */
        repeating-linear-gradient(
            72deg,
            transparent 0px,
            transparent 17px,
            rgba(248,236,189,.52) 18px,
            rgba(248,236,189,.52) 20px,
            transparent 21px,
            transparent 36px
        ),

        repeating-linear-gradient(
            -63deg,
            transparent 0px,
            transparent 19px,
            rgba(123,101,58,.17) 20px,
            rgba(123,101,58,.17) 22px,
            transparent 23px,
            transparent 40px
        ),

        linear-gradient(
            90deg,
            rgba(246,223,153,.22),
            rgba(152,124,67,.08)
        ) !important;

    background-size:
        auto,
        auto,
        auto,
        100% 100% !important;

    background-repeat:repeat !important;
}


/* =========================================================
   İÇERİK HER ZAMAN ÜSTTE
   ========================================================= */

.page-hero > .container,
.category-hero > .container,
.service-hero > .container,
.catalog-hero > .container{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   YAZILAR KABUK ÜZERİNDE OKUNSUN
   ========================================================= */

.page-hero h1,
.category-hero h1,
.service-hero h1,
.catalog-hero h1{
    color:#102219 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.30) !important;
}


.page-hero p,
.category-hero p,
.service-hero p,
.catalog-hero p{
    color:#20372b !important;
}


.page-hero .breadcrumbs,
.category-hero .breadcrumbs,
.service-hero .breadcrumbs,
.catalog-hero .breadcrumbs,
.page-hero .breadcrumbs a,
.category-hero .breadcrumbs a,
.service-hero .breadcrumbs a,
.catalog-hero .breadcrumbs a{
    color:#183a29 !important;
}


/* =========================================================
   FOTOĞRAF
   ========================================================= */

.category-hero-image,
.service-hero-image{
    position:relative !important;
    z-index:3 !important;

    border:4px solid rgba(255,255,255,.92) !important;

    box-shadow:
        8px 8px 0 rgba(26,70,40,.22) !important;
}


/* =========================================================
   MOBİL
   ÜST KARPUZ KABUĞU / ALT KAVUN KABUĞU
   ========================================================= */

@media(max-width:820px){

    .page-hero::before,
    .category-hero::before,
    .service-hero::before,
    .catalog-hero::before{
        left:0 !important;
        top:0 !important;

        width:100% !important;
        height:50% !important;
    }


    .page-hero::after,
    .category-hero::after,
    .service-hero::after,
    .catalog-hero::after{
        left:0 !important;
        right:auto !important;
        top:50% !important;

        width:100% !important;
        height:50% !important;
    }

}


/* =========================================================
   /KAVUN + KARPUZ DIŞ KABUK
   ========================================================= */


/* =========================================================
   GERÇEKÇİ KAVUN + KARPUZ KABUĞU V3
   ========================================================= */


/* ---------------------------------------------------------
   SOL: KARPUZ KABUĞU
   Düz çizgi değil, organik dalgalı damar
   --------------------------------------------------------- */

.page-hero::before,
.category-hero::before,
.service-hero::before,
.catalog-hero::before{
    content:"" !important;

    position:absolute !important;
    z-index:-2 !important;

    left:0 !important;
    top:0 !important;

    width:50% !important;
    height:100% !important;

    background-color:#4f9449 !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='360' viewBox='0 0 500 360'%3E%3Cdefs%3E%3Cfilter id='w' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .025' numOctaves='2' seed='7' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='35' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='12' result='g'/%3E%3CfeBlend in='SourceGraphic' in2='g' mode='soft-light'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='500' height='360' fill='%2352954c'/%3E%3Cg filter='url(%23w)' fill='none' stroke-linecap='round'%3E%3Cpath d='M35 -40 C80 30 20 90 65 155 S35 270 75 400' stroke='%23245f36' stroke-width='24' opacity='.92'/%3E%3Cpath d='M145 -40 C110 45 175 100 135 165 S165 285 125 400' stroke='%232c6f3c' stroke-width='19' opacity='.88'/%3E%3Cpath d='M245 -40 C295 35 225 110 275 175 S235 300 285 400' stroke='%23245e35' stroke-width='26' opacity='.92'/%3E%3Cpath d='M385 -40 C335 45 410 100 365 180 S410 290 360 400' stroke='%232d7040' stroke-width='21' opacity='.9'/%3E%3Cpath d='M485 -40 C445 45 510 115 470 185 S510 300 465 400' stroke='%23225b33' stroke-width='24' opacity='.9'/%3E%3C/g%3E%3Crect width='500' height='360' fill='%235ba054' opacity='.22' filter='url(%23grain)'/%3E%3C/svg%3E") !important;

    background-repeat:repeat !important;
    background-size:500px 360px !important;
    background-position:center !important;
}


/* ---------------------------------------------------------
   SAĞ: KAVUN KABUĞU
   Gerçekçi ağlı / pütürlü kavun yüzeyi
   --------------------------------------------------------- */

.page-hero::after,
.category-hero::after,
.service-hero::after,
.catalog-hero::after{
    content:"" !important;

    position:absolute !important;
    z-index:-2 !important;

    right:0 !important;
    top:0 !important;

    width:50% !important;
    height:100% !important;

    background-color:#c8ad70 !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cdefs%3E%3Cfilter id='rough' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035' numOctaves='3' seed='18' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='10' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cfilter id='skin'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.18' numOctaves='3' seed='21' result='t'/%3E%3CfeColorMatrix in='t' values='1 0 0 0 .15 0 1 0 0 .10 0 0 1 0 .02 0 0 0 .28 0'/%3E%3CfeBlend in='SourceGraphic' mode='multiply'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='420' height='320' fill='%23cbb273'/%3E%3Cg filter='url(%23rough)' fill='none' stroke='%23eee0b1' stroke-width='3.2' stroke-linecap='round' opacity='.75'%3E%3Cpath d='M-20 38 C40 15 70 60 125 38 S215 20 265 45 S355 65 440 32'/%3E%3Cpath d='M-30 92 C25 65 80 115 135 87 S225 72 285 100 S365 115 445 82'/%3E%3Cpath d='M-25 150 C35 120 80 175 145 145 S235 128 295 155 S370 180 445 145'/%3E%3Cpath d='M-20 210 C45 180 95 235 155 205 S245 190 305 215 S375 240 450 205'/%3E%3Cpath d='M-25 270 C30 245 90 295 150 265 S240 245 300 275 S375 290 445 260'/%3E%3Cpath d='M45 -20 C20 35 65 70 42 125 S58 205 35 340'/%3E%3Cpath d='M120 -20 C95 35 140 78 112 135 S135 220 105 340'/%3E%3Cpath d='M205 -20 C175 42 225 80 198 145 S220 225 190 340'/%3E%3Cpath d='M292 -20 C265 38 315 85 285 145 S310 230 278 340'/%3E%3Cpath d='M375 -20 C350 40 395 80 368 140 S395 225 360 340'/%3E%3C/g%3E%3Crect width='420' height='320' fill='%23d5bd7d' opacity='.26' filter='url(%23skin)'/%3E%3C/svg%3E") !important;

    background-repeat:repeat !important;
    background-size:420px 320px !important;
    background-position:center !important;
}


/* ---------------------------------------------------------
   Hafif koyu katman:
   yazılar kabuğun üstünde rahat okunsun
   --------------------------------------------------------- */

.page-hero .hero-copy,
.category-hero .hero-copy,
.service-hero .hero-copy,
.catalog-hero .hero-copy{
    position:relative !important;
    z-index:3 !important;
}


/* Fotoğrafın çerçevesini de sadeleştir */
.category-hero-image,
.service-hero-image{
    border:4px solid rgba(255,255,255,.90) !important;

    box-shadow:
        8px 8px 0 rgba(28,76,43,.20) !important;
}


/* ---------------------------------------------------------
   MOBİL
   Üst: karpuz kabuğu
   Alt: kavun kabuğu
   --------------------------------------------------------- */

@media(max-width:820px){

    .page-hero::before,
    .category-hero::before,
    .service-hero::before,
    .catalog-hero::before{
        left:0 !important;
        top:0 !important;

        width:100% !important;
        height:50% !important;

        background-size:380px 280px !important;
    }

    .page-hero::after,
    .category-hero::after,
    .service-hero::after,
    .catalog-hero::after{
        left:0 !important;
        right:auto !important;
        top:50% !important;

        width:100% !important;
        height:50% !important;

        background-size:340px 260px !important;
    }
}

/* =========================================================
   /GERÇEKÇİ KAVUN + KARPUZ KABUĞU V3
   ========================================================= */



/* =========================================================
   KAVUNKARPUZ HIZMET SEO ICERIGI
   ========================================================= */

.service-seo-prose{
    line-height:1.72;
}

.service-seo-prose > h2:first-child{
    margin-top:0;
}

.service-seo-block{
    margin-top:34px;
    padding-top:30px;

    border-top:1px solid #dfe5e1;
}

.service-seo-block h2{
    margin:0 0 13px;

    color:#14231b;

    font-size:27px;
    line-height:1.2;
    letter-spacing:-.5px;
}

.service-seo-block h3{
    margin:22px 0 10px;

    color:#1b3024;

    font-size:18px;
    line-height:1.35;
}

.service-seo-block p{
    max-width:820px;

    color:#48574f;
}

.service-seo-block ul,
.service-seo-block ol{
    margin:16px 0 0;
    padding-left:23px;
}

.service-seo-block li{
    margin:8px 0;

    color:#34453c;
}

.service-seo-price-note{
    margin-top:16px !important;

    padding-left:15px;

    border-left:3px solid #247747;

    color:#34483d !important;
}

.service-seo-price-note strong{
    color:#17281f;
}

.service-seo-steps{
    counter-reset:kkstep;

    list-style:none;

    padding-left:0 !important;
}

.service-seo-steps li{
    position:relative;

    padding:0 0 17px 42px;

    min-height:32px;
}

.service-seo-steps li::before{
    counter-increment:kkstep;

    content:counter(kkstep);

    position:absolute;

    top:0;
    left:0;

    display:flex;
    align-items:center;
    justify-content:center;

    width:27px;
    height:27px;

    border:1px solid #247747;

    border-radius:50%;

    color:#17663d;

    font-size:12px;
    font-weight:800;
}

.service-seo-inline-cta{
    display:inline-block;

    margin-top:8px;

    color:#17663d;

    font-weight:800;

    text-decoration:none;

    border-bottom:1px solid #75a88a;
}

.service-seo-inline-cta:hover{
    color:#104f2e;
    border-bottom-color:#104f2e;
}


/* SSS — kart değil, düz içerik */

.service-seo-faq-item{
    padding:18px 0;

    border-bottom:1px solid #e5e9e6;
}

.service-seo-faq-item:last-child{
    border-bottom:0;
}

.service-seo-faq-item h3{
    margin:0 0 7px;

    font-size:17px;
}

.service-seo-faq-item p{
    margin:0;
}


/* MOBIL */

@media(max-width:820px){

    .service-seo-block{
        margin-top:27px;
        padding-top:24px;
    }

    .service-seo-block h2{
        font-size:23px;
    }

    .service-seo-block h3{
        font-size:17px;
    }

}


@media(max-width:560px){

    .service-seo-block{
        margin-top:24px;
        padding-top:21px;
    }

    .service-seo-block h2{
        font-size:21px;
        letter-spacing:-.25px;
    }

    .service-seo-block p,
    .service-seo-block li{
        font-size:14px;
    }

}


/* =========================================================
   /KAVUNKARPUZ HIZMET SEO ICERIGI
   ========================================================= */


/* =========================================================
   HIZMET GORSELLERI
   ========================================================= */

.service-card-image{
    display:block;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#eef1ee;
}

.service-card-image img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}

.service-hero-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}

/* =========================================================
   /HIZMET GORSELLERI
   ========================================================= */



/* =========================================================
   3E YAZILIM ALT BANT
   ========================================================= */

.threee-credit-bar{
    display:block;

    width:100%;

    padding:12px 18px;

    box-sizing:border-box;

    background:#f7f8f7;

    border-top:1px solid #dde3df;

    color:#243229;

    text-decoration:none;

    transition:
        background .18s ease,
        color .18s ease;
}

.threee-credit-inner{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:42px;
}

.threee-credit-logo{
    display:block;

    width:38px;
    height:38px;

    flex:0 0 38px;

    object-fit:contain;
}

.threee-credit-text{
    color:#56635c;

    font-size:13px;
    line-height:1.2;
    font-weight:500;
}

.threee-credit-text span{
    color:#17251d;
    font-weight:800;
}

.threee-credit-bar:hover{
    background:#eef2ef;
}

.threee-credit-bar:hover .threee-credit-text{
    color:#304238;
}


/* MOBİL */

@media(max-width:600px){

    .threee-credit-bar{
        padding:10px 12px;
    }

    .threee-credit-inner{
        min-height:38px;

        gap:8px;
    }

    .threee-credit-logo{
        width:32px;
        height:32px;

        flex-basis:32px;
    }

    .threee-credit-text{
        font-size:12px;
    }
}

/* =========================================================
   /3E YAZILIM ALT BANT
   ========================================================= */



/* =========================================================
   3E YAZILIM FOOTER CREDIT V2
   ========================================================= */

.kk-threee-credit{
    position:relative;

    width:100%;

    margin-top:0;

    border-top:1px solid #29352f;

    background:#0b1711;

    overflow:hidden;
}


/*
 * Sol ve sağda ince marka detayları.
 * Gradient/parlaklık yok.
 */

.kk-threee-credit::before,
.kk-threee-credit::after{
    content:"";

    position:absolute;

    top:50%;

    width:90px;
    height:1px;

    background:#28543c;

    opacity:.7;

    pointer-events:none;
}

.kk-threee-credit::before{
    left:8%;
}

.kk-threee-credit::after{
    right:8%;
}


.kk-threee-credit-link{
    position:relative;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:12px !important;

    width:100% !important;
    min-height:62px !important;

    padding:10px 20px !important;

    box-sizing:border-box !important;

    background:#0b1711 !important;

    color:#fff !important;

    text-decoration:none !important;

    transition:
        background-color .2s ease !important;
}


.kk-threee-credit-link:hover{
    background:#0e1d16 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.kk-threee-credit-logo-box{
    position:relative;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;
    min-width:42px !important;

    padding:4px !important;

    box-sizing:border-box !important;

    background:#fff !important;

    border:1px solid #dce3df !important;

    animation:
        kkThreeeLogoMove 3.8s ease-in-out infinite;
}


.kk-threee-credit-logo-box img{
    display:block !important;

    width:34px !important;
    height:34px !important;

    max-width:34px !important;
    max-height:34px !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;
}


/*
 * Çok hafif hareket.
 * Logo zıplamıyor, sadece 1-2px nefes alıyor.
 */

@keyframes kkThreeeLogoMove{

    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-2px);
    }
}


/* =========================================================
   YAZI
   ========================================================= */

.kk-threee-credit-copy{
    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:6px;
}


.kk-threee-credit-title{
    display:flex;

    align-items:center;

    gap:5px;

    color:#aebdb5 !important;

    font-size:13px !important;
    line-height:1.15 !important;

    white-space:nowrap;
}


.kk-threee-credit-title strong{
    color:#fff !important;

    font-size:14px;

    font-weight:800;
}


/*
 * Altında küçük hareketli marka çizgisi.
 */

.kk-threee-credit-line{
    display:block;

    width:34px;
    height:2px;

    background:#eebc37;

    transform-origin:left center;

    animation:
        kkThreeeLine 3.8s ease-in-out infinite;
}


@keyframes kkThreeeLine{

    0%,
    100%{
        transform:scaleX(.45);
        opacity:.55;
    }

    50%{
        transform:scaleX(1);
        opacity:1;
    }
}


/* =========================================================
   OK
   ========================================================= */

.kk-threee-credit-arrow{
    display:flex;

    align-items:center;
    justify-content:center;

    width:24px;
    height:24px;

    color:#6f9f82 !important;

    font-size:16px;
    line-height:1;

    transition:
        transform .18s ease,
        color .18s ease;
}


.kk-threee-credit-link:hover
.kk-threee-credit-arrow{
    color:#fff !important;

    transform:translate(2px,-2px);
}


/* =========================================================
   MOBIL
   ========================================================= */

@media(max-width:700px){

    .kk-threee-credit::before,
    .kk-threee-credit::after{
        display:none;
    }


    .kk-threee-credit-link{
        min-height:58px !important;

        gap:9px !important;

        padding:8px 12px !important;
    }


    .kk-threee-credit-logo-box{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;

        padding:3px !important;
    }


    .kk-threee-credit-logo-box img{
        width:31px !important;
        height:31px !important;

        max-width:31px !important;
        max-height:31px !important;
    }


    .kk-threee-credit-title{
        gap:4px;

        font-size:11px !important;
    }


    .kk-threee-credit-title strong{
        font-size:12px !important;
    }


    .kk-threee-credit-line{
        width:27px;
    }


    .kk-threee-credit-arrow{
        width:20px;
        height:20px;

        font-size:14px;
    }

}


/* Kullanıcı hareket azaltmayı seçtiyse animasyon yok */
@media(prefers-reduced-motion:reduce){

    .kk-threee-credit-logo-box,
    .kk-threee-credit-line{
        animation:none !important;
    }

}

/* =========================================================
   /3E YAZILIM FOOTER CREDIT V2
   ========================================================= */


/* =========================================================
   3E YAZILIM PREMIUM LACIVERT FOOTER BAND
   ========================================================= */

.kk-threee-credit{
    width:100% !important;

    margin:0 !important;

    background:#061426 !important;

    border-top:1px solid #173657 !important;

    overflow:hidden !important;
}


.kk-threee-credit-link{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:62px !important;

    gap:11px !important;

    padding:9px 20px !important;

    box-sizing:border-box !important;

    background:#061426 !important;

    color:#dce7f2 !important;

    text-decoration:none !important;

    transition:
        background-color .2s ease !important;
}


.kk-threee-credit-link:hover{
    background:#091c31 !important;
}


/* Soldaki / sağdaki ince çizgiler */
.kk-threee-credit::before,
.kk-threee-credit::after{
    background:#24527e !important;

    opacity:.55 !important;
}


/* Logo kutusu */
.kk-threee-credit-logo-box{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;

    padding:4px !important;

    background:#ffffff !important;

    border:1px solid #294d70 !important;

    box-shadow:none !important;
}


.kk-threee-credit-logo-box img{
    width:32px !important;
    height:32px !important;

    max-width:32px !important;
    max-height:32px !important;

    object-fit:contain !important;
}


/* Yazı */
.kk-threee-credit-title{
    color:#9fb0c2 !important;

    font-size:12px !important;
    font-weight:400 !important;
}


.kk-threee-credit-title strong{
    color:#ffffff !important;

    font-size:13px !important;
    font-weight:800 !important;
}


/* Sarı çizgiyi mavi premium çizgi yap */
.kk-threee-credit-line{
    width:30px !important;
    height:2px !important;

    background:#3d8fe8 !important;

    animation:kkThreeePremiumLine 3.4s ease-in-out infinite !important;
}


@keyframes kkThreeePremiumLine{

    0%,
    100%{
        width:18px;
        opacity:.5;
    }

    50%{
        width:38px;
        opacity:1;
    }
}


/* Logo animasyonu daha sakin */
.kk-threee-credit-logo-box{
    animation:kkThreeePremiumLogo 4s ease-in-out infinite !important;
}


@keyframes kkThreeePremiumLogo{

    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-1px);
    }
}


/* Sağ ok */
.kk-threee-credit-arrow{
    color:#5c9bd3 !important;

    font-size:15px !important;
}


.kk-threee-credit-link:hover
.kk-threee-credit-arrow{
    color:#ffffff !important;

    transform:translate(2px,-2px) !important;
}


/* MOBIL */

@media(max-width:700px){

    .kk-threee-credit-link{
        min-height:56px !important;

        padding:8px 12px !important;

        gap:8px !important;
    }

    .kk-threee-credit-logo-box{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
    }

    .kk-threee-credit-logo-box img{
        width:28px !important;
        height:28px !important;

        max-width:28px !important;
        max-height:28px !important;
    }

    .kk-threee-credit-title{
        font-size:11px !important;
    }

    .kk-threee-credit-title strong{
        font-size:12px !important;
    }

}


/* Hareket azaltma tercihi */
@media(prefers-reduced-motion:reduce){

    .kk-threee-credit-logo-box,
    .kk-threee-credit-line{
        animation:none !important;
    }
}

/* =========================================================
   /3E YAZILIM PREMIUM LACIVERT FOOTER BAND
   ========================================================= */



/* iyzico inline payment frame */
.wallet-inline-checkout .iyzico-payment-frame{
    display:block;
    width:100%;
    height:820px;
    min-height:720px;
    border:0;
    background:#fff;
    border-radius:10px;
}
@media (max-width: 768px){
    .wallet-inline-checkout .iyzico-payment-frame{
        height:760px;
        min-height:680px;
        border-radius:8px;
    }
}


/* === KK IYZICO RESPONSIVE + MOBILE LOGIN V4 === */

/* Mobilde Giriş yap gizlenmesin */
@media (max-width: 1050px) {
    .header-actions {
        display: flex !important;
        align-items: center;
    }

    .header-actions .header-login-link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        visibility: visible !important;
        opacity: 1 !important;
        white-space: nowrap;
        font-weight: 700;
    }
}

@media (max-width: 600px) {
    .header-actions {
        gap: 6px;
    }

    .header-actions .header-login-link {
        font-size: 12px;
        line-height: 1;
        padding: 7px 3px;
    }

    .header-actions .button {
        font-size: 12px;
        padding: 8px 10px;
        min-height: 34px;
        white-space: nowrap;
    }
}

@media (max-width: 390px) {
    .header-actions {
        gap: 4px;
    }

    .header-actions .header-login-link {
        font-size: 11px;
    }

    .header-actions .button {
        font-size: 11px;
        padding-left: 7px;
        padding-right: 7px;
    }
}


/* =========================================================
   IYZICO INLINE / RESPONSIVE
   ========================================================= */

.wallet-inline-checkout {
    width: 100%;
    max-width: none !important;
}

.wallet-inline-checkout [data-wallet-checkout-content] {
    display: block;
    width: 100%;
    max-width: none !important;
    min-height: 620px;
    overflow: visible;
}

.wallet-inline-checkout .iyzico-inline-response {
    display: block;
    width: 100%;
    max-width: none !important;
}

.wallet-inline-checkout #iyzipay-checkout-form {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 620px;
    margin: 0 !important;
}

/* iyzico'nun kendi oluşturduğu iframe */
.wallet-inline-checkout #iyzipay-checkout-form iframe,
.wallet-inline-checkout [data-wallet-checkout-content] iframe {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    border: 0 !important;
}

/* Hosted sayfa sadece fallback */
.wallet-inline-checkout .iyzico-payment-frame {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    height: 860px !important;
    min-height: 760px !important;
    border: 0 !important;
    background: #fff;
}

/*
 * Ödeme modalı masaüstünde dar kalmasın.
 * Mevcut modal maksimum genişliğini geçersiz kılar.
 */
.wallet-dialog {
    width: min(1100px, calc(100vw - 40px)) !important;
    max-width: 1100px !important;
}

@media (max-width: 768px) {
    .wallet-dialog {
        width: calc(100vw - 20px) !important;
        max-width: none !important;
    }

    .wallet-inline-checkout [data-wallet-checkout-content],
    .wallet-inline-checkout #iyzipay-checkout-form {
        min-height: 680px;
    }

    .wallet-inline-checkout .iyzico-payment-frame {
        height: 820px !important;
        min-height: 720px !important;
    }
}

@media (max-width: 520px) {
    .wallet-dialog {
        width: calc(100vw - 10px) !important;
    }

    .wallet-inline-checkout [data-wallet-checkout-content],
    .wallet-inline-checkout #iyzipay-checkout-form {
        min-height: 650px;
    }
}

/* === /KK IYZICO RESPONSIVE + MOBILE LOGIN V4 === */


/* === KAVUNKARPUZ BLOG V1 === */

.blog-hero{
    padding:64px 0;
    background:var(--cream);
    border-bottom:1px solid #e7dfcd;
}

.blog-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:70px;
    align-items:end;
}

.blog-hero h1{
    max-width:780px;
    margin:6px 0 16px;
    font-size:clamp(40px,5vw,62px);
    line-height:1.04;
    letter-spacing:-2px;
}

.blog-hero p{
    max-width:720px;
    margin:0;
    color:var(--muted);
    font-size:17px;
}

.blog-hero-note{
    padding:19px 0 19px 22px;
    border-left:4px solid var(--green);
}

.blog-hero-note strong,
.blog-hero-note span{
    display:block;
}

.blog-hero-note strong{
    font-size:18px;
}

.blog-hero-note span{
    margin-top:5px;
    color:var(--muted);
    font-size:14px;
}


.blog-featured{
    display:grid;
    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.85fr);
    border:1px solid var(--line);
    background:#fff;
}

.blog-featured-image{
    min-height:390px;
    overflow:hidden;
    background:var(--green-soft);
}

.blog-featured-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.blog-featured-copy{
    align-self:center;
    padding:42px;
}

.blog-featured-copy h2{
    margin:5px 0 14px;
    font-size:clamp(28px,3.2vw,42px);
    line-height:1.08;
    letter-spacing:-1.2px;
}

.blog-featured-copy p{
    margin:0 0 17px;
    color:var(--muted);
}

.blog-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 16px;
    margin-bottom:19px;
    color:var(--muted);
    font-size:13px;
}

.blog-meta a{
    color:var(--green);
    font-weight:750;
}

.blog-read-link{
    color:var(--green);
    font-weight:850;
}


.blog-grid{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:22px;
}

.blog-card{
    display:flex;
    min-width:0;
    flex-direction:column;
    border:1px solid var(--line);
    background:#fff;
    transition:
        transform .18s,
        box-shadow .18s,
        border-color .18s;
}

.blog-card:hover{
    border-color:#c3d1c8;
    box-shadow:var(--shadow);
    transform:translateY(-2px);
}

.blog-card-image{
    display:block;
    overflow:hidden;
    aspect-ratio:16/9;
    background:var(--green-soft);
}

.blog-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s;
}

.blog-card:hover .blog-card-image img{
    transform:scale(1.02);
}

.blog-image-fallback{
    display:grid;
    width:100%;
    height:100%;
    min-height:180px;
    place-items:center;
    padding:24px;
    background:var(--green-soft);
    color:var(--green-dark);
    text-align:center;
    font-size:20px;
    font-weight:850;
}

.blog-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:22px;
}

.blog-card h2{
    margin:4px 0 9px;
    font-size:21px;
    line-height:1.25;
}

.blog-card p{
    margin:0;
    color:var(--muted);
    font-size:14px;
}

.blog-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:auto;
    padding-top:15px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:13px;
}

.blog-card-footer{
    margin-top:18px;
}

.blog-card-footer a{
    color:var(--green);
    font-weight:800;
}


.blog-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin-top:36px;
    font-size:14px;
}

.blog-pagination a{
    padding:9px 13px;
    border:1px solid var(--line);
    background:#fff;
    color:var(--green);
    font-weight:750;
}

.blog-pagination span{
    color:#9aa49e;
}


.blog-article-hero{
    padding:56px 0 50px;
    border-bottom:1px solid var(--line);
    background:#fbfaf6;
}

.blog-article-hero-inner{
    max-width:920px;
}

.blog-service-label{
    display:inline-block;
    margin-top:20px;
    color:var(--green);
    font-size:14px;
    font-weight:800;
}

.blog-article-hero h1{
    margin:8px 0 16px;
    font-size:clamp(38px,5vw,58px);
    line-height:1.06;
    letter-spacing:-2px;
}

.blog-article-hero p{
    max-width:820px;
    margin:0;
    color:var(--muted);
    font-size:18px;
}

.blog-article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px 18px;
    margin-top:22px;
    color:var(--muted);
    font-size:13px;
}

.blog-article-meta span:first-child{
    color:var(--ink);
    font-weight:750;
}


.blog-article-section{
    padding-top:54px;
}

.blog-article-layout{
    display:grid;
    grid-template-columns:
        minmax(0,760px)
        300px;
    gap:64px;
    align-items:start;
}

.blog-cover{
    margin:0 0 34px;
}

.blog-cover img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}

.blog-prose{
    font-size:17px;
}

.blog-prose h2{
    margin-top:44px;
    font-size:30px;
    line-height:1.18;
}

.blog-prose h3{
    margin-top:30px;
    font-size:23px;
    line-height:1.25;
}

.blog-prose p,
.blog-prose li{
    color:#35463e;
}

.blog-prose a{
    color:var(--green);
    text-decoration:underline;
    text-underline-offset:3px;
}


.blog-article-aside{
    position:sticky;
    top:124px;
    display:grid;
    gap:16px;
}

.blog-service-cta,
.blog-editorial-note{
    padding:22px;
    border:1px solid var(--line);
    background:#fff;
}

.blog-service-cta > span,
.blog-editorial-note > strong{
    display:block;
    color:var(--green);
    font-size:12px;
    font-weight:850;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.blog-service-cta h2{
    margin:7px 0;
    font-size:23px;
    line-height:1.15;
}

.blog-service-cta p,
.blog-editorial-note p{
    margin:0 0 16px;
    color:var(--muted);
    font-size:14px;
}

.blog-editorial-note{
    background:#f7faf8;
}

.blog-editorial-note p{
    margin:7px 0 0;
}

.blog-grid-related .blog-card-image{
    display:none;
}

.service-blog-section{
    border-top:1px solid var(--line);
}


@media(max-width:900px){

    .blog-hero-grid,
    .blog-featured,
    .blog-article-layout{
        grid-template-columns:1fr;
    }

    .blog-hero-grid{
        gap:28px;
    }

    .blog-featured-image{
        min-height:300px;
    }

    .blog-article-aside{
        position:static;
        grid-template-columns:1fr 1fr;
    }

    .blog-grid{
        grid-template-columns:1fr 1fr;
    }
}


@media(max-width:600px){

    .blog-hero{
        padding:38px 0;
    }

    .blog-hero h1{
        font-size:38px;
        letter-spacing:-1.2px;
    }

    .blog-featured-copy{
        padding:24px;
    }

    .blog-featured-image{
        min-height:220px;
    }

    .blog-grid{
        grid-template-columns:1fr;
    }

    .blog-article-hero{
        padding:38px 0;
    }

    .blog-article-hero h1{
        font-size:36px;
        letter-spacing:-1.2px;
    }

    .blog-article-layout{
        gap:32px;
    }

    .blog-article-aside{
        grid-template-columns:1fr;
    }

    .blog-prose{
        font-size:16px;
    }

    .blog-prose h2{
        font-size:26px;
    }

    .blog-prose h3{
        font-size:21px;
    }

    .blog-pagination{
        gap:9px;
        justify-content:space-between;
    }

    .blog-pagination strong{
        font-size:12px;
    }
}

/* === /KAVUNKARPUZ BLOG V1 === */


/* === BLOG HERO CLEAN V2 === */

.blog-hero{
    padding:42px 0 36px !important;
    background:#fff !important;
    border-bottom:1px solid var(--line) !important;
}

.blog-hero-grid{
    display:block !important;
    grid-template-columns:none !important;
    gap:0 !important;
    align-items:initial !important;
}

.blog-hero-grid > div:first-child{
    width:100%;
    max-width:900px;
}

.blog-hero h1{
    max-width:820px;
    margin:8px 0 0 !important;
    font-size:clamp(38px,4.5vw,58px);
    line-height:1.05;
    letter-spacing:-1.8px;
}

.blog-hero .context-line{
    margin-top:20px;
}

.blog-hero-note{
    display:none !important;
}

.blog-hero p{
    display:none !important;
}

@media(max-width:600px){
    .blog-hero{
        padding:30px 0 28px !important;
    }

    .blog-hero h1{
        font-size:35px;
        line-height:1.08;
        letter-spacing:-1px;
    }

    .blog-hero .context-line{
        margin-top:16px;
    }
}

/* === /BLOG HERO CLEAN V2 === */


/* ==========================================================
   KAVUNKARPUZ BLOG V3 - TEK SUTUN
   ========================================================== */

.blog-hero-simple{
    padding:38px 0 34px !important;
    background:#fff !important;
    border-bottom:1px solid var(--line) !important;
}

.blog-hero-simple h1{
    max-width:860px;
    margin:8px 0 0;
    font-size:clamp(38px,4.5vw,58px);
    line-height:1.06;
    letter-spacing:-1.7px;
}


.blog-list{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
}


.blog-list-item{
    display:grid;
    grid-template-columns:
        minmax(260px,340px)
        minmax(0,1fr);
    overflow:hidden;
    border:1px solid var(--line);
    background:#fff;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


.blog-list-item:hover{
    border-color:#bdcbc2;
    box-shadow:
        0 12px 30px
        rgba(20,45,32,.07);
    transform:translateY(-1px);
}


.blog-list-image{
    display:block;
    width:100%;
    min-height:220px;
    overflow:hidden;
    background:#eef3ef;
}


.blog-list-image img{
    display:block;
    width:100%;
    height:100%;
    min-height:220px;
    object-fit:cover;
}


.blog-list-content{
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
    padding:27px 30px;
}


.blog-list-taxonomy{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:8px;
    color:var(--muted);
    font-size:12px;
    font-weight:750;
}


.blog-list-taxonomy a{
    color:var(--green);
}


.blog-list-content h2{
    margin:0 0 11px;
    font-size:clamp(23px,2.2vw,31px);
    line-height:1.15;
    letter-spacing:-.55px;
}


.blog-list-content h2 a{
    color:var(--ink);
}


.blog-list-content p{
    max-width:800px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.7;
}


.blog-list-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:19px;
    padding-top:15px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:13px;
}


.blog-read-link{
    color:var(--green);
    font-weight:800;
}


.blog-related-list{
    display:grid;
    gap:10px;
}


.blog-related-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid var(--line);
}


.blog-related-row h3{
    margin:5px 0 0;
    font-size:19px;
}


.blog-related-row > a{
    flex:0 0 auto;
    color:var(--green);
    font-weight:800;
}


.blog-cover img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:cover;
}


@media(max-width:760px){

    .blog-list-item{
        grid-template-columns:1fr;
    }

    .blog-list-image{
        min-height:0;
        aspect-ratio:16 / 9;
    }

    .blog-list-image img{
        min-height:0;
        aspect-ratio:16 / 9;
    }

    .blog-list-content{
        padding:20px;
    }

    .blog-list-content h2{
        font-size:23px;
    }

    .blog-list-footer{
        gap:10px;
    }

    .blog-related-row{
        align-items:flex-start;
    }

}


@media(max-width:520px){

    .blog-hero-simple{
        padding:28px 0 26px !important;
    }

    .blog-hero-simple h1{
        font-size:34px;
        letter-spacing:-1px;
    }

}

/* ==========================================================
   /KAVUNKARPUZ BLOG V3
   ========================================================== */