/* WaterStation · TITAN Efsane Kasım 2026. Scoped to the homepage hero. */
#ws-site #wsx-baslangic.wsn-hero{--wn-gold:#edce92;--wn-gold-ink:#4b340a;--wn-surface:rgba(18,48,70,.72);position:relative;isolation:isolate;height:auto;min-height:850px;max-height:none;padding:138px 0 34px;overflow:hidden;color:var(--text);background:radial-gradient(ellipse at 76% 40%,#165268 0%,#09283d 34%,#041324 70%,#030b18 100%)}
#ws-site .wsn-wrap{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}
#ws-site .wsn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;position:relative;padding:22px 0 36px}
#ws-site .wsn-copy{position:relative;z-index:3;min-width:0}
#ws-site .wsn-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--wn-gold);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1.5}
#ws-site .wsn-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}
#ws-site #wsx-baslangic .wsn-title{font-size:clamp(44px,5.2vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.05;color:var(--text);margin:0 0 16px}
#ws-site #wsx-baslangic .wsn-title span{display:block;color:inherit}
#ws-site #wsx-baslangic .wsn-title .wsn-title-sub{font-size:.53em;line-height:1.35;letter-spacing:-.04em;margin-top:10px;color:var(--aqua)}
#ws-site .wsn-intro{max-width:460px;font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 24px}
#ws-site .wsn-price-top{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:3px}
#ws-site .wsn-price-top del{font-size:23px;color:var(--muted);text-decoration-thickness:1.5px}
#ws-site .wsn-discount{display:inline-block;padding:5px 10px;border:1px solid #edce9255;border-radius:6px;color:var(--wn-gold);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.06em;background:#edce920a}
#ws-site .wsn-price{display:flex;align-items:baseline;gap:10px;font-family:var(--display);font-size:clamp(58px,5.4vw,79px);font-weight:600;letter-spacing:-.065em;line-height:1.18;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}
#ws-site .wsn-price small{font:500 25px/1 var(--body);letter-spacing:0}
#ws-site .wsn-gift-line{display:flex;align-items:center;gap:13px;margin:18px 0 15px;max-width:465px;padding:14px 16px;border:1px solid #edce924b;border-radius:12px;background:linear-gradient(110deg,#edce9214,#edce9204)}
#ws-site .wsn-gift-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#edce9216;color:var(--wn-gold)}
#ws-site .wsn-gift-icon svg{width:23px;height:23px}
#ws-site .wsn-gift-line p{font-size:14px;line-height:1.6;color:var(--text)}
#ws-site .wsn-gift-line strong{font-weight:700;color:var(--wn-gold)}
#ws-site .wsn-payment{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:500;color:var(--text);margin-bottom:24px}
#ws-site .wsn-payment svg{width:21px;height:21px;color:var(--aqua)}
#ws-site .wsn-payment strong{font-weight:750}
#ws-site .wsn-actions{display:flex;flex-wrap:wrap;gap:12px}
#ws-site .wsn-actions .wsx-btn{font-size:14px;min-height:52px;padding:14px 21px}
#ws-site .wsn-period{margin-top:16px;color:var(--muted);font-size:12px;line-height:1.5}
#ws-site .wsn-stage{position:relative;width:100%;height:550px;min-width:0;z-index:1}
#ws-site .wsn-orbit{position:absolute;width:92%;aspect-ratio:1;left:0;top:0;border:1px solid #8fd6e833;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
#ws-site .wsn-orbit:after{content:"";position:absolute;inset:25px;border:1px solid #8fd6e81c;border-radius:50%}
#ws-site .wsn-drop{position:absolute;left:3%;top:7%;width:72%;height:78%;border:1px solid #b5ecfa45;border-radius:45% 55% 48% 52% / 42% 42% 58% 58%;background:radial-gradient(ellipse at 28% 16%,#b8f4ff60,transparent 46%),linear-gradient(140deg,#6dcae44a,#16859a24 55%,#acdeec30);box-shadow:inset 8px 8px 42px #b5eaf52b,inset -18px -20px 50px #063b5280,0 25px 80px #0d71802c;animation:wsn-morph 12s ease-in-out infinite alternate}
#ws-site .wsn-device{position:absolute;z-index:2;left:6%;top:10%;width:62%;height:73%;object-fit:contain;filter:drop-shadow(8px 25px 24px #00101c77);animation:wsn-float 7s ease-in-out infinite;transform:rotate(-5deg)}
#ws-site .wsn-signature{position:absolute;left:6%;top:3%;z-index:3;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.22em}
#ws-site .wsn-device-caption{position:absolute;left:8%;bottom:7%;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);z-index:4}
#ws-site .wsn-device-caption strong{font-size:17px;letter-spacing:.04em;color:var(--aqua)}
#ws-site .wsn-device-caption:before{content:"";width:25px;height:1px;background:var(--aqua)}
#ws-site .wsn-faucet-group{position:absolute;z-index:5;right:-1%;top:39%;width:43%;max-width:260px;animation:wsn-gift-float 8s ease-in-out infinite}
#ws-site .wsn-gift-orb{position:relative;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#a8e0eeb3,#68b2c55c);border:7px solid #d0eef6;box-shadow:0 0 0 10px #a5dceb16,0 0 0 25px #a5dceb08,0 18px 45px #001a2860;overflow:hidden;display:grid;place-items:center}
#ws-site .wsn-gift-orb img{width:87%;height:87%;object-fit:contain;mix-blend-mode:normal}
#ws-site .wsn-gift-ribbon{position:absolute;z-index:3;right:3%;top:-9px;background:linear-gradient(120deg,#f2ddb0,#d9b36f);color:#3c2a0b;padding:7px 15px;border-radius:100px;font-size:13px;font-weight:800;letter-spacing:.1em;box-shadow:0 5px 20px #071b3328}
#ws-site .wsn-faucet-label{display:block;position:relative;margin:17px 0 0;padding:10px 12px;border:1px solid #c3e5f32d;border-radius:12px;background:var(--wn-surface);backdrop-filter:blur(12px);text-align:center;color:var(--text);font-size:12px;line-height:1.55;box-shadow:0 8px 28px #0012221a}
#ws-site .wsn-faucet-label strong{display:block;font-size:14px;font-weight:650}
#ws-site .wsn-faucet-label span{display:block;color:var(--wn-gold);font-size:12px;font-weight:600;margin-top:2px}
#ws-site .wsn-plus{position:absolute;right:32%;top:42%;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#d6f2fa12;border:1px solid #c8eff653;color:var(--text);font-size:28px;font-weight:300;z-index:6;backdrop-filter:blur(8px)}
#ws-site .wsn-water-lines{position:absolute;left:-10%;bottom:65px;width:120%;height:120px;border-top:1px solid #8ce2f01c;border-radius:50%;transform:rotate(-3deg);z-index:-1;pointer-events:none}
#ws-site .wsn-water-lines:before,#ws-site .wsn-water-lines:after{content:"";position:absolute;inset:15px 0 0;border-top:1px solid #8ce2f01a;border-radius:50%}
#ws-site .wsn-water-lines:after{inset:32px 0 0}
#ws-site #wsx-baslangic .wsx-hero-bottom{position:relative;inset:auto;gap:30px;margin-top:8px}
#ws-site #wsx-baslangic .wsx-hero-stats{max-width:800px;padding-top:20px}
html[data-ws-appearance=light] #ws-site #wsx-baslangic.wsn-hero{--wn-gold:#825817;--wn-gold-ink:#4b340a;--wn-surface:#ffffffdb;background:radial-gradient(ellipse at 76% 40%,#b8e0ed 0%,#e6f3fa 40%,#f5f9fd 76%)}
html[data-ws-appearance=light] #ws-site .wsn-gift-line{border-color:#ba934657;background:linear-gradient(110deg,#fff9eddd,#ffffff80)}
html[data-ws-appearance=light] #ws-site .wsn-gift-icon{background:#ead4a44a}
html[data-ws-appearance=light] #ws-site .wsn-discount{border-color:#b18d4a80;background:#fff6e5}
html[data-ws-appearance=light] #ws-site .wsn-orbit{border-color:#389eb32e}
html[data-ws-appearance=light] #ws-site .wsn-orbit:after{border-color:#389eb31c}
html[data-ws-appearance=light] #ws-site .wsn-drop{background:radial-gradient(ellipse at 28% 16%,#fff9,transparent 46%),linear-gradient(140deg,#a8dce7b3,#65aab587 70%,#b9e2ea);box-shadow:inset 8px 8px 42px #ffffff70,inset -18px -20px 50px #31708223,0 25px 80px #4a9aab24}
html[data-ws-appearance=light] #ws-site .wsn-gift-orb{border-color:#e4f5fb;box-shadow:0 0 0 10px #fff6,0 0 0 25px #b8e2ed33,0 18px 45px #1a536b30}
html[data-ws-appearance=light] #ws-site .wsn-faucet-label{border-color:#a8c5d766}
html[data-ws-appearance=light] #ws-site .wsn-plus{background:#ffffffcf;border-color:#91b6ca;color:#154562}
html[data-ws-appearance=light] #ws-site .wsn-water-lines,html[data-ws-appearance=light] #ws-site .wsn-water-lines:before,html[data-ws-appearance=light] #ws-site .wsn-water-lines:after{border-color:#5bb4d326}
@keyframes wsn-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(-3deg)}}
@keyframes wsn-gift-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes wsn-morph{from{border-radius:45% 55% 48% 52% / 42% 42% 58% 58%}to{border-radius:52% 48% 44% 56% / 52% 47% 53% 48%}}
@media(min-width:992px) and (max-width:1599px){#ws-site #wsx-baslangic.wsn-hero{padding-top:182px;min-height:930px}}
@media(max-width:1199px){#ws-site .wsn-wrap{width:calc(100% - 64px)}#ws-site .wsn-grid{gap:12px}#ws-site .wsn-stage{height:485px}#ws-site .wsn-faucet-group{top:42%}#ws-site .wsn-signature{font-size:9px;letter-spacing:.16em}}
@media(max-width:991px){#ws-site #wsx-baslangic.wsn-hero{padding-top:172px;min-height:0}#ws-site .wsn-grid{grid-template-columns:1.1fr .9fr;gap:12px;align-items:center}#ws-site #wsx-baslangic .wsn-title{font-size:48px}#ws-site .wsn-price{font-size:57px}#ws-site .wsn-stage{height:430px}#ws-site .wsn-device-caption{font-size:11px;bottom:8%}#ws-site .wsn-device-caption strong{font-size:14px}#ws-site .wsn-faucet-group{width:48%;right:-4%;top:44%}#ws-site .wsn-faucet-label{padding:8px;font-size:11px}#ws-site .wsn-faucet-label strong{font-size:12px}#ws-site .wsn-faucet-label span{font-size:11px}#ws-site .wsn-plus{right:30%;width:33px;height:33px;font-size:23px}#ws-site .wsn-intro{font-size:14px}#ws-site .wsn-signature{max-width:200px;line-height:1.6}}
@media(max-width:767px){#ws-site #wsx-baslangic.wsn-hero{padding:166px 0 30px}#ws-site .wsn-wrap{width:calc(100% - 40px)}#ws-site .wsn-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 0 18px}#ws-site .wsn-copy{width:100%}#ws-site .wsn-eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:16px}#ws-site #wsx-baslangic .wsn-title{font-size:58px;margin-bottom:13px}#ws-site #wsx-baslangic .wsn-title .wsn-title-sub{font-size:27px;margin-top:5px}#ws-site .wsn-intro{max-width:440px;margin-bottom:19px;line-height:1.65}#ws-site .wsn-price-top del{font-size:20px}#ws-site .wsn-price{font-size:65px;line-height:1.12}#ws-site .wsn-price small{font-size:24px}#ws-site .wsn-gift-line{margin-top:16px;margin-bottom:13px;padding:12px;max-width:none}#ws-site .wsn-gift-line p{font-size:13px}#ws-site .wsn-payment{font-size:14px;margin-bottom:19px}#ws-site .wsn-actions{gap:9px}#ws-site .wsn-actions .wsx-btn{min-height:49px;font-size:13px;padding:12px 15px}#ws-site .wsn-period{margin-top:12px}#ws-site .wsn-stage{height:400px;max-width:440px;margin:12px auto 0}#ws-site .wsn-drop{left:3%;top:8%;width:69%;height:77%}#ws-site .wsn-device{left:5%;top:9%;width:62%;height:76%}#ws-site .wsn-signature{left:7%;top:1%;max-width:none;font-size:9px}#ws-site .wsn-faucet-group{width:45%;right:0;top:36%;max-width:200px}#ws-site .wsn-gift-ribbon{font-size:11px;padding:6px 12px;top:-7px}#ws-site .wsn-gift-orb{border-width:5px}#ws-site .wsn-faucet-label{margin-top:14px;padding:8px 7px}#ws-site .wsn-device-caption{left:5%;bottom:2%;gap:6px;font-size:11px}#ws-site .wsn-device-caption:before{width:15px}#ws-site .wsn-device-caption strong{font-size:14px}#ws-site .wsn-plus{top:38%;right:34%;width:31px;height:31px}#ws-site #wsx-baslangic .wsx-hero-bottom{margin-top:15px}#ws-site #wsx-baslangic .wsx-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}#ws-site #wsx-baslangic .wsx-scroll-cue{display:none}}
@media(max-width:389px){#ws-site .wsn-wrap{width:calc(100% - 32px)}#ws-site #wsx-baslangic .wsn-title{font-size:52px}#ws-site #wsx-baslangic .wsn-title .wsn-title-sub{font-size:24px}#ws-site .wsn-price{font-size:58px}#ws-site .wsn-actions .wsx-btn{padding:12px;font-size:12px;gap:9px}#ws-site .wsn-stage{height:350px}#ws-site .wsn-gift-line p{font-size:12px}#ws-site .wsn-faucet-label strong{font-size:11px}#ws-site .wsn-faucet-label span{font-size:10px}#ws-site .wsn-eyebrow{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){#ws-site .wsn-device,#ws-site .wsn-faucet-group,#ws-site .wsn-drop{animation:none!important}#ws-site .wsn-device{transform:rotate(-5deg)}}

/* Campaign carousel and matching collection cards. */
#ws-site .wsn-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;position:relative;z-index:8}
#ws-site .wsn-switches{display:flex;gap:9px}
#ws-site .wsn-switches button{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 18px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:var(--muted);font-size:13px;line-height:1.4;transition:background .25s,border-color .25s}
#ws-site .wsn-switches button>span{font-weight:750;letter-spacing:.02em}
#ws-site .wsn-switches small{font-size:12px;font-variant-numeric:tabular-nums}
#ws-site .wsn-switches button[aria-pressed=true]{background:#67e8f91c;border-color:#67e8f98c;color:var(--text);box-shadow:inset 0 -2px 0 var(--aqua)}
#ws-site .wsn-autoplay{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:12px}
#ws-site .wsn-autoplay:hover,#ws-site .wsn-switches button:hover{border-color:var(--aqua)}
#ws-site .wsn-orp{font-style:normal;color:#c5a1ff}
#ws-site #wsx-baslangic .wsn-title{white-space:normal}
#ws-site .wsn-carousel-ready .wsn-slides{display:grid;position:relative}
#ws-site .wsn-carousel-ready .wsn-slide{grid-area:1 / 1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .55s ease,visibility .55s}
#ws-site .wsn-carousel-ready .wsn-slide.is-current{visibility:visible;opacity:1;pointer-events:auto;z-index:2}
#ws-site .wsn-carousel-ready .wsn-slide:not(.is-current) :is(.wsn-device,.wsn-faucet-group,.wsn-drop){animation-play-state:paused}
#ws-site .wsn-device-orp{left:1%;top:14%;width:70%;height:66%;animation-name:wsn-float-orp;transform:rotate(-3deg)}
#ws-site .wsn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#ws-site .wsn-card-prices{display:flex;justify-content:center;align-items:baseline;gap:16px;flex-wrap:wrap}
#ws-site .wsn-card-old{color:var(--muted);font:400 21px/1.4 var(--body);text-decoration-thickness:1.5px}
#ws-site .wsn-card-payment{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;line-height:1.6;color:var(--text);margin:8px 0 0}
#ws-site .wsn-card-payment .wsx-icon{width:19px;height:19px;color:var(--aqua);margin-right:3px}
#ws-site .wsn-card-gift{font-size:12px;line-height:1.65;color:var(--muted);text-align:center;margin:9px auto 20px;max-width:330px}
#ws-site .wsn-card-gift strong{color:var(--aqua)}
#ws-site #wsx-product-ws80 .wsx-product-image-link img{filter:drop-shadow(0 17px 14px #05223830);object-fit:contain}
html[data-ws-appearance=light] #ws-site .wsn-orp{color:#7140b9}
html[data-ws-appearance=light] #ws-site .wsn-switches button{background:#ffffff8c}
html[data-ws-appearance=light] #ws-site .wsn-switches button[aria-pressed=true]{background:#dceff7;border-color:#62a3bf}
html[data-ws-appearance=light] #ws-site .wsn-autoplay{background:#ffffff70}
@keyframes wsn-float-orp{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(-1deg)}}
@media(max-width:767px){#ws-site .wsn-controls{align-items:flex-start;gap:8px;margin-bottom:17px}#ws-site .wsn-switches{gap:7px;flex:1}#ws-site .wsn-switches button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;flex:1;font-size:12px;min-height:58px}#ws-site .wsn-switches small{font-size:11px}#ws-site .wsn-autoplay{padding:9px;min-height:58px;justify-content:center}#ws-site .wsn-autoplay [data-wsn-play-label]{display:none}#ws-site .wsn-device-orp{left:0;top:13%;width:72%;height:69%}#ws-site .wsn-card-old{font-size:18px}#ws-site .wsn-card-payment{font-size:13px}#ws-site #wsx-baslangic .wsn-title:has(.wsn-orp){font-size:clamp(39px,10.5vw,58px)}}
@media(prefers-reduced-motion:reduce){#ws-site .wsn-carousel-ready .wsn-slide{transition:none}#ws-site .wsn-device-orp{transform:rotate(-3deg)}}
