/* KARMA v7: assets from owner, compact store, seamless cinematic home */
:root{--karma-ink:#0c0609;--karma-wine:#20070e;--karma-red:#f32442}
/* Real image flags, icon-only switcher */
.lang-switch{display:flex;align-items:center;gap:5px;padding:4px;background:linear-gradient(125deg,#16080d,#240912);border:1px solid #67202e;border-radius:12px;box-shadow:inset 0 1px #ffffff09}
.lang-option{width:47px;height:36px;min-width:47px;display:grid;place-items:center;padding:4px!important;border-radius:8px!important;position:relative;overflow:hidden;transition:background .2s,box-shadow .2s,transform .2s}
.lang-option>span{display:none!important}
.lang-option.is-active{background:#651020;box-shadow:0 0 0 1px #ff364c,inset 0 1px #ffffff30,0 0 18px #f2224234}
.lang-option:hover{transform:translateY(-1px)}
.lang-flag{width:35px;height:24px;max-width:100%;object-fit:cover;border-radius:5px;display:block;box-shadow:0 1px 5px #0009;pointer-events:none}
.lang-option:focus-visible{outline:2px solid #ff6576;outline-offset:2px}
/* Store starts directly at products. No massive intro or fake K banner */
.shop-intro{display:none!important}
body[data-page=shop] .shop-section{padding-top:54px!important}
body[data-page=shop] .shop-section .shell{position:relative}
/* One continuous backdrop behind the entire home instead of abrupt flat-colour sections */
body[data-page=home]{background-color:#11070c;background-image:radial-gradient(ellipse 85% 850px at 6% 25%,#6b0b1b4c,transparent 75%),radial-gradient(ellipse 85% 950px at 98% 57%,#a30c204a,transparent 72%),linear-gradient(180deg,#0c0609 0%,#1b080e 16%,#290910 38%,#17070d 64%,#0b060a 100%);background-repeat:no-repeat}
body[data-page=home] .hero{background:transparent!important;isolation:isolate}
body[data-page=home] .hero-scene{background-image:linear-gradient(90deg,#11070ca8,#17070b35 60%,#21060b40),url('/assets/hero-ambient.webp');background-position:center top;background-size:cover;mask-image:linear-gradient(180deg,#000 0%,#000 54%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 54%,transparent 100%)}
body[data-page=home] .hero:before{background:linear-gradient(90deg,#0f070ba3 0%,#13070a6e 33%,transparent 70%),linear-gradient(0deg,#1b080e 0%,transparent 39%)}
body[data-page=home] .trust-strip{background:transparent!important;border:0!important;padding-bottom:45px!important}
body[data-page=home] .trust-strip:after{display:none!important}
body[data-page=home] .home-editorial{background:transparent!important;isolation:isolate}
body[data-page=home] .home-editorial:before{background:radial-gradient(ellipse at 2% 33%,#8f132a2a,transparent 44%),radial-gradient(ellipse at 94% 66%,#8c0a202b,transparent 48%);opacity:1}
body[data-page=home] .how-section{background:transparent!important;border-top:1px solid #7e203226}
body[data-page=home] .join-panel{background:radial-gradient(circle at 85% 60%,#ad192f42,transparent 42%),linear-gradient(110deg,#250b1399,#10070b88 80%)}
/* Three uploaded illustrated steps, no unicode placeholders */
#how .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#how .step{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:0;min-height:290px;padding:23px 24px 26px;border:1px solid #842036;border-radius:12px;background:linear-gradient(145deg,#2d0c18c4,#15080cc9 85%);box-shadow:inset 0 1px 0 #ff859119,0 18px 36px #0005;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}
#how .step:hover{transform:translateY(-4px);border-color:#f53750;box-shadow:0 18px 46px #0009,0 0 22px #ef1f371b}
#how .step-num{position:absolute;right:22px;top:18px;font:800 14px/1 Oswald,Impact,sans-serif;color:#ff5268;letter-spacing:2px}
#how .step-art{display:block;width:150px;height:150px;object-fit:contain;align-self:center;margin:2px auto 12px;filter:drop-shadow(0 5px 20px #e41c3f35);transition:transform .25s}
#how .step:hover .step-art{transform:translateY(-3px) scale(1.035)}
#how .step h3{color:#fff;font:700 23px/1.2 Oswald,Impact,sans-serif;margin:0 0 10px}
#how .step p{font-size:12px;color:#c6aeb5;line-height:1.8;margin:0}
@media(max-width:800px){#how .steps{grid-template-columns:1fr;gap:13px}#how .step{min-height:0;display:grid;grid-template-columns:95px 1fr;column-gap:18px;align-items:center;padding:18px 18px 20px}#how .step-art{grid-row:1/3;grid-column:1;width:95px;height:100px;margin:0}#how .step h3{grid-column:2;align-self:end}#how .step p{grid-column:2;align-self:start}#how .step-num{top:10px;right:12px;font-size:11px}}
@media(max-width:520px){.lang-option{width:40px;min-width:40px;height:34px;padding:3px!important}.lang-flag{width:32px;height:22px}body[data-page=shop] .shop-section{padding-top:26px!important}#how .step{grid-template-columns:76px 1fr;gap:10px;padding:14px}#how .step-art{height:82px;width:76px}#how .step h3{font-size:20px}#how .step p{font-size:11px}}
@media(prefers-reduced-motion:reduce){#how .step,#how .step-art,.lang-option{transition:none!important}}