/* Yeni ana sayfa 3. tur (27 Eki): yalnız home-new2'de, home-yeni.css'ten sonra yüklenir. Gerçek görseller ve hizalama. */

/* Marka X örnek kartı */
.h2 .hy-case h3{font-size:1.25rem;margin-bottom:4px}
.h2 .hy-case .h2-sub{font-weight:600;color:var(--white);margin:0 0 8px}

/* 4,58: büyük rakam + yıldız; açıklama hemen altta, her zaman görünür */
.h2 .h2-star b small{font-size:.55em;font-weight:700;color:var(--muted)}
.h2 .h2-star i{display:block;font-style:normal;color:var(--acid);letter-spacing:.18em;font-size:.95rem;margin-top:4px}
.h2 .h2-src{margin:10px 0 0;font-size:.8rem;color:var(--muted);text-align:right}

/* Logolar: beyaz şerit, asıl renkleriyle */
.h2 .h2-logos{background:#fff;border-bottom:1px solid var(--line);padding:18px 0 30px!important}
.h2 .h2-logos .hy-lb-head{color:#5B6573}
.h2 .h2-logos .hy-set img{opacity:1}

/* Kapılar: gerçek ürün görselleri */
.h2-pics{position:relative;height:120px;margin:-4px 0 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:10px;overflow:hidden}
.h2-pics img{width:100%;height:100%;object-fit:cover;background:#fff;border-radius:6px;min-width:0}
.h2-pics.flags{grid-template-columns:1fr 1fr}
.h2-flags{position:absolute;left:6px;right:6px;bottom:6px;display:flex;flex-wrap:wrap;gap:4px}
.h2-flags span{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(15,18,22,.85);color:var(--acid)}
.h2 .h2-note{text-align:center;margin:14px 0 0}

/* Fiyat eşleme: başlığın hemen altında, büyük */
.h2 #paketler .hy-head{margin-bottom:16px}
.h2-pm{max-width:860px;margin:0 auto 22px;padding:22px 26px;border:1.5px solid var(--acid);border-radius:16px;background:rgba(204,255,0,.06);text-align:center}
.h2-pm b{display:block;font-family:var(--f-head);font-size:clamp(1.25rem,2.4vw,1.6rem);color:var(--white);margin-bottom:8px}
.h2-pm p{margin:0 0 8px;font-size:1rem;color:var(--muted)}
.h2-pm a{color:var(--acid);font-weight:600}
.h2 .h2-lead{max-width:760px;margin:0 auto 22px;font-size:1rem}

/* Ek hizmetler: kutucuklar */
.h2-addons{margin-top:26px;border:1px solid var(--line2);border-radius:20px;padding:20px}
.h2-addons-h h3{margin:0 0 4px}.h2-addons-h p{margin:0 0 6px;color:var(--muted);font-size:.92rem}
.h2-agroup{margin-top:14px}
.h2-ah{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.h2-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.h2-box{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:.88rem;color:var(--muted)}
.h2-box b{color:var(--white);font-size:1rem}.h2-box b span{display:inline!important}.h2-box b small{color:var(--dim);font-weight:400;font-size:.75rem}
.h2-addons>.hy-more{margin-top:14px}

/* Ücretsiz → ücretli akış */
.h2-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}
.h2-step{border:1px solid var(--line2);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.h2-step>.hy-badge{align-self:flex-start}
.h2-arrow{align-self:center;font-size:2rem;color:var(--acid)}
.h2-lc{justify-content:flex-start;gap:14px;background:#fff;padding:10px}
.h2-lc img{height:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;flex:0 0 auto}
.h2-lc ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.8rem;color:#1D2430;font-weight:600}
.h2-lc.full ul{grid-template-columns:1fr 1fr;column-gap:12px}
.h2-lc li::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#8FC25A}
.h2-lc li.no::before{background:#FF6B5E}
.h2-lcn{font-size:.75rem;color:#1D2430;align-self:flex-end;margin-left:auto}

/* Vakalar: üç kartın satırları aynı çizgide (logo, görsel, not, rakamlar, metin) */
.h2-cases{align-items:stretch}
@supports (grid-template-rows:subgrid){
 .h2-cases>.case{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
}
.h2-cases .case-logo{flex:0 0 112px;width:112px;height:64px;padding:6px 8px}
.h2-cases .case-logo.big{padding:2px 4px}
.h2-cases .case-logo.big img{width:100%;height:100%}
#ornek-vakalar .h2-cases .case-img{aspect-ratio:4/3;margin:0}
#ornek-vakalar .h2-cases .case-img img{object-fit:contain}
.h2-cap{font-size:.75rem;color:var(--dim);margin:6px 0 12px!important;line-height:1.35}
.h2-scope{display:block;margin:6px 0 2px;font-size:.75rem;color:var(--dim)}

/* Shopify bandı */
.h2 .h2-shopsec{padding:0 0 64px}
.h2-shop{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:24px;align-items:center;padding:20px}
.h2-shop h3{margin:0 0 6px}.h2-shop p{margin:0}
.h2-shopvis{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line2)}
.h2-browser{display:flex;gap:5px;padding:7px 9px;background:#E7EAEE}
.h2-browser i{width:8px;height:8px;border-radius:50%;background:#B9C0C9}
.h2-shopgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}
.h2-shopgrid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;min-width:0}

@media (max-width:980px){
 .h2-flow{grid-template-columns:1fr}
 .h2-arrow{transform:rotate(90deg);justify-self:center}
}
@media (max-width:640px){
 .h2-shop{grid-template-columns:1fr}
 .h2 .h2-src{text-align:left}
 .h2-lc.full ul{grid-template-columns:1fr}
}

/* Vakalarda metin satırları da hizalı: Sorun, Ne yaptık, maddeler, Devamı ayrı satırlar */
@supports (grid-template-rows:subgrid){
 .h2-cases>.case{grid-row:span 8}
 .h2-cases .hy-prob{display:contents}
 .h2-kayit .grid>.hy-kv{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}
}
.h2-cases .hy-prob>p:first-child{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.h2-kayit .hy-kv>.tag{justify-self:start;margin-bottom:10px}
.h2-lc ul{font-size:.76rem}

/* 4. tur (27 Eki) */
.h2-ctop{gap:12px;align-items:center!important}
.h2-ctop span{font-size:.8rem!important;letter-spacing:.06em!important;line-height:1.3}
.h2-ctop b{white-space:nowrap;font-size:.85rem!important;color:var(--muted)}
/* Kapı görselleri kırpılmaz: her görsel kare, tamamı görünür */
.h2-pics{height:auto}
.h2-pics img{aspect-ratio:1;height:auto;object-fit:contain}
.h2-pics.flags{grid-template-columns:1fr 1fr}
.h2-pics.flags img{aspect-ratio:1}
#kapilar .h2-shop{margin-top:20px}
/* Ek hizmetler: kapalı gelir, tıklayınca açılır */
details.h2-addons>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
details.h2-addons>summary::-webkit-details-marker{display:none}
.h2-addons-h b{display:block;font-family:var(--f-head);font-size:1.15rem;color:var(--white)}
.h2-addons-h small{display:block;color:var(--muted);font-size:.9rem;margin-top:2px}
.h2-addons-h i{font-style:normal;white-space:nowrap;color:var(--acid);font-weight:600;font-size:.9rem}
.h2-addons-h i::after{content:" ▾"}
details.h2-addons[open] .h2-addons-h i::after{content:" ▴"}
/* Ücretsiz / ücretli: satır satır eşit kutular */
.h2-flow2{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:stretch}
.h2-flow2>.hy-badge{justify-self:start}
.h2-flow2 .hy-vis{height:170px;margin-bottom:16px}
.h2-flow2 .hy-vis.h2-mj{padding:0;background:#fff}
.h2-flow2 .hy-vis.h2-mj img{width:100%;height:100%;object-fit:cover}
/* Görüşme bölümü yukarı yaklaştı, alt yazı küçük */
.h2 #gorusme{padding-top:24px}
.h2 #gorusme .hy-head{margin-bottom:18px}
.h2 .h2-gsub{margin:6px 0 0}
@media (max-width:760px){
 .h2-flow2{grid-template-columns:1fr}
 .h2-flow2>.hy-badge:nth-of-type(2){order:3}
 .h2-flow2>a:nth-of-type(1){order:2}.h2-flow2>a:nth-of-type(3){order:2}
 .h2-flow2>a:nth-of-type(2){order:4}.h2-flow2>a:nth-of-type(4){order:4}
}
/* Yeni pazarlar kapısı: iki görsel + ülke etiketleri üçüncü hücrede, diğer kapılarla aynı boy */
.h2-pics.flags{grid-template-columns:repeat(3,1fr)}
.h2-pics.flags .h2-flags{position:static;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}
.h2-pics.flags .h2-flags span{font-size:.62rem;padding:1px 6px}
.h2-pics.flags .h2-flags{gap:1px;overflow:hidden;aspect-ratio:1}
.h2-pics.flags .h2-flags span{font-size:.56rem;line-height:13px;padding:0 6px}
/* 5. tur (27 Eki): hero maddeleri yalnız başlık, beyaz */
.h2 .hy-trust li b{color:var(--white)}
/* Proper logosu beyaz zeminde */
.h2 .hy-set img.box{border-radius:6px}
/* Büyüme sunumu ve kâr-zarar grafikleri aynı kutu boyunda */
.h2-flow2 .hy-vis{overflow:hidden}
.h2-flow2 .hy-vis.hy-pnl svg{width:100%;height:100%}
/* Shopify kartı: tek gerçek mağaza görseli */
.h2-shopvis.mj{border:0;aspect-ratio:16/9}
.h2-shopvis.mj img{width:100%;height:100%;object-fit:cover;display:block}
/* 6. tur (27 Eki) */
/* Ücretsiz sunum: öne çıkan geniş kart, gerçek sunumdan iki sayfa */
.h2 .h2-gift{color:var(--white);font-weight:600}
.h2-feat{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;padding:22px;border:1.5px solid var(--acid)}
.h2-feat-vis{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.h2-feat-vis img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.35);background:#fff}
.h2-feat-vis img:nth-child(2){transform:translateY(18px)}
.h2-feat-txt{min-width:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.h2-feat-txt h3{margin:0;font-size:1.45rem}.h2-feat-txt p{margin:0}
.h2-feat-s{font-size:.85rem;color:var(--dim)}
.h2-feat-b{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:4px}
.h2-paidh{margin:30px 0 12px}
/* Fiyat eşleme kutusu daha ince, Koşullar küçük */
.h2-pm{padding:14px 22px;margin-bottom:18px}
.h2-pm b{margin-bottom:4px}.h2-pm p{margin:0 0 4px}
.h2-pm a.h2-pmk{font-size:.82rem}
/* Paket altı iki not: geniş ekranda tek satır */
.h2 .hy-note.h2-one{max-width:none;white-space:nowrap;font-size:.9rem;margin-top:16px}
.h2 .hy-note.h2-one2{margin-top:4px}
@media (max-width:1100px){.h2 .hy-note.h2-one{white-space:normal}}
/* Vakalar: vaat notu kutuların altında, düşünce vakaları ayrık ve büyük */
.h2-disc{margin:14px 0 0;font-size:.85rem;color:var(--dim)}
.h2 .h2-kayit{margin-top:56px}
.h2 .h2-kayit .hy-kh{font-size:1.35rem}
.h2 .h2-kayit .hy-kv h4{font-size:1.1rem}.h2 .h2-kayit .hy-kv p{font-size:.95rem}
.h2-kfoot{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin-top:14px}
.h2-kfoot .h2-ksub{margin:0}
/* Görüşme alt yazısı konu kutularının altında */
.h2 #gorusme .gm .h2-gsub{margin:10px 0 0}
@media (max-width:900px){.h2-feat{grid-template-columns:1fr}.h2-feat-vis img:nth-child(2){transform:none}}
/* Sunum sayfaları büyük: biri üstte, ikincisi kayık altta */
.h2-feat{grid-template-columns:1.25fr 1fr}
.h2-feat-vis{display:block;position:relative;padding-bottom:8px}
.h2-feat-vis img{display:block;width:84%}
.h2-feat-vis img:nth-child(2){width:84%;margin:-22% 0 0 16%;transform:none;position:relative}
@media (max-width:900px){.h2-feat-vis img{width:100%}.h2-feat-vis img:nth-child(2){width:100%;margin:10px 0 0}}

/* 28 Eki 7. tur: ücretli/ücretsiz raporlar; kâr-zarar büyük, sağda ilk bakış (ücretsiz) + tam liste (ücretli). Gerçek takvim */
.h2-paid2{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:34px;align-items:stretch}
.h2-pcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.h2-pcol>.hy-badge{align-self:flex-start}
.h2-pbig>.card{flex:1;display:flex;flex-direction:column}
.h2-pbig .hy-vis{flex:1 1 auto;height:auto;min-height:300px;margin-bottom:18px;overflow:hidden}
.h2-pbig .hy-vis svg{width:100%;height:100%}
.h2-pbig h3{font-size:1.35rem}
.h2-lcard .hy-vis{height:118px;margin-bottom:12px}
.h2-lcard h3{font-size:1.02rem}.h2-lcard p{font-size:.88rem;margin:6px 0 8px}
.gm-gcal{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.gm-gcal iframe{display:block;width:100%;height:640px;border:0;border-radius:12px;background:#fff;margin-top:10px}
.h2-gcalt{display:inline-block;margin-top:8px}
@media (max-width:900px){.h2-paid2{grid-template-columns:1fr}.h2-pbig .hy-vis{height:220px}.gm-gcal iframe{height:720px}}

/* 28 Eki 8. tur: Marka X kartı içinde teklif düğmesi; ücretli raporlar küçüldü */
.h2-case{position:relative}
.h2-case .h2-case-lnk:after{content:"";position:absolute;inset:0;border-radius:inherit}
.h2-case-b{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.h2-case-b .btn{position:relative;z-index:1}
.h2-paid2{grid-template-columns:1.15fr 1fr;gap:14px;margin-top:24px;align-items:start}
.h2-pcol{gap:8px}
.h2-paid2 .card{padding:16px 18px}
.h2-pbig>.card{flex:none}
.h2-pbig .hy-vis{flex:none;height:190px;min-height:0;margin-bottom:12px}
.h2-pbig h3{font-size:1.15rem}
.h2-pbig p{font-size:.9rem;margin:6px 0 8px}
.h2-lcard .hy-vis{height:92px;margin-bottom:10px}
.h2-lcard h3{font-size:.98rem}.h2-lcard p{font-size:.85rem;margin:4px 0 6px}
@media (max-width:900px){.h2-paid2{grid-template-columns:1fr}.h2-pbig .hy-vis{height:170px}}
.h2-case-b{margin-top:auto;padding-top:14px}.h2-case-b .hy-more{margin:0;padding:0}
.h2-pbig .hy-vis{height:170px}
.h2-lcard .hy-vis.full{height:auto;padding-top:8px;padding-bottom:8px}.h2-lcard .hy-vis.full img{height:76px;width:76px}
.h2-lcard .hy-vis.full ul{gap:2px 14px}
.h2-paid2 .hy-more{padding-top:6px}
/* 28 Eki 9. tur Gökhan: sağdaki iki kutu eşit ve küçük, soldaki ücretli kutu sağ sütunla aynı boyda (üstler ve altlar hizalı) */
@media (min-width:901px){
.h2-paid2{align-items:stretch}
.h2-pbig>.card{flex:1;display:flex;flex-direction:column}
.h2-pbig .hy-vis{flex:1 1 auto;height:auto;min-height:120px}
.h2-pcol:not(.h2-pbig){display:grid;grid-template-rows:auto 1fr auto 1fr}
.h2-pcol:not(.h2-pbig)>.hy-badge{justify-self:start}
.h2-lcard{display:flex;flex-direction:column}
.h2-lcard .hy-more{margin-top:auto}
.h2-lcard .hy-vis,.h2-lcard .hy-vis.full{height:78px;padding-top:6px;padding-bottom:6px}
.h2-lcard .hy-vis img,.h2-lcard .hy-vis.full img{height:66px;width:66px}
.h2-lcard .hy-vis.full ul{grid-template-columns:repeat(3,auto);gap:2px 12px;font-size:.72rem}
.h2-lcard p{font-size:.84rem;margin:4px 0 4px}
}

/* ÖNİZLEME 30 Eki (GD onayı bekliyor): ana sayfada yazı ve boşlukları küçültme önerisi. Onaylanmazsa bu blok silinir. */
.hy.h2 .hy-hero h1{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.hy.h2 h2{font-size:clamp(1.45rem,2.6vw,2.1rem)}
.hy.h2 .lead{font-size:1.05rem}
.hy.h2 section{padding:48px 0}
.hy.h2 .hy-hero{padding:56px 0 36px!important}
@media (max-width:760px){.hy.h2 section{padding:36px 0}.hy.h2 .hy-hero{padding:32px 0 24px!important}}