html[data-tema=tofipe]{--marka:#0d3b66;--marka-vurgu:#f4a261;--tf-koyu:#0d3b66;--tf-koyu-2:#0a2f52;--tf-turuncu:#f4a261;--tf-turuncu-koyu:#e07b2a;--tf-yesil:#2a9d8f;--bg:#eef2f7;--bg-alt:#ffffff;--yuzey:#ffffff;--cizgi:#dfe6ef;--metin:#14213d;--metin-soft:#5b6b84;--indirim:#e76f51;--dugme-koyu:#0d3b66;--dugme-koyu-hover:#0a2f52;--kenar:18px;--kenar-sm:999px;--golge:0 2px 6px rgba(13,59,102,.06),0 10px 28px rgba(13,59,102,.10);--golge-menu:0 14px 40px rgba(13,59,102,.18)}html[data-tema=tofipe] body{font-family:Nunito,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg)}html[data-tema=tofipe] .header{background:var(--tf-koyu);border-bottom:0;color:#fff;box-shadow:0 4px 18px rgba(10,47,82,.25)}html[data-tema=tofipe] .header-ana-ic{height:66px;gap:14px}html[data-tema=tofipe] .hamburger{color:#fff}html[data-tema=tofipe] .logo-img{height:34px;max-width:140px}@media (min-width:900px){html[data-tema=tofipe] .logo-img{height:40px;max-width:200px}}html[data-tema=tofipe] .haksiyon,html[data-tema=tofipe] .header-aksiyon .profil-btn,html[data-tema=tofipe] .header-aksiyon .profil-btn .profil-yazi{color:#fff}html[data-tema=tofipe] .haksiyon:hover,html[data-tema=tofipe] .header-aksiyon .profil-btn:hover{background:rgba(255,255,255,.12)}@media (max-width:899px){html[data-tema=tofipe] .header-aksiyon .profil-btn{border-color:rgba(255,255,255,.35)}}html[data-tema=tofipe] .header-sepet-mobil{background:var(--tf-turuncu);color:var(--tf-koyu);box-shadow:0 5px 14px rgba(244,162,97,.45)}html[data-tema=tofipe] .header-sepet-sayac{background:var(--tf-koyu);color:#fff;border-color:var(--tf-turuncu)}html[data-tema=tofipe] .haksiyon-sepet .sepet-sayac{background:var(--tf-turuncu);color:var(--tf-koyu)}html[data-tema=tofipe] .header-arama-mobil{padding-bottom:12px}html[data-tema=tofipe] .arama-kutu{background:#fff;border:0;border-radius:999px;height:46px;padding-left:16px;box-shadow:inset 0 0 0 1.5px rgba(13,59,102,.08)}html[data-tema=tofipe] .arama-kutu:focus-within{box-shadow:0 0 0 3px rgba(244,162,97,.55)}html[data-tema=tofipe] .arama-ara-btn{background:var(--tf-turuncu);color:var(--tf-koyu);border-radius:999px;height:38px;margin:0 -8px 0 4px;padding:0 18px}html[data-tema=tofipe] .arama-ara-btn .arama-ikon,html[data-tema=tofipe] .arama-ara-btn svg{color:var(--tf-koyu)}html[data-tema=tofipe] .arama-panel{border:0;border-radius:18px}html[data-tema=tofipe] .mega{background:var(--tf-koyu-2);border-top:1px solid rgba(255,255,255,.08)}html[data-tema=tofipe] .mega-bar{height:48px;gap:2px}html[data-tema=tofipe] .mega-oge>a{height:32px;padding:0 10px;border-radius:999px;border-bottom:0;color:rgba(255,255,255,.88);font-size:13px;font-weight:700;letter-spacing:.3px}html[data-tema=tofipe] .mega-oge:hover>a{color:#fff;background:rgba(255,255,255,.14);border-bottom-color:transparent}html[data-tema=tofipe] .mega-vurgu>a{color:var(--tf-turuncu)}html[data-tema=tofipe] .mega-kampanya>a{color:#fff;background:var(--tf-turuncu-koyu)}html[data-tema=tofipe] .mega-kampanya:hover>a{background:var(--tf-turuncu);color:var(--tf-koyu)}html[data-tema=tofipe] .mega-panel{border-top:0;border-radius:0 0 22px 22px}html[data-tema=tofipe] .mega-sutun-bas{color:var(--tf-koyu)}html[data-tema=tofipe] .mega-alt-link:hover{color:var(--tf-turuncu-koyu)}html[data-tema=tofipe] .kat-serit-header{background:var(--tf-koyu-2);border-top:1px solid rgba(255,255,255,.08)}html[data-tema=tofipe] .kat-serit-oge{background:rgba(255,255,255,.1);border-color:transparent;color:#fff;font-size:12.5px}html[data-tema=tofipe] .kat-serit-oge:active,html[data-tema=tofipe] .kat-serit-oge:hover{background:var(--tf-turuncu);color:var(--tf-koyu);border-color:transparent}html[data-tema=tofipe] .kat-serit-oge.kat-serit-yeni{background:var(--tf-turuncu);border-color:var(--tf-turuncu);color:var(--tf-koyu);box-shadow:-14px 0 14px -6px rgba(10,47,82,.9)}html[data-tema=tofipe] .kat-serit-oge.kat-serit-yeni:active,html[data-tema=tofipe] .kat-serit-oge.kat-serit-yeni:hover{background:#fff;border-color:#fff}html[data-tema=tofipe] .mega-oge.mega-yeni>a{background:var(--tf-turuncu);color:var(--tf-koyu);border-radius:999px}html[data-tema=tofipe] .mega-oge.mega-yeni>a:hover{background:#fff}html[data-tema=tofipe] .tf-promo{background:var(--tf-turuncu);color:var(--tf-koyu);font-size:12.5px;font-weight:700}html[data-tema=tofipe] .tf-promo-ic{display:flex;align-items:center;justify-content:center;gap:18px;height:32px}html[data-tema=tofipe] .tf-promo-unvan{display:none;letter-spacing:.5px;opacity:.85}html[data-tema=tofipe] .tf-promo-ayrac{opacity:.5}html[data-tema=tofipe] .tf-promo-liste{position:relative;height:32px;overflow:hidden;flex:0 1 auto;min-width:240px}html[data-tema=tofipe] .tf-promo-liste span{position:absolute;left:0;right:0;top:0;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;animation:tfPromoDon 12s infinite;white-space:nowrap}html[data-tema=tofipe] .tf-promo-liste span:nth-child(2){animation-delay:4s}html[data-tema=tofipe] .tf-promo-liste span:nth-child(3){animation-delay:8s}@keyframes tfPromoDon{0%{opacity:0;transform:translateY(8px)}28%,5%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){html[data-tema=tofipe] .tf-promo-liste span{animation:none;position:static;opacity:1}html[data-tema=tofipe] .tf-promo-liste{display:flex;gap:18px;height:auto}}html[data-tema=tofipe] .tf-promo-iletisim{color:var(--tf-koyu);text-decoration:underline;text-underline-offset:3px}@media (min-width:900px){html[data-tema=tofipe] .tf-promo-ic{justify-content:space-between}html[data-tema=tofipe] .tf-promo-unvan{display:inline}html[data-tema=tofipe] .tf-promo-liste{min-width:320px}}html[data-tema=tofipe] .btn{border-radius:999px;padding:12px 22px;font-weight:800}html[data-tema=tofipe] .btn-ana{background:var(--tf-koyu)}html[data-tema=tofipe] .btn-vurgu{background:var(--tf-turuncu);color:var(--tf-koyu)}html[data-tema=tofipe] .btn-cizgi{border-color:#c9d4e2}html[data-tema=tofipe] .btn-koyu{background:var(--tf-koyu);border-color:var(--tf-koyu)}html[data-tema=tofipe] .btn-koyu:hover{background:var(--tf-koyu-2)}html[data-tema=tofipe] .rozet{border-radius:8px}html[data-tema=tofipe] .rozet-indirim{background:var(--indirim)}html[data-tema=tofipe] .rozet-yeni{background:var(--tf-yesil)}html[data-tema=tofipe] .urun-kart{border:0;border-radius:20px;padding:8px;box-shadow:0 1px 3px rgba(13,59,102,.06)}html[data-tema=tofipe] .urun-kart:hover{box-shadow:var(--golge);transform:translateY(-2px)}html[data-tema=tofipe] .urun-gorsel{border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:4/5}html[data-tema=tofipe] .urun-gorsel-bg{background-size:contain;background-position:50%}html[data-tema=tofipe] .urun-rozet{top:10px;left:10px}html[data-tema=tofipe] .urun-adet-rozet{background:var(--tf-koyu);top:10px;right:10px;border-radius:8px}html[data-tema=tofipe] .urun-fav{border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(13,59,102,.18)}html[data-tema=tofipe] .urun-govde{padding:10px 6px 6px;gap:5px}html[data-tema=tofipe] .urun-marka{color:var(--tf-yesil);letter-spacing:.6px}html[data-tema=tofipe] .urun-ad{font-size:14px;font-weight:600;line-height:1.35}html[data-tema=tofipe] .urun-paket-icerik{background:#eef7f6;border-color:#cfe8e4;color:#1f6f66;border-radius:10px}html[data-tema=tofipe] .urun-fiyat{gap:10px}html[data-tema=tofipe] .fiyat-indirim,html[data-tema=tofipe] .fiyat-normal{display:inline-block;padding:4px 10px;border-radius:999px;font-size:15px;font-weight:900;background:#eaf0f7;color:var(--tf-koyu);white-space:nowrap}html[data-tema=tofipe] .fiyat-eski{white-space:nowrap}html[data-tema=tofipe] .urun-fiyat{flex-wrap:wrap;gap:6px 8px}@media (max-width:400px){html[data-tema=tofipe] .fiyat-indirim,html[data-tema=tofipe] .fiyat-normal{font-size:14px;padding:4px 8px}}html[data-tema=tofipe] .fiyat-indirim{background:#fdecea;color:var(--indirim)}html[data-tema=tofipe] .urun-sepet{border-radius:999px;padding:10px 12px}html[data-tema=tofipe] .urun-izgara{gap:14px}html[data-tema=tofipe] .hizli-panel{border-radius:22px 22px 0 0}@media (min-width:640px){html[data-tema=tofipe] .hizli-panel{border-radius:22px}}html[data-tema=tofipe] .hizli-fiyat{color:var(--tf-koyu)}html[data-tema=tofipe] .tf-hero{margin:14px auto 0;border-radius:26px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0d3b66,#17557f 55%,#2a9d8f);color:#fff;padding:26px 20px 22px;box-shadow:var(--golge)}html[data-tema=tofipe] .tf-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(244,162,97,.55),rgba(244,162,97,0) 70%)}html[data-tema=tofipe] .tf-hero-ust{display:inline-block;background:rgba(255,255,255,.16);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}html[data-tema=tofipe] .tf-hero h1{font-size:clamp(24px,5.2vw,40px);font-weight:900;line-height:1.12;margin:12px 0 8px;letter-spacing:-.3px;position:relative}html[data-tema=tofipe] .tf-hero h1 em{font-style:normal;color:var(--tf-turuncu)}html[data-tema=tofipe] .tf-hero p{margin:0 0 16px;font-size:15px;opacity:.92;max-width:560px;position:relative}html[data-tema=tofipe] .tf-hero-btnler{display:flex;flex-wrap:wrap;gap:10px;position:relative}html[data-tema=tofipe] .tf-hero .btn-vurgu{box-shadow:0 6px 18px rgba(244,162,97,.4)}html[data-tema=tofipe] .tf-hero .btn-cizgi{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}html[data-tema=tofipe] .tf-hero .btn-cizgi:hover{background:rgba(255,255,255,.12);border-color:#fff}html[data-tema=tofipe] .tf-hero-usp{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:20px;position:relative}html[data-tema=tofipe] .tf-usp{background:rgba(255,255,255,.12);border-radius:14px;padding:9px 8px;font-size:12px;font-weight:600;text-align:center;line-height:1.3}html[data-tema=tofipe] .tf-usp i{font-style:normal;display:block}html[data-tema=tofipe] .tf-usp strong{font-weight:800}html[data-tema=tofipe] .tf-usp b{display:block;font-size:18px;margin-bottom:2px}@media (min-width:900px){html[data-tema=tofipe] .tf-hero{padding:44px 48px 36px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;grid-gap:28px;gap:28px}html[data-tema=tofipe] .tf-hero-usp{grid-template-columns:1fr;margin-top:0}html[data-tema=tofipe] .tf-usp{text-align:left;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:13.5px}html[data-tema=tofipe] .tf-usp b{font-size:22px;margin:0}}html[data-tema=tofipe] .tf-kat{margin:22px auto 6px}html[data-tema=tofipe] .tf-kat-bas{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}html[data-tema=tofipe] .tf-kat-bas h2{font-size:20px;font-weight:900;margin:0;color:var(--tf-koyu)}html[data-tema=tofipe] .tf-kat-bas a{font-size:13px;font-weight:800;color:var(--tf-turuncu-koyu)}html[data-tema=tofipe] .tf-kat-izgara{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:600px){html[data-tema=tofipe] .tf-kat-izgara{grid-template-columns:repeat(4,1fr)}}@media (min-width:1000px){html[data-tema=tofipe] .tf-kat-izgara{grid-template-columns:repeat(8,1fr)}}html[data-tema=tofipe] .tf-kat-kutu{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border-radius:18px;padding:12px 8px;text-align:center;box-shadow:0 1px 3px rgba(13,59,102,.06);transition:transform .18s ease,box-shadow .18s ease}html[data-tema=tofipe] .tf-kat-kutu:hover{transform:translateY(-2px);box-shadow:var(--golge)}html[data-tema=tofipe] .tf-kat-gorsel{width:84px;height:84px;border-radius:50%;background-size:cover;background-position:top;background-color:#eef2f7;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #e3eaf3;display:grid;place-items:center;font-size:30px;font-weight:900;color:#b8c6d8}html[data-tema=tofipe] .tf-kat-ad{font-size:13px;font-weight:800;color:var(--tf-koyu);line-height:1.25;text-transform:uppercase;letter-spacing:.2px}html[data-tema=tofipe] .tf-kat-adet{font-size:11px;color:var(--metin-soft);font-weight:600}html[data-tema=tofipe] .tf-vitrin-bas{display:flex;align-items:center;gap:10px;margin:26px auto 12px}html[data-tema=tofipe] .tf-vitrin-bas h2{font-size:20px;font-weight:900;margin:0;color:var(--tf-koyu)}html[data-tema=tofipe] .tf-vitrin-bas span{font-size:12.5px;font-weight:700;color:var(--tf-turuncu-koyu);background:#fff3e6;border-radius:999px;padding:4px 10px}html[data-tema=tofipe] .vitrin{margin-top:4px}html[data-tema=tofipe] .populer-arama{background:#fff;border-radius:22px;padding:18px 18px 20px;margin-top:26px;box-shadow:0 1px 3px rgba(13,59,102,.06)}html[data-tema=tofipe] .populer-arama h2{color:var(--tf-koyu);font-weight:900}html[data-tema=tofipe] .populer-oge{background:#eef2f7;border:0;border-radius:999px;font-weight:700}html[data-tema=tofipe] .populer-oge:hover{background:var(--tf-turuncu);color:var(--tf-koyu)}html[data-tema=tofipe] .pk-serit{box-shadow:0 1px 3px rgba(13,59,102,.06)}html[data-tema=tofipe] .pk-kart,html[data-tema=tofipe] .pk-serit{background:#fff;border:0;border-radius:18px}html[data-tema=tofipe] .blok-bas h2,html[data-tema=tofipe] .sayfa-bas{color:var(--tf-koyu);font-weight:900}html[data-tema=tofipe] .blok-bas a{color:var(--tf-turuncu-koyu)}html[data-tema=tofipe] .sirala select{border-radius:999px;padding:8px 14px;border-color:#c9d4e2}html[data-tema=tofipe] .detay-gorsel{border-radius:22px;background:#fff}html[data-tema=tofipe] .detay-ad{font-weight:800;color:var(--tf-koyu)}html[data-tema=tofipe] .detay-bilgi{background:#fff;border-radius:18px}html[data-tema=tofipe] .detay-mesaj{border-radius:14px}html[data-tema=tofipe] .detay-fav{border-radius:999px}html[data-tema=tofipe] .detay-stok{color:var(--tf-yesil)}html[data-tema=tofipe] .altmenu{background:var(--tf-koyu);border-top:0;box-shadow:0 -6px 18px rgba(10,47,82,.25)}html[data-tema=tofipe] .altmenu-oge{color:rgba(255,255,255,.78)}html[data-tema=tofipe] .altmenu-oge.aktif{color:#fff}html[data-tema=tofipe] .altmenu-oge.aktif .altmenu-ikon{background:var(--tf-turuncu);color:var(--tf-koyu)}html[data-tema=tofipe] .altmenu-oge:active .altmenu-ikon{background:rgba(255,255,255,.16)}html[data-tema=tofipe] .altmenu-sayac{background:var(--tf-turuncu);color:var(--tf-koyu)}html[data-tema=tofipe] .cekmece{border-radius:0 24px 24px 0}html[data-tema=tofipe] .cekmece-bas{background:var(--tf-koyu);color:#fff}html[data-tema=tofipe] .cekmece-bas button{color:#fff}html[data-tema=tofipe] .cekmece-kisayol{background:#eef2f7}html[data-tema=tofipe] .cekmece-pil-yeni{background:var(--tf-koyu);border-color:var(--tf-koyu)}html[data-tema=tofipe] .cekmece-geri,html[data-tema=tofipe] .cekmece-tumu{color:var(--tf-koyu)}html[data-tema=tofipe] .footer{background:var(--tf-koyu);color:rgba(255,255,255,.86);border-top:0;margin-top:40px;border-radius:28px 28px 0 0}html[data-tema=tofipe] .footer-ic{padding:36px 18px 28px}html[data-tema=tofipe] .footer-logo{color:#fff;font-weight:900;font-size:24px;letter-spacing:-.3px}html[data-tema=tofipe] .footer-slogan{color:rgba(255,255,255,.7)}html[data-tema=tofipe] .footer-sosyal a{color:rgba(255,255,255,.8)}html[data-tema=tofipe] .footer-sosyal a:hover{color:var(--tf-turuncu)}html[data-tema=tofipe] .footer-guven h3,html[data-tema=tofipe] .footer-sutun h3{color:var(--tf-turuncu);text-transform:uppercase;letter-spacing:.8px;font-size:12.5px}html[data-tema=tofipe] .footer-sutun ul li a{color:rgba(255,255,255,.78)}html[data-tema=tofipe] .footer-sutun ul li a:hover{color:#fff}html[data-tema=tofipe] .guven-rozet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.88);border-radius:999px}html[data-tema=tofipe] .footer-alt{border-top:1px solid rgba(255,255,255,.12)}html[data-tema=tofipe] .footer-alt-ic{color:rgba(255,255,255,.6)}html[data-tema=tofipe] .footer .pk-satir{color:rgba(255,255,255,.8)}html[data-tema=tofipe] :focus-visible{outline-color:var(--tf-turuncu)}