/* Mevcut CSS'nin en altina ekleyin. Yalnizca /web/ sayfasini etkiler. */
body.page-id-1021 .colombo-premium-hero::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(22,15,11,.82) 0%, rgba(22,15,11,.52) 42%, rgba(22,15,11,.08) 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 240px);
  mask-image: linear-gradient(to bottom, transparent 0, #000 240px);
}
body.page-id-1021 .colombo-premium-hero > .wpb_column {
  position: relative;
  z-index: 1;
}
body.page-id-1021 .colombo-premium-copy .colombo-eyebrow {
  color: #fff5e5;
}
body.page-id-1021 .colombo-premium-intro {
  padding-left: max(6vw, 24px) !important;
  padding-right: max(6vw, 24px) !important;
}
@media (max-width: 767px) {
  body.page-id-1021 .colombo-premium-hero::before {
    background: linear-gradient(90deg, rgba(22,15,11,.84), rgba(22,15,11,.38));
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 120px);
    mask-image: linear-gradient(to bottom, transparent 0, #000 120px);
  }
  body.page-id-1021 .colombo-premium-intro {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* /web/ sayfasi: kisa banner. Mevcut CSS'nin sonuna ekleyin. */
body.page-id-1021 .colombo-premium-hero {
  min-height: 580px !important;
  height: auto !important;
  padding-top: 155px !important;
  padding-bottom: 65px !important;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(22,15,11,0) 0%, rgba(22,15,11,.12) 20%, rgba(22,15,11,.62) 58%, rgba(22,15,11,.65) 100%), url("https://colombo.com.tr/wp-content/uploads/2026/08/colomboslider.png") !important;
  background-size: cover !important;
  background-position: center center !important;
}
body.page-id-1021 .colombo-premium-hero::before {
  display: none !important;
}
body.page-id-1021 .colombo-premium-copy h1 {
  font-size: 68px;
  line-height: 1.06;
  margin-bottom: 20px;
}
body.page-id-1021 .colombo-premium-copy .colombo-eyebrow {
  color: #fff5e5;
  margin-bottom: 18px;
}
body.page-id-1021 .colombo-premium-copy .colombo-lead {
  font-size: 16px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  body.page-id-1021 .colombo-premium-hero {
    min-height: 520px !important;
    padding-top: 125px !important;
    padding-bottom: 45px !important;
    background-position: 58% center !important;
  }
  body.page-id-1021 .colombo-premium-copy h1 {
    font-size: 44px;
  }
  body.page-id-1021 .colombo-premium-copy .colombo-lead {
    font-size: 15px;
  }
}

/* WPBakery anasayfa devamı. Mevcut banner/form stillerinden bağımsız. */
.clv-section{--clv-ink:#302820;--clv-muted:#786c5e;background:#f7f4ee;color:var(--clv-ink);margin-bottom:0!important;padding-left:max(24px,calc((100vw - 1160px)/2))!important;padding-right:max(24px,calc((100vw - 1160px)/2))!important}
.clv-section .wpb_text_column,.clv-section .wpb_single_image{margin-bottom:0}
.clv-section h2,.clv-section h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;color:inherit;line-height:1.12;margin:0 0 26px}
.clv-section h2{font-size:clamp(36px,4.5vw,60px)}
.clv-section h2 em{font-weight:400;color:#907b5e}
.clv-section p{font-size:14px;line-height:1.9;color:var(--clv-muted);margin:0 0 18px}
.clv-section p.clv-eyebrow{font:600 10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.2em;color:#806d53;margin:0 0 24px}
.clv-section a{text-decoration:none;color:inherit}
.clv-section a:focus-visible{outline:2px solid #94794d;outline-offset:5px}
.clv-section .clv-link{display:inline-flex;gap:36px;align-items:center;min-height:44px;font-size:12px;color:var(--clv-ink);border-bottom:1px solid #b9a98c;padding:8px 0}
.clv-section .clv-link span{font-size:20px}
.clv-intro{padding-top:85px!important;padding-bottom:95px!important}
.clv-intro-copy>.vc_column-inner{padding-right:65px!important}
.clv-section p.clv-signature{font:italic 34px Georgia,serif;color:#a58c66;margin:34px 0 0}
.clv-section .clv-signature span{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.23em;margin-top:9px;color:var(--clv-muted)}
.clv-story-image{position:relative;padding:0 0 22px 22px}
.clv-story-image:before{content:'';position:absolute;inset:26px 22px 0 0;border:1px solid #cfbea4;pointer-events:none}
.clv-section .wpb_single_image .vc_figure,.clv-section .wpb_single_image .vc_single_image-wrapper{display:block;width:100%}
.clv-story-image img{position:relative;display:block;width:100%;height:530px!important;max-height:none;object-fit:cover}
.clv-caption p{text-align:right;font:italic 19px Georgia,serif;margin:14px 0 0;color:#907b5e}
.clv-room-heading{background:#eee9df;padding-top:75px!important;padding-bottom:36px!important;scroll-margin-top:110px}
.clv-room-heading h2{margin-bottom:0}
.clv-room-lead{max-width:350px;margin-left:auto}
.clv-room-lead p{margin-bottom:0}
.clv-room-row{background:#eee9df;padding-top:0!important;padding-bottom:38px!important}
.clv-room-two{padding-bottom:85px!important}
.clv-room-card>.vc_column-inner{padding-left:14px!important;padding-right:14px!important}
.clv-room-photo{overflow:hidden;background:#dcd3c3}
.clv-room-photo img{display:block;width:100%;height:auto!important;aspect-ratio:4/4.5;object-fit:cover;transition:transform .45s}
.clv-room-two .clv-room-photo img{aspect-ratio:1.5}
.clv-room-photo:hover img{transform:scale(1.035)}
.clv-section .clv-room-meta{font-size:10px;letter-spacing:.02em;margin:20px 0 10px;line-height:1.7}
.clv-room-meta span{padding:0 9px;color:#b29a78}
.clv-room-card h3{font-size:30px;margin:0 0 8px}
.clv-room-card .clv-link{font-size:11px}
.clv-room-card .wpb_text_column p:last-child{margin-bottom:0}
.clv-city{background:#302820;padding-top:85px!important;padding-bottom:85px!important;color:#f6f1e6}
.clv-city h2{margin-bottom:0}
.clv-city h2 em{color:#baa17a}
.clv-city p.clv-eyebrow{color:#c0a985}
.clv-city p{color:#d4c8b6}
.clv-city-copy{padding-left:45px}
.clv-city .clv-link{color:#fff5e4;border-color:#7e6b50}
.clv-closing{text-align:center;padding-top:80px!important;padding-bottom:85px!important}
.clv-closing h2{font-size:clamp(34px,4vw,53px);margin-bottom:28px}
.clv-section .clv-button{display:inline-flex;align-items:center;gap:45px;min-height:54px;padding:16px 28px;background:#302820;color:#fff7e7;font-size:12px}
.clv-section .clv-button:hover{background:#554432}
.clv-closing p:last-child{margin-bottom:0}
@media(max-width:1024px){.clv-intro-copy>.vc_column-inner{padding-right:25px!important}.clv-story-image img{height:470px!important}.clv-room-card h3{font-size:25px}.clv-city-copy{padding-left:20px}}
@media(max-width:767px){.clv-section{padding-left:16px!important;padding-right:16px!important}.clv-intro{padding-top:48px!important;padding-bottom:55px!important}.clv-intro-copy>.vc_column-inner{padding-right:15px!important}.clv-intro-visual{margin-top:32px}.clv-story-image img{height:400px!important}.clv-room-heading{padding-top:52px!important;padding-bottom:28px!important}.clv-room-lead{max-width:none;margin:16px 0 0}.clv-room-lead br{display:none}.clv-room-row{padding-bottom:0!important}.clv-room-card{margin-bottom:32px}.clv-room-card h3{font-size:29px}.clv-room-photo img,.clv-room-two .clv-room-photo img{aspect-ratio:1.25}.clv-room-two{padding-bottom:22px!important}.clv-city{padding-top:55px!important;padding-bottom:55px!important}.clv-city-copy{padding-left:0;margin-top:26px}.clv-closing{padding-top:55px!important;padding-bottom:60px!important}}
@media(prefers-reduced-motion:reduce){.clv-section *{transition:none!important}}

/* WPBakery anasayfa devamı. Mevcut banner/form stillerinden bağımsız. */
.clv-section{--clv-ink:#302820;--clv-muted:#786c5e;background:#f7f4ee;color:var(--clv-ink);margin-bottom:0!important;padding-left:max(24px,calc((100vw - 1160px)/2))!important;padding-right:max(24px,calc((100vw - 1160px)/2))!important}
.clv-section .wpb_text_column,.clv-section .wpb_single_image{margin-bottom:0}
.clv-section h2,.clv-section h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;color:inherit;line-height:1.12;margin:0 0 26px}
.clv-section h2{font-size:clamp(36px,4.5vw,60px)}
.clv-section h2 em{font-weight:400;color:#907b5e}
.clv-section p{font-size:14px;line-height:1.9;color:var(--clv-muted);margin:0 0 18px}
.clv-section p.clv-eyebrow{font:600 10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.2em;color:#806d53;margin:0 0 24px}
.clv-section a{text-decoration:none;color:inherit}
.clv-section a:focus-visible{outline:2px solid #94794d;outline-offset:5px}
.clv-section .clv-link{display:inline-flex;gap:36px;align-items:center;min-height:44px;font-size:12px;color:var(--clv-ink);border-bottom:1px solid #b9a98c;padding:8px 0}
.clv-section .clv-link span{font-size:20px}
.clv-intro{padding-top:85px!important;padding-bottom:95px!important}
.clv-intro-copy>.vc_column-inner{padding-right:65px!important}
.clv-section p.clv-signature{font:italic 34px Georgia,serif;color:#a58c66;margin:34px 0 0}
.clv-section .clv-signature span{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.23em;margin-top:9px;color:var(--clv-muted)}
.clv-story-image{position:relative;padding:0 0 22px 22px}
.clv-story-image:before{content:'';position:absolute;inset:26px 22px 0 0;border:1px solid #cfbea4;pointer-events:none}
.clv-section .wpb_single_image .vc_figure,.clv-section .wpb_single_image .vc_single_image-wrapper{display:block;width:100%}
.clv-story-image img{position:relative;display:block;width:100%;height:530px!important;max-height:none;object-fit:cover}
.clv-caption p{text-align:right;font:italic 19px Georgia,serif;margin:14px 0 0;color:#907b5e}
.clv-room-heading{background:#eee9df;padding-top:75px!important;padding-bottom:36px!important;scroll-margin-top:110px}
.clv-room-heading h2{margin-bottom:0}
.clv-room-lead{max-width:350px;margin-left:auto}
.clv-room-lead p{margin-bottom:0}
.clv-room-row{background:#eee9df;padding-top:0!important;padding-bottom:38px!important}
.clv-room-two{padding-bottom:85px!important}
.clv-room-card>.vc_column-inner{padding-left:14px!important;padding-right:14px!important}
.clv-room-photo{overflow:hidden;background:#dcd3c3}
.clv-room-photo img{display:block;width:100%;height:auto!important;aspect-ratio:4/4.5;object-fit:cover;transition:transform .45s}
.clv-room-two .clv-room-photo img{aspect-ratio:1.5}
.clv-room-photo:hover img{transform:scale(1.035)}
.clv-section .clv-room-meta{font-size:10px;letter-spacing:.02em;margin:20px 0 10px;line-height:1.7}
.clv-room-meta span{padding:0 9px;color:#b29a78}
.clv-room-card h3{font-size:30px;margin:0 0 8px}
.clv-room-card .clv-link{font-size:11px}
.clv-room-card .wpb_text_column p:last-child{margin-bottom:0}
.clv-city{background:#302820;padding-top:85px!important;padding-bottom:85px!important;color:#f6f1e6}
.clv-city h2{margin-bottom:0}
.clv-city h2 em{color:#baa17a}
.clv-city p.clv-eyebrow{color:#c0a985}
.clv-city p{color:#d4c8b6}
.clv-city-copy{padding-left:45px}
.clv-city .clv-link{color:#fff5e4;border-color:#7e6b50}
.clv-closing{text-align:center;padding-top:80px!important;padding-bottom:85px!important}
.clv-closing h2{font-size:clamp(34px,4vw,53px);margin-bottom:28px}
.clv-section .clv-button{display:inline-flex;align-items:center;gap:45px;min-height:54px;padding:16px 28px;background:#302820;color:#fff7e7;font-size:12px}
.clv-section .clv-button:hover{background:#554432}
.clv-closing p:last-child{margin-bottom:0}
@media(max-width:1024px){.clv-intro-copy>.vc_column-inner{padding-right:25px!important}.clv-story-image img{height:470px!important}.clv-room-card h3{font-size:25px}.clv-city-copy{padding-left:20px}}
@media(max-width:767px){.clv-section{padding-left:16px!important;padding-right:16px!important}.clv-intro{padding-top:48px!important;padding-bottom:55px!important}.clv-intro-copy>.vc_column-inner{padding-right:15px!important}.clv-intro-visual{margin-top:32px}.clv-story-image img{height:400px!important}.clv-room-heading{padding-top:52px!important;padding-bottom:28px!important}.clv-room-lead{max-width:none;margin:16px 0 0}.clv-room-lead br{display:none}.clv-room-row{padding-bottom:0!important}.clv-room-card{margin-bottom:32px}.clv-room-card h3{font-size:29px}.clv-room-photo img,.clv-room-two .clv-room-photo img{aspect-ratio:1.25}.clv-room-two{padding-bottom:22px!important}.clv-city{padding-top:55px!important;padding-bottom:55px!important}.clv-city-copy{padding-left:0;margin-top:26px}.clv-closing{padding-top:55px!important;padding-bottom:60px!important}}
@media(prefers-reduced-motion:reduce){.clv-section *{transition:none!important}}