/* Özdoğan Reklam v4 — premium editorial corporate style. Additive to v3, no SEO/routes changed. */
:root { --v4-red:#b71933; --v4-red-dark:#951126; --v4-ink:#20232a; --v4-muted:#70737b; --v4-hairline:#e9e7e6; --v4-snow:#faf9f8; --v4-pink:#f8eff0; }
html { scroll-padding-top:90px; }
body { color:var(--v4-ink); }
.top-strip { background:#24262e; color:#eaebef; }
.top-inner { min-height:34px; }
.top-dot { background:#ff8ca0; }
.site-header { box-shadow:none; border-bottom:1px solid #eae9e9; }
.header-inner { height:86px; }
.desktop-nav { gap:26px; font-weight:700; }
.desktop-nav>a,.nav-dropdown>a { padding:33px 0; }
.desktop-nav a.active:after,.nav-dropdown>a.active:after { bottom:20px; height:2px; }
.header-actions .btn-header { border-radius:999px; padding:14px 22px; }
.btn, .btn-gold, .btn-dark { border-radius:8px; }
.section { padding:98px 0; }
.section-tint { background:#fafafa; }
.section-header { margin-bottom:34px; }
.section-header h2 { color:var(--v4-ink); font-size:clamp(33px,3.4vw,47px); letter-spacing:-.062em; line-height:1.2; }
.section-header p { max-width:540px; color:var(--v4-muted); }
.eyebrow { gap:11px; letter-spacing:.15em; }
.eyebrow-line { width:23px; }
.text-link { color:var(--v4-ink); border-bottom:1px solid #aeb0b5; padding-bottom:8px; }
.text-link span { color:var(--v4-red); }
/* Hero — a gallery stage with CMS-managed photographic slide content. */
.v4-hero { background:#fcfbfa; position:relative; overflow:hidden; isolation:isolate; }
.v4-hero:before { content:""; position:absolute; left:-10%; top:0; width:56%; height:100%; background:radial-gradient(circle at 25% 35%,#fdf1f2 0,transparent 55%); z-index:-1; pointer-events:none; }
.v4-hero-grid { display:grid; grid-template-columns:47.5% minmax(0,52.5%); align-items:stretch; min-height:705px; }
.v4-hero-copy { padding:92px 42px 54px 0; display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:2; }
.v4-eyebrow { display:flex; align-items:center; gap:10px; color:var(--v4-red); font-size:10px; font-weight:800; letter-spacing:.125em; white-space:nowrap; }
.v4-line { width:28px; height:1px; background:var(--v4-red); }
.v4-eyebrow-dot { width:4px; height:4px; border-radius:50%; background:#d7b5bb; }
.v4-hero h1 { font:800 clamp(46px,4.28vw,70px)/1.095 'Manrope',sans-serif; letter-spacing:-.078em; color:#202228; margin:34px 0 27px; }
.v4-hero h1 span { color:var(--v4-red); position:relative; }
.v4-hero h1 span:after { content:""; position:absolute; left:0; right:0; bottom:2px; height:1px; background:#db8898; }
.v4-lead { font-size:15px; line-height:1.93; color:#696e77; max-width:470px; margin:0; }
.v4-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.v4-button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:27px; font-size:12px; font-weight:800; letter-spacing:-.005em; padding:0 22px; border:1px solid transparent; border-radius:9px; transition:transform .25s,background .25s,border-color .25s; }
.v4-button:hover { transform:translateY(-3px); }
.v4-button>span { font-size:18px; font-weight:400; }
.v4-primary { background:var(--v4-red); color:#fff; box-shadow:0 14px 25px #b719331c; }
.v4-primary:hover { background:var(--v4-red-dark); }
.v4-secondary { background:#fff; color:#272a31; border-color:#dedee0; }
.v4-secondary:hover { border-color:#a7a9ad; }
.v4-hero-proof { margin-top:auto; display:flex; align-items:center; gap:15px; padding-top:55px; }
.v4-proof-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #efcbd1; color:var(--v4-red); font-size:25px; border-radius:50%; }
.v4-hero-proof strong { font-size:12px; font-weight:800; display:block; }
.v4-hero-proof small { display:block; color:#92949a; font-size:11px; margin-top:4px; }
.v4-hero-frame { min-width:0; padding:27px 0 28px 18px; display:flex; flex-direction:column; }
.v4-hero-slider { position:relative; flex:1; min-height:605px; border-radius:22px; overflow:hidden; background:#90132a; isolation:isolate; box-shadow:0 26px 44px #91102a1d; }
.v4-hero-slider:focus-within { outline:2px solid transparent; }
.v4-slide { opacity:0; visibility:hidden; position:absolute; inset:0; z-index:0; transition:opacity .7s ease,visibility .7s; background:radial-gradient(ellipse at 46% 23%,#ee5369 0%,#c52b42 35%,#951329 76%,#741024 100%); }
.v4-slide:nth-of-type(2) { background:radial-gradient(ellipse at 48% 23%,#ca4657 0%,#ad253a 38%,#771225 90%); }
.v4-slide:nth-of-type(3) { background:radial-gradient(ellipse at 48% 26%,#db6875 0%,#aa243a 43%,#721029 100%); }
.v4-slide.is-active { opacity:1; visibility:visible; z-index:1; }
.v4-slide-photo { position:absolute; z-index:0; width:100%; height:100%; inset:0; object-fit:cover; transition:transform 7s ease; }
.v4-slide.is-active .v4-slide-photo { transform:scale(1.045); }
.v4-slide-photo.is-artwork { width:109%; height:86%; max-width:none; left:-4.5%; top:2%; object-fit:contain; opacity:1; filter:drop-shadow(0 22px 33px #42081931); }
.v4-slide-shade { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(37,6,16,.12) 0%,transparent 30%,rgba(44,5,17,.17) 49%,rgba(29,3,12,.9) 100%); }
.v4-slide-top { position:absolute; z-index:3; left:34px; right:34px; top:32px; display:flex; align-items:center; justify-content:space-between; color:#fff; font-size:10px; letter-spacing:.17em; font-weight:600; }
.v4-slide-top b { font-weight:800; }
.v4-slide-text { position:absolute; z-index:3; left:40px; right:118px; bottom:101px; color:#fff; }
.v4-slide-label { font-size:10px; letter-spacing:.17em; color:#ffd2d9; font-weight:800; display:block; margin-bottom:14px; }
.v4-slide-text h2 { color:#fff; font-size:clamp(28px,3.1vw,43px); letter-spacing:-.045em; line-height:1.17; margin:0 0 9px; }
.v4-slide-text p { color:#f4dfe3; font-size:13px; max-width:425px; line-height:1.65; margin:0; }
.v4-slide-link { display:inline-flex; align-items:center; gap:23px; border-bottom:1px solid #ffffffba; color:#fff; margin-top:13px; padding-bottom:8px; font-size:12px; font-weight:800; }
.v4-slide-link span { font-size:17px; }
.v4-slide-link:hover { color:#fff4c8; border-color:#fff4c8; }
.v4-slide-nav { position:absolute; z-index:7; left:40px; right:31px; bottom:26px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.v4-slide-progress { display:flex; gap:9px; align-items:center; }
.v4-slide-dot { border:0; background:transparent; width:38px; height:24px; display:grid; align-items:center; padding:8px 0; }
.v4-slide-dot span { height:2px; border-radius:99px; background:#ffffff70; width:100%; display:block; transition:background .2s,height .2s; }
.v4-slide-dot.is-current span { height:3px; background:#fff; }
.v4-slide-arrows { display:flex; gap:8px; }
.v4-slide-arrows button { width:43px; height:43px; background:#ffffff1a; color:white; border:1px solid #ffffff88; display:grid; place-items:center; border-radius:50%; font-size:20px; transition:background .2s; }
.v4-slide-arrows button:hover { background:#fff; color:#9f1830; }
.v4-slide-arrows button:focus-visible, .v4-slide-dot:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.v4-frame-note { display:flex; align-items:center; gap:9px; font-size:9px; letter-spacing:.19em; font-weight:800; color:#8f8d92; margin-top:17px; padding:0 3px; }
.v4-frame-note>span:last-child { color:#ba1631; margin-left:auto; }
.v4-frame-square { display:block; width:9px; height:9px; background:var(--v4-red); }
.v4-hero-deco { position:absolute; right:-40px; top:14px; font-size:10px; font-weight:800; color:#c5c0c2; writing-mode:vertical-rl; letter-spacing:.2em; }
/* A restrained service strip with clean, modern dividing hairlines. */
.features-strip { background:#fff; border-top:1px solid #eceaeb; border-bottom:1px solid #eceaeb; }
.features-inner { min-height:86px; }
.features-inner span { font-size:12px; font-weight:700; }
.features-inner span+span { border-left:1px solid #e6e3e5; }
.features-inner i { font-size:19px; }
/* Category cards become editorial photo tiles when CMS images are uploaded. */
.categories-section { padding-top:105px; }
.category-grid { gap:15px; }
.category-card { border:1px solid #eceaec; border-radius:15px; background:#fff; box-shadow:none; transition:transform .3s,box-shadow .3s; }
.category-card:hover { transform:translateY(-6px); box-shadow:0 18px 35px #242a3410; }
.category-card-visual { height:210px; }
.category-card-visual img { object-fit:cover; }
.category-gold .category-card-visual { background:#f9e6e8; }
.category-sky .category-card-visual { background:#eeeff3; }
.category-rose .category-card-visual { background:#f8dedf; }
.category-sage .category-card-visual { background:#f6edeb; }
.category-violet .category-card-visual { background:#f6e6e9; }
.category-sand .category-card-visual { background:#e9e8eb; }
.category-card-info { padding:22px 20px; min-height:116px; }
.category-card-info h3 { font-size:16px; line-height:1.35; }
.circle-arrow { width:30px; height:30px; background:#fff1f2; }
/* Gallery preview cards — automatically show category photos stored via CMS. */
.v4-atelier { padding:10px 0 100px; background:#fff; }
.v4-atelier-header { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; padding:26px 0 27px; border-top:1px solid #e7e3e3; }
.v4-atelier-header>span { font-size:10px; font-weight:800; letter-spacing:.18em; color:var(--v4-red); }
.v4-atelier-header p { margin:0; line-height:1.28; font-size:clamp(19px,2vw,27px); font-weight:500; color:#666973; text-align:right; letter-spacing:-.045em; }
.v4-atelier-header strong { color:#20232a; }
.v4-atelier-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:17px; }
.v4-atelier-card { position:relative; min-width:0; border-radius:15px; overflow:hidden; background:#eee8e7; }
.v4-atelier-img { height:320px; background:radial-gradient(circle at 50% 40%,#da6778,#aa1e37 65%,#7b1528); overflow:hidden; }
.v4-atelier-card:nth-child(2) .v4-atelier-img { background:radial-gradient(circle at 50% 40%,#deb5b3,#9a3441 70%,#70212c); }
.v4-atelier-card:nth-child(3) .v4-atelier-img { background:radial-gradient(circle at 50% 40%,#dbafad,#ac253c 66%,#6b1425); }
.v4-atelier-img:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,#2c0d1c80); pointer-events:none; }
.v4-atelier-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.v4-atelier-card:hover .v4-atelier-img img { transform:scale(1.05); }
.v4-atelier-caption { background:#fff; position:relative; padding:21px 20px 22px; min-height:112px; }
.v4-atelier-caption>span:first-child { font-size:9px; color:#a94151; font-weight:800; letter-spacing:.16em; }
.v4-atelier-caption strong { display:block; margin-top:10px; font:800 21px/1.2 Manrope,sans-serif; letter-spacing:-.04em; }
.v4-round-arrow { position:absolute; right:20px; bottom:20px; font-size:21px; color:var(--v4-red); }
/* Product photos: larger visual weight, softer borders, clean typography. */
.product-grid { gap:16px; }
.product-card { border:1px solid #eae9eb; border-radius:14px; overflow:hidden; box-shadow:none; }
.product-card:hover { transform:translateY(-4px); box-shadow:0 18px 35px #181b2312; }
.product-image { height:250px; background:#f5f4f4; }
.product-image>img { transition:transform .4s; }
.product-card:hover .product-image>img { transform:scale(1.035); }
.product-body { padding:22px 19px; }
.product-body h3 { letter-spacing:-.025em; }
.product-bottom { padding-top:16px; border-top:1px solid #edebec; }
.product-kicker { color:#aa4a58; }
.view-tag { border-radius:99px; padding:9px 13px; }
.story-band { background:#f9f8f8; }
.story-photo { background:linear-gradient(140deg,#e7455d,#ac1730 64%,#681020); }
.story-photo-inner { border-color:#ffffff55; }
.story-copy h2 { font-size:clamp(32px,3.4vw,49px); letter-spacing:-.065em; }
.services-grid { gap:17px; }
.service-card { padding:36px 28px; border-radius:14px; }
.service-card:hover { transform:translateY(-3px); box-shadow:0 18px 35px #27202b0c; }
.process-section { background:#22242a; }
.wide-cta { background:linear-gradient(115deg,#9e152c,#c72740); }
.site-footer { background:#22242a; }
/* Responsive: no horizontal overflow, accessible controls. */
@media (max-width:1250px){
 .v4-hero-grid { grid-template-columns:49% 51%; }
 .v4-hero-copy { padding-right:28px; }
 .v4-hero h1 { font-size:clamp(43px,4.3vw,61px); }
 .v4-hero-actions { gap:8px; }
 .v4-button { padding:0 16px; gap:15px; font-size:11px; }
 .v4-hero-deco { display:none; }
}
@media (max-width:960px){
 .v4-hero-grid { grid-template-columns:1fr 1fr; min-height:600px; }
 .v4-hero-copy { padding:70px 22px 40px 0; }
 .v4-hero h1 { font-size:clamp(39px,5vw,53px); margin-top:24px; }
 .v4-hero-slider { min-height:515px; }
 .v4-slide-text { left:28px; right:28px; bottom:95px; }
 .v4-slide-text h2 { font-size:28px; }
 .v4-slide-top { left:27px; right:27px; }
 .v4-slide-nav { left:28px; right:25px; }
 .v4-lead { font-size:13px; }
 .v4-hero-proof { padding-top:30px; }
 .category-card-visual { height:175px; }
 .product-image { height:205px; }
 .v4-atelier-img { height:260px; }
}
@media (max-width:680px){
 html { scroll-padding-top:70px; }
 .top-strip { font-size:10px; }
 .v4-hero-grid { display:flex; flex-direction:column; min-height:auto; }
 .v4-hero-copy { padding:54px 0 30px; }
 .v4-eyebrow { font-size:9px; gap:7px; }
 .v4-line { width:16px; }
 .v4-hero h1 { font-size:clamp(44px,10.1vw,60px); line-height:1.11; letter-spacing:-.074em; margin:25px 0 20px; }
 .v4-hero h1 span:after { bottom:-1px; }
 .v4-lead { font-size:13.5px; line-height:1.85; }
 .v4-hero-actions { margin-top:24px; gap:9px; }
 .v4-button { min-height:49px; padding:0 15px; font-size:11px; gap:11px; }
 .v4-hero-proof { padding-top:28px; }
 .v4-hero-frame { padding:12px 0 23px; margin:0; }
 .v4-hero-slider { min-height:445px; height:445px; border-radius:17px; }
 .v4-slide-photo.is-artwork { width:105%; height:80%; top:1%; left:-2.5%; }
 .v4-slide-top { left:21px; right:21px; top:20px; font-size:9px; }
 .v4-slide-text { bottom:86px; left:22px; right:20px; }
 .v4-slide-label { font-size:9px; margin-bottom:10px; }
 .v4-slide-text h2 { font-size:27px; }
 .v4-slide-text p { font-size:12px; line-height:1.55; }
 .v4-slide-link { margin-top:10px; }
 .v4-slide-nav { left:22px; right:21px; bottom:22px; }
 .v4-slide-dot { width:28px; }
 .v4-slide-arrows button { width:38px; height:38px; }
 .v4-frame-note { font-size:8px; margin-top:12px; }
 .features-inner { min-height:85px; }
 .categories-section { padding-top:70px; }
 .section { padding:70px 0; }
 .section-header h2 { font-size:33px; }
 .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
 .category-card-visual { height:153px; }
 .category-card-info { padding:15px 13px; min-height:105px; }
 .category-card-info h3 { font-size:14px; }
 .v4-atelier { padding:0 0 66px; }
 .v4-atelier-header { align-items:flex-start; flex-direction:column; gap:12px; }
 .v4-atelier-header p { text-align:left; font-size:23px; }
 .v4-atelier-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
 .v4-atelier-card:first-child { grid-column:span 2; }
 .v4-atelier-img { height:195px; }
 .v4-atelier-card:first-child .v4-atelier-img { height:270px; }
 .v4-atelier-caption { padding:15px 14px; min-height:92px; }
 .v4-atelier-caption strong { font-size:15px; margin-top:9px; }
 .v4-round-arrow { right:12px; bottom:14px; }
 .product-grid { gap:11px; }
 .product-image { height:172px; }
 .product-body { padding:17px 13px; }
 .story-copy h2 { font-size:33px; }
}
@media(max-width:365px){ .v4-hero h1 { font-size:42px; } .v4-hero-actions .v4-button { width:100%; } .v4-hero-slider { height:405px; min-height:405px; } .v4-slide-photo.is-artwork { height:75%; } }
@media(prefers-reduced-motion:reduce){ .v4-slide,.v4-slide-photo,.v4-button,.v4-atelier-img img { transition:none!important; } .v4-slide.is-active .v4-slide-photo { transform:none!important; } }