/* A centered desktop canvas, with generous but bounded reading widths. */
main,footer{width:100%;max-width:1180px;margin-inline:auto!important}
header .bar,.top .header-inner{max-width:1228px!important;margin-inline:auto!important}
.member-strip{border-bottom:1px solid #ffffff12;background:#0c100d;direction:ltr}
.member-strip>div{max-width:1180px;margin:auto;display:flex;align-items:center;gap:20px;padding:9px 24px}
.member-strip a{font-size:12px;font-weight:700;letter-spacing:.02em;color:#c4cec0}
.member-strip a:first-child{color:#d8fb50}.member-strip a:hover{text-decoration:underline;text-underline-offset:4px}
.intro{min-height:470px;grid-template-columns:1.1fr .9fr;border-inline:1px solid #343c32}
.intro-copy{padding:52px 38px}.intro h1{font-size:clamp(48px,5.2vw,72px);max-width:600px}.intro p{font-size:17px;max-width:510px}.intro .over{font-size:11px;letter-spacing:.13em}
main>.section{padding:56px 0}.wrap{max-width:1120px}.head h2{font-size:clamp(32px,3.8vw,48px)}
#takviye-rehberi .biton-panel{max-width:960px;margin-inline:auto}#takviye-rehberi{background:linear-gradient(135deg,#182115,#101310)}
.story-section{padding:56px 28px!important}.transformation-gallery{max-width:850px;margin-inline:auto}.transformation-gallery img{max-height:620px;object-fit:contain}
#sosyal{padding-block:42px}.social{gap:12px}.social a{flex:1;justify-content:center;font-size:13px;padding:16px 10px;min-width:190px}
footer{padding:28px 0 70px}footer .foot{font-size:12px}
/* Pictograms provide category identity in the menu and the home grid. */
header nav#site-nav{width:min(92vw,420px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px!important;padding:18px!important}
.side-nav-heading,.nav-group{grid-column:1/-1}.side-nav-heading{position:sticky;top:-18px;background:inherit;z-index:2}
header nav#site-nav a{display:flex!important;gap:10px;align-items:center;padding:12px 10px!important;border:1px solid #ffffff12;border-radius:12px!important;font-size:12px!important;white-space:normal;transition:background .2s,border-color .2s,transform .2s}
.category-icon{display:grid;place-items:center;color:#d8fb50;flex-shrink:0;width:38px;height:38px;background:#d8fb500b;border:1px solid #d8fb5029;border-radius:10px}
.category-icon svg{width:27px;height:27px;transition:transform .3s ease}
header nav#site-nav a:hover{transform:translateY(-2px);border-color:#d8fb5060}
header nav#site-nav a:hover svg{transform:rotate(-8deg) scale(1.1)}
header nav#site-nav a[aria-current=location] .category-icon{color:#243315;border-color:#24331540}
body.menu-open #site-nav a{animation:category-arrive .3s ease both;animation-delay:calc(var(--item-index,0)*30ms)}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.category-card{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center;padding:18px 12px 21px;background:#192118;border:1px solid #384533;border-radius:16px;font-size:14px;font-weight:700;line-height:1.4;transition:transform .25s,box-shadow .25s,border-color .25s}
.category-card .category-icon{width:100%;height:114px;border-radius:12px;background:radial-gradient(circle at 30% 20%,#d8fb5026,#111b14);border-color:#d8fb501a}
.category-card .category-icon svg{width:66px;height:66px;filter:drop-shadow(0 7px 12px #0005)}
.category-card:nth-child(3n+2) .category-icon{color:#95dbc0;background:radial-gradient(circle at 30% 20%,#63cba22a,#12251d)}
.category-card:nth-child(3n+3) .category-icon{color:#e4d39b;background:radial-gradient(circle at 30% 20%,#cab67525,#252217)}
.category-card:hover,.category-card:focus-visible{transform:translateY(-5px);border-color:#d8fb50;box-shadow:0 14px 30px #0003}
.category-card:hover svg{transform:translateY(-3px) rotate(-5deg)}
@keyframes category-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Video-inspired logo: floating mark, orbiting dots and three drifting cards. */
.animated-brand{position:relative!important;min-height:450px!important;overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:55px 40px!important}
.animated-brand>img{width:min(66%,290px)!important;position:relative;z-index:2;animation:brand-hover 6s ease-in-out infinite!important;filter:drop-shadow(0 15px 30px #d8fb5018)}
.animated-brand:before{display:none!important}




.floating-card{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:94px;height:94px;border:1px solid #d8fb5030;background:linear-gradient(145deg,#263522ee,#121b16ee);box-shadow:0 12px 22px #0003;border-radius:17px;color:#dae5d4;font-size:11px;font-weight:700;animation:card-hover 7s ease-in-out infinite}
.floating-card svg{width:34px;height:34px;color:#d8fb50}.floating-card-0{left:6%;top:10%;rotate:-9deg}.floating-card-1{right:5%;top:16%;rotate:8deg;animation-delay:-2s}.floating-card-2{right:13%;bottom:9%;rotate:6deg;animation-delay:-4s}
.motion-toggle{position:absolute;left:16px;bottom:16px;z-index:4;color:#becbb5;border:1px solid #61715a;background:#111a12;padding:7px 10px;border-radius:20px;font-size:10px}
@keyframes brand-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes card-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.motion-paused>img,.motion-paused .floating-card{animation-play-state:paused!important}
[data-theme=light] .member-strip{background:#eaf0e3;border-color:#ced9c6}[data-theme=light] .member-strip a{color:#35541a}
[data-theme=light] #takviye-rehberi{background:linear-gradient(135deg,#edf3e5,#f5f6f2)}
[data-theme=light] .category-card{background:#fff;border-color:#c7d3bf;color:#21301c}[data-theme=light] .category-icon{color:#385d1f;background:#dce9cb;border-color:#bacfa9}[data-theme=light] .category-card .category-icon{background:linear-gradient(140deg,#edf4e4,#dce9cf);color:#3e6326}
[data-theme=light] .floating-card{background:linear-gradient(145deg,#fcfff5ee,#e1ecd7ee);color:#304223;border-color:#a6bd91}[data-theme=light] .floating-card svg{color:#496d2a}[data-theme=light] .motion-toggle{background:#f5faed;color:#35541a}
@media(min-width:1600px){body{background-image:radial-gradient(ellipse at top,#27312355,transparent 65%)}}
@media(max-width:900px){.intro{grid-template-columns:1fr 1fr}.intro-copy{padding:36px 24px}.intro h1{font-size:52px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.floating-card{width:76px;height:80px}}
@media(max-width:650px){.intro{grid-template-columns:1fr}.intro-copy{padding:32px 24px}.intro h1{font-size:clamp(44px,12vw,61px)}.animated-brand{min-height:345px!important}.animated-brand>img{width:210px!important}.floating-card{width:80px;height:80px}.floating-card-0{left:6%;top:7%}.floating-card-1{right:5%;top:13%}.floating-card-2{bottom:6%;right:12%}.member-strip>div{padding:8px 16px;gap:18px}.member-strip a{font-size:11px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card .category-icon{height:98px}.category-card{font-size:13px}.wrap{padding-inline:20px}.story-section{padding:40px 20px!important}main>.section{padding:40px 0}.head h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.animated-brand>img,.floating-card,body.menu-open #site-nav a{animation:none!important}.category-card,.category-icon svg,header nav#site-nav a{transition:none}.category-card:hover,header nav#site-nav a:hover{transform:none}.motion-toggle{display:none}}
html{scroll-padding-top:124px}main>section{scroll-margin-top:0!important}

/* Visible labels and strong contrast on supplement actions. */
#supplement-result .supplement-shop{background:#d8fb50!important;color:#101610!important;-webkit-text-fill-color:#101610;text-decoration:none;opacity:1;font-weight:700}
.language-picker summary{display:grid!important;grid-template-columns:auto auto;gap:0 5px!important;justify-content:center;align-content:center}
.language-picker .language-label{grid-column:1/-1;display:block;text-align:center;font-size:10px;line-height:1.15;font-weight:700;color:inherit;margin-top:3px}

/* Fixed brand mark; surrounding cards keep moving. */
.animated-brand>img{animation:none!important;transform:none!important;rotate:none!important}
main>.story-section{padding-top:12px!important;margin-top:0!important;min-height:0!important}
.story-section .story-head{margin-top:0!important}.story-section h2{margin-top:0!important}
main,main *{min-width:0}main [hidden]{display:none!important}
.intro-copy{padding:40px 30px!important}.intro h1{overflow-wrap:normal;hyphens:auto;font-size:clamp(36px,4.6vw,68px)!important;line-height:1.08!important}
.head,.story-head,.story-bottom{flex-wrap:wrap!important;align-items:flex-start!important}
.head>*,.story-head>*{flex:1 1 280px}.head h2,.story-section h2{overflow-wrap:anywhere;hyphens:auto;line-height:1.12}
.btn,.biton-actions a,.actions a{white-space:normal!important;overflow-wrap:anywhere;line-height:1.45;max-width:100%;height:auto}
input,select,textarea{max-width:100%;min-width:0}.formgrid,.biton-form-grid,.tools{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-card>span:last-child,#site-nav a>span:last-child{overflow-wrap:anywhere;hyphens:auto}
.bottle-tracker{display:flex!important;flex-direction:column;align-items:center;gap:14px;padding:24px 12px;text-align:center}
.water-bottle{background:transparent;border:0;color:#d8fb50;cursor:pointer;display:grid;justify-items:center;gap:8px;font:inherit;font-weight:700}
.water-bottle svg{height:250px;width:150px;max-width:100%}.water-bottle:focus-visible{outline:3px solid #d8fb50;outline-offset:5px;border-radius:12px}.bottle-water{transition:y .3s,height .3s}.bottle-total{font-size:22px;font-weight:700;margin:0}.bottle-tracker>p{max-width:500px}.bottle-tracker button:disabled{opacity:.5;cursor:default}
.fat-bands{border-collapse:collapse;width:100%;font-size:14px;margin-block:20px}.fat-bands th,.fat-bands td{padding:10px 7px;border:1px solid #71816a;text-align:start;overflow-wrap:anywhere}.fat-bands caption{text-align:start;margin-bottom:10px}.fat-bands .selected-band{background:#d8fb50;color:#101610}.result h4{font-size:23px;margin:0 0 14px}
@media(max-width:760px){.tools,.formgrid,.biton-form-grid{grid-template-columns:1fr}.intro{grid-template-columns:1fr!important}.intro-copy{padding:28px 20px!important}.intro h1{font-size:clamp(38px,10vw,60px)!important}.head,.story-head{display:block!important}.head>*,.story-head>*{margin-bottom:14px}.fat-bands{font-size:12px}.fat-bands th,.fat-bands td{padding:8px 4px}}
@media(prefers-reduced-motion:reduce){.bottle-water{transition:none}}

/* Borderless controls; keyboard focus stays visible. */
#menu-toggle,#theme-toggle,header summary,.btn.alt,.choice,.quiz-options button,.quiz-option,.answer-option{border-color:transparent!important;box-shadow:none!important}
#menu-toggle:focus-visible,#theme-toggle:focus-visible,header summary:focus-visible,.btn.alt:focus-visible,.choice:focus-visible{outline:2px solid #d8fb50;outline-offset:4px}