/* Gocce Deri Suite - front */
:root{
	--glx-dark:#2a170d;--glx-wood:#5a3318;--glx-copper:#c47a3d;--glx-cream:#f6f3ee;
	--glx-radius:18px;--glx-gap:24px;
	--glx-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Scroll reveal ---------- */
.glx-js .glx-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--glx-ease),transform .8s var(--glx-ease);transition-delay:var(--d,0ms)}
.glx-js .glx-reveal.is-in{opacity:1;transform:none}

/* ---------- Butonlar ---------- */
.glx-btn{position:relative;display:inline-block;overflow:hidden;padding:.95em 2.1em;border-radius:999px;background:linear-gradient(135deg,var(--glx-copper),#8a4a1f);color:#fff!important;font-weight:700;font-size:15px;letter-spacing:.05em;text-decoration:none!important;box-shadow:0 12px 28px -12px rgba(196,122,61,.9);transition:transform .3s var(--glx-ease),box-shadow .3s}
.glx-btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .7s}
.glx-btn:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(196,122,61,1)}
.glx-btn:hover::after{left:140%}
.glx-btn--ghost{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.glx-btn--ghost:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #fff}

/* ---------- HERO ---------- */
.glx-hero{position:relative;overflow:hidden;isolation:isolate;margin:0 auto var(--glx-gap);border-radius:calc(var(--glx-radius) + 6px);color:#fff;background:var(--glx-dark);max-width:1400px;width:100%}
.glx-hero__bg{position:absolute;inset:-20%;z-index:-2;background:
	radial-gradient(60% 60% at 75% 40%,rgba(196,122,61,.38),transparent 70%),
	repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 2px,transparent 2px 46px),
	linear-gradient(135deg,var(--glx-dark),var(--glx-wood) 70%,var(--glx-dark));
	animation:glxDrift 26s ease-in-out infinite alternate}
.glx-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 35%,rgba(255,220,180,.08) 50%,transparent 65%);transform:translateX(-100%);animation:glxSweep 7s ease-in-out infinite}
.glx-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:clamp(32px,6vw,80px)}
.glx-hero__badge{display:inline-block;padding:.5em 1.2em;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:12px;letter-spacing:.22em;color:#f0c79a;margin-bottom:22px;backdrop-filter:blur(4px)}
.glx-hero__title{margin:0 0 18px;color:#fff;font-size:clamp(34px,5.2vw,68px);line-height:1.04;font-weight:800;letter-spacing:-.03em}
.glx-hero__lead{margin:0 0 32px;max-width:520px;font-size:clamp(15px,1.5vw,18px);line-height:1.7;color:rgba(255,255,255,.8)}
.glx-hero__actions{display:flex;flex-wrap:wrap;gap:14px}
.glx-hero__media{position:relative;display:flex;justify-content:center}
.glx-hero__glow{position:absolute;inset:8%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(196,122,61,.55),transparent 65%);filter:blur(40px);animation:glxPulse 5s ease-in-out infinite}
.glx-hero__frame{position:relative;z-index:1;width:min(100%,520px);border-radius:var(--glx-radius);overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);transform:perspective(900px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .25s ease-out;animation:glxFloat 6s ease-in-out infinite}
.glx-hero__img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}

