@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg-base:#f4faf8;--bg-surface:#fff;--bg-subtle:#eaf6f2;--bg-muted:#dcefea;--text-heading:#173f52;--text-body:#416474;--text-muted:#668493;--text-subtle:#89a1aa;--brand-primary:#287795;--brand-primary-hover:#216783;--brand-accent:#ef7768;--brand-accent-hover:#dd675a;--brand-accent-light:#fff0ec;--brand-accent-text:#a74338;--mint:#dff3e9;--sky:#dff2f7;--sun:#fff3c9;--lavender:#eeeafa;--border-subtle:transparent;--font-heading:'Manrope',sans-serif;--font-sans:'DM Sans',sans-serif;--radius-sm:14px;--radius-md:20px;--radius-lg:28px}
*{box-sizing:border-box}html{background:var(--bg-base)}body{font-family:var(--font-sans);background:var(--bg-base)!important;color:var(--text-body)!important;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);color:var(--text-heading);letter-spacing:-.035em}p{text-wrap:pretty}a,button{-webkit-tap-highlight-color:transparent}
/* Gölge ve dekoratif çizgi yerine renk, oran ve boşluk kullanan yüzey sistemi. */
[class*="shadow"]{box-shadow:none!important}[class*="border-black"],[class*="border-stone"]{border-color:transparent!important}[class*="bg-[#f9f9f8]"],[class*="bg-[#fbfaf8]"],[class*="bg-[#fcfbfa]"]{background:var(--bg-base)!important}[class*="bg-[#f3f3f0]"]{background:var(--bg-subtle)!important}[class*="bg-[#f7f3ed]"]{background:var(--brand-accent-light)!important}
.text-charcoal-900,.text-textHeading{color:var(--text-heading)!important}.text-stone-800,.text-stone-700,.text-textBody{color:var(--text-body)!important}.text-stone-600,.text-stone-500,.text-textMuted{color:var(--text-muted)!important}.text-stone-400,.text-stone-300{color:var(--text-subtle)!important}.bg-charcoal-900{background:var(--brand-primary)!important}.bg-parchment{background:var(--bg-subtle)!important}.bg-mintCream{background:var(--mint)!important}.bg-linen{background:var(--sun)!important}.bg-periwinkle{background:var(--sky)!important}.bg-lavender{background:var(--lavender)!important}
.btn-solid-dark,.btn-solid-accent,.btn-solid-soft,.btn-solid-white{min-height:44px;padding:.75rem 1.3rem;border:0;border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:.8125rem;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .2s,color .2s,transform .2s}.btn-solid-dark{background:var(--brand-primary);color:#fff}.btn-solid-dark:hover{background:var(--brand-primary-hover);transform:translateY(-2px)}.btn-solid-accent{background:var(--brand-accent);color:#fff}.btn-solid-accent:hover{background:var(--brand-accent-hover);transform:translateY(-2px)}.btn-solid-soft{background:var(--sky);color:var(--text-heading)}.btn-solid-soft:hover{background:#cceaf2}.btn-solid-white{background:#fff;color:var(--text-heading)}.btn-solid-white:hover{background:var(--bg-subtle)}
.form-control-custom,input:not([type=radio]):not([type=checkbox]):not([type=range]):not(.search-input):not(.qty-input),select,textarea{border:1.5px solid rgba(23,63,82,.14)!important;border-radius:14px!important;background:#fff!important;color:var(--text-heading)!important;min-height:46px;width:100%;padding:.7rem 1rem!important;font-size:.8125rem;font-family:var(--font-sans);line-height:1.35;transition:outline-color .15s,border-color .15s}
.qty-input{border:0!important;padding:0!important;min-height:auto!important}
.qty-input:focus{outline:none!important;box-shadow:none!important;background:rgba(40,119,149,.08)!important}
.qty-stepper button:active{transform:scale(.94)}
.form-control-custom:focus,input:focus,select:focus,textarea:focus{border-color:rgba(40,119,149,.4)!important;outline:3px solid rgba(40,119,149,.2)!important;box-shadow:none!important}
.form-control-custom::placeholder,input::placeholder,textarea::placeholder{color:var(--text-subtle);opacity:1}
textarea.form-control-custom,textarea{padding-top:.65rem!important;resize:vertical}
select.form-control-custom,select{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:2.5rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2389a1aa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:14px!important}
input[type=radio],input[type=checkbox]{accent-color:var(--brand-primary);width:17px;height:17px;cursor:pointer;flex-shrink:0}
input[type=number]{-moz-appearance:textfield}
.floating-cta a{border:1.5px solid rgba(23,63,82,.12)!important}
.search-input{border:1.5px solid rgba(23,63,82,.14)!important;border-radius:14px!important;padding:.55rem 1rem .55rem 2.5rem!important;min-height:auto!important}
.search-input:focus{border-color:rgba(40,119,149,.4)!important;outline:3px solid rgba(40,119,149,.2)!important;box-shadow:none!important}
body>div:first-of-type{background:var(--mint)!important;color:var(--text-heading)!important}header{background:rgba(255,255,255,.96)!important;box-shadow:none!important}header nav a.text-stone-600{color:#2c4a58!important}header nav a:hover{color:var(--brand-primary)!important}header nav a span.absolute{height:3px!important;background:var(--brand-accent)!important;border-radius:99px}
.hero-swiper{background:var(--sky);position:relative;overflow:hidden}.hero-swiper .swiper-slide{min-height:500px;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease}.hero-swiper .swiper-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.hero-swiper .swiper-slide:after{content:"";position:absolute;inset:0;background:rgba(23,63,82,.08);pointer-events:none}.hero-swiper .swiper-slide>div{z-index:1}.hero-swiper .swiper-slide>div>div{background:rgb(248 253 252 / 13%)!important;border-radius:28px!important;box-shadow:none!important;padding:clamp(1.5rem,3vw,3rem)!important}.hero-swiper h1,.hero-swiper h2{font-weight:800!important}.hero-swiper h1 span,.hero-swiper h2 span{color:var(--brand-accent)!important;font-style:normal!important;font-weight:700!important}
.grid>.group,.grid>article,.grid>a.group,.grid>div[class*="bg-white"],.grid>div[class*="bg-[#f9f9f8]"]{border-radius:22px!important;box-shadow:none!important}.grid>.group:hover,.grid>article:hover,.grid>a.group:hover{transform:translateY(-4px)}.grid>.group:nth-child(4n+1),.grid>a.group:nth-child(4n+1){background:var(--sky)!important}.grid>.group:nth-child(4n+2),.grid>a.group:nth-child(4n+2){background:var(--mint)!important}.grid>.group:nth-child(4n+3),.grid>a.group:nth-child(4n+3){background:var(--brand-accent-light)!important}.grid>.group:nth-child(4n+4),.grid>a.group:nth-child(4n+4){background:var(--lavender)!important}.grid img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.grid .group:hover img{transform:scale(1.035)}
section{scroll-margin-top:92px}section.py-16{padding-top:clamp(4rem,7vw,6.5rem)!important;padding-bottom:clamp(4rem,7vw,6.5rem)!important}section h2{line-height:1.12}footer{background:var(--sky)!important;color:var(--text-body)!important}footer .grid:first-child>div{background:rgba(255,255,255,.7)!important;border-radius:18px!important}
.swiper-pagination-bullet{background:#fff!important;opacity:.65;width:8px;height:8px;border-radius:99px!important}.swiper-pagination-bullet-active{background:var(--brand-accent)!important;opacity:1;width:26px!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:#99c8d4;border-radius:99px}[x-cloak]{display:none!important}
@media(max-width:1023px){header>div>div{min-height:72px}.hero-swiper .swiper-slide{min-height:540px}}
@media(max-width:767px){body>div:first-of-type{display:none}section.py-16{padding-top:3.5rem!important;padding-bottom:3.5rem!important}.hero-swiper .swiper-slide{min-height:300px;align-items:center!important}.hero-swiper .swiper-slide>img{object-position:right center}.hero-swiper .swiper-slide>div{align-items:center!important;padding-top:0!important;padding-bottom:0!important}.hero-swiper h1,.hero-swiper h2{font-size:clamp(.85rem,4.5vw,1rem)!important;line-height:1.25!important}.hero-swiper p{display:none}footer{padding-bottom:6rem!important}}
@media(max-width:767px){.hero-swiper{height:300px!important}}

/* Genel tasarım çizgisi: tutarlı kart ailesi ve hafif transparan hero paneli. */
.hero-swiper .swiper-slide::after{background:rgba(23,63,82,.04)}
.hero-swiper .swiper-slide>div>div{
    max-width:570px!important;
    background:rgb(248 253 252 / 13%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08);
    backdrop-filter:blur(16px) saturate(1.08);
}
.hero-swiper .swiper-slide>div>div>div:first-child{
    background:rgba(223,243,233,.76)!important;
}
@media(max-width:767px){.hero-swiper .swiper-slide>div>div{max-width:220px!important;padding:.7rem!important;border-radius:16px!important}.hero-swiper .btn-solid-dark,.hero-swiper .btn-solid-soft{flex:0 0 auto;width:auto;min-height:28px!important;padding:.35rem .55rem!important;font-size:.5625rem!important;gap:.25rem!important}.hero-swiper .btn-solid-dark svg,.hero-swiper .btn-solid-soft svg,.hero-swiper .btn-solid-dark i,.hero-swiper .btn-solid-soft i{width:10px!important;height:10px!important}}

.grid>.group:nth-child(n),.grid>a.group:nth-child(n){background:#fff!important}
.product-card,.category-card{
    background:#fff!important;
    border-radius:24px!important;
    isolation:isolate;
}
.grid>.product-card:hover,.grid>a.category-card:hover,.grid>.category-card:hover{transform:none!important}
.product-card .aspect-square{margin:10px;width:calc(100% - 20px);border-radius:18px!important}
.category-card>div:first-child{margin:10px;width:calc(100% - 20px);border-radius:18px!important}
.product-card>div:last-child,.category-card>div:last-child{padding:1.15rem 1.25rem 1.3rem!important}
.product-card h3,.category-card h3{letter-spacing:-.025em}
.product-card .btn-solid-soft{background:var(--sky)!important;color:var(--brand-primary)!important}
.product-card:hover .btn-solid-soft{background:var(--brand-primary)!important;color:#fff!important}
.product-card [class*="bg-linen"]{background:var(--sun)!important}
.product-card [class*="border-t"]{border:0!important;background:var(--bg-subtle);margin:0 -.35rem -.35rem;padding:.8rem .8rem .65rem!important;border-radius:14px}

/* Bölüm başlıklarında aynı ölçü ve daha güçlü editoryal ritim. */
section>div>div[class*="mb-12"],section>div>div[class*="mb-14"]{margin-bottom:clamp(2rem,4vw,3.25rem)!important}
section h2{font-size:clamp(1.75rem,3vw,2.5rem)!important;max-width:760px}
section .text-center h2{margin-inline:auto}
section [class*="tracking-widest"][class*="uppercase"]{color:var(--brand-accent)!important;letter-spacing:.16em!important}

/* İçerik kartları aynı aileden; ikon renkleri küçük vurgu alanı oluşturur. */
section .grid>div[class*="bg-white"]{border-radius:22px!important}
section .grid>div[class*="bg-white"]>div[class*="w-10"]{background:var(--sky)!important;color:var(--brand-primary)!important;border-radius:14px!important}
#hesaplayici>div>div[x-data]{border-radius:28px!important}
#hesaplayici .bg-mintCream{background:var(--mint)!important}

@media(max-width:767px){
    .hero-swiper .swiper-slide>div>div{background:rgb(248 253 252 / 13%)!important;backdrop-filter:blur(12px) saturate(1.05)}
    .product-card .aspect-square,.category-card>div:first-child{margin:8px;width:calc(100% - 16px)}
    section h2{font-size:1.75rem!important}
}
@media print{.no-print,header,footer,.floating-cta{display:none!important}}