@font-face{font-family:Montserrat;src:url("../fonts/Montserrat-Regular.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--red:#9c0300;--red-dark:#740300;--ink:#231f20;--muted:#736a6c;--cream:#fff4cf;--paper:#fffdf9;--line:#e9e2dc;--shadow:0 14px 38px rgba(44,31,28,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:Montserrat,Arial,sans-serif}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}.sr-only,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.preview-bar{position:relative;z-index:20;display:flex;align-items:center;gap:16px;min-height:48px;padding:7px max(20px,calc((100% - 1240px)/2));background:#211d1e;color:#fff;font-size:13px}.preview-bar span{color:#cfc6c7}.preview-switch{display:flex;gap:5px;margin-left:auto;padding:3px;border-radius:9px;background:#3a3435}.preview-switch button{padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#ddd;cursor:pointer}.preview-switch button.is-active{background:#fff;color:#211d1e}
.campaign-ticker{display:flex;align-items:center;overflow:hidden;height:30px;background:#9d0300;color:var(--cream)}.campaign-ticker__track{display:flex;align-items:center;width:max-content;will-change:transform;animation:campaign-ticker-scroll 20s linear infinite}.campaign-ticker__item{display:flex;align-items:center;justify-content:center;min-width:100vw;padding-inline:42px;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.025em}@keyframes campaign-ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid var(--line);background:rgba(255,253,249,.96);backdrop-filter:blur(12px)}.header-main{display:grid;align-items:center;grid-template-columns:190px minmax(280px,1fr) auto;gap:36px;min-height:92px}.brand img{display:block;width:155px;height:68px;object-fit:contain}.header-search{display:flex;align-items:center;overflow:hidden;height:50px;border:1px solid #d9cfca;border-radius:12px;background:#fff;box-shadow:0 6px 20px rgba(44,31,28,.05)}.header-search>span{padding-left:16px;color:var(--red);font-size:23px}.header-search input{min-width:0;height:100%;flex:1;padding:0 12px;border:0;outline:0}.header-search button{height:100%;padding:0 24px;border:0;background:var(--red);color:#fff;font-weight:750;cursor:pointer}.quick-links{display:flex;align-items:center;gap:23px}.quick-links a{position:relative;display:grid;justify-items:center;gap:2px}.quick-links span{font-size:22px}.quick-links small{font-size:11px}.quick-links b{position:absolute;top:-6px;right:2px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:10px}.menu-button{display:none}.category-nav{border-top:1px solid var(--line);background:#fff}.category-nav .shell{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,37px);min-height:48px}.category-nav a{font-size:14px;font-weight:630;white-space:nowrap}.category-nav a:first-child{color:var(--red);font-weight:800}.category-nav a:hover{color:var(--red)}
.page-view{display:none}.page-view.is-active{display:block}.hero{display:grid;align-items:center;grid-template-columns:1fr 1.05fr;gap:clamp(38px,6vw,86px);min-height:620px;padding-block:64px}.eyebrow{margin:0 0 10px;color:var(--red);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(48px,5.3vw,76px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--red);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:570px;margin:25px 0;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 22px;border-radius:11px;font-weight:770}.button-primary{background:var(--red);color:#fff}.button-primary:hover{background:var(--red-dark)}.text-link{border-bottom:1px solid var(--ink);font-weight:700}.hero-proof{display:flex;gap:28px;margin-top:38px}.hero-proof span{display:grid;color:var(--muted);font-size:12px}.hero-proof b{color:var(--ink);font-size:15px}.hero-visual{position:relative}.hero-visual>img{display:block;width:100%;height:520px;border-radius:28px;box-shadow:var(--shadow);object-fit:cover}.floating-note{position:absolute;right:-18px;bottom:28px;display:grid;gap:2px;padding:17px 20px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.floating-note b{color:var(--red)}.floating-note span{font-size:12px;color:var(--muted)}
.benefits{border-block:1px solid var(--line);background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefits article{display:flex;align-items:center;gap:13px;padding:24px 18px;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--cream);color:var(--red);font-style:normal;font-weight:850}.benefits article div{display:grid;gap:3px}.benefits b{font-size:14px}.benefits span{color:var(--muted);font-size:11px}.section{padding-block:86px 10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{margin:0;font-size:clamp(30px,3.3vw,44px);letter-spacing:-.04em}.section-heading>a{color:var(--red);font-weight:750}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{display:flex;align-items:center;flex-direction:column;min-height:176px;padding:24px 14px;border:1px solid rgba(0,0,0,.04);border-radius:17px;text-align:center;transition:.2s}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.category-card span{display:grid;place-items:center;width:57px;height:57px;margin-bottom:16px;border-radius:16px;background:rgba(255,255,255,.72);font-size:25px}.category-card b{font-size:14px}.category-card small{margin-top:5px;color:var(--muted)}.coral{background:#ffe9e4}.amber{background:#fff0c9}.blue{background:#e5f0ff}.mint{background:#e3f4ec}.lilac{background:#f0e8fa}.sand{background:#f3ebe1}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.22s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.product-image{position:relative;display:block;margin:11px 11px 0;border-radius:13px;background:#f7f5f2}.product-image img{display:block;width:100%;aspect-ratio:1/1;padding:17px;object-fit:contain}.badge{position:absolute;z-index:1;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800}.badge:empty{display:none}.heart{position:absolute;z-index:1;top:9px;right:9px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:19px;cursor:pointer}.heart.is-active{background:var(--red);color:#fff}.product-content{display:flex;flex:1;flex-direction:column;padding:17px}.product-brand{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-title{display:-webkit-box;overflow:hidden;min-height:43px;margin:7px 0 8px;font-size:15px;font-weight:720;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rating{display:flex;gap:7px;margin-bottom:15px}.rating span{color:#eaaa25;font-size:11px;letter-spacing:1px}.rating small{color:var(--muted);font-size:10px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.price{color:var(--red);font-size:17px;font-weight:850;white-space:nowrap}.price del{display:block;color:#9a9292;font-size:11px;font-weight:500}.add-button{min-height:39px;padding:9px 12px;border:1px solid var(--red);border-radius:9px;background:#fff;color:var(--red);font-size:11px;font-weight:780;cursor:pointer}.add-button:hover,.add-button.is-added{background:var(--red);color:#fff}.promo{display:grid;align-items:center;overflow:hidden;grid-template-columns:.9fr 1.1fr;min-height:400px;margin-block:100px;border-radius:25px;background:#291f22;color:#fff}.promo-copy{padding:clamp(32px,5vw,70px)}.promo h2{max-width:500px;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.03;letter-spacing:-.045em}.promo p:not(.eyebrow){color:#ded4d6}.promo img{width:100%;height:100%;min-height:400px;object-fit:cover}.button-light{margin-top:14px;background:#fff;color:var(--red)}
.search-page{padding-block:54px 90px}.search-hero{display:grid;align-items:end;grid-template-columns:1fr minmax(320px,.65fr);gap:55px;padding:42px;border:1px solid #f0dfbb;border-radius:22px;background:linear-gradient(135deg,var(--cream),#fffaf0 70%)}.search-hero h1{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.045em}.search-hero>div>p:last-child{margin:12px 0 0;color:var(--muted)}.result-search{display:flex;height:52px;padding:4px;border:1px solid #ddcfca;border-radius:12px;background:#fff;box-shadow:0 10px 25px rgba(44,31,28,.07)}.result-search input{min-width:0;flex:1;padding:0 13px;border:0;outline:0}.result-search button{padding:0 23px;border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:750}.search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 22px;padding-bottom:19px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.search-toolbar p{margin:0}.search-toolbar select{min-height:42px;margin-left:7px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:9px;background:#fff}
.site-footer{border-top:1px solid #eadab4;background:var(--cream)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;padding-block:62px}.footer-brand img{width:155px}.footer-brand p,.footer-grid>div>p{color:var(--muted);font-size:13px;line-height:1.65}.footer-grid h3{margin:0 0 18px;font-size:14px}.footer-grid>div:not(.footer-brand){display:flex;align-items:flex-start;flex-direction:column;gap:10px}.footer-grid a{font-size:13px}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-block:18px;border-top:1px solid #e6d6ad;color:var(--muted);font-size:11px}
@media(max-width:1000px){.header-main{grid-template-columns:160px 1fr auto;gap:18px}.quick-links small{display:none}.category-nav .shell{justify-content:flex-start;overflow:auto}.hero{grid-template-columns:1fr 1fr}.hero-visual>img{height:440px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:25px}}
@media(max-width:760px){.preview-bar>span{display:none}.preview-bar{flex-wrap:wrap}.preview-switch{margin-left:auto}.site-header{top:0}.header-main{grid-template-columns:auto 1fr auto;min-height:72px}.menu-button{display:block;border:0;background:transparent;font-size:22px}.brand img{width:115px;height:52px}.header-search{grid-column:1/-1;grid-row:2;margin-bottom:12px}.quick-links a:not(.cart-link){display:none}.category-nav{display:none}.category-nav.is-open{display:block}.category-nav .shell{align-items:flex-start;flex-direction:column;gap:0;padding-block:10px}.category-nav a{width:100%;padding:10px}.hero{grid-template-columns:1fr;min-height:0;padding-block:42px}.hero h1{font-size:48px}.hero-visual>img{height:360px}.floating-note{right:8px}.benefits-grid{grid-template-columns:1fr 1fr}.benefits article{padding:18px 10px}.section{padding-top:60px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-content{padding:13px}.product-bottom{align-items:stretch;flex-direction:column}.add-button{width:100%}.promo{grid-template-columns:1fr;margin-block:65px}.promo img{min-height:260px}.search-page{padding-top:25px}.search-hero{grid-template-columns:1fr;gap:24px;padding:26px 20px}.search-toolbar{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:10px;flex-direction:column}}
@media(max-width:430px){.shell{width:min(100% - 24px,1240px)}.preview-bar{justify-content:center}.preview-bar strong{width:100%;text-align:center}.preview-switch{margin:0}.hero h1{font-size:41px}.hero-proof{gap:16px}.hero-visual>img{height:300px}.benefits-grid{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid var(--line)}.product-title{font-size:13px}.category-card{min-height:150px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.campaign-ticker__track{width:100%;animation:none}.campaign-ticker__item{width:100%;min-width:100%;white-space:normal;text-align:center}.campaign-ticker__item[aria-hidden="true"]{display:none}}
.site-header{z-index:100;background:#fff4ce;backdrop-filter:none;box-shadow:0 8px 28px rgba(44,31,28,.06)}
.category-nav{background:#fff}
.product-card .button.add-button{display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1.2;text-align:center}
.payment-logos{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}.payment-logos img{width:auto;height:30px;padding:5px 7px;border:1px solid #e6d6ad;border-radius:6px;background:#fff;object-fit:contain}.payment-logos img:last-child{max-width:88px}

/* Header ikonları ve kategori menüsü */
.quick-links .header-action-icon{display:grid;place-items:center;width:22px;height:22px}
.quick-links .header-action-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.category-nav a{color:var(--red);transition:transform .16s ease,color .16s ease}
.category-nav a:hover,.category-nav a:focus-visible{color:var(--red-dark);transform:scale(1.035)}

/* Popüler kategori renkleri daha belirgin */
.category-card.coral{border-color:#f2c9c0;background:#ffdcd5}
.category-card.amber{border-color:#ead394;background:#ffe7a8}
.category-card.blue{border-color:#bed3f0;background:#d3e5ff}
.category-card.mint{border-color:#b9dccd;background:#cfeadd}
.category-card.lilac{border-color:#d5c2eb;background:#e5d5f6}
.category-card.sand{border-color:#dac9b5;background:#eaddcf}

/* Kategori ve mağaza sayfalarında ana sayfayla aynı ürün ölçüsü */
body.tax-product_cat .woocommerce ul.products,
body.post-type-archive-product .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
body.tax-product_cat .woocommerce ul.products::before,
body.tax-product_cat .woocommerce ul.products::after,
body.post-type-archive-product .woocommerce ul.products::before,
body.post-type-archive-product .woocommerce ul.products::after{display:none!important}
body.tax-product_cat .woocommerce ul.products li.product,
body.post-type-archive-product .woocommerce ul.products li.product{box-sizing:border-box!important;width:auto!important;margin:0!important;padding:11px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important}
body.tax-product_cat .woocommerce ul.products li.product a img,
body.post-type-archive-product .woocommerce ul.products li.product a img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0 0 14px!important;padding:17px!important;border-radius:13px!important;background:#f7f5f2!important;object-fit:contain!important}

/* Hesabım ve Sepetim sayfalarında Astra sayfa başlığını kaldır */
body.woocommerce-account .entry-header,
body.woocommerce-cart .entry-header,
body.woocommerce-account .ast-single-entry-banner,
body.woocommerce-cart .ast-single-entry-banner,
body.woocommerce-account .page-title,
body.woocommerce-cart .page-title{display:none!important}

@media(max-width:1000px){body.tax-product_cat .woocommerce ul.products,body.post-type-archive-product .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.tax-product_cat .woocommerce ul.products,body.post-type-archive-product .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.category-nav a:hover,.category-nav a:focus-visible{transform:none}}

/* Header hızlı bağlantılarını aynı hizada tut */
.quick-links a{align-items:center;grid-template-rows:24px 16px;min-width:56px}
.quick-links a>span{display:grid;place-items:center;width:22px;height:22px;margin:0;line-height:1}
.quick-links a:first-child>span{font-size:21px;transform:translateY(0)}
.quick-links small{align-self:center;line-height:16px}

/* Hesabım giriş ve kayıt alanları */
body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row input[type="text"],
body.woocommerce-account .woocommerce form .form-row input[type="email"],
body.woocommerce-account .woocommerce form .form-row input[type="password"]{
	box-sizing:border-box!important;
	display:block!important;
	width:100%!important;
	min-height:50px!important;
	padding:10px 14px!important;
	border:1px solid var(--red)!important;
	border-radius:8px!important;
	background:#fff!important;
	box-shadow:none!important;
	color:var(--ink)!important;
}
body.woocommerce-account .woocommerce form .form-row input:focus{outline:2px solid rgba(156,3,0,.13)!important;outline-offset:1px}

/* Kampanyada yalnızca başlık tonları */
.promo .eyebrow,
.promo h2{color:#fff4ce}

/* Kurumsal, sözleşme ve güvenli ödeme sayfaları */
body.page:not(.woocommerce-page) article.page {
	box-sizing: border-box;
	width: min(100% - 40px, 960px);
	margin: 54px auto 90px;
}

body.page:not(.woocommerce-page) article.page .entry-header {
	margin-bottom: 32px;
}

body.page:not(.woocommerce-page) article.page .entry-title {
	margin: 0;
	color: var(--red);
	font-size: clamp(2rem, 4vw, 3.35rem);
	letter-spacing: -.04em;
}

body.page:not(.woocommerce-page) article.page .entry-content {
	color: #40393a;
	font-size: .96rem;
	line-height: 1.8;
}

body.page:not(.woocommerce-page) article.page .entry-content h2 {
	margin: 38px 0 12px;
	color: var(--ink);
	font-size: clamp(1.25rem, 2.5vw, 1.65rem);
	letter-spacing: -.025em;
}

body.page:not(.woocommerce-page) article.page .entry-content ul {
	padding-left: 22px;
}

.ece-legal-contact {
	margin: 16px 0 28px;
	padding: 20px 22px;
	border: 1px solid #e6d6ad;
	border-radius: 14px;
	background: #fff8df;
	line-height: 1.75;
}

.ece-legal-contact a,
.ece-legal-button {
	color: var(--red);
}

.ece-legal-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 18px;
	border: 1px solid var(--red);
	border-radius: 10px;
	font-weight: 700;
}

.ece-legal-button:hover {
	background: var(--red);
	color: #fff;
}

.ece-payment-showcase {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0 32px;
}

.ece-payment-showcase img {
	box-sizing: border-box;
	width: auto;
	height: 52px;
	padding: 10px 14px;
	border: 1px solid #e6d6ad;
	border-radius: 10px;
	background: #fff;
	object-fit: contain;
}

.ece-payment-showcase img:last-child {
	max-width: 135px;
}

.footer-bottom a {
	color: inherit;
	text-decoration: none;
}

.footer-bottom a:hover {
	color: var(--red);
}

@media(max-width:760px) {
	body.page:not(.woocommerce-page) article.page {
		width: min(100% - 24px, 960px);
		margin-block: 32px 64px;
	}

	body.page:not(.woocommerce-page) article.page .entry-content {
		font-size: .9rem;
		line-height: 1.7;
	}

	.ece-payment-showcase img {
		height: 44px;
	}
}

/* Footer sosyal medya ikonları */
.socials {
	display: flex;
	align-items: center;
	gap: 10px;
}

.socials .social-link {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid #e4d3a4;
	border-radius: 50%;
	background: #fff;
	color: var(--red);
	box-shadow: 0 5px 15px rgba(73, 48, 30, .07);
	transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.socials .social-link svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.socials .social-link--instagram svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
}

.socials .social-link--instagram .social-link__dot {
	fill: currentColor;
	stroke: none;
}

.socials .social-link:hover,
.socials .social-link:focus-visible {
	border-color: var(--red);
	background: var(--red);
	color: #fff;
	box-shadow: 0 8px 20px rgba(156, 3, 0, .2);
	transform: translateY(-2px) scale(1.04);
}

/* Ürün değerlendirme metin alanı */
.single-product #review_form #comment {
	border: 1px solid var(--red) !important;
	border-radius: 6px;
	background: #fff;
	box-shadow: none !important;
}

.single-product #review_form #comment:focus {
	border-color: var(--red) !important;
	outline: 2px solid rgba(156, 3, 0, .12);
	outline-offset: 1px;
}

/* Ana sayfa hizmetler alanı */
.home-services {
	margin-top: 62px;
	padding: 34px;
	border: 1px solid #eadfbe;
	border-radius: 22px;
	background: var(--cream);
}

.home-services-heading {
	margin-bottom: 24px;
}

.home-services-heading h2 {
	margin: 0;
	font-size: clamp(30px, 3.3vw, 44px);
	letter-spacing: -.04em;
}

.home-services-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.home-service-card {
	min-height: 190px;
	padding: 22px;
	border: 1px solid rgba(156, 3, 0, .08);
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(73, 48, 30, .05);
}

.home-service-icon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin-bottom: 24px;
	border-radius: 15px;
	color: var(--red);
}

.home-service-icon svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.home-service-card--coral .home-service-icon { background: #ffe9e4; }
.home-service-card--blue .home-service-icon { background: #e5f0ff; }
.home-service-card--amber .home-service-icon { background: #fff0c9; }
.home-service-card--mint .home-service-icon { background: #e3f4ec; }

.home-service-card h3 {
	margin: 0 0 8px;
	color: var(--red);
	font-size: 17px;
}

.home-service-card p {
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.65;
}

@media (max-width: 900px) {
	.home-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
	.home-services { margin-top: 48px; padding: 24px 18px; }
	.home-services-grid { grid-template-columns: 1fr; }
	.home-service-card { min-height: 0; }
}

/* Okul kırtasiye listesi çağrı alanı */
.school-list-cta {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
	min-height: 390px;
	margin-top: 76px;
	overflow: hidden;
	border: 1px solid #c9d9ec;
	border-radius: 26px;
	background: linear-gradient(135deg, #eaf3ff 0%, #f5f9ff 55%, #fff4ce 100%);
	box-shadow: 0 18px 45px rgba(44, 65, 92, .09);
}

.school-list-cta::before {
	position: absolute;
	top: -90px;
	right: 21%;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .45);
	content: "";
}

.school-list-cta__copy {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: clamp(38px, 5vw, 68px);
}

.school-list-cta__eyebrow {
	margin: 0 0 13px;
	color: var(--red);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.school-list-cta h2 {
	max-width: 720px;
	margin: 0;
	font-size: clamp(32px, 3.5vw, 50px);
	line-height: 1.08;
	letter-spacing: -.045em;
}

.school-list-cta__copy > p:not(.school-list-cta__eyebrow) {
	max-width: 650px;
	margin: 20px 0 25px;
	color: #5f6670;
	font-size: 15px;
	line-height: 1.7;
}

.school-list-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 52px;
	padding: 13px 23px;
	border-radius: 11px;
	background: #9d0300;
	color: #fff4ce;
	font-weight: 780;
	transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.school-list-cta__button:hover,
.school-list-cta__button:focus-visible {
	background: var(--red-dark);
	color: #fff4ce;
	box-shadow: 0 10px 25px rgba(157, 3, 0, .2);
	transform: translateY(-2px);
}

.school-list-cta__copy > small {
	margin-top: 10px;
	color: #727983;
	font-size: 11px;
}

.school-list-cta__visual {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 390px;
	background: radial-gradient(circle at center, rgba(255,255,255,.7), transparent 67%);
}

.school-list-cta__visual > img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 390px;
	object-fit: cover;
	object-position: center;
}

.school-list-paper {
	position: relative;
	width: min(250px, 65%);
	min-height: 290px;
	padding: 48px 34px 32px;
	border: 1px solid #dedbd2;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 24px 45px rgba(44, 65, 92, .18);
	transform: rotate(4deg);
}

.school-list-paper::before {
	position: absolute;
	z-index: -1;
	top: 12px;
	right: 12px;
	bottom: -14px;
	left: -14px;
	border-radius: 14px;
	background: #ffdcd5;
	content: "";
	transform: rotate(-7deg);
}

.school-list-paper__clip {
	position: absolute;
	top: -15px;
	left: 50%;
	width: 76px;
	height: 42px;
	border: 7px solid #9d0300;
	border-bottom: 0;
	border-radius: 18px 18px 0 0;
	transform: translateX(-50%);
}

.school-list-paper > b {
	display: block;
	margin-bottom: 25px;
	color: #9d0300;
	font-size: 15px;
	letter-spacing: .08em;
}

.school-list-paper > i {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 13px 0;
	font-style: normal;
}

.school-list-paper > i em {
	display: grid;
	place-items: center;
	width: 19px;
	height: 19px;
	border-radius: 5px;
	background: #d3e5ff;
	color: #285b90;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
}

.school-list-paper > i span {
	display: block;
	width: 75%;
	height: 7px;
	border-radius: 10px;
	background: #e8e7e4;
}

.school-list-paper > strong {
	position: absolute;
	right: 20px;
	bottom: 18px;
	padding: 7px 9px;
	border-radius: 7px;
	background: #9d0300;
	color: #fff;
	font-size: 10px;
	letter-spacing: .07em;
}

.school-list-pencil {
	position: absolute;
	right: 14%;
	bottom: 42px;
	width: 150px;
	height: 18px;
	border-radius: 10px 3px 3px 10px;
	background: linear-gradient(to bottom, #f3bb30 0 35%, #f8ce5f 35% 70%, #d59a16 70%);
	box-shadow: 0 8px 15px rgba(77, 62, 28, .16);
	transform: rotate(-35deg);
}

.school-list-dot { position: absolute; border-radius: 50%; }
.school-list-dot--one { top: 54px; right: 50px; width: 38px; height: 38px; background: #ffd2c9; }
.school-list-dot--two { bottom: 58px; left: 35px; width: 22px; height: 22px; background: #bcd7f7; }

/* Kırtasiye listesi yükleme sayfası */
.school-list-form-wrap {
	display: grid;
	grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
	gap: clamp(35px, 6vw, 75px);
	align-items: start;
}

.school-list-form-intro {
	position: sticky;
	top: 150px;
	padding: 28px;
	border-radius: 20px;
	background: #eaf3ff;
}

.school-list-form-intro h2 {
	margin: 0 0 15px !important;
	color: var(--ink) !important;
	font-size: clamp(25px, 3vw, 35px) !important;
	line-height: 1.15;
}

.school-list-form-intro > p:not(.eyebrow) { margin: 0; color: #5f6670; }
.school-list-form-intro ol { margin: 25px 0 0; padding: 0; list-style: none; counter-reset: school-list-step; }
.school-list-form-intro li { display: flex; align-items: center; gap: 11px; margin-top: 13px; counter-increment: school-list-step; }
.school-list-form-intro li::before { display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 auto; border-radius: 50%; background: #fff; color: var(--red); font-size: 12px; font-weight: 800; content: counter(school-list-step); }

.school-list-form-card {
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid #e1d8d2;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 15px 35px rgba(44, 31, 28, .06);
}

.school-list-form { display: grid; gap: 20px; }
.school-list-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.school-list-form label { display: grid; gap: 8px; margin: 0; }
.school-list-form label > span { color: var(--ink); font-size: 13px; font-weight: 700; }
.school-list-form label > span b { color: var(--red); }
.school-list-form label > span small { color: var(--muted); font-size: 10px; font-weight: 500; }
.school-list-form input[type="text"],
.school-list-form input[type="tel"],
.school-list-form input[type="email"],
.school-list-form input[type="file"],
.school-list-form textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 49px;
	padding: 12px 14px;
	border: 1px solid #d9cfca;
	border-radius: 9px;
	background: #fff;
	box-shadow: none;
	color: var(--ink);
}

.school-list-form textarea { min-height: 110px; resize: vertical; }
.school-list-form input:focus, .school-list-form textarea:focus { border-color: var(--red); outline: 2px solid rgba(157, 3, 0, .1); outline-offset: 1px; }
.school-list-upload-field { padding: 17px; border: 1px dashed #b6c9df; border-radius: 12px; background: #f5f9ff; }
.school-list-upload-field > span { display: block; margin-bottom: 10px; color: var(--ink); font-size: 13px; font-weight: 700; }
.school-list-upload-field > span b { color: var(--red); }
.school-list-file-picker { display: flex; align-items: center; gap: 12px; }
.school-list-file-input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 !important; }
.school-list-file-picker label { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 17px; border: 1px solid var(--red); border-radius: 8px; background: #fff; color: var(--red); font-size: 12px; font-weight: 750; cursor: pointer; transition: background-color .18s ease, color .18s ease; }
.school-list-file-picker label:hover, .school-list-file-input:focus + label { background: var(--red); color: #fff; }
.school-list-file-picker > span { min-width: 0; overflow: hidden; color: var(--muted); font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.school-list-upload-field > small { color: var(--muted); font-size: 11px; }
.school-list-consent { display: grid !important; grid-template-columns: 20px 1fr; gap: 10px !important; align-items: start; }
.school-list-consent input { width: 17px; height: 17px; margin-top: 4px; accent-color: var(--red); }
.school-list-consent span { font-size: 11px !important; font-weight: 500 !important; line-height: 1.6; }
.school-list-consent a { color: var(--red); text-decoration: underline; }
.school-list-form button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding: 13px 22px; border: 0; border-radius: 10px; background: #9d0300; color: #fff4ce; font-weight: 780; cursor: pointer; }
.school-list-form button:hover { background: var(--red-dark); }
.school-list-honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.school-list-notice { display: grid; gap: 4px; margin-bottom: 20px; padding: 15px 17px; border-radius: 10px; font-size: 13px; }
.school-list-notice--success { border: 1px solid #b8ddc8; background: #eaf8f0; color: #285d3e; }
.school-list-notice--error { border: 1px solid #efc4be; background: #fff0ed; color: #8a2520; }

@media (max-width: 800px) {
	.school-list-cta { grid-template-columns: 1fr; }
	.school-list-cta__visual, .school-list-cta__visual > img { min-height: 330px; }
	.school-list-form-wrap { grid-template-columns: 1fr; }
	.school-list-form-intro { position: static; }
}

@media (max-width: 520px) {
	.school-list-cta { margin-top: 48px; border-radius: 20px; }
	.school-list-cta__copy { padding: 32px 22px; }
	.school-list-cta h2 br { display: none; }
	.school-list-cta__visual, .school-list-cta__visual > img { min-height: 290px; }
	.school-list-paper { min-height: 235px; padding: 42px 26px 25px; }
	.school-list-paper > i { margin: 9px 0; }
	.school-list-form__row { grid-template-columns: 1fr; }
	.school-list-form-card { padding: 22px 17px; }
	.school-list-file-picker { align-items: flex-start; flex-direction: column; }
	.school-list-file-picker > span { width: 100%; }
}
