/* Tekab Reklam — front-end styles */
:root { --brand:#0a2540; --brand-light:#143666; --gold:#c9a34e; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
[x-cloak] { display: none !important; }

/* Smooth rich hero */
.hero-swiper { height: 85vh; min-height: 600px; }
.hero-swiper .swiper-pagination-bullet { background: #fff; opacity: .5; width: 10px; height: 10px; }
.hero-swiper .swiper-pagination-bullet-active { background: var(--gold); opacity: 1; width: 30px; border-radius: 6px; }

/* Portfolio swiper */
.portfolio-swiper { padding-bottom: 20px; }
.portfolio-swiper .swiper-slide { height: auto; }

/* Product thumbs */
.product-thumbs-swiper .swiper-slide-thumb-active { opacity: 1 !important; outline: 2px solid var(--gold); }

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

/* Prose tweaks for page content */
.prose h2 { font-family: 'Outfit', system-ui, sans-serif; font-weight: 800; color: var(--brand); }
.prose h3 { font-family: 'Outfit', system-ui, sans-serif; font-weight: 700; color: var(--brand); }
.prose strong { color: var(--brand); }
.prose a { color: var(--brand); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }
.prose a:hover { color: var(--gold); }

/* Utility */
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* Swiper nav buttons */
.swiper-button-prev, .swiper-button-next { transition: all .3s ease; background: rgba(255,255,255,.15); backdrop-filter: blur(10px); border-radius: 50%; }
.swiper-button-prev:hover, .swiper-button-next:hover { background: rgba(255,255,255,.3); }
.swiper-button-prev::after, .swiper-button-next::after { font-size: 1rem !important; font-weight: bold; }

/* GLightbox tweaks */
.glightbox-clean .gslide-title { color: #fff !important; font-family: 'Outfit', sans-serif; font-weight: 700; }
.glightbox-clean .gslide-desc { color: #c9a34e !important; }
.gbtn { background: rgba(0,0,0,.5) !important; border-radius: 50% !important; backdrop-filter: blur(8px); transition: all .3s; }
.gbtn:hover { background: #c9a34e !important; }
.gslide-image img { border-radius: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.goverlay { background: rgba(6,26,48,.92) !important; backdrop-filter: blur(8px); }

/* Image progressive reveal (blur → focus) */
.img-reveal { filter: blur(10px); opacity: .3; transform: scale(1.05); transition: filter .8s ease, opacity .8s ease, transform 1.2s ease; }
.img-reveal.revealed { filter: blur(0); opacity: 1; transform: scale(1); }

/* Ken Burns slow pan on hero images */
@keyframes kenburns { 0% { transform: scale(1) translate(0,0); } 50% { transform: scale(1.08) translate(-1%, -1%); } 100% { transform: scale(1) translate(0,0); } }
section .grid.grid-cols-6 > div img { animation: kenburns 20s ease-in-out infinite; }

/* Product card smooth transform */
.group.block { transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s; will-change: transform; }

/* Image hover zoom + overlay */
a.group img, .group.block img { transition: transform 1s cubic-bezier(.2,.8,.2,1); }
a.group:hover img { transform: scale(1.08); }

/* Cursor zoom for lightbox triggers */
.glightbox { cursor: zoom-in; }
a.glightbox img { transition: all .4s; }
a.glightbox:hover img { transform: scale(1.03); }

/* Badge shimmer */
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.shine { background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent); background-size: 200% 100%; animation: shimmer 3s linear infinite; }