/* YourShipment brand: navy #003366, blue #214ACE, green #43C606 */
:root{--color-electric-blue:#214ace;--color-neon-green:#43c606;--color-ink:#003366;--ys-brand-navy:#003366;--ys-brand-blue:#214ace;--ys-brand-green:#43c606;--ys-readable-green:#287600}
.glass-nav{height:104px!important}
.glass-nav img[alt="Your Shipment Logo"]{width:280px!important;max-width:36vw!important;height:auto!important;object-fit:contain}
.text-neon-green,.hover\:text-neon-green:hover{color:#287600!important}
.bg-neon-green{background-color:#43c606!important;color:#003366!important}
.bg-neon-green:hover{background-color:#3bb005!important}
.text-night-blue{color:#003366}
.login-btn{background-color:#214ace!important;color:white!important;box-shadow:0 6px 20px #214ace26!important}
.login-btn:hover{background-color:#003366!important}
.ys-reg .ys-head{color:#214ace}
.ys-reg .card{background:#f3f6ff;border-color:#d6def8}
.ys-reg .card:nth-child(even){background:#f3faef;border-color:#d5e9cb}
.ys-reg .card:nth-child(even) .ys-head{color:#287600}
.ys-reg .source{color:#214ace}
.ys-reg .cta{background:#003366}
.ys-reg .cta a{background:#43c606;color:#003366}
.ys-reg .badge.b-upcoming{background:#eaf0ff;color:#214ace}
.ys-reg .note{background:#f3f6ff;border-color:#d6def8;color:#003366}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#214ace}
@media(max-width:640px){.glass-nav{height:88px!important}.glass-nav img[alt="Your Shipment Logo"]{width:205px!important;max-width:63vw!important}}

/* YS-HERO-FIT-20261017 */
.hero-gradient {
  padding: 24px 0 !important;
}
.hero-gradient > .container {
  gap: 32px !important;
}
.hero-text h1 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.7px;
}
.hero-text > p {
  margin-top: 16px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.hero-text > .mt-10 {
  margin-top: 20px !important;
}
.hero-text > .mt-10 button {
  padding: 12px 24px !important;
}
.hero-text > h2 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  font-size: 19px !important;
}
.hero-text > div:last-child {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px !important;
  margin-top: 12px !important;
}
.hero-text > div:last-child p {
  font-size: 12px !important;
  line-height: 1.55 !important;
}
.hero-gradient .glass-card img {
  width: 100%;
  height: auto !important;
  max-height: calc(100svh - 180px);
  object-fit: contain;
}
@media (min-width: 1024px) {
  .hero-gradient {
    min-height: calc(100svh - 104px);
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1024px) and (max-height: 740px) {
  .hero-gradient { padding: 16px 0 !important; }
  .hero-text h1 { font-size: 34px !important; }
  .hero-text > p { font-size: 13px !important; }
  .hero-text > h2 { margin-top: 18px !important; }
}
@media (max-width: 1023px) {
  .hero-text > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hero-gradient .glass-card img {
    max-height: none;
  }
}

/* İki başlıkta eşit oranda yüzde 20 küçültme */
.hero-text h1 {
  font-size: clamp(22.4px, 2.4vw, 33.6px) !important;
}
section.bg-slate-50 h2.text-4xl.lg\:text-6xl {
  font-size: 28.8px !important;
}
@media (min-width: 1024px) {
  section.bg-slate-50 h2.text-4xl.lg\:text-6xl {
    font-size: 48px !important;
  }
}
@media (min-width: 1024px) and (max-height: 740px) {
  .hero-text h1 {
    font-size: 27.2px !important;
  }
}

/* Tanıtım ve hesaplama bölümlerini ayrı ekranlara yerleştir */
.hero-gradient {
  display: block !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Birinci ekran: tanıtım, görsel ve gönderi adımları */
.hero-gradient > .container {
  width: 100%;
  min-height: calc(100svh - 104px);
  box-sizing: border-box;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
  align-items: center;
}

/* İkinci ekran: fiyat hesaplama ve gönderi takibi */
.hero-gradient > .mt-10 {
  width: 100%;
  margin-top: 0 !important;
  min-height: 100svh;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
  border-top: 1px solid #d6def8;
  background: #f7f9ff;
}
.hero-gradient > .mt-10 > .glass-card {
  width: 100%;
}

/* Form alanlarının birbirinin üzerine taşmasını engelle */
.hero-gradient > .mt-10 .grid > * {
  min-width: 0;
}
.hero-gradient > .mt-10 input,
.hero-gradient > .mt-10 select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Gönderi adımlarındaki başlıkları okunaklı tut */
.hero-text > div:last-child h3 {
  letter-spacing: 0.04em !important;
  overflow-wrap: anywhere;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .hero-gradient > .container {
    min-height: calc(100svh - 88px);
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .hero-gradient > .mt-10 {
    padding: 24px 16px !important;
  }
}

/* YS-FOOTER-20261017 */
.glass-nav .login-btn{font-size:14px!important;padding:10px 18px!important;line-height:1.4!important;border-radius:8px!important;box-shadow:0 4px 12px #214ace1a!important;white-space:nowrap}
section.bg-slate-50 h2.text-4xl.lg\:text-6xl{font-size:24px!important;line-height:1.2!important}
@media(min-width:1024px){section.bg-slate-50 h2.text-4xl.lg\:text-6xl{font-size:40px!important}}
.ys-footer{position:relative;z-index:1;color:#003366;background:white;border-top:1px solid #e5eaf2;font-family:inherit;text-align:left}
.ys-footer *{box-sizing:border-box}
.ys-footer-wrap{max-width:1440px;margin:0 auto;padding-left:40px;padding-right:40px}
.ys-footer-top{background:#f8faff;border-bottom:1px solid #e5eaf2}
.ys-footer-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding-top:44px;padding-bottom:44px}
.ys-footer h3{margin:0 0 26px;padding-left:13px;border-left:4px solid #43c606;font-size:14px;font-weight:750;letter-spacing:.04em;line-height:1.6;color:#003366}
.ys-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ys-footer li{margin:0;padding:0}
.ys-footer a,.ys-footer button{font-family:inherit;font-size:13px;font-weight:500;color:#586d86;line-height:1.7;text-decoration:none;overflow-wrap:anywhere}
.ys-footer a:hover,.ys-footer button:hover{color:#214ace;text-decoration:underline;text-underline-offset:4px}
.ys-footer a:focus-visible,.ys-footer button:focus-visible{outline:2px solid #214ace;outline-offset:4px;border-radius:3px}
.ys-footer-main{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding-top:42px;padding-bottom:38px}
.ys-footer-brand img{width:270px;max-width:100%;height:auto;display:block}
.ys-footer-brand p{font-size:13px;line-height:1.8;color:#6b7d94;margin:18px 0 0}
.ys-footer-brand p+p{margin-top:4px}
.ys-footer-social{display:flex;gap:10px;margin-top:22px}
.ys-footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f4fa;color:#214ace;border-radius:10px;font-size:19px}
.ys-footer-company-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-bottom:25px}
.ys-footer button{background:none;border:0;padding:0;cursor:pointer}
.ys-footer-offices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ys-footer h4{font-size:12px;font-weight:750;color:#003366;margin:0 0 8px;line-height:1.6}
.ys-footer address{font-style:normal;font-size:12px;line-height:1.8;color:#62758c;margin-bottom:8px}
.ys-footer-offices a{font-size:12px}
.ys-footer .ys-footer-phone{display:inline-block;margin-top:20px;font-weight:700;color:#003366}
.ys-footer-bottom{border-top:1px solid #e5eaf2;padding:16px 0;font-size:11px;color:#75869b}
@media(max-width:1100px){.ys-footer-columns{gap:22px}.ys-footer-main{grid-template-columns:240px minmax(0,1fr);gap:36px}.ys-footer-offices{grid-template-columns:1fr;gap:20px}}
@media(max-width:800px){.ys-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ys-footer-main{grid-template-columns:1fr;gap:30px}.ys-footer-wrap{padding-left:24px;padding-right:24px}.ys-footer h3{margin-bottom:18px}}
@media(max-width:420px){.ys-footer-columns{grid-template-columns:1fr}.ys-footer-wrap{padding-left:20px;padding-right:20px}}

/* Dört sütun ve renkli sosyal medya simgeleri */
.ys-footer-columns {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.ys-footer-columns > section:nth-child(even) h3 {
  color: #287600;
}
.ys-footer-social a,
.ys-footer-social > span {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white !important;
  flex-shrink: 0;
}
.ys-footer-social .ys-social-instagram {
  background: radial-gradient(circle at 30% 110%,#ffdb73 0%,#ff7846 30%,#e1306c 60%,#833ab4 100%);
}
.ys-footer-social .ys-social-x {
  background: #17212b;
}
.ys-footer-social .ys-social-linkedin {
  background: #0a66c2;
  cursor: default;
}
.ys-footer-social a:hover {
  text-decoration: none;
  filter: brightness(1.08);
}
@media(max-width:800px) {
  .ys-footer-columns {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(max-width:420px) {
  .ys-footer-columns {
    grid-template-columns: 1fr;
  }
}

/* YS-HERO-BLEND-20261018 */
.hero-gradient{background:#fff!important}
.hero-gradient > .container{position:relative;isolation:isolate;max-width:none!important;overflow:hidden;background:#fff;gap:0!important}
.hero-gradient .hero-text{position:relative;z-index:2;min-width:0}
.ys-hero-art{position:relative}
.ys-hero-art > .glass-card{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden}
.hero-gradient .ys-hero-art img{display:block;width:100%;height:auto!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
@media(min-width:1024px){
 .hero-gradient > .container{display:block!important;padding-left:max(40px,calc((100vw - 1440px)/2))!important;padding-right:40px!important;min-height:calc(100svh - 104px);padding-top:42px!important;padding-bottom:42px!important;align-content:center}
 .hero-gradient .hero-text{width:49%;max-width:700px}
 .hero-gradient .ys-hero-art{position:absolute!important;inset:0 0 0 auto;width:61%;height:100%;z-index:0;transform:none!important;opacity:1!important}
 .hero-gradient .ys-hero-art > .glass-card{height:100%}
 .hero-gradient .ys-hero-art img{height:100%!important;object-fit:cover!important;object-position:50% 47%}
 .hero-gradient .ys-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 4%,rgba(255,255,255,.86) 13%,rgba(255,255,255,.45) 25%,rgba(255,255,255,.08) 38%,transparent 48%)}
}
@media(max-width:1023px){
 .hero-gradient > .container{display:flex!important;flex-direction:column;gap:12px!important;padding-left:20px!important;padding-right:20px!important}
 .hero-gradient .hero-text{width:100%}
 .hero-gradient .ys-hero-art{width:calc(100% + 40px);margin:0 -20px -24px;overflow:hidden}
 .hero-gradient .ys-hero-art img{max-height:660px!important;object-fit:contain!important;background:#073367!important}
 .hero-gradient .ys-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.7) 5%,transparent 22%)}
}

/* YS-HERO-FIT-20261018 */
.hero-gradient .hero-text > h1{margin-bottom:30px!important}
.hero-gradient .hero-text > p{margin-top:0!important;margin-bottom:0!important}
.hero-gradient .hero-text > p + div{margin-top:42px!important}
.hero-gradient .hero-text > h2{margin-top:52px!important;margin-bottom:24px!important}
.hero-gradient .hero-text > div:last-child{margin-top:0!important}
@media(min-width:1024px){
 .hero-gradient > .container{padding-top:48px!important;padding-bottom:48px!important}
 .hero-gradient .ys-hero-art > .glass-card{background:#073367!important}
 .hero-gradient .ys-hero-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:right center!important}
}
@media(max-width:1023px){
 .hero-gradient .ys-hero-art img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
 .hero-gradient .hero-text > h1{margin-bottom:24px!important}
 .hero-gradient .hero-text > p + div{margin-top:32px!important}
 .hero-gradient .hero-text > h2{margin-top:40px!important;margin-bottom:22px!important}
}

/* YS-HERO-SOFT-20261018 */
.hero-gradient .hero-text h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.16!important}
@media(min-width:1024px){
 .hero-gradient .ys-hero-art > .glass-card{background:transparent!important}
 .hero-gradient .ys-hero-art img{object-fit:cover!important;object-position:right top!important}
 .hero-gradient .ys-hero-art:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 4%,rgba(255,255,255,.86) 13%,rgba(255,255,255,.45) 25%,rgba(255,255,255,.08) 38%,transparent 48%)!important}
}
@media(max-width:1023px){.hero-gradient .hero-text h1{font-size:30px!important}}

/* YS-LOGO-SIZE-20261018 */
.glass-nav img[alt="Your Shipment Logo"]{width:320px!important;max-width:36vw!important}
@media(max-width:640px){.glass-nav img[alt="Your Shipment Logo"]{width:225px!important;max-width:63vw!important}}

/* YS-TYPOGRAPHY-20261019 */
:root{--ys-title:42px;--ys-section:32px;--ys-subtitle:22px;--ys-label:18px;--ys-body:16px}
body main h1,body main .hero-text h1{font-size:var(--ys-title)!important;line-height:1.18!important}
body main h2,body main section.bg-slate-50 h2.text-4xl.lg\:text-6xl{font-size:var(--ys-section)!important;line-height:1.25!important}
body main h3{font-size:var(--ys-subtitle)!important;line-height:1.35!important}
body main h4,body main h5,body main h6,body main summary{font-size:var(--ys-label)!important;line-height:1.4!important}
body main p,body main li{font-size:var(--ys-body)!important;line-height:1.75!important}
body main .hero-text > div:last-child h3{font-size:var(--ys-body)!important;letter-spacing:.025em!important;line-height:1.45!important}
body main h1,body main h2,body main h3,body main h4{overflow-wrap:break-word}
@media(max-width:767px){:root{--ys-title:32px;--ys-section:26px;--ys-subtitle:20px;--ys-label:18px;--ys-body:16px}}

/* Hero aciklama boyutu */
body main .hero-gradient .hero-text > p {
  font-size: 18px !important;
  line-height: 1.8 !important;
}
@media(max-width:767px) {
  body main .hero-gradient .hero-text > p {
    font-size: 17px !important;
  }
}

/* Hero gonderi adimlari */
body main .hero-gradient .hero-text > div:last-child h3 {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body main .hero-gradient .hero-text > div:last-child p {
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* Hero aciklamasini adimlarin genisligine hizala */
body main .hero-gradient .hero-text > p {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* YS-SHOP-ART-20261019 */
body main .ys-shop-section{background:#f8fafc!important}
body main .ys-shop-section > .container{max-width:none!important;gap:0!important;padding-right:0!important}
.ys-shop-section > .container > div:first-child{position:relative;z-index:2;padding-right:28px}
.ys-shop-art{isolation:isolate;width:100%}
.ys-shop-art > .glass-card{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
.ys-shop-art .marketplace-image{display:block;width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important}
.ys-shop-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.85) 2%,rgba(248,250,252,.3) 7%,transparent 13%);z-index:1}
@media(max-width:1023px){
 body main .ys-shop-section > .container{padding-left:20px!important;padding-right:20px!important;gap:28px!important}
 .ys-shop-section > .container > div:first-child{padding-right:0}
 .ys-shop-art:after{background:linear-gradient(180deg,#f8fafc 0%,rgba(248,250,252,.35) 3%,transparent 8%)}
}

/* Shop and Ship gorsel yuksekligi */
@media(min-width:1024px) {
  body main .ys-shop-section > .container {
    align-items: stretch !important;
  }
  .ys-shop-art > .glass-card {
    height: 100% !important;
  }
  .ys-shop-art .marketplace-image {
    height: 100% !important;
    min-height: 720px;
    object-fit: cover !important;
    object-position: center;
  }
}

/* YS-SHOP-PORTRAIT-20261019 */
body main .ys-shop-section > .container{align-items:center!important}
body main .ys-shop-section .ys-shop-art > .glass-card{height:auto!important}
body main .ys-shop-section .ys-shop-art .marketplace-image{height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;width:100%!important}

/* Shop and Ship gorselini yuzde 15 kucult */
body main .ys-shop-section .ys-shop-art {
  width: 85% !important;
  justify-self: center;
  margin-inline: auto;
}

body main .ys-shop-section .ys-shop-art {
  width: 75% !important;
}

body main .ys-shop-section .ys-shop-art {
  width: 65% !important;
  justify-self: center;
  margin-inline: auto;
}

/* Shop and Ship: ust bosluk ve hizalama */
body main .ys-shop-section {
  padding-top: 20px !important;
}
body main .ys-shop-section > .container {
  align-items: start !important;
}
body main .ys-shop-section > .container > div:first-child,
body main .ys-shop-section .ys-shop-art {
  margin-top: 0 !important;
  align-self: start !important;
}

@media (min-width:1024px) {
  body main .ys-shop-section > .container > div:first-child {
    padding-left:32px !important;
  }
}

/* Gorselin iki kenarinda yumusak gecis */
body main .ys-shop-section .ys-shop-art::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(
    90deg,
    #f8fafc 0%,
    rgba(248,250,252,0.6) 5%,
    transparent 14%,
    transparent 84%,
    rgba(248,250,252,0.6) 94%,
    #f8fafc 100%
  ) !important;
}

/* Eski dekoratif sekli kaldir */
#solutions .glass-card > .absolute.top-0.right-0 {
  display: none !important;
}

/* Cozum Merkezi ikonunu buyut */
#solutions .ys-solution-heading img {
  width: 180px !important;
  height: auto !important;
  max-width: 30vw !important;
}