/* VoxEtiket 10X Premium Layer - added by audit */
:root{
  --vx-ink:#07080b;
  --vx-graphite:#111318;
  --vx-muted:#8b909a;
  --vx-line:rgba(255,255,255,.12);
  --vx-gold:#d7b56d;
  --vx-sage:#9fb5a7;
  --vx-blue:#8ab4ff;
}
html{scroll-behavior:smooth}
body{
  background:#07080b!important;
  color:#e9edf5!important;
  font-feature-settings:"ss01","cv01";
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(215,181,109,.20),transparent 25%),
    radial-gradient(circle at 85% 10%,rgba(138,180,255,.16),transparent 28%),
    radial-gradient(circle at 50% 88%,rgba(159,181,167,.14),transparent 32%),
    linear-gradient(180deg,#090a0e 0%,#07080b 52%,#0e1016 100%);
}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 280 280' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
nav{background:rgba(7,8,11,.76)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 16px 60px rgba(0,0,0,.22)}
nav a{color:#f5f7fb!important} nav .text-primary, nav .text-blue-600{color:var(--vx-gold)!important}
nav a[href='kayit.php'], nav a[href='panel.php']{background:linear-gradient(135deg,#e8cc86,#9d7a33)!important;color:#090a0e!important;box-shadow:0 18px 50px rgba(215,181,109,.22)!important}
nav a[href='hediye-et.php']{background:rgba(215,181,109,.10)!important;color:#f2d898!important;border-color:rgba(215,181,109,.25)!important}
section{background:transparent!important;border-color:rgba(255,255,255,.10)!important}
.hero-pattern{background-image:none!important;min-height:92vh;display:flex;align-items:center}
.hero-pattern .absolute.inset-0{background:linear-gradient(180deg,rgba(7,8,11,.15),rgba(7,8,11,.72))!important}
.hero-pattern h1{color:#fff!important;letter-spacing:-.065em!important;font-size:clamp(3.4rem,7vw,6.9rem)!important;line-height:.94!important;max-width:820px;text-wrap:balance}
.hero-pattern h1 span{background:linear-gradient(135deg,#fff1b8,#d7b56d 52%,#8ab4ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 0 42px rgba(215,181,109,.18)}
.hero-pattern p{color:#c5c9d3!important;font-size:1.18rem!important;max-width:650px}
.hero-pattern .inline-flex:first-child{background:rgba(255,255,255,.08)!important;color:#f2d898!important;border-color:rgba(215,181,109,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.hero-pattern a[href='kayit.php']{position:relative;overflow:hidden;background:linear-gradient(135deg,#f2d898,#c89b3c)!important;color:#08090d!important;box-shadow:0 24px 80px rgba(215,181,109,.28)!important;border:1px solid rgba(255,255,255,.24)}
.hero-pattern a[href='#nfc']{background:rgba(255,255,255,.07)!important;color:#f5f7fb!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(18px)}
.hero-pattern a[href='hediye-et.php']{background:linear-gradient(135deg,#f97316,#ef4444)!important;box-shadow:0 24px 70px rgba(249,115,22,.24)!important}
.hero-pattern img[src*='unsplash']{border-radius:2rem!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 40px 100px rgba(0,0,0,.45)!important;filter:saturate(.96) contrast(1.04)}
.hero-pattern .relative.hidden.lg\:block::before{content:"";position:absolute;inset:-22px;border-radius:2.3rem;background:linear-gradient(135deg,rgba(215,181,109,.24),rgba(138,180,255,.12),transparent);filter:blur(22px);z-index:-1}
.bg-white,.bg-slate-50{background:rgba(255,255,255,.045)!important;color:#e9edf5!important;border-color:rgba(255,255,255,.10)!important}
.text-slate-900,.text-slate-800,.text-slate-700{color:#f4f6fb!important}.text-slate-600,.text-slate-500,.text-slate-400{color:#aeb4c0!important}.text-blue-600,.text-primary{color:var(--vx-gold)!important}.bg-blue-600{background:linear-gradient(135deg,#e8cc86,#9d7a33)!important;color:#08090d!important}.border-blue-600{border-color:rgba(215,181,109,.55)!important}
.shadow-xl,.shadow-2xl,.shadow-lg{box-shadow:0 30px 90px rgba(0,0,0,.34)!important}
#ozellikler .grid>div,#fiyatlar .grid>div,#nasil .grid>div,#sss .space-y-4>div,footer,.rounded-2xl,.rounded-3xl{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.11)!important;backdrop-filter:blur(18px)}
#ozellikler .grid>div:hover,#fiyatlar .grid>div:hover,#nasil .grid>div:hover{transform:translateY(-8px);border-color:rgba(215,181,109,.35)!important;box-shadow:0 30px 100px rgba(0,0,0,.38),0 0 0 1px rgba(215,181,109,.08)!important}
#fiyatlar .border-2{background:linear-gradient(180deg,rgba(215,181,109,.14),rgba(255,255,255,.055))!important;box-shadow:0 35px 110px rgba(215,181,109,.12)!important}
#hediye{background:linear-gradient(135deg,#07080b,#15100c 50%,#0b0d13)!important}
footer{background:rgba(7,8,11,.78)!important}
img[loading="lazy"]{content-visibility:auto}.vx-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.vx-reveal.is-visible{opacity:1;transform:none}
.vx-trust-strip{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:650px}.vx-trust-strip div{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:rgba(255,255,255,.055);backdrop-filter:blur(16px)}.vx-trust-strip strong{display:block;color:#fff;font-size:1.35rem}.vx-trust-strip span{font-size:.76rem;color:#aeb4c0}
@media(max-width:768px){.hero-pattern{min-height:auto}.hero-pattern h1{font-size:3.2rem!important}.vx-trust-strip{grid-template-columns:1fr}.hero-pattern .flex.flex-col.sm\:flex-row{gap:.75rem}.hero-pattern a{width:100%}}


/* Button typography refinement - 20260526 */
nav a,.hero-pattern a,#hediye a,#hediye button,.bg-blue-600,.bg-slate-950,button[type=submit],a[class*="rounded"]{
  font-size:clamp(11px,.78rem,13px)!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
}
.hero-pattern a,#hediye a,#hediye button{padding-top:.88rem!important;padding-bottom:.88rem!important;}
@media(max-width:768px){
  nav a,.hero-pattern a,#hediye a,#hediye button,button[type=submit]{font-size:12px!important;}
}

/* Compact premium scale - desktop + mobile - 20260526 */
html{font-size:14px!important;}
body{font-size:.92rem!important;}
nav .max-w-7xl{padding-top:.55rem!important;padding-bottom:.55rem!important;}
nav a.text-2xl{font-size:1.28rem!important;line-height:1.1!important;}
nav .hidden.md\:flex{gap:1.55rem!important;font-size:.78rem!important;}
nav .flex.items-center.space-x-3{gap:.55rem!important;}
nav a[href='siparis-takip.php'],nav a[href='hediye-et.php'],nav a[href='kayit.php'],nav a[href='giris.php'],nav a[href='panel.php']{font-size:.76rem!important;padding:.62rem 1rem!important;border-radius:.75rem!important;}

.hero-pattern{min-height:72vh!important;padding-top:7rem!important;padding-bottom:3.5rem!important;}
.hero-pattern .max-w-7xl{gap:3rem!important;}
.hero-pattern .inline-flex:first-child{font-size:.68rem!important;padding:.45rem .85rem!important;margin-bottom:1.4rem!important;}
.hero-pattern h1{font-size:clamp(2.25rem,3.65vw,3.95rem)!important;line-height:1.05!important;letter-spacing:-.048em!important;max-width:620px!important;margin-bottom:1.25rem!important;}
.hero-pattern p{font-size:.96rem!important;line-height:1.72!important;max-width:570px!important;margin-bottom:1.75rem!important;}
.hero-pattern .flex.flex-col.sm\:flex-row a{font-size:.82rem!important;padding:.82rem 1.35rem!important;border-radius:.72rem!important;}
.hero-pattern .mt-10{margin-top:1.7rem!important;font-size:.82rem!important;}
.hero-pattern .relative.hidden.lg\:block > img{height:350px!important;border-radius:1.5rem!important;}
.hero-pattern .absolute.-bottom-10{bottom:-1.2rem!important;left:-1.1rem!important;padding:.55rem!important;border-radius:1.4rem!important;}
.hero-pattern .absolute.-bottom-10 img{width:9.5rem!important;border-radius:1rem!important;}
.vx-trust-strip{margin-top:1.7rem!important;gap:.7rem!important;max-width:560px!important;}
.vx-trust-strip div{padding:.8rem .95rem!important;border-radius:.9rem!important;}
.vx-trust-strip strong{font-size:1.05rem!important;}
.vx-trust-strip span{font-size:.68rem!important;}

section.py-24,section.py-20{padding-top:3.8rem!important;padding-bottom:3.8rem!important;}
section h2{font-size:clamp(1.55rem,2.2vw,2.25rem)!important;line-height:1.15!important;}
section p{font-size:.9rem!important;}
#sss h2{font-size:1.45rem!important;}
#sss .space-y-4{max-width:620px!important;margin-left:auto!important;margin-right:auto!important;}
#sss .faq-label{padding:1rem 1.15rem!important;font-size:.82rem!important;}
footer{font-size:.82rem!important;}
footer .text-2xl{font-size:1.25rem!important;}
footer .py-16{padding-top:3rem!important;padding-bottom:3rem!important;}

@media(max-width:768px){
  html{font-size:13px!important;}
  nav .max-w-7xl{padding:.55rem 1rem!important;}
  nav a.text-2xl{font-size:1.15rem!important;}
  nav a[href='kayit.php'],nav a[href='hediye-et.php']{font-size:.72rem!important;padding:.58rem .8rem!important;}
  .hero-pattern{padding-top:6rem!important;padding-bottom:2.6rem!important;min-height:auto!important;}
  .hero-pattern .max-w-7xl{padding-left:1.2rem!important;padding-right:1.2rem!important;gap:1.8rem!important;}
  .hero-pattern h1{font-size:clamp(2rem,9.2vw,2.8rem)!important;line-height:1.08!important;letter-spacing:-.045em!important;margin-bottom:1rem!important;}
  .hero-pattern p{font-size:.88rem!important;line-height:1.65!important;margin-bottom:1.2rem!important;}
  .hero-pattern .inline-flex:first-child{font-size:.64rem!important;padding:.38rem .7rem!important;margin-bottom:1rem!important;}
  .hero-pattern .flex.flex-col.sm\:flex-row a{font-size:.8rem!important;padding:.78rem 1rem!important;width:100%!important;}
  .hero-pattern .mt-10{margin-top:1.2rem!important;font-size:.78rem!important;}
  .vx-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.55rem!important;margin-top:1.2rem!important;}
  .vx-trust-strip div{padding:.65rem .55rem!important;border-radius:.8rem!important;}
  .vx-trust-strip strong{font-size:.9rem!important;}
  .vx-trust-strip span{font-size:.6rem!important;line-height:1.25!important;}
  section.py-24,section.py-20{padding-top:2.8rem!important;padding-bottom:2.8rem!important;}
  section h2,#sss h2{font-size:1.35rem!important;}
  #sss .faq-label{padding:.85rem .95rem!important;font-size:.78rem!important;}
  footer{font-size:.76rem!important;}
}


/* Homepage installation guide readability fix - 20260528 */
.vx-setup-card{
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 52%,#eef2f7 100%)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  color:#0f172a!important;
  box-shadow:0 26px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:none!important;
}
.vx-setup-card .vx-setup-icon{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.10)!important;
}
.vx-setup-card .vx-setup-eyebrow{
  color:#b98d34!important;
  text-shadow:none!important;
}
.vx-setup-card .vx-setup-title{
  color:#0b1220!important;
  text-shadow:none!important;
  opacity:1!important;
}
.vx-setup-card .vx-setup-text{
  color:#5b6473!important;
  text-shadow:none!important;
  opacity:1!important;
}
.vx-setup-card .vx-setup-btn{
  background:linear-gradient(135deg,#111827,#020617)!important;
  color:#ffffff!important;
  border:1px solid rgba(15,23,42,.18)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.22)!important;
  text-shadow:none!important;
}
.vx-setup-card .vx-setup-btn:hover{
  background:linear-gradient(135deg,#1f2937,#0f172a)!important;
  color:#ffffff!important;
  transform:translateY(-1px);
}
.vx-setup-card ::selection{
  background:rgba(185,141,52,.18)!important;
  color:#0b1220!important;
}
@media(max-width:768px){
  .vx-setup-card{padding:1.35rem!important;border-radius:1.45rem!important;gap:1rem!important;}
  .vx-setup-card .vx-setup-title{font-size:1.65rem!important;line-height:1.12!important;}
  .vx-setup-card .vx-setup-text{font-size:.9rem!important;line-height:1.55!important;}
  .vx-setup-card .vx-setup-btn{width:100%!important;min-height:44px!important;}
}