/* WE JUST OPENED / YENİ AÇILDIK — light (cream) look. Loaded after site.css; colours come from the :root variables. */
:root{--ink:#1c2233;--shadow:0 6px 22px rgba(60,44,10,.10);--shadow2:0 14px 36px rgba(60,44,10,.14);--red2:#e8362d}
html{background:radial-gradient(900px 520px at 85% -10%,#fff3d1 0%,rgba(255,243,209,0) 65%),linear-gradient(180deg,#fdf9ef 0%,#fbf6ea 60%,#f6efdc 100%);background-attachment:fixed;background-color:var(--bg)}
body{color:var(--text)}
video.bgVideo,video.heroVideo{display:none!important}

/* header + logo */
.top{background:rgba(255,253,247,.94);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(60,44,10,.06)}
.logoMark{position:relative;flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#ffd15a,#e8961c);color:#142040;box-shadow:0 4px 12px rgba(200,130,20,.35)}
.logoMark b{font-family:var(--serif);font-size:25px;font-weight:700;line-height:1;margin-top:-1px}
.logoMark i{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--red2)}
.logoMark svg{display:none}
.logoText{color:var(--ink);font-size:24px;letter-spacing:.04em}
.logoSub{color:#8a6a2a;font-size:8.5px}
.idot{position:relative;font-style:normal;display:inline-block}
.idot::after{content:"";position:absolute;left:50%;top:-.30em;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;background:var(--red2)}
.redO{font-style:normal;color:var(--red2)}
.legalNav a{color:#7a5410}
.legalNav a:hover,.legalNav a:focus-visible{color:#7a5410;border-color:var(--line);background:#fff}

/* buttons */
.btn{background:#fff;border:1px solid rgba(28,34,51,.14);color:var(--ink);box-shadow:0 2px 8px rgba(60,44,10,.07)}
.btn.pill{background:#fff;color:var(--ink)}
.btn:hover{filter:none;box-shadow:0 6px 16px rgba(60,44,10,.14)}
.btn.blue{background:linear-gradient(180deg,#3d8bff,#1f63e0);border-color:#2f6fe0;color:#fff}
.btn.green{background:linear-gradient(180deg,#2fcf88,#169a60);border-color:#169a60;color:#04160d}
.btn.gold{background:linear-gradient(180deg,#ffd15a,#eea528);border-color:#e29a1c;color:#2a1c04}
.btn.ghost{background:transparent}
.menuBtn.signedIn .menuUser,.btn.signedIn .menuUser{color:#2a1c04}
.langBtn{color:var(--ink)}

/* home introduction */
.hero{min-height:0;background:none}
.hero::after,.heroShade{display:none}
.heroText{padding-top:20px;padding-bottom:12px}
.hero h1{color:var(--ink);text-shadow:none}
.hero h1 span{color:#c47a0a}
.heroFeat li{background:#fff;color:var(--ink);border:1px solid rgba(28,34,51,.12);box-shadow:var(--shadow)}
.heroFeat svg{color:#c47a0a}
.hero .tagline,.tagline{color:#9a6508}
.show{-webkit-mask-image:none;mask-image:none}

/* cards: picture on top, white info below */
.tile{justify-content:flex-start;background:#fff;border:1px solid rgba(28,34,51,.10);box-shadow:var(--shadow2);color:var(--ink);height:min(64vh,640px)}
.tile:hover{border-color:rgba(240,178,58,.9)}
.tile::before{display:none}
.tile .pic{background-color:#efe6d0;position:relative;flex:1 1 auto;min-height:0;background-size:cover;background-position:center 28%;display:block}
.tile .chip{top:10px;left:10px;background:rgba(255,255,255,.92);color:var(--ink);border:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.tile .tag{top:10px;right:10px}
.tile .newBadge{top:44px;left:10px;box-shadow:0 3px 10px rgba(232,54,45,.35)}
.tile .play{top:50%;margin:-23px 0 0 -33px}
.tile .info{flex:none;padding:14px 16px 16px;gap:3px;background:#fff}
.tile h3{color:var(--ink);text-shadow:none;font-size:clamp(18px,1.7vw,24px)}
.tile .meta{color:#8a5d08;text-shadow:none;font-size:11px;order:2;margin-top:0}
.tile .line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#5a6072;text-shadow:none;font-size:13.5px;line-height:1.4;order:3;margin-top:4px}
.tile .go{display:none}
.showRow .tile .line{display:-webkit-box}
.grid .tile{height:clamp(380px,44vw,520px)}
.chip img{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.tag,.exBadge{color:#2a1c04}

/* overlays / sheets */
.overlay{background:rgba(40,30,10,.45)}
.sheet{background:#fffdf8;border:1px solid var(--line);box-shadow:0 30px 80px rgba(60,44,10,.28)}
.sheetHead b{color:var(--ink)}
.drawerClose{background:#fff;border:1px solid rgba(28,34,51,.18);color:var(--ink)}
.drawerClose:hover{background:#f3ecda}
.flagGrid a{background:#fff;border:1px solid rgba(28,34,51,.08);color:var(--ink)}
.flagGrid a:hover,.flagGrid a:focus-visible{background:#fff6dc;border-color:rgba(240,178,58,.9)}
.sectorList button{background:#fff;border:1px solid rgba(28,34,51,.08);color:var(--ink)}
.sectorList button:hover,.sectorList button.on{background:#fff6dc;border-color:rgba(240,178,58,.9)}
.cityNone b{color:#9a6508}

/* inputs: white and clear */
.field{background:#fff;border:1px solid rgba(28,34,51,.18);color:var(--ink);box-shadow:inset 0 1px 2px rgba(60,44,10,.05)}
.field::placeholder{color:#9aa0ad}
.field:focus{border-color:#e29a1c;box-shadow:0 0 0 3px rgba(240,178,58,.25)}
.lbl{color:var(--ink)}
.lbl small{color:#7a8091}
select.field{background-image:linear-gradient(45deg,transparent 50%,#1c2233 50%),linear-gradient(135deg,#1c2233 50%,transparent 50%)}
.primaryBtn{background:linear-gradient(180deg,#ffd15a,#eea528);color:#2a1c04;box-shadow:0 6px 16px rgba(220,150,20,.3)}
.ghostBtn{border:1px solid rgba(28,34,51,.2);color:var(--ink);background:#fff}
a.ghostBtn.adPageBtn{color:var(--ink)}
.buyLead{color:var(--ink)}.buyNote{color:#5a6072}.buyNote a,.menuNote a,.menuLead a,.check a,.menuLinks button{color:#9a6508}
.buyMsg,.menuMsg{color:#c0262d}.menuMsg.ok{color:#0f7a43}
div.menuMsg.ok{background:#e6f7ee;border-color:#8fd6b0}
.check input{accent-color:#e29a1c}

/* menu drawer + legal centre */
.drawerBackdrop{background:rgba(40,30,10,.45)}
.menuDrawer,.legalPanel{background:#fffdf8;color:var(--ink);border-left:1px solid var(--line);box-shadow:-24px 0 60px rgba(60,44,10,.25)}
.legalPanel{border:1px solid var(--line)}
.legalOverlay{background:rgba(40,30,10,.45)}
.drawerTitle{color:var(--ink)}.drawerCount{color:#7a8091}
.menuWho{background:#fff6dc;border:1px solid rgba(240,178,58,.5)}
.menuWho small{color:#7a8091}
.whoBadge{background:linear-gradient(180deg,#ffd15a,#e8961c);color:#2a1c04}
.whoBadge.guest{background:linear-gradient(180deg,#ffd15a,#e8961c);color:#2a1c04}
.menuItem{background:#fff;border:1px solid rgba(28,34,51,.08);margin-bottom:8px;padding:13px 12px;color:var(--ink)}
.menuItem:hover,.menuItem:focus-visible{background:#fff6dc;border-color:rgba(240,178,58,.8)}
.mi-icon{background:#fff2cc;color:#8a5d08}
.mi-text b{color:var(--ink);font-size:13.5px;letter-spacing:.08em}
.mi-text small{color:#6b7080}
.mi-arrow{color:#b9893a}
.menuItem.subtle .mi-text b{color:#4a5166}
.menuSep{background:rgba(28,34,51,.1)}
.menuNote,.menuList{color:#5a6072}
.menuLead{color:var(--ink)}
.adRow,.sponsorOpt{background:#fff;border:1px solid rgba(28,34,51,.1);color:var(--ink)}
.howStep{border-bottom:1px solid rgba(28,34,51,.1)}
.howStep p,.sponsorOpt p{color:#4a5166}
.howNum{background:#ffd15a;color:#2a1c04}
.sponsorOpt span,.legalGroup,.priceTable td b{color:#9a6508}
.legalIntro{color:#4a5166}
.legalLink{background:#fff;border:1px solid rgba(28,34,51,.12);color:var(--ink)}
.legalLink:hover{background:#fff6dc}.legalLink span{color:#b9893a}
.legalDoc{color:#2a3146}.legalDoc h3{color:#9a6508}
.legalTable th,.legalTable td{border:1px solid rgba(28,34,51,.15)}
.adPrice{background:#e9f8f0;border:1px solid #8fd6b0;color:var(--ink)}
.adPrice b{color:#0f7a43}.adPrice small{color:#4a5166}
.pvGuide{background:#fff6dc;border:1px solid rgba(240,178,58,.6)}.pvGuide>b{color:#9a6508}
.lblGroup{border-top:1px solid rgba(28,34,51,.12);color:#9a6508}.lblGroup small{color:#6b7080}
.pwEye{color:#6b7080}
.st-review{color:#8a5d08}.st-pay{color:#b3530a}.st-live{color:#0f7a43}.st-off{color:#6b7080}.st-bad{color:#c0262d}

/* join form */
.joinHead p{color:var(--dim)}
.joinGate,.joinDone,.joinForm fieldset{background:#fff;border:1px solid rgba(28,34,51,.10);box-shadow:var(--shadow)}
.joinForm legend{color:#9a6508}
.joinForm .adTerms label{background:#fffdf8;border:1px solid rgba(28,34,51,.12)}
.adPrice:empty{display:none}

/* country page */
.cFlag{border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.cHero h1{color:var(--ink)}
.cJoin{background:#fff6dc;border:1px dashed rgba(200,130,20,.6)}

/* company page */
.cover{background:#e9dfc6}
.coverShade{background:linear-gradient(180deg,rgba(20,15,5,.10) 0,rgba(20,15,5,0) 30%,rgba(20,15,5,.55) 72%,rgba(20,15,5,.82) 100%)}
.coverTitle h1,.meta{color:#fff}
.meta{color:rgba(255,255,255,.92)}
.backLink{color:#9a6508}
.exNote{background:#fff6dc;border:1px dashed rgba(200,130,20,.6);color:#7a5410}
.card{background:#fff;border:1px solid rgba(28,34,51,.09);box-shadow:var(--shadow)}
.card h2{color:var(--ink)}.card h2 svg{color:#c47a0a}
.card p{color:#2f3647}
.card.campaigns{background:#fff1f1;border-color:rgba(229,72,77,.35)}
.card.campaigns h2,.card.campaigns h2 svg{color:#c0262d}
.card.requests{background:#eef4ff;border-color:rgba(47,123,255,.35)}
.card.requests h2,.card.requests h2 svg{color:#1f5fd0}
.ticks svg{color:#1f63e0}
.thumb{background:#fff;border:1px solid rgba(28,34,51,.1)}
.quote{background:#fff6dc;border:1px solid rgba(240,178,58,.5);color:var(--ink)}
.quote span{color:#9a6508}
.infoRow{border-bottom:1px solid rgba(28,34,51,.1)}
.infoRow a,.infoRow b{color:#9a6508}
.adMsg{color:#0f7a43}
.foot{color:#7a8091}

@media (max-width:700px){
  .logoMark{width:34px;height:34px;border-radius:10px}.logoMark b{font-size:21px}
  .logoText{font-size:19px}
  .tile .info{padding:9px 10px 11px}
  .showRow .tile h3{font-size:15px}
  .showRow .tile .line{font-size:12px;-webkit-line-clamp:2}
  .showRow .tile .meta{font-size:9.5px}
}
@media (max-width:420px){.logoText{font-size:16px}.logoMark{width:30px;height:30px}.logoMark b{font-size:18px}}
.logoText{white-space:nowrap}
@media (max-width:480px){.logoText{font-size:16.5px}.langBtn span[aria-hidden]{display:none}.top{gap:8px}}

/* products: three square pictures in one row, name and price under each */
.prodSec{padding:6px max(18px,env(safe-area-inset-left)) 0}
.prodSec .gallery{gap:14px}
.prod{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.prod .thumb{border-radius:16px;box-shadow:var(--shadow)}
.prod figcaption{display:flex;flex-direction:column;gap:2px;min-width:0}
.prod figcaption b{font-size:15px;color:var(--ink);overflow-wrap:anywhere;line-height:1.25}
.prod .price{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;background:#fff1c9;color:#7a4b00;font-weight:800;font-size:14px}
@media (max-width:700px){.prodSec .gallery{gap:8px}.prod figcaption b{font-size:12.5px}.prod .price{font-size:12.5px;padding:2px 8px}}
/* join form: product rows */
.prodRow{display:grid;grid-template-columns:30px 1fr;gap:0 10px;align-items:start;margin:4px 0 6px}
.prodRow .prodNum{grid-row:1/3;margin-top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffd15a;color:#2a1c04;font-size:13px}
.prodRow .two .field{margin-top:0}
@media (max-width:700px){.prodRow{grid-template-columns:26px 1fr}.prodRow .two{grid-template-columns:1fr 1fr;gap:0 8px}}
.menuDrawer:not(.open){box-shadow:none;visibility:hidden}
.menuDrawer{transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}
.menuDrawer.open{visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}
.prodSec .gallery{max-width:980px}
.prodSec .card{padding-bottom:22px}
/* computer: taller rows, the page scrolls down (a phone keeps one screen) */
@media (min-width:701px){
  .k-home .show{height:auto;min-height:0;padding-bottom:28px}
  .k-home .showRow{flex:none;height:min(440px,56vh)}
  .countryPage .show{height:auto;min-height:0}
  .countryPage .showRow{flex:none;height:min(440px,56vh)}
}