/* ÖZDOĞAN REKLAM — Modern corporate red / white theme, v3.1
   Layered after ozdogan.css. No changes to underlying PHP routes or data model. */
:root {
  --ink: #191b21;
  --ink-2: #292e37;
  --cream: #f9fafb;
  --cream-2: #f3f4f6;
  --paper: #ffffff;
  --muted: #6b7280;
  --line: #e7e8ed;
  --gold: #cf2035;
  --gold-deep: #b6182c;
  --red: #cf2035;
  --red-dark: #971126;
  --red-light: #fff0f2;
  --text: #22252d;
  --radius: 14px;
}
html { color-scheme: light; }
body { background: #fff; color: var(--text); font-family: 'DM Sans', sans-serif; }
h1, h2, h3 { letter-spacing: -.052em; }
.container { width: min(100% - 68px, 1250px); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #f35e6f; outline-offset: 3px; }
.top-strip { background: #181a20; color: #d0d1d7; font-size: 11px; letter-spacing: .035em; }
.top-inner { min-height: 37px; }
.top-dot { background: #ec3348; }
.top-sep { background: #474a54; }
.top-contact a:hover { color: #fff; }
.site-header { background: #fff; border-bottom: 1px solid #eaebef; box-shadow: 0 5px 22px rgba(36, 40, 48, .035); }
.header-inner { height: 94px; gap: 28px; }
.brand { min-width: 270px; max-width: 282px; }
.brand img, .brand>img { width: min(100%, 270px); max-width: 270px; max-height: 62px; height: auto; object-fit: contain; object-position: left center; }
.brand-type strong { color: #17191e; }
.brand-type small { color: var(--red); }
.brand-monogram { background: #23262e; color: #fff; border-radius: 10px; }
.brand-spark { color: #e12940; }
.desktop-nav { gap: 23px; font-size: 12.5px; }
.desktop-nav>a, .nav-dropdown>a { padding: 39px 0; }
.desktop-nav a:hover, .desktop-nav a.active { color: #ba1d31; }
.desktop-nav>a.active:after, .nav-dropdown>a.active:after { height: 3px; background: var(--red); }
.dropdown-panel { box-shadow: 0 24px 50px #181b2821; border: 1px solid #e9e9ee; border-radius: 0 0 14px 14px; }
.dropdown-intro { background: #fff1f3; }
.dropdown-intro>a { color: var(--red-dark); }
.dropdown-links a:hover { background: #fef1f3; color: #aa142a; }
.header-phone { color: #252830; }
.btn { border-radius: 8px; font-size: 12px; letter-spacing: .005em; gap: 18px; min-height: 47px; }
.btn-dark { background: #22252d; color: #fff; }
.btn-dark:hover { background: #333842; }
.btn-gold { background: var(--red); color: #fff; box-shadow: 0 10px 30px rgba(207, 32, 53, .15); }
.btn-gold:hover { background: #ae172d; color: #fff; }
.btn-outline { border-color: #9c9fa8; color: #242730; background: #fff; }
.btn-outline:hover { color: var(--red-dark); background: #fff; border-color: var(--red); }
.header-actions .btn-header { background: var(--red); color: #fff; padding: 13px 19px; }
.header-actions .btn-header:hover { background: var(--red-dark); }
.mobile-toggle span { background: #292b32; }
.mobile-nav:not([hidden]) { background: #fff; box-shadow: 0 16px 30px #21212920; }
.mobile-nav a:hover, .mobile-nav a:focus { color: var(--red); }
.mobile-nav .mobile-cta { background: var(--red); color: #fff; border-radius: 8px; padding: 14px; margin-top: 10px; }
.eyebrow { color: var(--red); }
.eyebrow-line { background: var(--red); }
.eyebrow-light { color: #ffb8c1; }
/* Main hero: airy white copy + vivid red feature image panel */
.hero { background: #fff; color: #242630; }
.hero:before { content: ''; position: absolute; width: 680px; height: 680px; left: -470px; top: -340px; background: radial-gradient(circle,#fff0f3 0%,transparent 69%); pointer-events: none; }
.hero-layout { grid-template-columns: 55% 45%; min-height: 620px; }
.hero-copy { padding: 106px 45px 88px 0; }
.hero-kicker { color: var(--red); letter-spacing: .17em; font-size: 10px; margin-bottom: 30px; }
.kicker-star { color: var(--red); }
.hero h1 { color: #1a1c23; font-size: clamp(45px,4.6vw,70px); line-height: 1.12; font-weight: 800; }
.hero h1 span { color: var(--red); }
.hero h1 em { color: #292b32; font-family: Georgia, serif; font-weight: 400; }
.hero-description { color: #636772; max-width: 505px; font-size: 15px; line-height: 1.95; }
.hero-buttons { margin-top: 33px; }
.hero-buttons .btn-outline { border-color: #d4d6dd; }
.hero-bottom { margin-top: 66px; }
.hero-bottom strong { color: #23252d; }
.hero-bottom strong span { color: var(--red); }
.hero-bottom small { color: #737680; }
.hero-divider { background: #e0e2e7; }
.hero-art { isolation: isolate; background: radial-gradient(circle at 38% 29%,#ee6274 0%,#da253c 36%,#b61b31 74%,#951427 100%); overflow: hidden; }
.hero-art:before { content: ''; position: absolute; inset: 25px; border: 1px solid #ffffff35; border-radius: 50%; transform: scale(1.4); }
.hero-art:after { content: ''; position: absolute; background: #fff; width: 360px; height: 360px; filter: blur(110px); opacity: .08; border-radius: 50%; top: -30px; right: -150px; pointer-events: none; }
.hero-showcase { width: 112%; max-width: unset; height: 95%; object-fit: contain; position: absolute; left: -8%; top: 1%; filter: drop-shadow(0 26px 29px rgba(64, 7, 18, .28)); }
.art-topline, .art-bottomline { position: absolute; z-index: 2; display: flex; justify-content: space-between; color: #ffffffbd; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.art-topline { top: 29px; left: 30px; right: 30px; }
.art-bottomline { bottom: 31px; left: 30px; right: 30px; }
.art-caption { position: absolute; z-index: 2; right: 22px; bottom: 92px; background: #fff; border-radius: 9px; box-shadow: 0 14px 36px #51132333; padding: 17px 21px; }
.art-caption span { color: var(--red); font-size: 9px; letter-spacing: .2em; font-weight: 800; }
.art-caption strong { color: #24252d; line-height: 1.28; font-size: 18px; display: block; margin-top: 6px; }
.hero-corner { color: #6f727c; background: #fff; border-top: 1px solid #f1f1f2; }
.hero-corner span { color: var(--red); }
.features-strip { background: #f9f9fa; border-bottom: 1px solid #eeeef1; }
.features-inner { color: #535660; }
.features-inner span+span { border-color: #e3e3e8; }
.features-inner i { color: var(--red); }
.section { padding: 90px 0; }
.section-tint { background: #f7f8fa; }
.section-header h2 { color: #22242a; }
.section-header p { color: #71747e; }
.text-link, .text-link:hover { color: var(--red-dark); }
.category-grid { gap: 18px; }
.category-card { border: 1px solid #eeedf0; border-radius: 13px; overflow: hidden; box-shadow: 0 9px 26px rgba(29, 31, 37, .025); }
.category-card:hover { box-shadow: 0 18px 35px #29304413; border-color: #f5b9c0; }
.category-card-visual { height: 176px; }
.category-gold .category-card-visual { background: linear-gradient(135deg,#ffecef,#f6d9de); }
.category-sky .category-card-visual { background: linear-gradient(135deg,#f2f4f8,#e3e8ee); }
.category-rose .category-card-visual { background: linear-gradient(135deg,#fbe4e9,#fac5cf); }
.category-sage .category-card-visual { background: linear-gradient(135deg,#f4f3f3,#e7e5e5); }
.category-violet .category-card-visual { background: linear-gradient(135deg,#ffe7eb,#f2d0d8); }
.category-sand .category-card-visual { background: linear-gradient(135deg,#f8f6f7,#eceaec); }
.category-card .placeholder-mark { color: #ca4055; opacity: .85; }
.image-placeholder small { color: #86838b; }
.category-card-info { border-top: 1px solid #f1f0f1; min-height: 109px; }
.category-card-info h3 { color: #292b32; }
.circle-arrow { background: #fdf0f2; color: var(--red); }
.category-card:hover .circle-arrow { background: var(--red); color: #fff; }
.product-grid { gap: 18px; }
.product-card { border: 1px solid #eeedf0; border-radius: 13px; overflow: hidden; box-shadow: 0 8px 25px #161c2607; }
.product-card:hover { box-shadow: 0 20px 35px #161c2616; }
.product-image { background: #f4f4f6; }
.product-image .placeholder-mark { color: #ce4354; }
.view-tag { background: var(--red); color: #fff; }
.product-kicker { color: var(--red); }
.product-body h3 a:hover, .arrow-link { color: var(--red); }
.story-band { background: #f8f9fa; }
.story-photo { background: linear-gradient(138deg,#de243e,#b4162d 58%,#7e1022); border-radius: 12px; overflow: hidden; }
.story-big { color: #ffffff; }
.story-small { color: #fff; }
.story-stamp { background: #fff; color: #292d34; border: 1px solid #eeedf0; }
.story-stamp strong { color: var(--red); }
.story-copy h2 em { color: var(--red); }
.check-grid { color: #444950; }
.services-grid { gap: 18px; }
.service-card { border: 1px solid #ececf0; background: #fff; border-radius: 13px; }
.service-card:hover { background: #fff4f5; border-color: #f3c5cc; }
.service-number, .service-symbol, .service-card>span { color: var(--red); }
.service-card:hover p { color: #565a65; }
.process-section { background: #22242b; }
.process-grid h2 em { color: #ff9aa8; }
.process-list>div { border-color: #53555c; }
.process-list span { color: #ff9aa8; }
.wide-cta { background: linear-gradient(115deg,#b4172e,#db283f 70%,#ed3549); color: #fff; }
.wide-cta:after { border-color: #ffffff17; }
.wide-cta h2, .wide-cta h2 em { color: #fff; }
.wide-cta p { color: #ffdae0; }
.wide-cta .eyebrow { color: #fff; }
.wide-cta .eyebrow-line { background: #fff; }
.wide-cta .btn-gold { background: #fff; color: #b4162b; box-shadow: 0 11px 20px #4d0c1a1e; }
.wide-cta .btn-gold:hover { background: #fff1f3; }
.cta-whatsapp { color: #fff; }
.site-footer { background: #202229; color: #f4f4f6; }
.footer-brand span { color: #ff6f80; }
.footer-about p { color: #b6b8bf; }
.footer-mark span { color: #f2586c; }
.footer-col h3 { color: #fff; }
.footer-col a,.footer-col p { color: #b6b8bf; }
.footer-col a:hover { color: #ff8e9c; }
.footer-bottom { border-color: #41434c; }
.footer-bottom p,.footer-bottom a { color: #999ba6; }
.footer-logo-shell { display: inline-flex; align-items: center; padding: 13px 18px; background: #fff; border-radius: 9px; }
.footer-logo-shell img { width: 240px; height: auto; object-fit: contain; }
.floating-wa { background: #168457; }
.inner-hero { background: linear-gradient(125deg,#2b2c33,#202128 62%,#7b1a29); }
.inner-lines, .inner-lines:after { border-color: #ffffff16; }
.breadcrumb a:last-child { color: #ffd5dc; }
.catalog-search input, .contact-form input,.contact-form textarea { border: 1px solid #dedfe4; border-radius: 7px; }
.catalog-search input:focus,.contact-form input:focus,.contact-form textarea:focus { border-color: var(--red); outline: 2px solid #fae5e9; }
.catalog-search button,.pagination a[aria-current="page"] { background: var(--red); color: #fff; }
.category-chips a:hover, .pagination a:hover { color: var(--red); border-color: var(--red); }
.detail-benefits span:before, .detail-info .eyebrow, .detail-help a { color: var(--red); }
.about-visual { background: linear-gradient(140deg,#f9d5db,#e21e38 55%,#9f1730); }
.about-visual>span { color: #fff; }
.values-grid>div { border: 1px solid #ececf0; border-radius: 12px; }
.values-grid span, .contact-info-item>span { color: var(--red); }
.form-box { border: 1px solid #ededf1; border-radius: 14px; box-shadow: 0 15px 45px #1b1d2511; }
.form-footer .btn { background: var(--red); }
.form-footer .btn:hover { background: var(--red-dark); }
.service-detail-visual { background: #fff0f3; color: var(--red); }
/* Logo fallback: the original is loaded directly, with typographic fallback if remote image fails. */
.brand-fallback { display: none; flex-direction: column; line-height: 1.05; white-space: nowrap; }
.brand-fallback strong { color: #1e1e22; font-family: Manrope, sans-serif; font-size: 28px; font-weight: 900; letter-spacing: -.055em; }
.brand-fallback small { color: var(--red); font-family: Manrope, sans-serif; font-size: 12px; font-weight: 900; letter-spacing: .025em; padding-top: 5px; }
.brand.logo-unavailable .brand-fallback { display: flex; }
.brand.logo-unavailable>img { display: none; }
@media(max-width:1150px){ .brand{min-width:220px;max-width:225px}.brand img,.brand>img{max-width:225px}.desktop-nav{gap:17px}.hero-layout{grid-template-columns:54% 46%}.hero-copy{padding-right:24px}.hero-showcase{width:125%;left:-15%} }
@media(max-width:960px){.container{width:min(100% - 40px,1250px)}.header-inner{height:80px}.brand{min-width:0;max-width:250px}.brand img,.brand>img{width:250px;max-width:250px;max-height:58px}.hero-art{overflow:hidden}.hero-showcase{width:110%;left:-6%} }
@media(max-width:680px){.container{width:min(100% - 34px,1250px)}.header-inner{height:70px}.brand{max-width:215px}.brand img,.brand>img{width:210px;max-width:210px;max-height:48px}.brand-fallback strong{font-size:22px}.brand-fallback small{font-size:9px}.hero-layout{display:flex;flex-direction:column}.hero-copy{padding:64px 0 48px}.hero-kicker{font-size:9px;margin-bottom:23px}.hero h1{font-size:clamp(40px,10vw,52px)}.hero-description{font-size:14px}.hero-bottom{margin-top:38px}.hero-art{height:380px;margin:0 -17px}.hero-showcase{height:95%;width:100%;left:0;top:1%}.art-topline{left:20px;right:20px;top:20px;font-size:8px}.art-bottomline{left:20px;right:20px;bottom:20px;font-size:8px}.art-caption{right:14px;bottom:67px;padding:12px 15px}.art-caption strong{font-size:14px}.hero-corner{display:none}.section{padding:64px 0}.category-grid,.product-grid{gap:12px}.category-card-visual{height:140px}.category-card-info{padding:14px;min-height:99px}.category-card-info h3{font-size:13px}.story-photo{min-height:305px}.footer-logo-shell img{width:220px}.footer-about{grid-column:span 2} }
/* Show an immediate wordmark while the supplied remote original image loads. */
.brand { position: relative; min-height: 60px; }
.brand>img { opacity: 0; transition: opacity .15s ease-out; }
.brand.logo-loaded>img { opacity: 1; }
.brand-fallback { display: flex; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); }
.brand.logo-loaded .brand-fallback { display: none; }
.footer-logo-shell { min-height: 68px; min-width: 255px; justify-content: flex-start; position: relative; }
.footer-logo-shell>img { opacity: 0; }
.footer-logo-shell.logo-loaded>img { opacity: 1; }
.footer-logo-fallback { display: flex; flex-direction: column; line-height: 1.05; color: #202027; font-weight: 900; }
.footer-logo-fallback strong { font: 900 24px Manrope, sans-serif; letter-spacing: -.06em; }
.footer-logo-fallback small { color: var(--red); font: 800 10px Manrope,sans-serif; margin-top: 5px; }
.footer-logo-shell.logo-loaded .footer-logo-fallback { display: none; }
@media (max-width:680px) {
 .brand { min-height: 46px; }
 .footer-logo-shell { min-width: 225px; min-height: 59px; }
}