/* Warm outdoor-living direction, adapted from the supplied Pergolux reference.
   All photography and claims remain İDEA's own documented material. */
:root{--ink:#3c2419;--dark:#3c2115;--gold:#fb8751;--paper:#fffaf3;--mist:#f6f0e6;--muted:#756b63;--line:#e9dfd4;font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}
body{background:#fffaf3}
h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:-.055em;line-height:1.1}
h1{font-size:clamp(3.25rem,6vw,6rem)}
h2{font-size:clamp(2.55rem,4.2vw,4.7rem)}
h3{font-size:clamp(1.55rem,2.1vw,2.25rem)}
em{font-style:normal;color:var(--gold)}
.shell{width:min(1460px,calc(100% - 64px))}
.section-pad{padding-block:105px}
.kicker{display:inline-flex;align-items:center;gap:9px;width:max-content;border:1px solid #e9dfd4;border-radius:999px;background:#fff;padding:9px 15px;font-size:.69rem;letter-spacing:0;font-weight:700;text-transform:none;color:var(--ink)}
.kicker:before{content:'';width:6px;height:6px;background:var(--gold);border-radius:1px;margin:0}
.kicker.light{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.18);color:#fff}
.site-header{background:#3c2115}
.home .site-header{position:absolute;top:0;left:0;right:0;background:rgba(42,25,17,.58);backdrop-filter:blur(8px);z-index:40}
.header-inner{min-height:82px}
.brand,.brand small,.primary-nav a,.header-cta{font-family:'DM Sans',Arial,sans-serif}
.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.035em}
.brand img{border-radius:50%;border-color:var(--gold)}
.brand small{letter-spacing:.06em;font-size:.52rem}
.primary-nav a{border:0;font-size:.76rem;text-transform:none;letter-spacing:0;font-weight:700;color:#f2ece6;padding-block:29px}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--gold);border:0}
.header-cta{display:flex;align-items:center;gap:9px;border:0;border-radius:999px;background:#4f2919;color:#fff;padding:7px 17px 7px 7px;text-transform:none;font-size:.78rem;letter-spacing:0;box-shadow:0 10px 24px rgba(45,22,10,.18)}
.header-cta span{display:grid;place-items:center;order:-1;background:#fff;color:var(--ink);width:35px;height:35px;border-radius:50%;margin:0;font-size:1rem}
.header-cta:hover{background:#67351e;color:#fff}
.button{border-radius:999px;text-transform:none;letter-spacing:0;font-size:.86rem;font-weight:800;min-height:54px;padding:7px 19px 7px 7px;gap:14px;box-shadow:0 12px 28px rgba(54,25,10,.1)}
.button span[aria-hidden=true]{display:grid;place-items:center;order:-1;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink);font-size:1.1rem;line-height:1}
.button-gold{background:var(--gold);color:#fff}
.button-gold:hover{background:#ed7135}
.button-white{background:#fff;border-color:#fff;color:var(--ink)}
.button-white span[aria-hidden=true]{background:var(--gold);color:#fff}
.button-white:hover{background:#faf0e8;color:var(--ink)}
.button-dark{background:var(--dark);color:#fff}
.button-outline-dark{border-color:#bda999;color:var(--ink)}
.button-ghost{border-color:#e8cfbf;color:#fff}
.under-link{font-size:.82rem;letter-spacing:0;text-transform:none;border-color:currentColor;font-weight:800}

/* Reference-inspired immersive entry; factual content replaces the template's invented metrics. */
.editorial-hero{background:#241810;min-height:780px}
.editorial-hero-media{inset:0}
.editorial-hero-media img{object-position:center 40%}
.editorial-hero:after{background:linear-gradient(90deg,rgba(24,16,12,.79),rgba(24,16,12,.48) 55%,rgba(24,16,12,.26)),linear-gradient(0deg,rgba(24,16,12,.68),transparent 46%)}
.editorial-hero-inner{min-height:780px;min-height:100svh;padding-top:126px;padding-bottom:38px;position:relative}
.editorial-hero-top{font-size:.72rem;letter-spacing:0}
.editorial-hero-top span:first-child{display:inline-block;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.17);padding:11px 17px;backdrop-filter:blur(8px)}
.editorial-hero-top span:last-child{font-size:.65rem;letter-spacing:.12em}
.editorial-hero-copy{padding:55px 0 150px;max-width:870px}
.editorial-hero .kicker{display:none}
.editorial-hero h1{font-size:clamp(3.4rem,5.8vw,5.9rem);line-height:1.07;margin:0 0 26px;max-width:840px;color:#fff}
.editorial-hero h1 em{color:var(--gold)}
.editorial-hero-copy>p{font-size:1.06rem;max-width:610px;color:#f0e9e1;line-height:1.7}
.editorial-hero .hero-actions{margin-top:31px}
.editorial-hero .button-gold{background:#542b19;color:#fff}
.editorial-hero .button-gold span[aria-hidden=true]{color:var(--ink)}
.editorial-hero .button-gold:hover{background:#6b381f}
.hero-proof{position:absolute;right:0;bottom:73px;width:min(340px,30vw);border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(36,32,28,.82);backdrop-filter:blur(14px);padding:23px 24px;box-shadow:0 18px 35px rgba(0,0,0,.16)}
.hero-proof span{font-size:.65rem;letter-spacing:.12em;color:#f2a271;font-weight:800}
.hero-proof strong{display:block;font-size:1.1rem;line-height:1.4;margin-top:11px}
.hero-proof p{font-size:.76rem;line-height:1.55;color:#ded4cc;margin:9px 0 0}
.editorial-hero-bottom{font-size:.63rem;letter-spacing:.05em}
.editorial-hero-bottom a{font-weight:800;border-color:rgba(255,255,255,.7)}

/* Three clear visitor routes use the reference's warm rounded card language. */
.home-guide{display:block;scroll-margin-top:25px}
.home-guide-intro{text-align:center;max-width:850px;margin:0 auto}
.home-guide-intro .kicker{margin-inline:auto}
.home-guide-intro h2{margin:24px 0 16px}
.home-guide-intro>p{max-width:650px;margin:0 auto;color:var(--muted)}
.home-guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;margin-top:53px}
.home-guide-list a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:375px;border:0;border-radius:20px;background:#f8f3eb;padding:30px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.home-guide-list a:hover{background:#f8f3eb;padding:30px;transform:translateY(-5px);box-shadow:0 16px 36px rgba(64,37,21,.12)}
.home-guide-list a:nth-child(3){background:linear-gradient(0deg,rgba(38,19,10,.78),rgba(38,19,10,.25)),url('assets/pergola.webp') center/cover;color:#fff}
.home-guide-list a:nth-child(3):hover{background:linear-gradient(0deg,rgba(38,19,10,.78),rgba(38,19,10,.25)),url('assets/pergola.webp') center/cover}
.home-guide-list a>span{font-size:.72rem;letter-spacing:0;color:var(--ink);margin:0;background:#fff;border-radius:999px;padding:8px 12px;align-self:flex-start;position:relative;z-index:1}
.home-guide-list a>img{position:absolute;right:30px;top:38px;width:140px;height:140px;object-fit:cover;border-radius:50%;border:5px solid rgba(255,255,255,.8)}
.home-guide-list a:nth-child(3)>img{display:none}
.home-guide-list a>div{margin-top:auto;position:relative;z-index:1;padding-right:30px}
.home-guide-list strong{font:800 clamp(1.4rem,2.1vw,2rem)/1.15 'DM Sans',Arial,sans-serif}
.home-guide-list small{font-size:.8rem;line-height:1.5;color:#766d65;margin-top:10px}
.home-guide-list a:nth-child(3) small{color:#f2e3da}
.home-guide-list b{position:absolute;left:30px;bottom:27px;background:var(--gold);color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:1rem}
.home-guide-list a>div{margin-bottom:45px}

/* Product catalogue cards echo the circular photography without copying template assets. */
.home-products{background:#fff;color:var(--ink)}
.home-products .kicker.light{background:#fff;border-color:#e9dfd4;color:var(--ink)}
.home-products-head{display:block;text-align:center;max-width:780px;margin:0 auto 50px}
.home-products-head .kicker{margin-inline:auto}
.home-products-head h2{margin:23px 0 17px}
.home-products-head h2 em{color:var(--gold)}
.home-products-head>p{color:var(--muted);max-width:700px;margin:0 auto}
.home-product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.home-product,.home-product:nth-child(-n+2){grid-column:span 2;background:#faf6ee;color:var(--ink);border-radius:20px;padding:24px;min-height:350px;transition:transform .25s,box-shadow .25s}
.home-product:nth-child(n+4){grid-column:span 3}
.home-product:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(64,37,21,.12)}
.home-product:nth-child(3){background:#422516;color:#fff}
.home-product-image,.home-product:nth-child(-n+2) .home-product-image{width:150px;height:150px;border-radius:50%;margin-left:auto;margin-bottom:24px;overflow:hidden;background:#d8c9b5}
.home-product-image img{object-fit:cover}
.home-product-copy{display:flex;flex-direction:column;border-top:0;margin:0;padding:0;gap:0;position:relative}
.home-product-copy>span{order:-1;color:#a9633f;font-size:.69rem;font-weight:800;letter-spacing:.04em;margin-bottom:15px}
.home-product:nth-child(3) .home-product-copy>span{color:#ffad80}
.home-product-copy h3{font:800 clamp(1.45rem,2vw,2rem)/1.1 'DM Sans',Arial,sans-serif;margin:0 0 10px}
.home-product-copy p{color:#776b61;font-size:.82rem;line-height:1.55;max-width:420px}
.home-product:nth-child(3) .home-product-copy p{color:#eee1d4}
.home-product-copy b{position:absolute;right:0;bottom:-1px;font-size:1.2rem;color:var(--gold)}
.home-products-foot{justify-content:center;flex-wrap:wrap;margin-top:40px;gap:20px 35px}
.home-products-foot .under-link{color:var(--ink);border-color:var(--ink)}
.home-products-foot .under-link:hover{color:#d96c31}

.home-approach{background:#faf5ec;gap:0}
.home-approach-media{margin:55px 0 55px 32px;min-height:560px;border-radius:20px}
.home-approach-media span{border-radius:999px;background:rgba(60,36,25,.88)}
.home-approach-copy{padding:75px clamp(36px,7vw,110px)}
.home-approach-copy h2{margin:25px 0;line-height:1.15}
.home-approach-copy p{color:var(--muted)}
.home-work{background:#fff}
.home-work-head h2{font-size:clamp(2.5rem,4.4vw,4.7rem)}
.home-work-list{border-top-color:#e6dace}
.home-work-list a{border-bottom-color:#e6dace;border-radius:14px;padding:28px 18px;transition:background .2s,transform .2s}
.home-work-list a:hover{background:#faf4ea;padding-inline:18px;transform:translateX(4px)}
.home-work-list span{color:#cf6d3a}
.home-work-list strong{font:800 clamp(1.35rem,2vw,2rem)/1.15 'DM Sans',Arial,sans-serif}
.home-work-list b{display:grid;place-items:center;width:36px;height:36px;background:#fae6d8;border-radius:50%;color:#ba4d1f;font-size:1rem}
.home-outlook{background:#fff;padding-block:0 100px}
.home-outlook-grid{gap:20px}
.home-outlook-grid a,.home-outlook-grid a+a{border:0;border-radius:20px;background:#f8f3eb;min-height:330px;padding:34px 40px}
.home-outlook-grid a+a{background:#442718;color:#fff}
.home-outlook-grid span{font-size:.71rem;letter-spacing:0;background:#fff;border-radius:999px;padding:8px 12px}
.home-outlook-grid a+a span{background:rgba(255,255,255,.15)}
.home-outlook-grid h2{font-size:clamp(2.6rem,4vw,4.4rem);margin:37px 0 27px}
.home-outlook-grid h2 em{color:var(--gold)}
.home-outlook-grid b{font-size:.82rem;text-transform:none;letter-spacing:0}

/* Carry the reference language through every separate Turkish page. */
.page-hero{min-height:480px;background:#422516}
.page-hero>.shell{padding-block:90px}
.page-hero h1{font-size:clamp(3.1rem,5.2vw,5.5rem);max-width:930px;line-height:1.1}
.page-hero h1 em{color:var(--gold)}
.page-hero p{font-size:1rem;color:#f2e8df;max-width:650px}
.plain-hero{background:radial-gradient(circle at 86% 65%,rgba(250,135,81,.2),transparent 35%),#422516}
.plain-hero:after{border-color:rgba(251,135,81,.16)}
.image-hero:after{background:linear-gradient(90deg,rgba(37,21,14,.86),rgba(37,21,14,.45) 70%,rgba(37,21,14,.25))}
.breadcrumb{color:#ffb18a}
.section-heading h2{font-size:clamp(2.4rem,4vw,4.4rem)}
.route-card{background:#faf5ec;border:0;border-radius:18px;padding:30px;min-height:300px}
.route-card:hover{box-shadow:0 13px 30px rgba(64,37,21,.1)}
.route-card.accent{background:#f6e1d1;border:0;padding:30px}
.route-card h3{margin:40px 0 13px}
.compare-section,.faq-section{background:#faf5ec}
.compare-grid>div{background:#fff;border:1px solid #eee1d4;border-radius:18px;padding:26px;min-height:245px}
.compare-grid span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffebde;color:#ba5f32;font-weight:800}
.compare-grid h3{margin:28px 0 12px}
.compare-grid p{color:var(--muted)}
.system-card,.system-card img,.system-card-shade{border-radius:18px}
.system-card-shade{background:linear-gradient(0deg,rgba(42,22,11,.88),transparent 68%)}
.system-card-content{padding:30px}
.gallery-grid figure,.gallery-grid img{border-radius:18px}
.gallery-grid figure{overflow:hidden;background:#f5eee3}
.gallery-grid figcaption{color:#70635a}
.note-box,.project-form{border-radius:18px;border-color:#e8dcd0;background:#fff}
.project-form input,.project-form select,.project-form textarea{border-radius:10px;background:#fff;border-color:#d9cabe}
.case-list article{border-bottom-color:#e6dace}
.case-thumb,.case-thumb img{border-radius:14px}
.case-meta span{border-radius:999px;background:#faefe4}
.case-visual{background:#3c2115}
.case-media-images img{border-radius:16px}
.faq-list{border-color:#d7c9b9}
.faq-list details{border-color:#d7c9b9}
.fair-visit{border-radius:18px;overflow:hidden;border-color:#eee0d2}
.fair-product-links>div,.export-product-grid a{border-radius:18px;border-color:#eee0d2}
.inquiry-context{border-left-color:var(--gold);background:#fff1e6;border-radius:0 12px 12px 0}
.cta-band{background:#4c2919;color:#fff}
.cta-inner{padding-block:90px}
.cta-inner h2{font-size:clamp(2.6rem,4.4vw,4.7rem);max-width:850px}
.cta-inner p{color:#e6d6c7}
.cta-band .kicker.light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12);color:#fff}
.cta-band .button-gold{background:var(--gold);color:#fff}
.cta-band .button-gold:hover{background:#eb7136}
.cta-band .button-ghost{color:#fff;border-color:#baa08d}
.site-footer{background:#351e13}
.footer-logo{font:800 2.8rem 'DM Sans',Arial,sans-serif}
.footer-logo span,.footer-main strong{color:var(--gold)}
.footer-bottom{border-color:#725144}
.mobile-action-bar{background:#3c2115}
.mobile-action-bar a{background:var(--gold);border-radius:999px}
.mobile-action-bar a+a{border-radius:999px;border-color:#b7937d}

@media(max-width:1180px){.primary-nav{gap:12px}.primary-nav a{font-size:.7rem}.header-cta{padding:7px 13px 7px 7px}}
@media(max-width:900px){.hero-proof{width:290px;right:0}.home-guide-list a>img{width:115px;height:115px}.home-guide-list a{min-height:340px}.home-product,.home-product:nth-child(-n+2),.home-product:nth-child(n+4){grid-column:span 3}.home-approach-media{margin:35px 0 35px 25px}}
@media(max-width:850px){.header-cta{display:none}.primary-nav{top:72px;background:#3c2115}.primary-nav a{font-size:.9rem}.home .site-header{background:rgba(42,25,17,.68)}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.section-pad{padding-block:74px}.editorial-hero,.editorial-hero-inner{min-height:770px}.editorial-hero-inner{padding-top:108px;padding-bottom:25px}.editorial-hero-media img{object-position:58% center}.editorial-hero:after{background:linear-gradient(90deg,rgba(24,16,12,.7),rgba(24,16,12,.5)),linear-gradient(0deg,rgba(24,16,12,.82),transparent 72%)}.editorial-hero-copy{padding:72px 0 135px}.editorial-hero h1{font-size:clamp(2.9rem,10vw,4.3rem)}.editorial-hero-copy>p{font-size:.91rem}.editorial-hero-top span:last-child{display:none}.hero-proof{display:none}.editorial-hero-bottom{font-size:.58rem}.editorial-hero-bottom span{max-width:195px}.hero-actions .button{width:100%}.home-guide-intro h2{font-size:2.65rem}.home-guide-list{grid-template-columns:1fr;gap:14px;margin-top:34px}.home-guide-list a{min-height:265px;padding:24px}.home-guide-list a:hover{padding:24px}.home-guide-list a>img{width:112px;height:112px;right:25px;top:27px}.home-guide-list b{left:24px;bottom:21px}.home-product-grid{grid-template-columns:1fr}.home-product,.home-product:nth-child(-n+2),.home-product:nth-child(n+4){grid-column:auto;min-height:325px}.home-product-image,.home-product:nth-child(-n+2) .home-product-image{width:140px;height:140px}.home-products-head h2{font-size:2.6rem}.home-products-foot{display:grid;justify-content:start}.home-approach{display:block}.home-approach-media{margin:0 18px;min-height:360px}.home-approach-copy{padding:62px 22px 72px}.home-approach-copy h2{font-size:2.7rem}.home-work-head h2{font-size:2.7rem}.home-work-list a{padding:22px 8px}.home-outlook{padding-bottom:74px}.home-outlook-grid a,.home-outlook-grid a+a{min-height:270px;padding:30px}.home-outlook-grid h2{font-size:3rem}.page-hero{min-height:495px}.page-hero>.shell{padding-block:78px}.page-hero h1{font-size:clamp(2.75rem,10vw,4rem)}.route-card,.route-card.accent{padding:25px}.compare-grid>div{min-height:0}.cta-inner{padding-block:72px}.cta-inner h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.home-guide-list a,.home-product{transition:none}}
