@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');:root{--yellow:#ffb900;--dark:#1e222b;--gray:#69707a;--line:#e9e9ed}*{box-sizing:border-box}body{margin:0;font-family:'Nunito Sans',Arial,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 22px}.topbar{background:#1d2028;color:white;font-size:13px}.topflex{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}.header{background:#fff;box-shadow:0 2px 16px #0000000d;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;gap:24px;min-height:86px}.brand{display:flex;align-items:center;font-weight:900;font-size:26px;letter-spacing:-1.4px;line-height:1}.brand small{display:block;color:#efaa00;font-size:23px;letter-spacing:0}.brandpaw{font-size:45px;margin-right:6px}.nav nav{display:flex;gap:28px;margin-left:auto;font-weight:800}.nav nav a:hover,.sectionhead>a:hover{color:#d39400}.navwa,.btn{background:var(--yellow);color:#111;padding:13px 22px;border-radius:14px;font-weight:900;display:inline-block}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#fff 12%,#fff7e0 70%,#ffd76c 130%);overflow:hidden}.hero-inner{min-height:410px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.eyebrow{color:#d69a00;font-size:13px;letter-spacing:1.5px;font-weight:900}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05;letter-spacing:-2.6px;margin:14px 0}.hero h1 em{color:#f3aa00;display:block;font-style:normal}.hero p{font-size:18px;max-width:470px;line-height:1.6}.ghost{background:#fff;border:1px solid #e9c46b;margin-left:10px}.hero-visual{min-height:350px;display:flex;align-items:center;justify-content:center;position:relative}.animal{font-size:170px;filter:drop-shadow(0 18px 10px #c8a76366)}.animal.dog{font-size:190px;margin-left:-40px}.animal.bird{font-size:75px;position:absolute;right:0;top:5%}.animal.fish{font-size:65px;position:absolute;right:0;bottom:3%}.section{padding-top:66px;padding-bottom:66px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:24px}.sectionhead h2,h2{font-size:30px;letter-spacing:-1px;margin:6px 0}.sectionhead>a{font-weight:900;color:#b88000}h1{font-size:42px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{background:#f7f7f9;border-radius:20px;min-height:160px;padding:22px;display:flex;flex-direction:column;gap:5px;transition:transform .2s}.category:hover,.product:hover{transform:translateY(-4px)}.category span{font-size:46px}.category b{font-size:18px}.category small{color:#b17d00;font-weight:800}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s;background:white;display:flex;flex-direction:column}.product-img{height:215px;background:#f8f8fa;display:flex;align-items:center;justify-content:center;font-size:70px}.product-img img{width:100%;height:100%;object-fit:contain;padding:14px}.product-info{padding:17px;min-height:100px}.product-info small{color:#8d8d94}.product-info h3{font-size:17px;margin:7px 0}.product-info p{color:var(--gray);font-size:14px}.wa-btn{display:block;margin:auto 14px 14px;background:#e8f8ee;color:#168447;text-align:center;padding:12px 7px;border-radius:12px;font-weight:900;font-size:13px}.storeband{background:#fff9e9;padding:65px 0}.store{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.store img{border-radius:22px;box-shadow:0 15px 30px #00000012}.store p{line-height:1.8}.slidegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.slide{border-radius:18px;overflow:hidden;position:relative}.slide img{height:180px;width:100%;object-fit:cover}.slide strong{position:absolute;bottom:10px;left:10px;background:#fff;padding:6px 12px;border-radius:8px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-grid a{overflow:hidden;border-radius:15px;background:#f7f7f7}.gallery-grid img{height:220px;width:100%;object-fit:cover}.gallery-grid strong{display:block;padding:10px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}.filters a{background:#f4f4f4;padding:10px 18px;border-radius:30px;font-weight:800}.filters .selected{background:var(--yellow)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px}.detail-main{height:440px;background:#f8f8fa;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:110px}.detail-main img{height:100%;width:100%;object-fit:contain}.thumbs{display:flex;gap:8px;margin-top:12px}.thumbs button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:4px;cursor:pointer}.thumbs img{height:75px;width:75px;object-fit:contain}.description{line-height:1.8;color:#555}.green{background:#16a45b;color:white}.muted,.empty{color:#777}.contactgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.contactbox{background:#f8f8f9;padding:30px;border-radius:20px}.contactgrid iframe{width:100%;min-height:370px;border:0;border-radius:20px}footer{background:#1d2028;color:white;margin-top:30px;padding:50px 0 20px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px}.foot p{color:#c4c5c8;line-height:1.7}.copyright{border-top:1px solid #ffffff24;padding-top:20px;margin-top:25px;color:#aeb0b6;font-size:13px}.floatwa{position:fixed;right:24px;bottom:24px;background:#13ad5b;color:white;padding:15px 20px;border-radius:40px;font-weight:900;box-shadow:0 5px 25px #0003;z-index:20}@media(max-width:900px){.nav{flex-wrap:wrap;min-height:70px}.menu-toggle{display:block;margin-left:auto;border:0;background:var(--yellow);padding:10px;border-radius:8px;font-size:22px}.nav nav{display:none;order:4;width:100%;flex-direction:column;padding:10px 0 20px;gap:15px}.nav nav.open{display:flex}.navwa{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:45px 0 0}.hero-visual{min-height:220px}.animal{font-size:120px}.animal.dog{font-size:135px}.categories,.products,.gallery-grid{grid-template-columns:repeat(2,1fr)}.store,.detail,.contactgrid{grid-template-columns:1fr}.slidegrid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.topflex{flex-direction:column;gap:2px}.brand{font-size:20px}.brand small{font-size:18px}.brandpaw{font-size:34px}.hero h1{font-size:44px}.hero-visual{min-height:170px}.animal{font-size:85px}.animal.dog{font-size:100px}.animal.bird,.animal.fish{font-size:40px}.categories,.products,.gallery-grid,.slidegrid{grid-template-columns:1fr 1fr;gap:10px}.category{padding:14px;min-height:130px}.category span{font-size:32px}.category b{font-size:15px}.product-img{height:160px}.product-info{padding:10px}.product-info h3{font-size:14px}.wa-btn{font-size:11px;margin:5px;padding:9px 3px}.section{padding-top:40px;padding-bottom:40px}.foot{grid-template-columns:1fr}.gallery-grid img{height:140px}.sectionhead h2{font-size:24px}.detail-main{height:300px}}
/* Yönetilebilir Senarguz menüleri */
.nav-group{position:relative;display:inline-flex;align-items:center}.nav-group>a{display:block}.nav-submenu{display:none;position:absolute;z-index:100;top:100%;left:0;min-width:200px;background:white;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 10px 25px #0002;padding:8px}.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{display:block}.nav-submenu a{display:block;padding:10px;white-space:nowrap}@media(max-width:800px){.nav-group{display:block}.nav-submenu{position:static;display:block;box-shadow:none;border:0;padding-left:15px}}

/* Yönetilebilir içerik sayfaları */
.page-content{min-height:50vh;padding-top:48px;padding-bottom:65px}
.page-content h1{margin-bottom:24px}
.page-feature-image{display:block;width:100%;max-width:980px;max-height:460px;object-fit:cover;border-radius:18px;margin:0 0 28px}
.page-body{line-height:1.9;white-space:normal;max-width:980px}

/* Tokyo Petshop: masaustunde 3 kategori, mobilde 2 kategori */
@media (min-width:901px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Galeri lightbox */
.tokyo-lightbox[hidden]{display:none!important}
.tokyo-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(9,12,20,.94);display:flex;align-items:center;justify-content:center;padding:64px 66px 76px}
.tokyo-lightbox img{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #0009}
.tokyo-lightbox button{position:absolute;border:0;border-radius:50%;width:44px;height:44px;background:#ffffffdd;color:#141414;cursor:pointer;font-size:26px;display:grid;place-items:center}
.tokyo-lightbox button:hover{background:#ffb900}
.tokyo-lightbox .lb-close{top:15px;right:18px}.tokyo-lightbox .lb-prev{left:14px;top:50%;transform:translateY(-50%)}.tokyo-lightbox .lb-next{right:14px;top:50%;transform:translateY(-50%)}
.tokyo-lightbox .lb-caption{position:absolute;bottom:18px;left:15px;right:15px;text-align:center;color:#fff;font-weight:700;font-size:15px}
body.lb-open{overflow:hidden}
@media(max-width:540px){.tokyo-lightbox{padding:70px 45px 70px}.tokyo-lightbox button{width:36px;height:36px;font-size:22px}.tokyo-lightbox .lb-prev{left:4px}.tokyo-lightbox .lb-next{right:4px}}

/* Tokyo Petshop: ana sayfa kategori kartları, üç sütun */
@media (min-width: 901px) {
  .categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
}
@media (min-width: 601px) and (max-width:900px) {
  .categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .categories { display:grid; grid-template-columns:1fr; }
}

/* Sağ alt sabit telefon ve WhatsApp */
.floating-contact{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:stretch;gap:10px;z-index:1100}
.floating-contact .floatcall,.floating-contact .floatwa{position:static;display:block;text-align:center;min-width:145px;padding:13px 18px;border-radius:40px;color:#fff;font-weight:800;box-shadow:0 5px 25px #0003;text-decoration:none;transition:transform .2s ease}
.floating-contact .floatcall{background:#087d43}
.floating-contact .floatwa{background:#13ad5b}
.floating-contact a:hover{transform:translateY(-2px)}
@media(max-width:540px){.floating-contact{right:14px;bottom:14px;gap:8px}.floating-contact .floatcall,.floating-contact .floatwa{min-width:126px;padding:11px 13px;font-size:13px}}

/* TOKYO PETSHOP - YENİ ANA BANNER */

.tokyo-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tokyo-hero-image {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.tokyo-hero-image img {
    display: block;
    width: 100%;
    height: auto;
}

.tokyo-hero-link {
    position: absolute;
    display: block;
    z-index: 2;
    border-radius: 12px;
}

/* Görsel üzerindeki ürün butonu */
.tokyo-products {
    left: 5.5%;
    top: 63%;
    width: 16.5%;
    height: 10%;
}

/* Görsel üzerindeki WhatsApp butonu */
.tokyo-whatsapp {
    left: 22.5%;
    top: 63%;
    width: 15.5%;
    height: 10%;
}

.tokyo-hero-link:focus-visible {
    outline: 3px solid #ffb900;
    outline-offset: 3px;
}

.tokyo-mobile-actions {
    display: none;
}

/* Mobil uyumluluk */
@media (max-width: 767px) {
    .tokyo-hero-image img {
        width: 100%;
        height: auto;
    }

    .tokyo-hero-link {
        display: none;
    }

    .tokyo-mobile-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 15px;
    }

    .tokyo-mobile-actions a {
        display: block;
        text-align: center;
        padding: 13px;
        border-radius: 10px;
        background: #ffb900;
        color: #101d36;
        text-decoration: none;
        font-weight: 700;
    }

    .tokyo-mobile-actions a:last-child {
        background: #10a85c;
        color: #fff;
    }
}