/* toz parçacıkları */
.glx-hero__dust{position:absolute;inset:0;z-index:-1;pointer-events:none}
.glx-hero__dust span{position:absolute;bottom:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#f0c79a;opacity:0;animation:glxRise var(--t) linear var(--dl) infinite}

/* özellik şeridi */
.glx-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22)}
.glx-feat{display:flex;flex-direction:column;gap:4px;padding:22px 26px;border-right:1px solid rgba(255,255,255,.08)}
.glx-feat:last-child{border-right:0}
.glx-feat strong{font-size:15px;letter-spacing:.04em;color:#f0c79a}
.glx-feat span{font-size:13px;color:rgba(255,255,255,.7)}

/* ---------- KATEGORİ KARTLARI ---------- */
.glx-cards{display:grid;grid-template-columns:repeat(var(--glx-cols,4),minmax(0,1fr));gap:var(--glx-gap);max-width:1400px;margin:0 auto var(--glx-gap);padding:0}
.glx-card{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:var(--glx-ratio,9/16);border-radius:var(--glx-radius);background:linear-gradient(160deg,var(--glx-wood),var(--glx-dark));text-decoration:none!important;transform:translateZ(0);box-shadow:0 18px 40px -26px rgba(42,23,13,.9);transition:box-shadow .5s var(--glx-ease)}
.glx-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--glx-ease),filter .6s}
.glx-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(20,10,4,.78),rgba(20,10,4,0) 48%);transition:opacity .5s}
.glx-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 40%,rgba(255,230,200,.22) 50%,transparent 60%);transform:translateX(-120%);transition:transform .9s var(--glx-ease)}
.glx-card:hover{box-shadow:0 30px 55px -24px rgba(42,23,13,1)}
.glx-card:hover img{transform:scale(1.08)}
.glx-card:hover::after{transform:translateX(120%)}
.glx-card__label{position:absolute;left:0;right:0;bottom:clamp(16px,2.2vw,30px);z-index:2;display:block;padding:0 14px;text-align:center;color:#fff}
.glx-card__label span{display:inline-block;padding-bottom:4px;background:linear-gradient(currentColor,currentColor) 50% 100%/0 2px no-repeat;transition:background-size .5s var(--glx-ease),transform .5s var(--glx-ease)}
.glx-card:hover .glx-card__label span{background-size:100% 2px;transform:translateY(-4px)}
.glx-cards--bold .glx-card__label{font-weight:800;font-size:clamp(17px,2vw,30px);letter-spacing:-.02em;text-transform:uppercase;line-height:1.1}
.glx-cards--spaced .glx-card__label{font-weight:300;font-size:clamp(16px,1.9vw,28px);letter-spacing:.2em;text-transform:uppercase;line-height:1.25}

/* ---------- Animasyonlar ---------- */
@keyframes glxDrift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}
@keyframes glxSweep{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes glxFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes glxPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes glxRise{0%{opacity:0;transform:translateY(0)}15%{opacity:.7}100%{opacity:0;transform:translateY(-70vh) translateX(30px)}}

/* ---------- Genel tema modu (isteğe bağlı) ---------- */
html:has(body.glx-theme){scroll-behavior:smooth}
body.glx-theme{background:var(--glx-cream);color:#2b2118;-webkit-font-smoothing:antialiased}
body.glx-theme h1,body.glx-theme h2,body.glx-theme h3,body.glx-theme h4{letter-spacing:-.02em;font-weight:800;color:var(--glx-dark)}
body.glx-theme a{transition:color .25s}
body.glx-theme a:hover{color:var(--glx-copper)}
body.glx-theme ::selection{background:var(--glx-copper);color:#fff}
body.glx-theme .button,
body.glx-theme .wp-element-button,
body.glx-theme .wp-block-button__link,
body.glx-theme button[type=submit],
body.glx-theme input[type=submit]{background:linear-gradient(135deg,var(--glx-copper),#8a4a1f);color:#fff;border:0;border-radius:999px;padding:.85em 1.8em;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 24px -12px rgba(196,122,61,.9);transition:transform .3s var(--glx-ease),box-shadow .3s,filter .3s}
body.glx-theme .button:hover,
body.glx-theme .wp-element-button:hover,
body.glx-theme .wp-block-button__link:hover,
body.glx-theme button[type=submit]:hover,
body.glx-theme input[type=submit]:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff}
body.glx-theme input[type=text],body.glx-theme input[type=email],body.glx-theme input[type=search],body.glx-theme input[type=tel],body.glx-theme input[type=password],body.glx-theme textarea,body.glx-theme select{border-radius:12px;border:1px solid #d8cbbb;background:#fff;transition:border-color .25s,box-shadow .25s}
body.glx-theme input:focus,body.glx-theme textarea:focus,body.glx-theme select:focus{outline:0;border-color:var(--glx-copper);box-shadow:0 0 0 3px rgba(196,122,61,.2)}

/* ---------- Ürün kartı animasyonu (isteğe bağlı, ürün verisine dokunmaz) ---------- */
body.glx-prod-anim ul.products li.product{transition:transform .45s var(--glx-ease),box-shadow .45s}
body.glx-prod-anim ul.products li.product:hover{transform:translateY(-6px)}
body.glx-prod-anim ul.products li.product img{transition:transform .8s var(--glx-ease)}
body.glx-prod-anim ul.products li.product:hover img{transform:scale(1.04)}

/* ---------- Mobil ---------- */
@media (max-width:1000px){
	.glx-cards{grid-template-columns:repeat(min(var(--glx-cols,4),2),minmax(0,1fr))}
	.glx-hero__inner{grid-template-columns:1fr;text-align:center}
	.glx-hero__lead{margin-left:auto;margin-right:auto}
	.glx-hero__actions{justify-content:center}
	.glx-hero__media{order:-1}
	.glx-hero__frame{width:min(78%,380px)}
	.glx-features{grid-template-columns:repeat(2,1fr)}
	.glx-feat:nth-child(2){border-right:0}
	.glx-feat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media (max-width:520px){
	.glx-cards{gap:12px}
	.glx-features{grid-template-columns:1fr}
	.glx-feat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion:reduce){
	.glx-hero__bg,.glx-hero::after,.glx-hero__frame,.glx-hero__glow,.glx-hero__dust span{animation:none!important}
	.glx-js .glx-reveal{opacity:1;transform:none;transition:none}
	.glx-card img,.glx-card::after{transition:none}
}

/* ---------- Temiz ana sayfa ---------- */
.glx-home-main{max-width:1400px;margin:0 auto;padding:24px 16px 48px;background:#fff}
body.glx-home{background:#fff}

/* ---------- Banner ---------- */
.glx-banner{display:block;overflow:hidden;max-width:1400px;margin:0 auto var(--glx-gap);border-radius:var(--glx-radius)}
.glx-banner img{display:block;width:100%;height:auto;transition:transform 1.1s var(--glx-ease)}
a.glx-banner:hover img{transform:scale(1.03)}

/* ---------- Hizmet kutuları ---------- */
.glx-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--glx-gap);max-width:1400px;margin:calc(var(--glx-gap)*1.5) auto 0;padding:0;list-style:none}
.glx-service{display:flex;gap:16px;align-items:flex-start;padding:26px;border:1px solid #eadfd0;border-radius:var(--glx-radius);background:#fff;transition:transform .4s var(--glx-ease),box-shadow .4s,border-color .3s}
.glx-service:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(42,23,13,.6);border-color:var(--glx-copper)}
.glx-service__ic{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--glx-copper),#8a4a1f);color:#fff}
.glx-service strong{display:block;margin-bottom:4px;color:var(--glx-dark);font-size:16px}
.glx-service em{display:block;font-style:normal;font-size:14px;line-height:1.55;color:#6b5b4c}
@media (max-width:760px){.glx-services{grid-template-columns:1fr}}