/* ========================================================= */
/* LARWEAR — PREMIUM TEMA CSS */
/* Ticimax > Tasarım > Tema Yönetimi > CSS alanına yapıştır */
/* NOT: Yapıştırmadan ÖNCE mutlaka tasarım yedeği al. */
/* ========================================================= */
/* --- Google Fonts (lüks serif + temiz sans) --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Outfit:wght@200;300;400;500;600&display=swap');
/* --- LARWEAR renk paleti (logoya uygun: krem-şampanya + gece moru + altın) --- */
:root{
--lw-ink:#0a0610;
--lw-plum:#1a0f24;
--lw-plum2:#2a1838;
--lw-gold:#c9a24b;
--lw-gold-soft:#e6cd91;
--lw-champagne:#f3e9d2;
--lw-mist:#b9a7c4;
--lw-line:rgba(201,162,75,.22);
--lw-display:'Cormorant Garamond',serif;
--lw-body:'Outfit',sans-serif;
}
/* === Bu blok LARWEAR özel alanlarını biçimlendirir === */
/* Aşağıdaki .lw- ile başlayan sınıflar yalnızca senin */
/* eklediğin HTML bloklarını etkiler, Ticimax'ın kendi */
/* yapısını bozmaz. */
.lw-wrap{font-family:var(--lw-body);color:var(--lw-champagne);
font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
.lw-wrap *{box-sizing:border-box}
.lw-wrap ::selection{background:var(--lw-gold);color:var(--lw-ink)}
/* --- akan gradyan atmosfer (hipnotik arka plan) --- */
.lw-atmos{position:relative;background:var(--lw-ink);overflow:hidden}
.lw-atmos::before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;
background:
radial-gradient(closest-side at 20% 25%, rgba(120,60,160,.20), transparent 60%),
radial-gradient(closest-side at 80% 70%, rgba(201,162,75,.14), transparent 60%),
radial-gradient(closest-side at 55% 95%, rgba(80,40,120,.18), transparent 60%);
animation:lw-drift 26s ease-in-out infinite alternate;filter:blur(20px)}
.lw-atmos>*{position:relative;z-index:1}
@keyframes lw-drift{0%{transform:translate3d(0,0,0) scale(1)}
100%{transform:translate3d(-4%,-3%,0) scale(1.12)}}
/* --- başlıklar --- */
.lw-eyebrow{font-size:12px;letter-spacing:.42em;text-transform:uppercase;
color:var(--lw-gold);margin-bottom:16px;display:inline-flex;align-items:center;gap:14px}
.lw-eyebrow::before{content:"";width:42px;height:1px;background:var(--lw-gold)}
.lw-title{font-family:var(--lw-display);font-weight:400;line-height:1;
font-size:clamp(36px,6vw,72px);letter-spacing:-.01em;margin:0 0 18px}
.lw-title em{font-style:italic;color:var(--lw-gold-soft)}
.lw-desc{color:var(--lw-mist);font-weight:200;max-width:520px;font-size:16px}
/* --- buton --- */
.lw-btn{display:inline-flex;align-items:center;gap:12px;cursor:pointer;
font-family:var(--lw-body);font-size:13px;letter-spacing:.24em;text-transform:uppercase;
font-weight:400;padding:16px 40px;border:1px solid var(--lw-gold);
color:var(--lw-champagne);border-radius:40px;background:transparent;
position:relative;overflow:hidden;transition:color .4s;text-decoration:none}
.lw-btn span{position:relative;z-index:2}
.lw-btn::before{content:"";position:absolute;inset:0;background:var(--lw-gold);
transform:translateY(101%);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.lw-btn:hover{color:var(--lw-ink)}
.lw-btn:hover::before{transform:translateY(0)}
/* --- akan yazı şeridi (marquee) --- */
.lw-marquee{border-top:1px solid var(--lw-line);border-bottom:1px solid var(--lw-line);
overflow:hidden;padding:18px 0;background:rgba(20,12,28,.4)}
.lw-marquee-track{display:flex;gap:60px;white-space:nowrap;width:max-content;
animation:lw-scrollx 28s linear infinite;font-family:var(--lw-display);
font-size:clamp(20px,3vw,34px);font-style:italic;color:var(--lw-gold-soft)}
.lw-marquee-track span::after{content:"✦";margin-left:60px;color:var(--lw-gold);
font-style:normal;font-size:.5em;vertical-align:middle}
@keyframes lw-scrollx{to{transform:translateX(-50%)}}
/* --- atölye / hikaye bloğu --- */
.lw-exp{display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch;
border:1px solid var(--lw-line);overflow:hidden;background:var(--lw-plum)}
.lw-exp-media{position:relative;min-height:520px;overflow:hidden}
.lw-exp-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;
filter:saturate(.85) brightness(.85)}
.lw-exp-text{padding:clamp(40px,6vw,80px);display:flex;flex-direction:column;justify-content:center}
.lw-exp-text h3{font-family:var(--lw-display);font-size:clamp(34px,5vw,60px);
font-weight:400;line-height:1.02;margin:0 0 24px}
.lw-exp-text h3 em{font-style:italic;color:var(--lw-gold-soft)}
.lw-feats{display:flex;flex-direction:column;gap:18px;margin:0 0 34px}
.lw-feat{display:flex;gap:16px;align-items:center;font-size:14px;letter-spacing:.04em}
.lw-feat b{color:var(--lw-gold);font-family:var(--lw-display);font-size:22px;
font-style:italic;min-width:40px}
@media(max-width:860px){.lw-exp{grid-template-columns:1fr}.lw-exp-media{min-height:340px}}
/* --- ÇARK --- */
.lw-wheel-sec{text-align:center;position:relative;overflow:hidden;
padding:clamp(70px,10vw,130px) 20px}
.lw-wheel-sec::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background:radial-gradient(closest-side at 50% 45%,rgba(201,162,75,.16),transparent 70%)}
.lw-wheel-sec>*{position:relative;z-index:1}
.lw-wheel-wrap{position:relative;width:min(440px,86vw);aspect-ratio:1;margin:0 auto 44px}
.lw-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:6;
width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;
border-top:30px solid var(--lw-gold);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.lw-wheel-svg{width:100%;height:100%;
transition:transform 10s cubic-bezier(.12,.66,.04,1);
filter:drop-shadow(0 0 40px rgba(201,162,75,.25))}
.lw-wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:74px;height:74px;border-radius:50%;background:var(--lw-ink);z-index:5;
border:2px solid var(--lw-gold);display:grid;place-items:center;
font-family:var(--lw-display);font-style:italic;color:var(--lw-gold-soft);font-size:15px;
box-shadow:0 0 30px rgba(201,162,75,.4)}
.lw-wheel-glow{position:absolute;inset:-14px;border-radius:50%;z-index:0;
background:conic-gradient(from 0deg,var(--lw-gold),transparent,var(--lw-gold),transparent,var(--lw-gold));
filter:blur(22px);opacity:.5;animation:lw-spin 8s linear infinite}
@keyframes lw-spin{to{transform:rotate(360deg)}}
.lw-spin-btn{font-family:var(--lw-body);font-size:14px;letter-spacing:.26em;
text-transform:uppercase;padding:18px 52px;background:var(--lw-gold);color:var(--lw-ink);
border:none;border-radius:40px;cursor:pointer;font-weight:500;
transition:transform .3s,box-shadow .3s;box-shadow:0 10px 40px rgba(201,162,75,.35)}
.lw-spin-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 50px rgba(201,162,75,.5)}
.lw-spin-btn:disabled{opacity:.45;cursor:not-allowed}
.lw-wheel-note{margin-top:18px;font-size:12px;letter-spacing:.16em;
color:var(--lw-mist);text-transform:uppercase}
.lw-timer-pill{display:inline-flex;align-items:center;gap:10px;margin-top:22px;
font-size:13px;letter-spacing:.2em;color:var(--lw-gold-soft);
border:1px solid var(--lw-line);border-radius:30px;padding:8px 20px}
.lw-timer-pill b{font-family:var(--lw-display);font-style:italic;font-size:18px;color:var(--lw-gold)}
/* --- ödül modalı --- */
.lw-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;
background:rgba(6,3,10,.82);backdrop-filter:blur(10px);padding:24px}
.lw-modal.open{display:grid;animation:lw-fade .5s ease}
@keyframes lw-fade{from{opacity:0}to{opacity:1}}
.lw-modal-card{background:linear-gradient(160deg,var(--lw-plum2),var(--lw-plum));
border:1px solid var(--lw-gold);border-radius:6px;max-width:460px;width:100%;
padding:clamp(36px,5vw,56px);text-align:center;position:relative;
box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(30px) scale(.96);
transition:transform .6s cubic-bezier(.16,1,.3,1)}
.lw-modal.open .lw-modal-card{transform:none}
.lw-modal-x{position:absolute;top:18px;right:22px;font-size:24px;cursor:pointer;
color:var(--lw-mist);transition:color .3s}
.lw-modal-x:hover{color:var(--lw-gold)}
.lw-burst{font-size:46px;margin-bottom:14px}
.lw-modal-card .eb{font-size:12px;letter-spacing:.4em;text-transform:uppercase;
color:var(--lw-gold);margin-bottom:14px}
.lw-prize{font-family:var(--lw-display);font-style:italic;font-size:clamp(40px,8vw,60px);
color:var(--lw-gold-soft);line-height:1;margin-bottom:10px}
.lw-modal-card p{color:var(--lw-mist);font-weight:200;margin-bottom:28px}
.lw-code-box{border:1px dashed var(--lw-gold);border-radius:6px;padding:14px;margin-bottom:24px;
font-size:22px;letter-spacing:.3em;color:var(--lw-champagne);font-family:var(--lw-display);font-weight:600}
.lw-modal-btn{width:100%;padding:16px;background:var(--lw-gold);color:var(--lw-ink);border:none;
border-radius:40px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;
font-weight:500;cursor:pointer;transition:transform .3s}
.lw-modal-btn:hover{transform:translateY(-2px)}
/* --- toast --- */
.lw-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(120px);
background:var(--lw-gold);color:var(--lw-ink);padding:14px 28px;border-radius:40px;
font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
z-index:10000;transition:transform .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px rgba(0,0,0,.4)}
.lw-toast.show{transform:translateX(-50%) translateY(0)}
@media(prefers-reduced-motion:reduce){
.lw-wrap *{animation-duration:.001s!important;transition-duration:.001s!important}
}