/* TechCreo Premium — tema paketi stilleri */
.btn-techcreo-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgb(37 99 235 / 0.2);
    transition: opacity 0.15s;
    background: var(--store-brand, #2563eb);
}
.btn-techcreo-primary:hover { opacity: 0.9; }

.input-techcreo {
    width: 100%;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    padding: 0.75rem 1rem;
    color: #1e293b;
}
.input-techcreo:focus {
    border-color: #2563eb;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 2px rgb(37 99 235 / 0.2);
}

.card-techcreo {
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

.nav-pill-techcreo {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    padding: 0.375rem 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #475569;
}
.nav-pill-techcreo-active {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    background: #2563eb;
    padding: 0.375rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee { animation: marquee 30s linear infinite; }

@keyframes category-marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.category-marquee-track { animation: category-marquee-scroll 45s linear infinite; }
.category-marquee:hover .category-marquee-track { animation-play-state: paused; }

/* Tema görünümlerinin kullandığı, çekirdek app.css'te derlenmemiş Tailwind sınıfları */
.-inset-3 { inset: -0.75rem }
.-right-0\.5 { right: -0.125rem }
.-top-0\.5 { top: -0.125rem }
.top-2 { top: 0.5rem }
.mt-16 { margin-top: 4rem }
.h-36 { height: 9rem }
.h-40 { height: 10rem }
.h-\[420px\] { height: 420px }
.w-36 { width: 9rem }
.w-56 { width: 14rem }
.w-\[260px\] { width: 260px }
.max-w-\[120px\] { max-width: 120px }
.max-w-\[260px\] { max-width: 260px }
.max-w-\[280px\] { max-width: 280px }
.snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness) }
.snap-mandatory { --tw-scroll-snap-strictness: mandatory }
.snap-start { scroll-snap-align: start }
.gap-y-1 { row-gap: 0.25rem }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) }
.divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) }
.divide-slate-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1)) }
.scroll-smooth { scroll-behavior: smooth }
.rounded-\[1\.5rem\] { border-radius: 1.5rem }
.rounded-\[1\.75rem\] { border-radius: 1.75rem }
.rounded-\[2rem\] { border-radius: 2rem }
.border-y { border-top-width: 1px; border-bottom-width: 1px }
.border-\[var\(--store-brand\)\] { border-color: var(--store-brand) }
.border-white\/10 { border-color: rgb(255 255 255 / 0.1) }
.bg-blue-50\/50 { background-color: rgb(239 246 255 / 0.5) }
.from-\[\#1d4ed8\] { --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position); --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }
.via-\[\#2563eb\] { --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to) }
.via-white { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to) }
.to-\[\#3b82f6\] { --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position) }
.to-blue-50\/40 { --tw-gradient-to: rgb(239 246 255 / 0.4) var(--tw-gradient-to-position) }
.to-blue-50\/60 { --tw-gradient-to: rgb(239 246 255 / 0.6) var(--tw-gradient-to-position) }
.object-left { -o-object-position: left; object-position: left }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem }
.pr-12 { padding-right: 3rem }
.pt-1 { padding-top: 0.25rem }
.text-6xl { font-size: 3.75rem; line-height: 1 }
.font-extrabold { font-weight: 800 }
.tracking-tight { letter-spacing: -0.025em }
.text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)) }
.text-white\/40 { color: rgb(255 255 255 / 0.4) }
.text-white\/90 { color: rgb(255 255 255 / 0.9) }
.placeholder-slate-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1)) }
.placeholder-slate-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1)) }
.opacity-30 { opacity: 0.3 }
.opacity-40 { opacity: 0.4 }
.opacity-75 { opacity: 0.75 }
.opacity-90 { opacity: 0.9 }
.shadow-slate-200\/50 { --tw-shadow-color: rgb(226 232 240 / 0.5); --tw-shadow: var(--tw-shadow-colored) }
.blur-2xl { --tw-blur: blur(40px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) }
.brightness-110 { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) }
.\[-ms-overflow-style\:none\] { -ms-overflow-style: none }
.\[scrollbar-width\:none\] { scrollbar-width: none }
.hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.hover\:border-slate-300:hover { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)) }
.hover\:text-\[var\(--store-brand\)\]:hover { color: var(--store-brand) }
.focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) }
@media (min-width: 640px) {
.sm\:hidden { display: none }
.sm\:h-\[4\.5rem\] { height: 4.5rem }
.sm\:w-40 { width: 10rem }
.sm\:w-\[4\.5rem\] { width: 4.5rem }
.sm\:min-w-\[220px\] { min-width: 220px }
.sm\:max-w-\[340px\] { max-width: 340px }
.sm\:gap-3 { gap: 0.75rem }
.sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem }
.sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem }
.sm\:text-base { font-size: 1rem; line-height: 1.5rem }
}
@media (min-width: 768px) {
.md\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem }
}
@media (min-width: 1024px) {
.lg\:col-span-7 { grid-column: span 7 / span 7 }
.lg\:min-w-\[280px\] { min-width: 280px }
.lg\:max-w-\[380px\] { max-width: 380px }
.lg\:border-b-0 { border-bottom-width: 0px }
.lg\:border-r { border-right-width: 1px }
.lg\:p-10 { padding: 2.5rem }
.lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none }