/* Force light rendering across browsers. Dark mode is not designed yet. */ :root { color-scheme: light; } html { color-scheme: light; background: #f8f3e8; } body { background: #f8f3e8; } :root{--bg:#fffaf2;--card:#fff;--text:#21302d;--muted:#65736e;--green:#2f6f5e;--accent:#d7a84f;--stone:#ded4c5;--soft-green:#eef7ef;--soft-gold:#fff4d8;--shadow:0 14px 35px rgba(31,48,43,.10);--shadow-soft:0 8px 24px rgba(31,48,43,.07);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#f4f8f3);color:var(--text);line-height:1.55}body.ar{direction:rtl;line-height:1.7}.ar .card,.ar .lead{text-align:right}.ar .link-row{justify-content:flex-start}.wrap{width:min(1120px,92vw);margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand img{width:44px}.lang{display:flex;gap:8px}.btn,.pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid rgba(47,111,94,.24);border-radius:999px;background:rgba(255,255,255,.88);color:var(--text);text-decoration:none;font-weight:750;box-shadow:var(--shadow-soft)}.btn{gap:6px}.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 12px 26px rgba(47,111,94,.20)}.skip{position:absolute;left:12px;top:12px;transform:translateY(-180%);clip-path:inset(50%);white-space:nowrap}.skip:focus{transform:none;clip-path:none;background:#fff;padding:10px;z-index:90}.hero{position:relative;border-radius:28px;padding:44px 22px;margin:12px auto 24px;background:linear-gradient(120deg,rgba(32,75,61,.84),rgba(215,168,79,.5));color:#fff;box-shadow:var(--shadow);overflow:hidden;min-height:360px;display:flex;align-items:end}.uzungol-hero{background:linear-gradient(120deg,rgba(32,75,61,.82),rgba(215,168,79,.42)),url('../img/places/uzungol.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.18),transparent 32%),linear-gradient(0deg,rgba(20,42,34,.35),transparent 55%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:880px}.hero h1{font-size:clamp(2rem,6vw,4.4rem);line-height:1.05;margin:0 0 14px;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 18px rgba(0,0,0,.35)}.lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:760px;text-wrap:pretty}.hero .pill{background:rgba(255,255,255,.92);color:var(--text);box-shadow:none}.hero-note{margin:12px 0 0;color:rgba(255,255,255,.78);font-size:.95rem;font-weight:550;text-shadow:0 1px 8px rgba(0,0,0,.24)}.quick{display:grid;gap:12px;margin:24px auto 30px;align-items:stretch}.quick .btn{width:100%;text-align:center}.quick .btn:not(.primary),.link-row .btn:not(.primary){background:rgba(255,255,255,.62);box-shadow:none}.section{padding:28px 0}.section+ .section{border-top:1px solid rgba(222,212,197,.42)}.section h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.16;margin:0 0 10px;letter-spacing:-.02em}.hint,.meta{color:var(--muted)}.category{margin:28px 0 34px}.category h3{margin:0 0 12px;font-size:1.18rem;letter-spacing:-.01em}.slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:7px 8px 24px 2px;scroll-padding-inline:2px;scrollbar-color:var(--green) transparent;-webkit-overflow-scrolling:touch}.slider:after{content:"yana kaydır →";flex:0 0 118px;align-self:stretch;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:800;border:1px dashed var(--stone);border-radius:var(--radius);background:rgba(255,255,255,.55)}.ar .slider:after{content:"← اسحب"}.ar .slider{direction:ltr}.ar .place{direction:rtl}.place{flex:0 0 min(82vw,340px);scroll-snap-align:start;background:var(--card);border:1px solid rgba(47,111,94,.18);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.place-body{border-top:4px solid rgba(215,168,79,.34)}.place img,.intro-photo img{width:100%;aspect-ratio:16/10;min-height:190px;object-fit:cover;display:block;filter:saturate(1.06) contrast(.98) sepia(.08)}.place-body{padding:16px}.place h4{font-size:1.16rem;margin:0 0 5px;letter-spacing:-.01em}.tags{color:var(--green);font-weight:850;font-size:.88rem;letter-spacing:.01em}.place p{margin:8px 0}.featured-grid{display:grid;gap:14px;margin-top:18px}.featured-grid .place{flex:none;box-shadow:var(--shadow-soft)}.featured-grid .place img{min-height:0;height:145px;aspect-ratio:auto}.featured-grid .place-no-image{min-height:235px;display:flex;align-items:end;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,239,.86) 58%,rgba(255,244,216,.72));border-style:dashed}.featured-grid .place-no-image:after{content:"";position:absolute;inset:18px;border-radius:18px;background:linear-gradient(135deg,rgba(47,111,94,.08),transparent 62%);pointer-events:none}.featured-grid .place-no-image .place-body{position:relative;z-index:1}.featured-grid .place-body{padding:13px}.featured-grid .place h4{font-size:1.05rem}.featured-grid .place p{font-size:.94rem;margin:7px 0 0}.cards{display:grid;gap:14px}.card,.accordion details{background:rgba(255,255,255,.88);border:1px solid rgba(222,212,197,.9);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft)}.cards>.card,.route-grid>.card,.detail-grid>.card{background:linear-gradient(180deg,#fff,rgba(255,250,242,.72))}.quick-summary .card{background:linear-gradient(180deg,var(--soft-green),#fff);border-color:rgba(47,111,94,.20)}.card h3{margin:0 0 7px;line-height:1.25}.accordion{display:grid;gap:12px}.accordion details{background:linear-gradient(180deg,#fff,#fbf8ef);box-shadow:none}.accordion details[open]{border-color:rgba(47,111,94,.28)}.accordion summary,details summary{cursor:pointer;font-weight:800}.accordion summary{display:grid;gap:3px}.accordion summary small{display:block;color:var(--muted);font-weight:600}.detail{color:#3f514d;margin-top:8px;overflow:hidden}.detail p{margin:.35rem 0}.route-grid,.quick-summary,.detail-grid,.check-cards{display:grid;gap:16px}.quick-summary .card{padding:17px}.quick-summary .section-head{grid-column:1/-1;margin-bottom:2px}.quick-summary h2{font-size:1.05rem;line-height:1.25;margin:0 0 6px;color:#244f44}.quick-summary p,.detail-grid p{margin:.35rem 0 0}.detail-grid .card{padding:20px}.detail-grid h3{margin-top:0;line-height:1.28}.soft{background:linear-gradient(135deg,#fff,var(--soft-green));border-color:rgba(47,111,94,.22)}.check-cards{align-items:stretch}.check-card{font-weight:800;color:var(--green);line-height:1.35;padding:15px 16px}.check-list{display:flex;flex-wrap:wrap;gap:10px 18px;margin:14px 0 0;padding:16px 18px;list-style:none;background:rgba(255,255,255,.62);border:1px solid rgba(222,212,197,.86);border-radius:var(--radius)}.check-list li{position:relative;padding-inline-start:1.35rem;color:#3f514d;font-weight:750}.check-list li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green)}.link-row{display:flex;flex-wrap:wrap;gap:10px}.link-row .btn{text-align:center}.mini{margin:.6rem 0 0;padding-inline-start:1.1rem}.mini li{margin:.25rem 0}.feedback{background:linear-gradient(135deg,#fff,var(--soft-gold));border:1px solid rgba(215,168,79,.36);border-radius:calc(var(--radius) + 4px);padding:24px;box-shadow:var(--shadow)}.interest-chips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.interest-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid var(--stone);border-radius:999px;background:#fff;color:var(--green);font-weight:800}.warm{background:linear-gradient(135deg,#eef8ef,#fff2d2 58%,#fff)}.teaser{display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,#f4faf6,#fff6df);border:1px solid rgba(215,168,79,.34);border-radius:calc(var(--radius) + 4px);padding:24px;box-shadow:var(--shadow)}.intro-photo{display:grid;gap:16px;align-items:center}.intro-photo img{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--stone)}.checklist li{margin:.45rem 0}.page{max-width:820px;padding:22px 0 10px}.page h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.03em;margin:18px 0 18px;color:#243d36}.page .card{padding:24px;background:linear-gradient(180deg,#fff,#fffaf2);box-shadow:var(--shadow-soft)}.caution{background:rgba(255,255,255,.48);border-inline-start:4px solid var(--accent);border-radius:var(--radius);padding-inline:20px}.footer{margin-top:36px;padding:26px 0;border-top:1px solid var(--stone)}.footer-note{margin:0 0 14px;color:var(--muted);max-width:760px}.footer nav{display:flex;flex-wrap:wrap;gap:10px 14px}.footer a{color:var(--green);font-weight:700;text-underline-offset:3px}@media(min-width:760px){.quick{grid-template-columns:repeat(5,1fr)}.cards{grid-template-columns:repeat(4,1fr)}.decision-cards{grid-template-columns:repeat(2,1fr);max-width:860px}.featured-grid{grid-template-columns:repeat(3,1fr)}.route-grid,.quick-summary{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.check-cards{grid-template-columns:repeat(5,1fr)}.hero{padding:54px 44px;min-height:380px}.uzungol-hero{min-height:340px}.place{flex-basis:320px}.place img{height:205px;aspect-ratio:auto}.featured-grid .place img{height:145px}.teaser{flex-direction:row;align-items:center;justify-content:space-between}.intro-photo{grid-template-columns:1.1fr .9fr}}@media(max-width:520px){.wrap{width:min(100% - 28px,1120px)}.top{align-items:flex-start}.brand img{width:40px}.hero{min-height:290px;padding:30px 18px;margin-top:6px;margin-bottom:18px;border-radius:22px}.uzungol-hero{min-height:270px}.hero h1{font-size:clamp(1.75rem,10vw,2.65rem);line-height:1.08}.lead{font-size:1rem;line-height:1.55}.hero .pill{min-height:38px;padding:8px 12px}.quick{gap:10px;margin:18px auto 22px}.section{padding:20px 0}.section h2{font-size:1.45rem;line-height:1.22;margin-bottom:9px}.quick-summary,.detail-grid,.check-cards{gap:12px}.quick-summary .card,.detail-grid .card,.card{padding:16px}.feedback,.teaser,.page .card{padding:18px}.check-card{padding:13px 14px}.link-row{display:grid}.link-row .btn{width:100%;justify-content:center}.intro-photo{gap:12px}.slider{gap:12px}.place{flex-basis:86vw}.footer nav{display:grid;gap:8px}.page{padding-top:10px}}@media(prefers-reduced-motion:no-preference){details .detail{animation:open .24s ease}.btn,.place{transition:.18s}.btn:hover,.place:hover{transform:translateY(-2px)}.btn:hover{box-shadow:var(--shadow)}@keyframes open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}} /* Open Design inspired visual enhancement layer: theme-only, no structure changes. */ :root{ --od-ink:#17231f;--od-muted:#60756d;--od-spruce:#164b3f;--od-forest:#23705f;--od-mint:#dff4e9;--od-mist:#f3faf5;--od-sun:#f2b94b;--od-clay:#b86f3b;--od-sky:#d8ecf6;--od-card:rgba(255,255,255,.86);--od-ring:rgba(35,112,95,.20);--shadow:0 22px 55px rgba(22,75,63,.15);--shadow-soft:0 12px 30px rgba(22,75,63,.10);--radius:22px } body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% 6%,rgba(242,185,75,.20),transparent 28%),radial-gradient(circle at 88% 0,rgba(216,236,246,.62),transparent 30%),linear-gradient(180deg,#fbf8ef 0%,var(--od-mist) 58%,#fffaf2 100%);color:var(--od-ink)} body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(22,75,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,75,63,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 75%)} .brand strong,.section h2,.page h1,.hero h1{font-family:"Fraunces","Georgia",serif;letter-spacing:-.035em}.brand img{filter:drop-shadow(0 8px 16px rgba(22,75,63,.16))}.top{position:relative}.top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(35,112,95,.22),transparent)} .hero{background:radial-gradient(circle at 18% 18%,rgba(216,236,246,.30),transparent 34%),radial-gradient(circle at 78% 22%,rgba(242,185,75,.22),transparent 32%),linear-gradient(135deg,rgba(11,48,39,.92),rgba(35,112,95,.72) 52%,rgba(223,244,233,.34));border:1px solid rgba(255,255,255,.34);box-shadow:0 28px 70px rgba(22,75,63,.24)}.uzungol-hero{background:linear-gradient(120deg,rgba(11,48,39,.82),rgba(35,112,95,.50),rgba(242,185,75,.38)),url('../img/places/uzungol.jpg') center/cover}.hero:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.20);border-radius:22px;pointer-events:none}.hero .lead{color:rgba(255,255,255,.92)} .btn,.pill,.interest-chip{backdrop-filter:blur(12px);border-color:var(--od-ring);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.primary{background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));box-shadow:0 16px 34px rgba(22,75,63,.26)}.btn:hover,.pill:hover{border-color:rgba(242,185,75,.72);box-shadow:0 16px 34px rgba(22,75,63,.16)} .card,.place,.accordion details,.feedback,.teaser,.entry-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,250,242,.74));border:1px solid rgba(35,112,95,.16);box-shadow:var(--shadow-soft);backdrop-filter:blur(10px)}.card:before,.place:before,.accordion details:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:inherit;background:linear-gradient(90deg,var(--od-forest),var(--od-sun),var(--od-clay));opacity:.72}.card h3,.place h4,.category h3{color:var(--od-spruce)}.tags{color:var(--od-forest)} .place{isolation:isolate}.place img,.intro-photo img{filter:saturate(1.12) contrast(1.03) sepia(.05);transition:transform .45s ease,filter .45s ease}.place:hover img{transform:scale(1.045);filter:saturate(1.2) contrast(1.05)}.place-body{border-top-color:rgba(242,185,75,.58)} .od-icon{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;margin:0 0 .65rem;border-radius:15px;background:linear-gradient(135deg,var(--od-mint),#fff7de);color:var(--od-spruce);box-shadow:inset 0 0 0 1px rgba(35,112,95,.12),0 8px 18px rgba(22,75,63,.10)}.od-icon svg{width:1.35rem;height:1.35rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.place .od-icon{position:absolute;top:12px;left:12px;z-index:2;margin:0;background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}.ar .place .od-icon{left:auto;right:12px}.check-list li:before{content:"";width:1rem;height:1rem;top:.28rem;background:currentColor;mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;color:var(--od-forest)} .atlas-grid{display:grid;gap:16px;margin-top:18px}.info-tile{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;min-height:170px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(243,250,245,.82) 54%,rgba(255,247,222,.60));border:1px solid rgba(35,112,95,.16);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-soft)}.info-tile:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--od-spruce),var(--od-sun),var(--od-sky))}.info-tile:after{content:"";position:absolute;inset:auto -42px -58px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(124,198,216,.20),transparent 68%);pointer-events:none}.info-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(238,247,239,.96),rgba(255,244,216,.90));border:1px solid rgba(47,111,94,.16);color:var(--od-spruce);font-weight:900;font-size:1.35rem;box-shadow:0 12px 24px rgba(22,75,63,.10)}.info-tile>div{padding:0;position:relative;z-index:1}.info-tile h3{margin:0 0 8px;color:var(--od-spruce);font-family:"Fraunces","Georgia",serif;letter-spacing:-.02em}.info-tile p{margin:0;color:#344a43}.soft-panel{border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg,rgba(223,244,233,.62),rgba(255,247,222,.72));padding-inline:18px}.mini-grid{display:grid;gap:14px;margin-top:16px}.mini-grid .card{min-height:150px}.mini-grid .card p{margin-bottom:0}.final-note{background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(216,236,246,.34));border-radius:calc(var(--radius) + 6px);padding-inline:18px}@media(min-width:760px){.atlas-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:repeat(4,1fr)}} @media(prefers-reduced-motion:no-preference){.card,.place,.accordion details,.btn,.pill,.interest-chip,.info-tile{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.card:hover,.accordion details:hover,.place:hover,.info-tile:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(22,75,63,.17);border-color:rgba(242,185,75,.46)}.info-icon{transition:transform .3s ease}.info-tile:hover .info-icon{transform:translateY(-2px) rotate(-2deg)}.od-reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.od-reveal.is-visible{opacity:1;transform:none}.btn:active,.place:active,.card:active{transform:translateY(-1px) scale(.995)}} /* Premium Turkey-leading experience layer */ .top{position:sticky;top:0;z-index:20;width:min(1120px,92vw);border-radius:0 0 24px 24px;background:rgba(251,248,239,.78);backdrop-filter:blur(18px);padding-inline:14px}.site-nav{display:none;align-items:center;gap:6px;padding:5px;border:1px solid rgba(35,112,95,.12);border-radius:999px;background:rgba(255,255,255,.55)}.site-nav a{color:var(--od-spruce);text-decoration:none;font-weight:850;font-size:.9rem;border-radius:999px}.site-nav a{padding:8px 11px}.site-nav a:hover,.site-nav a.is-active{background:linear-gradient(135deg,var(--od-mint),#fff7de);color:#0f3b31}.hero{min-height:460px}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:12px;padding:7px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;font-size:.86rem;letter-spacing:.02em;backdrop-filter:blur(10px)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.showcase-panel{position:relative;border-radius:34px;padding-inline:18px;background:linear-gradient(135deg,rgba(22,75,63,.08),rgba(242,185,75,.16),rgba(216,236,246,.28));overflow:hidden}.showcase-panel:before{content:"";position:absolute;inset:auto -10% -40% 45%;height:280px;background:radial-gradient(circle,rgba(242,185,75,.28),transparent 68%);pointer-events:none}.showcase-grid{position:relative;display:grid;gap:16px;margin-top:18px}.showcase-card{overflow:hidden;display:grid;background:rgba(255,255,255,.88);border:1px solid rgba(35,112,95,.16);border-radius:28px;box-shadow:var(--shadow-soft)}.showcase-card img{width:100%;height:210px;object-fit:cover;filter:saturate(1.15) contrast(1.04)}.showcase-card>div{padding:18px}.showcase-card .eyebrow{margin-bottom:8px;border-color:rgba(35,112,95,.16);background:linear-gradient(135deg,var(--od-mint),#fff7de);color:var(--od-spruce)}.showcase-card h3{margin:0 0 8px;font-family:"Fraunces","Georgia",serif;color:var(--od-spruce);font-size:1.35rem}.showcase-card p{margin:0;color:#354b44}.scroll-progress{position:fixed;top:0;left:0;z-index:60;height:3px;width:0;background:linear-gradient(90deg,var(--od-spruce),var(--od-sun),var(--od-sky));box-shadow:0 0 16px rgba(242,185,75,.55)}.ar .scroll-progress{left:auto;right:0}@media(min-width:860px){.site-nav{display:flex}.showcase-grid{grid-template-columns:1.15fr .85fr}.showcase-card.large{grid-row:span 2}.showcase-card.large img{height:100%;min-height:410px}.showcase-card.large{grid-template-columns:1fr}.showcase-card:not(.large){grid-template-columns:180px 1fr}.showcase-card:not(.large) img{height:100%}}@media(max-width:760px){.top{width:min(100% - 18px,1120px);top:6px}.hero{min-height:420px}.hero-actions .btn{width:100%}.site-nav{display:none}}@media(prefers-reduced-motion:no-preference){.showcase-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.showcase-card img{transition:transform .55s ease,filter .55s ease}.showcase-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(22,75,63,.18);border-color:rgba(242,185,75,.55)}.showcase-card:hover img{transform:scale(1.045);filter:saturate(1.24) contrast(1.06)}} /* Dynamic premium motion layer */ .premium-hero{display:grid;grid-template-columns:1fr;align-items:end;isolation:isolate;background-size:115% 115%;animation:odGradientPan 16s ease-in-out infinite alternate}.hero-orbit{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-orbit span{position:absolute;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(242,185,75,.26),transparent 68%);filter:blur(1px);animation:floatOrb 9s ease-in-out infinite}.hero-orbit span:nth-child(1){left:8%;top:10%}.hero-orbit span:nth-child(2){right:16%;top:18%;animation-delay:-3s;background:radial-gradient(circle,rgba(216,236,246,.30),transparent 68%)}.hero-orbit span:nth-child(3){right:35%;bottom:4%;animation-delay:-6s;background:radial-gradient(circle,rgba(223,244,233,.28),transparent 68%)}.hero-board{position:relative;z-index:1;display:none;gap:12px;align-self:center}.hero-board figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:rgba(255,255,255,.16);box-shadow:0 18px 38px rgba(0,0,0,.14);backdrop-filter:blur(4px);transform:translate3d(var(--px,0),calc(var(--py,0) + var(--scrollY,0px)),0) rotate(var(--r,0deg));transition:transform .25s ease}.hero-board figure:nth-child(1){--r:-4deg}.hero-board figure:nth-child(2){--r:3deg;transform:translate3d(var(--px,0),calc(34px + var(--py,0) + var(--scrollY,0px)),0) rotate(var(--r))}.hero-board figure:nth-child(3){--r:-1deg}.hero-board img{width:150px;height:190px;object-fit:cover;display:block;filter:saturate(1.18) contrast(1.05)}.hero-board figcaption{padding:8px 10px;color:#fff;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.4)}.showcase-card,.info-tile,.secret-card{transform-style:preserve-3d}.showcase-card:after,.info-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.34),transparent 64%);transform:translateX(-120%);pointer-events:none}.secret-panel{position:relative;border-radius:34px;padding-inline:18px;background:linear-gradient(135deg,rgba(15,59,49,.08),rgba(242,185,75,.12));overflow:hidden}.secret-grid{display:grid;gap:14px;margin-top:18px}.secret-card{position:relative;overflow:hidden;min-height:190px;padding:22px;border:1px solid rgba(35,112,95,.16);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(223,244,233,.72));box-shadow:var(--shadow-soft)}.secret-card h3{margin:30px 0 8px;color:var(--od-spruce);font-family:"Fraunces","Georgia",serif}.secret-card p{margin:0;color:#344a43}.pulse-dot{position:absolute;top:18px;inset-inline-start:18px;width:18px;height:18px;border-radius:50%;background:var(--od-sun);box-shadow:0 0 0 0 rgba(242,185,75,.55);animation:pulseDot 2s infinite}.od-icon svg{transition:transform .35s ease}.card:hover .od-icon svg,.info-tile:hover .od-icon svg,.place:hover .od-icon svg{transform:rotate(8deg) scale(1.12)}@media(min-width:900px){.premium-hero{grid-template-columns:minmax(0,1fr) 430px}.hero-board{display:grid;grid-template-columns:repeat(3,1fr)}.secret-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:no-preference){.showcase-card:hover:after,.info-tile:hover:after{animation:shineSweep .75s ease}.secret-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.secret-card:hover{transform:translateY(-7px) rotateX(1.2deg);box-shadow:0 30px 70px rgba(22,75,63,.18);border-color:rgba(242,185,75,.55)}}.secret-card:after{content:attr(data-tip);position:absolute;inset:auto 18px 16px 18px;padding:10px 12px;border:1px solid rgba(35,112,95,.16);border-radius:16px;background:rgba(255,255,255,.88);color:var(--od-spruce);font-weight:850;font-size:.9rem;box-shadow:var(--shadow-soft);opacity:0;transform:translateY(8px);transition:.22s ease;backdrop-filter:blur(12px)}.secret-card:hover:after,.secret-card:focus-visible:after{opacity:1;transform:none}.map-panel{border-radius:36px;padding-inline:18px;background:radial-gradient(circle at 20% 0,rgba(242,185,75,.18),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.68),rgba(216,236,246,.40));overflow:hidden}.route-map{position:relative;min-height:360px;margin-top:18px;border:1px solid rgba(35,112,95,.16);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(223,244,233,.62)),radial-gradient(circle at 70% 30%,rgba(242,185,75,.18),transparent 35%);box-shadow:var(--shadow);overflow:hidden}.route-map svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 18px rgba(22,75,63,.12))}.map-line{fill:none;stroke-linecap:round;stroke-width:8}.map-line.ghost{stroke:rgba(22,75,63,.13)}.map-line.animated{stroke:url(#routeGrad);stroke-dasharray:24 18;animation:routeFlow 1.8s linear infinite}.ar .map-line.animated{stroke:url(#routeGradAr)}.hotspot{position:absolute;z-index:2;border:0;border-radius:999px;padding:10px 13px;background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff;font-weight:950;box-shadow:0 14px 30px rgba(22,75,63,.22);cursor:pointer;transition:.22s ease}.hotspot:before{content:"";position:absolute;inset:-7px;border-radius:inherit;border:2px solid rgba(242,185,75,.45);animation:pulseRing 2s infinite}.hotspot:hover,.hotspot:focus-visible,.hotspot.is-active{transform:translateY(-4px) scale(1.04);background:linear-gradient(135deg,var(--od-sun),var(--od-clay));outline:none}.hotspot.city{left:8%;top:65%}.hotspot.coast{left:30%;top:47%}.hotspot.valley{left:52%;top:32%}.hotspot.highland{left:76%;top:42%}.ar .hotspot.city{left:auto;right:8%}.ar .hotspot.coast{left:auto;right:30%}.ar .hotspot.valley{left:auto;right:52%}.ar .hotspot.highland{left:auto;right:76%}.map-info{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;padding:16px 18px;border:1px solid rgba(35,112,95,.15);border-radius:22px;background:rgba(255,255,255,.82);color:var(--od-spruce);font-weight:850;box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}@media(max-width:640px){.route-map{min-height:420px}.hotspot.city{left:8%;top:56%}.hotspot.coast{left:28%;top:36%}.hotspot.valley{left:48%;top:22%}.hotspot.highland{left:62%;top:48%}.map-info{font-size:.92rem}}@keyframes odGradientPan{from{background-position:0% 40%}to{background-position:100% 60%}}@keyframes floatOrb{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.08)}}@keyframes pulseDot{70%{box-shadow:0 0 0 18px rgba(242,185,75,0)}}@keyframes pulseRing{70%{transform:scale(1.45);opacity:0}}@keyframes routeFlow{to{stroke-dashoffset:-84}}@keyframes shineSweep{to{transform:translateX(120%)}} /* Atlas route planner integration */ .atlas-explorer{border-radius:36px;padding-inline:18px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(223,244,233,.48) 48%,rgba(255,247,222,.58));overflow:hidden}.atlas-explorer.od-reveal{opacity:1;transform:none}.atlas-explorer:before{content:"Rota seç • Noktaya dokun • Planı karşılaştır";display:inline-flex;margin:0 0 10px;padding:8px 13px;border-radius:999px;background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(22,75,63,.18)}.ar .atlas-explorer:before{content:"اختر المسار • المس النقطة • قارن الخطة"}.atlas-explorer-head{max-width:820px}.atlas-explorer .eyebrow{border-color:rgba(35,112,95,.16);background:linear-gradient(135deg,var(--od-mint),#fff7de);color:var(--od-spruce)}.atlas-explorer-layout{display:grid;gap:16px;margin-top:18px}.atlas-visual{position:relative;min-height:320px;border:1px solid rgba(35,112,95,.16);border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#fffaf0,#edf8f1);box-shadow:var(--shadow)}.atlas-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.atlas-sea{fill:url(#seaGrad)}.ar .atlas-sea{fill:url(#seaGradAr)}.atlas-land{fill:url(#landGrad);filter:url(#atlasShadow)}.ar .atlas-land{fill:url(#landGradAr);filter:url(#atlasShadowAr)}.atlas-coast-shape{fill:none;stroke:#217061;stroke-width:5;stroke-linecap:round;opacity:.7}.topo-lines path{fill:none;stroke:#2f6f5e;stroke-width:2;opacity:.20}.atlas-zone{opacity:.32;transition:opacity .25s ease,filter .25s ease}.atlas-zone path,.atlas-zone ellipse{fill:rgba(47,111,94,.10);stroke:#2f6f5e;stroke-width:3}.atlas-zone text{font-weight:900;font-size:24px;fill:#164b3f;opacity:.78}.zone-coast path{fill:none;stroke:#2f6f5e;stroke-width:7;stroke-linecap:round}.zone-highlands path{fill:rgba(47,111,94,.10)}.zone-lakes ellipse{fill:#d8ecf6;stroke:#23705f}.atlas-route-line{fill:none;stroke:#f2b94b;stroke-width:7;stroke-linecap:round;stroke-dasharray:18 14;filter:drop-shadow(0 6px 8px rgba(184,111,59,.20));animation:routeFlow 2s linear infinite}.atlas-visual[data-active-route="city"] .zone-city,.atlas-visual[data-active-route="coast"] .zone-coast,.atlas-visual[data-active-route="east"] .zone-east,.atlas-visual[data-active-route="highlands"] .zone-highlands,.atlas-visual[data-active-route="lakes"] .zone-lakes{opacity:1;filter:drop-shadow(0 12px 18px rgba(22,75,63,.18))}.atlas-map-note{position:absolute;left:18px;right:18px;bottom:18px;z-index:4;padding:13px 15px;border:1px solid rgba(35,112,95,.16);border-radius:18px;background:rgba(255,255,255,.86);color:var(--od-spruce);font-weight:900;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}.ar .atlas-map-note{text-align:right}.atlas-point{position:absolute;z-index:3;width:42px;height:42px;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff;font-weight:950;box-shadow:0 16px 30px rgba(0,0,0,.24);cursor:pointer;transition:.22s ease}.atlas-point.city{left:12%;top:62%}.atlas-point.coast{left:30%;top:53%}.atlas-point.east{left:52%;top:42%}.atlas-point.highlands{left:70%;top:29%}.atlas-point.lakes{left:82%;top:48%}.atlas-point:hover,.atlas-point:focus-visible,.atlas-point.is-active{transform:scale(1.14) translateY(-4px);background:linear-gradient(135deg,var(--od-sun),var(--od-clay));outline:none}.atlas-route-cards{display:grid;gap:10px}.atlas-route-card{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;width:100%;padding:14px 15px;border:1px solid rgba(35,112,95,.16);border-radius:20px;background:rgba(255,255,255,.82);color:var(--od-ink);text-align:start;box-shadow:var(--shadow-soft);cursor:pointer;transition:.22s ease}.route-micro-tags{grid-column:2;display:block;margin-top:4px;color:var(--od-forest);font-size:.73rem;font-style:normal;font-weight:900;line-height:1.25}.ar .route-micro-tags{letter-spacing:0}.atlas-route-card span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--od-mint);color:var(--od-spruce);font-weight:950}.atlas-route-card strong{color:var(--od-spruce)}.atlas-route-card small{color:var(--od-muted);font-weight:750}.atlas-route-card:hover,.atlas-route-card:focus-visible,.atlas-route-card.is-active{transform:translateY(-3px);border-color:rgba(242,185,75,.62);background:linear-gradient(135deg,#fff,var(--soft-gold));outline:none}.atlas-route-card.is-active span{background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff}.atlas-detail-panel{display:grid;gap:16px;padding:16px;border:2px solid rgba(35,112,95,.22);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 26px 70px rgba(22,75,63,.18);backdrop-filter:blur(12px)}.atlas-detail-panel:focus-within,.atlas-detail-panel.is-changing{border-color:rgba(242,185,75,.72)}.atlas-detail-image{overflow:hidden;border-radius:22px}.atlas-detail-image img{width:100%;height:210px;object-fit:cover;display:block;filter:saturate(1.12) contrast(1.03)}.atlas-detail-kicker{display:inline-flex;margin-bottom:8px;color:var(--od-forest);font-weight:950}.atlas-detail-panel h3{margin:0 0 8px;color:var(--od-spruce);font-family:"Fraunces","Georgia",serif;font-size:1.45rem}.atlas-detail-panel p{margin:.35rem 0;color:#344a43}.atlas-detail-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.atlas-detail-panel dl div{padding:10px;border-radius:16px;background:linear-gradient(135deg,rgba(223,244,233,.6),rgba(255,247,222,.56))}.atlas-detail-panel dt{color:var(--od-muted);font-size:.8rem;font-weight:900}.atlas-detail-panel dd{margin:2px 0 0;color:var(--od-spruce);font-weight:850}.local-tip{padding:12px 14px;border-inline-start:4px solid var(--od-sun);border-radius:14px;background:rgba(255,247,222,.72)}.ar .atlas-route-card{text-align:right}.ar .atlas-point.city{left:auto;right:12%}.ar .atlas-point.coast{left:auto;right:30%}.ar .atlas-point.east{left:auto;right:52%}.ar .atlas-point.highlands{left:auto;right:70%}.ar .atlas-point.lakes{left:auto;right:82%}@media(max-width:640px){.atlas-explorer{padding-inline:12px}.atlas-visual,.atlas-visual img{min-height:360px}.atlas-detail-panel dl{grid-template-columns:1fr}.atlas-route-card{padding:12px}.atlas-point{width:38px;height:38px}.atlas-point.highlands{left:62%;top:25%}.atlas-point.lakes{left:72%;top:50%}.ar .atlas-point.highlands{right:62%;left:auto}.ar .atlas-point.lakes{right:72%;left:auto}} .yayla-day-tile{border-color:rgba(242,185,75,.42);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,222,.72) 46%,rgba(223,244,233,.70))}.yayla-day-tile img{filter:saturate(1.14) contrast(1.05)}.yayla-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:14px;min-height:42px;padding:10px 14px;border:1px solid rgba(47,111,94,.25);border-radius:999px;background:linear-gradient(135deg,#fff,var(--od-mint));color:var(--od-spruce);font-weight:950;box-shadow:var(--shadow-soft);cursor:pointer}.yayla-toggle:after{content:"+";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--od-spruce);color:#fff}.yayla-toggle[aria-expanded="true"]{background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff}.yayla-toggle[aria-expanded="true"]:after{content:"–";background:#fff;color:var(--od-spruce)}.source-note{margin:.45rem 0 0;color:var(--od-muted);font-size:.86rem;font-weight:700}.yayla-panel{margin-top:14px;padding:14px;border:1px solid rgba(47,111,94,.18);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),var(--shadow-soft);visibility:visible;pointer-events:auto}.yayla-panel[hidden]{display:none!important;visibility:hidden;pointer-events:none}.yayla-panel-close{float:inline-end;display:grid;place-items:center;width:30px;height:30px;margin:0 0 8px 8px;border:0;border-radius:999px;background:var(--od-spruce);color:#fff;font-size:1.25rem;font-weight:950;line-height:1;cursor:pointer}.yayla-panel dl{display:grid;gap:10px;margin:0;clear:both}.yayla-panel dl div{padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(223,244,233,.62),rgba(255,247,222,.58))}.yayla-panel dt{color:var(--od-spruce);font-weight:950}.yayla-panel dd{margin:3px 0 0;color:#344a43}.yayla-compare{margin-top:12px;background:linear-gradient(135deg,var(--od-sun),#fff7de);color:#17352d}.place-route-overlay:after{content:"yaylaya çıkış · sis · şenlik dönemi";position:absolute;top:12px;right:12px;z-index:2;max-width:72%;padding:7px 10px;border-radius:999px;background:rgba(255,250,242,.86);color:var(--od-spruce);font-weight:900;font-size:.8rem;box-shadow:var(--shadow-soft);backdrop-filter:blur(10px)}.ar .place-route-overlay:after{content:"صعود المرتفعات · ضباب · موسم مهرجانات";right:auto;left:12px}@media(max-width:640px){.yayla-panel{padding:12px;border-radius:18px}.yayla-panel dl{gap:8px}.yayla-toggle,.yayla-compare{width:100%;justify-content:center}.place-route-overlay:after{font-size:.72rem;top:10px}} /* Polish pass: one professional discovery flow */ .od-reveal{opacity:1!important;transform:none!important}section[id]{scroll-margin-top:96px}.top{margin-bottom:10px}.premium-hero{min-height:390px;padding-block:38px;background-size:105% 105%}.hero h1{font-size:clamp(2rem,4.6vw,3.7rem)}.hero .lead{max-width:680px}.hero-board{max-width:390px;justify-self:end}.hero-board img{width:126px;height:158px}.hero-board figure{border-radius:20px}.hero-board figure:nth-child(2){transform:translate3d(var(--px,0),calc(18px + var(--py,0) + var(--scrollY,0px)),0) rotate(var(--r))}.section{padding:24px 0}.decision-cards{max-width:none}.featured-grid .place img{height:165px}.atlas-grid{gap:14px}.info-tile img{min-height:180px}.map-panel,.soft-panel,.final-note,.atlas-explorer{padding-top:26px;padding-bottom:26px}.atlas-explorer{margin-top:4px}.atlas-explorer-layout{gap:18px;align-items:start}.atlas-visual{min-height:460px}.atlas-visual img{min-height:460px}.atlas-visual .atlas-point.city{left:21%;top:38%}.atlas-visual .atlas-point.coast{left:41%;top:25%}.atlas-visual .atlas-point.east{left:60%;top:55%}.atlas-visual .atlas-point.highlands{left:66%;top:72%}.atlas-visual .atlas-point.lakes{left:82%;top:60%}.ar .atlas-visual .atlas-point.city{left:auto;right:21%}.ar .atlas-visual .atlas-point.coast{left:auto;right:41%}.ar .atlas-visual .atlas-point.east{left:auto;right:60%}.ar .atlas-visual .atlas-point.highlands{left:auto;right:66%}.ar .atlas-visual .atlas-point.lakes{left:auto;right:82%}.atlas-route-cards{gap:9px}.atlas-route-card{min-height:58px;padding:11px 13px}.atlas-detail-panel{align-items:start;overflow:visible}.atlas-detail-image img{height:170px}.atlas-detail-panel h3{font-size:1.32rem}.atlas-detail-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.atlas-detail-panel dl div{padding:9px}.atlas-detail-panel dt{font-size:.75rem}.atlas-detail-panel dd{font-size:.92rem;line-height:1.35}.local-tip{font-size:.94rem}.route-map{min-height:320px}.mini-grid .card{min-height:128px}@media(max-width:900px){.premium-hero{min-height:360px}.atlas-visual,.atlas-visual img{min-height:380px}.atlas-detail-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){section[id]{scroll-margin-top:86px}.top{align-items:center}.premium-hero{min-height:330px;padding:28px 18px}.hero h1{font-size:clamp(1.9rem,8vw,2.55rem)}.hero-orbit span{width:120px;height:120px}.section{padding:18px 0}.atlas-explorer:before{font-size:.82rem}.atlas-explorer-head .hint{font-size:.98rem}.atlas-visual,.atlas-visual img{min-height:330px}.atlas-detail-image img{height:170px}.atlas-detail-panel dl{grid-template-columns:1fr 1fr}.route-map{min-height:360px}.featured-grid .place img{height:155px}.mini-grid .card{min-height:auto}} /* Meaning polish: route decisions, atlas motion, functional mini plan cards */ .atlas-explorer:before{content:"Atlas kararı • Bölge seç • Riski gör"}.ar .atlas-explorer:before{content:"قرار الأطلس • اختر المنطقة • افهم المخاطر"}.atlas-svg:after{content:""}.atlas-visual:after{content:"";position:absolute;inset:16% 8% auto 8%;height:82px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(216,236,246,.06));filter:blur(18px);opacity:.55;pointer-events:none;animation:mistLayer 7s ease-in-out infinite alternate}.topo-lines path{stroke-dasharray:8 12;animation:topoBreathe 8s ease-in-out infinite alternate}.atlas-point.is-active:before,.hotspot.is-active:after{content:"";position:absolute;inset:-9px;border-radius:inherit;border:2px solid rgba(242,185,75,.62);animation:pulseRing 2.4s infinite}.atlas-route-card.is-active{box-shadow:0 18px 38px rgba(22,75,63,.18),inset 0 0 0 2px rgba(242,185,75,.34)}.route-map[data-active-route="city"] .hotspot.city,.route-map[data-active-route="coast"] .hotspot.coast,.route-map[data-active-route="east"] .hotspot.valley,.route-map[data-active-route="highlands"] .hotspot.highland{background:linear-gradient(135deg,var(--od-sun),var(--od-clay));transform:translateY(-4px) scale(1.04)}.mini-plan-card{padding:0;overflow:hidden;min-height:0}.mini-plan-card:before{display:none}.mini-plan-trigger{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.ar .mini-plan-trigger{text-align:right}.mini-plan-trigger strong{display:block;color:var(--od-spruce);font-size:1.02rem}.mini-plan-trigger small{display:block;margin-top:3px;color:var(--od-muted);font-weight:750;line-height:1.35}.mini-plan-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--od-mint),#fff7de);color:var(--od-spruce);font-weight:950;box-shadow:inset 0 0 0 1px rgba(35,112,95,.12)}.mini-plan-trigger[aria-expanded="true"] .mini-plan-icon{background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff;transform:rotate(45deg)}.mini-plan-panel{margin:0 14px 14px;padding:13px;border:1px solid rgba(35,112,95,.16);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft);max-height:260px;overflow:auto}.mini-plan-card{position:relative}.mini-plan-card:has(.mini-plan-trigger[aria-expanded="true"]){z-index:5}@media(min-width:761px){.mini-plan-panel{position:absolute;left:10px;right:10px;top:calc(100% - 12px);margin:0;backdrop-filter:blur(12px)}}.mini-plan-panel[hidden]{display:none}.mini-plan-panel p{margin:.35rem 0;color:#344a43;font-size:.93rem}.mini-route-btn{width:100%;margin-top:10px;background:linear-gradient(135deg,var(--od-spruce),var(--od-forest));color:#fff}@media(max-width:640px){.mini-grid{gap:10px}.mini-plan-trigger{padding:14px}.mini-plan-panel{margin:0 12px 12px}.atlas-visual:after{height:64px}} @keyframes topoBreathe{from{opacity:.12;stroke-dashoffset:0}to{opacity:.28;stroke-dashoffset:-28}}@keyframes mistLayer{from{transform:translateX(-18px);opacity:.36}to{transform:translateX(18px);opacity:.62}} /* Focused layout fix: floating yayla layer, balanced media, connected mini decisions */ .section{padding-block:22px}.section+.section{border-top-color:rgba(222,212,197,.28)}.hint{max-width:780px}.decision-cards .card p{margin-bottom:0}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch}.featured-grid .place{display:grid;grid-template-rows:auto 1fr}.featured-grid .place img{width:100%;height:auto;aspect-ratio:4/3;min-height:180px;max-height:230px;object-fit:cover}.place-body{display:flex;flex-direction:column}.atlas-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:stretch}.info-tile{min-width:0}.info-tile img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}.info-tile>div{min-width:0}.yayla-day-tile{overflow:visible;z-index:8}.yayla-day-tile:has(.yayla-toggle[aria-expanded="true"]){z-index:30}.yayla-day-tile .yayla-panel{position:absolute;inset-inline-start:calc(100% - 24px);top:64px;width:min(420px,38vw);max-height:min(430px,70vh);overflow:auto;margin:0;padding:14px;z-index:40;box-shadow:0 26px 70px rgba(22,75,63,.22);border-color:rgba(242,185,75,.52)}.yayla-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.yayla-panel dl div{min-height:92px}.yayla-panel dd{font-size:.92rem;line-height:1.4}.ar .yayla-day-tile .yayla-panel{inset-inline-start:auto;inset-inline-end:calc(100% - 24px)}.atlas-explorer-layout{align-items:stretch}.atlas-visual{min-height:500px}.atlas-route-cards{align-content:start}.atlas-detail-panel{align-self:stretch}.atlas-detail-panel dl{margin-bottom:8px}.atlas-detail-image img{aspect-ratio:4/3;object-fit:cover}.atlas-route-card.is-active strong:after{content:" • seçildi";color:var(--od-clay);font-size:.78rem}.ar .atlas-route-card.is-active strong:after{content:" • مختار"}.map-panel{margin-top:4px}.route-map{min-height:300px;margin-bottom:12px}.route-map:after{content:"Zaman kartlarıyla aynı rota mantığı";position:absolute;top:16px;inset-inline-end:18px;z-index:2;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.82);color:var(--od-spruce);font-weight:900;font-size:.82rem;box-shadow:var(--shadow-soft)}.ar .route-map:after{content:"نفس منطق بطاقات الوقت"}.mini-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start}.mini-plan-card{min-height:158px;border-color:rgba(35,112,95,.20)}.mini-plan-card[data-route-target]{box-shadow:var(--shadow-soft),inset 0 -4px 0 rgba(35,112,95,.08)}.mini-plan-trigger{min-height:128px}.mini-plan-trigger small{font-size:.9rem}.mini-plan-card.is-linked{border-color:rgba(242,185,75,.72);box-shadow:0 22px 46px rgba(22,75,63,.16),inset 0 0 0 2px rgba(242,185,75,.24)}.mini-plan-card.is-linked .mini-plan-icon{background:linear-gradient(135deg,var(--od-sun),#fff7de)}@media(max-width:980px){.yayla-day-tile .yayla-panel{inset-inline-start:18px;inset-inline-end:18px;top:auto;bottom:18px;width:auto;max-height:58vh}.ar .yayla-day-tile .yayla-panel{inset-inline-start:18px;inset-inline-end:18px}}@media(max-width:760px){.featured-grid .place img,.info-tile img{aspect-ratio:16/10;min-height:170px}.atlas-grid{grid-template-columns:1fr}.yayla-day-tile .yayla-panel{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:62vh;border-radius:22px}.yayla-panel dl{grid-template-columns:1fr}.yayla-panel dl div{min-height:auto}.atlas-visual{min-height:340px}.atlas-detail-panel{max-height:none}.route-map{min-height:360px}.mini-grid{grid-template-columns:1fr}.mini-plan-trigger{min-height:auto}.mini-plan-panel{position:static;max-height:none}} /* Visual rhythm fix: existing sections only */ @media(min-width:900px){ .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch} .info-tile{grid-template-columns:minmax(210px,.44fr) minmax(0,.56fr);min-height:230px} .info-tile img{width:100%;height:100%;min-height:230px;aspect-ratio:auto;object-fit:cover} .info-tile>div{display:flex;flex-direction:column;justify-content:center;padding:18px 20px} } @media(min-width:760px){ .featured-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;align-items:stretch} .featured-grid .place{grid-column:span 2;min-width:0;display:grid;grid-template-rows:auto 1fr} .featured-grid .place:nth-last-child(2){grid-column:2 / span 2} .featured-grid .place:last-child{grid-column:4 / span 2} .featured-grid .place img{height:166px;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover} .featured-grid .place-body{min-height:132px;padding:13px 14px} } .route-map{min-height:270px} @media(min-width:760px){.route-map{min-height:270px}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mini-plan-card{min-height:134px}.mini-plan-trigger{min-height:106px;padding:14px 13px}.mini-plan-icon{flex-basis:34px;width:34px;height:34px;border-radius:12px}.mini-plan-panel{max-height:220px}} .mini-plan-card>.od-icon,.mini-plan-card:before{display:none!important} .footer-note{max-width:700px;font-weight:650} @media(max-width:760px){.atlas-grid{gap:14px}.info-tile{grid-template-columns:1fr}.info-tile img{height:auto;aspect-ratio:16/9;min-height:0}.featured-grid{grid-template-columns:1fr}.featured-grid .place img{height:auto;aspect-ratio:16/9;min-height:0}.route-map{min-height:320px}.mini-grid{gap:10px}.mini-plan-card>.od-icon{display:none!important}} /* Final visual QA: compact existing flows, no new sections */ .premium-hero{margin-bottom:14px}.section{padding-block:20px}.section+.section{border-top-color:rgba(222,212,197,.24)}#karar-kartlari,#decisions{padding-top:16px}#bolgeler,#regions{padding-bottom:18px}#atlas-kesif.atlas-explorer,#atlas-discovery.atlas-explorer{max-width:1060px;padding-top:22px;padding-bottom:22px}.atlas-explorer-layout{max-width:980px;margin-inline:auto;grid-template-areas:"routes" "map" "detail";gap:14px}.atlas-route-panel{display:contents}.atlas-route-cards{grid-area:routes;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.atlas-visual{grid-area:map;min-height:380px;box-shadow:0 16px 40px rgba(22,75,63,.12)}.atlas-detail-panel{grid-area:detail;grid-template-columns:minmax(230px,.34fr) minmax(0,.66fr);gap:14px;padding:14px;box-shadow:0 16px 42px rgba(22,75,63,.12)}.atlas-detail-image img{height:155px}.atlas-route-card{min-height:0;padding:10px 11px;border-radius:18px}.atlas-route-card span{width:34px;height:34px;border-radius:12px}.route-micro-tags{font-size:.7rem}.featured-grid .place{box-shadow:0 8px 22px rgba(22,75,63,.08)}.featured-grid .place-body{border-top:0}.atlas-grid .info-tile{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(243,250,245,.74));box-shadow:0 10px 26px rgba(22,75,63,.08)}.atlas-grid .info-tile>div{border-inline-start:4px solid rgba(242,185,75,.52)}.atlas-grid .info-tile h3{font-size:1.08rem}.atlas-grid .info-tile p{font-size:.92rem;line-height:1.42}.yayla-day-tile{overflow:hidden;z-index:1;border-color:rgba(35,112,95,.16);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(243,250,245,.74))}.yayla-toggle{min-height:38px;margin-top:10px;padding:8px 12px;box-shadow:none}.yayla-day-tile:has(.yayla-toggle[aria-expanded="true"]){z-index:12}.yayla-day-tile .yayla-panel{position:absolute;inset:auto 14px 14px 14px;width:auto;max-width:460px;max-height:300px;margin:0;padding:12px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 20px 54px rgba(22,75,63,.20);z-index:15}.yayla-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yayla-panel dl div{min-height:0;padding:9px 10px}.yayla-panel dt{font-size:.86rem}.yayla-panel dd{font-size:.84rem;line-height:1.32}.yayla-compare{min-height:38px;margin-top:10px;padding:8px 12px;width:100%}.route-map{min-height:230px;margin-top:12px}.route-map:after{top:10px;inset-inline-end:12px;font-size:.74rem;padding:5px 8px}.map-info{bottom:12px;padding:10px 12px;font-size:.84rem}.hotspot{padding:8px 10px;font-size:.82rem}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.mini-plan-card{min-height:104px}.mini-plan-trigger{min-height:96px;padding:12px 10px;gap:9px}.mini-plan-trigger strong{font-size:.95rem}.mini-plan-trigger small{font-size:.78rem;line-height:1.25}.mini-plan-icon{flex:0 0 30px;width:30px;height:30px;border-radius:10px}.mini-plan-panel{top:calc(100% - 8px);left:8px;right:8px;max-height:190px;padding:10px}.mini-plan-panel p{font-size:.84rem}.map-panel{padding-top:20px;padding-bottom:18px}.soft-panel{padding-top:18px;padding-bottom:20px} @media(max-width:900px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yayla-day-tile .yayla-panel{position:absolute;inset:auto 12px 12px 12px;max-height:280px}} @media(max-width:640px){.atlas-explorer-layout{gap:12px}.atlas-route-cards{grid-template-columns:1fr}.atlas-visual{min-height:320px}.atlas-detail-panel{grid-template-columns:1fr}.atlas-detail-image img{height:160px}.yayla-day-tile .yayla-panel{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-width:none;max-height:58vh;border-radius:20px}.route-map{min-height:300px}.route-map:after{display:none}.mini-grid{grid-template-columns:1fr}.mini-plan-card{min-height:0}.mini-plan-trigger{min-height:auto}.mini-plan-panel{position:static;max-height:none}.featured-grid .place-body,.atlas-grid .info-tile>div{border-inline-start:0}} /* Visual quality editorial fix */ .featured-grid .place img[src*="boztepe-clear"]{object-position:center 45%;filter:saturate(1.1) contrast(1.08) brightness(1.04)}.featured-grid .place img[src*="ganita-sahil"]{object-position:center 58%;filter:saturate(1.1) contrast(1.05) brightness(1.03)}.featured-grid .place img[src*="uzungol-clean"]{object-position:center 50%;filter:saturate(1.04) contrast(1.02)}.featured-grid .place img[src*="yayla-dogal"]{object-position:center 45%;filter:saturate(1.04) contrast(1.04) brightness(1.03)} .atlas-grid{gap:12px}.atlas-grid .info-tile{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:0;border-style:dashed;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,222,.40));box-shadow:0 8px 20px rgba(22,75,63,.06)}.atlas-grid .info-tile:before{width:5px;height:auto;inset:0 auto 0 0;background:linear-gradient(180deg,var(--od-sun),var(--od-spruce))}.ar .atlas-grid .info-tile:before{left:auto;right:0}.atlas-grid .info-tile img{height:100%;min-height:116px;aspect-ratio:auto;object-fit:cover}.atlas-grid .info-tile>div{padding:14px 16px;border-inline-start:0}.atlas-grid .info-tile h3{font-size:1.02rem;margin-bottom:5px}.atlas-grid .info-tile p{font-size:.9rem;line-height:1.4}.atlas-grid .info-tile .od-icon{width:1.8rem;height:1.8rem;margin-bottom:.35rem}.atlas-grid .info-tile:hover{transform:none}.yayla-day-tile{overflow:visible}.yayla-day-tile .yayla-panel{position:absolute;left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 40px));max-height:min(360px,72vh);padding:12px}.ar .yayla-day-tile .yayla-panel{left:50%;right:auto}.yayla-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.yayla-panel dd{font-size:.83rem}.yayla-panel-close{float:none;position:absolute;top:8px;inset-inline-end:8px}.yayla-panel dl{padding-top:22px}.place-route-overlay:after{display:none} .map-panel{padding-top:16px;padding-bottom:16px}.route-map{min-height:210px;box-shadow:0 12px 28px rgba(22,75,63,.09)}.map-info{left:14px;right:14px;bottom:10px;padding:9px 11px}.hotspot{padding:7px 9px}.mini-grid{gap:9px}.mini-plan-card{min-height:92px}.mini-plan-trigger{min-height:86px}.mini-plan-icon{display:none}.mini-plan-trigger{padding:12px}.mini-plan-trigger strong{font-size:.93rem}.mini-plan-trigger small{font-size:.78rem}.mini-plan-panel{max-height:180px}.soft-panel{padding-top:16px;padding-bottom:16px} @media(max-width:760px){.atlas-grid .info-tile{grid-template-columns:86px minmax(0,1fr)}.atlas-grid .info-tile img{min-height:110px}.yayla-day-tile .yayla-panel{position:fixed;left:12px;right:12px;bottom:12px;top:auto;transform:none;width:auto;max-height:58vh}.yayla-panel dl{grid-template-columns:1fr}.route-map{min-height:280px}.mini-plan-icon{display:none}.featured-grid .place img{aspect-ratio:16/10}} /* AR mobile RTL width containment: prevents RTL/flex/grid children from expanding the page beyond the viewport. */ @media(max-width:640px){ html,body{max-width:100%;overflow-x:hidden} body.ar .wrap, body.ar .top, body.ar .hero, body.ar .section, body.ar .atlas-explorer, body.ar .map-panel, body.ar .soft-panel, body.ar .final-note, body.ar .feedback, body.ar .teaser{max-width:100%;min-width:0} body.ar .top, body.ar .hero, body.ar .atlas-explorer, body.ar .map-panel, body.ar .soft-panel, body.ar .final-note{margin-inline:auto} body.ar .atlas-explorer-layout, body.ar .atlas-grid, body.ar .featured-grid, body.ar .mini-grid, body.ar .route-grid, body.ar .quick-summary, body.ar .detail-grid, body.ar .cards, body.ar .showcase-grid{grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0} body.ar .card, body.ar .place, body.ar .info-tile, body.ar .atlas-visual, body.ar .atlas-detail-panel, body.ar .atlas-route-card, body.ar .route-map, body.ar .mini-plan-card, body.ar .showcase-card{max-width:100%;min-width:0;overflow-wrap:anywhere} body.ar .slider{max-width:100%;padding-inline:0;overscroll-behavior-inline:contain} body.ar .place{flex-basis:min(86vw,100%)} body.ar .atlas-route-card{grid-template-columns:auto minmax(0,1fr)} body.ar img,body.ar svg{max-width:100%} } /* Yayla open-panel readability fix: keep the existing interaction, but make the open layer opaque and self-contained. */ .yayla-day-tile:has(.yayla-toggle[aria-expanded="true"]){isolation:isolate;z-index:40} .yayla-day-tile .yayla-panel{ background:linear-gradient(180deg,#fffefa 0%,#fff7de 100%); border:1px solid rgba(47,111,94,.30); box-shadow:0 28px 72px rgba(22,75,63,.28),0 0 0 1px rgba(255,255,255,.92) inset; color:var(--od-ink); z-index:80; backdrop-filter:none; } .yayla-day-tile .yayla-panel dl div{background:linear-gradient(135deg,#eef7ef,#fffdf7);border:1px solid rgba(47,111,94,.10)} .yayla-day-tile .yayla-panel dd{color:#263f38} @media(min-width:761px){ .yayla-day-tile .yayla-panel, .ar .yayla-day-tile .yayla-panel{ position:static; left:auto; right:auto; inset-inline-start:auto; inset-inline-end:auto; top:auto; bottom:auto; width:100%; max-width:none; max-height:none; margin-top:16px; transform:none; } } @media(max-width:980px){ .yayla-day-tile .yayla-panel, .ar .yayla-day-tile .yayla-panel{ background:linear-gradient(180deg,#fffefa,#fff7de); box-shadow:0 22px 60px rgba(22,75,63,.32); } } @media(max-width:640px){ body.ar .info-tile:after, body.ar .showcase-card:after{display:none} } /* Featured places visual pass: stronger image presence and per-place focal crops only inside “Öne çıkan yerler”. */ .featured-grid{gap:18px} .featured-grid .place{overflow:hidden;border-radius:26px;background:linear-gradient(180deg,#fff,rgba(255,250,242,.86));box-shadow:0 18px 44px rgba(22,75,63,.13);border-color:rgba(35,112,95,.18)} .featured-grid .place:before{z-index:3;height:5px;background:linear-gradient(90deg,rgba(35,112,95,.92),rgba(242,185,75,.82),rgba(216,236,246,.72))} .featured-grid .place:after{content:"";position:absolute;left:0;right:0;top:0;height:224px;background:linear-gradient(180deg,rgba(11,48,39,0) 56%,rgba(11,48,39,.18));pointer-events:none;z-index:1} .featured-grid .place img{height:224px;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover;filter:saturate(1.12) contrast(1.04) brightness(1.02)} .featured-grid .place-body{position:relative;z-index:2;min-height:154px;padding:16px 17px 18px;border-top:1px solid rgba(242,185,75,.30);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,242,.88))} .featured-grid .place h4{font-size:1.12rem;margin-bottom:7px} .featured-grid .place p{font-size:.95rem;line-height:1.48} .featured-grid .place .od-icon{top:14px;inset-inline-start:14px;left:14px;right:auto;z-index:4;background:rgba(255,255,255,.92)} .ar .featured-grid .place .od-icon{left:auto;right:14px} .featured-grid .place img[src*="boztepe-user-source"]{object-position:center 46%;filter:saturate(1.12) contrast(1.05) brightness(1.03)} .featured-grid .place img[src*="ganita-sahil-user-source"]{object-position:center 52%;filter:saturate(1.14) contrast(1.05) brightness(1.02)} .featured-grid .place img[src*="uzungol-clean"]{object-position:center 48%;filter:saturate(1.08) contrast(1.03) brightness(1.01)} .featured-grid .place img[src*="sera-golu-selected"]{object-position:center 47%;filter:saturate(1.10) contrast(1.04) brightness(1.02)} .featured-grid .place img[src*="yayla-dogal"]{object-position:center 54%;filter:saturate(1.04) contrast(1.06) brightness(1.04)} @media(min-width:760px){.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-grid .place img{height:224px}.featured-grid .place-body{min-height:154px}} @media(max-width:760px){.featured-grid{gap:16px}.featured-grid .place{border-radius:24px}.featured-grid .place img{height:220px;aspect-ratio:auto;min-height:0}.featured-grid .place:after{height:220px}.featured-grid .place-body{min-height:0;padding:30px 16px 17px;border-top:0}.featured-grid .place h4{font-size:1.08rem;margin-top:0}} @media(max-width:760px){ .ar .yayla-day-tile .yayla-panel{ position:fixed; left:12px; right:12px; inset-inline-start:12px; inset-inline-end:12px; bottom:12px; top:auto; width:auto; max-width:none; max-height:58vh; transform:none; } } @media(max-width:640px){ body.ar .info-tile:after, body.ar .showcase-card:after{display:none!important} } /* Visual cleanup apply: no weak photos in highland route card or Atlas notes. */ .featured-grid .place-no-image{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:16px;background:radial-gradient(circle at 16% 20%,rgba(242,185,75,.14),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,247,239,.88) 62%,rgba(255,244,216,.70));border-style:dashed} .featured-grid .place-no-image.place-route-overlay:after{content:none} .featured-grid .place-no-image .place-symbol{position:relative;z-index:2;display:grid;place-items:center;width:56px;height:56px;min-height:0;margin:0;border-radius:18px;background:linear-gradient(145deg,rgba(35,112,95,.12),rgba(242,185,75,.14));border:1px solid rgba(242,185,75,.28)} .featured-grid .place-no-image .place-symbol svg{width:34px;height:34px;color:rgba(35,112,95,.78);stroke:currentColor;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:none} .featured-grid .place-no-image .place-body{position:relative;z-index:1;min-height:0;padding:0;border-top:0;background:transparent} .atlas-grid .info-tile{grid-template-columns:72px minmax(0,1fr);padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,250,245,.80) 55%,rgba(255,247,222,.56));border-style:solid} .atlas-grid .info-icon{align-self:start;justify-self:center} .atlas-grid .info-tile>div{padding:0 0 0 4px;justify-content:flex-start} .ar .atlas-grid .info-tile>div{padding:0 4px 0 0} @media(max-width:760px){.featured-grid .place-no-image{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:15px}.featured-grid .place-no-image .place-symbol{width:46px;height:46px;border-radius:15px}.featured-grid .place-no-image .place-symbol svg{width:29px;height:29px}.featured-grid .place-no-image .place-body{padding:0}.atlas-grid .info-tile{grid-template-columns:52px minmax(0,1fr);padding:16px}.atlas-grid .info-icon{width:42px;height:42px;border-radius:14px}} /* Focused homepage UX/layout pass */ section[id]{scroll-margin-top:96px} section[id].atlas-explorer{padding-top:16px} .top{position:relative;top:auto} @media(max-width:640px){section[id]{scroll-margin-top:86px}section[id].atlas-explorer{padding-top:15px}} .hero{background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.16),transparent 30%),radial-gradient(circle at 84% 16%,rgba(242,185,75,.22),transparent 34%),linear-gradient(135deg,rgba(11,48,39,.94),rgba(35,112,95,.76) 52%,rgba(223,244,233,.32));} .hero:before{background:linear-gradient(115deg,transparent 0 26%,rgba(255,255,255,.08) 26% 27%,transparent 27% 54%,rgba(255,255,255,.06) 54% 55%,transparent 55%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 58%);} .hero:after{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.20),transparent 32%),radial-gradient(circle at 68% 72%,rgba(242,185,75,.16),transparent 36%),linear-gradient(0deg,rgba(20,42,34,.26),transparent 58%)} @media(min-width:760px){.featured-grid .place:nth-last-child(2){grid-column:1 / span 1}.featured-grid .place:last-child{grid-column:2 / span 1}} .atlas-grid{gap:14px}.atlas-grid .info-tile{padding:16px 14px;border-color:rgba(35,112,95,.12);border-style:solid;background:transparent;box-shadow:none;border-radius:20px}.atlas-grid .info-tile:before{opacity:.55}.atlas-grid .info-icon{background:rgba(255,255,255,.62);box-shadow:none}.atlas-grid .info-tile h3{font-size:1rem;margin-bottom:4px}.atlas-grid .info-tile p{font-size:.91rem;line-height:1.48;color:#3f514d}.atlas-grid .info-tile:hover{box-shadow:none;border-color:rgba(242,185,75,.38)} /* Homepage layout normalization: one consistent page rhythm */ :root{--home-section-y:34px;--home-section-y-mobile:22px;--home-grid-gap:18px}html{scroll-padding-top:24px}section[id]{scroll-margin-top:28px}.top{position:relative;top:auto;z-index:10;margin-bottom:8px}.hero{margin-top:10px;margin-bottom:18px}.section{padding-block:var(--home-section-y)}.section+.section{border-top:1px solid rgba(222,212,197,.24)}.section h2{margin-bottom:8px}.section>.hint,.atlas-explorer-head .hint{margin-top:0;margin-bottom:18px}.cards,.route-grid,.quick-summary,.detail-grid,.check-cards,.atlas-grid,.mini-grid{gap:var(--home-grid-gap)}.decision-cards,.route-grid{align-items:stretch}.decision-cards .card,.route-grid .card{height:100%}.map-panel,.soft-panel,.final-note{padding-block:28px}.route-map{min-height:240px;margin-top:12px;margin-bottom:0}.atlas-grid .info-tile{background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,250,242,.42));border-color:rgba(35,112,95,.12);box-shadow:none}.atlas-grid .info-tile:before{opacity:.38}.atlas-grid .info-icon{background:rgba(255,255,255,.70);border-color:rgba(35,112,95,.12)}.footer{margin-top:18px} @media(min-width:760px){.featured-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.featured-grid .place{grid-column:span 2}.featured-grid .place:nth-last-child(2){grid-column:2 / span 2}.featured-grid .place:last-child{grid-column:4 / span 2}.featured-grid .place img{height:176px}.featured-grid .place-body{min-height:130px}.decision-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.route-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:760px){section[id]{scroll-margin-top:22px}.section{padding-block:var(--home-section-y-mobile)}.hero{margin-bottom:14px}.map-panel,.soft-panel,.final-note{padding-block:20px}.featured-grid{grid-template-columns:1fr}.route-map{min-height:290px}.footer{margin-top:10px}} @media(min-width:760px){.featured-grid{gap:15px}.featured-grid .place img{height:166px}.featured-grid .place-body{min-height:124px;padding:13px 14px}.featured-grid .place p{font-size:.9rem;line-height:1.42}} @media(max-width:760px){.featured-grid .place img{height:190px;aspect-ratio:auto;min-height:0}.featured-grid .place-body{padding:16px;min-height:0}.atlas-grid .info-tile{padding:14px}} /* Atlas Keşif — consolidated layout */ .hero .hint{display:inline-flex;width:max-content;max-width:100%;margin:8px 0 0;padding:6px 10px;border:1px solid rgba(255,255,255,.30);border-radius:999px;background:rgba(11,48,39,.36);color:rgba(255,255,255,.94);font-size:.9rem;font-weight:750;line-height:1.35;text-shadow:0 1px 8px rgba(0,0,0,.28);backdrop-filter:blur(8px)} #atlas-kesif.atlas-explorer,#atlas-discovery.atlas-explorer{max-width:1000px;padding-top:18px;padding-bottom:18px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(223,244,233,.28) 48%,rgba(255,247,222,.34))} .atlas-explorer:before{padding:6px 10px;font-size:.82rem;box-shadow:none;background:rgba(22,75,63,.88)} .atlas-explorer-head{max-width:760px}.atlas-explorer-head .hint{margin-bottom:14px} .atlas-explorer-layout{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;align-items:stretch} .atlas-route-panel{display:contents} .atlas-route-cards{order:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;align-content:start} .atlas-route-card{min-height:0;padding:8px 10px;border-radius:15px;gap:1px 7px;box-shadow:0 6px 16px rgba(22,75,63,.06);background:rgba(255,255,255,.72)} .atlas-route-card span{width:28px;height:28px;border-radius:10px;font-size:.82rem} .atlas-route-card strong{font-size:.9rem;line-height:1.16} .atlas-route-card small,.route-micro-tags{font-size:.68rem;line-height:1.18} .atlas-visual{order:2;grid-row:auto;width:100%;min-height:280px;max-height:340px;aspect-ratio:900/400;background:linear-gradient(160deg,rgba(255,250,240,.82),rgba(237,248,241,.72));box-shadow:0 8px 22px rgba(22,75,63,.08)} .atlas-detail-panel{order:3;display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;align-self:start;padding:11px;border-width:1px;border-radius:22px;box-shadow:0 8px 22px rgba(22,75,63,.08)} .atlas-detail-image img{height:100%;min-height:118px;aspect-ratio:auto;object-fit:cover} .atlas-detail-panel h3{font-size:1.08rem;margin-bottom:4px} .atlas-detail-panel p{font-size:.86rem;line-height:1.34} .atlas-detail-panel dl{grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;gap:7px;margin:7px 0 3px} .atlas-detail-panel dl div{padding:6px 7px;min-height:0;border-radius:11px} .atlas-detail-panel dt{font-size:.69rem;white-space:normal} .atlas-detail-panel dd{font-size:.82rem;line-height:1.22} .atlas-detail-panel .local-tip{grid-column:1/-1} .local-tip{padding:8px 9px;font-size:.82rem;line-height:1.32} @media(min-width:940px){.atlas-explorer-layout{display:grid;grid-template-columns:1fr;max-width:900px;margin-inline:auto}.atlas-route-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.atlas-visual{min-height:285px;max-height:330px}.atlas-detail-panel{grid-template-columns:132px minmax(0,1fr)}} @media(max-width:760px){.hero .hint{width:100%;font-size:.86rem}#atlas-kesif.atlas-explorer,#atlas-discovery.atlas-explorer{padding-top:16px;padding-bottom:16px}.atlas-explorer-layout{gap:10px}.atlas-route-cards{grid-template-columns:1fr}.atlas-visual{min-height:270px;max-height:none;aspect-ratio:900/560}.atlas-detail-panel{grid-template-columns:1fr}.atlas-detail-image img{height:160px;min-height:0}.atlas-detail-panel dl{grid-template-columns:1fr 1fr}} @media(max-width:520px){.atlas-detail-panel dl{grid-template-columns:1fr}} /* Site skeleton migration: mobile-first decision atlas cards */ .atlas-home .skeleton-hero{min-height:0;align-items:center;padding-block:34px;background:linear-gradient(135deg,rgba(22,75,63,.94),rgba(35,112,95,.78) 55%,rgba(242,185,75,.28));} .atlas-home .skeleton-hero .lead{max-width:680px;} .decision-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px;} .decision-actions .btn{width:100%;min-height:48px;text-align:center;} .decision-grid{display:grid;grid-template-columns:1fr;gap:13px;margin-top:16px;} .decision-card{display:flex;flex-direction:column;gap:8px;min-height:152px;padding:18px;border:1px solid rgba(35,112,95,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,242,.78));color:var(--text);text-decoration:none;box-shadow:var(--shadow-soft);} .decision-card h3{margin:0;color:var(--od-spruce);font-size:1.08rem;line-height:1.25;} .decision-card p{margin:0;color:#344a43;} .decision-card span{margin-top:auto;align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(223,244,233,.9);color:var(--od-spruce);font-size:.82rem;font-weight:900;} .decision-card[data-status="planned"] span{background:rgba(255,247,222,.95);} .language-entry{text-align:center;margin:12vh auto 0;max-width:680px;} .entry-promise{margin:.35rem auto 1rem;max-width:560px;color:var(--muted);font-weight:700;} .language-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;} .entry-flow{position:relative;border-radius:30px;padding-inline:18px;background:linear-gradient(135deg,rgba(223,244,233,.58),rgba(255,247,222,.66));} .section-head{max-width:780px;} .eyebrow-light{display:inline-flex;margin:0 0 8px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.72);color:var(--od-spruce);font-weight:900;font-size:.86rem;} .entry-decision-card{min-height:176px;border-color:rgba(35,112,95,.20);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(243,250,245,.78));} .entry-decision-card h3{font-size:1.15rem;} .entry-decision-card span{background:rgba(255,247,222,.95);} @media(min-width:700px){.decision-actions{grid-template-columns:repeat(2,1fr)}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.situation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(min-width:980px){.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.decision-card{min-height:165px}.entry-decision-card{min-height:178px}} @media(max-width:640px){.atlas-home .skeleton-hero{padding:24px 18px;margin-bottom:24px}.atlas-home .skeleton-hero h1{font-size:clamp(1.82rem,8.2vw,2.38rem)}.atlas-home .skeleton-hero .lead{margin-bottom:0}.decision-actions{gap:8px;margin-top:16px}.decision-actions .btn{min-height:44px;padding-block:8px}.entry-flow{padding-top:22px;padding-bottom:22px}.decision-grid{gap:11px}.decision-card{min-height:0;padding:14px 15px;gap:7px}.entry-decision-card{padding:16px;box-shadow:0 12px 28px rgba(22,75,63,.10)}.secondary-flow{margin-top:6px}.secondary-flow .decision-grid{gap:9px}.secondary-flow .decision-card{border-color:rgba(35,112,95,.11);background:rgba(255,255,255,.72);box-shadow:none}.secondary-flow .decision-card h3{font-size:1rem}.secondary-flow .decision-card p{font-size:.94rem;line-height:1.42}.compact-link-grid .decision-card span{padding:0;background:transparent;color:var(--od-forest);font-size:.78rem;text-decoration:underline;text-underline-offset:3px}.soft-panel.secondary-flow{padding-inline:14px}.final-note{margin-top:8px}.footer{margin-top:28px;padding:20px 0}.footer-note{font-size:.92rem;margin-bottom:10px}.footer nav{display:flex;flex-wrap:wrap;gap:7px 12px}.footer a{font-size:.92rem}.language-entry{margin-top:8vh}.language-actions .btn{width:100%}} /* MVP decision pages */ .decision-page{max-width:920px;padding:22px 0 8px;} .breadcrumb{display:inline-flex;align-items:center;gap:5px;margin:10px 0 14px;padding:6px 10px 6px 8px;border:1px solid rgba(35,112,95,.14);border-radius:999px;background:rgba(255,255,255,.72);color:var(--od-spruce);font-weight:900;font-size:.88rem;text-underline-offset:3px;text-decoration:none;} .breadcrumb::before{content:"←";font-weight:900;} .decision-page h1{font-size:clamp(1.9rem,5vw,3.25rem);line-height:1.08;margin:0 0 18px;color:var(--od-ink);letter-spacing:-.035em;} .decision-answer{margin-bottom:22px;} .decision-answer h2,.quick-decision h2,.decision-section h2{font-size:clamp(1.2rem,3vw,1.75rem);margin:0 0 12px;color:var(--od-spruce);} .decision-answer p,.quick-decision p{font-size:1.02rem;margin:.55rem 0;max-width:760px;} .quick-decision{margin-bottom:20px;} .quick-decision.card{border-color:rgba(35,112,95,.12);background:rgba(255,255,255,.72);box-shadow:0 5px 16px rgba(22,75,63,.045);padding:18px 18px;} .quick-decision ul{margin:.8rem 0 0;padding-inline-start:1.35rem;} .quick-decision li{margin:.45rem 0;line-height:1.65;} .decision-section{padding:18px 0;border-top:1px solid rgba(222,212,197,.42);} .info-card-grid,.related-grid{display:grid;grid-template-columns:1fr;gap:12px;} .info-card{padding:15px 16px;border:1px solid rgba(35,112,95,.16);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-soft);font-weight:720;color:#344a43;} .caution-card{background:linear-gradient(180deg,rgba(255,247,222,.94),rgba(255,255,255,.88));} .scope-note{margin:18px 0 0;padding:14px 16px;border-inline-start:4px solid var(--od-sun);border-radius:16px;background:rgba(255,247,222,.74);color:#344a43;font-weight:720;} @media(min-width:720px){.info-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.decision-page{padding-top:30px;}} /* Visual QA pass 2026-05-21: mobile decision card height, h1 readability, breadcrumb clarity */ /* h1 on decision pages: use --od-ink for maximum contrast on white card backgrounds */ /* entry-decision-card: remove forced min-height on small screens (creates excessive scroll) */ @media(max-width:640px){ .decision-page h1{font-size:clamp(1.7rem,7.5vw,2.2rem);margin-bottom:14px;} .decision-answer h2,.quick-decision h2,.decision-section h2{font-size:1.15rem;} .quick-decision{margin-bottom:16px;} .quick-decision.card{padding:15px 14px;box-shadow:none;} .quick-decision ul{padding-inline-start:1.15rem;} .quick-decision li{margin:.38rem 0;line-height:1.6;} .entry-decision-card{min-height:0;padding:14px 15px;} .decision-page .breadcrumb{margin-bottom:10px;} .scope-note{margin-top:14px;font-size:.9rem;} } /* Related grid 2-col on narrow-medium (avoid 3 squished columns at 720px) */ @media(min-width:520px) and (max-width:719px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} /* 2-col related-grid variant: use when the grid has 4 cards to avoid 3+1 orphan layout */ @media(min-width:720px){.related-grid-2col{grid-template-columns:repeat(2,minmax(0,1fr));}} /* AR decision pages: RTL breadcrumb arrow */ html[lang="ar"] .breadcrumb::before, html[dir="rtl"] .breadcrumb::before{content:"→";} html[lang="ar"] .decision-page h1, html[dir="rtl"] .decision-page h1{color:var(--od-ink);} /* Caution cards: slightly stronger border signal */ .caution-card{border-color:rgba(242,185,75,.32);} /* Final section rhythm on decision pages */ .decision-section:last-of-type{padding-bottom:6px;} /* Mobile mini-nav: compact fixed bottom bar for inner pages (decision/place pages) */ .mobile-bottom-nav{ display:none !important; } .mobile-bottom-nav svg, .mobile-bottom-nav img, .mobile-bottom-nav .nav-icon{ width:20px; height:20px; max-width:20px; max-height:20px; flex:0 0 auto; } @media(max-width:760px){ .mobile-bottom-nav{ position:fixed; bottom:0; left:0; right:0; z-index:50; display:flex !important; align-items:center; justify-content:center; gap:2px; padding:7px 10px calc(7px + env(safe-area-inset-bottom, 0px)); background:linear-gradient(180deg,rgba(251,248,239,.94),rgba(243,250,245,.96)); border-top:1px solid rgba(35,112,95,.14); box-shadow:0 -6px 20px rgba(22,75,63,.08); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } .mobile-bottom-nav a{ flex:1; display:flex; align-items:center; justify-content:center; gap:4px; min-height:40px; padding:9px 4px; border-radius:12px; color:var(--od-spruce); text-decoration:none; font-weight:900; font-size:.78rem; line-height:1.15; text-align:center; transition:background .18s ease,color .18s ease; } .mobile-bottom-nav a:hover, .mobile-bottom-nav a:active{ background:rgba(223,244,233,.72); } .mobile-bottom-nav a.nav-home{ flex:0 0 auto; font-weight:950; } .mobile-bottom-nav .nav-icon{ width:16px; height:16px; flex-shrink:0; opacity:.72; } /* Give inner pages bottom padding so footer isn't hidden behind the bar */ .decision-page ~ .footer, body:has(.mobile-bottom-nav) .footer{ padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px)); } /* AR RTL adjustments */ body.ar .mobile-bottom-nav{ direction:rtl; } } /* Visual appeal first pass - 2026-05-23 */ /* ─── 1. HERO VISUAL STRENGTH ─────────────────────────────────────────── */ /* Homepage hero: real background image + richer overlay */ .atlas-home .skeleton-hero { background: linear-gradient(155deg, rgba(11,48,39,.88) 0%, rgba(35,112,95,.72) 52%, rgba(242,185,75,.28) 100%), url('../img/places/trabzon-atlas-hero-background-real.webp') center 42% / cover no-repeat; min-height: 420px; align-items: flex-end; border-radius: 26px; box-shadow: 0 28px 64px rgba(11,48,39,.20), 0 0 0 1px rgba(255,255,255,.10) inset; border: 1px solid rgba(255,255,255,.12); } /* Hero h1 — stronger size and weight */ .hero h1 { font-size: clamp(2.1rem, 6vw, 3.8rem); line-height: 1.08; text-shadow: 0 2px 20px rgba(0,0,0,.32); font-family: "Fraunces", "Georgia", serif; letter-spacing: -.03em; } /* Hero lead text — slightly brighter, more readable */ .hero .lead { color: rgba(255,255,255,.90); font-size: clamp(1rem, 2.2vw, 1.18rem); line-height: 1.58; text-shadow: 0 1px 10px rgba(0,0,0,.20); max-width: 680px; } /* Hero kicker — glass pill */ .hero-kicker, .eyebrow { background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.26) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: rgba(255,255,255,.92) !important; font-weight: 800; letter-spacing: .02em; font-size: .84rem; text-shadow: 0 1px 6px rgba(0,0,0,.18); } /* Hero action buttons — clear hierarchy */ .hero-actions .btn.primary { background: linear-gradient(135deg, var(--od-spruce), var(--od-forest)); border-color: transparent; box-shadow: 0 14px 28px rgba(22,75,63,.30), inset 0 1px 0 rgba(255,255,255,.18); font-size: 1rem; min-height: 48px; } .hero-actions .btn:not(.primary) { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.28); color: #fff; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .hero-actions .btn:not(.primary):hover { background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.44); } /* ─── 2. SECTION RHYTHM & SEPARATION ──────────────────────────────────── */ /* Clear section dividers — the border-top was too faint */ .section + .section { border-top: 1px solid rgba(35,112,95,.10); } /* Consistent vertical padding */ .section { padding-block: 26px; } /* Section headings — more grounded */ .section h2, .decision-section h2, .decision-answer h2 { font-family: "Fraunces", "Georgia", serif; letter-spacing: -.025em; font-weight: 800; } /* Entry flow section — softer separator, a bit more breathing room */ section.entry-flow { padding-block: 28px; } /* "final-note" — subtle toned-down warm background */ .final-note { background: linear-gradient(135deg, rgba(255,250,242,.62), rgba(223,244,233,.34)); border-radius: 24px; border: 1px solid rgba(35,112,95,.08); } /* ─── 3. CARD HIERARCHY & FATIGUE REDUCTION ────────────────────────────── */ /* All cards — unified lighter treatment */ .decision-card { border: 1px solid rgba(35,112,95,.11); box-shadow: 0 4px 14px rgba(22,75,63,.05); background: linear-gradient(180deg, #ffffff 0%, rgba(255,252,248,.82) 100%); transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease; } .decision-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(22,75,63,.10); border-color: rgba(242,185,75,.44); } /* Entry decision cards — these are primary action cards, make them stand out */ .entry-decision-card { border-color: rgba(35,112,95,.14); min-height: 148px; background: linear-gradient(160deg, #ffffff 0%, rgba(238,247,239,.40) 100%); } /* Place/experience cards in secondary sections — quieter */ .secondary-flow .decision-card { background: rgba(255,255,255,.68); box-shadow: none; border-color: rgba(35,112,95,.09); min-height: 0; } /* Span pill in decision cards — more visible */ .decision-card span { background: rgba(255,247,222,.92); color: var(--od-spruce); font-weight: 900; font-size: .78rem; padding: 5px 10px; border-radius: 999px; } .entry-decision-card span { background: rgba(223,244,233,.90); } /* Info cards on decision/place pages */ .info-card { border: 1px solid rgba(35,112,95,.10); box-shadow: 0 4px 12px rgba(22,75,63,.04); background: linear-gradient(180deg, #ffffff 0%, rgba(255,252,248,.78) 100%); line-height: 1.56; border-radius: 18px; padding: 15px 16px; font-weight: 700; color: #344a43; } /* Caution info cards — warm amber left stripe */ .caution-card { border-inline-start: 3px solid rgba(184,111,59,.55); background: linear-gradient(180deg, #fffefb 0%, rgba(255,247,222,.44) 100%); border-color: rgba(184,111,59,.14); } /* "Kısa cevap" card — green left stripe, stands out as the hero card */ .decision-answer.card { border-inline-start: 4px solid var(--od-forest); background: linear-gradient(180deg, #ffffff 0%, rgba(223,244,233,.22) 100%); border-color: rgba(35,112,95,.14); box-shadow: 0 8px 24px rgba(22,75,63,.07); padding: 22px 20px; } .decision-answer .card:before { display: none; } /* ─── 4. TYPOGRAPHY & VISUAL TRUST ────────────────────────────────────── */ /* Decision page h1 — strong serif, clear contrast */ .decision-page h1 { font-family: "Fraunces", "Georgia", serif; font-size: clamp(1.9rem, 5vw, 3.1rem); font-weight: 800; letter-spacing: -.03em; color: var(--od-ink); margin-bottom: 16px; line-height: 1.08; } /* Breadcrumb — polished back link */ .breadcrumb { display: inline-flex; background: rgba(255,255,255,.82); border: 1px solid rgba(35,112,95,.12); box-shadow: 0 3px 10px rgba(22,75,63,.04); transition: transform .18s ease, border-color .18s ease; margin-bottom: 14px; } .breadcrumb:hover { transform: translateX(-3px); border-color: rgba(242,185,75,.48); } /* Scope note at bottom of decision pages */ .scope-note { color: var(--od-muted); font-size: .88rem; font-weight: 700; border-inline-start: 3px solid rgba(242,185,75,.44); background: rgba(255,247,222,.40); margin-top: 22px; padding: 12px 16px; border-radius: 14px; } /* Decision sections — clean rhythm */ .decision-section { padding-block: 26px; border-top: 1px solid rgba(222,212,197,.34); } .decision-section:first-of-type { border-top: 0; } /* Related grid cards — lighter, link-like */ .related-grid .decision-card { min-height: 0; padding: 16px; background: rgba(255,255,255,.72); } .related-grid .decision-card h3 { font-size: 1rem; } /* ─── 5. MOBILE READING FLOW ───────────────────────────────────────────── */ @media (max-width: 640px) { /* Hero: tighter on mobile */ .atlas-home .skeleton-hero { min-height: 360px; padding: 28px 18px 32px; border-radius: 20px; } .hero h1 { font-size: clamp(1.85rem, 8.5vw, 2.55rem); } /* Section rhythm on mobile */ .section { padding-block: 20px; } .decision-section { padding-block: 20px; } section.entry-flow { padding-block: 22px; } /* Info cards — smaller padding, still readable */ .info-card { padding: 13px 14px; } /* Decision cards on mobile — less min-height, less clutter */ .decision-card { min-height: 0; } .entry-decision-card { min-height: 120px; } /* Section h2 on mobile */ .decision-section h2 { font-size: 1.15rem; margin-bottom: 12px; } /* Related grid: 1 column on mobile */ .related-grid { grid-template-columns: 1fr; } /* Compact secondary sections */ .secondary-flow .decision-card { padding: 12px 14px; } } /* ─── 6. AR (ARABIC) RTL VISUAL PARITY ─────────────────────────────────── */ /* AR breadcrumb hover goes right */ html[lang="ar"] .breadcrumb:hover, html[dir="rtl"] .breadcrumb:hover { transform: translateX(3px); } /* AR caution/answer card stripes flip correctly */ html[lang="ar"] .caution-card, html[dir="rtl"] .caution-card { border-inline-start: 3px solid rgba(184,111,59,.55); border-inline-end: none; } html[lang="ar"] .decision-answer.card, html[dir="rtl"] .decision-answer.card { border-inline-start: 4px solid var(--od-forest); } /* ─── 7. HOMEPAGE VISUAL ATLAS CARDS ───────────────────────────────────── */ .featured-atlas-section { position: relative; border-radius: 30px; padding-inline: 18px; background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(223,244,233,.42) 58%, rgba(255,247,222,.40)); } .featured-atlas-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 18px; } .atlas-place-card { display: grid; overflow: hidden; min-height: 100%; border: 1px solid rgba(35,112,95,.12); border-radius: 24px; background: rgba(255,255,255,.88); color: var(--text); text-decoration: none; box-shadow: 0 8px 22px rgba(22,75,63,.07); } .atlas-place-card img { width: 100%; height: 190px; object-fit: cover; display: block; filter: saturate(1.06) contrast(1.02); } .atlas-place-card-strong { border-color: rgba(242,185,75,.34); box-shadow: 0 16px 36px rgba(22,75,63,.11); } .atlas-place-body { display: flex; flex-direction: column; gap: 8px; padding: 16px; } .atlas-place-body h3 { margin: 0; color: var(--od-spruce); font-family: "Fraunces", "Georgia", serif; font-size: 1.28rem; line-height: 1.16; letter-spacing: -.02em; } .atlas-place-body p { margin: 0; color: #344a43; line-height: 1.52; } .atlas-place-badge { align-self: flex-start; padding: 6px 10px; border-radius: 999px; background: rgba(223,244,233,.90); color: var(--od-spruce); font-size: .78rem; font-weight: 900; line-height: 1.2; } .atlas-place-card-strong .atlas-place-badge, .place-intro-sumela .atlas-place-badge { background: rgba(255,247,222,.94); } @media (min-width: 760px) { .featured-atlas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .atlas-place-card { grid-template-columns: 42% 1fr; } .atlas-place-card img { height: 100%; min-height: 230px; } } @media (min-width: 1060px) { .atlas-place-card-strong { grid-row: span 2; grid-template-columns: 1fr; } .atlas-place-card-strong img { height: 260px; min-height: 0; } } /* ─── 8. PLACE PAGE VISUAL INTRO BANDS ─────────────────────────────────── */ .place-intro { display: grid; gap: 16px; align-items: stretch; margin: 0 0 22px; overflow: hidden; border: 1px solid rgba(35,112,95,.12); border-radius: 28px; background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(243,250,245,.72)); box-shadow: 0 12px 30px rgba(22,75,63,.08); } .place-intro-copy { padding: 22px 20px 4px; } .place-intro h1 { margin: 10px 0 12px; } .place-intro p { max-width: 720px; margin: 0; color: #344a43; font-weight: 650; line-height: 1.62; } .place-intro-media { margin: 0; min-height: 210px; } .place-intro-media img { width: 100%; height: 100%; min-height: 210px; object-fit: cover; display: block; } .place-intro-sumela { background: linear-gradient(135deg, rgba(15,54,45,.95), rgba(35,112,95,.82) 54%, rgba(255,247,222,.34)); color: #fff; border-color: rgba(255,255,255,.16); box-shadow: 0 20px 48px rgba(11,48,39,.18); } .place-intro-sumela h1, .place-intro-sumela p { color: #fff; text-shadow: 0 1px 12px rgba(0,0,0,.18); } .place-intro-culture { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,222,.58) 58%, rgba(223,244,233,.46)); } .place-intro-culture .place-intro-media img { filter: saturate(1.02) contrast(.98) sepia(.06); } @media (min-width: 780px) { .place-intro { grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr); } .place-intro-copy { padding: 30px 28px; } .place-intro-media, .place-intro-media img { min-height: 300px; } } @media (max-width: 640px) { .featured-atlas-section { padding-inline: 14px; } .atlas-place-card img { height: 170px; } .atlas-place-body { padding: 14px; } .place-intro { border-radius: 22px; margin-bottom: 18px; } .place-intro-copy { padding: 18px 16px 0; } .place-intro-media, .place-intro-media img { min-height: 180px; } .hero-actions.decision-actions { gap: 8px; } .hero-actions.decision-actions .btn { min-height: 42px; padding-block: 8px; } } /* ─── 9. CSS VERSION MARKER ─────────────────────────────────────────────── */ /* visual-atlas-pass applied: 2026-05-23 */ /* Final polish pass 3: contrast, crop, and calmer detail rhythm */ .hero-actions .btn.primary { background: linear-gradient(135deg, #e8bd72, #c98f3d); border-color: rgba(255,255,255,.38); color: #10251f; box-shadow: 0 14px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.36); } .hero-actions .btn.primary:hover { background: linear-gradient(135deg, #efc87f, #d19a48); border-color: rgba(255,255,255,.50); } .atlas-place-body .atlas-place-action { display: inline-flex; align-items: center; align-self: flex-start; width: max-content; max-width: 100%; margin-top: auto; color: var(--od-spruce); font-weight: 900; font-size: .96rem; letter-spacing: .01em; text-align: start; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; } .atlas-place-card-strong:hover .atlas-place-action { color: #123c33; } .atlas-place-card-culture img, .place-intro-culture .place-intro-media img { object-position: top center; } @media (min-width: 980px) { .decision-page .info-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .decision-page .related-grid { justify-content: center; } } .editorial-list-grid { grid-template-columns: 1fr; gap: 9px; } .editorial-list-grid .info-card { box-shadow: none; background: transparent; border: 0; border-inline-start: 3px solid rgba(35,112,95,.55); border-radius: 0; padding: 9px 12px; } html[lang="ar"] .editorial-list-grid .info-card, html[dir="rtl"] .editorial-list-grid .info-card { border-inline-start-color: rgba(35,112,95,.55); } @media (min-width: 1060px) { .atlas-place-card-strong .atlas-place-body { justify-content: flex-start; } } /* ─── 10. UX RHYTHM PASS: editorial hierarchy, lighter actions ─────────── */ body.ar, html[lang="ar"] body { line-height: 1.82; } html[lang="ar"] p, html[lang="ar"] .lead, html[lang="ar"] .hint, html[lang="ar"] .decision-card p, html[lang="ar"] .atlas-place-body p { line-height: 1.9; } .hero-actions.decision-actions { align-items: center; gap: 10px 12px; } .hero-actions .btn.secondary { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.34); box-shadow: none; } .hero-actions .btn.text-action { min-height: 40px; padding: 8px 13px; border-color: rgba(255,255,255,.24); border-radius: 999px; background: rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.14); color: rgba(255,255,255,.92); text-decoration: none; } .hero-actions .btn.text-action:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.34); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.18); } .decision-card span { padding: 0; border-radius: 0; background: transparent; color: var(--od-forest); font-size: .86rem; letter-spacing: .01em; text-decoration: none; } .decision-card:hover span { color: var(--od-spruce); } .entry-decision-card span, .decision-card[data-status="planned"] span { background: transparent; } .atlas-place-badge { padding: 5px 9px; border: 1px solid rgba(35,112,95,.30); border-radius: 999px; background: rgba(255,255,255,.38); color: var(--od-spruce); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; } .atlas-place-card-strong .atlas-place-badge, .place-intro-sumela .atlas-place-badge { border-color: rgba(242,185,75,.58); background: rgba(255,255,255,.18); } .featured-atlas-grid { gap: 16px; } .atlas-place-card { border-radius: 20px; } .atlas-place-card-culture img { object-position: 50% 34%; } @media (min-width: 1060px) { .featured-atlas-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .atlas-place-card { grid-template-columns: 1fr; } .atlas-place-card img { height: 210px; min-height: 0; } .atlas-place-card-strong { grid-column: 1 / -1; grid-row: auto; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); min-height: 330px; } .atlas-place-card-strong img { height: 100%; min-height: 330px; } .atlas-place-card-strong .atlas-place-body { justify-content: center; padding: 30px; } .atlas-place-card-strong .atlas-place-body h3 { font-size: clamp(1.8rem, 3vw, 2.55rem); } } @media (max-width: 640px) { .atlas-home .skeleton-hero { min-height: 318px; padding: 24px 17px 26px; border-radius: 18px; } .hero-actions.decision-actions { display: grid; gap: 7px; } .hero-actions.decision-actions .btn { width: 100%; min-height: 40px; } .hero-actions.decision-actions .btn.text-action { width: 100%; justify-self: stretch; min-height: 40px; padding: 8px 13px; } .section { padding-block: 18px; } .decision-card, .atlas-place-card, .card, .place, .featured-atlas-section, .final-note { border-radius: 16px; } .atlas-place-card img { height: 158px; } .atlas-place-card-strong img { height: 210px; } .atlas-place-body { gap: 7px; padding: 13px; } } /* ux-rhythm-pass applied: 20260523-ux-rhythm-pass */