:root{
    --ink:#13161c;
    --ink-soft:#4b5160;
    --paper:#fbfbfa;
    --surface:#f0f2f4;
    --line:#e2e5e9;
    --cyan:#00b3c6;
    --cyan-deep:#017a89;
    --red:#e5303d;
    --green:#0f8a53;
    --white:#ffffff;
    --radius:2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  .page{
    max-width:1240px;
    margin:0 auto;
    background:var(--paper);
    position:relative;
  }
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  img{max-width:100%; display:block;}
  .mono{font-family:'JetBrains Mono',monospace;}
  .display{font-family:'Space Grotesk',sans-serif;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 32px;}

  /* focus states */
  a:focus-visible, button:focus-visible, input:focus-visible{
    outline:2px solid var(--cyan); outline-offset:2px;
  }

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important; transition:none !important;}
  }

  /* ===== ANNOUNCEMENT BAR ===== */
  .announce{
    background:var(--ink);
    color:var(--white);
    text-align:center;
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    letter-spacing:.04em;
    padding:9px 12px;
  }
  .announce span{color:var(--cyan);}
  /* keep separators tinted if present as · in plain text */

  /* ===== HEADER ===== */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(240,242,244,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    gap:24px;
    padding-top:16px;
    padding-bottom:16px;
  }
  .logo-mark{display:flex; align-items:center; gap:10px; flex-shrink:0;}
  header .logo-mark{
    flex:0 0 118px;
    width:118px;
    min-width:118px;
  }
  header .logo-mark img{
    display:block;
    width:118px;
    height:44px;
    max-width:118px;
    max-height:44px;
    object-fit:contain;
    object-position:left center;
  }
  .nav-links{display:flex; gap:30px; font-size:14.5px; font-weight:500; align-items:center;}
  .nav-links a{position:relative; padding:4px 0; color:var(--ink);}
  .nav-links a::after{
    content:''; position:absolute; left:0; bottom:-2px;
    width:0; height:2px; background:var(--red);
    transition:width .25s ease;
  }
  .nav-links a:hover::after,
  .nav-links a.active::after{width:100%;}
  .nav-links a.active{color:var(--cyan-deep); font-weight:600;}
  .nav-links__search{display:none !important;}
  .nav-toggle{
    display:none;
    width:38px; height:38px; border-radius:50%;
    border:1px solid var(--line); background:var(--white);
    align-items:center; justify-content:center; flex-direction:column; gap:5px;
    cursor:pointer; padding:0; flex:0 0 auto;
  }
  .nav-toggle span{
    display:block; width:16px; height:1.5px; background:var(--ink);
    transition:transform .2s ease, opacity .2s ease;
  }
  header.is-nav-open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  header.is-nav-open .nav-toggle span:nth-child(2){opacity:0;}
  header.is-nav-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
  .nav-actions{display:flex; align-items:center; gap:18px;}
  .search-box{
    display:flex; align-items:center; gap:8px;
    background:var(--surface); border:1px solid var(--line);
    border-radius:999px; padding:9px 16px; width:260px;
  }
  .search-box input{
    border:none; background:none; outline:none; font-size:13.5px; width:100%;
    font-family:'Inter',sans-serif; color:var(--ink);
  }
  .icon-btn{
    position:relative; width:38px; height:38px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    border:1px solid var(--line); background:var(--white); cursor:pointer;
    color:var(--ink); text-decoration:none; padding:0;
  }
  .icon-btn:hover{border-color:var(--ink);}
  .icon-btn svg{display:block;}
  .cart-count{
    position:absolute; top:-6px; right:-6px;
    background:var(--red); color:#fff; font-size:10px; font-weight:700;
    width:18px; height:18px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-family:'JetBrains Mono',monospace;
  }
  .cart-count.pulse{animation:cart-pulse .45s ease;}
  @keyframes cart-pulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.25);}
    100%{transform:scale(1);}
  }
  .account-menu{position:relative;}
  .account-trigger{
    display:inline-flex; align-items:center; gap:10px;
    height:40px; padding:0 12px 0 5px;
    border-radius:999px; border:1px solid var(--line);
    background:var(--white); cursor:pointer;
    font-family:'Inter',sans-serif; color:var(--ink);
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .account-trigger:hover,
  .account-trigger[aria-expanded="true"]{
    border-color:var(--cyan-deep);
    box-shadow:0 0 0 3px rgba(0,122,138,.1);
  }
  .account-avatar{
    width:30px; height:30px; border-radius:50%;
    background:var(--cyan-deep); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:11px; font-weight:700;
    font-family:'JetBrains Mono',monospace; flex-shrink:0;
  }
  .account-trigger__label{
    display:flex; flex-direction:column; align-items:flex-start;
    min-width:0; line-height:1.2;
  }
  .account-trigger__name{
    font-size:13.5px; font-weight:600; color:var(--ink);
    max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .account-trigger__status{
    font-size:11px; font-weight:500; color:var(--cyan-deep);
  }
  .account-trigger__chevron{
    flex-shrink:0; color:var(--ink-soft);
    transition:transform .2s ease;
  }
  .account-trigger[aria-expanded="true"] .account-trigger__chevron{transform:rotate(180deg);}
  .account-login{display:inline-flex; align-items:center; gap:8px;}
  .account-login__btn{
    display:inline-flex; align-items:center; justify-content:center;
    font-family:'Inter',sans-serif; font-weight:600; font-size:13.5px;
    padding:9px 16px; border-radius:999px; text-decoration:none;
    white-space:nowrap; transition:background .2s ease, border-color .2s ease, color .2s ease;
  }
  .account-login__btn--primary{background:var(--ink); color:#fff;}
  .account-login__btn--primary:hover{background:var(--cyan-deep); color:#fff;}
  .account-login__btn--ghost{
    border:1px solid var(--line); color:var(--ink); background:var(--white);
  }
  .account-login__btn--ghost:hover{border-color:var(--ink);}
  .nav-links__account{display:none;}
  .nav-account-card{
    padding:14px 4px 4px;
    border-top:1px solid var(--line);
    margin-top:8px;
  }
  .nav-account-card__user{
    display:flex; align-items:center; gap:12px; margin-bottom:14px;
  }
  .nav-account-card__user strong{
    display:block; font-size:15px; font-family:'Space Grotesk',sans-serif;
  }
  .nav-account-card__user span{
    display:block; font-size:12px; color:var(--ink-soft); margin-top:2px;
    word-break:break-all;
  }
  .nav-account-card__links{display:grid; gap:2px;}
  .nav-account-card__links a{
    display:block; padding:10px 0; font-size:14px; color:var(--ink);
    text-decoration:none; border-bottom:1px solid var(--line);
  }
  .nav-account-card__links a:hover{color:var(--cyan-deep);}
  .nav-account-guest{padding:14px 4px 4px; border-top:1px solid var(--line); margin-top:8px;}
  .account-dropdown{
    position:absolute; right:0; top:calc(100% + 10px); z-index:60;
    width:240px; background:var(--white); border:1px solid var(--line);
    box-shadow:0 18px 40px -24px rgba(19,22,28,.45); padding:8px;
  }
  .account-dropdown__head{
    padding:10px 12px 12px; border-bottom:1px solid var(--line); margin-bottom:6px;
  }
  .account-dropdown__head strong{
    display:block; font-size:14px; font-family:'Space Grotesk',sans-serif; margin-bottom:2px;
  }
  .account-dropdown__head span{
    display:block; font-size:12px; color:var(--ink-soft); word-break:break-all;
  }
  .account-dropdown a,
  .account-dropdown button{
    display:block; width:100%; text-align:left; border:none; background:transparent;
    padding:10px 12px; font-size:13.5px; color:var(--ink); cursor:pointer;
    font-family:'Inter',sans-serif; text-decoration:none;
  }
  .account-dropdown a:hover,
  .account-dropdown button:hover{background:var(--surface); color:var(--cyan-deep);}
  .account-dropdown form{margin:0;}
  .account-dropdown form button{color:var(--red);}
  .account-dropdown form button:hover{color:var(--red); background:#fff5f5;}

  .book-unavailable{
    display:inline-flex; align-items:center;
    font-size:12px; font-weight:600; line-height:1.35;
    color:var(--ink-soft); background:var(--surface);
    border:1px solid var(--line); border-radius:999px;
    padding:7px 12px;
  }
  .book-unavailable--detail{
    display:inline-flex; margin:20px 0; font-size:14px; padding:10px 16px;
  }
  .badge-muted{
    background:rgba(19,22,28,.72) !important;
    color:#fff !important;
    max-width:calc(100% - 24px);
    white-space:normal; text-align:left; line-height:1.35;
    padding:5px 10px !important;
  }

  .discount-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 13px;
    border-radius:999px;
    background:var(--ink);
    color:#fff;
    line-height:1;
    box-shadow:0 8px 20px -12px rgba(19,22,28,.45);
  }
  .discount-badge__rate{
    font-family:'JetBrains Mono',monospace;
    font-size:14px;
    font-weight:700;
    letter-spacing:-.02em;
  }
  .discount-badge__label{
    font-family:'Space Grotesk',sans-serif;
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.9;
  }
  .discount-badge--compact{
    padding:5px 10px;
    box-shadow:0 8px 18px -12px rgba(19,22,28,.55);
    background:rgba(19,22,28,.9);
  }
  .discount-badge--compact .discount-badge__rate{
    font-size:11.5px;
  }
  .discount-badge--overlay{
    backdrop-filter:blur(8px);
    box-shadow:0 10px 24px -14px rgba(19,22,28,.7);
  }
  .discount-badge--ribbon{
    position:absolute;
    top:22px;
    left:-36px;
    width:148px;
    justify-content:center;
    gap:5px;
    padding:9px 0;
    border-radius:0;
    background:var(--red);
    color:#fff;
    transform:rotate(-45deg);
    box-shadow:0 8px 18px rgba(19,22,28,.22);
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .discount-badge--ribbon .discount-badge__rate{
    font-size:13px;
  }
  .discount-badge--ribbon .discount-badge__label{
    font-size:10px;
    letter-spacing:.12em;
    opacity:1;
  }
  .book-cover__discount,
  .product-cover__discount{
    position:absolute;
    top:12px;
    left:12px;
    z-index:3;
    pointer-events:none;
  }
  .product-cover__discount{
    top:10px;
    left:10px;
  }
  .product-cover__discount--ribbon{
    top:0;
    left:0;
    width:118px;
    height:118px;
    overflow:hidden;
    z-index:4;
  }

  /* ===== WhatsApp float ===== */
  .wa-float{
    position:fixed; right:22px; bottom:22px; z-index:80;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    background:#25D366; color:#fff; text-decoration:none;
    border-radius:999px; padding:11px 18px 11px 14px;
    box-shadow:0 14px 30px -12px rgba(37,211,102,.7);
    font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:14px;
    line-height:1; transition:transform .2s ease, box-shadow .2s ease;
  }
  .wa-float:hover{transform:translateY(-2px); box-shadow:0 18px 34px -12px rgba(37,211,102,.85); color:#fff;}
  .wa-float svg{
    display:block; flex:0 0 auto; width:22px; height:22px;
    transform:translateY(0.5px);
  }
  .wa-float__label{
    display:inline-flex; align-items:center; line-height:1; padding:0;
  }
  @media (max-width:560px){
    .wa-float{
      right:16px; bottom:16px; width:54px; height:54px;
      padding:0; border-radius:50%; gap:0;
    }
    .wa-float svg{width:26px; height:26px; transform:none;}
    .wa-float__label{display:none;}
  }

  /* ===== CONTACT PAGE ===== */
  .clip-corner-tr,
  .contact-info-card,
  .list-card,
  .panel-card,
  .book-card,
  .product-list-item,
  .contact-page .ch,
  .contact-page .form-card,
  .contact-page .sent,
  .contact-page .card{
    --clip-cut:12px;
    position:relative;
    background:transparent;
    isolation:isolate;
    clip-path:polygon(0 0, calc(100% - var(--clip-cut)) 0, 100% var(--clip-cut), 100% 100%, 0 100%);
  }
  .panel-card{--clip-cut:16px;}
  .book-card,
  .product-list-item{--clip-cut:14px;}
  .clip-corner-tr::before,
  .contact-info-card::before,
  .list-card::before,
  .panel-card::before,
  .book-card::before,
  .product-list-item::before,
  .contact-page .ch::before,
  .contact-page .form-card::before,
  .contact-page .sent::before,
  .contact-page .card::before,
  .clip-corner-tr::after,
  .contact-info-card::after,
  .list-card::after,
  .panel-card::after,
  .book-card::after,
  .product-list-item::after,
  .contact-page .ch::after,
  .contact-page .form-card::after,
  .contact-page .sent::after,
  .contact-page .card::after{
    content:"";
    position:absolute;
    clip-path:polygon(0 0, calc(100% - var(--clip-cut)) 0, 100% var(--clip-cut), 100% 100%, 0 100%);
    pointer-events:none;
  }
  .clip-corner-tr::before,
  .contact-info-card::before,
  .list-card::before,
  .panel-card::before,
  .book-card::before,
  .product-list-item::before,
  .contact-page .ch::before,
  .contact-page .form-card::before,
  .contact-page .sent::before,
  .contact-page .card::before{
    inset:0;
    background:var(--line);
    z-index:-2;
  }
  .clip-corner-tr::after,
  .contact-info-card::after,
  .list-card::after,
  .panel-card::after,
  .book-card::after,
  .product-list-item::after,
  .contact-page .ch::after,
  .contact-page .form-card::after,
  .contact-page .sent::after,
  .contact-page .card::after{
    inset:1px;
    background:var(--white);
    z-index:-1;
  }
  .clip-corner-tr > *,
  .contact-info-card > *,
  .list-card > *,
  .panel-card > *,
  .book-card > *,
  .product-list-item > *,
  .contact-page .ch > *,
  .contact-page .form-card > *,
  .contact-page .sent > *,
  .contact-page .card > *,
  .product-list-item__top,
  .product-list-item__cover,
  .product-list-item__body,
  .product-list-item__aside{
    position:relative;
    z-index:1;
  }

  .contact-info-grid{
    display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin-bottom:28px;
  }
  .contact-info-card{
    padding:20px 18px;
  }
  .contact-info-card .label{
    font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em;
    text-transform:uppercase; color:var(--ink-soft); display:block; margin-bottom:8px;
  }
  .contact-info-card .value{
    font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; line-height:1.35;
  }
  .contact-info-card a{color:inherit;}
  .contact-info-card a:hover{color:var(--cyan-deep);}
  .contact-main{
    display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; margin-bottom:28px;
  }
  .contact-map{
    border:1px solid var(--line); background:var(--surface); min-height:360px; overflow:hidden;
  }
  .contact-map iframe{width:100%; height:100%; min-height:360px; border:0; display:block;}
  .contact-form-card h3{margin-bottom:6px;}
  .contact-form-card .hint{color:var(--ink-soft); font-size:13.5px; margin:0 0 18px; line-height:1.5;}
  .company-meta{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; margin:0;
  }
  .company-meta dt{
    font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.05em;
    text-transform:uppercase; color:var(--ink-soft); margin:0 0 4px;
  }
  .company-meta dd{margin:0; font-size:14.5px; font-weight:600; line-height:1.4;}
  @media (max-width:700px){ .company-meta{grid-template-columns:1fr;} }
  /* ===== CHECKOUT ===== */
  .checkout-layout{
    display:grid; grid-template-columns:1.15fr .85fr; gap:24px; align-items:start;
  }
  .pay-option{
    border:1px solid var(--line); background:var(--white); margin-bottom:10px;
    clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  }
  .pay-option__head{
    display:flex; align-items:center; gap:10px; width:100%;
    padding:14px 16px; border:none; background:transparent; cursor:pointer;
    text-align:left; font-family:'Inter',sans-serif; font-size:14.5px; font-weight:600; color:var(--ink);
  }
  .pay-option__body{
    display:none; padding:0 16px 16px; border-top:1px solid var(--line);
  }
  .pay-option.is-open .pay-option__body{display:block; padding-top:14px;}
  .pay-option.is-open{border-color:var(--ink);}
  .ship-list{display:flex; flex-direction:column; gap:10px; margin-top:12px;}
  .ship-option{
    display:flex; align-items:center; gap:14px;
    padding:14px 16px; border:1px solid var(--line); background:var(--white);
    cursor:pointer; transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
  }
  .ship-option:hover{border-color:var(--ink);}
  .ship-option:has(.ship-option__radio:checked){
    border-color:var(--ink); background:var(--surface);
    box-shadow:inset 3px 0 0 var(--cyan);
  }
  .ship-option__radio{
    flex:0 0 auto; width:18px; height:18px; margin:0;
    accent-color:var(--ink); align-self:center;
  }
  .ship-option__logo{
    flex:0 0 84px; width:84px; height:44px;
    display:flex; align-items:center; justify-content:center;
    background:var(--white); border:1px solid var(--line); padding:6px 8px;
  }
  .ship-option__logo img{
    max-width:100%; max-height:28px; width:auto; height:auto;
    object-fit:contain; display:block;
  }
  .ship-option__logo-fallback{
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:16px; color:var(--ink-soft);
  }
  .ship-option__meta{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
  .ship-option__name{
    font-family:'Inter',sans-serif; font-size:14.5px; font-weight:600;
    color:var(--ink); line-height:1.35; text-transform:none;
  }
  .ship-option__hint{
    font-size:12.5px; color:var(--ink-soft); line-height:1.4; font-weight:400;
  }
  .bank-option{
    display:flex; gap:12px; align-items:flex-start;
    padding:12px 14px; border:1px solid var(--line); margin-bottom:8px; cursor:pointer;
    background:var(--white);
  }
  .bank-option:has(input:checked){
    border-color:var(--ink); background:var(--surface);
  }
  .bank-option input{margin-top:3px; accent-color:var(--ink);}
  .check-row{
    display:flex; gap:10px; align-items:center; margin:14px 0;
    font-size:14px; color:var(--ink);
  }
  .check-row input{width:16px; height:16px;}
  .result-card{text-align:center; padding:48px 28px; max-width:560px; margin:0 auto;}
  .result-card .icon{
    width:64px; height:64px; border-radius:50%; margin:0 auto 18px;
    display:flex; align-items:center; justify-content:center;
    font-size:28px; font-weight:700;
  }
  .result-card .icon.ok{background:#e8f8f0; color:#0f7a45;}
  .result-card .icon.fail{background:#fff0f0; color:var(--red);}
  .result-card h2{font-family:'Space Grotesk',sans-serif; font-size:28px; margin:0 0 10px;}
  .result-card p{color:var(--ink-soft); line-height:1.55; margin:0 0 12px;}
  .result-actions{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:22px;}
  .redirect-wait{
    min-height:60vh; display:flex; align-items:center; justify-content:center;
    text-align:center; padding:40px 20px; font-family:'Inter',sans-serif;
  }
  .redirect-wait h1{font-family:'Space Grotesk',sans-serif; font-size:24px; margin:0 0 10px;}
  .redirect-wait p{color:#667; margin:0;}


  /* ===== HERO ===== */
  .hero{
    display:grid; grid-template-columns:1.1fr 1fr; gap:40px;
    padding:64px 32px 84px; align-items:center;
    border-bottom:none;
    position:relative;
  }
  .hero-copy,
  .hero-visual{position:relative; z-index:1;}
  .hero-copy .eyebrow{
    font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.08em;
    color:var(--cyan-deep); text-transform:uppercase; margin-bottom:18px; display:block;
  }
  .hero-copy h1{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(36px,5vw,58px);
    font-weight:700; line-height:1.03; letter-spacing:-.02em;
    max-width:560px;
  }
  .hero-copy h1 em{
    font-style:normal; color:var(--cyan-deep);
    position:relative;
  }
  .hero-copy p{
    margin-top:22px; font-size:16px; color:var(--ink-soft); max-width:440px; line-height:1.6;
  }
  .hero-cta{display:flex; gap:14px; margin-top:32px; align-items:center;}
  .btn{
    font-family:'Inter',sans-serif; font-weight:600; font-size:14.5px;
    padding:14px 26px; border-radius:999px; cursor:pointer; border:none;
    display:inline-flex; align-items:center; gap:8px;
    text-decoration:none; line-height:1.2;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
  }
  .btn-primary{background:var(--ink); color:#fff;}
  .btn-primary:hover{background:var(--cyan-deep); color:#fff;}
  .btn-primary.is-cart-added,
  .btn-primary.is-cart-added:hover{
    background:var(--cyan-deep);
    border-color:var(--cyan-deep);
    color:#fff;
    cursor:default;
  }
  .btn-ghost{
    background:var(--white); color:var(--ink);
    border:1px solid var(--line); box-shadow:0 1px 0 rgba(19,22,28,.04);
  }
  .btn-ghost:hover{
    border-color:var(--ink); background:var(--surface);
    color:var(--ink); transform:translateY(-1px);
  }
  .btn-ghost:disabled,
  .btn-ghost[disabled]{
    opacity:.55; cursor:not-allowed; transform:none;
    border-color:var(--line); background:var(--white);
  }
  .btn-danger{background:var(--red); color:#fff;}
  .btn-danger:hover{background:#c41f2b;}

  /* ===== PRODUCT DETAIL (urun-detay taslağı) ===== */
  .pdp-section{padding-top:8px;}
  .pdp-crumb{
    font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.03em;
    color:var(--ink-soft); padding:8px 0 18px; text-transform:uppercase;
  }
  .pdp-crumb a:hover{color:var(--cyan-deep);}
  .pdp-crumb i{font-style:normal; margin:0 8px; opacity:.45;}

  .pdp{
    display:grid;
    grid-template-columns:minmax(0,360px) minmax(0,1fr) 300px;
    gap:40px;
    align-items:start;
    padding-bottom:48px;
  }

  .pdp-gallery{position:sticky; top:96px; align-self:start;}
  .pdp-gallery__frame{
    border:1px solid var(--line);
    background:var(--white);
    clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
    overflow:hidden;
    padding:0;
  }
  .pdp-gallery__art{
    position:relative;
    height:470px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:26px;
  }
  .pdp-gallery__art--photo{
    align-items:center;
    justify-content:center;
    background:
      radial-gradient(ellipse 70% 55% at 50% 42%, rgba(0,135,156,.08), transparent 72%),
      linear-gradient(165deg, #f3f0ea 0%, var(--white) 52%, #ebe8e1 100%);
    padding:34px 28px;
  }
  .pdp-gallery__art--photo img{
    display:block;
    max-width:100%;
    max-height:100%;
    width:auto;
    object-fit:contain;
    filter:drop-shadow(0 22px 36px rgba(19,22,28,.22)) drop-shadow(0 6px 14px rgba(19,22,28,.08));
  }
  .pdp-gallery__badge{
    align-self:flex-start;
    background:rgba(255,255,255,.92);
    color:var(--ink);
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    padding:5px 10px;
    border-radius:2px;
    letter-spacing:.03em;
    text-transform:uppercase;
    z-index:2;
  }
  .pdp-gallery__art--photo .pdp-gallery__badge{
    position:absolute;
    top:18px;
    left:18px;
  }
  .pdp-gallery__art-copy{margin-top:auto;}
  .pdp-gallery__badge--pending{
    font-size:11px;
    line-height:1.25;
    max-width:calc(100% - 36px);
    white-space:normal;
    text-align:left;
  }
  .pdp-gallery__rule{
    width:56px; height:2px; background:rgba(255,255,255,.5); margin:0 0 14px;
  }
  .pdp-gallery__art h2{
    font-family:'Space Grotesk',sans-serif;
    color:#fff;
    font-size:clamp(24px, 2.4vw, 30px);
    font-weight:600;
    line-height:1.14;
    margin:0;
  }
  .pdp-gallery__author{
    display:block;
    color:rgba(255,255,255,.82);
    font-size:13px;
    margin-top:8px;
  }
  .pdp-gallery__thumbs{
    display:flex; gap:8px; margin-top:12px;
  }
  .pdp-gallery__thumb{
    position:relative;
    flex:1;
    min-width:0;
    height:56px;
    border:1px solid var(--line);
    background:var(--white);
    cursor:pointer;
    padding:0;
    overflow:hidden;
    opacity:.48;
    transition:border-color .2s ease, opacity .2s ease;
  }
  .pdp-gallery__thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .pdp-gallery__thumb:hover{
    border-color:var(--ink);
    opacity:.78;
  }
  .pdp-gallery__thumb.is-active{
    opacity:1;
    border-color:var(--cyan-deep);
  }
  .pdp-gallery__thumb.is-active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    background:var(--cyan-deep);
    pointer-events:none;
  }
  .pdp-gallery__note{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--ink-soft);
    margin-top:12px;
    text-align:center;
  }

  .pdp-eyebrow{
    font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.08em;
    color:var(--cyan-deep); text-transform:uppercase; display:block; margin-bottom:12px;
  }
  .pdp-title{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(20px,2.2vw,28px);
    font-weight:600;
    line-height:1.35;
    letter-spacing:-.015em;
    margin:0;
  }
  .pdp-byline{margin-top:12px; font-size:15px; color:var(--ink-soft);}
  .pdp-byline a{color:var(--ink); font-weight:600; border-bottom:1px solid var(--line);}
  .pdp-byline a:hover{color:var(--cyan-deep); border-color:var(--cyan-deep);}
  .pdp-byline em{font-style:normal; opacity:.4; margin:0 9px;}
  .pdp-subtitle{margin:12px 0 0; color:var(--ink-soft); font-size:15px; line-height:1.5;}

  .pdp-block-label{
    font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.08em;
    text-transform:uppercase; color:var(--ink-soft); margin:32px 0 12px; display:block;
  }

  .pdp-specs{
    border:1px solid var(--line);
    background:var(--white);
  }
  .pdp-specs__row{
    display:grid;
    grid-template-columns:40% minmax(0,1fr);
    border-bottom:1px solid var(--line);
  }
  .pdp-specs__row:last-child{border-bottom:none;}
  .pdp-specs__label,
  .pdp-specs__value{
    padding:11px 16px;
    font-size:13.5px;
    line-height:1.45;
  }
  .pdp-specs__label{
    color:var(--ink-soft);
    border-right:1px solid var(--line);
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px;
    letter-spacing:.03em;
    text-transform:uppercase;
  }
  .pdp-specs__value{font-weight:500; color:var(--ink);}
  .pdp-specs__value a{color:var(--cyan-deep); text-decoration:none; font-weight:600;}
  .pdp-specs__value a:hover{text-decoration:underline;}
  .pdp-specs__value .mono{
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;
    font-weight:500;
  }

  .pdp-desc__clamp.is-clamped{
    max-height:158px;
    overflow:hidden;
    position:relative;
  }
  .pdp-desc__clamp.is-clamped::after{
    content:'';
    position:absolute; inset:auto 0 0 0; height:72px;
    background:linear-gradient(transparent, var(--paper));
    pointer-events:none;
  }
  .pdp-desc__clamp{
    color:var(--ink-soft); font-size:14.8px; line-height:1.72;
    overflow-wrap:anywhere;
    word-break:break-word;
    max-width:100%;
  }
  .pdp-desc__clamp *{max-width:100%;}
  .pdp-desc__clamp p{margin:0 0 14px;}
  .pdp-desc__clamp p:last-child{margin-bottom:0;}
  .pdp-more{
    background:none; border:none; cursor:pointer;
    font-size:13.5px; font-weight:600; color:var(--ink);
    border-bottom:1px solid var(--ink); padding:0 0 2px; margin-top:10px;
  }
  .pdp-more:hover{color:var(--cyan-deep); border-color:var(--cyan-deep);}

  .pdp-buybox{
    position:sticky; top:96px; align-self:start;
    border:1px solid var(--line); background:var(--white);
    padding:24px 22px 22px;
    clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  }
  .pdp-buybox__label{
    font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.06em;
    text-transform:uppercase; color:var(--ink-soft); margin-bottom:4px;
  }
  .pdp-buybox__old{
    font-family:'JetBrains Mono',monospace; font-size:12.5px;
    color:var(--ink-soft); text-decoration:line-through;
  }
  .pdp-buybox__price-line{
    display:flex; align-items:center; gap:12px; margin:4px 0 6px; flex-wrap:wrap;
  }
  .pdp-buybox__price{
    font-family:'Space Grotesk',sans-serif; font-size:34px; font-weight:700; letter-spacing:-.03em;
  }
  .pdp-buybox__off{
    background:var(--red); color:#fff;
    font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:500;
    padding:4px 9px; letter-spacing:.03em;
  }
  .pdp-buybox__note{
    font-size:12.5px; color:var(--ink-soft); line-height:1.6; margin:0 0 18px;
  }
  .pdp-buybox__hint{
    font-size:12.5px; color:var(--ink-soft); margin:8px 0 0; line-height:1.5;
  }
  .pdp-buybox__last-order{
    font-size:12px; color:var(--ink-soft); margin:0 0 10px; line-height:1.4;
  }
  .pdp-buybox__form{margin:0;}
  .pdp-buybox .btn{margin-bottom:9px;}
  .pdp-buybox .btn-block{width:100%;}

  .pdp-stock{
    display:flex; align-items:center; gap:8px;
    font-size:13.5px; font-weight:600; color:var(--green); margin-bottom:10px;
  }
  .pdp-stock__dot{
    width:7px; height:7px; border-radius:50%; background:var(--green);
    box-shadow:0 0 0 3px rgba(15,138,83,.15);
  }
  .pdp-ship{
    background:var(--surface); border-left:2px solid var(--cyan);
    padding:12px 14px; font-size:12.8px; line-height:1.6;
    color:var(--ink-soft); margin-bottom:18px;
  }
  .pdp-ship b{color:var(--ink);}

  .pdp-qty{
    display:flex; border:1px solid var(--line); width:fit-content; margin-bottom:14px;
  }
  .pdp-qty button{
    width:40px; height:42px; background:var(--surface); border:none; cursor:pointer;
    font-size:17px; color:var(--ink); font-family:'JetBrains Mono',monospace;
  }
  .pdp-qty button:hover{background:var(--ink); color:#fff;}
  .pdp-qty input{
    width:52px; height:42px; text-align:center; border:none;
    border-left:1px solid var(--line); border-right:1px solid var(--line);
    font-family:'JetBrains Mono',monospace; font-size:14px; outline:none; background:var(--white);
    -moz-appearance:textfield;
  }
  .pdp-qty input::-webkit-outer-spin-button,
  .pdp-qty input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}

  .pdp-trust{
    list-style:none; margin:12px 0 0; padding:18px 0 0;
    border-top:1px solid var(--line);
  }
  .pdp-trust li{
    display:flex; gap:10px; align-items:flex-start;
    font-size:12.5px; color:var(--ink-soft); margin-bottom:10px;
  }
  .pdp-trust li::before{content:'✓'; color:var(--cyan-deep); font-weight:700; line-height:1.4;}
  .pdp-trust li:last-child{margin-bottom:0;}

  .pdp-related{margin-top:40px; padding-top:48px; border-top:1px solid var(--line);}

  .pdp-mobile-bar{
    display:none; position:fixed; left:0; right:0; bottom:0; z-index:60;
    background:rgba(251,251,250,.96); backdrop-filter:blur(10px);
    border-top:1px solid var(--line); padding:11px 18px;
    align-items:center; gap:14px;
  }
  .pdp-mobile-bar__price{
    font-family:'Space Grotesk',sans-serif; font-size:21px; font-weight:700; letter-spacing:-.02em;
  }
  .pdp-mobile-bar__stock{
    font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--green);
  }
  .pdp-mobile-bar .btn{flex:1; padding:13px;}

  .product-description{
    margin-top:36px; padding-top:28px; border-top:1px solid var(--line);
    color:var(--ink-soft); line-height:1.75; font-size:14.5px;
  }
  .product-description p{margin:0 0 1em;}
  .product-description p:last-child{margin-bottom:0;}
  .product-description ul.product-desc-list,
  .product-description ul.list-check{
    list-style:none; margin:0; padding:0;
  }
  .product-description ul.product-desc-list li,
  .product-description ul.list-check li{
    position:relative; padding-left:1.1em; margin-bottom:.55em;
  }
  .product-description ul.product-desc-list li::before,
  .product-description ul.list-check li::before{
    content:"–"; position:absolute; left:0; color:var(--cyan-deep); font-weight:600;
  }

  /* ===== CONFIRM MODAL ===== */
  .modal-v2{
    position:fixed; inset:0; z-index:100;
    display:flex; align-items:center; justify-content:center;
    padding:20px; opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .2s ease, visibility .2s ease;
  }
  .modal-v2.is-open{opacity:1; visibility:visible; pointer-events:auto;}
  .modal-v2__backdrop{
    position:absolute; inset:0; background:rgba(19,22,28,.45);
    backdrop-filter:blur(4px);
  }
  .modal-v2__panel{
    position:relative; z-index:1; width:100%; max-width:400px;
    background:var(--white); border:1px solid var(--line);
    padding:28px 26px 22px;
    clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
    box-shadow:0 24px 60px -28px rgba(19,22,28,.55);
    transform:translateY(10px) scale(.98);
    transition:transform .22s ease;
  }
  .modal-v2.is-open .modal-v2__panel{transform:translateY(0) scale(1);}
  .modal-v2__icon{
    width:44px; height:44px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#fff5f5; color:var(--red); margin-bottom:14px;
  }
  .modal-v2__icon[data-tone="logout"]{
    background:#eef8fa; color:var(--cyan-deep);
  }
  .modal-v2__icon svg{display:none;}
  .modal-v2__icon[data-tone="danger"] .modal-v2__icon-danger{display:block;}
  .modal-v2__icon[data-tone="logout"] .modal-v2__icon-logout{display:block;}
  .modal-v2__title{
    font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:700;
    letter-spacing:-.02em; margin:0 0 8px;
  }
  .modal-v2__text{
    margin:0; color:var(--ink-soft); font-size:14.5px; line-height:1.55;
  }
  .modal-v2__actions{
    display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-top:22px;
  }
  .modal-v2__actions .btn{padding:11px 18px; font-size:13.5px;}
  .hero-stats{display:flex; gap:28px; margin-top:44px;}
  .hero-stats div{border-left:2px solid var(--line); padding-left:14px;}
  .hero-stats strong{display:block; font-family:'Space Grotesk',sans-serif; font-size:22px;}
  .hero-stats span{font-size:12px; color:var(--ink-soft);}

  /* hero visual: StPageFlip book */
  .hero-visual{
    position:relative;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden; max-width:100%;
    background:var(--paper);
  }
  .hero-book{
    margin:0 auto; flex:0 0 auto;
    max-width:100%;
    overflow:hidden;
  }
  .hero-book .stf__outerShadow,
  .hero-book .stf__innerShadow,
  .hero-book .stf__hardShadow,
  .hero-book .stf__hardInnerShadow{
    display:none !important;
  }
  .hero-book .stf__parent,
  .hero-book .sft__wrapper,
  .hero-book .stf__wrapper,
  .hero-book .stf__block{
    overflow:hidden !important;
  }
  .hero-book:not(.stf__parent){
    width:min(100%, 560px); min-height:390px;
    display:flex; align-items:center; justify-content:center;
    color:var(--ink-soft); font-size:14px;
  }
  .hero-book:not(.stf__parent) > .page{display:none;}
  .hero-book:not(.stf__parent)::before{content:"Kitap yükleniyor…";}
  .hero-book--static{
    width:min(100%, 280px);
    filter:none;
  }
  .hero-book--static > .page{display:block;}
  .hero-book--static::before{content:none;}
  .hero-book-page{
    background:#fff; border:1px solid var(--line);
    box-sizing:border-box; overflow:hidden;
    border-radius:8px;
  }
  .hero-book-page__link{
    display:flex; flex-direction:column; height:100%;
    text-decoration:none; color:inherit;
  }
  .hero-book-page__cover{
    flex:1 1 auto; min-height:250px;
    background:#fff center/contain no-repeat;
  }
  .hero-book-page__meta{
    position:relative; padding:18px 16px 16px;
    display:flex; flex-direction:column; gap:4px;
  }
  .hero-book-page__meta::before{
    content:""; position:absolute; left:0; right:0; top:-56px; bottom:0; z-index:-1;
    background:linear-gradient(180deg, transparent, rgba(15,20,28,.88));
    pointer-events:none;
  }
  .hero-book-page__eyebrow{
    font-family:'JetBrains Mono',monospace; font-size:10px;
    letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.82);
  }
  .hero-book-page__title{
    font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:700;
    line-height:1.15; margin:0; color:#fff;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .hero-book-page__price{
    font-family:'JetBrains Mono',monospace;
    font-size:15px; font-weight:600; color:#fff;
  }
  .hero-page-price{
    display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-top:4px;
  }
  .hero-book-page__price-old{
    font-family:'JetBrains Mono',monospace;
    font-size:13px; font-weight:500; color:rgba(255,255,255,.55);
    text-decoration:line-through;
  }

  /* ===== HERO SLIDER ===== */
  .hero-slider{
    width:100%;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--line);
    background:var(--paper);
  }
  .hero-slider__viewport{overflow:hidden; width:100%;}
  .hero-slider__track{
    display:flex;
    width:100%;
    transition:transform .65s cubic-bezier(.4,0,.2,1);
  }
  .hero-slider__slide{
    flex:0 0 100%;
    width:100%;
    min-height:clamp(420px, 52vw, 560px);
    background-color:var(--paper);
    background-image:var(--hero-bg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
  }
  .hero-slider__slide:not([style*="--hero-bg"]){
    background-image:none;
  }
  .hero-slider__slide::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(250,248,244,.94) 0%, rgba(250,248,244,.82) 45%, rgba(250,248,244,.35) 100%);
    pointer-events:none;
  }
  .hero-slider__inner{
    position:relative; z-index:1;
    width:100%;
    max-width:min(1400px, 100%);
    margin:0 auto;
    padding:64px clamp(28px, 4vw, 56px) 72px clamp(72px, 9vw, 128px);
    display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
    gap:clamp(24px, 4vw, 48px); align-items:center;
    min-height:inherit;
  }
  .hero-slider__copy .eyebrow{
    font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.08em;
    color:var(--cyan-deep); text-transform:uppercase; margin-bottom:18px; display:block;
  }
  .hero-slider__copy h1{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(32px,4.5vw,54px);
    font-weight:700; line-height:1.05; letter-spacing:-.02em;
    max-width:560px; margin:0;
  }
  .hero-slider__desc{
    margin-top:20px; font-size:16px; color:var(--ink-soft);
    max-width:480px; line-height:1.6;
  }
  .hero-slider__desc ul{
    list-style:none; margin:0; padding:0;
  }
  .hero-slider__desc li{
    position:relative; padding-left:1.1em; margin-bottom:.45em;
  }
  .hero-slider__desc li::before{
    content:"–"; position:absolute; left:0; color:var(--cyan-deep); font-weight:600;
  }
  .hero-slider__price{
    font-family:'JetBrains Mono',monospace;
    font-size:20px; font-weight:600; color:var(--ink);
  }
  .hero-slider__price-old{
    font-family:'JetBrains Mono',monospace;
    font-size:15px; font-weight:500; color:var(--ink-soft);
    text-decoration:line-through;
  }
  .hero-slider__cta{
    display:flex; gap:14px; margin-top:28px; align-items:center; flex-wrap:wrap;
  }
  .hero-slider__media{
    display:flex; align-items:center; justify-content:flex-end;
    min-height:280px;
    padding-right:clamp(8px, 2vw, 32px);
  }
  .hero-slider__media-link{display:block; max-width:100%;}
  .hero-slider__media img{
    max-width:min(100%, 440px);
    max-height:min(52vh, 520px);
    width:auto; height:auto;
    object-fit:contain;
    filter:drop-shadow(0 24px 48px rgba(19,22,28,.18));
  }
  .hero-slider__arrow{
    position:absolute; top:50%; transform:translateY(-50%);
    z-index:2; width:44px; height:44px;
    border-radius:50%; border:1px solid var(--line);
    background:rgba(255,255,255,.92); color:var(--ink);
    font-size:24px; line-height:1; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .hero-slider__arrow:hover{
    background:#fff; border-color:var(--ink); transform:translateY(-50%) scale(1.04);
  }
  .hero-slider__arrow--prev{left:max(16px, calc(50% - min(700px, 50vw) + 16px));}
  .hero-slider__arrow--next{right:max(16px, calc(50% - min(700px, 50vw) + 16px));}
  .hero-slider__dots{
    position:absolute; left:50%; bottom:22px; transform:translateX(-50%);
    display:flex; gap:8px; z-index:2;
  }
  .hero-slider__dot{
    width:10px; height:10px; padding:0; border:none; border-radius:50%;
    background:rgba(19,22,28,.18); cursor:pointer;
    transition:background .2s ease, transform .2s ease;
  }
  .hero-slider__dot.is-active{
    background:var(--cyan-deep); transform:scale(1.15);
  }
  .hero--slider-fallback{
    grid-template-columns:1fr;
    padding-top:72px; padding-bottom:72px;
  }

  /* ===== CATEGORY STRIP ===== */
  .cat-strip-outer{
    width:100vw;
    margin-left:calc(50% - 50vw);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    overflow:visible;
    position:relative;
    z-index:45;
    background:var(--white);
  }
  .cat-scroller{
    position:relative;
    max-width:1240px;
    margin:0 auto;
    overflow:visible;
    z-index:47;
  }
  .cat-strip{
    display:flex; gap:10px; padding:22px 44px;
    overflow-x:auto; overflow-y:visible;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .cat-strip::-webkit-scrollbar{display:none; width:0; height:0;}
  .cat-scroller::before,
  .cat-scroller::after{
    content:'';
    position:absolute; top:0; bottom:0; width:48px; z-index:2;
    pointer-events:none; opacity:0;
    transition:opacity .2s ease;
  }
  .cat-scroller::before{
    left:0;
    background:linear-gradient(to right, var(--paper) 20%, transparent);
  }
  .cat-scroller::after{
    right:0;
    background:linear-gradient(to left, var(--paper) 20%, transparent);
  }
  .cat-strip-outer .cat-scroller::before{
    background:linear-gradient(to right, var(--white) 20%, transparent);
  }
  .cat-strip-outer .cat-scroller::after{
    background:linear-gradient(to left, var(--white) 20%, transparent);
  }
  .cat-scroller.is-overflow[data-left="1"]::before{opacity:1;}
  .cat-scroller.is-overflow[data-right="1"]::after{opacity:1;}
  .cat-scroller__btn{
    position:absolute; top:50%; transform:translateY(-50%);
    z-index:48; width:34px; height:34px;
    border:1px solid var(--line); border-radius:50%;
    background:var(--white); color:var(--ink);
    display:none; align-items:center; justify-content:center;
    cursor:pointer; box-shadow:0 2px 8px rgba(19,22,28,.08);
    font-size:18px; line-height:1; padding:0;
  }
  .cat-scroller.is-overflow .cat-scroller__btn{display:flex;}
  .cat-scroller__btn:hover{border-color:var(--ink); background:var(--ink); color:#fff;}
  .cat-scroller__btn:disabled{opacity:.35; cursor:default; pointer-events:none;}
  .cat-scroller__btn--prev{left:6px;}
  .cat-scroller__btn--next{right:6px;}
  .cat-chip{
    font-size:13.5px; font-weight:500; white-space:nowrap;
    padding:9px 18px; border:1px solid var(--line); border-radius:999px;
    cursor:pointer; flex:0 0 auto;
    color:inherit; text-decoration:none; display:inline-flex; align-items:center; gap:6px;
  }
  .cat-chip.active{background:var(--ink); color:#fff; border-color:var(--ink);}
  .cat-chip:not(.active):hover{border-color:var(--ink);}
  .cat-chip-wrap{
    position:relative;
    flex:0 0 auto;
  }
  .cat-chip-wrap--has-menu:hover,
  .cat-chip-wrap--has-menu:focus-within,
  .cat-chip-wrap--has-menu.is-active{
    z-index:40;
  }
  .cat-chip__caret{
    font-size:10px;
    opacity:.55;
    line-height:1;
    margin-top:1px;
  }
  .cat-mega-panels{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
    z-index:40;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:0 12px 32px rgba(19,22,28,.08);
    pointer-events:none;
  }
  .cat-mega-panels:has(.cat-mega-panel.is-open){
    pointer-events:auto;
  }
  .cat-mega-panels:not(:has(.cat-mega-panel.is-open)){
    display:none;
  }
  .cat-mega-panel{
    display:none;
  }
  .cat-mega-panel.is-open{
    display:block;
  }
  .cat-mega-panel__inner{
    padding-top:8px;
    padding-bottom:32px;
    max-width:none;
    margin:0;
    padding-left:32px;
    padding-right:32px;
  }
  .cat-mega-grid{
    column-count:4;
    column-gap:48px;
  }
  .cat-mega-link{
    display:flex;
    align-items:center;
    gap:10px;
    break-inside:avoid;
    padding:8px 0;
    font-size:14px;
    line-height:1.35;
    color:var(--ink);
    text-decoration:none;
  }
  .cat-mega-link__icon{
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:var(--surface);
    color:var(--cyan-deep);
  }
  .cat-mega-link__icon svg{
    width:14px;
    height:14px;
    display:block;
  }
  .cat-mega-link:hover .cat-mega-link__icon,
  .cat-mega-link:focus-visible .cat-mega-link__icon{
    background:var(--cyan);
    color:var(--white);
  }
  .cat-mega-link:hover,
  .cat-mega-link:focus-visible{
    color:var(--cyan-deep);
  }
  @media (max-width:980px){
    .cat-mega-grid{column-count:3; column-gap:32px;}
    .cat-mega-panel__inner{padding-left:18px; padding-right:18px;}
  }
  @media (max-width:640px){
    .cat-mega-grid{column-count:2; column-gap:24px;}
    .cat-mega-panel__inner{padding-bottom:24px;}
  }

  /* ===== SECTION HEADERS ===== */
  .section{padding:72px 32px;}
  .section-head{
    display:flex; justify-content:space-between; align-items:flex-end;
    margin-bottom:36px; gap:20px; flex-wrap:wrap;
  }
  .section-head h2{
    font-family:'Space Grotesk',sans-serif; font-size:30px; font-weight:600; letter-spacing:-.01em;
  }
  .section-head .tag{
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--cyan-deep);
    text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:8px;
  }
  .see-all{font-size:13.5px; font-weight:600; border-bottom:1px solid var(--ink); padding-bottom:2px;}

  /* ===== PRODUCT GRID ===== */
  .grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
  }
  .book-card{
    padding:1px;
    box-sizing:border-box;
    transition:transform .3s ease, box-shadow .3s ease;
    display:flex;
    flex-direction:column;
    color:inherit;
    text-decoration:none;
  }
  .book-card__inner{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    overflow:hidden;
  }
  .book-card-link{
    display:block; color:inherit; text-decoration:none;
  }
  a.stack-card{ color:inherit; text-decoration:none; }
  .book-card:hover{transform:translateY(-6px); box-shadow:0 24px 40px -24px rgba(19,22,28,.3);}
  .book-cover{
    --book-ratio:2 / 3;
    position:relative;
    aspect-ratio:var(--book-ratio);
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:8px;
    box-sizing:border-box;
  }
  .book-cover--photo{
    --book-ratio:4 / 5;
    padding:6px;
    align-items:flex-start;
    background:linear-gradient(180deg,#f6f4ef 0%,#ebe8e1 100%);
  }
  .book-cover--photo .book-cover__img{
    object-position:center top;
  }
  .book-cover--photo .book-cover__discount,
  .book-cover--photo .badge{
    top:10px;
    left:10px;
  }
  .book-cover__img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 12px 20px rgba(19,22,28,.14));
  }
  .book-cover__placeholder{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
  }
  .book-cover .badge.badge-pending{
    font-size:9.5px;
    line-height:1.25;
    padding:5px 8px;
    max-width:calc(100% - 24px);
    white-space:normal;
    text-align:left;
  }
  .book-cover .badge{
    position:absolute;
    top:12px;
    left:12px;
    z-index:3;
    align-self:auto;
    background:rgba(255,255,255,.92);
    color:var(--ink);
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    padding:5px 10px;
    border-radius:2px;
    box-sizing:border-box;
    pointer-events:none;
  }
  .book-cover h3{
    font-family:'Space Grotesk',sans-serif; color:#fff; font-size:17px; font-weight:600; line-height:1.2;
  }
  .book-cover .author{color:rgba(255,255,255,.82); font-size:11.5px; margin-top:4px;}
  .book-info{padding:14px 16px 18px; display:flex; flex-direction:column; gap:8px; flex:1;}
  .book-card__title{
    margin:0;
    font-family:'Space Grotesk',sans-serif;
    font-size:15px;
    font-weight:600;
    line-height:1.3;
  }
  .book-card__title a{
    color:inherit;
    text-decoration:none;
  }
  .book-card__title a:hover{color:var(--cyan-deep);}
  .book-card__author{
    font-size:12.5px;
    color:var(--ink-soft);
    line-height:1.35;
  }
  .book-card__last-order{
    display:block;
    font-size:10px;
    color:var(--ink-soft);
    line-height:1.35;
    margin:2px 0 0;
    font-family:'JetBrains Mono',monospace;
  }
  .stars{font-size:11px; color:var(--ink-soft); font-family:'JetBrains Mono',monospace;}
  .price-row{display:flex; align-items:center; justify-content:space-between; margin-top:auto;}
  .price{font-family:'JetBrains Mono',monospace; font-size:15px; font-weight:500;}
  .price .old{color:var(--ink-soft); text-decoration:line-through; font-size:12px; margin-right:6px;}
  .add-btn{
    width:34px; height:34px; border-radius:50%; border:1px solid var(--ink);
    background:transparent; cursor:pointer; flex:0 0 auto;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--ink); position:relative; z-index:2;
  }
  .add-btn svg{display:block;}
  .add-btn .add-btn__check{display:none;}
  .add-btn.is-added{background:var(--cyan-deep); border-color:var(--cyan-deep); color:#fff;}
  .add-btn.is-added .add-btn__cart{display:none;}
  .add-btn.is-added .add-btn__check{display:block;}
  .add-btn:hover{background:var(--ink); color:#fff;}
  .add-btn:disabled{opacity:.65; cursor:wait;}

  /* palette rotation for covers */
  .c1{background:linear-gradient(155deg,#0f2f36,#00879c);}
  .c2{background:linear-gradient(155deg,#2a1216,#7a2028);}
  .c3{background:linear-gradient(155deg,#151821,#39424f);}
  .c4{background:linear-gradient(155deg,#083236,#00b3c6);}
  .c5{background:linear-gradient(155deg,#241417,#e5303d);}
  .c6{background:linear-gradient(155deg,#101215,#2c3138);}
  .c7{background:linear-gradient(155deg,#092b2f,#0a5f6b);}
  .c8{background:linear-gradient(155deg,#2e1010,#b4272f);}

  /* ===== CAMPAIGN BANNER ===== */
  .campaign{
    margin:0 32px; background:var(--ink); color:#fff;
    display:grid; grid-template-columns:1.2fr 1fr; align-items:center;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%);
    overflow:hidden; position:relative;
  }
  .campaign::before{
    content:''; position:absolute; right:-60px; top:-60px; width:280px; height:280px;
    background:radial-gradient(circle, var(--cyan) 0%, transparent 70%); opacity:.35;
  }
  .campaign-copy{padding:56px; position:relative; z-index:2;}
  .campaign-copy .tag{font-family:'JetBrains Mono',monospace; color:var(--cyan); font-size:12px; letter-spacing:.08em; text-transform:uppercase;}
  .campaign-copy h3{font-family:'Space Grotesk',sans-serif; font-size:34px; font-weight:700; margin:14px 0 10px; max-width:420px;}
  .campaign-copy p{color:rgba(255,255,255,.7); max-width:380px; font-size:14.5px; line-height:1.6; margin-bottom:26px;}
  .campaign-visual{
    position:relative;
    height:100%; min-height:260px;
    background:
      radial-gradient(ellipse 85% 75% at 72% 42%, rgba(0, 179, 198, 0.24) 0%, transparent 58%),
      radial-gradient(ellipse 55% 65% at 18% 78%, rgba(1, 122, 137, 0.16) 0%, transparent 52%),
      linear-gradient(155deg, #1a1f28 0%, #2a3140 52%, #232a36 100%);
    display:flex; align-items:center; justify-content:center;
    padding:28px 32px;
    overflow:visible;
    isolation:isolate;
  }
  .campaign-visual::before{
    content:'';
    position:absolute; inset:0;
    background-image:url('../images/girih-pattern.png');
    background-size:210px 210px;
    background-repeat:repeat;
    background-position:center;
    opacity:.28;
    filter:invert(1) brightness(1.9) sepia(.2) hue-rotate(145deg) saturate(2);
    pointer-events:none;
  }
  .campaign-visual::after{
    content:'';
    position:absolute; inset:0;
    background:
      linear-gradient(90deg, rgba(19,22,28,.55) 0%, rgba(19,22,28,.12) 30%, transparent 50%),
      radial-gradient(ellipse 75% 85% at 80% 50%, rgba(0, 179, 198, 0.14) 0%, transparent 65%);
    pointer-events:none;
  }
  .campaign-visual .stamp{
    position:relative;
    z-index:1;
    font-family:'JetBrains Mono',monospace; color:var(--red); border:2px solid var(--red);
    padding:18px 30px; font-size:26px; font-weight:700; transform:rotate(-8deg); letter-spacing:.05em;
  }
  .campaign-covers{
    --cover-w:112px;
    position:relative;
    z-index:1;
    width:min(100%, 420px);
    height:268px;
    margin-inline:auto;
  }
  .campaign-covers[data-count="5"],
  .campaign-covers[data-count="6"]{
    --cover-w:96px;
    width:min(100%, 460px);
    height:250px;
  }
  .campaign-cover{
    position:absolute;
    top:50%;
    left:50%;
    width:var(--cover-w);
    aspect-ratio:2 / 3;
    display:block;
    padding:10px;
    border-radius:12px;
    background:
      linear-gradient(180deg, #ffffff 0%, #f4f2ee 100%);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:
      0 2px 0 rgba(255,255,255,.35) inset,
      0 18px 34px -16px rgba(0,0,0,.72),
      0 8px 16px -12px rgba(0,179,198,.35);
    transform-origin:50% 80%;
    transition:
      transform .32s cubic-bezier(.22,.7,.25,1),
      box-shadow .32s ease,
      opacity .28s ease,
      filter .28s ease;
    will-change:transform, opacity, filter;
  }
  .campaign-cover__img{
    display:block;
    width:100%;
    height:100%;
    border-radius:4px;
    background-color:#e8eaee;
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    box-shadow:inset 0 0 0 1px rgba(19,22,28,.06);
  }
  .campaign-cover__img--empty{
    background:
      linear-gradient(155deg, #dfe4ea 0%, #c9d0d8 100%);
  }

  /* 4 kapak */
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(1){
    z-index:2;
    transform:translate(-118%, -56%) rotate(-16deg);
    animation:campaign-float-4a 5.6s ease-in-out infinite;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(2){
    z-index:3;
    transform:translate(-78%, -54%) rotate(-6deg);
    animation:campaign-float-4b 5s ease-in-out infinite;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(3){
    z-index:4;
    transform:translate(-28%, -54%) rotate(6deg);
    animation:campaign-float-4c 5.2s ease-in-out infinite;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(4){
    z-index:2;
    transform:translate(12%, -56%) rotate(16deg);
    animation:campaign-float-4d 5.8s ease-in-out infinite;
  }

  /* 5 kapak */
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(1){
    z-index:1;
    transform:translate(-130%, -55%) rotate(-18deg);
    animation:campaign-float-5a 5.6s ease-in-out infinite;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(2){
    z-index:2;
    transform:translate(-95%, -53%) rotate(-9deg);
    animation:campaign-float-5b 5.1s ease-in-out infinite;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(3){
    z-index:4;
    transform:translate(-50%, -52%) rotate(0deg);
    animation:campaign-float-5c 4.8s ease-in-out infinite;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(4){
    z-index:3;
    transform:translate(-5%, -53%) rotate(9deg);
    animation:campaign-float-5d 5.2s ease-in-out infinite;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(5){
    z-index:1;
    transform:translate(30%, -55%) rotate(18deg);
    animation:campaign-float-5e 5.7s ease-in-out infinite;
  }

  /* 6 kapak */
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(1){
    z-index:1;
    transform:translate(-138%, -54%) rotate(-20deg);
    animation:campaign-float-6a 5.8s ease-in-out infinite;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(2){
    z-index:2;
    transform:translate(-108%, -53%) rotate(-12deg);
    animation:campaign-float-6b 5.4s ease-in-out infinite;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(3){
    z-index:4;
    transform:translate(-72%, -52%) rotate(-4deg);
    animation:campaign-float-6c 5s ease-in-out infinite;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(4){
    z-index:5;
    transform:translate(-28%, -52%) rotate(4deg);
    animation:campaign-float-6d 4.9s ease-in-out infinite;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(5){
    z-index:3;
    transform:translate(8%, -53%) rotate(12deg);
    animation:campaign-float-6e 5.3s ease-in-out infinite;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(6){
    z-index:1;
    transform:translate(38%, -54%) rotate(20deg);
    animation:campaign-float-6f 5.9s ease-in-out infinite;
  }

  /* 3 kapak */
  .campaign-covers[data-count="3"] .campaign-cover:nth-child(1){
    z-index:3;
    transform:translate(-92%, -58%) rotate(-14deg);
    animation:campaign-float-a 5.6s ease-in-out infinite;
  }
  .campaign-covers[data-count="3"] .campaign-cover:nth-child(2){
    z-index:4;
    transform:translate(-50%, -54%) rotate(0deg);
    animation:campaign-float-b 4.8s ease-in-out infinite;
  }
  .campaign-covers[data-count="3"] .campaign-cover:nth-child(3){
    z-index:2;
    transform:translate(-8%, -58%) rotate(14deg);
    animation:campaign-float-c 5.2s ease-in-out infinite;
  }

  .campaign-covers[data-count="1"] .campaign-cover:nth-child(1){
    z-index:3;
    transform:translate(-50%, -54%) rotate(-3deg);
  }
  .campaign-covers[data-count="2"] .campaign-cover:nth-child(1){
    z-index:3;
    transform:translate(-88%, -56%) rotate(-10deg);
    animation:campaign-float-a 5.6s ease-in-out infinite;
  }
  .campaign-covers[data-count="2"] .campaign-cover:nth-child(2){
    z-index:4;
    transform:translate(-18%, -56%) rotate(10deg);
    animation:campaign-float-c 5.2s ease-in-out infinite;
  }

  /* Hover: seçili kapak öne, diğerleri soluk */
  .campaign-covers:has(.campaign-cover:hover) .campaign-cover:not(:hover){
    opacity:.28;
    filter:saturate(.55) brightness(.72);
    z-index:1 !important;
  }
  .campaign-cover:hover,
  .campaign-cover:focus-visible{
    z-index:50 !important;
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    outline:none;
    box-shadow:
      0 0 0 2px rgba(0,179,198,.55),
      0 2px 0 rgba(255,255,255,.5) inset,
      0 34px 56px -16px rgba(0,0,0,.85),
      0 16px 28px -12px rgba(0,179,198,.5);
  }
  .campaign-covers[data-count="1"] .campaign-cover:hover{
    transform:translate(-50%, -66%) rotate(0deg) scale(1.22) !important;
  }
  .campaign-covers[data-count="2"] .campaign-cover:nth-child(1):hover{
    transform:translate(-88%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="2"] .campaign-cover:nth-child(2):hover{
    transform:translate(-18%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="3"] .campaign-cover:nth-child(1):hover{
    transform:translate(-92%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="3"] .campaign-cover:nth-child(2):hover{
    transform:translate(-50%, -66%) rotate(0deg) scale(1.22) !important;
  }
  .campaign-covers[data-count="3"] .campaign-cover:nth-child(3):hover{
    transform:translate(-8%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(1):hover{
    transform:translate(-118%, -66%) rotate(0deg) scale(1.18) !important;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(2):hover{
    transform:translate(-78%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(3):hover{
    transform:translate(-28%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="4"] .campaign-cover:nth-child(4):hover{
    transform:translate(12%, -66%) rotate(0deg) scale(1.18) !important;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(1):hover{
    transform:translate(-130%, -66%) rotate(0deg) scale(1.16) !important;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(2):hover{
    transform:translate(-95%, -66%) rotate(0deg) scale(1.18) !important;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(3):hover{
    transform:translate(-50%, -66%) rotate(0deg) scale(1.2) !important;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(4):hover{
    transform:translate(-5%, -66%) rotate(0deg) scale(1.18) !important;
  }
  .campaign-covers[data-count="5"] .campaign-cover:nth-child(5):hover{
    transform:translate(30%, -66%) rotate(0deg) scale(1.16) !important;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(1):hover{
    transform:translate(-138%, -66%) rotate(0deg) scale(1.14) !important;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(2):hover{
    transform:translate(-108%, -66%) rotate(0deg) scale(1.16) !important;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(3):hover{
    transform:translate(-72%, -66%) rotate(0deg) scale(1.18) !important;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(4):hover{
    transform:translate(-28%, -66%) rotate(0deg) scale(1.18) !important;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(5):hover{
    transform:translate(8%, -66%) rotate(0deg) scale(1.16) !important;
  }
  .campaign-covers[data-count="6"] .campaign-cover:nth-child(6):hover{
    transform:translate(38%, -66%) rotate(0deg) scale(1.14) !important;
  }

  @keyframes campaign-float-4a{
    0%,100%{ transform:translate(-118%, -56%) rotate(-16deg); }
    50%{ transform:translate(-118%, -60%) rotate(-14deg); }
  }
  @keyframes campaign-float-4b{
    0%,100%{ transform:translate(-78%, -54%) rotate(-6deg); }
    50%{ transform:translate(-78%, -58%) rotate(-4deg); }
  }
  @keyframes campaign-float-4c{
    0%,100%{ transform:translate(-28%, -54%) rotate(6deg); }
    50%{ transform:translate(-28%, -58%) rotate(4deg); }
  }
  @keyframes campaign-float-4d{
    0%,100%{ transform:translate(12%, -56%) rotate(16deg); }
    50%{ transform:translate(12%, -60%) rotate(14deg); }
  }
  @keyframes campaign-float-5a{
    0%,100%{ transform:translate(-130%, -55%) rotate(-18deg); }
    50%{ transform:translate(-130%, -59%) rotate(-16deg); }
  }
  @keyframes campaign-float-5b{
    0%,100%{ transform:translate(-95%, -53%) rotate(-9deg); }
    50%{ transform:translate(-95%, -57%) rotate(-7deg); }
  }
  @keyframes campaign-float-5c{
    0%,100%{ transform:translate(-50%, -52%) rotate(0deg); }
    50%{ transform:translate(-50%, -56%) rotate(1deg); }
  }
  @keyframes campaign-float-5d{
    0%,100%{ transform:translate(-5%, -53%) rotate(9deg); }
    50%{ transform:translate(-5%, -57%) rotate(7deg); }
  }
  @keyframes campaign-float-5e{
    0%,100%{ transform:translate(30%, -55%) rotate(18deg); }
    50%{ transform:translate(30%, -59%) rotate(16deg); }
  }
  @keyframes campaign-float-6a{
    0%,100%{ transform:translate(-138%, -54%) rotate(-20deg); }
    50%{ transform:translate(-138%, -58%) rotate(-18deg); }
  }
  @keyframes campaign-float-6b{
    0%,100%{ transform:translate(-108%, -53%) rotate(-12deg); }
    50%{ transform:translate(-108%, -57%) rotate(-10deg); }
  }
  @keyframes campaign-float-6c{
    0%,100%{ transform:translate(-72%, -52%) rotate(-4deg); }
    50%{ transform:translate(-72%, -56%) rotate(-2deg); }
  }
  @keyframes campaign-float-6d{
    0%,100%{ transform:translate(-28%, -52%) rotate(4deg); }
    50%{ transform:translate(-28%, -56%) rotate(2deg); }
  }
  @keyframes campaign-float-6e{
    0%,100%{ transform:translate(8%, -53%) rotate(12deg); }
    50%{ transform:translate(8%, -57%) rotate(10deg); }
  }
  @keyframes campaign-float-6f{
    0%,100%{ transform:translate(38%, -54%) rotate(20deg); }
    50%{ transform:translate(38%, -58%) rotate(18deg); }
  }
  @keyframes campaign-float-a{
    0%,100%{ transform:translate(-92%, -58%) rotate(-14deg); }
    50%{ transform:translate(-92%, -62%) rotate(-12deg); }
  }
  @keyframes campaign-float-b{
    0%,100%{ transform:translate(-50%, -54%) rotate(0deg); }
    50%{ transform:translate(-50%, -58%) rotate(1deg); }
  }
  @keyframes campaign-float-c{
    0%,100%{ transform:translate(-8%, -58%) rotate(14deg); }
    50%{ transform:translate(-8%, -62%) rotate(12deg); }
  }
  @media (prefers-reduced-motion: reduce){
    .campaign-cover{animation:none !important;}
  }
  .grid--scroll{
    display:flex;
    overflow-x:auto;
    gap:24px;
    padding-bottom:4px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .grid--scroll::-webkit-scrollbar{display:none;}
  .grid--scroll .book-card{
    flex:0 0 min(260px, 72vw);
    scroll-snap-align:start;
  }

  /* ===== SHOWCASE (VİTRİN) ===== */
  .showcase-section .section-head{align-items:center;}
  .showcase-nav{display:flex; gap:8px; align-items:center;}
  .showcase-nav__btn{
    width:38px; height:38px;
    border:1px solid var(--line); border-radius:50%;
    background:var(--white); color:var(--ink);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; font-size:20px; line-height:1; padding:0;
    transition:border-color .2s ease, background .2s ease, color .2s ease;
  }
  .showcase-nav__btn:hover:not(:disabled){
    border-color:var(--ink); background:var(--ink); color:#fff;
  }
  .showcase-nav__btn:disabled{opacity:.35; cursor:default;}
  .showcase-sliders{display:flex; flex-direction:column; gap:24px;}
  .showcase-scroller{position:relative;}
  .showcase-scroller::before,
  .showcase-scroller::after{
    content:''; position:absolute; top:0; bottom:0; width:40px; z-index:2;
    pointer-events:none; opacity:0; transition:opacity .2s ease;
  }
  .showcase-scroller::before{
    left:0;
    background:linear-gradient(to right, var(--paper) 25%, transparent);
  }
  .showcase-scroller::after{
    right:0;
    background:linear-gradient(to left, var(--paper) 25%, transparent);
  }
  .showcase-scroller[data-left="1"]::before{opacity:1;}
  .showcase-scroller[data-right="1"]::after{opacity:1;}
  .showcase-track{
    display:flex; gap:24px;
    overflow-x:auto; overflow-y:hidden;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:2px;
  }
  .showcase-track::-webkit-scrollbar{display:none;}
  .showcase-track .book-card{
    flex:0 0 min(260px, 72vw);
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .showcase-grid--2-row,
  .showcase-grid--4-row{
    grid-template-columns:repeat(4, 1fr);
  }

  /* ===== TRUST STRIP ===== */
  .trust-outer{
    width:100vw;
    margin-left:calc(50% - 50vw);
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .trust{
    display:grid; grid-template-columns:repeat(4,1fr);
    max-width:1240px; margin:0 auto;
  }
  .trust-item{
    padding:30px 32px; display:flex; gap:14px; align-items:center;
    border-left:1px solid var(--line);
  }
  .trust-item:first-child{border-left:none;}
  .trust-icon{
    width:38px; height:38px; border-radius:50%; background:var(--surface);
    display:flex; align-items:center; justify-content:center; flex:0 0 auto;
    color:var(--cyan-deep); font-weight:700; font-family:'Space Grotesk',sans-serif;
  }
  .trust-item h4{font-size:14px; font-weight:600; margin-bottom:2px;}
  .trust-item p{font-size:12px; color:var(--ink-soft);}

  /* ===== NEWSLETTER ===== */
  .newsletter-outer{
    width:100vw;
    margin-left:calc(50% - 50vw);
    background:var(--surface); border-bottom:1px solid var(--line);
  }
  .newsletter{
    padding:80px 32px; text-align:center;
    max-width:1240px; margin:0 auto;
  }
  .newsletter h2{font-family:'Space Grotesk',sans-serif; font-size:30px; max-width:520px; margin:0 auto 12px;}
  .newsletter p{color:var(--ink-soft); font-size:14.5px; margin-bottom:30px;}
  .newsletter form{
    display:flex; max-width:420px; margin:0 auto; gap:0;
    border:1px solid var(--ink); border-radius:999px; overflow:hidden; background:#fff;
  }
  .newsletter input{
    flex:1; border:none; outline:none; padding:14px 20px; font-size:14px; font-family:'Inter',sans-serif;
  }
  .newsletter button{
    background:var(--ink); color:#fff; border:none; padding:0 26px; font-weight:600; cursor:pointer; font-size:14px;
  }
  .newsletter button:hover{background:var(--cyan-deep);}
  .newsletter-notice{
    max-width:420px; margin:0 auto 16px;
    font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.03em;
    color:var(--ink-soft);
  }
  .newsletter-notice--ok{color:var(--green);}
  .newsletter-notice--err{color:var(--red);}

  /* ===== FOOTER ===== */
  footer{padding:64px 0 28px; background:var(--white); border-top:1px solid var(--line);}
  header .nav.wrap,
  footer .wrap{
    max-width:1240px;
  }
  .footer-grid{
    display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:40px; margin-bottom:56px;
  }
  .footer-brand p{color:var(--ink-soft); font-size:13.5px; margin-top:14px; max-width:260px; line-height:1.6;}
  .footer-brand .logo-mark img{
    width:80px;
    height:30px;
    max-width:80px;
    max-height:30px;
    object-fit:contain;
    object-position:left center;
  }
  footer h5{font-size:12px; text-transform:uppercase; letter-spacing:.06em; font-family:'JetBrains Mono',monospace; color:var(--ink-soft); margin-bottom:16px;}
  footer ul li{margin-bottom:10px;}
  footer ul li a{font-size:13.5px; color:var(--ink);}
  footer ul li a:hover{color:var(--cyan-deep);}
  .footer-bottom-outer{
    border-top:1px solid var(--line);
    width:100%;
  }
  .footer-bottom{
    padding-top:22px;
    display:flex; justify-content:space-between; font-size:12px; color:var(--ink-soft);
    font-family:'JetBrains Mono',monospace; flex-wrap:wrap; gap:10px;
  }

  /* ===== SCROLL REVEAL ===== */
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ===== RESPONSIVE ===== */
  @media (max-width:980px){
    .nav{flex-wrap:wrap; gap:12px;}
    .nav-toggle{display:inline-flex;}
    .search-box--desktop{display:none;}
    .nav-links{
      display:none;
      order:3;
      width:100%;
      flex-direction:column;
      gap:0;
      padding:8px 0 12px;
      border-top:1px solid var(--line);
      margin-top:4px;
    }
    header.is-nav-open .nav-links{display:flex;}
    .nav-links li{width:100%;}
    .nav-links a{
      display:block;
      padding:12px 4px;
      font-size:15px;
      border-bottom:1px solid var(--line);
    }
    .nav-links a::after{display:none;}
    .nav-links a.active{
      color:var(--cyan-deep);
      font-weight:600;
    }
    .nav-links__search{
      display:block !important;
      padding-top:14px;
      border-bottom:none;
    }
    .nav-links__search .search-box{
      width:100%;
    }
    .nav-actions{gap:10px; margin-left:auto;}
    .account-login__btn--ghost{display:none;}
    .account-trigger__label{display:none;}
    .account-trigger{padding:0 5px;}
    .nav-links__account{display:block;}
    .hero{grid-template-columns:1fr; padding-top:44px;}
    .hero-visual{margin-top:20px;}
    .hero-slider__inner{
      grid-template-columns:1fr;
      padding:48px 20px 64px 28px;
      gap:28px;
    }
    .hero-slider__media{
      min-height:220px;
      justify-content:center;
      padding-right:0;
    }
    .hero-slider__arrow{display:none;}
    .hero-book.stf__parent{
      transform:scale(.88); transform-origin:center center;
    }
    .grid{grid-template-columns:repeat(2,1fr);}
    .campaign{grid-template-columns:1fr;}
    .campaign-visual{min-height:180px;}
    .trust{grid-template-columns:repeat(2,1fr);}
    .trust-item:nth-child(3){border-left:none;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .wrap, .nav, .hero, .section, .cat-strip{padding-left:18px; padding-right:18px;}
    .page-hero{padding-left:0; padding-right:0;}
    .page-hero__inner.wrap{padding-left:18px; padding-right:18px;}
    .grid{grid-template-columns:1fr 1fr;}
    .hero-stats{flex-wrap:wrap; row-gap:16px;}
    footer, .campaign{margin-left:0; margin-right:0;}
    .footer-grid{grid-template-columns:1fr;}
    .account-layout{grid-template-columns:1fr;}
    .cart-layout{grid-template-columns:1fr;}
    .auth-layout{grid-template-columns:1fr;}
  }

  /* ===== INNER PAGES ===== */
  .page-hero{
    position:relative;
    padding:28px 0 22px;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    box-sizing:border-box;
  }
  .page-hero__inner{padding-top:0; padding-bottom:0;}
  .page-hero .tag{
    font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--cyan-deep);
    text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:6px;
  }
  .page-hero h1{
    font-family:'Space Grotesk',sans-serif; font-size:clamp(24px,3.2vw,34px);
    font-weight:700; letter-spacing:-.02em; margin:0 0 6px;
  }
  .page-hero p{color:var(--ink-soft); max-width:520px; line-height:1.5; margin:0; font-size:14.5px;}
  .breadcrumb-v2{
    display:flex; flex-wrap:wrap; gap:8px; align-items:center;
    font-size:12.5px; color:var(--ink-soft); margin-top:12px;
  }
  .breadcrumb-v2 a:hover{color:var(--cyan-deep);}
  .breadcrumb-v2 .sep{opacity:.5;}

  /* Header alt çizgisiyle çift çizgi olmasın */
  body:has(.page-hero) header{border-bottom:none;}

  .search-bar{
    display:flex; max-width:480px; margin:0 0 28px;
    border:1px solid var(--ink); border-radius:999px; overflow:hidden; background:#fff;
  }
  .search-bar input{
    flex:1; border:none; outline:none; padding:12px 18px; font-size:14px; font-family:'Inter',sans-serif;
  }
  .search-bar button{
    background:var(--ink); color:#fff; border:none; padding:0 22px; font-weight:600; cursor:pointer; font-size:13.5px;
  }
  .search-bar button:hover{background:var(--cyan-deep);}

  .list-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  }
  .list-card{
    display:flex; flex-direction:column; gap:8px; min-height:110px;
    padding:22px 18px;
    color:inherit; text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .list-card:hover{transform:translateY(-4px); box-shadow:0 18px 32px -24px rgba(19,22,28,.35);}
  .list-card h3{font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:600; line-height:1.25; margin:0;}
  .list-card .meta{font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--ink-soft);}

  .campaign-grid{
    display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;
  }
  .campaign-card{
    display:flex; flex-direction:column; gap:12px;
    padding:22px 20px; background:var(--white);
    border:1px solid var(--line); text-decoration:none; color:inherit;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    min-height:180px;
  }
  .campaign-card:hover{
    transform:translateY(-4px);
    border-color:var(--cyan-deep);
    box-shadow:0 18px 32px -24px rgba(19,22,28,.35);
  }
  .campaign-card__top{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
  .campaign-card__discount{
    display:inline-flex; align-items:center;
    background:var(--ink); color:#fff;
    font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:600;
    padding:6px 10px; border-radius:999px;
  }
  .campaign-card__status{
    font-size:11px; font-weight:600; color:var(--ink-soft);
    background:var(--surface); border:1px solid var(--line);
    padding:5px 9px; border-radius:999px;
  }
  .campaign-card h3{
    font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:700;
    line-height:1.25; margin:0;
  }
  .campaign-card__meta{
    display:flex; flex-direction:column; gap:4px;
    font-size:12.5px; color:var(--ink-soft); margin-top:auto;
  }
  .campaign-card__cta{
    font-size:13px; font-weight:600; color:var(--cyan-deep);
  }

  .dealer-price-tip{
    position:relative; display:inline-flex; align-items:center; vertical-align:middle;
    z-index:2;
  }
  .dealer-price-tip__btn{
    width:22px; height:22px; border-radius:50%;
    border:none; background:var(--cyan-deep); color:#fff;
    font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;
    line-height:1; cursor:pointer; padding:0; flex:0 0 auto;
  }
  .dealer-price-tip__panel{
    position:fixed; top:0; left:0;
    z-index:1200;
    width:max-content; min-width:min(320px, calc(100vw - 24px)); max-width:calc(100vw - 24px);
    padding:14px 18px;
    background:var(--white); border:1px solid var(--line);
    box-shadow:0 18px 40px -24px rgba(19,22,28,.45);
    display:flex; flex-direction:column; gap:7px;
    font-size:13px; line-height:1.4; color:var(--ink-soft);
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .15s ease, visibility .15s ease;
  }
  .dealer-price-tip__panel strong{
    display:block; margin-bottom:4px; color:var(--ink);
    font-family:'Space Grotesk',sans-serif; font-size:14px;
  }
  .dealer-price-tip__panel > span{white-space:nowrap;}
  .dealer-price-tip__panel .is-accent{color:var(--red); font-weight:700;}
  .dealer-price-tip.is-open .dealer-price-tip__panel,
  .dealer-price-tip__panel.is-open{
    opacity:1; visibility:visible; pointer-events:auto;
  }
  @media (hover:hover) and (pointer:fine){
    .dealer-price-tip:hover .dealer-price-tip__panel,
    .dealer-price-tip__panel:hover{
      opacity:1; visibility:visible;
    }
  }

  .prose-v2{max-width:820px; color:var(--ink); line-height:1.7; font-size:15px;}
  .prose-v2 h1,.prose-v2 h2,.prose-v2 h3{font-family:'Space Grotesk',sans-serif; margin:1.4em 0 .6em;}
  .prose-v2 p{margin:0 0 1em; color:var(--ink-soft);}
  .prose-v2 a{color:var(--cyan-deep); text-decoration:underline;}

  .panel-card{
    padding:28px;
  }
  .panel-card h2,.panel-card h3,.panel-card h4{
    font-family:'Space Grotesk',sans-serif; font-weight:600; margin:0 0 12px;
  }

  .field{margin-bottom:16px;}
  .field label{
    display:block; font-size:12px; font-weight:600; letter-spacing:.04em;
    text-transform:uppercase; margin-bottom:8px; color:var(--ink-soft);
    font-family:'JetBrains Mono',monospace;
  }
  .field input,.field select,.field textarea{
    width:100%; border:1px solid var(--line); background:var(--white);
    border-radius:2px; padding:12px 14px; font-size:14.5px; font-family:'Inter',sans-serif;
    color:var(--ink); outline:none;
  }
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .alert-v2{padding:12px 14px; border:1px solid var(--line); margin-bottom:16px; font-size:14px;}
  .alert-v2.error{border-color:var(--red); color:#7a2028; background:#fff5f5;}
  .alert-v2.success{border-color:var(--cyan-deep); color:var(--cyan-deep); background:#f0fbfb;}

  .auth-layout{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start;}
  .register-layout{align-items:stretch;}
  .register-aside{display:flex; flex-direction:column; gap:0;}
  .register-aside__lead{margin:0; color:var(--ink-soft); line-height:1.55; font-size:14.5px;}
  .register-type-list{display:flex; flex-direction:column; gap:10px; margin-top:18px;}
  .register-type-card{
    display:block; padding:14px 16px; border:1px solid var(--line); background:var(--white);
    cursor:pointer; transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
    position:relative;
  }
  .register-type-card input{position:absolute; opacity:0; pointer-events:none;}
  .register-type-card strong{
    display:block; font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:600;
    margin-bottom:4px; color:var(--ink);
  }
  .register-type-card span{display:block; font-size:13px; color:var(--ink-soft); line-height:1.45;}
  .register-type-card:has(input:checked){
    border-color:var(--cyan-deep); background:#f0fbfb; box-shadow:0 0 0 1px var(--cyan-deep);
  }
  .register-aside__note{
    margin-top:14px; padding:12px 14px; border:1px solid var(--line); background:var(--surface);
    font-size:13px; color:var(--ink-soft); line-height:1.5;
  }
  .register-aside__footer{margin-top:auto; padding-top:24px;}
  .register-aside__footer p{margin:0 0 10px; font-size:14px; color:var(--ink-soft);}
  .register-form-card h3{margin-bottom:8px;}
  .register-form-section{margin-top:8px; padding-top:20px; border-top:1px solid var(--line);}
  .register-form-section:first-of-type{border-top:0; padding-top:0; margin-top:0;}
  .register-form-section h4{
    font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:600; margin:0 0 14px;
  }
  .cart-layout{display:grid; grid-template-columns:1.5fr .9fr; gap:28px; align-items:start;}
  .cart-table{width:100%; border-collapse:collapse;}
  .cart-table th{
    text-align:left; font-family:'JetBrains Mono',monospace; font-size:11px;
    text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft);
    padding:0 0 12px; border-bottom:1px solid var(--line);
  }
  .cart-table td{padding:16px 0; border-bottom:1px solid var(--line); vertical-align:middle; font-size:14px;}
  .cart-table img{
    width:52px;
    aspect-ratio:2 / 3;
    height:auto;
    object-fit:contain;
    background:#f6f4ef;
    border:1px solid var(--line);
    border-radius:4px;
    padding:2px;
  }
  .cart-cover-pending{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    aspect-ratio:2 / 3;
    padding:6px;
    box-sizing:border-box;
    background:#f6f4ef;
    border:1px solid var(--line);
    border-radius:4px;
    font-family:'JetBrains Mono',monospace;
    font-size:8px;
    font-weight:600;
    line-height:1.25;
    text-align:center;
    color:var(--ink-soft);
  }
  .cart-cover-pending--sm{
    width:44px;
    font-size:7px;
    padding:4px;
  }
  .cart-table .qty{
    width:48px; padding:8px 4px; border:none; text-align:center;
    font-family:'JetBrains Mono',monospace; background:transparent; color:var(--ink);
    -moz-appearance:textfield;
  }
  .cart-table .qty::-webkit-outer-spin-button,
  .cart-table .qty::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
  .cart-table .qty.is-updating{opacity:.55;}
  .order-products-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    margin:0 -2px;
    padding:0 2px;
  }
  .order-products-table{
    width:100%;
    min-width:640px;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:0;
  }
  .order-products-table th,
  .order-products-table td{
    padding:14px 10px;
    vertical-align:middle;
    box-sizing:border-box;
  }
  .order-products-table th:first-child,
  .order-products-table td:first-child{
    padding-left:0;
    width:38%;
  }
  .order-products-table .col-qty{
    width:56px;
    padding-left:8px;
    padding-right:8px;
  }
  .order-products-table .col-money{
    width:92px;
    white-space:nowrap;
    padding-left:10px;
    padding-right:10px;
  }
  .order-products-table th.text-right,
  .order-products-table td.text-right{text-align:right;}
  .order-products-table th.text-center,
  .order-products-table td.text-center{text-align:center;}
  @media (max-width:720px){
    .order-products-table{min-width:580px;}
    .order-products-table th:first-child,
    .order-products-table td:first-child{width:34%;}
    .order-products-table .col-money{width:84px;font-size:12.5px;}
  }
  .order-product-link{
    display:flex;
    gap:12px;
    align-items:center;
    color:inherit;
    text-decoration:none;
    transition:color .15s ease;
  }
  .order-product-link:hover{color:var(--cyan-deep);}
  .order-product-link img{
    width:44px;
    aspect-ratio:2 / 3;
    height:auto;
    object-fit:contain;
    background:#f6f4ef;
    border:1px solid var(--line);
    border-radius:4px;
    padding:2px;
    flex-shrink:0;
  }
  .order-product-link span{
    font-weight:500;
    line-height:1.35;
  }
  .order-product-link__copy{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }
  .order-product-link__title{
    font-weight:500;
    line-height:1.35;
  }
  .order-product-link__meta{
    display:block;
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    color:var(--ink-soft);
  }
  .order-product-link:hover .order-product-link__meta{
    color:var(--ink-soft);
  }
  .order-product-link__sep{
    margin:0 4px;
    opacity:.65;
  }
  .order-product-link--static{display:flex;align-items:center;}
  .qty-stepper{
    display:inline-flex; align-items:center; border:1px solid var(--line); background:var(--white);
  }
  .qty-btn{
    width:34px; height:36px; border:none; background:transparent; cursor:pointer;
    font-size:16px; line-height:1; color:var(--ink); display:inline-flex;
    align-items:center; justify-content:center;
  }
  .qty-btn:hover{background:var(--surface);}
  .cart-remove{
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px; border:1px solid var(--line); background:var(--white);
    color:var(--red); cursor:pointer; padding:0;
  }
  .cart-remove:hover{background:#fff5f5; border-color:var(--red);}
  .cart-remove svg{display:block;}
  .cart-hint{
    margin:14px 0 0; font-size:12.5px; color:var(--ink-soft);
  }
  .cart-bulk{padding:12px 16px;}
  .cart-bulk__row{
    display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap;
  }
  .cart-bulk__title{
    display:flex; align-items:baseline; gap:8px; flex-shrink:0;
    min-width:0;
  }
  .cart-bulk__title strong{
    font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:600; color:var(--ink);
  }
  .cart-bulk__title span{font-size:12px; color:var(--ink-soft);}
  .cart-bulk__import{
    display:flex; align-items:center; gap:8px; flex:1; min-width:220px;
  }
  .cart-bulk__import input[type=file]{
    flex:1; min-width:0; max-width:320px;
    padding:7px 10px; border:1px solid var(--line); background:#fff; font-size:12.5px;
  }
  .cart-bulk__import .btn,
  .cart-bulk__actions .btn{
    padding:8px 12px; font-size:13px; white-space:nowrap;
  }
  .cart-bulk__actions{display:flex; gap:8px; flex-shrink:0;}
  .cart-bulk__actions .btn[disabled]{opacity:.45; pointer-events:none;}
  .cart-bulk-skip-list{margin:10px 0 0; padding-left:18px;}
  @media (max-width:720px){
    .cart-bulk__import{width:100%;}
    .cart-bulk__import input[type=file]{max-width:none;}
    .cart-bulk__actions{width:100%;}
    .cart-bulk__actions .btn{flex:1; justify-content:center;}
  }
  .cart-free-shipping-banner{
    display:flex; align-items:center; gap:12px;
    margin:0 0 18px; padding:12px 14px;
    border:1px solid rgba(0,135,156,.22);
    background:linear-gradient(135deg, rgba(0,135,156,.07) 0%, rgba(0,0,0,.03) 100%);
    color:var(--ink);
    animation:cart-free-shipping-pulse 1.45s ease-in-out infinite;
    transform-origin:center center;
  }
  .cart-free-shipping-banner[hidden]{display:none !important;}
  .cart-free-shipping-banner__icon{
    flex:0 0 auto; color:var(--cyan-deep);
    line-height:0;
  }
  .cart-free-shipping-banner__icon-bg{
    fill:rgba(0,135,156,.12);
    stroke:rgba(0,135,156,.18);
    stroke-width:1;
  }
  .cart-free-shipping-banner__text{
    margin:0; font-size:13px; line-height:1.45; color:var(--ink-soft);
  }
  .cart-free-shipping-banner__amount{
    font-family:'JetBrains Mono',monospace;
    font-size:14px; font-weight:600; color:var(--ink);
    text-decoration:underline; text-underline-offset:2px;
  }
  @keyframes cart-free-shipping-pulse{
    0%, 100%{transform:scale(1);}
    50%{transform:scale(1.055);}
  }
  @media (prefers-reduced-motion: reduce){
    .cart-free-shipping-banner{animation:none;}
  }
  .cart-totals td{padding:10px 0; border:none;}
  .cart-totals tr:last-child td{font-weight:700; font-size:16px; padding-top:14px; border-top:1px solid var(--line);}

  .account-layout{display:grid; grid-template-columns:240px 1fr; gap:28px; align-items:start;}
  .account-nav{border:1px solid var(--line); background:var(--white); padding:8px;}
  .account-nav a{
    display:block; padding:12px 14px; font-size:14px; border-bottom:1px solid var(--line);
  }
  .account-nav a:last-child{border-bottom:none;}
  .account-nav a:hover,.account-nav a.active{background:var(--surface); color:var(--cyan-deep);}

  .empty-state{
    text-align:center; padding:56px 24px; border:1px dashed var(--line); color:var(--ink-soft);
  }
  .empty-state h3{font-family:'Space Grotesk',sans-serif; color:var(--ink); margin:0 0 8px;}
  .empty-state p{margin:0 0 20px;}

  .pagination-v2{margin-top:36px;}

  .pg-v2{
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
    gap:16px; width:100%;
  }
  .pg-v2__info{
    margin:0; font-family:'JetBrains Mono',monospace; font-size:12px;
    color:var(--ink-soft); letter-spacing:.02em;
  }
  .pg-v2__list{
    display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0;
  }
  .pg-v2__btn,
  .pg-v2__num{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:38px; height:38px; padding:0 10px;
    border:1px solid var(--line); background:var(--white); color:var(--ink);
    border-radius:2px; font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:600;
    text-decoration:none; transition:background .2s ease, border-color .2s ease, color .2s ease;
  }
  .pg-v2__btn{padding:0;}
  .pg-v2__btn:hover:not(.is-disabled),
  .pg-v2__num:hover:not(.is-active){
    border-color:var(--ink); color:var(--ink);
  }
  .pg-v2__num.is-active{
    background:var(--ink); border-color:var(--ink); color:#fff; cursor:default;
  }
  .pg-v2__btn.is-disabled{
    opacity:.35; cursor:default; pointer-events:none;
  }
  .pg-v2__dots{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:28px; height:38px; color:var(--ink-soft);
    font-family:'JetBrains Mono',monospace; font-size:13px;
  }

  @media (max-width:980px){
    .list-grid{grid-template-columns:repeat(2,1fr);}
    .campaign-grid{grid-template-columns:1fr;}
    .auth-layout,.cart-layout,.account-layout{grid-template-columns:1fr;}
    .contact-info-grid{grid-template-columns:1fr;}
    .contact-main{grid-template-columns:1fr;}
    .checkout-layout{grid-template-columns:1fr;}
    .pdp{
      grid-template-columns:minmax(0,300px) minmax(0,1fr);
      gap:28px;
    }
    .pdp-buybox{
      grid-column:1 / -1;
      position:static;
      clip-path:none;
    }
  }
  @media (max-width:760px){
    .pdp{grid-template-columns:1fr; gap:24px; padding-bottom:24px;}
    .pdp-gallery{position:static;}
    .pdp-gallery__frame{max-width:340px; margin:0 auto;}
    .pdp-gallery__art{height:380px;}
    .pdp-gallery__thumbs{max-width:340px; margin:12px auto 0;}
    .pdp-mobile-bar{display:flex;}
    body:has(.pdp-mobile-bar){padding-bottom:74px;}
  }
  @media (max-width:560px){
    .pg-v2{justify-content:center;}
    .pg-v2__info{width:100%; text-align:center;}
    .pdp-specs__row{grid-template-columns:1fr;}
    .pdp-specs__label{border-right:0; border-bottom:1px solid var(--line); padding-bottom:6px;}
  }

  /* ===== CATALOG (products index / kitaplar) ===== */
  .catalog-head{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-top:8px;
    border-bottom:1px solid var(--line);
    box-sizing:border-box;
  }
  body:has(.catalog-head) header{border-bottom:none;}
  .catalog-head .crumb{
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px;
    letter-spacing:.03em;
    color:var(--ink-soft);
    padding:22px 0 0;
    text-transform:uppercase;
  }
  .catalog-head .crumb a:hover{color:var(--cyan-deep);}
  .catalog-head .crumb i{font-style:normal; margin:0 8px; opacity:.45;}
  .catalog-head .page-head{
    padding:20px 0 30px;
  }
  .catalog-head .page-head .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    letter-spacing:.08em;
    color:var(--cyan-deep);
    text-transform:uppercase;
    display:block;
    margin-bottom:12px;
  }
  .catalog-head .page-head h1{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(30px,4vw,44px);
    font-weight:700;
    letter-spacing:-.02em;
    line-height:1.05;
    margin:0;
  }
  .catalog-head .page-head p{
    color:var(--ink-soft);
    font-size:15px;
    margin-top:12px;
    max-width:520px;
    line-height:1.6;
  }
  .catalog-cat-strip{
    background:var(--paper);
    border-top:0;
  }
  .catalog-cat-strip .cat-strip{
    padding-top:20px;
    padding-bottom:20px;
  }
  .catalog-cat-strip .cat-chip{
    background:var(--white);
  }

  .catalog-page.section{
    padding-top:34px;
    padding-bottom:72px;
  }
  .shop.catalog-layout,
  .catalog-layout{
    display:grid;
    grid-template-columns:262px minmax(0,1fr);
    gap:40px;
    align-items:start;
  }
  .catalog-main{
    min-width:0;
    overflow-x:hidden;
  }
  .catalog-filters-backdrop{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(19,22,28,.45);
    z-index:70;
  }
  .filters.catalog-filters,
  .catalog-filters{
    position:sticky;
    top:96px;
    padding:0;
    max-height:calc(100vh - 120px);
    overflow-x:hidden;
    overflow-y:auto;
    border:none;
    background:transparent;
    clip-path:none;
    scrollbar-width:thin;
    scrollbar-color:rgba(19,22,28,.25) transparent;
  }
  .catalog-filters::-webkit-scrollbar{width:5px;}
  .catalog-filters::-webkit-scrollbar-thumb{
    background:rgba(19,22,28,.16);
    border-radius:999px;
  }
  .catalog-filters__form{
    display:flex;
    flex-direction:column;
    gap:0;
    min-height:0;
  }
  .filters-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:14px;
    border-bottom:1px solid var(--ink);
    margin-bottom:6px;
  }
  .filters-head h2{
    margin:0;
    font-family:'Space Grotesk',sans-serif;
    font-size:17px;
    font-weight:600;
  }
  .clear-all{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--red);
    cursor:pointer;
    background:none;
    border:none;
    letter-spacing:.03em;
    text-decoration:none;
    padding:0;
  }
  .clear-all:hover{text-decoration:underline;}
  .fclose{
    display:none;
    background:none;
    border:1px solid var(--line);
    width:30px;
    height:30px;
    border-radius:50%;
    cursor:pointer;
    font-size:14px;
    line-height:1;
    align-items:center;
    justify-content:center;
  }
  .fgroup{border-bottom:1px solid var(--line);}
  .fgroup > summary{
    list-style:none;
    cursor:pointer;
    padding:16px 2px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ink);
  }
  .fgroup > summary::-webkit-details-marker{display:none;}
  .fgroup > summary::after{
    content:'+';
    font-size:15px;
    color:var(--ink-soft);
    font-weight:400;
  }
  .fgroup[open] > summary::after{content:'−';}
  .fgroup > summary:hover{color:var(--cyan-deep);}
  .fbody{padding:2px 2px 18px;}
  .catalog-filters__hint{
    margin:0 0 10px;
    font-size:12px;
    line-height:1.45;
    color:var(--ink-soft);
  }
  .fopts{
    display:flex;
    flex-direction:column;
    max-height:180px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .fopts--tree{
    max-height:260px;
    gap:0;
  }
  .fopt-tree__item{
    display:block;
  }
  .fopt-tree__row{
    display:flex;
    align-items:flex-start;
    gap:4px;
    padding-left:calc(var(--cat-depth, 0) * 14px);
  }
  .fopt-tree__toggle{
    flex:0 0 18px;
    width:18px;
    height:28px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:var(--ink-soft);
    font-size:14px;
    line-height:28px;
    cursor:pointer;
    transition:transform .18s ease, color .18s ease;
  }
  .fopt-tree__toggle:hover{color:var(--ink);}
  .fopt-tree__toggle[aria-expanded="true"]{transform:rotate(90deg);}
  .fopt-tree__toggle--spacer{
    display:inline-block;
    pointer-events:none;
  }
  .fopt-tree__row .fopt{
    flex:1;
    min-width:0;
    padding:4px 0;
  }
  .fopt-tree__children:not([data-cat-filter-open]){
    display:none;
  }
  .fopts--years{
    max-height:none;
    flex-direction:row;
    flex-wrap:wrap;
    gap:4px 12px;
    overflow:visible;
  }
  .fopt{
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 0;
    cursor:pointer;
    font-size:13.5px;
    color:var(--ink-soft);
  }
  .fopt:hover{color:var(--ink);}
  .fopt input{
    appearance:none;
    width:15px;
    height:15px;
    border:1px solid var(--line);
    background:var(--white);
    cursor:pointer;
    flex:0 0 auto;
    position:relative;
    margin:0;
  }
  .fopt input:checked{
    background:var(--ink);
    border-color:var(--ink);
  }
  .fopt input:checked::after{
    content:'✓';
    position:absolute;
    inset:0;
    color:#fff;
    font-size:10px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .fopt .cnt{
    margin-left:auto;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--ink-soft);
    opacity:.7;
  }
  .fopt input:checked ~ span:not(.cnt){
    color:var(--ink);
    font-weight:500;
  }
  .catalog-filters__search{
    width:100%;
    margin-bottom:10px;
    padding:9px 12px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--white);
    font-size:13px;
    outline:none;
  }
  .catalog-filters__search:focus{border-color:var(--ink);}
  .price-inputs{
    display:flex;
    align-items:center;
    gap:8px;
  }
  .price-inputs input{
    width:100%;
    border:1px solid var(--line);
    background:var(--white);
    padding:9px 10px;
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;
    outline:none;
    color:var(--ink);
  }
  .price-inputs input:focus{border-color:var(--ink);}
  .price-inputs span{
    color:var(--ink-soft);
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
  }
  .catalog-filters__actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:22px;
  }
  .catalog-filters__actions .btn{
    width:100%;
    justify-content:center;
  }

  .toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:18px;
    border-bottom:1px solid var(--line);
    margin-bottom:8px;
    flex-wrap:wrap;
  }
  .result-count{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    color:var(--ink-soft);
    letter-spacing:.03em;
  }
  .result-count b{color:var(--ink);}
  .tool-right{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
  }
  .filter-toggle{display:none;}
  select.sort{
    border:1px solid var(--line);
    background:var(--white);
    padding:9px 14px;
    border-radius:999px;
    font-family:'Inter',sans-serif;
    font-size:13px;
    cursor:pointer;
    color:var(--ink);
  }
  .view-switch{
    display:flex;
    border:1px solid var(--line);
    border-radius:999px;
    overflow:hidden;
    background:var(--white);
  }
  .view-switch a{
    background:none;
    border:none;
    padding:9px 15px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:7px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    letter-spacing:.04em;
    color:var(--ink-soft);
    text-decoration:none;
  }
  .view-switch a.on{background:var(--ink); color:#fff;}
  .view-switch svg{width:13px; height:13px;}
  .catalog-toolbar__badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    margin-left:4px;
    border-radius:999px;
    background:var(--red);
    color:#fff;
    font-size:10px;
    font-weight:700;
  }

  .active-chips{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    padding:16px 0 4px;
  }
  .achip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:999px;
    padding:6px 8px 6px 14px;
    font-size:12.5px;
    color:var(--ink);
  }
  .achip b{
    font-weight:500;
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    color:var(--ink-soft);
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .achip a{
    background:var(--ink);
    color:#fff;
    border:none;
    width:17px;
    height:17px;
    border-radius:50%;
    cursor:pointer;
    font-size:12px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
  }
  .achip a:hover{background:var(--red);}

  .results{padding-top:24px;}
  .catalog-grid.grid{
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .catalog-list.list,
  .catalog-list{
    display:flex;
    flex-direction:column;
    gap:16px;
    min-width:0;
  }
  .empty{
    border:1px dashed var(--line);
    background:var(--white);
    padding:64px 32px;
    text-align:center;
  }
  .empty h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:22px;
    margin-bottom:8px;
  }
  .empty p{
    color:var(--ink-soft);
    font-size:14px;
    margin-bottom:22px;
  }
  .pager.pagination-v2{padding-top:48px;}
  .catalog-list-card.book-card{
    flex-direction:row;
    border:1px solid var(--line);
    background:var(--white);
    clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    padding:0;
  }
  .catalog-list-card.book-card:hover{transform:translateX(4px);}
  .catalog-list-card > .book-cover{
    width:150px;
    height:auto;
    min-height:200px;
    aspect-ratio:auto;
    flex:0 0 150px;
    padding:14px;
    text-decoration:none;
    color:inherit;
  }
  .catalog-list-card .book-info{
    padding:20px 24px;
    gap:8px;
  }
  .catalog-list-card .l-title{
    font-family:'Space Grotesk',sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:1.2;
    margin:0;
  }
  .catalog-list-card .l-title a{color:inherit; text-decoration:none;}
  .catalog-list-card .l-title a:hover{color:var(--cyan-deep);}
  .catalog-list-card .l-author{
    font-size:13.5px;
    color:var(--ink-soft);
    margin:0;
  }
  .catalog-list-card .l-author a{
    border-bottom:1px solid var(--line);
    text-decoration:none;
    color:inherit;
  }
  .catalog-list-card .l-author a:hover{
    color:var(--cyan-deep);
    border-color:var(--cyan-deep);
  }
  .catalog-list-card .l-desc{
    font-size:13.5px;
    color:var(--ink-soft);
    line-height:1.65;
    margin:4px 0 2px;
  }
  .catalog-list-card .l-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:2px;
  }
  .catalog-list-card .l-meta span{
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    letter-spacing:.03em;
    border:1px solid var(--line);
    padding:4px 9px;
    color:var(--ink-soft);
    text-transform:uppercase;
  }
  .catalog-list-card .price-row{
    justify-content:flex-start;
    gap:18px;
    margin-top:12px;
  }
  .catalog-list-card .price{font-size:19px;}
  .catalog-list-card .l-buy{
    display:flex;
    gap:10px;
    align-items:center;
  }
  .catalog-list-card .stock-tag{
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    color:var(--green);
    letter-spacing:.03em;
  }
  .catalog-list-card .stock-tag.no{color:var(--red);}
  .catalog-list-card.oos{opacity:.7;}
  @media (max-width:640px){
    .catalog-list-card.book-card{flex-direction:column;}
    .catalog-list-card > .book-cover{
      width:100%;
      flex:none;
      height:170px;
      min-height:0;
    }
    .catalog-list-card .book-info{padding:16px;}
    .catalog-list-card .l-title{font-size:17px;}
  }

  .product-list-item{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:14px;
    max-width:100%;
    box-sizing:border-box;
    transition:transform .25s ease, box-shadow .25s ease;
    overflow:hidden;
  }
  .product-list-item__top{
    display:flex;
    gap:12px;
    align-items:flex-start;
    min-width:0;
  }
  .product-list-item:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 32px -24px rgba(19,22,28,.35);
  }
  .product-list-item__cover{
    position:relative;
    display:block;
    flex:0 0 76px;
    width:76px;
    aspect-ratio:2 / 3;
    height:auto;
    border:1px solid var(--line);
    background:linear-gradient(180deg,#f6f4ef,#ebe8e1);
    overflow:hidden;
    padding:4px;
    box-sizing:border-box;
  }
  .product-list-item__cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
  }
  .product-list-item__cover-placeholder{
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(155deg,#0f2f36,#00879c);
  }
  .product-list-item__discount{
    position:absolute;
    top:6px;
    left:6px;
    z-index:2;
    pointer-events:none;
  }
  .product-list-item__body{
    flex:1;
    min-width:0;
  }
  .product-list-item__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:6px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--ink-soft);
  }
  .product-list-item__meta a{
    color:var(--cyan-deep);
    text-decoration:none;
  }
  .product-list-item__title{
    margin:0 0 6px;
    font-family:'Space Grotesk',sans-serif;
    font-size:16px;
    font-weight:600;
    line-height:1.3;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .product-list-item__title a{
    color:inherit;
    text-decoration:none;
  }
  .product-list-item__author,
  .product-list-item__year{
    margin:0;
    font-size:13px;
    color:var(--ink-soft);
  }
  .product-list-item__aside{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    width:100%;
    min-width:0;
    padding-top:10px;
    border-top:1px solid var(--line);
  }
  .product-list-item__price{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:6px;
    font-family:'JetBrains Mono',monospace;
    font-size:14px;
    font-weight:500;
    min-width:0;
  }
  .product-list-item__price .old{
    color:var(--ink-soft);
    text-decoration:line-through;
    font-size:12px;
  }
  .product-list-item__cart{
    padding:8px 12px;
    font-size:12px;
    white-space:nowrap;
    flex-shrink:0;
  }
  .btn-sm{
    padding:8px 12px;
    font-size:12px;
  }
  @media (min-width:901px){
    .product-list-item{
      display:grid;
      grid-template-columns:92px minmax(0, 1fr) auto;
      gap:18px;
      align-items:center;
      padding:16px 18px;
    }
    .product-list-item__top{
      display:contents;
    }
    .product-list-item__cover{
      flex:none;
      width:92px;
    }
    .product-list-item__aside{
      flex-direction:column;
      align-items:flex-end;
      width:auto;
      min-width:130px;
      padding-top:0;
      border-top:none;
    }
    .product-list-item__price{
      justify-content:flex-end;
      font-size:15px;
    }
    .product-list-item__title{
      font-size:17px;
    }
  }
  @media (max-width:1100px){
    .catalog-grid.grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:980px){
    .shop.catalog-layout,
    .catalog-layout{
      grid-template-columns:1fr;
      gap:0;
    }
    .filters.catalog-filters,
    .catalog-filters{
      position:fixed;
      inset:0 auto 0 0;
      width:min(88vw,330px);
      max-height:none;
      z-index:80;
      padding:22px 22px 90px;
      overflow-y:auto;
      border-right:1px solid var(--line);
      background:var(--paper);
      transform:translateX(-102%);
      transition:transform .3s ease;
      top:0;
    }
    .catalog-filters.is-open{
      transform:none;
      box-shadow:24px 0 60px -30px rgba(19,22,28,.6);
    }
    .catalog-filters-backdrop{
      display:block;
      z-index:70;
    }
    .catalog-filters-backdrop[hidden]{
      display:none;
    }
    .fclose{
      display:inline-flex;
    }
    .filter-toggle{
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      gap:6px;
    }
    body.catalog-filters-open{
      overflow:hidden;
    }
  }
  @media (max-width:640px){
    .catalog-page.section{
      padding-top:28px !important;
      padding-left:18px;
      padding-right:18px;
    }
    .catalog-head .page-head h1{font-size:30px;}
    .catalog-grid.grid{
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .toolbar{gap:12px;}
    .view-switch a span{display:none;}
    .view-switch a{padding:9px 13px;}
    .tool-right{width:100%; justify-content:space-between;}
    .filter-toggle{flex:1;}
    .product-list-item__meta{display:none;}
    .product-list-item__cart{
      padding:8px 10px;
      font-size:11.5px;
    }
  }

  /* ===== DIRECTORY: Yazarlar / Yayınevleri ===== */
  .directory-page.section{
    padding-top:36px;
    padding-bottom:72px;
  }
  .directory-campaign.campaign{
    margin:0 0 12px;
    width:100%;
    align-items:stretch;
  }
  .directory-campaign .campaign-copy{
    padding:54px 56px;
  }
  .directory-campaign .campaign-copy h3{
    font-size:clamp(28px, 3.2vw, 38px);
    margin:14px 0 10px;
    max-width:440px;
    letter-spacing:-.02em;
  }
  .directory-campaign .campaign-copy p{
    max-width:440px;
    font-size:14.5px;
    line-height:1.7;
    margin-bottom:24px;
  }
  .directory-campaign .campaign-visual{
    min-height:300px;
    padding:28px 36px;
  }
  .directory-campaign .campaign-covers{
    width:min(100%, 390px);
    height:268px;
  }
  .directory-campaign .campaign-visual .stamp{
    padding:16px 26px;
    font-size:22px;
    color:var(--cyan);
    border-color:var(--cyan);
  }

  .directory-campaign--authors.campaign{
    grid-template-columns:1.25fr 1fr;
    margin-bottom:12px;
  }
  .directory-campaign--authors .campaign-copy h3{
    margin:14px 0 6px;
  }

  .directory-campaign--publishers.campaign{
    grid-template-columns:1.2fr 1fr;
    margin:36px 0 8px;
  }
  .directory-campaign--publishers .campaign-copy{
    padding:52px 56px;
  }
  .directory-campaign--publishers .campaign-copy h3{
    font-size:clamp(26px, 3vw, 32px);
    max-width:420px;
  }
  .directory-campaign--publishers .campaign-copy p{
    max-width:400px;
    line-height:1.6;
    margin-bottom:26px;
  }
  .directory-campaign--publishers .campaign-visual{
    min-height:250px;
  }

  .directory-toolbar.toolbar{
    padding:34px 0 18px;
    margin-bottom:0;
    border-bottom:1px solid var(--line);
  }
  .directory-page--publishers .directory-toolbar.toolbar{
    padding:44px 0 18px;
  }
  .directory-toolbar .find{
    display:flex; align-items:center; gap:8px;
    border:1px solid var(--line); border-radius:999px;
    padding:8px 16px; background:var(--white); width:230px;
  }
  .directory-toolbar .find input{
    border:none; outline:none;
    font-family:'Inter',sans-serif; font-size:13px;
    width:100%; color:var(--ink); background:transparent;
  }
  .directory-toolbar select.sort{
    border:1px solid var(--line);
    background:var(--white);
    padding:9px 14px;
    border-radius:999px;
    font-family:'Inter',sans-serif;
    font-size:13px;
    cursor:pointer;
    color:var(--ink);
  }

  .alpha{
    display:flex; gap:5px; flex-wrap:wrap;
    padding:22px 0 4px;
  }
  .alpha a,
  .alpha span{
    min-width:32px; height:32px;
    border:1px solid var(--line); background:var(--white);
    font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink);
    padding:0 6px;
    display:inline-flex; align-items:center; justify-content:center;
    text-decoration:none;
  }
  .alpha a:hover{border-color:var(--ink);}
  .alpha a.on{background:var(--ink); color:#fff; border-color:var(--ink);}
  .alpha span.is-disabled{opacity:.3; cursor:not-allowed;}

  .authors{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    padding:26px 0 0;
  }
  .a-card{
    border:1px solid var(--line);
    background:var(--white);
    padding:24px 22px 20px;
    min-height:168px;
    clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    transition:transform .3s ease, box-shadow .3s ease;
    display:flex; flex-direction:column; gap:10px;
  }
  .a-card:hover{transform:translateY(-6px); box-shadow:0 24px 40px -24px rgba(19,22,28,.3);}
  .a-top{display:flex; align-items:center; gap:14px;}
  .a-ava{
    width:56px; height:56px; flex:0 0 auto;
    display:flex; align-items:center; justify-content:center;
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:19px; color:#fff;
    clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  }
  .a-name{
    font-family:'Space Grotesk',sans-serif;
    font-size:17px; font-weight:600; line-height:1.2;
    color:inherit; text-decoration:none;
  }
  .a-name:hover{color:var(--cyan-deep);}
  .a-foot{
    display:flex; align-items:center; justify-content:space-between;
    border-top:1px solid var(--line); padding-top:14px; margin-top:auto;
  }
  .a-meta{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ink-soft);}
  .a-meta b{color:var(--ink);}
  .a-link{
    font-size:13px; font-weight:600;
    border-bottom:1px solid var(--ink); padding-bottom:2px;
    text-decoration:none; color:inherit;
  }
  .a-link:hover{color:var(--cyan-deep); border-color:var(--cyan-deep);}

  .pubs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    padding:26px 0 0;
  }
  .p-card{
    border:1px solid var(--line);
    background:var(--white);
    clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    transition:transform .3s ease, box-shadow .3s ease;
    display:flex; flex-direction:column; overflow:hidden;
    min-height:280px;
  }
  .p-card:hover{transform:translateY(-6px); box-shadow:0 24px 40px -24px rgba(19,22,28,.3);}
  .p-banner{
    height:106px; padding:18px 20px;
    display:flex; align-items:flex-start; justify-content:space-between;
    position:relative;
  }
  .p-monogram{
    font-family:'Space Grotesk',sans-serif;
    font-weight:700; font-size:34px; color:#fff; line-height:1;
    letter-spacing:-.03em;
  }
  .p-logo{
    max-height:56px; max-width:120px;
    object-fit:contain;
    background:rgba(255,255,255,.92);
    padding:6px 8px;
  }
  .p-flag{
    background:rgba(255,255,255,.92);
    color:var(--ink);
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    padding:4px 9px;
    letter-spacing:.03em;
    align-self:flex-start;
  }
  .p-body{padding:20px; display:flex; flex-direction:column; gap:10px; flex:1;}
  .p-name{
    font-family:'Space Grotesk',sans-serif;
    font-size:19px; font-weight:600; line-height:1.2;
    color:inherit; text-decoration:none;
  }
  .p-name:hover{color:var(--cyan-deep);}
  .p-nums{
    display:flex; gap:0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    margin:4px -20px;
  }
  .p-nums div{flex:1; padding:12px 14px; border-left:1px solid var(--line);}
  .p-nums div:first-child{border-left:none; padding-left:20px;}
  .p-nums strong{display:block; font-family:'Space Grotesk',sans-serif; font-size:17px;}
  .p-nums span{
    font-family:'JetBrains Mono',monospace;
    font-size:10px; color:var(--ink-soft); letter-spacing:.03em;
  }
  .p-foot{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding-top:4px; margin-top:auto;
  }
  .p-link{
    font-size:13px; font-weight:600;
    border-bottom:1px solid var(--ink); padding-bottom:2px;
    text-decoration:none; color:inherit;
  }
  .p-link:hover{color:var(--cyan-deep); border-color:var(--cyan-deep);}

  .directory-page .empty,
  .authors .empty,
  .pubs .empty{
    border:1px dashed var(--line);
    background:var(--white);
    padding:64px 32px;
    text-align:center;
    grid-column:1 / -1;
  }
  .directory-page .empty h3,
  .authors .empty h3,
  .pubs .empty h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:22px;
    margin-bottom:8px;
  }
  .directory-page .empty p,
  .authors .empty p,
  .pubs .empty p{
    color:var(--ink-soft);
    font-size:14px;
    margin-bottom:22px;
  }

  .cta-outer.directory-cta{
    width:100vw;
    margin-left:calc(50% - 50vw);
    background:var(--surface);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    margin-top:72px;
  }
  .directory-cta .cta{
    padding:64px 32px;
    text-align:center;
    max-width:1600px;
    margin:0 auto;
  }
  .directory-cta .cta h2{
    font-family:'Space Grotesk',sans-serif;
    font-size:28px;
    max-width:520px;
    margin:0 auto 10px;
  }
  .directory-cta .cta p{
    color:var(--ink-soft);
    font-size:14.5px;
    margin-bottom:26px;
  }

  .g1{background:linear-gradient(155deg,#0f2f36,#00879c);}
  .g2{background:linear-gradient(155deg,#2a1216,#7a2028);}
  .g3{background:linear-gradient(155deg,#151821,#39424f);}
  .g4{background:linear-gradient(155deg,#083236,#00b3c6);}
  .g5{background:linear-gradient(155deg,#241417,#e5303d);}
  .g6{background:linear-gradient(155deg,#101215,#2c3138);}
  .g7{background:linear-gradient(155deg,#092b2f,#0a5f6b);}
  .g8{background:linear-gradient(155deg,#2e1010,#b4272f);}

  /* ===== DIRECTORY: Kategoriler ===== */
  .directory-page--categories{
    scroll-padding-top:140px;
  }
  .directory-page--categories .cat-tools{
    display:flex;
    justify-content:flex-end;
    margin:-8px 0 28px;
  }
  .directory-page--categories .cat-search{
    display:flex; align-items:center; gap:10px;
    border:1px solid var(--ink); border-radius:999px;
    padding:12px 22px; background:var(--white); width:min(100%, 320px);
  }
  .directory-page--categories .cat-search input{
    border:none; outline:none;
    font-family:'Inter',sans-serif; font-size:14px;
    width:100%; color:var(--ink); background:transparent;
  }
  .directory-page--categories .cat-search .clr{
    background:none; border:none; cursor:pointer;
    color:var(--ink-soft); font-size:15px; line-height:1; padding:0;
  }
  .directory-page--categories .featured{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding-bottom:20px;
  }
  .directory-page--categories .f-card{
    position:relative; min-height:190px; padding:22px;
    display:flex; flex-direction:column; justify-content:space-between;
    clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
    transition:transform .3s ease, box-shadow .3s ease;
    color:#fff; overflow:hidden; text-decoration:none;
  }
  .directory-page--categories .f-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 44px -24px rgba(19,22,28,.45);
  }
  .directory-page--categories .f-card .glyph{
    font-family:'Space Grotesk',sans-serif;
    font-size:34px; opacity:.55; line-height:1;
  }
  .directory-page--categories .f-card h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:20px; font-weight:600; line-height:1.15;
  }
  .directory-page--categories .f-card .cnt{
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:rgba(255,255,255,.72);
    margin-top:6px; display:block;
  }
  .directory-page--categories .f-card .go{
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:rgba(255,255,255,.9);
    margin-top:14px; display:block; letter-spacing:.04em;
  }
  .directory-page--categories .cats{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:44px;
    padding:48px 0 0;
    align-items:start;
  }
  .directory-page--categories .index{
    position:sticky; top:100px;
  }
  .directory-page--categories .index h2{
    font-family:'Space Grotesk',sans-serif;
    font-size:16px; font-weight:600;
    padding-bottom:13px; border-bottom:1px solid var(--ink);
    margin-bottom:6px;
  }
  .directory-page--categories .index a{
    position:relative;
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:9px 2px; font-size:13.5px; color:var(--ink-soft);
    border-bottom:1px solid var(--line); text-decoration:none;
  }
  .directory-page--categories .index a:hover{
    color:var(--ink); padding-left:6px; transition:padding .18s;
  }
  .directory-page--categories .index a.active{
    color:var(--ink); font-weight:600;
  }
  .directory-page--categories .index a.active::before{
    content:'';
    width:3px; height:14px; background:var(--red);
    position:absolute; left:-10px; top:50%; transform:translateY(-50%);
  }
  .directory-page--categories .index a .n{
    font-family:'JetBrains Mono',monospace;
    font-size:11px; opacity:.6;
  }
  .directory-page--categories .index .idx-foot{
    margin-top:22px; padding-top:16px; border-top:1px solid var(--line);
  }
  .directory-page--categories .index .idx-foot p{
    font-size:12.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:12px;
  }
  .directory-page--categories .index .idx-foot .btn{width:100%;}
  .directory-page--categories .cat-block{
    padding-bottom:46px; margin-bottom:46px;
    border-bottom:1px solid var(--line);
  }
  .directory-page--categories .cat-block:last-of-type{
    border-bottom:none; margin-bottom:0; padding-bottom:0;
  }
  .directory-page--categories .cb-head{
    display:grid;
    grid-template-columns:76px 1fr auto;
    gap:20px; align-items:center;
    margin-bottom:24px;
  }
  .directory-page--categories .cb-icon{
    width:76px; height:76px;
    display:flex; align-items:center; justify-content:center;
    color:#fff;
    font-family:'Space Grotesk',sans-serif;
    font-size:30px; font-weight:600;
    clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  }
  .directory-page--categories .cb-head h2{
    font-family:'Space Grotesk',sans-serif;
    font-size:25px; font-weight:600; letter-spacing:-.01em;
    margin:0;
  }
  .directory-page--categories .cb-head .meta{
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px; color:var(--ink-soft);
    margin-top:6px; letter-spacing:.03em;
  }
  .directory-page--categories .cb-head .meta b{color:var(--ink);}
  .directory-page--categories .cb-all{
    font-size:13.5px; font-weight:600;
    border-bottom:1px solid var(--ink); padding-bottom:2px;
    white-space:nowrap; text-decoration:none; color:inherit;
  }
  .directory-page--categories .cb-all:hover{
    color:var(--cyan-deep); border-color:var(--cyan-deep);
  }
  .directory-page--categories .subs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
  }
  .directory-page--categories .sub{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:14px 16px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    font-size:13.8px; background:var(--white);
    transition:background .18s;
    text-decoration:none; color:inherit;
  }
  .directory-page--categories .sub:hover{
    background:var(--surface); color:var(--cyan-deep);
  }
  .directory-page--categories .sub .n{
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:var(--ink-soft); flex:0 0 auto;
  }
  .directory-page--categories .sub.hot .name::after{
    content:'POPÜLER';
    font-family:'JetBrains Mono',monospace;
    font-size:9px; color:var(--red);
    border:1px solid rgba(229,48,61,.4);
    padding:2px 5px; margin-left:8px;
    letter-spacing:.03em; vertical-align:middle;
  }

  @media (max-width:1100px){
    .authors{grid-template-columns:repeat(3,1fr);}
    .pubs{grid-template-columns:repeat(2,1fr);}
    .directory-page--categories .featured{grid-template-columns:repeat(2,1fr);}
    .directory-page--categories .subs{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:980px){
    .directory-campaign.campaign,
    .directory-campaign--authors.campaign,
    .directory-campaign--publishers.campaign{
      grid-template-columns:1fr;
    }
    .directory-campaign .campaign-copy,
    .directory-campaign--publishers .campaign-copy{
      padding:40px 32px;
    }
    .directory-campaign .campaign-visual{
      min-height:190px;
    }
    .directory-campaign--publishers .campaign-visual{
      min-height:170px;
    }
    .authors{grid-template-columns:repeat(2,1fr);}
    .directory-page--categories .cat-tools{justify-content:stretch;}
    .directory-page--categories .cat-search{width:100%;}
    .directory-page--categories .cats{grid-template-columns:1fr; gap:0; padding-top:28px;}
    .directory-page--categories .index{
      position:static;
      margin-bottom:36px;
      padding-bottom:26px;
      border-bottom:1px solid var(--line);
    }
    .directory-page--categories .index .idx-list{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0 20px;
    }
  }
  @media (max-width:640px){
    .authors,
    .pubs{grid-template-columns:1fr;}
    .directory-toolbar .find{width:100%;}
    .directory-toolbar .tool-right{width:100%;}
    .directory-toolbar select.sort{flex:1;}
    .directory-campaign .campaign-copy h3{font-size:29px;}
    .directory-campaign--publishers .campaign-copy h3{font-size:26px;}
    .campaign-covers,
    .directory-campaign .campaign-covers{
      width:min(100%, 300px);
      height:220px;
      --cover-w:102px;
    }
    .directory-page--categories .featured{
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .directory-page--categories .f-card{min-height:150px; padding:16px;}
    .directory-page--categories .f-card h3{font-size:16px;}
    .directory-page--categories .f-card .glyph{font-size:26px;}
    .directory-page--categories .subs{grid-template-columns:1fr;}
    .directory-page--categories .cb-head{
      grid-template-columns:56px 1fr;
      gap:14px;
    }
    .directory-page--categories .cb-icon{width:56px; height:56px; font-size:22px;}
    .directory-page--categories .cb-all{grid-column:1/-1;}
    .directory-page--categories .index .idx-list{grid-template-columns:1fr;}
  }

  /* ===== İLETİŞİM ===== */
  .contact-page.section{padding-top:36px; padding-bottom:0;}
  .contact-page .channels{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:18px;
    padding-bottom:14px;
  }
  .contact-page .ch{
    --clip-cut:14px;
    padding:22px 20px;
    transition:transform .3s, box-shadow .3s;
    display:flex; flex-direction:column; gap:8px;
    color:inherit; text-decoration:none;
  }
  .contact-page .ch:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 38px -24px rgba(19,22,28,.3);
  }
  .contact-page .ch-icon{
    width:40px; height:40px;
    display:flex; align-items:center; justify-content:center;
    background:var(--surface); color:var(--cyan-deep);
    font-family:'Space Grotesk',sans-serif;
    font-weight:700; font-size:17px; border-radius:50%;
    margin-bottom:4px;
  }
  .contact-page .ch h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:16px; font-weight:600; margin:0;
  }
  .contact-page .ch .val{
    font-family:'JetBrains Mono',monospace;
    font-size:14px; color:var(--ink);
    text-decoration:none; word-break:break-word;
  }
  .contact-page .ch a.val:hover{color:var(--cyan-deep);}
  .contact-page .ch .val--sm{font-size:12.5px; line-height:1.45;}
  .contact-page .ch .note{
    font-size:12.5px; color:var(--ink-soft); line-height:1.5;
  }
  .contact-page .ch .live{
    display:flex; align-items:center; gap:7px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:var(--green);
  }
  .contact-page .ch .live .dot{
    width:7px; height:7px; border-radius:50%;
    background:var(--green);
    box-shadow:0 0 0 3px rgba(15,138,83,.15);
  }
  .contact-page .ch .live.off{color:var(--ink-soft);}
  .contact-page .ch .live.off .dot{
    background:var(--ink-soft);
    box-shadow:0 0 0 3px rgba(75,81,96,.12);
  }

  .contact-page .contact{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:44px;
    padding:48px 0 0;
    align-items:start;
  }
  .contact-page .form-card{
    --clip-cut:18px;
    padding:34px 36px 36px;
  }
  .contact-page .form-card h2{
    font-family:'Space Grotesk',sans-serif;
    font-size:24px; font-weight:600; letter-spacing:-.01em; margin:0;
  }
  .contact-page .form-card .lead{
    font-size:14px; color:var(--ink-soft);
    margin-top:8px; line-height:1.6;
  }
  .contact-page .block-label{
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px; letter-spacing:.08em;
    text-transform:uppercase; color:var(--ink-soft);
    display:block; margin:28px 0 12px;
  }
  .contact-page .block-label i{color:var(--red); font-style:normal;}
  .contact-page .topics{display:flex; gap:9px; flex-wrap:wrap;}
  .contact-page .topic{
    font-size:13.5px; font-weight:500;
    padding:9px 17px; border:1px solid var(--line);
    border-radius:999px; background:var(--white);
    cursor:pointer; font-family:'Inter',sans-serif; color:var(--ink);
  }
  .contact-page .topic:hover{border-color:var(--ink);}
  .contact-page .topic.on{background:var(--ink); color:#fff; border-color:var(--ink);}
  .contact-page .row{
    display:grid; grid-template-columns:1fr 1fr; gap:16px;
  }
  .contact-page .field{margin-top:18px;}
  .contact-page .field label{
    display:block; font-size:13px; font-weight:600; margin-bottom:7px;
  }
  .contact-page .field label i,
  .contact-page .consent i{font-style:normal; color:var(--red);}
  .contact-page .field .counter{
    float:right; font-family:'JetBrains Mono',monospace;
    font-size:10.5px; color:var(--ink-soft); font-weight:400;
  }
  .contact-page .field input,
  .contact-page .field textarea{
    width:100%; border:1px solid var(--line); background:var(--paper);
    padding:12px 14px; font-family:'Inter',sans-serif;
    font-size:14px; color:var(--ink); outline:none;
    border-radius:var(--radius);
    transition:border-color .18s;
  }
  .contact-page .field textarea{min-height:140px; resize:vertical; line-height:1.6;}
  .contact-page .field input:focus,
  .contact-page .field textarea:focus{border-color:var(--ink); background:#fff;}
  .contact-page .field .hint{
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px; color:var(--ink-soft); margin-top:6px; display:block;
  }
  .contact-page .field .err{
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px; color:var(--red); margin-top:6px; display:none;
  }
  .contact-page .field.bad input,
  .contact-page .field.bad textarea{border-color:var(--red); background:#fff;}
  .contact-page .field.bad .err{display:block;}
  .contact-page .field.bad .hint{display:none;}
  .contact-page .consent{
    display:flex; gap:11px; align-items:flex-start;
    margin-top:22px; font-size:12.8px; color:var(--ink-soft);
    line-height:1.6; cursor:pointer;
  }
  .contact-page .consent input{
    appearance:none; width:16px; height:16px;
    border:1px solid var(--line); background:#fff;
    border-radius:var(--radius);
    cursor:pointer; flex:0 0 auto; position:relative; margin-top:2px;
  }
  .contact-page .consent input:checked{background:var(--ink); border-color:var(--ink);}
  .contact-page .consent input:checked::after{
    content:'✓'; position:absolute; inset:0; color:#fff;
    font-size:10px; display:flex; align-items:center; justify-content:center;
  }
  .contact-page .consent.bad input{border-color:var(--red);}
  .contact-page .form-foot{
    display:flex; align-items:center; justify-content:space-between;
    gap:16px; margin-top:26px; flex-wrap:wrap;
  }
  .contact-page .form-foot .sla{
    font-family:'JetBrains Mono',monospace;
    font-size:11px; color:var(--ink-soft); letter-spacing:.03em;
  }
  .contact-page .sent{
    --clip-cut:14px;
    padding:26px 28px; margin-top:22px;
  }
  .contact-page .sent::before{background:var(--green);}
  .contact-page .sent::after{background:rgba(15,138,83,.06);}
  .contact-page .sent h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:19px; color:var(--green); margin:0 0 6px;
  }
  .contact-page .sent p{
    font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0;
  }

  .contact-page .side{display:flex; flex-direction:column; gap:20px;}
  .contact-page .card{
    --clip-cut:14px;
    padding:24px;
  }
  .contact-page .card h3{
    font-family:'Space Grotesk',sans-serif;
    font-size:17px; font-weight:600; margin:0 0 14px;
  }
  .contact-page .kv{
    display:flex; gap:12px; padding:11px 0;
    border-bottom:1px solid var(--line); font-size:13.5px;
  }
  .contact-page .kv:last-child{border-bottom:none; padding-bottom:0;}
  .contact-page .kv .k{
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px; letter-spacing:.04em; color:var(--ink-soft);
    text-transform:uppercase; width:82px; flex:0 0 auto; padding-top:2px;
  }
  .contact-page .kv .v{color:var(--ink); line-height:1.55;}
  .contact-page .kv .v a{border-bottom:1px solid var(--line); text-decoration:none; color:inherit;}
  .contact-page .kv .v a:hover{color:var(--cyan-deep); border-color:var(--cyan-deep);}
  .contact-page .hours{list-style:none; margin:0; padding:0;}
  .contact-page .hours li{
    display:flex; justify-content:space-between;
    padding:9px 0; border-bottom:1px solid var(--line); font-size:13.5px;
  }
  .contact-page .hours li:last-child{border-bottom:none;}
  .contact-page .hours li.today{font-weight:600;}
  .contact-page .hours li.today .t{color:var(--green);}
  .contact-page .hours .t{
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px; color:var(--ink-soft);
  }
  .contact-page .hours li.closed .t{color:var(--red);}
  .contact-page .map-embed{
    position:relative; height:230px; overflow:hidden;
    margin:-24px -24px 20px; border-bottom:1px solid var(--line);
    background:var(--surface);
  }
  .contact-page .map-embed iframe{width:100%; height:100%; border:0; display:block;}
  .contact-page .map-embed .open-map{
    position:absolute; right:12px; bottom:12px;
    background:#fff; border:1px solid var(--line);
    border-radius:var(--radius);
    padding:7px 13px; font-family:'JetBrains Mono',monospace;
    font-size:10.5px; letter-spacing:.03em; text-decoration:none; color:inherit;
  }
  .contact-page .map-embed .open-map:hover{border-color:var(--ink);}
  .contact-page .card--dark::before,
  .contact-page .card--dark::after{
    background:var(--ink);
  }
  .contact-page .card--dark{color:#fff;}
  .contact-page .card--dark h3{color:#fff;}
  .contact-page .card--dark p{
    font-size:13.3px; color:rgba(255,255,255,.7);
    line-height:1.6; margin:0 0 16px;
  }
  .contact-page .card--dark .card-cta{
    background:var(--cyan-deep); width:100%;
  }
  .contact-page .btn-sm{padding:9px 18px; font-size:13px;}

  .faq-outer.contact-faq{
    width:100vw; margin-left:calc(50% - 50vw);
    background:var(--surface);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    margin-top:76px;
  }
  .contact-faq .faq{
    max-width:1240px; margin:0 auto; padding:64px 32px;
  }
  .contact-faq .faq-head{margin-bottom:30px;}
  .contact-faq .faq-head .tag{
    font-family:'JetBrains Mono',monospace;
    font-size:12px; color:var(--cyan-deep);
    text-transform:uppercase; letter-spacing:.06em;
    display:block; margin-bottom:8px;
  }
  .contact-faq .faq-head h2{
    font-family:'Space Grotesk',sans-serif;
    font-size:28px; font-weight:600; letter-spacing:-.01em; margin:0;
  }
  .contact-faq .faq-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:0 32px;
  }
  .contact-faq details.q{
    border-bottom:1px solid var(--line); background:none;
  }
  .contact-faq details.q > summary{
    list-style:none; cursor:pointer; padding:17px 2px;
    font-size:14.5px; font-weight:500;
    display:flex; align-items:center; justify-content:space-between; gap:14px;
  }
  .contact-faq details.q > summary::-webkit-details-marker{display:none;}
  .contact-faq details.q > summary::after{
    content:'+'; font-family:'JetBrains Mono',monospace;
    font-size:16px; color:var(--ink-soft);
  }
  .contact-faq details.q[open] > summary::after{content:'−';}
  .contact-faq details.q > summary:hover{color:var(--cyan-deep);}
  .contact-faq details.q p{
    font-size:13.8px; color:var(--ink-soft);
    line-height:1.7; padding:0 2px 18px; margin:0;
  }

  @media (max-width:1100px){
    .contact-page .channels{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:980px){
    .contact-page .contact{grid-template-columns:1fr; gap:26px;}
    .contact-faq .faq-grid{grid-template-columns:1fr;}
  }
  @media (max-width:640px){
    .contact-page .channels{grid-template-columns:1fr;}
    .contact-page .form-card{padding:24px 20px 28px;}
    .contact-page .row{grid-template-columns:1fr; gap:0;}
    .contact-page .form-foot .btn{width:100%;}
    .contact-faq .faq{padding:48px 18px;}
  }