/* Karaoğlu Kırtasiye · Kurumsal V17 — tüm cihazlara uyumlu */
/* Turuncu vurgu sadece bayi girişinde kullanılır. */
:root{--v17-orange:#f18a22;--v17-orange-dark:#c9630e;--v17-deep:#103e31}
.main-nav .header-cta,
.v17-b2b-quick{color:#fff!important;background:linear-gradient(110deg,#ff9d31,#eb7817)!important;
  border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;
  box-shadow:0 5px 0 #bc641d,0 13px 22px rgba(126,68,12,.22)!important;
  font-weight:900!important;letter-spacing:.018em;white-space:nowrap;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
.main-nav .header-cta:hover,.v17-b2b-quick:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 7px 0 #bc641d,0 17px 28px rgba(126,68,12,.23)!important}
.main-nav .header-cta:focus-visible,.v17-b2b-quick:focus-visible{outline:3px solid #155b45;outline-offset:4px}
.v17-b2b-quick{display:none;font-size:12px;align-items:center;justify-content:center;padding:11px 12px;min-height:41px;}
@media(max-width:1320px){.v17-b2b-quick{display:inline-flex;margin-left:auto;margin-right:11px}.main-nav>.header-cta{box-shadow:none!important;}}
@media(max-width:480px){.v17-b2b-quick{font-size:11px;padding:9px 10px;min-height:38px;margin-right:9px}.header-inner .brand img{width:min(43vw,185px);height:auto}.header-inner{gap:5px}.menu-btn{flex-shrink:0}}
@media(max-width:350px){.v17-b2b-quick{font-size:10px;padding:8px}.header-inner .brand img{width:40vw}}

/* Menüden hemen sonraki geniş slider: ne kart başlığı ne gereksiz boşluk. */
.v17-home-slider{padding:0!important;background:#f1f7f1!important;border-bottom:1px solid #d9e9dd}
.v17-home-slider[hidden]{display:none!important}
.v17-home-slider>.container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.v17-home-slider [data-cms-items="banner"]{display:block!important;max-width:none!important;margin:0!important;}
.v17-slider{position:relative;width:100%;margin:auto;overflow:hidden}
.v17-slider-frame{position:relative;margin:auto;max-width:1600px;overflow:hidden;background:#e6f0e7;
  box-shadow:0 8px 32px rgba(10,50,29,.10)}
.v17-slide{display:block;width:100%;}
.v17-slide[hidden]{display:none!important}
.v17-slide-media{display:block;width:100%;position:relative;outline-offset:-5px}
.v17-slide-media img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:contain;
  background:#f5f9f4}
.v17-slide-media:focus-visible{outline:4px solid #f18a22}
.v17-slider-controls{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;justify-content:center;
  gap:11px;padding:16px 18px 13px;background:linear-gradient(0deg,rgba(9,42,31,.53),transparent);pointer-events:none}
.v17-slider-controls>*{pointer-events:auto}
.v17-slider-arrow,.v17-slider-pause{width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;
  display:grid;place-items:center;background:rgba(8,49,34,.65);color:white;font-size:24px;line-height:1;cursor:pointer}
.v17-slider-pause{font-size:13px}
.v17-slider-dots{display:flex;align-items:center;gap:9px;padding:0 8px}
.v17-slider-dot{display:block;width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.46);padding:0;cursor:pointer}
.v17-slider-dot[aria-current="true"]{width:25px;border-radius:6px;background:#fff}
.v17-slider-controls button:focus-visible{outline:3px solid #ffb459;outline-offset:3px}

/* Köklü geçmiş alanı kompakt; CMS başlık, açıklama ve fotoğraf hala yönetilebilir. */
.home-v9 .v17-compact-heritage .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:42px;
  padding-top:35px;padding-bottom:36px;align-items:center}
.home-v9 .v17-compact-heritage h1{font-size:clamp(30px,3.25vw,46px);max-width:620px;line-height:1.14;margin:10px 0 13px}
.home-v9 .v17-compact-heritage .hero-kicker{margin-bottom:7px}
.home-v9 .v17-compact-heritage .hero-description{font-size:14px;line-height:1.6;max-width:570px;margin-bottom:16px}
.home-v9 .v17-compact-heritage .hero-art-main{height:275px;border-radius:18px 18px 40px 18px}
.home-v9 .v17-compact-heritage .hero-art-small{height:80px;width:112px;bottom:-3px;left:-17px;border-radius:12px}
.home-v9 .v17-compact-heritage .hero-sticker{width:78px;height:78px;top:3px;right:0}
.home-v9 .v17-compact-heritage .hero-sticker strong{font-size:18px}
.home-v9 .v17-compact-heritage .hero-sticker small{font-size:8px}
.home-v9 .v17-compact-heritage .hero-actions .button{min-height:43px;padding:10px 15px}
@media(max-width:850px){.home-v9 .v17-compact-heritage .hero-grid{gap:20px}.home-v9 .v17-compact-heritage .hero-art-main{height:245px}}
@media(max-width:720px){.v17-slide-media img{aspect-ratio:auto}.v17-slider-controls{padding:8px 7px 6px;gap:6px}
  .v17-slider-arrow,.v17-slider-pause{width:29px;height:29px;font-size:21px}.v17-slider-pause{font-size:11px}
  .home-v9 .v17-compact-heritage .hero-grid{grid-template-columns:1fr;gap:14px;padding-top:28px;padding-bottom:30px}
  .home-v9 .v17-compact-heritage h1{font-size:clamp(30px,7vw,40px)}
  .home-v9 .v17-compact-heritage .hero-art{max-width:580px;width:100%;margin:auto}
  .home-v9 .v17-compact-heritage .hero-art-main{height:245px}}
@media(max-width:450px){.home-v9 .v17-compact-heritage .hero-art-main{height:190px}
 .home-v9 .v17-compact-heritage .hero-art-small{height:64px;width:87px;left:-4px}}

/* Marka portföyü: tüm logolar tek sayfada alfabetik. */
.v10-brand-page .v10-brand-tools,.v10-brand-page .v10-letters,.v10-brand-page .v10-showmore{display:none!important}
.v10-brand-page .v10-portfolio-section{margin-top:34px;padding-top:28px}
.v10-brand-page .v10-brand-grid{gap:13px;grid-template-columns:repeat(6,minmax(0,1fr));}
.v10-brand-page .v10-brand-card{min-height:128px;box-shadow:none;}
.v10-brand-page .v10-brand-card img{height:76px;max-width:100%;}
@media(max-width:1100px){.v10-brand-page .v10-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.v10-brand-page .v10-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.v10-brand-page .v10-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Galeri: admin + arşiv fotoğrafları tek düzen içinde, görsel altı açıklama YOK. */
.v17-gallery-head{padding-top:42px;padding-bottom:38px}
.v17-gallery-section{padding:34px 0 75px;background:#f8faf8}
.v17-gallery-intro{font-size:14px;color:#5a7167;margin:0 0 24px}
.v17-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v17-gallery-item{display:block;width:100%;padding:0;overflow:hidden;border-radius:14px;border:1px solid #dae9df;
  background:#eef5ef;cursor:zoom-in;box-shadow:0 7px 20px rgba(12,58,38,.08);transition:transform .2s,box-shadow .2s}
.v17-gallery-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .24s}
.v17-gallery-item:hover{box-shadow:0 12px 26px rgba(12,58,38,.13)}
.v17-gallery-item:hover img{transform:scale(1.025)}
.v17-gallery-item:focus-visible{outline:3px solid #23a156;outline-offset:4px}
.lightbox p{display:none!important}
@media(max-width:1000px){.v17-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.v17-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
@media(max-width:400px){.v17-gallery-grid{grid-template-columns:1fr 1fr;gap:9px}}
@media(prefers-reduced-motion:reduce){.v17-slider-controls *, .v17-gallery-item, .main-nav .header-cta,.v17-b2b-quick{animation:none!important;transition:none!important}}